/*
	Theme Name: Soho Child
	Theme URI: http://clapat.ro/themes/soho-wordpress/
	Description: Responsive Wordpress Theme
	Template: soho
	Version: 1.0
	Author: You
	Author URI: http://your site
	License: Themeforest
	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
	Tags: four-columns, custom-background, custom-colors, featured-images, full-width-template, theme-options
	Text Domain: soho-child
*/


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

Add here your own styles
-------------------------------------------------------------------*/


#header-container,
#page-content{max-width: 1800px; margin-left: auto; margin-right: auto;}
#header-container{position: relative;}

.container{width: auto; padding: 0px 20px;}


/** HEADER **/
.menu {display: inline-block; float: right;}
nav ul li {display: inline-block; margin-right: 16px;}
nav ul li:last-child {margin-right: 0;}
nav>ul>li>a {color: #000;}
#logo img {margin-left: 0px !important; padding: 0;}
#logo {position: absolute; left: 10px;}
#header-container {margin-top: 20px; padding-left: 10px; padding-right: 10px;}
header.header-bg-black li a {color: #fff;}
header.black.negative li a {color: #fff;}


/** SINGLE PAGE **/

body.single #hero {padding: 50px 0px; padding-top: 100px; margin: 0 auto;}
zzzbody.single .container {margin: 0 auto;} 

#main-content .vc_row {margin-bottom: 20px;}
.wpb_text_column {padding: 30px;}
body.single .titleProject {margin-top: 40px; margin-bottom: 40px !important;}
body .vc_column_container > .vc_column-inner{padding-left: 0px; padding-right: 0px;}

.project-nav {padding: 0px 10px; margin: 0 auto; max-width: 1800px; box-sizing: border-box;}

/** SINGLE WORKS **/
.project-nav {background-color: white; height: auto; overflow: hidden; margin-bottom: 20px;}
.project-nav .item {float:left; width: calc(50% - 10px); padding-top: 28.571425%; position: relative; margin-left: 0px;}
.project-nav .item:last-child{margin-left: 20px;}
.project-nav .item-content {right: auto; left: 0; top: 0;}
.project-nav .item-overlay {right: auto; left: 0; top: 0;}


#portfolio-wrap{margin: 0px;}


footer {display: none !important;}
/*
footer{background-color: #fff;}
.holder{border-color: #ddd;}
*/


@media only screen and (max-width: 1680px) {
	#header-container, #page-content, .project-nav {
		max-width: 1450px;
	}
}

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

	.container {
	    width: auto !important;
	    padding-left: 20px;
	    padding-right: 20px;
	}

	#header-container, #page-content {
	    max-width: 1250px;
	    margin-left: auto;
	    margin-right: auto;
	}

	#header-container {padding-right: 10px;}
	.project-nav {
		max-width: 1250px;
	}
}




/* Portrait tablet */
@media only screen and (min-width: 768px)  and (max-width: 991px) {
/*#portfolio-wrap {margin: 10px 25px 10px !important;}
#logo {left: 25px;}*/

}

/* Paysage tablet */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	
	/*#portfolio-wrap {
    margin: 10px 25px 10px !important;
	}*/
}

/* Smartphone && tablette portrait */
@media only screen and (max-width: 991px) {

}

/* Smartphone */
@media only screen and (max-width: 767px) {
	
	.project-nav .item {width: 100%; margin-left: 0; padding-top: 0;}
	.project-nav .item:last-child {margin-left: 0; margin-top: 10px;}
	.project-nav {margin-bottom: 10px;}
}