/*
Theme Name: Ecoline
Theme URI: https://www.threepinesbuilders.co.uk/
Description: Custom responsive theme for Ecoline, based on Twitter Bootstrap.
Version: 1.0
Author: Ascendancy Internet Marketing
Author URI: http://www.ascendancyinternetmarketing.com
Text Domain: threepines
*/

/* ==== Layout for desktop version ====   */

	/* Setting up the various divs and background properties */

		body {
			font-family: 'Montserrat', sans-serif;
			font-size: 14px;
			line-height: 22px;
			font-weight: normal;
			word-wrap: break-word;
			color: #161616;
			text-align: left;
			background: #fff;
		}
		
		.content.side {
			margin: 6em 4em 5em 4em;
		}
		
		.content.page {
			min-height: 400px;
			margin: 6em 4em 5em 4em;
		}
		
		
		/* Small gutters */
		
		.row.small-gutter {
			padding-left: 8px;
			padding-right: 8px;
		}
		
			.small-gutter > [class*='col-'] {
				padding-right: 8px;
				padding-left: 8px;
			}
			
		/* No gutters */
		
		.container-fluid.no-gutter {
			padding: 0;
			margin: 0;
		}
		
		.row.no-gutter {
			padding-left: 0;
			padding-right: 0;
		}
		
			.no-gutter > [class*='col-'] {
				padding-right: 0px;
				padding-left: 0px;
			}
			

		.whitebg {
			background-color: #fff;
		}
		
		.greenbg {
			background-color: #88c438;
		}
		
		.greybg {
			background-color: #f0f0f0;
		}
		
		.bgimage {
			position: absolute;
			width: 100%;
			height: auto;
			text-align: center;
			background: #fff;
			z-index: -1;
		}
		
		.bgimage:after {
			position: absolute;
			content: '';
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			background: rgba(255,255,255,0.9);
			background: linear-gradient(rgba(255, 255, 255, 0.9),rgba(255, 255, 255, 1));
		}

		.clearfix {
			clear: both;
		}
		
		.hide {
			visibility: hidden;
			display: none;
		}
		
		.breadcrumb {
			background: none;
			padding: 0;
			margin: 1em 0 0;
		}
		
		 iframe {
			max-width: 100%;
			border: 0 none;
		}
		
		.editlink {
			margin-bottom: 1em;
			display: block;
			clear: both;
		}
		
			.editlink .icon {
				position: relative;
				margin-right: 0.3em;
			}
			
		.border-top {	
			border-top: 1px solid #cfcfcf;
		}
		
		.border-left {
			border-left: 1px solid #bebdbd;
		}
		
		.border-right {
			border-right: 1px solid #bebdbd;
		}
		
		.inner {
			padding: 5em;
		}
		
	/* Top Header styling */

		header.top {
			padding: 0;
			border-bottom: 1px solid #bebdbd;
			background: #fff;
			-webkit-box-shadow: 0 0 30px 0px rgba(0,0,0,0.3);
			-moz-box-shadow: 0 0 30px 0px rgba(0,0,0,0.3);
			box-shadow: 0 0 30px 0px rgba(0,0,0,0.3);
		}
		
		header.top .logo {
			display: block;
			width: 100%;
			text-align: center;
		}
		
			header.top .logo img {
				margin: 2em 0;
			}

			header.top .contact-strap {
				padding: 1em 0;
				text-align: right;
			}
			
			header.top .strapline {
				font-size: 1.4em;
				line-height: 1.1em;
				margin: 0 0 0.3em;;
			}
		
			header.top .contact {
				text-align: right;
				font-size: 0.8em;
				line-height: 1.1em;
			}
			
		
		header.top .contact a, header.top .contact a:hover, header.top .contact a:focus {
			color: #fff;
			text-decoration: none;
		}
		
			header.top .contact .item {
				font-size: 1.5em;
				display: inline;
				color: #fff;
				margin-left: 0.6em;
			}
			
			header.top .contact .item:first-of-type {
				margin-left: 0;
			}
			
			header.top .contact .item:last-of-type {
				margin-right: 1em;
			}
			
			.item.call {
				padding-right: 0.6em;
				border-right: 2px solid #fff;
			}
			
				.item.call .icon.phone {
					margin-right: 0.5em;
					border-radius: 50%;
					border: 2px solid #fff;
					padding: 0.5em 0.3em 0.2em;
				}
				
			.item.enquiry {
				text-transform: uppercase;
			}
			

		
	/* Page styling */
				
		.sec-menu {
			border-bottom: 1px solid #cfcfcf;
			padding: 1em 0;
		}
	
		.sec-menu nav ul.menu {
			list-style: none;
			clear: both;
			text-align: center;
			margin: 0;
		}
		
			.sec-menu nav ul.menu {
				font-size: 0px;
				line-height: 0px;
			}
		
			.sec-menu nav ul.menu li {
				display: inline;
				background-image: none;
				padding: 0 0.4em;
				margin: 0 0 0.4em;
				border-right: 1px solid;
				font-size: 20px;
				line-height: 20px;
			}
			
			.sec-menu ul.sub-menu {
				margin-top: 8px;
				font-size: 0px;
				line-height: 0px;
			}
			
			.sec-menu nav ul.sub-menu li {
				font-size: 16px;
				line-height: 16px;
			}

			.sec-menu nav ul.menu li:first-of-type {
				padding-left: 0;
				margin-left: 0;
			}
			
			.sec-menu nav ul.menu li:last-of-type {
				border-right: 0 none;
				margin-right: 0;
				padding-right: 0;
			}
			
			.sec-menu li.current_page_item > a {
				color: #000;
			}

		
	/* Footer styling */
				
		footer {
			color: #fff;
			background: #000;
		}
		
				footer .content {
					font-size: 12px;
				}
				
				footer h5 {
					font-size: 18px;
				}
		
			footer a, footer a:hover, footer a:focus, footer h1, footer.h1, footer h2, footer .h2, footer h3, footer .h3 {
				color: #fff;
			}
			
			footer img {
				margin: 0.2em 0;
			}
			
			.footer-border {
				border-right: 5px solid #fff;
				margin: 2em 0;
			}
				.footer-border.last {
					border-right: 0;
				}
			
			footer .content {
				min-height: 250px;
			}

			footer .content.right {
				text-align: right;
			}
		
			footer .widget {
				margin: 0 0 0.5em;
			}
			
				footer .widget-title {
					margin-bottom: 0.5em;
				}
			
				footer .widget:last-of-type {
					margin-right: 0;
				}
				
			footer .line {
				margin-bottom: 0.8em;
			}
			
			footer .line::last-of-type {
				margin-bottom: 0;
			}
			
			footer ul {
				list-style: none;
				margin: 0;
			}
			
			footer h5 {
				margin-bottom: 1.2em;
				display: inline-block;
			}

			
		
	/* Owl Carousel Slider */
		
		.owl-carousel {
			/*padding: 2em 0;*/
		}
		
		.owl-nav {
			width: 100%;
		}
		
			.owl-nav .owl-prev {
				position: absolute;
				/*left: -40px;*/
				left: 0;
				bottom: 50%;
				color: transparent;
				font-size: 0;
			}
			
			.owl-nav .owl-next {
				position: absolute;
				right: 40px;
				bottom: 50%;
				color: transparent;
				font-size: 0;
			}

			/*Clients Carousel Nav*/
			.owl-clients .owl-nav .owl-prev:before {
				position: absolute;
				font-family: 'threepines-icons';
				font-size: 20px;
				line-height: 20px;
				text-align: center;
				color: #fff;
				content: 'm';
				background-color: #88c438;
				border-radius: 100%;
				padding: 0.2em;
				text-transform: none;
			}
			
			.owl-clients .owl-nav .owl-next:before {
				position: absolute;
				font-family: 'threepines-icons';
				font-size: 20px;
				line-height: 20px;
				text-align: center;
				color: #fff;
				content: 'n';
				background-color: #88c438;
				border-radius: 100%;
				padding: 0.2em;
				text-transform: none;
			}
			
			/*Case Studies Carousel Nav*/
			.owl-casestudies .owl-nav .owl-prev:before {
				position: absolute;
				font-family: 'threepines-icons';
				font-size: 70px;
				line-height: 70px;
				text-align: center;
				color: #88c438;
				content: 'r';
				left: 35px;
				top: -45px;
				text-transform: none;
			}
			
			.owl-casestudies .owl-nav .owl-next:before {
				position: absolute;
				font-family: 'threepines-icons';
				font-size: 70px;
				line-height: 70px;
				text-align: center;
				color: #88c438;
				content: 's';
				right: 0;
				top: -45px;
				text-transform: none;
			}
		
			.owl-item {
				text-align: center;
			}
			
			.owl-carousel.owl-clients .owl-item img {
				display: inline-block;
				width: auto;
			}
			
			.owl-casestudies .owl-stage {
				margin: 4em 0;
			}
		

	/* Social Icons */
			
		.social-icons {
			text-align: left;
			clear: both;
			margin: 0 0 0.6em;
		}
		
		.social-icons a {
			font-size: 18px;
			line-height: 18px;
			color: #fff;
			background: #8d8d8d;
			display: inline-block;
			border: 0px none;
			border-radius: 5px;
			padding: 8px 8px 4px;
			margin: 0 0 6px 10px;
			transition: all 0.1s;
			-webkit-transition: all 0.1s;
			opacity: 1;
		}
		
			.social-icons .icon {
				padding: 0;
			}
		
			.social-icons a:first-of-type {
				margin-left: 0;
			}
		
			.social-icons a:last-of-type {
				margin-right: 0;
			}
		
			.social-icons a:hover,.social-icons a:focus, .social-icons a:active {
				color: #fff;
			}

			
	/* Horizontal Rule */

		hr {
			border-top: 2px solid #88c438;
			clear: both;
			height: 0px;
			margin: 1.5em 0;
			width: 100px;
		}
		
		hr.sidebar {
			margin: 1em 0;
		}

		
	/* Icon Styling */	
		
		@font-face {
			font-family: 'threepines-icons';
			src: url('fonts/threepines-icons.eot');
			src: url('fonts/threepines-icons-1.eot') 
			format('embedded-opentype'),
				 url('fonts/threepines-icons.woff') format('woff'),
				 url('fonts/threepines-icons.ttf') format('truetype'),
				 url('fonts/threepines-icons.svg') format('svg');
		}

		.icon:before {
			font-family: 'threepines-icons';
			speak: none;
			font-style: normal;
			font-weight: normal;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
			font-smoothing: antialiased;
			text-rendering: optimizeLegibility;
		}

		
	/* Social Icons */
		
		.icon.facebook:before {
		  content: "a";
		}
		
		.icon.twitter:before {
		  content: "b";
		}
		
		.icon.linkedin:before {
		  content: "c";
		}
		
		.icon.gplus:before {
		  content: "d";
		}
		
		.icon.youtube:before {
		  content: "e";
		}
		
		.icon.pinterest:before {
		  content: "f";
		}
		
		.icon.instagram:before {
		  content: "g";
		}
		
		.icon.rss:before {
		  content: "h";
		}
		
		
	/* General Icons */
		
		.icon.pencil:before {
		  content: "i";
		}
		
		.icon.search:before {
		  content: "j";
		}
		
		.icon.email:before {
		  content: "k";
		}
		
		.icon.phone:before {
		  content: "l";
		}
		
		.icon.right:before {
		  content: "n";
		}
		
		.icon.pin:before {
		  content: "o";
		}
		
		.icon.left:before {
		  content: "r";
		}
		
		.icon.left-2:before {
		  content: "m";
		}
		
		.icon.right-2:before {
		  content: "s";
		}
		
		.icon.link:before {
		  content: "p";
		}
		
		.icon.legal:before {
		  content: "q";
		}	
	
		.icon {
			display: inline-block;
			padding: 0 5px 0 0;
			margin: 0;
			position: relative;
		}
		
		
	/* Form Styling */		
		
		input, select, textarea {
			font-family: 'Montserrat', sans-serif;
		}
		
		input[type="text"], select, input[type="email"], input[type="search"], input[type="password"], input[type="date"], input[type="number"], textarea {
			padding: 6px 8px;
			margin: 0.4em 0 0.6em 0;
			color: #4e4e4e;
			width: 50%;
			border: 1px solid #969696;
		}
		
		input[type="date"] {
			width: 30%;
			line-height: inherit;
		}
		
			input.required, select.required, textarea.required {
				border-color: #e44300;
			}
		
		input[type="text"]:focus, select:focus, input[type="email"]:focus, input[type="search"]:focus, input[type="password"]:focus, input[type="date"]:focus,input[type="number"]:focus, textarea:focus {
			border-color: #4283ae;
		}
		
		.search-results input[type="search"] {
			max-width: 40%;
		}
		
		.widget input[type="text"], .widget select, .widget input[type="email"], .widget input[type="search"], .widget input[type="password"], .widget input[type="number"], .widget textarea {
			width: 100%;
		}

		label {
			font-weight: normal;
		}
		
		textarea, body .gform_wrapper textarea.small {
			border: 1px solid #969696;
			padding: 6px 8px;
			height: 122px;
			margin: 0.4em 0;
			width: 100%;
			color: #4e4e4e;
		}
		
		.side textarea, body .side .gform_wrapper textarea.small {
			width: 100%;
		}
		
		input[type="checkbox"] {
			margin: 0 0.3em 0 0;
		}
		
		legend {
			border: 0 none;
			margin-bottom: 0.5em;
		}
		
		input[type="submit"], a.btn, button, body .gform_wrapper .gform_footer input.button {
			font-family: 'Montserrat', sans-serif;
			background: #88c438;
			font-size: 0.9em;
			color: #fff;
			margin: 0;
			border: none;
			border-radius: 30px;
			line-height: 1em;
			font-weight: normal;
			text-transform: uppercase;
			padding: 0.8em 1.5em;
			text-align: center;
		}
		
			a.btn.read-more, a.btn.read-more:hover, a.btn.read-more:focus {
				background:#88c438;
			}
		
			input[type="submit"]:hover, a.btn:hover, a.btn:focus, a.btn:active, button:hover {
				cursor: pointer;
				text-decoration: none;
				color: #fff;
				background: #67932c;
				transition: all ease 0.4s;
				font-weight: 700;
			}

			body .gform_wrapper {
				margin: 0
			}
		
			body .gform_wrapper ul.gform_fields li.gfield.readonly input[type="text"] {
				border: 0 none;
				padding: 0!important;
				background: none;
			}
			
			body .gform_wrapper ul.gform_fields li.gfield {
				margin-top: 0.3em;
				padding: 0;
				list-style: none;
			}
		
			body .side .gform_wrapper li.gfield.gfield_error, body .side .gform_wrapper div.validation_error, body .side .gform_wrapper .gfield_error .gfield_label, body .side .gform_wrapper .validation_message {
				border: 0 none;
				margin-bottom: 0;
				padding: 0;
				color: ##790000;
				background: none;
			}
			
			.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
				background: none;
			}
		
			body .gform_wrapper .description_above .gfield_description {
				padding: 0;
			}
			
			body .side .gform_wrapper .gform_footer input[type="submit"] {
				margin: 0;
				font-size: 1.3em;
			}
		
			body .gform_wrapper input[type="submit"]:hover, .gform_wrapper input[type="submit"]:focus, .gform_wrapper input[type="submit"]:active {
				background: #67932c;
				transition: all ease 0.4s;
				font-weight: 700;
			}
			
			body .gform_wrapper::after {
				content: "";
				clear: both;
			}
			
			body .side .gform_wrapper .gform_body {
				padding: 0.3em 0;
			}
			
			body .gform_wrapper .gform_footer {
				margin-top: 0;
				padding: 10px 0px 10px;
			}
			
				body .side .gform_wrapper .gform_footer {
					padding-bottom: 0;
					margin-top: 0;
					text-align: center;
				}
			
			body .side .gform_footer br, body .side .gform_footer p {
				display: none
			}
			
			body .side .gform_wrapper .gform_heading, body .side h3.widget-title {
				margin-bottom: 0;
				padding: 0;
			}
			
			body .side h3.widget-title, body .side .gform_wrapper h3.gform_title  {
				color: #292929;
				padding-bottom: 0.1em;
				text-align: left;
				margin-bottom: 0.5em;
			}
			
			a.btn .icon,  button .icon {
				position: relative;
				margin: 0;
				top: 2px;
				text-transform: none;
				padding-left: 10px;
			}
			
		
	/* Fonts and line spacing*/
		
		h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
			font-weight: 400;
			margin-top: 0;
			margin-bottom: 0.8em;
		}
		
		h1, .h1 {
			font-size: 2.3em;
			line-height: 1.2em;
			margin-bottom: 1em;
			color: #88c438;
			font-weight: 700;
		}
		
			.page-title, .post-title {
				line-height: 1em;
				text-align: left;
				font-weight: 700;
			}
			
			.page-title.contact {
				margin: 1em 0 0;
			}
			
			.cat-title {
				line-height: 1em;
				text-align: center;
				text-transform: none;
			}
		
			.post-title, .home-title {
				margin-bottom: 0.7em;
			}
			
		h2, .h2 {
			font-size: 2em;
			line-height: 1.2em;
			color: #88c438;
			font-weight: 700;
		}
		
		h3, .h3 {
			font-size: 1.7em;
			line-height: 1.2em;
		}
		
			.widget-title {
				font-size: 1.7em;
				display: block;
				margin-bottom: 1em;
			}
			
		h4, .h4 {
			font-size: 1.4em;
			line-height: 1.4em;
		}
		
		h5, .h5 {
			font-size: 1.2em;
			line-height: 1.1em;
		}
		
		h6, .h6 {
			font-size: 1.1em;
			line-height: 1.1em;
		}
		
		p {
			margin: 0 0 1em;
		}
		
		strong {
			font-weight: bold;
		}
		
		a {
			text-decoration: none;
			color: #88c438;
		}
		
			a:hover, a:focus, a:active {
				text-decoration: underline;
				color: #88c438;
			}
		
		blockquote {
			font-size: 1em;
			margin: 1em 0;
			padding: 1em;
			border: 0 none;
			font-style: italic;
			border-left: 5px solid #88c438;
			background-color: #e3e3e3;
		}
		
		p.wp-caption-text {
			text-align: left;
			padding: 0.5em;
			font-style: italic;
		}
		
		p.author-info, p.tags {
			margin-top: 1em;
		}
		
		.alignleft {
			float: left;
			text-align: left;
		}
		
		.alignright {
			float: right;
			text-align: right;
		}
		
		.aligncenter {
			text-align: center;
			margin-left: auto;
			margin-right: auto;
			clear: both;
		}
		
		ul {
			margin: 1em 0 1em 1em;
			padding-left: 0;
			list-style: square inside;
		}			
		
			ul li, ol li {
				margin-bottom: 0.3em;
			}
			
			ul.children {
				margin-left: 2em;
				margin-bottom: 1em;
			}
		
		ol {
			list-style-type: decimal-leading-zero;
			margin: 1em 0 1em 1em;
		}

			ol li {
				font-weight: normal;
			}
		
		.navigation {
			clear: both;
			display: block;
			font-size: 1.2em;
			margin: 1em 0;
			padding: 0;
			text-align: center;
		}
		
			.navigation .wp-pagenavi a, .navigation .wp-pagenavi span {
				border: none;
			}
			
			.navigation .wp-pagenavi a:hover {
				text-decoration: underline;
			}
			
			.navigation .wp-pagenavi span.pages {
				padding-left: 0;
				padding-right: 0;
				margin-right: 1em;
				font-weight: normal;
			}


		/* Table cell divs */
		
		.table {
			width: 100%;
			display: table;
			border: 0 none;
			margin: 0;
		}
		
			.table .left, .table .center, .table .right, .table .fullwidth {
				display: table-cell;
				height: 100%;
				vertical-align: middle;
			}
			
			.table .fullwidth {
				width: 100%;
			}
			
			.table .seventy {
				width: 66.6%;
			}
			
			.table .fifty {
				width: 50%;
			}
			
			.table .thirty {
				width: 33.4%;
			}
			
			.table .twentyfive {
				width: 25%;
			}
			
			.table .inner *:last-child {
				margin-bottom: 0;
			}
			
			.table .fullwidth .inner {
				padding: 2em;
			}
			
			.table .left .inner {
				padding: 2em;
			}
			
				.table .left .inner.image {
					padding: 2em 0 2em 2em;
				}
		
			.table .right .inner {
				padding: 2em;
			}
			
				.table .right .inner.image {
					padding: 2em 2em 2em 0;
				}
				
		
	/* Tables */
		
		table {
			width: 100%;
			max-width: 100%;
			margin-bottom: 1.5em;
			border: 0 none;
		}
			
			table th {
				padding: 0.1em 0.5em;
				text-align: center;
				border: 0 none;
			}
			
			table tr {
				border: 0 none;
			}
			
				table tr:last-of-type {
					border: 0 none;
				}

				table tr td {
					padding: 0.3em 0.5em;
					text-align: center;
					min-width: 100px;
				}
			
			table ul {
				margin: 0.5em 0;
			}
		
			table ul li {
				margin-bottom: 0.4em;
			}
			

	/* Home Page */
		
		.home section {
			margin: 4em 0;
		}
		
			
			.home section.case-studies {
				margin: 0;
			}
		
		.home .intro {
			font-size: 1.1em;
			line-height: 1.3em;
			text-align: center;
			margin: 6em 4em 4em;
		}
		
			.home .intro p:last-child, .home .outro p:last-child {
				margin-bottom: 0;
			}
			
		.case-studies {
			min-height: 600px;
		}

		.btn.cta, .btn.cat {
			display: inline-block;
		}
		
		.case-cats {
			margin-bottom: 2em;
		}
		
			.case-cats .lbl {
				display: inline-block;
				margin-right: 0.3em;
				font-size: 1.1em;
			}
			
			.case-cats .cat {
				margin-right: 0.3em;
				margin-bottom: 0.3em;
			}
		
		.wolves {
			margin-bottom: 3em;
		}
		
		.home .sub-title {
			color: #656669;
		}
		
		.home .inner {
			min-height: 350px;
		}
		
		.home article {
			margin-bottom: 1.5em;
		}

			.home article.last {
				margin-bottom: 0;
			}
			
		.home .post-date {
			margin: 0 0 1em;
			background-color: #88c438;
			border-radius: 30px;
			font-weight: 700;
			color: #fff;
			display: inline-block;
			padding: 0.8em 1.3em;
			text-align: center;
		}
			
	/* Case Study Carousel */
	
		h5.case-name {
			margin: 1em 0.7em;
			color: #656669;
		}
		
		.owl-item.active.center {
			font-size: 1.2em;
			transition: all ease 0.4s;
			-webkit-transform: scale(1.1);
			-moz-transform: scale(1.1);
			transform: scale(1.1);
		}
		
		.owl-item.active.center img {
			box-shadow: 0 0 20px 0px rgba(0,0,0,0.6);
			transition: all ease 0.4s;
		}
		
	/* Service Page */
	
		h2.service {
			font-size: 2.2em;
			color: #fff;
			margin: 0;
		}
		
		.service-box:hover, .service-box:focus, .service-box:active {
			background:rgba(136,196,56,0.7);
		}
		
		.service-item {
			padding: 0;
			position: relative;
			text-align: center;
		}
		.service-box {
			height: 100%;
			line-height: 1.3em;
			overflow: hidden;
			padding: 0.6em;
			position: absolute;
			width: 100%;
			z-index: 999;
			text-align: center;
		}
		.service-text {
			padding: 0 1em;
			display: table;
			height: 100%;
			width: 100%;
			position: relative;
		}
		.service-title {
			padding: 1.5em 2.4em;
			vertical-align: middle;
			display: table-cell;
			padding: 0 2.4em;
			color: #333;
		}
		.service-image {
			text-align: center;
			width: 100%;
		}
		
		.padbottom {
			padding-bottom: 0.6em;
			margin-bottom: 1.2em;
		}
		
	/* Page Headings */
	
		.page-title {
			margin: 0 0 1em;
		}
		
	
	/* Contact page */

		.threepines-map {
			height: 400px;
			width: 100%;
			margin: 1.5em 0 0;
			padding: 1px;
		}
		
		.bubble-text *:last-child {
			margin-top: 0.2em;
			margin-bottom: 0;
		}


	/* Single Post */
	
		.post-date {
			margin: 0 0 1em;
			display: block;
		}
		
		.share a.btn {
			text-align: center;
			padding: 0.8em;
			border-radius: 50%;
		}
		
		.share a.btn .icon {
			padding-left: 0;
			font-size: 1.8em;
			left: 2px;
			line-height: 1em;
		}
		
		
	/* Post archive / category */
		
		ul.listing.posts {
			list-style: none;
			margin: 0;
		}
		
		ul.listing.posts li {
			width: 100%;
			border-bottom: 1px solid #e7e7e7;
			margin-bottom: 3em;
			padding-bottom: 3em;
		}
		
		ul.listing.posts li.last {
			border-bottom: none;
			margin-bottom: 0;
			padding-bottom: 0;
		}
		
		ul.listing.posts li .post-title {
			margin-bottom: 0.4em;
		}
		
		ul.listing.posts li .post-excerpt {
			margin-bottom: 1em;
		}
		
		ul.listing.posts li .post-excerpt *:last-child {
			margin-bottom: 0;
		}
		
		ul.listing.posts img.aligncenter {
			margin-top: 0;
			margin-bottom: 0;
		}
		
		
	/* Case Study Archive/Single */
	
		.project-cats {
			margin-bottom: 1em;
			font-weight: 700;
		}
		
		.project-cats .project-cat-link::after {
			content: ",";
			padding-right: 3px;
		}
		
		.project-cats .project-cat-link:last-of-type::after {
			content: none;
			padding-right: 0;
		}
		
		.casestudy-gallery {
			text-align: center;
		}

	/* Comments styling */
			
		ol.commentlist {
			list-style: none;
			padding: 0;
			margin: 0;
		}
		
		ol.commentlist li {
			background: #e7e7e7;
			padding: 1em;
			margin-bottom: 1em;
		}
		
			ol.commentlist li ul.children {
				margin: 0 0 0 1em;
				list-style: none;
			}
			
			ol.commentlist li ul.children li {
				background: #fff;
				padding: 1em;
			}
			
			ol.commentlist li ul.children li:last-of-type {
				margin-bottom: 0;
			}
		
		h3#comments {
			margin: 0 0 1.5em;
		}
		
		#respond form#commentform {
			margin: 12px 0 0 0;
		}
		
		.comment .comment-meta, .comment .reply, .comment .comment-author {
			padding: 0 24px 8px 0;
			font-size: 14px;
		}
		
		.comment cite {
			font-style: normal;
		}
		
		.comments .navigation {
			float: none;
			border: 0 none;
			margin: 0;
			padding: 0;
		}
			

	/* Displaying desktop or mobile elements based on device width */

		.mobile {
			display: none;
		}
		
		.tablet {
			display: none;
		}
		
		.desktop {
			display: block;
		}
		
		
		
	/* Menu styling */
		
	/* Main Menu */

		.navbar-collapse {
			padding: 0;
		}
		
		.navbar {
			z-index: 9999;
			background: none;
			-webkit-border-radius: 0;
			border-radius: 0;
			border: 0 none;
			min-height: 1em;
			margin: 0;
		}
		
		.navbar .navbar-inner {
			padding: 0;
		}

		.navbar .nav {
			float: none;
			list-style: none;
			clear: both;
			text-align: center;
			margin: 1.8em 0;
			font-size: 1em;
			font-weight: normal;
			color: #161616;
		}

			.navbar .nav > li {
				float: none;
				display: inline-block;
				padding: 0;
				margin: 0 0 0 1.8em;
			}
			
			.navbar .nav > li:first-of-type {
				margin-left: 0;
			}

				.navbar .navbar-nav li a {
					color: #000;
					padding: 0;
					border-bottom: 3px solid transparent;
				}

				.navbar .navbar-nav li.current-menu-parent a, .navbar .navbar-nav li.current-menu-ancestor a {
					color: #000;
					background: transparent;
					border-bottom: 3px solid #88c438;
				}
				
				.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav .open > a, .navbar-default .navbar-nav .open > a:hover, .navbar-default .navbar-nav .open > a:focus {
					color: #000;
					background: transparent;
					border-bottom: 3px solid #88c438;
				}
				
				.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
					color: #000;
					background: transparent;
					border-bottom: 3px solid #88c438;
				}

			
			.navbar .navbar-nav .dropdown-menu {
				font-size: 1em;
				line-height: 1.2em;
				padding: 0.3em 0.9em;
				font-weight: normal;
				background: #fff;			
				border: 0 none;
				right: auto;
				left: auto;
			}

				.navbar .navbar-nav .dropdown-menu li {
					display: block;
					margin: 0.6em 0 0.6em;
					text-align: left;
				}
			
				.navbar .navbar-nav .dropdown-menu li a {
					padding: 0.1em 0;
					text-align: left;
					display: block;
					background: none;
					border-bottom: 3px solid transparent;
				}
				
				.navbar .navbar-nav .dropdown-menu a:hover, .navbar .navbar-nav .dropdown-menu .active a {
					background-color: unset;
					border-bottom: 3px solid #88c438;
				}
		

	/* Hide menu items with mobile class */
	
		.navbar .navbar-nav li.mobile {
			display: none;
		}

		
	/* Footer Menus */
		
		footer .footer-nav ul.menu {
			list-style: none;
			clear: both;
		}
		
			footer .footer-nav ul.menu {
				font-size: 0px;
				line-height: 0px;
			}
		
			footer .footer-nav ul.menu li {
				display: block;
				background-image: none;
				padding: 0.5em 0.5em 0 0;
				margin: 0;
				font-size: 12px;
				line-height: 16px;
			}
			
				footer .footer-nav ul.menu li:first-of-type {
					padding: 0 0.5em 0 0;
				}
			
			footer .footer-nav ul.menu li:last-of-type {
				border-right: 0 none;
				margin-right: 0;
				padding-right: 0;
			}
			
			
		footer .widget_nav_menu ul.menu {
			list-style: none;
			clear: both;
			text-align: left;
			margin: 0.5em 0;
		}
		
			footer .widget_nav_menu ul.menu li {
				display: block;
				background-image: none;
				padding: 0;
				margin: 0 0 0.4em;
			}
			
			footer .widget_nav_menu ul.menu li:before {
				content: '>';
				position: relative;
				margin-right: 5px;
			}

		
	/* Widgets */
		
		aside.side {
			list-style: none;
			margin: 0 0 1em;
		}
		
		.side .widget {
			margin-bottom: 1em;
		}
		
		.side .widget:last-of-type {
			margin-bottom: 0;
		}
		
		.widget ul.menu {
			list-style: none;
			font-size: 1.1em;
		}
		
			li.widget ul.menu li {
				margin-bottom: 0.4em;
			}
		
			li.widget ul.menu li a {
				background: #f1f1f2;
				display: block;
				color: #333;
				padding: 0.4em 0.6em;
			}
			
			li.widget ul.menu li a:hover, li.widget ul.menu li.active a {
				background: #ffc907;
				text-decoration: none;
			}
			
			li.widget.widget_archive ul {
				list-style: none;
			}
			
				li.widget.widget_archive ul li {
					margin-bottom: 0.2em;
				}
			
			li.widget.widget_archive a {
				color: #333333;
			}

		
	/* Image styling */

		img {
			max-width: 100%;
			height: auto;
		}
		
		img.wp-post-image {
			margin-bottom: 1em;
		}
	
		.wp-caption {
			max-width: 100%;
		}
		
		.wp-caption.alignnone {
			margin: 0.2em 0.8em 1em 0;
		}
		
		.wp-caption.alignleft {
			clear: left;
			float: left;
			display: block;
			margin: 0.2em 0.8em 1em 0;
		}
		
		.wp-caption.aligncenter {
			clear: both;
			float: none;
			display: block;
			margin: 0.2em auto 0.8em;
		}
		
		.wp-caption.alignright {
			clear: right;
			float: right;
			display: block;
			margin: 0.2em 0 1em 0.8em;
		}
		
		img.alignnone {
			margin: 0.2em 0.8em 1em 0;
		}
		
		img.alignleft {
			clear: left;
			float: left;
			display: block;
			margin: 0.2em 0.8em 1em 0;
		}
		
		img.aligncenter {
			margin: 0.2em auto 1em;
			display: block;
			clear: both;
		}
		
		img.alignright {
			clear: right;
			float: right;
			display: block;
			margin: 0.2em 0 1em 0.8em;
		}
		
		.gallery .wp-caption-text {
			padding: 0.8em;
		}
		
		.gallery .gallery-item img {
			border: 0 none!important;
		}

		
	/* Accordion styling */
		
		dl.accordion {
			background: #f0f0f0;
			box-sizing: border-box;
			margin-bottom: 1em;
			padding: 0.3em;
			clear: both;
		}
			
			dl.accordion dt a {
				font-size: 1.4em;
				line-height: 1.2em;
				font-weight: normal;
				padding: 0.3em 0.5em;
				display: block;
				background: none;
			}
			
			dl.accordion dt a.selected {
				color: #3c3c3c;
			}
			
			dl.accordion dt a .icon {
				margin-right: 1.2em;
				position: absolute;
				right: 0;
			}
			
			dl.accordion dd {
				padding: 0.5em 1em 0 1em;
			}

@media (max-width: 1700px) {
	
	.case-studies {
		min-height: 550px;
	}
	
	
}
			
@media (max-width: 1400px) {
	
	.case-studies {
		min-height: 500px;
	}
	
	
}
			
/* Large desktop */

@media (max-width: 1200px) {
	
	/* Fonts and line spacing*/

	body {
		font-size: 14px;
		line-height: 20px;
	}
	
	.gallery .gallery-item {
		padding-left: 1px;
		padding-right: 1px;
	}
	
	.home .post-date {
		padding: 0.6em 1em;
	}
	
	.navbar .nav {
		margin: 1.2em 0;
	}
	
	.case-studies {
		min-height: 450px;
	}
	
}


/* Portrait tablet to landscape and desktop */
@media handheld, only screen and (max-width: 979px) {
	

	.border-left, .border-right {
		border-left: none;
		border-right: none;
	}
	
	/*header.top .contact {
		text-align: right;
	}*/
	
	header.top .strapline {
		font-size: 1.3em;
	}
		
	.navbar .nav {
		float: none;
		text-align: center;
	}
	
	.navbar .nav > li {
		float: none;
		display: inline-block;
		margin: 0 0.5em;
	}
	
	.owl-nav .owl-prev {
		left: 0;
	}
	
	.owl-nav .owl-next {
		right: 40px;
	}
	
	.owl-nav .owl-prev:before, .owl-nav .owl-next:before {
		color: #fff;
	}
	
	header.top .logo {
		text-align: center;
	}

	.footer-border {
		border-right: 0;
		margin: 1em 0;
	}
	
	/* Home Page */
		
	.home .post-title {
		margin-left: 1em;
	}
	
	.home .post-excerpt {
		margin-left: 1em;
	}
	
}


	
/* ==== Layout for mobile version ====   */

@media handheld, only screen and (max-width: 767px) {

		.mobile  {
			display: block;
		}
		
			.navbar .navbar-nav li.mobile {
				display: block;
			}
				
		.desktop {
			display: none;
		}
		
		.tablet {
			display: none;
		}

		header.top {
			top: 0;
		}
		
			header.top .logo {
				text-align: center;
			}
		
			header.top .logo img {
				max-width: 250px;
				margin-bottom: 0.5em;
			}
			
			.border-top {
				border: 0 none;
			}
			
			header.top .contact-strap {
				text-align: center;
				margin: 0.5em 0;
			}
			
			.item.call {
				padding-right: 0;
				border-right: 0;
			}
			
			header.top .strapline {
				font-size: 1.1em;
				margin-bottom: 0.6em;
			}
			
			header.top .contact {
				display: block;
				text-align: center
			}
			
			header.top .contact .item {
				display: block;
				margin-left: 0;
				margin-top: 0.3em;
			}
			
			header.top .contact .item:last-of-type {
				margin-right: 0;
			}

			
		.navbar-default {
			text-align: right;
			border: 0 none;
		}
		
		.navbar-default .navbar-toggle {
			float: none;
			margin: 0 auto 1em;
			background: #88c438;
			border-color: #fff;
			position: relative;
			right: 0;
			display: block;
			text-align: center;
		}
		
		.navbar-default .navbar-toggle .icon-bar {
			background-color: #fff;
		}
		
		.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
			background: #88c438;
		}
		
		.navbar .nav {
			display: block;
			float: none;
			text-align: center;
			margin-top: 0;
		}
		
		.navbar .nav > li {
			display: block;
			margin-left: 0;
			margin-right: 0;
			margin-bottom: 0.3em;
		}
		
		.navbar .nav > li:first-of-type {
			margin-left: 0;
		}
		
		.navbar-default .navbar-collapse {
			border: 0 none;
		}
		
		.navbar .navbar-nav .dropdown-menu {
			padding: 0 0 1em;
			position: relative;
			font-size: 0.9em;
		}
		
		.navbar-default .navbar-nav .dropdown-menu li {
			margin: 0;
		}
		
		.navbar-default .navbar-nav .open .dropdown-menu > li > a {
			color: #333;
			line-height: auto;
			text-align: center;
		}
		
		.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu>.active>a {
			border-color: transparent;
			color: #000;
		}
		
		.content.page {
			min-height: 0;
			margin: 2em 0.5em;
		}
		
		.content.side {
			margin: 2em 0;
		}
		
		.whitebg.page {
			padding: 1em;
		}
		
		.owl-nav {
			display: none;
		}
		
		input[type="submit"], a.btn, button, body .gform_wrapper .gform_footer input.button {
			font-size: 0.7em;
		}
		
		.inner {
			padding: 3em;
		}
		
		
	/* Home Page */
		
		.home .post-title {
			margin-left: 0;
		}
		
		.home .post-excerpt {
			margin-left: 0;
		}
		
		.home .inner {
			min-height: 0;
		}
		
		.btn.cta {
			margin-bottom: 1em;
		}
		
		.clearfix.padbottom {
			border: 0 none;
			margin-bottom: 0;
			padding-bottom: 0;
		}
		
		.home .intro {
			font-size: 1.0em;
			line-height: 1.1em;
			margin: 4em 2em;
		}
		
		.home .case-studies {
			min-height: 350px;
		}
		
		
	/* Widgets */
	
		.widget-title {
			margin-bottom: 1em;
		}
		

	/* Image Styling */
	
		.alignleft, .alignright, .aligncenter, .alignnone, img.alignleft, img.alignright, img.aligncenter, img.alignnone, .wp-caption.alignleft, .wp-caption.alignright, .wp-caption.aligncenter, .wp-caption.alignnone {
			margin: 0.5em auto;
			float: none;
			clear: both;
		}
		
		.gallery .gallery-item {
			float: none!important;
			width: 100%!important;
		}

		
	/* Contact Page */
	
		.threepines-map {
			height: 300px;
			margin-bottom: 1em;
		}
		
		
	/* Case Studies */
	
		.listing img {
			margin-bottom: 1em;
			width: 100%;
		}
	
		.case-cats {
			margin-bottom: 2em;
			text-align: center;
		}
		
			.case-cats .lbl {
				display: block;
				margin: 0 0 1em;
			}
			
			.case-cats .cat {
				margin-right: 0.3em;
			}
			
		.casestudy-gallery img {
			width: 100%;
		}
		
		
	/* Table div styling */
	
		.table {
			display: block;
		}
	
		.table .twentyfive, .table .thirty, .table .fifty, .table .seventy {
			width: 100%;
			display: block;
		}
		
		
	/* Footer */
	
		footer .content {
			margin: 1em 0;
			min-height: 0;
			text-align: center;
		}
		
		footer .widget {
			float: none;
		}
		
		footer .footer-nav ul.menu {
			text-align: center;
			margin: 0.5em 0 0.5em 0;
			padding-right: 0;
		}
		
			footer .footer-nav ul.menu li {
				padding-right: 0;
			}
			
			footer .footer-nav ul.menu li:first-of-type {
				padding-left: 0;
				padding-right: 0;
			}
			
			footer .footer-nav ul.menu li:last-of-type {
				border-right: 0 none;
				margin-right: 0;
				padding-right: 0;
			}

		
		footer .content.right {
			text-align: left;
		}
		
		.social-icons {
			text-align: center;
		}
}