/* 
Theme Name:		 InMotion Media
Theme URI:		 https://inmotionmedia.ro
Description:	 InMotion Media este o tema construita pentru Shapeform
Author:			 InMotion Media
Template:		 generatepress
Version:		 1.0.0
Text Domain:	 inmotion-media
*/


/*
    Add your custom styles here
*/

i {
	font-family: 'FontAwesome';
}

h1, h2, h3, h4, h5, h6 {
font-family: "Lexend Deca", serif !important;
}

body {
    font-family: "Open Sans", sans-serif !important;
}

/* HEADER */

.site-header{
	/*background: transparent linear-gradient(180deg, #FFFFFF 0%, #7D9796 100%) 0% 0% no-repeat padding-box !important;*/
	font-family: "Lexend Deca", serif !important;
    font-weight: normal;
}

.navigation-stick {
	background: transparent linear-gradient(180deg, #FFFFFF 0%, #7D9796 100%) 0% 0% no-repeat padding-box !important;
	max-width: 100% !important;
}

.navigation-stick .inside-navigation {
	max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
	padding: 10px;
	flex-wrap: nowrap !important;
}

.inside-header {
	display: flex;
	align-items: center;
	justify-content: center;
    text-align: center;
}

.inside-header .site-logo {
	margin-right: 0px;
}

.nav-float-right .inside-header .main-navigation {
	float:none !important;
	max-width: 100% !important;
    width: 100%;
}

.contact-meniu-buton {
    background: #fff;
    border: 3px solid #F1B234;
    border-radius: 10px;
    float: right !important;
    top: 15px;
}

.navigation-stick .contact-meniu-buton {
	top: 0px;
}

.navigation-stick .main-nav {
    /*margin-left: auto;
    margin-right: auto;*/
	width: 100%;
    text-align: center;
}

.is_stuck .main-nav ul li.menu-item {
	display: inline-block !important;
    float: none !important;
}

.is_stuck .main-nav ul li.contact-meniu-buton {
	float:right !important;
}

.contact-meniu-buton a {
	color: #F1B234 !important;
	line-height: 49px !important;
	font-size: 16px !important;
}

.main-navigation li {
    float: none;
    position: relative;
    display: inline-block;
}

.main-navigation .main-nav ul li[class*="current-menu-"] > a {
    font-size: 22px;
}

.main-navigation .main-nav ul li.contact-meniu-buton[class*="current-menu-"] > a {
    font-size: initial;
}

.main-nav li a:hover, .main-nav li a:focus {text-decoration: none;}

.navigation-stick .navigation-branding {
	margin-right: 20px !important;
}

/* Homepage / Pagina articole */

.container-proiect {
	margin-top: 25px;
	display: flex;
}

.container-proiect .coloana-1 {
    padding-left: 7px;
    padding-right: 7px;
}

.container-proiect .coloana-1 img {
	width:100%;
	box-shadow: 15px 15px 30px #7D979680;
	border-radius: 10px;
}

.container-proiect .coloana-1 h2 {
    margin: 0px;
    position: absolute;
    bottom: 45px;
    left: 45px;
    text-transform: lowercase;
}

.container-proiect .coloana-1 h2 a {color:#fff;}
.container-proiect .coloana-1 h2 a:hover {text-decoration:underline;}

.container-proiect .coloana-2 {
	padding-left: 7px;
    padding-right: 7px;
}

.container-proiect .coloana-2 .box-1 {
	height:50%;
}

.container-proiect .coloana-2 .box-1 img {
	box-shadow: 15px 15px 30px #7D979680;
    border-radius: 10px;
}

.container-proiect .coloana-2 .box-2 {
	height: calc(50% - 7px);
    background: #F1B234;
    text-align: center;
    width: 100%;
    margin-top: 7px;
	font-family: "Lexend Deca", serif !important;
    align-items: center;
    display: flex;
    justify-content: center;
	box-shadow: 15px 15px 30px #7D979680;
	border-radius: 10px;
}

.container-proiect .coloana-2 .box-2 span {
    letter-spacing: 0px;
    color: #000000;
    font-size: 144px;
	line-height: 40px;
	display: inline-block;
    position: relative;
}

.category-obiecte .container-proiect .coloana-2 .box-2 {
	background: #EAB5AB;
}

.container-proiect .coloana-2 .box-2 .span1 {
    transform: matrix(-1, 0, 0, -1, 0, 0);
}

/* Pagina articol */

.featured-image {
    width: 100%;
    padding: 0px;
    margin: 0px;
    max-width: 100% !important;
}

.featured-image img {
	width: 100%;
    height: calc(100vh - 106px);
    object-fit: cover;
    object-position: center center;
}

.type-post .entry-header h1 {
	font-size: 72px;
    line-height: 92px;
    text-align: right;
    color: #000;
    text-transform: lowercase;
    letter-spacing: 15px;
	margin-top: 0px;
    display: inline-block;
}

.prezentare-proiect {
	display: flex;
    margin-top: 20px;
    align-items: center;
}

.galerie-foto {
	-webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
	margin-top: 40px;
}

.galerie-foto img {
	max-width: 100%;
    height: auto;
    width: 100%;
    margin-top: 7px;
    margin-bottom: 7px;
}

/* Pagini interne */

.align-right {text-align: right;}
.align-left {text-align: left;}

.pagini-interne .inside-article {
	padding: 45px !important;
    text-align: center;
    margin-top: 40px;
	margin-bottom: 75px;
	border-radius: 10px;
}

.pagini-interne .inside-article .entry-title {
	text-transform: lowercase;
}

.pagini-interne.ce-facem .inside-article {
	background: #EAB5AB 0% 0% no-repeat padding-box;
    box-shadow: 15px 15px 30px #7D979680;
}

.pagini-interne.cum-facem .inside-article {
	background: #7CAD8D 0% 0% no-repeat padding-box;
	box-shadow: 15px 15px 30px #7D979680;
}

.component-generala1 .prezentare-componenta, .component-generala2 .prezentare-componenta {
	margin-bottom: 75px;
    display: inline-block;
}

.component-generala1 .prezentare-componenta h2, .component-generala2 .prezentare-componenta h2 {
	font-size: 24px;
	line-height: 36px;
	margin-bottom: 20px;
	font-weight: bold;
}

.component-generala1 .prezentare-componenta a {
    box-shadow: 15px 15px 30px #7D979680;
    display: inline-block;
    background: #FFFFFF;
    border: 3px solid #F1B234;
    border-radius: 10px;
    padding: 5px 50px;
    color: #F1B234;
    margin-top: 20px;
}

.component-generala1 .prezentare-componenta a:hover {
	background-color: #F1B234;
	color:#fff;
}

.component-generala1 .prezentare-componenta .imagine-componenta img {
	width: 75%;
}

.component-generala2 .prezentare-componenta h3 {
	font-size:20px;
	line-height: 26px;
	color:#7CAD8D;
}

.component-generala2 .prezentare-componenta h3:before {
    content: '';
    width: 10px;
    height: 10px;
    background: #7CAD8D;
    border-radius: 50%;
    display: inline-block;
    margin-right: 10px;
    position: relative;
    top: -1px;
}

.component-generala2 .prezentare-componenta .align-left .inner-continut {
	padding-left:100px;
}

.component-generala2 .prezentare-componenta .align-right .inner-continut {
    padding-left: 0px;
    padding-right: 100px;
}

.component-generala2 .prezentare-componenta .inner-continut h5 {
	color:#7CAD8D;
}

.component-generala2 .prezentare-componenta h5:before {
    content: '';
    width: 7px;
    height: 7px;
    background: #7CAD8D;
    border-radius: 50%;
    display: inline-block;
    margin-right: 10px;
    position: relative;
    top: -1px;
}

.component-generala2 .prezentare-componenta .align-left ul {
    margin: 0px;
    padding-left: 100px;
    color: #7CAD8D;
}

.component-generala2 .prezentare-componenta .align-right ul {
    margin: 0px;
    padding-right: 100px;
    color: #7CAD8D;
}

.pagini-interne.studio .inside-article {
    background: #EAB5AB 0% 0% no-repeat padding-box;
    box-shadow: 15px 15px 30px #7D979680;
}


/* ECHIPA COMPONENT */

.echipa-component {
    display: inline-block;
    position: relative;
    margin-bottom: 40px;
}

.echipa-component .membru-echipa {
	background: #EAB5AB 0% 0% no-repeat padding-box;
    box-shadow: 15px 15px 30px #7D979680;
}

/* CONTACT */

.imagine-featured img {
    margin-top: 40px;
    margin-bottom: 40px;
    box-shadow: 15px 15px 30px #7D979680;
	border-radius:10px;
}

.content-pagina-contact {
	text-align: center;
    font-size: 18px;
    line-height: 28px;
	font-family: "Lexend Deca", serif;
}

.formular-contact {
	margin-top: 60px;
    margin-bottom: 20px !important;
    display: inline-block;
}

.formular-contact label {
	font-weight: normal;
	width:100%;
	margin-bottom: 20px;
}

.formular-contact input, .formular-contact .wpcf7-textarea {
	background: #F7F7F7;
    border: 3px solid #F2F2F2;
    border-radius: 10px;
	width: 100%;
	margin-top: 5px;
}

.formular-contact input[type="text"]:focus, .formular-contact .wpcf7-textarea:focus, .formular-contact input[type="email"]:focus {
    background: #FFFFFF;
    box-shadow: 15px 15px 30px #7D97967F;
    border-color: transparent;
}

.formular-contact h6 {
	font-size: 28px;
    line-height: 45px;
    margin-top: -10px;
	font-weight:normal;
}

.formular-contact .wpcf7-submit {
	background: #FFFFFF;
    box-shadow: 15px 15px 30px #7D979680;
    border: 3px solid #F1B234;
    border-radius: 10px;
    color: #F1B234;
    width: 250px;
}

.footer-contact {
	text-align: center;
    font-size: 18px;
    line-height: 28px;
    display: inline-block;
    width: 100%;
    margin-top: 30px;
	font-family: "Lexend Deca", serif;
}


/* SITE FOOTER */

.footer-separator {
	border: 20px solid #bbbbbb;
    margin-top: 20px;
    margin-bottom: 20px;
}

.site-footer {
	text-align: center;
}

.site-footer .footer-widgets-container .inside-footer-widgets {
    margin-left: 0px;
	display: flex;
    text-align: center;
}

.footer-widgets {
    padding: 0px;
}

.site-footer .footer-widgets-container .inside-footer-widgets .grid-parent {
	max-height:100%;
	border-left:1px solid #fff;
	padding:40px;
}

.site-footer .footer-widgets-container .inside-footer-widgets .grid-parent .fa {
	font-size: 30px;
    line-height: 40px;
	margin-bottom:15px;
}

.site-footer .footer-widgets-container .inner-padding {
    padding: 0px;
}

.site-footer .footer-widgets-container .inside-footer-widgets .footer-widget-4 {
	background:#F7DBD6;
}

.site-footer .footer-widgets-container .inside-footer-widgets .footer-widget-4 .fa {
	width:50%;
	display:inline-block;
}

.fa-map-pin:before {
    content: url('assets/icons/location.svg') !important;
	width: 20px;
    display: inline-block;
    height: auto;
}

.fa-envelope:before {
    content: url('assets/icons/mail.svg') !important;
	width: 50px;
    display: inline-block;
    height: auto;
}

.fa-phone:before {
   content: url('assets/icons/phone.svg') !important;
	width: 43px;
    display: inline-block;
    height: auto;
}

.fa-google:before {
   content: url('assets/icons/google.svg') !important;
	width: 50px;
    display: inline-block;
    height: auto;
}

.fa-instagram:before {
   content: url('assets/icons/insta.svg') !important;
	width: 50px;
    display: inline-block;
    height: auto;
}

.fa-pinterest:before {
   content: url('assets/icons/pinterest.svg') !important;
	width: 50px;
    display: inline-block;
    height: auto;
}

.fa-facebook:before {
   content: url('assets/icons/fb.svg') !important;
	width: 50px;
    display: inline-block;
    height: auto;
}

/* HOOVER */

.footer-widget-1:hover .fa-map-pin:before {
    content: url('assets/icons/location-h.svg') !important; 
}

.footer-widget-2:hover .fa-envelope:before {
    content: url('assets/icons/mail-h.svg') !important; 
}

.footer-widget-3:hover .fa-phone:before {
   content: url('assets/icons/phone-h.svg') !important;
}

.fa-google:hover:before {
   content: url('assets/icons/google-h.svg') !important;
}

.fa-instagram:hover:before {
   content: url('assets/icons/insta-h.svg') !important;
}

.fa-pinterest:hover:before {
   content: url('assets/icons/pinterest-h.svg') !important;
}

.fa-facebook:hover:before {
   content: url('assets/icons/fb-h.svg') !important;
}

@media screen and (max-width: 767px) {

/* HEADER */
	
.site-header .site-logo {
	order: 2 !important;
	margin-bottom: 0px;
}
	
.site-header .site-navigation {
	order: 1 !important;
}
	
.main-navigation .menu-toggle {
	text-align: left;
	padding-left: 0px;
}
	
.inside-header {
    padding: 10px 15px;
}
	
.slideout-navigation button.slideout-exit {
    text-align: right !important;
}
	
.contact-meniu-buton {
	width: initial !important;
    float: initial !important;
    top: 10px;
    margin: 0px 15px;
}
	
/* Homepage */

.separate-containers .inside-article {
	padding: 0px 15px;
}

.container-proiect .coloana-1 {
	padding: 0px;
}
	
	.container-proiect .coloana-1 h2 {
		left:15px;
		right: 15px;
	}
	
.container-proiect .coloana-2 {
	display: none;		
}
	
/* Single page */
	
.featured-image img {
    height: 40vh;
}
	
.type-post .entry-header h1 {
    font-size: 42px;
    line-height: 58px;
    text-align: center;
}
	
.single-post .container {
	padding:0px;
}
	
.prezentare-proiect {
    display: inline-block;
}

.galerie-foto {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    margin-top: 10px;
}
	
.page-content, .entry-content, .entry-summary {
    margin: 20px 0 0;
}
	
/* Pagini interne */
	
	.pagini-interne .inside-article {
    padding: 15px !important;
	}
	
	.page-template-template-standard .container {
		padding:0px;
	}
	
	.component-generala1 .prezentare-componenta, .component-generala2 .prezentare-componenta {
    margin-bottom: 40px;
	}
	
	.pagini-interne .inside-article {
	margin-bottom: 40px;
	}
	
	.component-generala1 .prezentare-componenta .align-right, .component-generala2 .prezentare-componenta .align-right {
	text-align: left;
	}
	
	.component-generala2 .prezentare-componenta .align-left .inner-continut {
    padding-left: 30px;
}
	
	.component-generala2 .prezentare-componenta .align-left ul {
	padding-left:30px;
	}
	
	.echipa-component .membru-echipa {
	margin-top:40px;
	}
	
	.page-template-contact .container {
	padding:0px;
	}
	
	.formular-contact {
    margin-top: 30px;
    margin-bottom: 0px !important;
    display: inline-block;
}
	
	.formular-contact h6 {
    font-size: 22px;
    line-height: 32px;
    margin-top: 0px;
    font-weight: normal;
}
	
/* Footer */
	
.site-footer .footer-widgets-container .inside-footer-widgets {
    display: inline-block;
}

.site-footer .footer-widgets-container .inside-footer-widgets .grid-parent {
    max-height: 100%;
    border-left: 0px;
    padding: 10px;
    width: 49%;
    display: inline-block;
    margin-bottom: 0px;
    margin-top: 20px;
}	

}