/*
* Layout
* 
* @package WP Form
* @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;}

	/* Left Sidebar */
	#sidebar-left { position: fixed; height: 100%; z-index: 99999; background: #2c3e50;}
		#sidebar-left .logo { position: relative; top: 0; opacity: 1; margin: 60px auto 80px auto;}
			#sidebar-left .logo:hover { opacity: 0.7;}
			#sidebar-left .logo:active { top: 1px;}		
		.sidebar-inner { padding: 30px;}
								
	/* Main Content */
	#main-content { position: relative; margin-left: 15%; width: 85% !important;}
		#main-content-inner {}
	
	/* Left Content */
	#left-content {}	
		#left-content .post-thumb img { width: 100%;}
	
	/* Right Sidebar */
	#right-content.col.span_5 { float: left; position: fixed; width: 36.2%; min-height: 100%; margin: 0 0 0 48.8%; background: #95a5a6;}
	#right-content .widget { width: 70%; margin: 0 0 60px 0;}	
	
	/* Archive */
	.grid .item.col.span_4 { margin: 0;;}
		
	/* Article */
	article.post {}
	article .post-thumb {}
	article .date {}
		article .date-inner { width: 60%;}
			article .date .month { font-size: 11px; color: #262624; text-transform: uppercase; background: #000; padding: 10px; text-align: center;}
			article .date .day { font-size: 24px; font-weight: 900; color: #262624; background: #202c39; 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: #262624; background: #202c39; padding: 0 4px;}
			article.post p {}
			
			article .content { margin-left: 8.5% !important;}
			article #post-tools.content { margin-left: 15% !important;}
				article .content.no-lead { margin-left: 2% !important; padding-left: 2%;}
		
	/* Content Nav */
	.nav-previous a,
	.nav-next a { display: block; padding: 4px 10px; font-size: 12px; background: #202c39; 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: #262624;}
	
	/* Hide Mobile Nav */
	nav select { display: none;}
	
	/* Archive Portfolio */
	.post-type-archive header { background: #ecf0f1;}
	.item a img { display: block;}
	
		ul.prev-next { position: relative; left: 0; list-style: none; margin: 0 0 20px 0; text-transform: uppercase;}
			ul.prev-next li { display: inline-block; font-size: 12px; margin: 0 5px 0 0;}
			ul.prev-next li { margin: 0 5px 0 0; padding: 0;}
			
		ul#tags-nav { list-style: none; font-size: 12px;}
			ul#tags-nav li { display: inline-block;}
				ul#tags-nav li a { color: #555;}
				ul#tags-nav li a:after { content: "\0000a0\0000a0 / \0000a0\0000a0";}
					ul#tags-nav li:last-child a:after { content: "";}
					
	#isotope-container .item.col.span_4 { width: 33.2%;}

		.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: #202c39;}
			.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;}
				
			.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 { padding: 30px 60px; background: #ecf0f1;}
		.single-portfolio #archive-header nav { position: relative; top: 14px; font-size: 14px;}
			.single-portfolio nav .prev-port a,
			.single-portfolio .port-grid a,
			.single-portfolio nav .next-port a { padding: 8px 15px; background: #202c39;}
				.single-portfolio nav .prev-port a,
				.single-portfolio .port-grid a,
				.single-portfolio nav .next-port a { color: #fff;}
				
				.single-portfolio nav .next-port a:hover,
				.single-portfolio .port-grid a:hover,
				.single-portfolio nav .prev-port a:hover { opacity: 0.8; cursor: pointer;}
			
			.single-portfolio nav .prev-port { margin-right: 1px;}
			.single-portfolio nav .next-port { margin-left: 1px;}
		
			.single-portfolio figure img { width: 100%;}
		
			#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 #ccc;}
			.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 { margin: 1px 0 0 0; text-transform: uppercase; color: #262624;}
		.post-meta i { margin-right: 6px; color: #ccc;}
			.post-meta .meta-user,
			.post-meta .meta-cat,
			.post-meta .meta-comments { padding: 0 10px 0 0; margin: 0 0 0 10px; border-right: 1px dotted #ccc;}
				.post-meta .meta-comments { border: none;}

	/* 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 .related li { border-bottom: 1px solid #ccc; padding: 8px 0 10px 0;}
			#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: #262624;}
		article.format-quote blockquote p { color: #262624;}
		
	/* Video */
	.wp-video-shortcode { max-width: 100%;}
	
	/* Audio */
	
	/* Link */
	article.format-link .link-inner { background: #202c39; padding: 20px; color: #262624;}
		article.format-link a { color: #262624;}
		article.format-link i { color: #262624;}
					
	/* Page */
	#page article { margin-bottom: 30px;}
	
	/* Testimonials */
	.page-template-template-testimonials-php .testimonials li { margin: 0 0 30px; padding-bottom: 30px; border-bottom: 1px solid #c5c3ba;}
			.page-template-template-testimonials-php .testimonials li:last-child { border-bottom: 0;}
		.page-template-template-testimonials-php .test-content { background: url(../images/icons/quote.png) no-repeat 0 0 #fff; padding: 30px 20px 20px 20px; -webkit-box-shadow: 0 0 1px rgba(0,0,0,.3); -moz-box-shadow: 0 0 3px rgba(0,0,0,.3); box-shadow: 0 0 3px rgba(0,0,0,.3);}
		.page-template-template-testimonials-php h4 p { font-weight: 500; line-height: 32px;}
		.page-template-template-testimonials-php figure {}
		.page-template-template-testimonials-php h5 { font-weight: 800; text-transform: uppercase;}
			.page-template-template-testimonials-php h6 { color: #888; font-weight: 400;}
		.page-template-template-testimonials-php a { color: #222;}
		
	/* 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 { margin: 60px 0 0 0;}
		.post-social li { display: inline-block; margin-right: 1px; line-height: normal;}
			.post-social li a { display: block; text-align: center; padding: 8px; background: #202c39; color: #fff; font-size: 18x;}
				.post-social li a.facebook { background-color: #3a7ea2;}
				.post-social li a.twitter { background-color: #55c5ef;}
				.post-social li a.linkedin { background-color: #4875b4;}
				.post-social li a.google { background-color: #c63d2d;}
					.post-social li a:hover { opacity: 0.6;}
		.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 #ccc;}
		.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: 160px 0 200px 0; text-align: center;}
	
	/* Contact */
	#location {}
		#location #map { height: 400px; margin-bottom: 40px; width: 100%; background: url(../images/loader.gif) center center no-repeat;}
	.page-template-template-contact-php .container.content-fade { margin-top: 60px;}
		#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: #ccc;}
			#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 {}
		#sidebar-inner {}
	
	/* Footer */			
	#footer-widgets { padding: 40px 30px 20px 30px; background: #111; color: #777;}
			.post-type-archive-portfolio #footer-widgets { margin-top: 40px;}
		#footer-widgets h5 { color: #aaa;}
		#footer-widgets .widget li { border-color: #444;}
			
	footer { font-size: 12px; padding: 20px 20px 60px 20px; background: #ececec; color: #555;}
		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 { 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
/* ============================================================================== */

	@media only screen and (max-width: 1025px) {
		#sidebar-left .widget { display: none;}
		.widget_ct_portfolio { height: 120px !important;}
	}

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		
		/* Sidebar Left */
		#sidebar-left { display: none;}
		
		/* Main Content */
		#main-content { position: relative; margin-left: 0; width: 100% !important;}
			#main-content-inner {}
			
		/* Left Content */
		#left-content { width: 100%; margin: 0;}
		
		/* Right Sidebar */
		#right-content.col.span_5 { position: relative; width: 100%; margin: 0; background: #95a5a6;}
			#right-content .widget { margin: 0 0 20px 0 !important;}
		
		.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) {
		
		
		
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {

		.col,
		.singlecol,
		.onethirdcol,
		.twocol,
		.twothirdcol,
		.threecol,
		.fourcol,
		#isotope-container .item.col.span_4,
		.aq-template-wrapper .aq_span1,
		.aq-template-wrapper .aq_span2,
		.aq-template-wrapper .aq_span3,
		.aq-template-wrapper .aq_span4,
		.aq-template-wrapper .aq_span5,
		.aq-template-wrapper .aq_span6,
		.aq-template-wrapper .aq_span7,
		.aq-template-wrapper .aq_span8,
		.aq-template-wrapper .aq_span9,
		.aq-template-wrapper .aq_span10,
		.aq-template-wrapper .aq_span11,
		.aq-template-wrapper .aq_span12 { width: 100% !important; margin-left: 0 !important;}
		
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		
		#sidebar-left.cbp-spmenu-left.cbp-spmenu-open { width: 100% !important;}
		
	}
	
	@media only screen and (max-width: 766px) {
		#sidebar-left.col.span_2 { width: 25%;}
			#sidebar-left .widget { display: none;}
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		
		#sidebar-left.cbp-spmenu-left.cbp-spmenu-open { width: 100% !important;}
			#sidebar-left .widget { display: none;}
		
		#archive-header .right { display: none;}
		
		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;}
			
	}