/*
Theme Name: Valerio Sommella 2016 - Gennaio (v2)
Theme URI: http://www.PaoloFaccini.com
Author: Studio TEMP / Paolo Faccini
Author URI: http://www.PaoloFaccini.com
Description: Theme for Valerio Sommella
Version: 1.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: Sommella
Text Domain: sommella-T5
*/


@font-face {
  font-family: 'pFont1'; /* 'HaasGrotDisp-65Medium'; */ 
  src: 
		url('fonts/HaasGrotDisp-65Medium.eot?#iefix') format('embedded-opentype'),  
		url('fonts/HaasGrotDisp-65Medium.otf')  format('opentype'),
		url('fonts/HaasGrotDisp-65Medium.woff') format('woff'), 
		url('fonts/HaasGrotDisp-65Medium.ttf')  format('truetype'), 
		url('fonts/HaasGrotDisp-65Medium.svg#HaasGrotDisp-65Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}

body {
	margin: 0px;
	overflow:hidden;
	font-size:18px;
	font-family:pFont1,Verdana, Arial;
	color:#000;
}

.pFontTit {
	x_font-size:18px;
}

a:link,
a:visited,
a:hover,
a:active {
	text-decoration: none;
	color: #000000;
}

.pNone {
	display:none;
}

.pAnimateAll {
 	-webkit-transition: all 200ms ease-in-out;
	  -moz-transition: all 200ms ease-in-out;
	    -ms-transition: all 200ms ease-in-out;
	      -o-transition: all 200ms ease-in-out;
	        transition: all 200ms ease-in-out;
}

.pAnimateHome {
 	 -webkit-transition: all 1000ms ease-in-out;
	    -moz-transition: all 1000ms ease-in-out;
	     -ms-transition: all 1000ms ease-in-out;
	      -o-transition: all 1000ms ease-in-out;
	         transition: all 1000ms ease-in-out;
}

.mouseCont {
	display: none;
	position:fixed;
	x_opacity:0.5;
	z-index:10;
}

.mouseCont .icon {
	background-size:contain;
	background-position:center center;
	background-repeat:no-repeat;
	width:64px;
	height:40px;
}

.mouseCont .prev,
.mouseCont .next,
.mouseCont .text {
	text-transform:uppercase;
	display:none;
	width:100%;
	text-align:center;
}

.mainCont {
	padding-top:100px;
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	overflow-y:scroll;
	-webkit-overflow-scrolling: touch;
}

.forceScrollY {
	overflow-y:scroll !important;
}

.prjHiddenLink {
	display:none;
	position:fixed;
	left:0px;
	top:10%;
	width:100%;
	height:80%;
}

.singlePost,
.infoBox {
	background-color: #fff; /* #e39380; */
	position:fixed;
	left:0px;
	top:100%;
	width:100%;
	height:100%;
}

.singlePost {
	background-color: #b8b8b8; /* #e39380; */
}

.singlePost .img,
.infoBox .img {
	background-size:contain;
	background-repeat:no-repeat;
	background-position: right bottom;
    position: relative;
    float: left;
    left: 10%;
    top: 20%;
    width: 85%;
    height: 65%;
}

.singlePost .txt,
.infoBox .txt {      
    position: absolute;
    top: 20%;
    left: 20%;
    width: 60%;
    padding: 10px;
	text-align:center;
    x_background-color: rgba(227,147,128,0.1);
}

.pPrjPage .imgTitle {
	text-align:center;
	width:60%;
	left:20%;
	position:absolute;
	height:auto;
}

.pPrjPage .imgTitle,
.infoBox .txt .txt1 {
	font-size:27px;
}

.singlePost .text2,
.infoBox .text2 {
    position: absolute;
    bottom: 10%;
    left: 20%;
    width: 60%;
    padding: 10px;
    x_background-color: rgba(227,147,128,0.1);
}

.worksPage,
.pPrjPage,
.pHomePage {
	position:absolute;
	display:block;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
}

.pPrjPage {
	x_cursor: none !important;
}

.worksPage {
	x_padding-top:96px;
}

.bkItem {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background-size:cover;
	background-position:center center; 
	x_background-position:center;
	x_background-color:#fff;
	overflow: hidden;
	cursor: pointer;
}

.site .bk2 {
	background-color:#fff;
	width:0px;
	height:0px;
}

.site .bk1 .img,
.site .bk2 .img {
	position:relative;
}

.pPrjPage .bkItem { 
	background-position:center center; 
}
 
.pPrjPage .bkItem.img {
	background-size:contain;
	background-repeat:no-repeat;
}

.pPrjPage .mobileArrow {
	background-size:contain;
	background-repeat:no-repeat;
	background-image:url(images/a3_down.png);
	background-position: center center;
	position:fixed;
	left:40%;
	width:20%;
	top:80%;
	height:15%;
}

.header {
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:96px;
	pointer-events: none;
	x_background-color:#fff;
}

.header .title {
	pointer-events:all;
	position:fixed;
	left:32px;
	top:32px;
}

.prjTitle { 
	z-index: 100; 
}

.prjTitle,
.header .name {
	text-transform:uppercase;
	position:fixed;
	top:32px;
	text-align:center;
	left:0px;
	width:100%;
	color:#000;
	
	display:none;
	
	text-shadow:
	   -1px -1px 1px #f5f5f5,  
		1px -1px 1px #f5f5f5,
		-1px 1px 1px #f5f5f5,
		 1px 1px 1px #f5f5f5;

}

.header .menu {
	pointer-events:all;
	position:fixed;
	top:32px;
	right:32px;
	text-align:right;
}

.header .title a,
.header .menu a{
	pointer-events:all;
}

.footer {
	position:fixed;
	bottom:0px;
	left:0px;
	width:100%;
	X_height:96px;
	x_background-color:#fff;
	display:none;
}

.footer .photoPrev {
	position:fixed;
	left:32px;
	top:50%;
}

.footer .photoNext {
	position:fixed;
	right:32px;
	top:50%;
}

.footer .prev {
	position:fixed;
	left:32px;
	bottom:32px;
}

.footer .info {
	position:fixed;
	bottom:32px;
	text-align:center;
	left:0px;
	width:100%;
	display:none;
	x_cursor:pointer;
}

.footer .next {
	position:fixed;
	bottom:32px;
	right:32px;
	text-align:right;
}

.dnLink {
	position:fixed;
	bottom:32px;
	text-align:center;
	left:0px;
	width:100%;
}

.pWork {
	text-align:center;
}

.worksPageBKColor {
	background-color:#f5f5f5;
}

.worksPage .pRow {
	max-width: 1084px;
}

.container-fluid {
    padding-right: 0px; 
    padding-left: 0px; 
}

.thumb {
	display: block;
	margin: 32px auto;
	width:  300px;
	height: 300px;
	background-size:cover;
	background-position:center center;
}

.thumb .thumbOver {
	display:none;
	background-color:#000;
	color:#fff;
	x_text-transform:capitalize;
}

.thumb .thumbOver table {
	width:300px;
	height:300px;
}

/*
.thumb:hover {
	 -webkit-box-shadow: 20px 20px 40px -5px #777;
		-moz-box-shadow: 20px 20px 40px -5px #777;
		 	 box-shadow: 20px 20px 40px -5px #777;
}
*/

.pRow {
	margin: 0px auto;
}

.footer .arrow {
	x_font-size:32px;
}

#wpadminbar.mobile,
#wpadminbar {
	height:24px;
	top:-16px;
}

.mobileTitle {
	font-size:12px;
	height:16px;
	overflow:hidden;
}

.fullScreenCover {
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background-color:#fff;
	z-index:200;
}

/* ------------------------------------------------------------------------------------- */

.mobile-container-scroll{
    display: none;
}

.mobile-container-scroll span.pNone.imgTitle{
    margin: 100px 0;
}

.mobile-container-scroll p.close-project {
    padding: 40px 0;
}
.mobile-container-scroll p.close-project a{
    border: 2px solid #000;
    padding: 10px;
}




/* MNT *******/
.imgTitle iframe{
    width: 100%;
    height: 30vw !important;
}


@media (max-width: 1024px) {
    p.project-credits img.logo{
        height: auto;
        width: 20% !important;
    }
    p.project-credits img{
        height: auto;
        width: 20% !important;
    }
    
    p.project-credits {
        margin-top: 60px;
    }
    
    
}

@media (max-width: 760px) {
    p.project-credits img.logo{
        height: auto;
        width: 30% !important;
    }
    p.project-credits img{
        height: auto;
        width: 30% !important;
    }
}

@media (max-width: 600px) {
	
	body {
		x_font-size:18px;
	}
	
	.thumb .thumbOver table,
	.thumb {
		width:  190px;
		height: 190px;
	    margin: 16px auto;
	}
	
	.header .menu,
	.header .title {
		top:24px;
	}
		
	.worksPage {
		padding-top:80px;
	}
	
	.singlePost .txt,
	.infoBox .txt {
		top: 110px; 
	}
	
	.singlePost .img {
		left: 45%;
		top: 45%;
		width: 50%;
		height: 50%;
	}
	
	.singlePost .txt,
	.singlePost .text2,
	.infoBox .txt,
	.infoBox .txt .txt1,
	.infoBox .text2 {
	    left: 10%;
	    width: 80%;
		font-size:12px;
		line-height: 120%;
	}
    
    
    
    
    
    
    
    .mobile-container-scroll{
        display: block;
    }
    
    
    .mobile-container-scroll .hide-image{
        display: none;
    }
    
    

}

@media (max-width: 410px) {

	.prjTitle,
	.header .name {
		top:90px;
	}
	
	.footer .prev,
	.footer .photoPrev,
	.header .title {
		left:16px;
	}
	
	.footer .next,
	.footer .photoNext,
	.header .menu {
		right:16px;
	}
	
	.singlePost .text2,
	.infoBox .text2 {
		display:none;
	}
	
	.footer .info {
		bottom:60px;
	}
	
	.thumb .thumbOver table,
	.thumb {
		width:  120px;
		height: 120px;
	}

}


/* ------------------------------------------------------------------------------------- */