/*
Theme Name:     Vysual Child
Description:    
Author:         fabio
Template:       vysual

(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
*/


/* #General
================================================== */
body {
	color: #fff !important;
}
body.single #headerImages:after, 
body.page-template-default #headerImages:after, 
body.page-template-page-center #headerImages:after, 
body.category #headerImages:after, 
body.blog #headerImages:after, 
body.archive #headerImages:after, 
body.search #headerImages:after, 
.page-image-container:after {
    opacity: 1 !important;
}

.page-image-container:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    background-color: transparent !important;
}
/*/ General */



/* #CHI SIAMO
================================================== */
body.page-id-379 h1#page-title {
	display: none !important;
}
body.page-id-379 #pageContent {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60% !important;
    /* max-width: 550px; */
    /* margin-left: -275px; */
	max-width: none !important;
	margin-left: 0 !important;
    z-index: 98;
    font-size: 16px;
    /* max-height: 65%; */
	max-height: none !important;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    transform: translate(-50%,-50%) !important;
	
	margin-top: 0 !important;
}
body.page-id-379 #pageContent.with-scrollbar {
    padding-right: 0 !important;
}

/*
body.page-id-367 .backimage  {	
	background-position: center;
	-webkit-backface-visibility: hidden !important;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	background-size: cover !important;
	position: relative;
	height: 114px;
	width: 114px;
}
*/
body.page-id-379 .banner-wrap.left .backimage {
	position: relative;
	height: 114px;
	width: auto !important;
	margin: 0 auto;
}
body.page-id-379 .backimage  {	
	position: relative;
	height: 114px;
	width: 114px;
	margin: 0 auto;
}
body.page-id-379 .backimage img {
	position: absolute;
	width: auto;
	height: auto;
	top: 50%;
	left:50%;
	transform: translate(-50%,-50%);
}

@media (min-width: 992px){
	body.page-id-379 .backimage,
	body.page-id-379 .banner-wrap.left .backimage{
		margin-bottom: 30px;
	}
	body.page-id-379 .banner-wrap {
		width: 45%;
	}
	body.page-id-379 .banner-wrap.left {
		float: left;
	}
	body.page-id-379 .banner-wrap.right {
		float: right;
	}
}
@media (max-width: 991px){
	body.page-id-379 .chisiamo-wrapper {
		max-height: 450px;
		overflow: auto;
	}
	body.page-id-379 .banner-wrap {
		width: 100%;
		margin-bottom: 40px;
	}
	body.page-id-379 .banner-wrap.left,
	body.page-id-379 .banner-wrap.right {
		float: none;
	}
}
/*/ CHI SIAMO */



/* #IL PROGETTO
================================================== */
body.page-id-384 #pageContent {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60% !important;
    /* max-width: 550px; */
    /* margin-left: -275px; */
	max-width: none !important;
	margin-left: 0 !important;
    z-index: 98;
    font-size: 16px;
    /* max-height: 65%; */
    -webkit-overflow-scrolling: touch;
    transform: translate(-50%,-50%) !important;
	
	margin-top: 0 !important;
}
body.page-id-384 #pageContent.with-scrollbar {
    padding-right: 0 !important;
}
@media (min-width: 992px){
	body.page-id-384 #pageContent {		
		max-height: none !important;
		overflow-y: hidden !important;
	}
}
@media (max-width: 991px){
	body.page-id-384 #pageContent {		
		max-height: 400px !important;
		overflow-y: auto !important;
	}
}
/*/ IL PROGETTO */



/* #CONTATTACI
================================================== */
body.page-id-410 input,
body.page-id-410 textarea {
	background: #fff !important;
	color: #333 !important;
	border: none !important;
	font-family: "Open Sans", sans-serif !important;
	width: 80% !important;
}
body.page-id-410 input[type="submit"] {
	width: 80px !important;
	text-transform: uppercase !important;
}
body.page-id-410 input:placeholder-shown,
body.page-id-410 textarea:placeholder-shown {
	color: #333 !important;
}


/*
body.page-id-384 input,
body.page-id-384 textarea

body.page-id-384 input,
body.page-id-384 textarea

body.page-id-384 input,
body.page-id-384 textarea
*/

/*/ CONTATTACI */


/* #NEWS
================================================== */
body.archive .posts-container,
body.blog .posts-container {
    top: 20% !important;
	margin-top: 0 !important;
}
@media screen and (max-height: 750px) {
	body.archive .scroll-this > div,
	body.blog .scroll-this > div{
		width: 350px;
		max-height: 400px !important;
	}
}
body.archive p.post_content,
body.blog p.post_content {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
}
body.archive .btn-more,
body.blog .btn-more {
	display: inline-block;
	padding: 6px 15px;
	border: 1px solid #fff;
	float: right;
}
/*/ NEWS */



/* #SINGLE
================================================== */
body.single #pageContent.with-scrollbar {
	background: rgba(43,43,43,.5) !important;
    margin-left: -270px !important;
    padding-left: 30px !important;
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}
body.single #page-title {
	text-align: center !important;
}
body.single #page-title:after {
    left: 50% !important;
    transform: translateX(-50%) !important;
}
body.single .post-date {
	text-align: center !important;
	margin-bottom: 20px;
	color: #fff !important;
	text-transform: uppercase !important;
	font-size: 18px !important;
}
body.single #post-details {
	text-align: center !important;
}
body.single #post-details:after {
    display: none !important;
}
body.single .sharings {
	display: block;
	clear: both;
	margin-bottom: 20px;
}
body.single .sharings a {
	padding: 0 20px;
}
body.single .sharings a i {
	font-size: 20px !important;
}
body.single #pageContent.with-scrollbar p {
	color: #fff !important;
}
body.single .btn-more {
	display: inline-block;
	padding: 6px 15px;
	border: 1px solid #fff;
	float: none;
	clear: both;
}
/*/ SINGLE */