/*
Theme Name: 3182 Plumbing
Theme URI: www.3182plumbing.com
Author: Ray Creations
Author URI: http://www.raycreationsindia.com
Description: A CMS Website for 3182 Plumbing.
Version: 1.0
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: gray, yellow, orange, light, blue, three-columns, right-sidebar, responsive-layout, custom-background, custom-header, custom-menu, featured-images, post-formats, sticky-post, theme-options, threaded-comments, translation-ready
Text Domain: 3182-plumbing
Domain Path: /languages/
*/

/**
 * Fonts - Declare @font-face here.
 * --------------------------------------------------------------------------- */

/**
 * Defaults
 * --------------------------------------------------------------------------- */

	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
	}
	
	article,
	aside,
	details,
	figcaption,
	figure,
	footer,
	header,
	hgroup,
	nav,
	section {
		display: block;
	}

	* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
	*:focus {outline: none;}
	:-moz-placeholder { color: #ccc; }
	::-webkit-input-placeholder {color: #ccc;}
	
	article, aside,	details, figcaption, figure, footer, header, nav, section, summary {display: block;}	
	audio, canvas, video { display: inline-block; }	
	[hidden] { display: none; }


/* === HTML === */
	html { font-size: 100%; background:#000; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
	html, button, input, select, textarea { font-family: "Open Sans", Arial, Helvetica, sans-serif; }
	

/* === Body === */
	body { font: 0.875em/1.7em 'Open Sans', Arial, Helvetica, sans-serif; color: #929393; margin: 0; }
	

/* === Links === */
	a { 
	color:#333; text-decoration:none; 
	-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; 
	-ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; 
	}
	a:hover{ color:#ccc;}
	a:focus { outline: thin dotted; }
	
	hr{ border:0; border-bottom:1px dashed #ccc; background-color:#999; margin-bottom:40px; }
	
/* === Headers === */
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		clear: both;
		line-height: 1.3em;
		-webkit-font-smoothing: antialiased;
		color:#1f2649;
	}

	h1 { font-size: 2em; text-transform:uppercase; line-height:1.250em; display:block; margin: 0.625em 0; color:#ccc; font-weight:300;}
	h2 {font-size:1.6em; text-transform:uppercase; margin: 1em 0; font-weight:300; line-height:1em; position:relative; padding:0.4em 0; letter-spacing:1px; }	
	h3 {font-size: 1.4em; line-height:1.3em; margin: 1em 0; font-weight:300 !important; position:relative; color:#333;}
	h4 {font-size: 1.2em; margin: 1.3em 0; }	
	h5 {font-size: 0.9em; margin: 1.2em 0; }	
	h6 {font-size: 0.9em; margin: 1em 0; }
	
	h4, h5, h6{ text-transform:uppercase; font-weight:700; }
	
	p{ margin-bottom:25px; }
	
	.title{  }
	
	.text-lead{ font-size:1.2em; font-style:italic; color:#6CCECE; font-weight:700; }
	.lead{ clear:none !important; font-weight:300; color:#1f2649; text-transform:none; font-size:1.7em; letter-spacing:-1px; line-height:1.3em; margin-top:0; padding-top:0; }
	.center-title{ text-align:center !important; }
	.sub-text{ font-style:italic; color:#a4a1a1; font-size:12px; font-weight:300; text-transform:none; }
	
	.home #sidebar-secondary{ width:100% !important;  }
	
	
/* ======= Icons ======= */
	#menu-social li a::before,
	.call:before,
	.hentry ul li:before,
	#menu-secondary li a:before {
	  display: inline-block;
	  font-family: FontAwesome;
	  font-style: normal;
	  font-weight: normal;
	  line-height: 1;
	  -webkit-font-smoothing: antialiased;
	  -moz-osx-font-smoothing: grayscale;
	}
	
/* === Clear === */
	.clear{ clear:both; overflow:hidden; line-height:0; float:none; }
	.some_blank_space{ height:50px; clear:both; float:none; overflow:hidden; }
	

/* === Blockquotes, quotes, and cites === */

	blockquote { -webkit-hyphens: none;
			-moz-hyphens:    none;
			-ms-hyphens:     none;
			hyphens:         none;
			quotes: none;
			color: #767676;
			font-size: 19px;
			font-style: italic;
			font-weight: 300;
			line-height: 1.2631578947;
			margin-bottom: 24px;
			}
	
	blockquote blockquote { margin-left:10px; }
	blockquote p:last-child { margin:1em 0 0 0; }

	blockquote cite,
	blockquote small {
		color: #2b2b2b;
		font-size: 16px;
		font-weight: 400;
		line-height: 1.5; padding-top:15px;
	}
	

/* === Acronyms and abbreviations === */

acronym {}

abbr {}

/* === Code and Preformatted text === */

code { font-family: monospace, serif; font-family: 'courier new', monospace; font-size: 1em; }

pre { margin: 1em 0 1.5em 0; -webkit-font-smoothing: antialiased; white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

	pre code {}
	
	
/* === Prevents sub and sup affecting line-height in all browsers === */	
	sub, sup {
	    font-size: 75%;
	    line-height: 0;
	    position: relative;
	    vertical-align: baseline;
	}	
	sup { top: -0.5em; }	
	sub { bottom: -0.25em; }



/* === <address> tag === */

address {}

/* === Lists === */

ul { list-style-type:none; }
	ul li{ margin:0; padding: 0.5em 0; }
	ul ul li { list-style-type:disc; margin-left:30px; }

ol {}

	ol li {}

dl {}

	dt {}

	dd {}
	

/* === Tables === */

	table { 
		border-collapse: collapse; border-spacing: 0;
		border-width: 1px 0 0 1px;
		margin-bottom: 24px;
		width: 100%;
	}
	
	table,th,td { background-color:#f3f3f3; }

	caption { background-color:#ccc; color:#fff; }

	thead {}

	tfoot {}

	tbody {}

	tr {}

	th { border-width: 0 1px 1px 0;
		font-weight: bold; }

	td {border-width: 0 1px 1px 0;}

	
	/* wp-calendar <table> */
	
	#wp-calendar { line-height: 2; margin: 0;}
	
	#wp-calendar caption {
		font-weight: 700;
		line-height: 1.7142857142;
		text-transform: uppercase;
	}
	
	#wp-calendar thead th {
		background-color: rgba(255, 255, 255, 0.1);
	}
	
	#wp-calendar thead{ background-color:#999; color:#fff; }
	
	#wp-calendar tbody td,
	#wp-calendar thead th {
		text-align: center;
	}
	
	#wp-calendar tbody a {
		background-color: #ccc;
		color: #fff;
		display: block;
	}
	
	#wp-calendar tbody a:hover {
		background-color: #2dbdbd;
	}
	
	#wp-calendar tbody a:hover {
		color: #fff;
	}
	
	#wp-calendar #prev {
		padding-left: 5px;
	}
	
	#wp-calendar #next {
		padding-right: 5px;
		text-align: right;
	}
	
	/* Highlight Boxes */
	.highlight-box{ background-color:#f7941d; padding:20px 25px; color:#fff; font-size:13px; border-radius:4px; border-bottom:4px solid #EB7304; }
	.highlight-box h4{ margin-top:0; color:#fff; margin-bottom:1em; }
	.highlight-box a { color:#fff; text-decoration:underline; }
	.highlight-box strong{ color:#fff !important; text-transform:uppercase;}
	
	/* sub-pages-list */
	.sub-pages-list{margin:2em 0;}
	.sub-pages-list li{ padding:0.2em 0; list-style:none; margin:0; position:relative; }
	.sub-pages-list li a:before{ content: "\f0a4"; font-family:FontAwesome; font-weight:normal; margin-right:10px; }
	.sub-pages-list li a{ 
		display:block; 
		background: #999;
		color: #fff; font-weight:700;
		padding: 14px 20px;
		background-size: 8px 7px;
	}
	
	/* Current page item */
	.sub-pages-list li.current_page_item a, 
	.sub-pages-list li.current_page_item a:hover { background-color:#6066bb; }	
	.sub-pages-list li a:hover{ background-color:#6066bb; }
	
	.sub-pages-list ul{ display:none; position:absolute; z-index:9999; top:0; }	
	.sub-pages-list li:hover > ul { display:block; }
	
	.sub-pages-list li:hover a { background:#1f2649;}
	
	body.singular-page-7 .hentry{ margin-bottom:0;  padding-bottom:0;  }
	
	/* Different Background color */
	body.singular-page-7 .sub-pages-list li:nth-child(1) a{ background-color:#1f2547; }
	body.singular-page-7 .sub-pages-list li:nth-child(2) a{ background-color:#01a6e4; }
	body.singular-page-7 .sub-pages-list li:nth-child(3) a{ background-color:#f19421; }
	body.singular-page-7 .sub-pages-list li:nth-child(4) a{ background-color:#06a251; }

	
	
	/* Layout One column */
		
	body.layout-1c .sub-pages-list{margin:0;}
	body.layout-1c .sub-pages-list li{ padding:0.2em 0; float:left; }
	body.layout-1c .sub-pages-list li a{ display:inline-block; }
	
	

/* === Embeds === */

/* Make sure embeds and iframes fit their containers */

embed,
iframe,
object,
video,
audio,
canvas {
	margin-bottom: 10px;
	width: 100% !important;
}

.fluidvids, .singular .fluidvids {
	box-shadow: 4px 4px 0 0 rgba(49,49,46,0.1);
	margin:0;
}

.singular .fluidvids{ margin:0 0 30px 0; }

/* === Forms === */

/* Contact form 7 Styles */
span.wpcf7-not-valid-tip{ background-color:red; color:#fff !important; font-size:0.7em !important; padding:4px 10px; border-radius:4px; display:block !important; width:100%; }
.contact-info{ width:100%; }

form {}

	fieldset {}

		fieldset legend {}

	label { text-transform: uppercase; font-weight: 700; margin: 4px 0; display: block; }
	
	button,
	input,
	select,
	textarea {
		margin:0; padding:0.5em 0.7em; border:2px solid #ccc; border-radius:2px; max-width:99%; color:#666;
		/* Transition Effect */
		-webkit-transition: all 0.10s ease-out; -moz-transition: all 0.10s ease-out; -o-transition: all 0.10s ease-out; 
		-ms-transition: all 0.10s ease-out; transition: all 0.10s ease-out;
	}
	
	/* Input Focus Style */
	input:focus, textarea:focus{
		border: 2px solid #CD1B28;	
	}

	/* Not all types, but these are more common for themes. */
	input[type=button] {}
	input[type=checkbox] {}
	input[type=email] {}
	input[type=password] {}
	input[type=radio] {}
	input[type=reset] {}
	input[type=search] {}
	input[type=submit] {}
	input[type=text] {}
	input[type=url] {}

	textarea {}

	select {}

		select optgroup {}

		select option {}

	.button, button, input[type=button], input[type=reset], input[type=submit] {
		border:none; display:inline-block; vertical-align:top; 
	 	padding:0.9em 2em; margin:0 10px 15px 0; font-weight:700;
	 	border-radius:3px; cursor: pointer; text-align:center;
	 	font-size:0.99em; text-transform:uppercase; text-decoration:none;
	 	/* Box Shadow */
		-moz-box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.33);
		-webkit-box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.33);
		box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.33);
		/* Background */
		background-color:#6066bb;
		border-bottom:3px solid #484ea2;
		color:#fff;
	}
		
	input[type=reset]{ background-color:#666; color:#fff; }	
	.button:hover, button:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover { background-color:#f7941d; color:#fff; }	
	button[disabled], input[disabled] { cursor: default; }
	

/* === Alignement (WP classes) === */

.alignleft { float:left; margin:7px 24px 24px 0; clear:left; }

.alignright { float:right; margin:7px 0 24px 24px; clear:right; }

.aligncenter { margin-bottom:24px; }

.alignnone { margin-bottom:24px; }


/**
 * Images
 * --------------------------------------------------------------------------- */

img { max-width: 100% !important; height: auto; box-shadow: 4px 4px 0 0 rgba(49,49,46,0.1); border-radius: 2px; }

	a img {}
	
	.comment-content img, .entry-content img, .entry-summary img, #site-header img, .widget img, .wp-caption {
		max-width: 100%;
	}

/* === WP editor image sizes === */

img.size-thumbnail {}

img.size-medium {}

img.size-large {}

img.size-full { max-width:100%; margin-bottom:25px; }

/* === Thumbnails === */

.thumbnail {}

/* === Captions === */

.wp-caption {  }
.wp-caption-text {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 12px;
	font-style: italic;
	line-height: 1.5;
	margin: 9px 0;
	padding-right: 10px; color:cornflowerblue;}

	.wp-caption img {}

	.wp-caption-text {}

		.wp-caption-text a {}
		.wp-caption-text a:hover {}

/* === Gallery === */

.gallery {}

	.gallery .gallery-item {}

		.gallery-icon {}

			.gallery .gallery-icon img {}

		.gallery .gallery-caption {}

/* === Avatars === */

.avatar {}

	a .avatar { float: left; }
	a:hover .avatar {}

/**
 * Layout
 * --------------------------------------------------------------------------- */

	#container { width:100%; margin:0 auto; }
	
	.content-skeleton { 
		max-width:980px; margin:auto; position:relative; clear:both; text-align:left;
		/* Transition Effect */
		-webkit-transition: all 0.4s ease-out;
		-moz-transition: all 0.4s ease-out;
		-o-transition: all 0.4s ease-out;
		-ms-transition: all 0.4s ease-out;
		transition: all 0.4s ease-out;
		}

		.layout-1c #container {}
		.layout-2c-l #container {}
		.layout-2c-r #container {}
		.layout-3c-l #container {}
		.layout-3c-r #container {}
		.layout-3c-c #container {}

		#header {
			z-index:9999; padding:30px 0; position:relative;
			background:#fff; 
			-moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.53);
			-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.53);
			box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.53);
		}

		#menu-primary {}

		#menu-secondary { width:100%; }

		#main { max-width: 980px; margin:auto; padding: 3em 0 2em 0; word-wrap: break-word; word-break: normal; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; }

			#content { margin:0; padding:0;}

			#sidebar-primary {}

			#sidebar-secondary {}

		#menu-subsidiary {}

		#sidebar-subsidiary {}

		#footer {}

/**
 * Header
 * --------------------------------------------------------------------------- */

#header {}

	.call-us{ color:#999; font-size:1.2em; padding:30px 0 0 0; font-weight:300; text-align:center; display:block; position:relative;}
	.call-us span{padding:0 7px; background-color:#6066bb; color:#fff; border-radius:3px; font-size:14px; height:20px; line-height:20px; }

	#branding {}

		#site-title { display:block; text-align:center; }
		#site-title img{ box-shadow:none; }

			#site-title a {}
			#site-title a:hover {}

		#site-description {}
		

/**
 * Menus
 * --------------------------------------------------------------------------- */

.menu-toggle {}

/* ====== Primary Menu ====== */

#menu-primary {}

	#menu-primary .wrap {}

		#menu-primary ul {}

			#menu-primary ul ul {}

			#menu-primary li {}
			#menu-primary li.current-menu-item {}

				#menu-primary li a {}
				#menu-primary li a:hover {}

/* ====== Secondary Menu ====== */

#menu-secondary {width:100%; background-color:#484ea2; margin-top:8px; } 

	#menu-secondary .wrap {background-color:#484ea2;}

		#menu-secondary ul {margin:0 auto; list-style-type:none; width:100%; padding:0px;}

			#menu-secondary ul ul {}

			#menu-secondary li { margin:0; padding:0; }
			#menu-secondary li.current-menu-item {}

				#menu-secondary li a {text-align:center; font-weight:700; line-height:16px; font-size:13px; padding:25px 15px; text-decoration:none; color:#fff; display:block; }
				#menu-secondary li a:before{ content: "\f058"; margin-right:10px; color:rgba(0,0,0,0.2); font-size:1.4em; line-height:1em; }
				#menu-secondary li a:hover { background-color:rgba(0,0,0,0.1); }
				#menu-secondary li:hover > a:before{ content:none; }

/* ====== Subsidiary Menu ====== */

#menu-subsidiary {}

	#menu-subsidiary .wrap {}

		#menu-subsidiary ul {}

			#menu-subsidiary li {}
			#menu-subsidiary li.current-menu-item {}

				#menu-subsidiary li a {}
				#menu-subsidiary li a:hover {}


/**
 * Social
 *---------------------------------------------------------------------------- */
  	.social{ display:inline-block; margin:20px 0 5px 0; padding:5px 0; font-size:12px; border-top:2px solid rgba(0,0,0,.2); border-bottom:2px solid rgba(0,0,0,.2); }
  	.social #menu-social{ display:inline-block; }
  	#menu-social li{ display:inline-block; }
	#menu-social li a{ display:inline-block; text-align:center; width:22px; height:22px; line-height:22px; border-radius:50%; color:#fff; }
	#menu-social li a::before{
	  display: inline-block;
	}
	
	#menu-social li a:hover{ background-color:#fff; color:#000; }
	
	#menu-social li a::before        { content: '\f005'; padding: 0 3px; }
		
	#menu-social li a[href*="dribbble.com"]::before    { content: '\f17d'; }
	#menu-social li a[href*="facebook.com"]::before    { content: '\f09a'; }
	#menu-social li a[href*="flickr.com"]::before      { content: '\f16e'; }
	#menu-social li a[href*="plus.google.com"]::before { content: '\f0d5'; }
	#menu-social li a[href*="github.com"]::before      { content: '\f113'; }
	#menu-social li a[href*="instagram.com"]::before   { content: '\f16d'; }
	#menu-social li a[href*="linkedin.com"]::before    { content: '\f0e1'; }
	#menu-social li a[href*="pinterest.com"]::before   { content: '\f0d2'; }
	#menu-social li a[href*="polldaddy.com"]::before   { content: '\f217'; }
	#menu-social li a[href*="getpocket.com"]::before   { content: '\f224'; }
	#menu-social li a[href*="reddit.com"]::before      { content: '\f222'; }
	#menu-social li a[href*="skype.com"]::before,
	#menu-social li a[href*="skype:"]::before          { content: '\f220'; }
	#menu-social li a[href*="stumbleupon.com"]::before { content: '\f223'; }
	#menu-social li a[href*="tumblr.com"]::before      { content: '\f214'; }
	#menu-social li a[href*="twitter.com"]::before     { content: '\f099'; }
	#menu-social li a[href*="vimeo.com"]::before       { content: '\f212'; }
	#menu-social li a[href*="wordpress.org"]::before,
	#menu-social li a[href*="wordpress.com"]::before   { content: '\f205'; }
	#menu-social li a[href*="youtube.com"]::before     { content: '\f213'; }
	#menu-social li a[href*="feed"]::before       { content: '\f09e'; }



/**
 * Important Text
 *---------------------------- */
 
 .header-content-wrap{ width:100%; float:none; }
 .call:before{ content:'\f095'; color:#fff; margin-right:10px; font-size:26px; }
 .learn .sub-text { display:block; }
 .call{ border-radius:4px; background-color:rgba(0,0,0,.3); padding:10px; color:#fff; margin:0 0 0.5em 0; }
 .learn{ margin:0.5em 0; }


/**
 * Slider
 *-------------------------------- */
 
 .slider-wrap{ position:relative; clear:both; width:100%; }	
 	.flexslider .flex-caption{ display:none !important; }



/**
 * Content
 * --------------------------------------------------------------------------- */

/* ====== BREADCRUMBS ====== */

		.breadcrumb-trail {
			display:inline-block;
			padding: 0 0 0.5em 0;
			font-size: 0.90em;
			color:#ccc;
			border-bottom:1px solid #f2f2f2;
		}
	
		.breadcrumb-trail .trail-begin {}	
		.breadcrumb-trail .trail-end { color:#787777; margin-left:0.5em; }	
		.breadcrumb-trail .sep {}	
		.breadcrumb-trail a { color:#ccc; text-decoration:none; margin:0 0.3em; }
		.breadcrumb-trail a:hover { color:#333; }
		
		
/* ====== PAGES ====== */

	/* === Page Header === */
	
	.page-header-image{ padding:0 !important; margin:0 !important; background-color:#000; max-height:180px; clear:both; overflow:hidden;  }
	.page-header-image img{ width:100%; height:auto; border-radius:0; box-shadow:none; opacity:0.88; }	
	.home .page-header-image{ height:auto; max-height:none; position:relative; }
	
	.home .page-header-image aside{ padding:20px 10%; margin:auto; background-color:#666; }
	.home .page-header-image aside h2{ display:block; color:#fff; text-align:center; margin-bottom:0; }
	.home .page-header-image aside .banner-call{ text-align:center; color:#fff; font-size:2em; line-height:1em; margin-bottom:20px; }
	.home .page-header-image aside .banner-call span{ display:inline-block; background-color:#6066bb; padding:0 6px; font-size:12px; border-radius:2px; color:#fff; line-height:20px; height:20px; }
	
/* ====== POSTS ====== */

.hentry {
	position: relative;
	text-align: left;
	margin-bottom: 2em; padding-bottom:1em;
	/* Transition */
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;	
}	

	.home .hentry{ margin-bottom:0; padding-bottom:0; }
	
	.hentry strong{ color:#000; }
	.hentry ul{ position:relative; margin-bottom:30px; }
	.hentry ul li{ margin-left:22px; border-bottom:1px solid #f3f3f3; }
	.hentry ul li:before{ content:'\f18e'; margin:0 8px 0 -20px; }
	
	/* flexslider */
	.hentry .flexslider{ border-bottom:none; background:none; }
	.hentry .flexslider img{ box-shadow: 4px 4px 0 0 rgba(49,49,46,0.1) !important; border-radius: 4px !important; }
	.hentry .flexslider ul{ margin-bottom:0; }
	.hentry .flexslider li{ margin-left:0; border-bottom:none !important; }
	.hentry .flexslider li:before{ content:none !important; }
	.hentry .flexslider .flex-direction-nav{ padding: 0 8%; }
	
	.sticky {}

	/* === Post Header === */

	.entry-header,
	.entry-content,
	.entry-footer,
	.entry-summary { }
	
	.entry-header{ margin: 2em 0 1.5em 0; }
	.entry-summary{ padding-bottom:0; padding-top:0.3em; }
	.entry-video,
	.entry-audio { padding:0.5em 1.5em; }

		.entry-title { margin: 0; padding: 0.2em 0; color: #6066bb; font-weight: 800 !important; text-transform: uppercase; line-height: 1.2em; }

			.entry-title a { color: #000; text-decoration: none; }
			.entry-title a:hover { color:#2dbdbd; }

		.entry-byline, .entry-meta { clear: both; font-size: 10px; font-weight: 400; line-height: 20px; text-transform: uppercase; }

			.entry-byline a {}
			.entry-byline a:hover {}

			.entry-byline .published {}

	/* === Post content and excerpts === */

	.entry-content { margin: 0; }

	.entry-summary {}

	/* === Post Footer === */

	.entry-footer { }
		.entry-meta{ /* border-top:1px solid rgba(0,0,0,0.06); */ padding:10px 0; }

			.entry-meta a {}
			.entry-meta a:hover {}

			.entry-meta .published {}

			.entry-meta .category {}
			.entry-meta .post_tag {}
			
			/* Tag links style */
		
			.entry-meta .post_tag a {
				background-color: #D1CDCD;
				border-radius: 0 2px 2px 0;
				color: #fff !important;
				display: inline-block;
				font-size: 11px !important;
				font-weight: 700;
				line-height: 1.2727272727;
				margin: 2px 4px 2px 10px;
				padding: 3px 7px;
				position: relative; transition:none; text-transform: uppercase;
			}
			
			.entry-meta .post_tag a:hover {
				background-color: #2dbdbd;
				color: #fff;
			}
			
			.entry-meta .post_tag a:before {
				border-top: 10px solid transparent;
				border-right: 8px solid #D1CDCD;
				border-bottom: 10px solid transparent;
				content: "";
				height: 0;
				position: absolute;
				top: 0;
				left: -8px;
				width: 0;
			}
			
			.entry-meta .post_tag a:hover:before { border-right-color: #2dbdbd;}
			
			.entry-meta .post_tag a:after {
				background-color: #fff;
				border-radius: 50%;
				content: "";
				height: 4px;
				position: absolute;
				top: 8px;
				left: -2px;
				width: 4px;
			}
			

	/* === Asides === */

	.format-aside {}

		.format-aside .entry-content a.permalink {}

	/* === Chats === */

	.format-chat {}

		.format-chat .chat-row {}

			.format-chat .chat-text {}

			.format-chat cite {}

			.format-chat .chat-speaker-1 {}
			.format-chat .chat-speaker-2 {}
			.format-chat .chat-speaker-3 {}
			.format-chat .chat-speaker-4 {}
			.format-chat .chat-speaker-5 {}
			.format-chat .chat-speaker-6 {}
			.format-chat .chat-speaker-7 {}
			.format-chat .chat-speaker-8 {}
			.format-chat .chat-speaker-9 {}

	/* === Links === */

	.format-link {}

		.format-link .entry-title {}

			.format-link .entry-title a {}
			.format-link .entry-title a:hover {}

				.format-link .entry-title a .meta-nav {}

	/* === Galleries === */

	.format-gallery {}

		.format-gallery .image-count {}

	/* === Quotes === */

	.format-quote { background-color: #fce66f !important; padding-top:1em; }
	.format-quote .entry-content{ margin:0; padding-bottom:0; }
	.format-quote .entry-footer{ margin:0; padding-top:0; }
	
		.format-quote blockquote:before{ 
				content: "\f10d";
				font-family: fontawesome;
				position: static;
				color: #fff;
				font-style: normal;
				font-size: 2em;
				width: 80px;
				color: #f8d04c;
			}

		.format-quote blockquote { /* border:2px dashed rgba(0,0,0,0.06); padding:20px; */ color:#333; font-weight:300; }

			.format-quote blockquote cite { text-transform:uppercase; font-size:0.6em; font-style:normal; }
			.format-quote blockquote cite:before{ content: "-"; margin-right: 4px; }

	/* === Status updates === */

	.format-status

		.format-status .avatar {}

	/* === Audio and Video === */

	.format-video {}
	.format-audio {}


/* ====== Attachment Meta (on image attachment pages) ====== */

.attachment-meta {}

	.attachment-meta .image-gallery {}

	.attachment-meta .image-info {}

		.image-info ul {}

			.image-info ul li {}

				.image-info .prep {}

				.image-info .image-data {}


/* ====== LOOP META ====== */

.loop-meta {}

	.loop-title {}

	.loop-description {}

/* ====== PAGINATION ====== */

/* === Single posts using <!--nextpage--> === */

.page-links {}

	.page-links .before {}

	.page-links a {}
	.page-links a:hover {}

/* === Single post navigation (between different posts) === */

.loop-nav {}

	.loop-nav a {}
	.loop-nav a:hover {}

	.loop-nav a[rel=prev] {}

	.loop-nav a[rel=next] {}

/* === Archive-type pages === */

.loop-pagination { margin:1em 0; }

	.loop-pagination .page-numbers { padding:0.4em 1em; margin:0.2em; border:2px solid #e2e2e2; border-radius:2px; display:inline-block; }
		.loop-pagination .next{ 
				-moz-box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.33);
				-webkit-box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.33);
				box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.33);
				border:none;
				background-color: #2e5388;
				border-bottom: 3px solid #1f2649;
				color: #fff;
			}

	.loop-pagination a.page-numbers {}
	.loop-pagination a.page-numbers:hover { background-color: #f7941d; color:#fff; border-color:#F86706; }

	.page-numbers.current {}

/* === Comments pagination === */

.comments-nav {}

	.comments-nav a {}
	.comments-nav a:hover {}

	.comments-nav .page-numbers {}

/**
 * Sidebars and widgets
 * --------------------------------------------------------------------------- */

/* ====== General ====== */

.sidebar {}

	.widget {}

		.widget-title { font-size:2.5em; font-weight:300; margin: 0.625em 0 1em 0; line-height:1.1em; }
		
		.widget_recent_entries li { border-bottom: 1px solid rgba(0,0,0,0.1); }
			.widget_recent_entries li a{ font-weight: 700; text-decoration:none; line-height: 14px!important; }
			.widget_recent_entries .post-date{ color: #928f8f; font-style: italic; font-size: 0.8em; display: block; }
			

/* ====== Specific ====== */

#sidebar-primary {}
	#sidebar-primary .widget-title{ background:#52ABFD url(images/triangle-arrow-white.png) no-repeat 96% 80%; color:#fff; display:block; padding:14px 20px; background-size: 8px 7px; }

#sidebar-secondary {}

#sidebar-subsidiary {}

#sidebar-header {}

#sidebar-before-content {}

#sidebar-after-content {}

#sidebar-after-singular {}


/**
 * Comments Template
 * --------------------------------------------------------------------------- */
 	
	.comments-area { text-align:left; margin:3em 0; }
	.comments-area .comments-title,
	.comments-area .comment-reply-title { color:#333; text-transform:uppercase; font-weight:700; font-size:1.1em; margin:4.5em 0; position:relative; }
		.comments-area .comments-title:after,
		.comments-area .comment-reply-title:after { content:""; width:80px; height:4px; background-color:#666; display:block; margin-top:0.7em; }
	.comments-area ol{ list-style-type:none; margin:0; padding:0; }
	.comments-area ol li{ margin:0.5em 0; padding:0; }
	.comment-awaiting-moderation { background-color:#fff799; border:1px solid #f1c866; border-radius:2px; padding:0 1em; font-style:italic; color:#333; }
	
	.bypostauthor{
		margin:0.5em 0;
	}
	.comments-area .children{ margin: 0 0 0 5px; padding:0; }
	.comments-area .comment { border-bottom:1px solid #dddbdb; position:relative; padding-bottom:1.5em; margin-bottom:1.5em; margin-top:3.5em !important; }
		.comments-area .comment:last-child {  }
	.comments-area .the_author { background-color:#F7E040; border-radius:2px; display:block; width:60px; text-align:center; line-height:1em; font-size:0.8em; padding:0.3em 0.3em 0.5em 0.3em; color:#333; }
	.comments-area .comment_author { color:#333; margin-bottom:0; clear:none; font-weight:700; font-size:1.1em; }
	.comments-area .comment_author a { color:#09A7A7; }
		.comments-area .comment_author a:hover { color:#E76D04; }
	.comments-area .comment-time{ color:#999; font-size:0.8em; }
	.comments-area .comment-author-avatar img.avatar{ width:60px; height:60px; border-radius:50%; border-bottom: 3px solid #C0BBBB; border-right: 2px solid #B4B1B1; }
	.comments-area .comment-author-avatar{ float:left; margin:0 1em 1em 0; }
	.comments-area .comment-content{ margin:1em 0 1em 1em; padding:0 0 0 90px !important; }
	.comments-area .comment-reply a{ padding:0.3em 1.5em 0.5em 1.5em; font-size:0.8em; border-radius:2px; background:#CFCDCB; color:#fff; }
		.comments-area .comment-reply a:hover { background:#333; }
		
	/* Comment Area */
	.comment-form-author input[type=text],
	.comment-form-email input[type=email],
	.comment-form-url input[type=url] { width:99%; }
	.comment-form-comment textarea { width:100%; overflow:hidden; clear:both; }
 
 

#comments-template {}

/* ====== COMMENTS ======= */

#comments {}

	#comments-number {}

	/* === Comments closed message === */

	.comments-closed {}

	.comments-closed.pings-open {}

	/* === Comment list === */

	ol.comment-list {}

		ol.comment-list ol.children {}

		/* === Individual comments */

		li.comment {}

		li.ping {}

		li.bypostauthor {}

			/* === Avatars === */

			.comment-list .avatar {}

			/* === Meta === */

			.comment-meta { margin: 1em; padding-left: 90px;}

				.comment-author {}

					.comment-author cite {}

				.comment-meta .published {}

			/* === Comment text/content === */

			.comment-content { margin: 1em 0 1em 1em; padding-left: 90px; }


			/* === Reply link === */

			.comment-reply-link {}
			.comment-reply-link:hover {}


/* ====== RESPOND (COMMENT FORM) ====== */

#respond {}

	#reply-title {}

		#reply-title small {}

	#respond .log-in-out {}

	#respond label {}

		#respond label .required {}

	#respond input[type=text] {}
	#respond input[type=text]:focus {}

	#respond input[type=url] {}
	#respond input[type=url]:focus {}

	#respond input[type=email] {}
	#respond input[type=email]:focus {}

	#respond input[type=submit] {}
	#respond input[type=submit]:focus {}
	#respond input[type=submit]:hover {}

	#respond textarea {}
	#respond textarea:focus {}


/**
 * Footer
 * --------------------------------------------------------------------------- */

#footer { background:#000; color:#ccc; font-size: 1.01em; padding:20px; }

	#footer	.widget{
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding: 0 0 30px 0;
		width: 100%;
	}
	
	#footer .widget-title{ color:#fff; }
	
	#footer .widget li{ border-bottom:1px solid #868585; }
		#footer .widget .nav-menu a { line-height:normal; }
		#footer .widget li:last-child{ border-bottom:none; }

	#footer .copyright { margin-bottom:0; text-align:center; }

	#footer .credit { color:#666; font-style:italic; margin-top:20px; text-align:center; }
		#footer .credit a{ color:#666; }	
	#footer .extream-footer-row{ color:#b7b7b7; text-align:center; padding:10px 0;}

	#footer a { color:#dadada; text-decoration:none; }
	#footer a:hover { color:#fff; }
	
	#footer ul{ text-align:center; }
	#footer .footer-menu{  text-align:center; }
	#footer .footer-menu ul{ margin:auto; padding:0; text-align:center; }
		#footer .footer-menu ul li{ display:inline; color:#ccc; text-transform:lowercase; }
		#footer .footer-menu a {text-decoration:none;}
		#footer .footer-menu a:hover{ color:#fff; }
		#footer .footer-menu ul li:after{ content:'/'; margin-left:10px; }



/**
 * Media Queries
 * --------------------------------------------------------------------------- */
 	
	/* Up to Mobile Landscape Size */
	@media only screen and (max-width: 479px) {
						
		#site-title{ } #site-title img{ width:90%; }
		#socials{position:absolute; top:4em; left:7%; padding:0.4em 0; z-index:9999; width:100px; height:40px; }
		
		.column-grid-2 .column-span-1 {
			width: 100%;
		}
		
	}
	
	@media screen and (max-width: 960px) {
		.content-skeleton{ padding:0 8%; }
		/* Recent work - 2 column */
		.recent-work ul.recent-portfolio-list li{ width:50%; float:left; }
		#crumbs{ position:absolute; right:8%; top:0; }
		#main {
			padding:20px 8%;
		}
	}

	/* Upwards of Mobile Landscape Size  */
	@media only screen and (min-width: 480px) {
		.featured-buttons li { float:left; width:50%; background-position:96% 90%;}
		.home .page-header-image aside p{ font-size:1.5em; }
		.home .page-header-image aside .call-us{ font-size:1em;  }
	}
	
	/* Tablet Portrait */
	@media only screen and (min-width: 768px) {
		.welcome-title:before{ font-family:FontAwesome; color:#000; content: "\f0ad"; width:50px; height:50px; display:inline-block; width:80px; height:90px; line-height:80px; float:left; font-size:1.5em; }
	}
	
	/* Max Screen size 960 */
	@media screen and (max-width: 960px) {
	}
		
	/* Beyond standard 960 */
	@media only screen and (min-width: 960px) {
	
		/* Typography */
		h1 { font-size: 3em; line-height:1em; margin: 0.625em 0 1em 0;}
		h2 { font-size:1.6em; margin:0 0 0.5em 0; line-height:1.2em; position:relative;}	
		h3 {font-size: 1.8em; line-height:1.2em;}
		h4 {font-size: 1.3em;}	
		h5 {font-size: 1.22em;}	
		h6 {font-size: 1em;}
		.lead{ font-size:2.3em; line-height:1.3em; }		
		.call-us{ font-size:3.5em; line-height:0.8em; position:absolute; top:15px; right:0; padding:0 0 0 60px; }
		.call-us span{position:absolute; top:5px; left:0; }
		
		.title{ font-size:2.5em; font-weight:300; margin: 0.625em 0 1em 0; line-height:1.1em; }
		
		.home .page-header-image aside{ position:absolute; background-color:transparent; z-index:9; bottom:15%; width:90%; margin:auto; left:0; right:0; font-size:1.8em; text-align:left; }
		.home .page-header-image aside h2,
		.home .page-header-image aside .banner-call { text-align:left; }
		
		/* Header Elements */
		#site-title{ float:left; }
		.header-content-wrap{ float:right; width:80%; }
			.social{ display:inline-block; float:right; border:none; margin:10px 0 0 0; }
			.social #menu-social{ margin-left:10px; }
			.learn{ float:left; margin:70px 0 0 0 !important;  }
			.call:before{ color:#ccc; }
			.call{ background:url(images/border.png) repeat-y; background-color:transparent; color:#1f2649; border-radius:0; padding-left:20px; float:right; margin-top:70px; }
			.learn, .call { clear:none;  }
			.learn .sub-text { display:inline-block; }
			.header-content-wrap .wrap{ clear:right; overflow:hidden; }

		/* Featured Buttons ( Above the Slider on Homepage ) */
		.featured-buttons{ max-width:980px; margin:auto; position:absolute; z-index:99999; bottom:40px; left:0; right:0; }
 		.featured-buttons li { float:left; width:23.5%; margin-right:2%; margin-bottom:10px; background-position:96% 90%;}
 			.featured-buttons li a{ padding:20px 0; }
		.featured-buttons li:last-child{ margin-right:0; }
		
		.contact-info{ width:60%; }
			
		#header,
		#footer {
		}
	
		#main { }
		
		/* Page id 7 */
		body.singular-page-7 .sub-pages-list{ padding-bottom:120px; }
		
		#menu-secondary .wrap{ max-width:980px; margin:auto; }
		#menu-secondary li{ display:inline-block; width:16%; float:left; }
		#menu-secondary li a{  display:inline-block; text-align:left; position:relative; padding:50px 30px; height:140px; }
		#menu-secondary li a:before{ position:absolute; left:0; top:55px;  }
		
	
		/* 2c-l */
		.layout-2c-l #content {
			float: left;
			width: 63%;
			margin-right:5%;
		}
		.layout-2c-l #sidebar-primary,
		.layout-2c-l #sidebar-secondary {
			float: right;
			width: 32%;			
		}
		.layout-2c-l #sidebar-secondary {
			clear: right;
		}
	
		/* 2c-r */
		.layout-2c-r #content {
			float: right;
			width: 63%;
			margin-left:5%;
		}
		.layout-2c-r #sidebar-primary,
		.layout-2c-r #sidebar-secondary {
			float: left;
			width: 32%;			
		}
		.layout-2c-r #sidebar-secondary {
			clear: left;
		}
		
		/* Footer */
		#footer nav#menu-subsidiary{ float:right; }
		#footer .copyright{ float:left; }
		#footer .credit{ clear:both; text-align:right;}
		#footer #menu-social{ position:absolute; right:0; top:0; }
		
		/* Contact Form */
		.contact-form input[type=text],
		.contact-form input[type=email] { width:45%; float:left; }
		
		.contact-form input[type=text]:first-child,
		.contact-form input[type=email]:first-child{ margin-right:5%; }
		
		.contact-form p{ clear:both; overflow:hidden; margin-bottom:30px;}
		.contact-form .wpcf7-list-item { width:40%; margin-right:7%; float:left;}
		.contact-form textarea{ height:150px; }
				
				
	}
	
	/* big screen */
	
	@media only screen and (min-width: 1220px) {}	
	@media only screen and (min-width: 1420px) {}
 


/**
 * Clearing Floats
 * --------------------------------------------------------------------------- */

.clearall{ clear:both; float:none; overflow:hidden;}

.clearfix::after, 
#header::after, 
#branding::after, 
#menu-secondary::after, 
#menu-primary .wrap::after, 
#menu-secondary .wrap::after, 
#main::after, 
#sidebar-subsidiary::after, 
.comment-respond::after, 
.entry::after, 
.entry-content::after, 
.entry-summary::after, 
.loop-meta::after, 
li.comment::after, 
li.comment>article::after, 
li.ping::after, 
.loop-nav::after, 
.attachment-meta::after, 
.media-info::after, .media-info ul li::after, .media-shortcode-extend::after, 
.widget::after, .whistles::after, .whistle-content::after {
	content:    ".";
	display:    block;
	height:     0;
	clear:      both;
	visibility: hidden;
}