/*
Theme Name: propper Child
Theme URI: http://thenordik.com/demo/themeforest/wordpress/propper-demo/
Author: Underscores.me
Author URI: http://thenordik.com/demo/themeforest/wordpress/propper/
Description: A propper Child Theme
Template: propper
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: propper
Tags: black, blue, gray, red, white, yellow, dark, light, one-column, two-columns, right-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
This theme, like WordPress, is licensed under the GPL.
*/
@import url("../propper/style.css");

body{
	color: #555;
}
.iub__us-widget{
	display: none !important;
}
p{
	text-align: justify;
}
.text-center-realizzazione{
	margin: 64px 0px !important;
}
.text-center-realizzazione .wpb_wrapper p{
	text-align: center;
}
.video-player .play-icon{
	display: none;
}
.hero-section.blog-title{
	display: none;
}
body.category-vendita div.hero-section.blog-title,
body.category-affitto div.hero-section.blog-title,
body.category-investimento div.hero-section.blog-title{
	display: block;
} 
.hero-section p{
	width: 50%;
	opacity: 0.9;
	font-size: 14px;
	font-weight: 400;
	line-height: 24px;
}

body.single-post #page-content header{
	display: none;
}
.logged-in .navigation{
	top: 0px;
}

#titoloProgetto{
	position: absolute;
	width: 1170px;
	color: white;
	left: 50%;
	transform: translate(-50%, -50%);
	margin-left: 15px;
	top: 50vh;
	z-index: 9;
}
#titoloProgetto h1{
	margin-bottom: 20px;
	font-size: 60px;
}
#titoloProgetto h3{
	font-size: 24px;
}
#descrizione{
	padding: 50px 0px;
}

#descrizione ul li:before{
	text-shadow: none;
	-webkit-font-smoothing: antialiased;
	font-family: 'ElegantIcons';
	speak: none;
	font-weight: normal;
	font-variant: normal;
	line-height: 1;
	text-transform: none;
	content: "\e052";
	left: -15px;
	position: relative;
	margin-left: -15px;
}
#descrizione ul li{
	list-style: none;
}
body.single-post #gallery{
	padding: 50px 0px;
}
.feature div.image{
	width: 64px;
	opacity: 0.6;
}
.feature h3 a{
	color: white;
}
.feature h3:after{
	content: "\f0da";
    font-family: "FontAwesome";
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 14px;
/*--adjust as necessary--*/
    color: #FFF;
	margin-left: 15px;
	top: 2px;
	position: relative;
}

div.ekko-lightbox.modal div.modal-dialog{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100% !important;
	transform: translate(-50%, -50%);
	margin-top: 0px;
}
div.ekko-lightbox.modal div.modal-dialog div.modal-content div.modal-body{
	padding-top: 0px;
}

div.boxVenduta{
	position: absolute;
	top: 7px;
	left: 0px;
	width: calc(100% + 51px);
	left: -25px;
	z-index: 10;
	background: #FF0;
	padding: 9px;
	font-size: 11px;
}
div.boxVenduta:before{
	content: '';
	position: absolute;
	left: 0px;
	top: 32px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 10px 5px 0;
	border-color: transparent #d9d900 transparent transparent;
}
div.boxVenduta:after{
	content: '';
	position: absolute;
	right: 0px;
	top: 32px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 10px 0 0;
	border-color: #d9d900 transparent transparent transparent;
}
.blog-post{
	border-bottom: none;
}
.blog-post .meta{
	margin: 0 0 20px;
}
div.pp_default .pp_description{
	display: none !important;
}
#sfondoContatti{
	height: 80vh;
	max-height: 1200px;
}
#sfondoContatti div.hero-title{
	margin-top: -40px;
	transform: translateY(40vh);
}
#sfondoContatti:before,
#page-footer:before{
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background:rgba(0,0,0,0.2);
	position: absolute;
	top: 0px;
	left: 0px;
}
.modal-header{
	padding: 10px 15px;
	border-bottom: none;
}
div.planimetria{
	margin-bottom: 20px;
}
body.home div#slider{
	display: none;
}
#sliderHome .hero-section:after{
	display: none !important;
}
#sliderHome div.hero-slide div.bg-transfer:after{
	background-color: rgba(0, 0, 0, 0.3);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	content: "";
}
#sliderHome div.hero-slide div.hero-title{
	position: absolute;
	width: 1170px;
	color: white;
	left: 50%;
	transform: translate(-50%, -50%);
	margin-left: 15px;
	top: 50vh;
	z-index: 99999;
}
#sliderHome h1{
	font-size: 48px;
	margin-bottom: 20px;
}
#sliderHome h3{
	font-size: 20px;
	margin-bottom: 40px;
}
#sliderHome a.btnViewProject{
	display: block;
	color: black;
	letter-spacing: 1px;
	text-transform: uppercase;
	background: white;
	padding: 15px 25px;
	width: 240px;
	font-size: 12px;
	font-weight: bold;
	margin-top: 70px;
}
#sliderHome a.btnViewProject:after{
	font-family: FontAwesome;
	content: "\f178";
	padding-left: 10px;
}
#sliderHome a.btnViewProject:hover{
	background: black;
	color: white !important;
}

body.home div.owl-prev,
body.home div.owl-next{
	position: absolute;
	/*background: #FFF;*/
	top: 50vh;
	left: calc(((100vw - 1170px) / 2) - 80px);
	width: 80px;
	height: 80px;
	margin-top: -30px;
	border: rgba(255,255,255,0.5) 10px solid;
	text-align: center;
	line-height: 70px;
	cursor: pointer;
}
body.home div.owl-next{
	left: auto;
	right: calc(((100vw - 1170px) / 2) - 80px);
}
body.home div.owl-prev:hover,
body.home div.owl-next:hover{
	opacity: 1;
	border: rgba(255,255,255,1) 10px solid;
}
body.home .owl-nav .owl-prev:before,
body.home .owl-nav .owl-next:before{
	line-height: 65px;
	font-size: 20px;
	color: white;
}
#sliderProgettiHome div.wpb_content_element{
	margin-bottom: 0px !important;
}
div.vc_custom_1478321834096 div.description p:nth-child(1),
div.vc_custom_1478321843075 div.description p:nth-child(1){
	display: none;
}
#about div.has-overlay:after{
	display: none;
}
ul#menu-main-menu li.menu-item.menu-item-type-custom.menu-item-object-custom a[href="#cerca"] i.fa-search{
	padding-right: 5px;
}
li.menu-item a span div.hover-element em{
	display: block;
	font-style: normal;
	font-size: 12px;
	color: white;
}
.page-wrapper .navigation .right .navigation-links{
	visibility: visible;
	-moz-transition-delay: 0.2s;
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
	filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 1;
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
}
.contattiTextBox h2{
	font-size: 36px;
	margin-bottom: 30px;
}
.navigation .left,
.navigation .propper-logo{
	position: relative;
	left: -200px;
}
.navigation .right .navigation-links li a{
	opacity: 1;
	padding: 5px 15px;
}
.logo-text a.hover-effect span div.hover-element img,
.logo-text a.hover-effect span div.hover-element svg{
	display:block;
	width: 100%;
}
.logo-text a.hover-effect span div.hover-element svg g#scritta *{
	fill:#FFFFFF !important;
}
nav.show-background .logo-text a.hover-effect span div.hover-element svg g#scritta *{
	fill:#0D6DB4 !important;
}


.dropdown-menu{
	margin-top: 0px;
	padding: 10px 20px;
}
.dropdown-menu li{
	display: block !important;
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}
.dropdown-menu li a:hover span div.hover-element{
	color: white
}
/*.navigation{
	overflow: hidden;
}*/
.navigation .right .navigation-links ul.dropdown-menu li a:after{
	display: none;
}
.owl-dots.disabled .owl-dot{
	display: none;
}
#page-footer p{
	opacity: 1;
	color: #DDD;
}
#page-footer div.contact-data a,
#page-footer div.contact-data strong,
#page-footer div.contact-data figure,
#page-footer p strong{
	color: white;
	display: block;
}
#page-footer .number figure{
	color: white;
	text-align: left;
}
#page-footer div.contact-data figure:before{
	content: "Tel: ";
}
#page-footer .number figure{
	color: white;
}
.pricing-boxes .price-box h3{
	height: 52px;
	overflow: hidden;
}
.pricing-boxes .price-box .values figure:nth-child(3){
	height: 45px;
	overflow: hidden;
}
body.archive aside{
	margin-bottom: 64px;
	padding-left: 30px;
	padding-right: 30px;
}
.blog-post header h2{
	font-size: 24px;
}
body.archive .blog-post p{
	display: none;
}
body.archive .blog-post a span div.hover-element:nth-child(1) img{
	filter: gray; /* IE6-9 */
  	-webkit-filter: grayscale(0.6); /* Google Chrome, Safari 6+ & Opera 15+ */
  	filter: grayscale(0.6); /* Microsoft Edge and Firefox 35+ */
}
header#page-header h3.logo-text{
	margin-top: 15px;
	margin-bottom: 15px;
}
#offerta{
	display: none;
}
.navigation .right .navigation-links li a:after{
	background-color: white;
	height: 3px;
}
nav.show-background .navigation .right .navigation-links li a:after{
	background-color: #333;
}
ul#menu-main-menu li.menu-item a span{
	color: white;
}
nav.show-background ul#menu-main-menu li.menu-item a span{
	color: #333;
}
nav.show-background ul#menu-main-menu li.menu-item ul.dropdown-menu li.menu-item a span,
ul#menu-main-menu li.menu-item ul.dropdown-menu li.menu-item a{
	color: white;
}
ul#menu-main-menu li.menu-item-has-children a{
	pointer-events: none;
}
ul#menu-main-menu li.menu-item-has-children ul.dropdown-menu li a{
	pointer-events: auto;
}
body.search section.no-results.not-found{
	padding-top: 64px;
	padding-bottom: 64px;
}
body.search section.no-results.not-found h1{
	display: none;
}
body.search div.blog-standard,
body.page-template-search div.blog-standard{
	margin-top: 64px;
	margin-bottom: 64px;
	margin-left: 0px;
	list-style: none;
}
body.page-template-search div.blog-standard div#post-2036{
	display: none;
}
.sfondo-azzurro{
	background: rgb(148,219,247);
	background: radial-gradient(circle at top right, rgba(148,219,247,1) 0%, rgba(226,247,255,1) 100%);
}
.sfondo-azzurro div.container div.wpb_column div.wpb_wrapper{
	color: #284350;
}
body.page-id-5 .has-overlay:after{
	content: none;
}
.bg-transfer.opacity-15,
body.single-post .bg-transfer.opacity-15{
	opacity: 1 !important;
}
#realizzazioni div.vc_column-inner > div.wpb_wrapper{
	margin-bottom: 16px;
	padding-bottom: 1px;
	-webkit-box-shadow: rgba(100,100,100,0.3) 0px 0px 20px;
	box-shadow: rgba(100,100,100,0.3) 0px 0px 20px;
}
#realizzazioni div.vc_column-inner > div.wpb_wrapper > .wpb_text_column{
	padding: 0px 20px;
}
#realizzazioni div.vc_column-inner > div.wpb_wrapper > .wpb_text_column h3{
	margin-top: 0px;
}
#realizzazioni div.vc_column-inner > div.wpb_wrapper > .wpb_text_column h3 a:after{
	content: "\f0da";
	font-family: "FontAwesome";
	display: block;
	width: 40px;
	height: 40px;
	border: #CCCCCC88 5px solid;
	position: absolute;
	/* bottom: -10px; */
	z-index: 1;
	right: 0px;
	transform: translate(-10px, -40px);
	text-align: center;
	line-height: 30px;
}

#realizzazioni div.vc_column-inner > div.wpb_wrapper .wpb_single_image{
	margin-bottom: 19px;
}

span.rettangolo-logo{
	display: block;
	background: rgba(148,219,247,1);
	background: radial-gradient(circle at top right, rgba(148,219,247,1) 0%, rgba(226,247,255,1) 100%);
	width: 200px;
	height: 60px;
	position: relative;
	top: 50px;
	left: 200px;
	-webkit-transform: rotate(-19deg) translate(-185px,-68px);
	-ms-transform: rotate(-19deg) translate(-185px,-68px);
	-o-transform: rotate(-19deg) translate(-185px,-68px);
	transform: rotate(-19deg) translate(-185px,-68px);
	-webkit-transition: opacity 500ms;
	-o-transition: opacity 500ms;
	transition: opacity 500ms;
	opacity: 0;
}
.logo-text a{
	position: absolute;
	top: 10px;
	left: 200px;
}
nav.show-background div.left,
nav.show-background div.propper-logo{
	overflow: hidden;
}
nav.show-background span.rettangolo-logo{
	/* opacity: 1; */
	opacity: 0;
}
#page-footer{
	padding-top: 120px;
}
#page-footer .numbers{
	margin-top: 20px;
	opacity: 0;
}
#page-footer .container a.brand span img{
	width: 160px;
}
.background-wrapper .background-color.background-color-black{
	background-color: #94dbf7 !important;
}
.background-wrapper .bg-transfer.opacity-30{
	opacity: 0.8;
}
#page-footer p,
#page-footer p strong,
#page-footer div.contact-data strong,
#page-footer div.contact-data figure,
#page-footer div.contact-data a{
	/*color: #284350;*/
	color: #FFFFFF;
}
footer div.container div.note{
	color: white;
	opacity: 1;
}
footer div.container div.note a,
footer div.container div.note a.hover-effect span{
	color: white;
	top: -2px;
}
.background-is-dark hr{
	opacity: 0.3;
}
.vc_gitem-zone{
	background-color: white !important;
	overflow: auto;
}
.vc_gitem-zone .vc_gitem_row.vc_row{
	overflow: auto;
}

/* Pagina categoria di realizzazioni */
body.page-id-2183 .vc_gitem-zone-img,
body.page-id-2316 .vc_gitem-zone-img,
body.page-id-2261 .vc_gitem-zone-img,
body.page-id-2319 .vc_gitem-zone-img{
	min-height: 500px;
}

#realizzazioniCivile .vc_gitem_row .vc_gitem-col{
	padding: 20px;
}

#realizzazioniCivile .vc_gitem_row .vc_gitem-col div.vc_btn3-container a.vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat{
	background-color: transparent !important;
	padding: 0px;
	color: black;
	text-indent: -99999px;
	display: block;
	margin-top: 40px;
}
#realizzazioniCivile .vc_gitem_row .vc_gitem-col div.vc_btn3-container a.vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat:after{
	content: "\f0da";
	font-family: "FontAwesome";
	display: block;
	width: 40px;
	height: 40px;
	border: #CCCCCC88 5px solid;
	position: absolute;
	/* bottom: -10px; */
	z-index: 1;
	right: 0px;
	transform: translate(-10px, -40px);
	text-align: center;
	line-height: 30px;
	text-indent: 0px;
}
.vc_gitem-post-data-source-post_title h4{
	text-transform: uppercase;
	color: black;
	font-size: 16px;
	font-weight: bold;
}
.navigationpost{
	margin-top: 54px;
}
nav.show-background div.nav-btn figure{
	background: #284350;
}
.video-player{
	cursor: none;
	pointer-events: none;
}
#realizzazioniCivile .vc_grid-item-mini .vc_gitem-zone{
	transition: transform 500ms ease-out;
}
#realizzazioniCivile .vc_grid-item-mini:hover .vc_gitem-zone{
	-webkit-transform: scale(1.05);
	 -ms-transform: scale(1.05);
	 -o-transform: scale(1.05);
	 transform: scale(1.05); 
}
ul.check-marks li{
	opacity: 0.6;
}
#bottoneAzienda{
	position: relative;
	top: -20px;
}
#bottoneAzienda a{
	background: #284350 !important;
	border: none !important;
	border-radius: 30px;
	font-size: 10px;
	color: white;
	text-transform: uppercase;
}
.navigation.show-background,
.navigation.show-background:hover{
	box-shadow: rgba(0,0,0,0.1) 0px 5px 5px;
}
#cookie-law-info-bar,
#cookie-law-info-bar .cli-plugin-button{
	font-size: 12px;
}
#cookie-law-info-bar .cli-plugin-button{
	margin-left: 10px;
}
@media screen and (max-width: 1200px) {
	body.home #realizzazioni .wpb_column{
		width: 50%;
	}
	body.home #realizzazioni .wpb_single_image .vc_figure,
	body.home #realizzazioni .wpb_single_image .vc_single_image-wrapper,
	body.home #realizzazioni .wpb_single_image span,
	body.home #realizzazioni .wpb_single_image span .hover-element,
	body.home #realizzazioni .wpb_single_image span .hover-element,
	body.home #realizzazioni .wpb_single_image img{
		max-width: none;
		width: 100%;
	}
	#bottoneAzienda{
		top: 0px;
	}
	.logo-text a{
		width:140px;
		top:20px;
	}
	nav.show-background div.propper-logo{
		width:340px;
	}
}
@media screen and (max-width: 1170px) {
	body.home div.owl-prev{
		left: -100px;
	}
	body.home div.owl-next{
		right: -100px;
	}
	.hero-section p{
		width: 100%;
	}
}
@media screen and (max-width: 1024px) {
	.vc_pageable-slide-wrapper{
		margin:0px 15px !important;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
	}
	.vc_pageable-slide-wrapper .vc_grid-item{
		padding:0px !important;
		width: 45%;
		position: static !important;
		margin: 0px 2.5% 32px;
	}
	#page-footer .container a.brand span img{
		width: 120px;
	}
}

@media screen and (max-width: 767px) {
	body.home #realizzazioni .wpb_column{
		width: 50%;
		float: left;
	}
	.navigation .wrapper{
		padding:0px;
	}

	.navigation-links{
		display: none;
	}
	.page-wrapper.show-navigation .navigation .right .navigation-links{
		display: block;
	}
	#sliderHome div.hero-slide div.hero-title{
		left: 5vw;
		margin-left: 0;
		width: 90vw;
		transform: none;
		top: 30vh;
	}
	div.owl-nav{
		display: none;
	}
	#sliderHome h1{
		font-size: 48px;
	}
	ul.dropdown-menu{
		position: static;
		float: none;
		clear: both;
	}
	ul.dropdown-menu li,
	ul.dropdown-menu li a{
		text-align: right;
		font-size: 14px;
	}
	ul.dropdown-menu li a em{

	}
	.navigation .right .navigation-links li{
		clear: both;
	}
	.navigation .right .navigation-links li a{
		font-size: 16px;
	}
	#titoloProgetto{
		left: 5vw;
		margin-left: 0;
		width: 90vw;
		transform: none;
		top: 30vh;
	}
	#titoloProgetto h1{
		font-size: 40px;
	}
	#titoloProgetto h3{
		font-size: 20px;
	}
	article .price-box.description{
		display: none;
		margin-left: 15px;
		margin-right: 15px;
	}
	article .price-box.description:nth-child(1){
		display: block;
	}
	.page-wrapper.show-navigation nav.navigation{
		height: 100vh;
		overflow-x: hidden;
		overflow-y: auto;
	}
	.pricing-boxes .price-box h3{
		margin-top: 48px;
	}
	div.planimetria a img{
		max-width: 100px;
	}
	.detail{
		margin-bottom: 64px;
	}
	.page-wrapper.show-navigation nav.navigation div.container div.nav-btn figure{
		background: #284350;
	}
	nav.show-background ul#menu-main-menu li.menu-item a span{
		color: white;
	}
	ul#menu-main-menu li.menu-item a span,
	nav.show-background ul#menu-main-menu li.menu-item a span,
	nav.show-background ul#menu-main-menu li.menu-item ul.dropdown-menu li.menu-item a span,
	.dropdown-menu li a:hover span div.hover-element,
	.navigation .nav-btn:after{
		color: #284350;
	}
	.navigation .nav-btn:before{
		background-color: white;
		opacity: 1;
		position: fixed;
		height: 100vh;
	}
	.dropdown-menu{
		box-shadow: none;
		background: none !important;
		border: none;
		padding: 0px; 
	}
	#realizzazioni div.vc_column-inner > div.wpb_wrapper > .wpb_text_column h3 a:after{
		transform: translate(-40px, -40px);
	}
	#page-footer .numbers{
		height: 120px;
	}
	.navigationpost{
		display: flex;
		justify-content: center;
	}
	.navigationpost .alignleft,
	.navigationpost .alignright{
		float: none;
	}
	#bottoneAzienda{
		top: 10px;
	}
	#realizzazioniWrapper h2{
		padding-left: 15px;
	}
}
@media screen and (max-width: 550px) {
	body.home #realizzazioni .wpb_column{
		width: 70%;
		margin-left: 15%;
		margin-right: 15%;
		float: none;
	}
	#realizzazioni div.vc_column-inner > div.wpb_wrapper > .wpb_text_column h3 a:after{
		transform: translate(-10px, -40px);
	}
	.vc_pageable-slide-wrapper .vc_grid-item{
		width: 90%;
		margin: 0px 5% 32px;
	}
	.navigationpost{
		flex-direction: column;
		align-items: center;
	}
	.navigationpost .alignleft,
	.navigationpost .alignright{
		margin:10px 0px;
	}
}

