/* This file includes css for live composer*/


body.page-template-template-page-builder #hero {
	background-image: -webkit-gradient(linear, left top, left bottom, from( rgba(0,0,0,.0) ), to( rgba(0,0,0,.06) ));
	background-image: -webkit-linear-gradient(top, rgba(0,0,0,.0), rgba(0,0,0,.06));
	background-image:    -moz-linear-gradient(top, rgba(0,0,0,.0), rgba(0,0,0,.06));
	background-image:      -o-linear-gradient(top, rgba(0,0,0,.0), rgba(0,0,0,.06));
	background-image:         linear-gradient(to bottom, rgba(0,0,0,.0), rgba(0,0,0,.06));
	border-bottom: 1px solid #DDD;
	box-shadow: 0 4px 4px -4px rgba(0,0,0,.15);
	padding-bottom: 70px;
	margin-bottom: 65px;
	}

body.page-template-template-page-builder #hero .poster {
	line-height: 0;
	margin-bottom: 45px;
	}
body.page-template-template-page-builder #hero .poster img{
	width: 100%;
}
body.page-template-template-page-builder #hero h1 {
	color: #000;
	font-size: 36px;
	font-weight: 700;
	letter-spacing: -1px;
	line-height: 46px;
	margin: 0 auto 18px auto;
	width: 80%;
	}

body.page-template-template-page-builder #hero h1:after {
	content: ".";
	color: #e9242e;
	}

body.page-template-template-page-builder #hero h2 {
	font-size: 19px;
	font-weight: 400;
	line-height: 30px;
	margin: 0 auto 35px auto;
	width: 80%;
	}


/* Columns */

body.page-template-template-page-builder #columns {
	margin-bottom: 45px;
}

body.page-template-template-page-builder #columns .column  {
	width: 300px;
	float: left;
	margin-right: 40px;
}

body.page-template-template-page-builder #columns .last  {
	margin-right: 0;
}

body.page-template-template-page-builder #columns h2 {
	font-size: 22px;
	font-weight: 900;
	line-height: 32px;
	margin-bottom: 10px;
}

body.page-template-template-page-builder #columns p {
	margin-bottom: 10px;
}

body.page-template-template-page-builder #columns p a:hover {
	border-bottom: 2px solid #e9242e;
}


/* Portfolio */

#portfolio {
	margin-bottom: 50px;
}

#portfolio h1 {
	color: #000;
	font-size: 32px;
	font-weight: 700;
	letter-spacing: -1px;
	line-height: 42px;
	margin-bottom: 40px;
}

#portfolio h1:after {
	content: ".";
	color: #e9242e;
}

#portfolio .post {
	float: left;
	width: 300px;
	line-height: 0;
	margin-right: 40px;
	margin-bottom: 45px;
}

#portfolio .last {
	margin-right: 0;
}

#portfolio .post a {
	height: 300px;
	width: 300px;
	position: relative;
	display: block;
	z-index: 100;
}

#portfolio .post a:hover {
	border-bottom: none;
}

#portfolio .post img {
	z-index: 101;
}

#portfolio .post a .overlay {
	height: 300px;
	width: 300px;
	position: absolute;
	top: 0;
	display: block;
	background: #e9242e;
	opacity: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	z-index: 102;
}

#portfolio .post a:hover .overlay {
	background: #e9242e;
	opacity: 0.6;
}

#portfolio .post span {
	color: #FFF;
	font-size: 14px;
	line-height: 14px;
	padding: 10px 15px;
	background: #000;
	border-top-left-radius: 4px;
	position: absolute;
	bottom: 0;
	right: 0;
	display: block;
	z-index: 103;
}

#portfolio h2 {
	font-size: 18px;
	font-weight: 400;
	line-height: 29px;
	margin: 0 auto 50px auto;
	width: 80%;
}

#portfolio h2 a {
	color: #e9242e;
	font-weight: 700;
}

#portfolio h2 a:hover {
	border-bottom: 2px solid #e9242e;
}


/* Clients */

body.page-template-template-page-builder #clients {
	background-color: #F3F3F3;
	padding: 60px 0;
	margin-bottom: 90px;
}

body.page-template-template-page-builder #clients h1 {
	color: #000;
	font-size: 32px;
	font-weight: 700;
	letter-spacing: -1px;
	line-height: 42px;
	margin-bottom: 50px;
}

body.page-template-template-page-builder #clients h1:after {
	content: ".";
	color: #e9242e;
}

.page-template-template-page-builder .deck-lc-hide-header-section, .page-template-template-page-builder .deck-lc-hide-footer-section {
	display: none;
}