/* CSS file for Makewood 2015 specific styles */

media="all"
a:visited { color:#fff; }

/* Header styles */
body.logged-in #masthead.homepage { top:32px; }
#masthead {}
#masthead .logo img { display:block; max-width:210px; margin: 0 auto;}
#masthead.homepage { position: absolute; width:100%; display:block; top:0; z-index:1000; background: #fff; }
#masthead.homepage .main-navigation ul { float:right; margin-top:25px; margin-right:15px;  text-align: right; }
#masthead.homepage .main-navigation ul li { float:left; }
#masthead.homepage .main-navigation ul li a { font-family: 'Delius', 'Raleway', arial, sans-serif; font-size:17px; color: #697A24; padding: 10px 18px; transition: all 0.3s ease;}
#masthead.homepage .main-navigation ul li a:hover { color: #333; background:rgba(255,255,255,1); text-decoration:none; }
#masthead.homepage .logo img { display:block; max-width:171px; margin: 0 auto; margin:23px; position:relative; z-index:1010; }

#masthead.internal .logo { display: block; border-left: 1px solid #DADADA; border-right: 1px solid #DADADA; padding: 25px 0;}
#masthead.internal .logo img { margin: 0 auto; max-width:200px; }
#masthead.internal .main-navigation ul { display:block; width:100%; text-align:center; border-top:1px solid #DADADA; border-bottom: 1px solid #DADADA; }
#masthead.internal .main-navigation ul li { display:inline-block; float:none; }
#masthead.internal .main-navigation ul li a { font-family: 'Delius', 'Raleway', arial, sans-serif; font-size:17px; color: #697A24; padding: 10px 20px }
#masthead.internal .main-navigation ul li a:hover { text-decoration: none; color:#445016; }
#masthead.internal .header-icon a { display:block; width:50%; margin: 0 auto; text-align:center; }
#masthead.internal .header-icon a span { color:#445016; font-size:28px; padding-top:35px; transition: all ease 0.3s;  }
#masthead.internal .header-icon a:hover span { color:#89A02C; }
#masthead.internal a.header-email-link { padding-left:35px; font-family: 'Raleway', arial, sans-serif; text-decoration: none; color: #646563; font-size: 20px; display: block; margin-top: 35px; }
#masthead.internal a.header-email-link span { color:#445016; font-size:28px; transition: all ease 0.3s;}
#masthead.internal a.header-email-link:hover { text-decoration:none; }
#masthead.internal a.header-email-link:hover span { color:#89A02C;}

#site-navigation { background: transparent; border:0px; }
#site-navigation .navbar-toggle { background: transparent; border:none; box-shadow: none; }

/* Home page slider */
.home-banner { max-height:700px; overflow: hidden; border: 5px solid #fff; }
.home-banner .flex-control-thumbs { position: absolute; top:65%; height:60px; left:0px; width: 100%; z-index:1020; text-align:center; }
.home-banner .flex-control-thumbs li { float:none; display:inline-block; width: 60px; height:60px; border:2px solid #fff; margin-right:5px; border-radius:50%; transition: all ease 0.3s; }
.home-banner .flex-control-thumbs li img { width: 45px; height:45px; margin: 0 auto; margin-top:5px; border-radius: 50%; transition: all 0.3s ease; }
.home-banner .flex-control-thumbs li:hover img, .home-banner .flex-control-thumbs li img.flex-active { width: 56px; height:56px; margin-top:0px; border-radius: 50%; transition: all 0.3s ease; }
.home-banner ul.slides li { position:relative; background: #000; }
.home-banner ul.slides li img { opacity: 1; }
.home-banner .flex-caption { position: absolute; top:30%; width:85%; left:7%; min-height:150px; padding:20px; background:rgba(0,0,0,0.3); border: 8px solid rgba(255,255,255,0.8); text-align:center; z-index:1020; }
.home-banner .flex-caption h1, .home-banner .flex-caption h2 { font-family: 'Playfair Display', Georgia, serif; font-weight:900; font-size:82px; color:#fff; margin:0px; padding:15px 0;}
.home-banner .flex-caption p { color: #fff; margin-bottom:15px; }
.home-banner .flex-caption a { display:block; max-width: 170px; margin:0 auto; padding: 10px 15px; margin-bottom:15px; border: 1px solid #fff; color:#fff; }
.home-banner .flex-caption a:hover { color:#333; background:#fff; text-decoration:none; }
.home-banner .flex-direction-nav { display:none; }
.flexslider { border:none; }

/* Featured in */
.home-banner .flex-caption .icon { position:absolute; position: absolute; top: -55px; left: 50%; margin-left: -35px; }
.home-banner .flex-caption .icon img { max-width:75px; opacity:1; }
.home-banner .flex-caption .featured-in { position:absolute; top: -60px; right: -35px;}
.home-banner .flex-caption .featured-in span.mag-name { color: #fff; float: left; text-align: right; margin-right: -77px; font-size: 14px; text-transform: uppercase;}
.home-banner .flex-caption .featured-in img.cover { max-width:100px; float:right; -ms-transform: rotate(7deg); /* IE 9 */
    -webkit-transform: rotate(7deg); /* Chrome, Safari, Opera */
    transform: rotate(7deg);}
.home-banner .flex-caption .featured-in img.arrow { float:right; max-width:80px; margin-top: 32px; margin-right:5px; }

/* Intro */

.intro {padding:45px 15px; font-family: 'Raleway', arial, sans-serif;}
.intro h3 { text-align: center; padding: 15px; color: #333; font-weight: 600; text-transform:uppercase; font-size: 29px; padding-bottom: 0px; margin-bottom: 0px; }
.intro h4 { text-align: center; font-weight: 100; margin-top: 0px; margin-bottom: 20px; font-size: 16px; text-transform:uppercase; }
.intro p { text-align: center; }

/* Projects */

.projects {}
.projects .project-holder { }
.projects .project-holder .project { display: block; background-size: 100%; background-position: center center; background-repeat: no-repeat; border-radius: 50%; overflow: hidden; transition: all 0.5s ease; }
.projects .project-holder .project:hover { background-size:120%; text-decoration:none;}
.projects .project-holder .project .title { color: #fff; font-family: 'Playfair Display', Georgia, serif; display: block; padding-top: 45%; font-size: 18px; font-weight: bold; height: 290px; text-align: center; }

.single-project .site-content { padding-top:30px; }
.project-content .container-fluid { padding:0px; }
.project-content .project-intro { position:relative; }
.project-content .project-intro:after { position:absolute; right:375px; top:65px; display:block; width:2px; height:250px; background:#A5BF3C; z-index:1000;}
.project-content .project-cirlce { display: block; border: 1px solid; width: 57px; height: 57px; border-radius: 50%; float: right;}
.project-content .project-cirlce img { width: 45px; height:45px; margin: 0 auto; margin-top:5px; border-radius: 50%; }
.project-content .project-cirlce:after { display:block; width:2px; height:2px; background: #000; }
.project-content h1 { font-size: 18px; margin:0px; text-transform:uppercase; padding: 15px; padding-top: 10px; padding-bottom: 30px; }
.project-content h1 span.category { font-weight:300; }
.project-content .breadcrumb { display:block; min-height:30px; width:100%; background: transparent; }
.project-content .intro-content { position:relative; background: #85A13A; display:block; width:100%; padding-left:50%; color: #fff; }
.project-content .intro-content .content { position:absolute; top:0; padding:30px; }
.project-content .project-left { position:relative; }
.project-content .project-left .project-detail-panel { background: #88A02C; position:absolute; right:0; bottom:0; width: 50%; }
.project-content .project-left .project-detail-panel .content-holder { position:relative; display:block; width:100%; height:100%; }
.project-content .project-left .project-detail-panel .content-holder .content { position:absolute; top:0; left:0; padding:30px; color:#fff; }
.project-content .gallery-area .gallery * { display: none; }
.project-content .gallery-area .gallery { margin:0px; }
.project-content .gallery-area .gallery figure:first-child { display: block; }
.project-content .gallery-area .gallery figure:first-child .gallery-icon { display: block; }
.project-content .gallery-area .gallery figure:first-child .gallery-icon a { display: block; }
.project-content .gallery-area .gallery figure:first-child .gallery-icon a img { display: block; }
.project-content .gallery-area .gallery figure:first-child .gallery-icon a:before { content: "View Photo Gallery"; display:block; position: absolute; top:0; bottom:0; left:0; right:0; color:#fff; background: #313A11; text-transform:uppercase; font-weight: 100; font-size: 24px; padding-top:120px; opacity:0.8; transition: all 0.3s ease;}
.project-content .gallery-area .gallery figure:first-child .gallery-icon a:hover:before { opacity:0.3; }

.project-content .thumbnail-image img { display:block; max-width:120px;}
.no-padding { padding:0px; }

/* Testimonial */
.testimonial { padding:30px 0px; padding-bottom:45px; font-family: 'Raleway', arial, sans-serif; font-weight:300; }
.testimonial blockquote { border-left: none; padding-left:80px;  }
.testimonial blockquote:before { display:block; position:absolute; left:0; width:75px; height:60px; background: url(../img/graphics/quote.png) no-repeat; background-position: top left; }
.testimonial span.author { float:right; font-weight:bold; text-transform: uppercase; }

/* Project Pages */
.project-archive {}
.project-archive a.project { display:block; margin:30px 0; transition: all ease 0.3s; }
.project-archive a.project .project-img-holder { display:block; width:100%; height:350px; margin-bottom:15px; overflow:hidden; }
.project-archive a.project .project-img-holder img { opacity:0.9; transition: all ease 0.3s; margin-bottom:10px; width:100%; height:auto; margin-left: 0%; margin-top: 0%;}
.project-archive a.project span.title { display:block; width:100%; text-transform: uppercase; text-align:center; font-family: 'Raleway', arial, sans-serif; color: #333; transition: all ease 0.3s; font-weight:light; font-size:18px; }
.project-archive a.project span.category { display:block; width:100%; text-align:center; color: #677821; transition: all ease 0.3s; }

.project-archive a.project:hover { text-decoration:none;   }
.project-archive a.project:hover .project-img-holder img { opacity: 1;  width:110%; max-width:110%; margin-left:-5%; margin-top:-5%;}
.project-archive a.project:hover span.title { text-decoration:none; font-weight:300; }
.project-archive a.project:hover span.category { text-decoration:none; color: #333; }

#breadcrumbs { list-style:none; margin-top:20px; overflow:hidden; }
#breadcrumbs li { display:inline-block; font-size: 12px; vertical-align:middle; margin-right:5px; } 
#breadcrumbs li a { color:#333; }
#breadcrumbs li strong { color: #677821; }
#breadcrumbs .separator{ font-size:12px; font-weight:100; color:#333; }

/* Category and Archives */
.category h1 { font-size:42px; color:#333; font-weight:600;}
.category h1 span.cat-title { font-size:20px; font-weight:lighter; color: #333; }

/* Internal Pages */
.light-g-bg { background: #FDFFF4; margin-top:30px; }
.page .col-sm-6 { padding:0px; }
.page .img-holder { margin-bottom:80px; width:100%; min-height:900px; }
.page .img-holder span { color:#565656; font-size:30px; padding-top: 50%; }

.page .page-content { background: #FDFFF4; margin:30px 0; padding:30px; padding-top:0px; margin-bottom:80px; width:100%; min-height:900px; }
.page .page-content .entry-content { margin-right:150px;  }
.page .page-content .entry-content p { margin-bottom:20px;  }

/* Process page */
.page .page-content.process-content { padding-top:0px; margin-top:0px; }
#processbanner { margin-bottom:30px; }
#processbanner .flex-caption { position: absolute; top:0; left:0; right:0; background: rgba(0,0,0,0.6); color:#fff; font-size:18px; padding:10px 20px; text-transform: uppercase; }
/* Footer */

.site-footer { background: #445016; min-height:150px; padding:20px 0;}
.site-footer ul.footer-menu { display: block; width: 100%; margin-bottom: 10px; min-height: 30px; margin: 0px; padding: 0px; margin-top: 55px; list-style-type: none;  }
.site-footer ul.footer-menu li { float:left; border-right: 1px solid #839A2B; }
.site-footer ul.footer-menu li:last-child { border-right: none; }
.site-footer ul.footer-menu li a { display:block; padding: 0px 10px; color: #fff; }
.site-footer ul.footer-menu li a:hover { text-decoration:none; }
.site-footer p { color:#e3ebc6; padding-left:10px; margin-bottom: 40px;}
.site-footer .logos { margin-top: 45px;  }
.site-footer .logos img { max-height: 70px; margin: 0 auto;}

/* Next and Prev */
/*--------------------*/
/* Fill Slide */
/*--------------------*/

.project-nav { min-height:200px; }
.project-nav nav a {
	position: absolute;
	top: 50%;
	display: block;
	outline: none;
	text-align: left;
	z-index: 1000;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.project-nav nav a.prev {
	left: 0;
}

.project-nav nav a.next {
	right: 0;
}

.project-nav nav a svg {
	display: block;
	margin: 0 auto;
	padding: 0;
}

.nav-fillslide .icon-wrap {
	position: relative;
	z-index: 100;
	display: block;
	padding: 65px 10px;
	background: #445016;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.nav-fillslide .icon-wrap .fa {
	font-size: 22px;
    padding: 0 4px;
	color: #fff;
	position:relative;
	z-index:10000000;
}

.nav-fillslide .icon-wrap::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 110%;
	background: #85A13A;
	top: 0;
	left: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: -webkit-transform 0.3s 0.3s;
	transition: transform 0.3s 0.3s;
}

.nav-fillslide a.prev .icon-wrap::before {
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
}

.nav-fillslide a.next .icon-wrap::before {
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
}

.nav-fillslide svg.icon {
	fill: #736176;
	position: relative;
	z-index: 100;
}

.nav-fillslide div {
	position: absolute;
	padding: 20px;
	top: 0;
	width: 440px;
	height: 154px;
	background: #85A13A;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
}

.nav-fillslide a.prev div {
	left: 0;
	padding: 20px 150px 20px 70px;
	text-align: right;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
}

.nav-fillslide a.next div {
	right: 0;
	padding: 20px 70px 20px 150px;
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
}

.nav-fillslide div span {
	display: inline-block;
	padding: 5px;
	color: #fff;
	border-top: 1px solid #445016;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 400;
	font-size: 0.7em;
	line-height: 1.2;
}

.nav-fillslide h3 {
	margin: 0;
	padding: 8px 0 10px;
	color: #fff;
	font-weight: 400;
	font-size: 1.35em;
	line-height: 1.2;
	font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif;
}

.nav-fillslide img {
	position: absolute;
	top: 20px;
	border: 1px solid #445016;
	max-width:120px; 
	height:auto;
	max-height: 115px;
}

.nav-fillslide a.prev img {
	right: 20px;
}

.nav-fillslide a.next img {
	left: 20px;
}

.nav-fillslide a:hover .icon-wrap::before {
	-webkit-transform: translateX(0);
	transform: translateX(0);
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

.nav-fillslide a:hover div {
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
	-webkit-transform: translateX(0);
	transform: translateX(0);
}


/*------------------------------------*\
    Media Queries
\*------------------------------------*/

/* Medium desktop (1200px and below) */
@media (max-width: 1200px) { 
	
	.project-archive a.project .project-img-holder  { height:280px; }
	.projects .project-holder .project { width:250px; height:250px; margin: 0 auto; margin-bottom:15px;  }
	#masthead.internal a.header-email-link { padding-left:0px;  }
	
	.project-content .project-left .project-detail-panel { width:75%; background: transparent; }
	.project-content .project-left .project-detail-panel .content-holder img { opacity: 0.7; }
	.project-content .project-left .project-detail-panel .content-holder .content { top:15%; }
 }

/* Tablet devices Landscape ( 1024px and below) */
@media (max-width: 1024px) { 

.nav-fillslide a.next div { right:440px; }  
.nav-fillslide a.prev div { left:440px; }  

.project-content .intro-content .content { left: 30px; padding-top: 45px;}
.project-content .project-intro:after { display:none; } 
.home-banner .flex-control-thumbs { top:95px; left:30px; text-align:left; }


}
 
/* Tablet devices ( 992px and below) */
@media (max-width: 992px) { 
.project-archive a.project .project-img-holder  { height:200px; }

#masthead .container { width:100%; }
.nav-fillslide a div { display:none; }  

#masthead.internal .logo img { max-width:180px; }
#masthead.internal a.header-email-link { font-size:14px; }
.project-content .gallery-area .gallery figure:first-child .gallery-icon a:before { padding-top:60px; }
 
.project-content .intro-content .content { left:0; }
.project-content .project-left .project-detail-panel { width:100%; }

 .project-content .intro-content .content { padding-top:25px; }
 
 #masthead.homepage .main-navigation ul li:first-child { display:none; }
 #masthead.homepage .main-navigation ul { margin:0; margin-top:25px; }
 
  .home-banner { margin-top:80px; }
 .home-banner .flex-control-thumbs { top:10px; }
 .home-banner .flex-caption h1, .home-banner .flex-caption h2 { font-size: 42px; }
 .flexslider { margin-bottom:0px }
 .page .page-content .entry-content { margin-right:0px }
 .projects .project-holder:last-child { display:none; }
 
 }



/* Tablet Portrait devices ( 768px and below) */
@media (max-width: 767px) {   
    #masthead.homepage .logo img, #masthead.internal .logo img { max-width: 165px; margin-left:0px; }
    .home-banner { margin-top:90px; border: none; }
    #Homebanner { margin-bottom: 0px; }
    .home-banner .flex-control-thumbs { z-index:900;  }
    .home-banner .flex-caption { position: relative; display: block; padding-top: 10px; color: #333; background: #fff; text-align: left; left: 0; right: 0;width: 100%; border: none;}
    .home-banner .flex-caption h1, .home-banner .flex-caption h2 { font-size:48px; color:#333; padding-top: 0px; }
    #site-navigation { margin-top:25px; }
    #site-navigation .navbar-collapse { border: none; }
    #masthead.homepage, #masthead.internal { position: fixed; border-bottom: 1px solid #797979; }
    #masthead.internal { z-index: 1000; background: #fff; width: 100%;}
    #masthead.homepage .main-navigation ul, #masthead .internal .main-navigation ul { display: block; }
    #masthead.homepage .main-navigation ul li, #masthead .internal .main-navigation ul li { display:block; width:100%; }
    #masthead.homepage .main-navigation ul li a, #masthead .internal .main-navigation ul li a {display:block; width:100%; }
    #masthead.internal .main-navigation ul { border:none;}
    #masthead.internal .main-navigation ul li { display:block; }
    #masthead.internal .main-navigation ul li a { display:block; width:100%; text-align:right; }
    
    .home-banner .flex-control-thumbs { top:5px; left:5px; text-align:left; }
    .home-banner .flex-caption .icon { display:none; }
    .home-banner .flex-caption .featured-in { position:relative; top:0; right:0; }
    .home-banner .flex-caption p { color:#333; }
    .home-banner .flex-caption a { border: 1px solid #333; color: #333; position: absolute; bottom: -90px; }
    .home-banner .flex-caption .featured-in span.mag-name { float:none; color: #333; margin-right:0px;  }
    .intro { padding-top:0px; }
    .home-banner .flex-caption .featured-in img.cover { margin-top:10px; }
    .home-banner ul.slides li { background: #89A02C; min-height: 595px; }
    
    .testimonial blockquote:before { left:10px; }
    .testimonial span.author {  float:none; display:block; width:100%; text-align:center; }
    
    .site-footer ul.footer-menu { margin-top:0px;  }
    .site-footer p { text-align:center; padding: 0 40px; text-align:center; }
    .site-footer ul.footer-menu li { display:block; width:100%; border-right:0px; }
    .site-footer ul.footer-menu li a { display:block; width:100%; border: 1px solid #9EAB6B; text-align:center; padding:15px; margin-bottom:10px; }
 
 	.project-archive a.project .project-img-holder  { height:auto; }
 	.project-archive a.project .project-img-holder img { opacity: 1; }
 	.project-archive a.project:hover .project-img-holder img { opacity: 0.6;  width:100%; max-width:100%; margin-left:0%; margin-top:0%;}
 	
 	#masthead.internal .logo { border: none; }
 	
 	.page .img-holder { min-height: 0px; margin-bottom:0px;  }
 	.page .page-content { min-height:0px; margin-bottom:15px; }
 	.page .page-content .entry-content { margin-right: 0px; }
 	.page .page-content.process-content { padding: 0px; }
 	.page .page-content.process-content article { padding: 0 30px; }
 	
 	.post-type-archive-project .site-content { padding-top:85px; }
 	.nav-fillslide div { display:none; }  
 	
 	.single-project .site-content { padding-top: 105px; }
 	.project-content .project-cirlce { width: 180px; height: 180px; margin-top: -45px; margin-right: -20px; }
 	.project-content .project-cirlce img { width:168px; height:168px; }
 	.project-content h1 { padding: 15px 0; padding-left: 10px; }
 	#breadcrumbs { padding-left: 23px; }
 	.project-content .intro-content { padding-left:0px;  }
 	.project-content .intro-content img { display:none; }
 	.project-content .intro-content .content { position:relative; }
 	.project-content .project-left .project-detail-panel { position:relative; }
 	.project-content .project-left .project-detail-panel .content-holder img { display:none; }
 	.project-content .project-left .project-detail-panel .content-holder .content { position:relative; background:#445016; }
 	.project-content .gallery-area .gallery figure:first-child .gallery-icon a:before { padding-top: 45px; }  
 	.projects .project-holder:last-child { display:block; }
 	.padding-m-reset { padding:0 15px; }
 	
 	/*.project-content .project-intro { position:absolute;  }
 	.project-content .breadcrumb {     float: left; width: 80%; margin-top: 50px; margin-left: 70px; }
 	*/
 	.light-g-bg { margin:0px; padding-top: 90px; } 
 }
 
 /* Mobile devices ( 400px and below) */
@media (max-width: 400px) { 

 }