/*
* Layout
* 
* @package WP Aurora
* @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;}
	
	/* Top */
	#top { height: 340px; padding: 30px 0;  background: #2da981; text-align: center;}
		#top #top-inner { position: fixed; width: 1100px; text-align: center;}
		#top .logo-wrap { background: url(../images/border.png) repeat-x center center;}
			#top .logo { display: block; margin: 0 auto; padding: 0 30px; background: #2da981;}
		#top .intro { position: relative; top: 60px; width: 500px; margin: 0 auto; font-weight: bold;}
			#top h1 { color: #fff;}
			
	/* Wrapper */
	#wrapper { position: relative; z-index: 1;}

	/* Header */
	header#masthead { width: 100%; /*padding: 20px 0;*/ padding: 0; z-index: 1000; background: #fff;}
			header#masthead.stick { -webkit-box-shadow: 0 1px 6px #ccc; -moz-box-shadow: 0 1px 6px #ccc; box-shadow: 0 1px 6px #ccc;}
			header#masthead.boxed { position: relative;}
		header#masthead .logo { position: relative; top: 0px; opacity: 1;}
			header#masthead .logo:hover { opacity: 1;}
			header .container a:hover{opacity: 1;}
			header#masthead .logo:active { top:0;}
			
			header#masthead #ct-search li { /*padding: 9px 0 9px 18px;*/padding: 9px 0 9px 10px;}
				header#masthead #ct-search a { cursor: pointer;}
				header#masthead .searchform { display: none; width: 170px !important;}
					header#masthead .searchform input { background: rgba(45,169,129,0.3);width: 150px !important;}
			
			
			.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;
			  }
			}
		
		header nav { font-size: 12px;}
			#site-nav { text-align: center;}
				header nav li { display: inline-block; text-transform: uppercase;}
						header nav li:last-child { margin-right: 0;}
					header li a:link,
					header li a:visited { color: #2da981;}
						header nav li a:hover { color: #fa6900;}
							header nav .selector { display: none;}
					
	/* Main Content */
	section#main-content { margin: 30px 0 0 0;}
	
	/* Home */
	#activate-slider { min-height: 240px; background: #ececec; padding: 200px 0 0 0; text-align: center; background: #ececec;}
	#home .page-builder { padding: 20px 0;}
		#home .page-builder h1 span { background: #fff;}
	#home .portfolio { padding: 20px 0;}
		#home .portfolio h1 span { background: #fff;}
	#home .testimonials { height: 440px; padding: 20px 0; text-align: center;}
		#home .testimonials h1 span { background: #fff;}
			.testimonial-home { position: relative;}
				.testimonial-home h1 { max-width: 80%; margin: 0 auto;}
				.testimonial-home figure { display: block; width: 80px; height: 80px; margin: 1em auto; background-size: cover; background-repeat: no-repeat; background-position: center center; -webkit-border-radius: 99em; -moz-border-radius: 99em; border-radius: 99em;}
				.testimonial-home h5 { color: #777;}
		
	/* Archive */
	#archive-header { padding: 15px 0; background: #2da981; 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 { padding: 0 0 30px 0;}
	
	/* Roll Link */
	.roll-link {
		display: inline-block;
		overflow: hidden;
		vertical-align: top;
	
		-webkit-perspective: 600px;
		   -moz-perspective: 600px;
		   -ms-perspective: 600px;
		   perspective: 600px;
	
		-webkit-perspective-origin: 50% 50%;
		   -moz-perspective-origin: 50% 50%;
		   -ms-perspective-origin: 50% 50%;
		   perspective-origin: 50% 50%;
		   
	}
	
		.roll-link:hover {text-decoration:none;}
		
			.roll-link span {
				display: block;
				position: relative;
				padding: 0 6px;
			
				-webkit-transition: all 400ms ease;
				   -moz-transition: all 400ms ease;
				   -ms-transition: all 400ms ease;
				   transition: all 400ms ease;
				
				-webkit-transform-origin: 50% 0%;
				   -moz-transform-origin: 50% 0%;
				   -ms-transform-origin: 50% 0%;
				   transform-origin: 50% 0%;
				
				-webkit-transform-style: preserve-3d;
				   -moz-transform-style: preserve-3d;
				   -ms-transform-style: preserve-3d;
				   transform-style: preserve-3d;
			}
				.roll-link:hover span {			 	
					-webkit-transform: translate3d( 0px, 0px, -30px ) rotateX( 90deg );
					   -moz-transform: translate3d( 0px, 0px, -30px ) rotateX( 90deg );
					   -ms-transform: translate3d( 0px, 0px, -30px ) rotateX( 90deg );
					   transform: translate3d( 0px, 0px, -30px ) rotateX( 90deg );
				}
				
					.roll-link span:after {
						content: attr(data-title);
						display: block;
						position: absolute;
						left: 0;
						top: 0;
						padding: 0 2px;
						color: #fff;
						background: #2da981;
						-webkit-transform-origin: 50% 0%;
						   -moz-transform-origin: 50% 0%;
						   -ms-transform-origin: 50% 0%;
						   transform-origin: 50% 0%;
						-webkit-transform: translate3d( 0px, 105%, 0px ) rotateX( -90deg );
						   -moz-transform: translate3d( 0px, 105%, 0px ) rotateX( -90deg );
						   -ms-transform: translate3d( 0px, 105%, 0px ) rotateX( -90deg );
						   transform: translate3d( 0px, 105%, 0px ) rotateX( -90deg );
					}
		
	/* Article */
	article.post { position: relative; background: #fff;}
		article small { display: block; margin: 5px 0 0 0; color: #777; text-transform: uppercase;}
		article h2.title { font-weight: 600;}
			article h2.title a span,
			article h2.title a:visited span { /*color: #fff; background: #2da981;*/}
			article.post p {}
		
	/* Content Nav */
	.nav-previous a,
	.nav-next a { display: block; padding: 4px 10px; font-size: 12px; background: #2da981; 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 .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: #2da981;}
			.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-bottom: 1.8%; margin-left: 1.8%;}
					.isotope-item img { position: relative;}
					#isotope-container li.last { margin-right: 0 !important;}
					#latest-shoots .content,
					.isotope-item .content,
					.widget_ct_portfolio .content { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; text-align: center; transition: all 0.2s linear; -moz-transition: all 0.2s linear;	-webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; opacity: 0; background-color: rgba(0,0,0,0.5);}
						.isotope-item:hover .content,
						.widget_ct_portfolio li:hover .content { opacity: 1;}
							.isotope-item .inner { position: relative; top: 0; width: 100%; height: 100%;}
								.isotope-item .inner h2,
								.widget_ct_portfolio .inner h2 { color: #fff; text-transform: uppercase; padding: 30px 0 0 20px; text-align: left;}
									.post-type-archive-portfolio h2 { font-size: 18px;}
									.widget_ct_portfolio .inner h2 { font-size: 16px;}
								.isotope-item .more { bottom: 9%;}
									.isotope-item:hover .content h2,
									.widget_ct_portfolio li:hover .content h2 {
														opacity: 0;
														-webkit-transform: translateY(-20px);
														 -moz-transform: translateY(-20px);
															  transform: translateY(-20px);
														-webkit-animation: fadein .2s .1s 1 forwards ease-in-out;
														 -moz-animation: fadein .2s .1s 1 forwards ease-in-out;
															  animation: fadein .2s .1s 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;
									  }
									}
			
				
	/* 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%;}
	
	/* 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 { width: 100%; margin: 0 0 80px 0; padding: 8px 0 0 0; border-top: 1px solid #ccc; text-transform: uppercase; color: #777;}
		.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 #ccc;}

	/* Single */
	#single article { margin-bottom: 30px;}
		#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: #2da981; padding: 20px; color: #fff;}
		article.format-link a { color: #fff;}
		article.format-link i { color: #fff;}
					
	/* Page */
	#page article { margin-bottom: 30px;}
		
	/* Gallery */
	.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 { width: 100%; margin: 20px 0 0 0; padding: 10px 0 0 0; border-top: 1px dotted #ccc;}
		.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: 140px 30px; background: #fff; text-align: center;}
	
	/* Contact */
	#location {}
		#location #map { height: 300px; margin-bottom: 40px; width: 100%; border: 1px solid #dfdfdf; 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: #cdcdcd;}
		#footer-widgets h6 { color: #cdcdcd; font-weight: bold;}
		#footer-widgets .widget li { border-color: #444;}
			
	footer { font-size: 12px; padding: 20px 20px 60px 20px; background: #000; color: #777;}
		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: #777; padding: 0 !important; margin: 0 12px 0 0; background: none; border: none;}
			footer nav ul li a:hover { color: #aaa;}
			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;}
	
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		
		/* Header */
		header#masthead { padding-bottom: 5px;}
		
		/* Logo */
		header #logo { float: none; margin: 0 0 14px 0;}
		
		/* Nav */
		header nav.right { float: none;}
		
		/* Tags Nav */
		#tags-nav li { margin-bottom: 10px !important;}
		
		/* Isotope */
		.isotope-item { width: 250px;}
			
		/* Footer */
		#twitter-feed { height: 80px;}
		
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		
		/* Top Intro */
		#top .intro { width: 100%;}
			#top .intro h1 { font-size: 24px;}
		
		/* Header */
		header#masthead { padding: 10px 0;}
			header#masthead .logo { position: inherit; display: block; /*margin: 0 auto; */float: none; padding: 10px 0 16px 0;}
				header#masthead #ct-search { display: block;}
		
			/* Nav */
			header nav.right { float: none;}
				header #nav { float: none; margin: 0; display: none;}
					nav #nav { height: auto;}
						header nav .selector,
						header nav .selector span { display: block;}
						header nav select { display: block; width: 100%; padding: 3px; border: 1px solid #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; outline: none;}
							footer nav ul,
							footer nav select { display: none !important;}
					
		/* Slider */
		.slider-wrap a.btn { display: none !important;}
		
		/* Tags Nav */
		ul#tags-nav li { margin-bottom: 10px;}
			
		/* 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) {

		.isotope-item { width: 470px !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) {
		
		.topbar div.right { float: none;}
			.topbar ul.left { margin: 3px 0 0 0; padding: 0; border: none;}
				.topbar ul.right { display: none;}
					.topbar p,
					.topbar ul.left { float: none; text-align: center;}
		
		#home .slides li h1 { max-width: 150px;}
		#home .slides li p { display: none;}
		
		/* Isotope */
		.isotope-item { width: 310px !important;}
		
			.view-more.right { float: left !important;}
		#isotope-container { margin-top: 20px;}
		
		.page-template-template-about-php .container .ten.columns { width: 260px;}
		
		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;}
			
	}