/*
* Layout
*
* @package WP Portico
* @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%; max-height: 100%; }

    .menu-item { margin-bottom: 20px;margin-left:20px;color: #000000; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;font-weight: bold;}
	.menu-primary-container { left: 10px;top: 190px; background: url("../images/backline2.png") no-repeat right top !important; }



	/** Left Sidebar **/
	#left-sidebar { min-height: 100vh; font-size: 12px; width:21%;margin-top: 0px;

		overflow: hidden;

	}
		.logo { margin: 20px 0 20px 17px; }
		#left-sidebar-widgets { margin: 0px 0 0 0; text-transform: uppercase;}
			#left-sidebar .widget.widget_ct_social a { background-color: #999; color: #fff;}
			#left-sidebar .widget_ct_portfoliotagsfilter a { display: block;}

		/* Nav */
		#left-sidebar nav { text-transform: uppercase;}
			#left-sidebar nav a,
			#left-sidebar .widget a { color: #000000;  }
					#left-sidebar nav .sub-menu li { font-size: 12px; margin: 0 0 0px 0px;font-weight:normal !important; }
						#left-sidebar nav .sub-menu li:before { position: relative; left: -10px; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; content: "";}
				#left-sidebar nav li.current-menu-item a,
				#left-sidebar .widget li a.selected { color: #191919; text-decoration: none;}


	/** Main Content **/
h1,h2,h3,h4 {color:#FD8A13;}
	#main-content { width: 79%; min-height: 100vh; background: #ffffff;}
.page-id-256 #main-content {margin-top: 63px;}
		.main-content-inner { padding: 30px 60px 60px 60px; }
			.main-content-inner .col.span_9 { max-width: 964px;}

		/* Archive & Single */
		article.post { margin: 0 0 100px 0; padding: 0 0 40px 0; background: #fff;}
				.single article.post { margin: 0 0 40px 0;}
					.sticky { border: 10px solid #ccc;}
			.entry-title { padding: 0;}
			.meta,
			.meta a { text-transform: uppercase; color: #999;}
			.post-thumb { margin: 0 0 60px 0;}
				.post-thumb iframe { position: relative; top: -62;}
			.post-content-inner,
			.inner-pad { padding: 0 7em;}

			.post[data-type="no-thumb"] {
				padding-top: 4em;
			}

			.fluid-width-video-wrapper { position: relative; top: -55px;}

			/* Post Social */
			.post-social h6 { text-transform: uppercase; margin: 20px 0 12px 0;}
			.post-social li { display: inline-block; text-align: center;}
				.post-social li a { display: inline-block; min-width: 40px; padding: 5px 10px; border: 1px solid #efefef; color: #888;}
					.facebook a:hover { background: #3a7ea2; color: #fff !important;}
					.twitter a:hover { background: #55c5ef; color: #fff !important;}
					.linkedin a:hover { background: #4875b4; color: #fff !important;}
					.google a:hover { background: #c63d2d; color: #fff !important;}

			/* Page Links */
			.page-link { margin: 30px 0 0 0; color: #ccc; font-size: 14px; text-transform: uppercase;}

			/* Author Info */
			#authorinfo { margin: 60px 0 0 0; padding: 40px 0 0 0; border-top: 1px solid #efefef;}
				#authorinfo h5 { text-transform: uppercase;}
				#authorinfo img { height: 160px; width: 160px; border-radius: 80px;}
				.author-inner { padding: 0 0 0 20px;}
					h5.the-author { font-size: 1em;}
					.author-inner p { color: #555; font-weight: 300;}
					.author-inner li { display: inline-block; margin: 0 20px 0 0;}
						.author-inner li a { color: #888;}
							.author-inner li a:hover { background: none;}
								.author-inner i { color: #888 !important;}

			/* Related Posts */
			.related-title { margin: 0 0 25px 0; padding: 60px 0 0 0; border-top: 1px solid #efefef; text-transform: uppercase;}
				.related li { list-style: none;}
				.related h6 { margin: 15px 0 10px 0;}
				.related p { font-weight: 300; color: #555; font-size: 0.875em; line-height: 1.55em;}

			/* Post Nav */
			.post-nav { margin: 60px 0 60px 0;}
				.post-nav i { position: relative; top: 1px; display: inline-block;}
					.post-nav i.icon-chevron-left { margin-right: 10px;}
					.post-nav i.icon-chevron-right { margin-left: 10px;}

		/** Page **/
		#page article.post,
		#page .content { padding: 0;}
			/*#page .inner-pad { padding: 7em;}*/

		/* Contact */
		#location {}
			#location #map { height: 300px; width: 100%; background: url("../images/loader.gif") center center no-repeat;}
				.gmnoscreen,
				.gmnoprint,
				.gm-style-cc { display: none !important;}

			#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: #efefef;}
					#contactform label span { color: red;}
			.contact-details li { position: relative; list-style: none; font-size: 14px; margin: 0; padding: 30px 0; border-bottom: 1px dotted #999; line-height: 21px;}
					.contact-details li:first-child {}
				.contact-details i { position: absolute; top: 50%; margin: -16px 0 0 0; display: inline-block; font-size: 16px; text-align: center; color: #fff; background: #999; padding: 8px 10px; min-width: 38px;}
				.contact-details p { padding: 0 0 0 60px;}

			/* Contact Two */
			.page-template-template-contact-two-php .col.span_7 { padding: 0 5% 0 0;}
				.page-template-template-contact-two-php .contact-details li { padding: 15px 0; margin: 0;}


		/* Portfolio Archive */
		#isotope-container .item {
			margin: 0;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			display: block;
			float: left;
			/*column-count: 4;*/
		}
			#isotope-container .col { width: 24.25%; font-size:9px;}

			/* Portfolio Single */
			.single-portfolio .inner-pad { padding: 1em 7em 7em 7em;}
				ul#portfolio-info { list-style: none;}
					#portfolio-info li { color: #555; display: inline-block; margin: 0 30px 0 0;}
					.related-portfolio .col { width: 33%; margin: 0;}

			/* Portfolio Single Share */
			.post-social { border-top: 1px solid #efefef; margin: 1.5em 0 0 0; padding: 1.5em 0 0 0;}

			/* Portfolio Single Nav */
			.port-nav li { display: inline-block;}
				.nav-prev a,
				.view-grid a,
				.nav-next a { display: inline-block; border: 1px solid #efefef; padding: .5em 1em;}
					.nav-prev a:hover,
					.view-grid a:hover,
					.nav-next a:hover { background: #f1f1f1;}

			/* Related Portfolio */
			.related-portfolio { border-top: 1px solid #efefef; margin: 4em 0 0 0; padding: 4em 0 0 0;}
			.related-portfolio h4 { margin: 0 0 30px 0; text-transform: uppercase;}

			.pad30 { padding: 0px !important;}
			#text-2 {padding: 0 0 0 22px;}
			#text-2 h5 {border-top: none;}

/* ============================================================================== */
/* 3.2 Page Styles
/* ============================================================================== */

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

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {

		/** Left Sidebar **/
		#left-sidebar { display: none; text-align: center;}
			#left-sidebar .logo { margin: 0 auto;}
			#left-inner-content { margin: 20px 0 0 0;}

		/** Main Content **/
		#main-content { width: 100%;}
			.main-content-inner .col.span_9 { width: 100%;}
			#sidebar { display: none;}

		/* Archive & Single */
		.flexslider { min-height: 0 !important;}
		.entry-title { word-wrap: normal;}


		/** Article **/
		#authorinfo .span_3 { display: none;}
			#authorinfo .span_9 { margin: 0;}
			.author-inner { padding: 0;}
			.nav-prev a, .nav-next a { margin-bottom: 15px;}
			.comment-author { margin-bottom: 15px;}
			.comment-author img { display: none;}
			.comment-meta { position: relative; left: 0; top: 34px !important; font-size: 11px; color: #777;}
			.comment-list .reply { left: 0;}


	}

	/* 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) {

		/** Main Content **/
		#main-content { width: 100%;}
		.main-content-inner { padding: 10px;}

		/** Article **/
		article.post { margin: 0 0 60px 0;}
			.post-content-inner, .inner-pad, .single-portfolio .inner-pad { padding: 0 3.5em;}

		/** Page **/
		#page .inner-pad { padding: 3.5em;}


		/** Single Portfolio **/
		.single-portfolio .inner-pad .col.span_5 { text-align: left;}
			.single-portfolio .inner-pad a.btn.right { float: left !important;}

		/* Grid */
		.col,
		.singlecol,
		.onethirdcol,
		.twocol,
		.twothirdcol,
		.threecol,
		.fourcol,
		.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) {

	}

	@media only screen and (max-width: 766px) {

	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {

		/** Left Sidebar **/
		#left-sidebar { height: inherit;}
		.page-id-256 #main-content {margin-top: 0px;}

	}

#left-sidebar nav ul li a:first-child {color:#FD8A13;}
#left-sidebar nav ul.sub-menu li a {color:black;}
#text-2 h5 {color:#FD8A13;font-family: Arial;font-weight: bold;}
#text-2 {font-family: Arial;}