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

	/* Left Content */
	section#left-content {}
		section#left-content div.pad30 { padding-left: 0 !important;}
			section#left-content nav {}

	/* Logo */
	.logo { position: relative; display: block; margin: 0 auto; max-width: auto !important; opacity: 1; margin: 0 0 60px 0;}
		.logo:hover { opacity: 0.7;}
			.logo:active { top: 1px;}
		h2.logo { text-align: center;}	
	
	/* Nav */
								
	/* Container */
	.container { overflow: hidden;}
					
	/* Right Content */
	section#right-content { background: #fff;}
	
	/* Home */
	#home header#masthead {}
		section.panel { padding: 80px 0;}
			#home.panel { padding-top: 110px;}
		
	/* Archive */
	#archive-header { }
		#archive-header h1 { margin-top: 0;}
	
	#home article,
	#archive article,
	#search article { margin: 0 0 60px 0; padding: 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 {}
		
	/* Article */
	article.post {}
		article h1.entry-title { text-align: center;}
		
		.post-meta { text-align: center; margin: 1px 0 0 0; text-transform: uppercase; color: #262624; padding: 5px 0 0 0; border-top: 1px solid #c5c3ba;}
		.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;}

				article small { display: block; margin: 5px 0 0 0; color: #999; text-transform: uppercase;}
		
	/* Content Nav */
	.nav-previous a,
	.nav-next a { display: block; padding: 4px 10px; font-size: 12px; background: #414c52; 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 .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; margin-bottom: 40px; 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: "";}

		.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: #414c52;}
			.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 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: #414c52;}
			.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;}
		
	#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%; margin-bottom: 2%;}
		.single-portfolio .grid li figcaption h3,
		.single-portfolio .grid li figcaption span { display: none;}
		.single-portfolio .cs-style-3 figcaption a { right: 45px; bottom: 32px;}
	
	/* 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;}

	/* 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: 0 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: #414c52; padding: 20px; color: #262624;}
		article.format-link a { color: #262624;}
		article.format-link i { color: #262624;}
					
	/* Page */
	#page .entry-title { padding: 0 0 10px 0; border-bottom: 1px solid #ccc;}
	#page article { margin-bottom: 30px;}
	
	/* Testimonials */
	.page-template-template-testimonials-php article li { margin: 30px 0; padding-bottom: 30px; border-bottom: 1px solid #c5c3ba; text-align: center;}
		.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: normal;}
		.page-template-template-testimonials-php figure { display: block; width: 80px; height: 80px; margin: 1em 0; background-size: cover; background-repeat: no-repeat; background-position: center center; -webkit-border-radius: 99em; -moz-border-radius: 99em; border-radius: 99em; border: 2px solid #fff; -webkit-box-shadow: 0 0 1px rgba(0,0,0,.5);	-moz-box-shadow: 0 0 3px rgba(0,0,0,.5); box-shadow: 0 0 3px rgba(0,0,0,.5);}
		.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;}
	
	/* Share This */
	.share-this.span_6 { width: 54%; background: #ececec; margin: 30px 0 0 0; padding: 13px 20px;}
	#single .post-social-wrap { width: 46%; background: url(../images/share-this-bg.png) no-repeat left 0; margin: 30px 0 0 0;}
		.post-social {}
			.post-social li { display: inline-block; margin-bottom: 1px; line-height: normal;}
				.post-social li a { display: block; text-align: center; padding: 11px 15px; background: #414c52; color: #fff; font-size: 21px;}
					.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.pinterest { background-color: #cb2027;}
						.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: 300px; width: 100%; background: url(../images/loader.gif) center center no-repeat;}
		
	.page-template-template-contact-php .address { padding: 20px 30px; color: #fff; text-align: center; background: #89a6a1;}
	
		#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 { margin-top: 60px;}
		#sidebar-inner {}
	
	/* Footer */						
	footer { font-size: 12px; padding: 20px 20px 60px 20px; background: #303030; color: #fff; margin-bottom: 0 !important;}
		footer nav { float: left;}
			footer li { display: inline-block; margin: 0 10px 0 0;}
			footer nav ul li a,
			footer p.right a,
			footer p.right a:visited,
			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,
			footer p.right 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) {
		
		.flex-direction-nav { display: none;}
		
		/* Share This */
		.share-this.col,
		.share-this.span_6,
		#single .post-social-wrap { width: 100% !important;}
			 .post-social { float: left !important;}
	
	}
	
	@media (min-width: 768px) {
		.share-this.span_6,
		#single .post-social-wrap  { width: 100% !important;}
		.post-social { float: left !important;}
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		
		/* Left Content */
		section#left-content { margin-bottom: 0; padding-bottom: 0;}
		
		/* Single Portfolio */
		.single-portfolio .cs-style-3 figcaption a { right: 9px; bottom: 9px;}
		
	}

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

		/* Left Content */
		section#left-content { margin-bottom: 0; padding-bottom: 0;}
			
			/* Inner */
			section#left-content div.pad30 { padding-right: 0 !important; padding-left: 0 !important;}
		
			/* Logo */
			.logo { display: block; margin: 0 auto;}
			
			/* Nav */
			#nav { margin-top: 30px;}
			
			/* Sidebar */
			#sidebar { display: none;}
			
		/* Content */
		section#right-content div.pad80 { padding: 40px 30px !important;}
		
			/* Article */
			
			/* Share This */
			.post-social { float: left !important;}
			
			/* Portfolio Single */
			.grid li { min-width: auto !important;}
				.single-portfolio .grid li figcaption h3,
				.single-portfolio .grid li figcaption span { display: block;}
			
		/* Footer */
		footer .left { float: none; margin: 0 auto;}
		footer .right { float: none; text-align: center; margin: 10px 0 0 0; clear: both;}
		
		.col,
		.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 !important;}
		
	}
	
	@media only screen and (min-width: 481px) and (max-width: 768px) {
		
		/* Nav */
		#nav a i { display: none !important;}
		
		/* Portfolio */
		.cs-style-3 figcaption { height: 160px !important;}
			.grid li figcaption h3,
			.grid li figcaption span { display: none !important;}
			.cs-style-3 figcaption a { right: 55px !important; bottom: 37px !important;}
		
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		
		/* Share This */
		.post-social li a { padding: 11px 13px;}
		
		/* Portfolio */
		.cs-style-3 figcaption { height: 100px;}
			.grid li figcaption h3,
			.grid li figcaption span { display: block !important;}
			.cs-style-3 figcaption a { right: 30px !important; bottom: 55px !important;}
	}
	
	@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 */
		article h1 { font-size: 36px; line-height: 40px;}
		
			/* Share This */
			.post-social { float: left !important;}
				.post-social li a { padding: 9px 13px;}
			
		/* Portfolio */
		.single-portfolio .grid { padding: 0;}
		.single-portfolio .grid li { margin-right: 0 !important;}
			.cs-style-3 figcaption { height: 160px !important;}
				.grid li figcaption h3,
				.grid li figcaption span { display: none !important;}
				.cs-style-3 figcaption a { right: 80px !important; bottom: 55px !important;}
			
			.view-grid { left: 42.5% !important;}
			
	}