/*
* Layout
* 
* @package WP Fairview
* @subpackage CSS
*

WARNING! DO NOT EDIT THIS FILE!

To make it easy to update your theme, you should not edit the styles in this file. Instead use 
the Child Theme Generator in WP Admin > Appearance > Child Theme

View the screencast: http://www.screenr.com/tbos

/* ==============================================================================

Stylesheet Guide

	3.1 Site Styles
	3.2 Page Styles
	3.3 Media Queries

/* ============================================================================== */
/* 3.1 Site Styles
/* ============================================================================== */

	img { display: block; max-width: 100%; height: auto;}
			
	/* Wrapper */
	#wrapper { position: relative; z-index: 1; max-width: 100%; overflow: hidden;}

	/* Header */
	header#masthead { width: 100%; padding: 40px 0; z-index: 99999; background: #1d3037; border-top: 5px solid #0e171a;}
			header#masthead.boxed { position: relative;}
		header#masthead .logo { position: relative; top: 0; opacity: 1;}
			header#masthead .logo:hover { opacity: 0.7;}
			header#masthead .logo:active { top: 1px;}	
			
		header#masthead .right { position: relative; top: 10px;}
		header#masthead .right li { display: inline-block; margin: 0; font-size: 24px;}
			header#masthead .right li:last-child { }
			header#masthead .right li a { color: #fff;}		
			
			.content-fade {	opacity: 0;
					-webkit-transform: translateY(-20px);
					 -moz-transform: translateY(-20px);
						  transform: translateY(-20px);
					-webkit-animation: fadein .6s .5s 1 forwards ease-in-out;
					 -moz-animation: fadein .6s .5s 1 forwards ease-in-out;
						  animation: fadein .6s .5s 1 forwards ease-in-out;}
			  
			  @-webkit-keyframes fadein{
			  0%{
				-webkit-transform: translateY(-20px);
				opacity: 0;
			  }
			  100%{
				-webkit-transform: translateY(0);
				opacity: 1;
			  }
			}
			@-moz-keyframes fadein{
			  0%{
				-moz-transform: translateY(-20px);
				opacity: 0;
			  }
			  100%{
				-moz-transform: translateY(0);
				opacity: 1;
			  }
			}
		
		#primary-nav { background: #0e171a;}
		#primary-nav nav { font-size: 12px;}
			#primary-nav .menu { height: 60px;}
				#site-nav { text-align: center;}
					#primary-nav nav li { display: inline-block; text-transform: uppercase;}
							#primary-nav nav li:last-child { margin-right: 0;}
						#primary-nav li a:link,
						#primary-nav li a:visited { color: #ea6c55;}
							#primary-nav nav li a:hover { opacity: 0.8;}
								#primary-nav nav .selector { display: none;}
					
	/* Main Content */
	section#main-content { margin: 30px 0 0 0;}
	
	/* Home */
	#home .cta { padding: 60px 0;}
		#home .cta h1,
		#home .cta p.lead { color: #fff;}
	#home .page-builder { padding: 20px 0;}
		#home .page-builder h1 span { background: #fff;}
		#aq-block-6.aq-block-aq_image_block.aq_span2 { margin-left: 2.9% !important;}
	#home .portfolio { padding: 60px 0 40px 0;}
		#home .portfolio h1 { font-size: 42px; line-height: 42px; margin: 0 0 10px 0; font-weight: 800; text-transform: uppercase;}
		#home .portfolio h1 + h2 { font-weight: lighter; color: #777; margin: 0 0 40px 0;}
		
	/* Archive */
	#archive-header { padding: 15px 0; background: #ea6c55; color: #fff;}
		#archive-header h1 { color: #fff;}
		#archive-header .breadcrumbs { position: relative; top: 12px;}
			#archive-header a,
			#archive-header a:visited { color: #fff;}
				#archive-header .sep { margin: 0 3px 0 3px;}
	#archive article,
	#search article { margin: 0 0 60px 0;}
		#archive article .post-thumb,
		#search article .post-thumb {}
		#archive article .content,
		#search article .content { }
			#archive article .content h2,
			#search article .content h2 {}
				#archive .post-meta,
				#search .post-meta { }
		
	/* Article */
	article.post {}
	article .post-thumb { margin: 0 0 20px 0;}
	article .date {}
		article .date-inner { width: 60%;}
			article .date .month { font-size: 11px; color: #fff; text-transform: uppercase; background: #1d3037; padding: 10px; text-align: center;}
			article .date .day { font-size: 24px; font-weight: 900; color: #fff; background: #ea6c55; padding: 15px 10px; text-align: center;}
		article small { display: block; margin: 5px 0 0 0; color: #999; text-transform: uppercase;}
		article h2.title { font-weight: 600;}
			article h2.title a span,
			article h2.title a:visited span { color: #fff; background: #ea6c55; padding: 0 4px;}
			article.post p {}
		
	/* Content Nav */
	.nav-previous a,
	.nav-next a { display: block; padding: 4px 10px; font-size: 12px; background: #ea6c55; z-index: 2; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out;}
			.nav-previous a:hover,
			.nav-next a:hover { cursor: pointer; opacity: 0.8; -moz-opacity: 0.8; -webkit-opacity: 0.8;}
				.nav-previous a:hover { padding-left: 15px;}
				.nav-next a:hover {padding-right: 15px;}
		.nav-previous {}
		.nav-next {}
		.nav-previous a,
			.nav-previous a:visited,
			.nav-next a,
			.nav-next a:visited { color: #fff;}
	
	/* Hide Mobile Nav */
	nav select { display: none;}
	
	/* Archive Portfolio */
	.post-type-archive-portfolio footer { margin-top: 20px;}
	.post-type-archive .item a img { display: block;}
	ul.prev-next,
	ul#tags-nav { position: relative; left: 0; list-style: none; margin: 0 0 20px 0;}
		ul.prev-next li,
		ul#tags-nav li { display: inline-block; font-size: 12px; margin: 0 10px 0 0;}
			ul.prev-next li { margin: 0 5px 0 0;}
 		ul#tags-nav li#select { margin: 0 10px 0 0; padding: 0;}
		ul#tags-nav li a,
		.prev,
		.next,
		.nav-prev a,
		.nav-next a,
		.view-grid a,
		.view-more,
		.view-all a,
		.portfolio-wrap .close { display: block; padding: 1em 1.4em; line-height: 0.8em; font-size: 11px; text-align: center; font-weight: bold; color: #fff !important; background: #ea6c55;}
			.view-more,
			.view-all a { background: #000;}
					.prev-next .nav-prev a,
					.prev-next .view-all a,
					.prev-next .nav-next a { font-weight: 400; padding: 1em;}
				.prev,
				.next,
				.portfolio-wrap .close { padding: 7px 10px;}
			ul#tags-nav li a:hover,
			.view-grid a:hover,
			.view-all a:hover,
			.view-more:hover,
			.prev:hover,
			.next:hover,
			.nav-prev a:hover,
			.nav-next a:hover,
			.close:hover { cursor: pointer; opacity: 0.8; -moz-opacity: 0.8; -webkit-opacity: 0.8;}
			
			ul#tags-nav li a:after {}
				ul#tags-nav li:last-child a:after {}
				
			.isotope-item { position: relative; display: inline-block; overflow: hidden;}
				.isotope-item.col:first-child { margin-left: 0 !important;}
				.isotope-item.col { margin: 0 1.8% 1.8% 0}
					.isotope-item img { position: relative;}
					#isotope-container li.last { margin-right: 0 !important;}
				
	/* Single Portfolio */
	.single-portfolio #archive-header nav { position: relative; top: 12px; font-size: 20px;}
		.single-portfolio nav .prev-port { margin-right: 10px;}
		.single-portfolio nav .next-port { margin-left: 10px;}
	#portfolio-info { font-size: 12px;}
	#portfolio-info li { margin: 0 0 8px 0; color: #797979;}
		#portfolio-info li strong { margin: 0 3px 0 0;}
		.single-portfolio article nav { position: relative;}
			.view-grid { position: absolute; left: 47%;}
	.single-portfolio .related-projects { padding: 15px 0 0 0; border-top: 1px solid #ececec;}
	.single-portfolio .grid li { margin-right: 2%;}
	
	/* Content */
	#content { background: #fff;}
		#single #content { border-bottom: 1px solid #e1e1e1;}
		.headlines { background: #f2f2f2; border: 1px solid #e1e1e1;}
		.content-inner { border-left: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1;}
			#single .content-inner { border-bottom: none; padding-bottom: 60px !important;}
					
	/* Post Meta */
	.post-meta { position: relative; left: 0; width: 100%; margin: 1px 0 0 0; padding: 8px 10px; border-top: 1px solid #ececec; border-bottom: 1px solid #ececec; text-transform: uppercase; color: #fff;}
		.post-meta i { margin-right: 6px;}
			.post-meta .meta-user,
			.post-meta .meta-cat,
			.post-meta .meta-comments,
			.post-meta .meta-tags { padding: 0 10px 0 0; margin: 0 0 0 10px; border-right: 1px solid #ececec;}

	/* Single */
	#single article { margin-bottom: 30px;}
		#single .entry-header {}
			#single article .post-thumb {}
					#single article .post-thumb .flexslider {}
				#single article #post-title {}
					#single article #post-title h1 {}
				#single .post-meta { margin-top: 40px; margin-bottom: 0 !important;}
		#single .related li { border-bottom: 1px solid #ececec;}
			#single .related h6 {}
			#single .related a.thumb img { width: 50px; height: 50px;}
			.author-info { width: 100%; margin: 0 0 40px 0; padding: 0 0 20px 0;}
				.author-info .singlecol img { float: left; margin: 0 30px 0 0; height: 80px; width: 80px; -webkit-border-radius: 40px; -moz-border-radius: 40px;}
				.author-info .threecol { position: relative; top: 20px;}
					.author-info p { font-size: 12px;}
					
	/* Quote */
	article.format-quote .quote-inner { background: #534e4c; padding: 20px; color: #fff;}
		article.format-quote blockquote p { color: #fff;}
		
	/* Video */
	.wp-video-shortcode { max-width: 100%;}
	
	/* Audio */
	
	/* Link */
	article.format-link .link-inner { background: #ea6c55; padding: 20px; color: #fff;}
		article.format-link a { color: #fff;}
		article.format-link i { color: #fff;}
					
	/* Page */
	#page article { margin-bottom: 30px;}
		
	/* Gallery */
	article .slideshow-window { -moz-border-radius: none !important; -webkit-border-radius: none !important; -khtml-border-radius: none !important; border-radius: none !important;}
		.container .gallery-wrap .columns { margin-right: 10px;}
		.container .gallery-wrap .three.columns { width: 150px;}
			.container .gallery-wrap four.columns { width: 200px;}
	
	/* Archive */
	#archive .nav-previous,
	#archive .nav-next { display: none;}
	.meta { font-size: 11px; color: #797979;}
	
	/* Post Social */
	.post-social { background: #1d3037; padding: 8px 18px;}
		.post-social p { color: #fff;}
		.post-social li { display: inline-block; margin: 0 4px 0 0; font-size: 20px;}
		.tags { line-height: normal; font-size: 11px; color: #797979;}
.content-nav { width: 100%;}

	/* Full Width */
	.aq-block-aq_image_block img { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none;} 
	
	/* About */
	.page-template-template-about-php section {}
		.page-template-template-about-php article {}
	
	/* Clients */
	.client-images li { display: inline-block; border: 1px solid #ececec;}
		.client-images li.singlecol { margin: 0 1% 1.5% 0 !important;}
		.client-images li img { margin: 0 auto;}
	
	/* 404 */
	.error404 article { margin-bottom: 30px; padding: 200px 0; background: #fff; text-align: center;}
	
	/* Contact */
	#location {}
		#location #map { height: 300px; margin-bottom: 40px; width: 100%; background: url(../images/loader.gif) center center no-repeat;}
		
		#contactform { margin: 0;}
			fieldset { border: 0;}
			#contactform label { margin-bottom: 10px; font-weight: normal;}
			#contactform textarea, #contactform input[type="text"], #contactform input[type="email"], #contactform input[type="url"] { display: inline-block; width: 74.5%; margin: 0 0 16px 0; padding: 10px 15px;background: #ececec;}
			#contactform textarea { width: 80%; font-family: Arial, Helvetica, sans-serif;}
			#contactform input[type="text"]:focus, #contactform input[type="email"]:focus, #contactform input[type="url"]:focus, #contactform textarea:focus { background: #ffffe5;}
				#contactform label span { color: red;}
			
	/* Sidebar */
	#sidebar { margin-bottom: 30px;}
		#sidebar-inner {}
	
	/* Footer */
	#twitter-feed { padding: 20px 0; background: #00aced; color: #fff;}
		#twitter-feed ul { margin: 0 0 0 36px;}
			#twitter-feed i { position: relative; top: 2px; font-size: 16px;}
			#twitter-feed a,
			#twitter-feed a:visited { color: #000;}
			
	#footer-widgets { padding: 40px 0 20px 0; background: #222; color: #777;}
		#footer-widgets h6 { color: #aaa;}
		#footer-widgets .widget li { border-color: #444;}
			
	footer { font-size: 12px; padding: 20px 20px 60px 20px; background: #1d3037; color: #fff; border-top: 5px solid #0e171a;}
		footer nav { float: left;}
			footer li { display: inline-block; margin: 0 10px 0 0;}
			footer nav ul li a,
			footer nav ul li a:visited { color: #fff; padding: 0 !important; margin: 0 12px 0 0; background: none; border: none;}
			footer nav ul li a:hover { opacity: 0.8;}
			footer p.right {}
			
/* ============================================================================== */
/* 3.2 Page Styles
/* ============================================================================== */

/* ============================================================================== */
/* 3.3 Media Queries
/* ============================================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		
		#masthead .right { display: none;}
		.flex-direction-nav { display: none;}
	
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		
		/* Header */
		header#masthead { padding: 20px 0;}
			header#masthead .logo { position: inherit; display: block; margin: 0 auto; float: none; padding: 10px 0 16px 0;}
				header#masthead .right { top: 0; margin: 0 auto; width: 30%; float: none;}
		
		/* Nav */
		#primary-nav { padding: 10px 40px;}
		#primary-nav #nav { display: none;}
		#primary-nav .left { float: none;}
			#primary-nav nav { width: 100%; height: auto;}
				#primary-nav nav select { display: block; width: 100%; padding: 3px; border: 1px solid #ccc; outline: none; margin: 0;}
					footer nav ul,
					footer nav select { display: none !important;}
		
		/* Tags Nav */
		#tags-nav li { margin-bottom: 10px !important;}
		
		/* Archive */
		
		/* Isotope */
		.isotope-item { width: 250px;}
			
		/* Footer */
		#twitter-feed { height: 80px;}
		
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		
		/* Intro */
		#home .intro { padding: 100px 0;}
			#home .intro h1 { font-size: 36px; line-height: 36px;}
			#home .intro h3 { font-size: 21px; line-height: 28px;}
		
		/* Header */
		header#masthead { padding: 20px 0;}
			header#masthead .logo { position: inherit; display: block; margin: 0 auto; float: none; padding: 10px 0 16px 0;}
				header#masthead .right { top: 0; margin: 0 auto; width: 61%; float: none;}
		
		/* Nav */
		#primary-nav { padding: 10px 40px;}
		#primary-nav #nav { display: none;}
		#primary-nav .left { float: none;}
			#primary-nav nav { width: 100%; height: auto;}
				#primary-nav nav select { display: block; width: 100%; padding: 3px; border: 1px solid #ccc; outline: none; margin: 0;}
					footer nav ul,
					footer nav select { display: none !important;}

		/* Flexslider */					
		.flex-caption { position: absolute; width: 100%; top: 35%; text-align: center; margin: 0 auto; color: #fff; background: rgba(0,0,0,0.4);}
			.flex-caption h1 { font-size: 24px !important; color: #fff; text-transform: uppercase; margin: 0; font-weight: 800; text-shadow: 1px 1px 1px rgba(0, 0, 0, .4);}
			.flex-caption p { display: none !important;}
		
		/* Tags Nav */
		ul#tags-nav li { margin-bottom: 10px;}
		
		/* Archive */
		article .title { font-size: 28px; margin-top: 10px; margin-bottom: 18px;}
			article .date p { float: left;}
				article .date .day { font-size: 14px; padding: 10px;}
				
		/* Post Meta */
		.meta-tags { display: none;}
		
		/* Single */
		#single article #post-title h1 { font-size: 18px;}
			#single .flexslider { max-height: 200px; overflow: hidden;}
			
		/* Portfolio */
		.isotope-item.col { margin-left: 0 !important; margin-bottom: 5% !important;}
			.single-portfolio article h1 { margin-top: 20px;}
			
		/* Related Projects */
		.single-portfolio .grid li.col { margin-right: 0 !important; margin-bottom: 5%;}
		
		/* Home Testimonials */
		.testimonial-home li { text-align: center; margin-bottom: 20px !important;}
			.testimonial-home li.col { margin-left: 0 !important;}
			.testimonial-home li figure { margin-bottom: 15px !important;}
			.testimonial-home li p { max-width: 300px;}			
			
		/* Sidebar */
		#sidebar { margin-left: 0 !important;}
			
		/* About */
		.page-template-template-about-php section { padding: 80px 20px 120px 20px;}
		.page-template-template-about-php .aq-block { width: 100% !important; margin-left: 0 !important;}
		
		/* Footer */
		#twitter-feed { height: 120px;}
		
		#footer-widgets .widget.col.span_3 { margin: 0 0 30px 0;}
			#footer-widgets .widget_ct_portfolio { height: 420px;}
		 
		footer .left { float: none; margin: 0 auto;}
		footer .right { float: none; text-align: center; margin: 10px 0 0 0; clear: both;}
		
		.container .singlecol,
		.container .onethirdcol,
		.container .twocol,
		.container .twothirdcol,
		.container .threecol,
		.container .fourcol,
		.container .aq-template-wrapper .aq_span1,
		.container .aq-template-wrapper .aq_span2,
		.container .aq-template-wrapper .aq_span3,
		.container .aq-template-wrapper .aq_span4,
		.container .aq-template-wrapper .aq_span5,
		.container .aq-template-wrapper .aq_span6,
		.container .aq-template-wrapper .aq_span7,
		.container .aq-template-wrapper .aq_span8,
		.container .aq-template-wrapper .aq_span9,
		.container .aq-template-wrapper .aq_span10,
		.container .aq-template-wrapper .aq_span11,
		.container .aq-template-wrapper .aq_span12 { width: 100% !important; margin-left: 0;}
		
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		
		.testimonial-home li.col { margin-left: 0 !important;}
		.testimonial-home li p { max-width: 460px;}			
		
	}
	
	@media only screen and (max-width: 766px) {

	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		
		article .span_6 small { margin-top: 10px;}
		.excerpt { max-width: 80%;}
		span.meta-comments,
		span.meta-tags { display: none;}
		
		#footer-widgets .widget_ct_portfolio { height: 240px;}
			
	}