/*

	TEMP			Work in progress

	GENERAL		General use classes
	BASIC		Basic colors, fonts and backgrounds
	BUTTONS		Buttons
	FORMS		Forms

	LAYOUTFIX	Global Layout Fix

	HEADER		Site Header
	NAV			Main navigation
	MAIN			Site inner
	SIDE   		Sidebar
	FOOTER		Footer
	HOME		Homepage
	PROJECTSLIST   Projects List
	GMAPS		Google Maps
	GALLERIES	Galleries

*/

/* ---------------------------------------------
	@TEMP   Work in progress
--------------------------------------------- */

.project-featured-image{
	float:left;
	margin:0 25px 10px 0;
	box-shadow:0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
a.project-featured-image, a.project-featured-image:hover{
	border-bottom:0;
}
.project-featured-image img{
	display:block;
	margin:0;
}
@media (max-width:800px) {
	.project-featured-image{
		float:none;
	}
}

#cboxTitle{
	display:none !important;
}

/* ---------------------------------------------
	@GENERAL   General use classes
--------------------------------------------- */
.clear{
	clear:both;
}
.hidden{
	position:absolute;
	left:-9999px;
}

/* ---------------------------------------------
	@BASIC   Basic colors, fonts and backgrounds
--------------------------------------------- */
h1, h2, h3, h4, h5, h6{
}
a, a:visited{
}
a:hover, a:focus{
}

body{
	background-color:#FFF;
}

hr {
    margin: 0 0 30px 0;
    padding-top: 10px;
}

/* ---------------------------------------------
	@BUTTONS   Buttons
--------------------------------------------- */
button, input[type="button"], input[type="reset"], input[type="submit"], .button{
}
button:hover, input:hover[type="button"], input:hover[type="reset"], input:hover[type="submit"], .button:hover,
button:focus, input:focus[type="button"], input:focus[type="reset"], input:focus[type="submit"], .button:focus{
}

/* ---------------------------------------------
	@FORMS   Forms
--------------------------------------------- */
.wpcf7 input{
	padding:8px 12px;
}
.wpcf7 p{
	margin-bottom:16px;
}

/* ---------------------------------------------
	@LAYOUTFIX   Global Layout Fix
--------------------------------------------- */
.site-container{
	padding-top:202px;
	min-width:280px;
}
.site-inner{
	margin-top:0;
	padding-top:30px;
}
@media only screen and (max-width: 1024px){
	.site-container{
		padding-top:0;
	}
}

/* ---------------------------------------------
	@HEADER   Site Header
--------------------------------------------- */
.site-header{
	padding:20px 0 0 0;
	text-align:center;
}
.title-area{
	float:none;
	margin-top:0;
    border-bottom: 1px solid #eee;
}
.site-title{
	padding:0 40px;
	letter-spacing:-1px;
	line-height:120px;
	font-weight:bold;
	font-size:40px;
	font-size:4rem;
}
.site-title .contrast{
	color:#FF0000;
}
/*
.site-title a{
	display:block;
	height:0;
	padding-bottom:50%;
	background:url(bs-images/logo.png) no-repeat left top;
	background-size:100% auto;
	text-indent:-9999px;
}
*/
.site-description{
	position:absolute;
	left:-9999px;
}

@media only screen and (max-width: 1024px){
	.site-header{
		padding-top:0;
		border-bottom:0;
	}
}
@media only screen and (max-width: 768px){
	.site-title{
		padding:20px 40px;
		line-height:1.4;
	}
	.site-title .contrast{
		display:block;
	}
}
@media only screen and (max-width: 480px){
	.site-title{
		font-size:26px;
		font-size:2.6rem;
	}
}

/* ---------------------------------------------
	@NAV   Main navigation
--------------------------------------------- */
.nav-primary {
    float:none;
	padding:10px 40px;
}
.nav-primary ul.menu{
	text-align:center;
}
.nav-primary ul.menu > li > a{
	font-size:18px;
	font-size:1.8rem;
}
.nav-primary ul.menu > li > a{
	padding:10px 25px;
	padding:1rem 2.5rem;
}

@media only screen and (max-width: 1024px){
	.menu-toggle{
		margin-top:0;
	}
	.menu-toggle, .menu-toggle:hover, .menu-toggle:focus{
		border-bottom:1px solid #eee;
	}
	.menu-toggle:focus{
		outline:none;
	}
	.nav-primary ul.menu{
		padding-top:10px;
		padding-bottom:15px;
		border-bottom:1px solid #eee;
	}
	.js .genesis-nav-menu .menu-item{
		text-align:center;
	}
}

/* ---------------------------------------------
	@MAIN   Site inner
--------------------------------------------- */

.entry-title{
	font-style:italic;
	font-size:28px;
	font-size:2.8rem;
	text-transform:uppercase;
}
.entry-header{
	border-bottom:1px solid #eee;
	margin-bottom:25px;
}
.entry-header .entry-meta{
	font-size:14px;
}

/* ---------------------------------------------
	@SIDE   Sidebar
--------------------------------------------- */

/* ---------------------------------------------
	@FOOTER   Footer
--------------------------------------------- */

/* ---------------------------------------------
	@HOME   Homepage
--------------------------------------------- */
.featured-projects{
	padding:8px 0 10px 0;
	margin:0 auto;
	max-width:608px;
}
.featured-project{
	position:relative;
	float:left;
	box-sizing:border-box;
	width:50%;
	border-left:2px solid #FFF;
	border-right:2px solid #FFF;
	margin-bottom:4px;
}
.featured-project h2{
	opacity:0;
	position:absolute;
	left:0;
	right:0;
	margin:0;
	background:rgba(255,255,255,0.8);
	padding:20px 40px;
	padding:2rem 4rem;
	text-align:center;
	color:#55acee;
	font-size:25px;
	font-size:2.5rem;
}
.featured-project img{
	display:block;
}
@media only screen and (max-width: 768px){
	.featured-projects{
		width:90%;
		max-width:400px;
	}
	.featured-project{
		float:none;
		width:100%;
	}
}

.front-page-3{
	border-bottom:0;
}
.front-page-3 .widget{
	border-top:0;
}

/* ---------------------------------------------
	@PROJECTSLIST   Projects List
--------------------------------------------- */
ul.projects-list{
	margin:0;
}
ul.projects-list > li{
	display:block;
	list-style-type:none;
	position:relative;
	margin-bottom:10px;
}
ul.projects-list > li > a{
	display:block;
	height:200px;
}
ul.projects-list > li > a,
ul.projects-list > li > a:hover{
	border-bottom:0;
}
ul.projects-list > li:nth-child(even){
	text-align:right;
}
ul.projects-list > li:nth-child(odd) > a{
	padding-left:230px;
}
ul.projects-list > li:nth-child(even) > a{
	padding-right:230px;
}
ul.projects-list > li img{
	box-sizing:content-box;
	display:block;
	position:absolute;
	top:0;
	border-left:1px solid #eee;
	border-right:1px solid #eee;
}
.projects-list li:nth-child(odd) img{
	left:0;
}
.projects-list li:nth-child(even) img{
	right:0;
}
ul.projects-list h2{
	padding-top:5px;
	margin:0 0 20px 0;
	text-transform:uppercase;
	color:#55acee;
	font-size:20px;
}
@media only screen and (max-width: 768px){
	ul.projects-list > li:nth-child(odd),
	ul.projects-list > li:nth-child(even){
		text-align:center;
		border-bottom:1px solid #eee;
		padding-top:20px;
		padding-bottom:20px;
	}
	ul.projects-list > li > a{
		height:auto;
	}
	ul.projects-list > li:nth-child(odd) > a{
		padding-left:0;
	}
	ul.projects-list > li:nth-child(even) > a{
		padding-right:0;
	}
	ul.projects-list > li img{
		position:static;
		display:inline-block;
		margin-bottom:12px;
	}
}

/* ---------------------------------------------
	@GMAPS   Google Maps
--------------------------------------------- */
.bs-gmap{
	margin-bottom:20px;
}
.bs-gmap-left{
	float:left;
	margin-right:20px;
}
.bs-gmap-right{
	float:right;
	margin-left:20px;
}
.bs-gmap-center{
	margin-right:auto;
	margin-left:auto;
}

/* ---------------------------------------------
	@GALLERIES   Galleries
--------------------------------------------- */
#gallery-1 {
	overflow:auto;
}
#gallery-1 .gallery-item {
	float:left;
	width:25%;
	margin-top:6px;
	margin-bottom:6px;
}
#gallery-1 .gallery-icon > a{
	display:block;
}
#gallery-1 img {
	border: 1px solid #eee;
	box-shadow:0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
#gallery-1 .gallery-caption {
	margin-left: 0;
}

#before-work-gallery{
	display:none;
}

@media (max-width:1024px) {

	#gallery-1 .gallery-item {
		width:33%;
	}

}
@media (max-width:768px) {

	#gallery-1 .gallery-item {
		width:48%;
		margin-left:1%;
		margin-right:1%;
	}

}