/*
	Theme Name: The Border Canopy Company
	Theme URI: http://www.first4websites.com
	Description: The Border Canopy Company Theme
	Version: 1.0.0
	Author: First4Websites
	Author URI: http://www.first4websites.com
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

/* html element 62.5% font-size for REM use */
html {
	font-size: 62.5%;
}

body {
	font: 300 11px/1.4 'Open Sans', Arial, sans-serif;
	color: #fff;
	background: #EEE6C9;
}

/* clear */
.clear:before,
.clear:after {
	content: ' ';
	display: table;
}

.clear:after {
	clear: both;
}

.clear {
	*zoom: 1;
}

img {
	max-width: 100%;
	vertical-align: bottom;
}

a {
	color: #ddd;
	text-decoration: none;
}

a:hover {
	color: #fff;
}

a:focus {
	outline: 0;
}

span.wpcf7-list-item {
	margin-left: 0.5em;
	color: #7DAD38;
}

a:hover,
a:active {
	outline: 0;
}

input:focus, textarea:focus {
	outline: 0;
}

input, textarea {
	border: solid 1px #ccc;
	background: #fff;
	padding: 10px;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* wrapper */
.wrapper {
	width: 100%;
	margin: 0 auto;
	position: relative;
	background: url('img/bg.png');
}

/* header */
.header {
	background: rgb(82, 105, 77); /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover, rgba(82, 105, 77, 1) 0%, rgba(19, 26, 19, 1) 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(82, 105, 77, 1)), color-stop(100%, rgba(19, 26, 19, 1))); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover, rgba(82, 105, 77, 1) 0%, rgba(19, 26, 19, 1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover, rgba(82, 105, 77, 1) 0%, rgba(19, 26, 19, 1) 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover, rgba(82, 105, 77, 1) 0%, rgba(19, 26, 19, 1) 100%); /* IE10+ */
	background: radial-gradient(ellipse at center, rgba(82, 105, 77, 1) 0%, rgba(19, 26, 19, 1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#52694d', endColorstr='#131a13', GradientType=1); /* IE6-9 fallback on horizontal gradient */
}

.inner {
	width: 1024px;
	margin: 0 auto;
}

.sub-header {
	width: 100%;
	background: url('img/bg.png');
}

.header-top {
	padding: 1em 0 0 0;
}

.header .logo {
	/*min-width: 290px;*/
	width: 30%;
	min-height: 100px;
}

.header .free-survey {
	text-align: center;
	/*min-width: 420px; */
	width: 35%;
	padding: 0.8em 2em 1em 2em;
	padding-bottom: 0;
	font-size: 250%;
	color: #ad8f5b;
}

.header .free-survey span {
	color: #afed4d;
}

.header .contact {
	/*min-width: 290px;*/
	width: 35%;
	padding: 0 0 0.5em 0;
	font-size: 140%;
	color: #ad8f5b;
	text-align: left;
}

.header .cimg {
	width: 29px;
	display: inline-block;
	vertical-align: middle;
	margin: 0.5em;
}

.header a, .header:visited, .header:active, .footer a, .footer a:active, .footer a:visited {
	color: #ad8f5b;
}

.header a:hover, .header a:focus, .footer a:hover, .footer a:focus {
	color: #ad8f5b;
	text-decoration: underline;
}

/* nav */
.nav {
	background: #fff;
	color: #000;
	font-size: 120%;
	border-top: 4px solid #ac905e;
	border-bottom: 1px solid #E9E3BB;
}

.nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 100%;
}

.nav ul li {
	display: inline-block;
	border-bottom: 1px solid transparent;
}

.nav ul li:hover,
.nav ul li.current_page_item {
	border-bottom: 1px solid #afed4d;
}

.nav ul li a, .nav ul li a:active, .nav ul li a:visited {
	padding: 1em 0.5em;
	display: inline-block;
	color: #101A01;
}

.nav ul li a:hover,
.nav ul li.current_page_item a {
	color: #ad8f5b;
	text-decoration: none;
}

.drop-spacer {
	margin-top: 1em;
}

.drop-shadow-top {
	height: 54px;
	border-top: solid 1px #0d0d0d;
	background: url('img/drop-shadow-top.png');
}

.drop-shadow-bottom {
	height: 53px;
	background: url('img/drop-shadow-bottom.png');
}

.drop-shadow {
}

/* slider */
.flexslider {
	margin: 0;
	border: solid 4px #f0ffb2;
}

.flexslider-hg-title {
	font-family: 'Courgette';
	font-size: 250%;
}

/*.slider-wrapper {
	padding: 2em 0;
}*/

/*.slider-wrapper .master-slider-parent {
	border: solid 6px #fff;
	-webkit-box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.2);
}*/

.hp-twitter {
	width: 40%;
	/*min-width: 360px*//*;*/
}

.hp-twitter h3 {
	display: none;
}

.hp-content {
	width: 60%;
	/*min-width: 520px;*/
	padding-left: 1.5em;
}

/* main section */
.main-section {
	color: #000;
	padding: 20px;
	font-size: 120%;
	background-color: #fff;
	border: solid 1px #E9E3BB;
}

.main-section img:not(.no-border) {
	border: 2px solid #7DAD38;
}

.main-section a, .main-section a:active, .main-section a:visited {
	color: #000;
	text-decoration: underline;
}

.main-section a:hover, .main-section:focus {
	color: #172e10;
}

/* other services */
.page.other-services img.alignnone {
	vertical-align: middle;
}

/* sidebar */
.sidebar {

}

/* footer */
.footer {
	padding: 3em 0 3em 0;
	background: rgb(46, 60, 47); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(46, 60, 47, 1) 0%, rgba(20, 25, 19, 1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(46, 60, 47, 1)), color-stop(100%, rgba(20, 25, 19, 1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(46, 60, 47, 1) 0%, rgba(20, 25, 19, 1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(46, 60, 47, 1) 0%, rgba(20, 25, 19, 1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(46, 60, 47, 1) 0%, rgba(20, 25, 19, 1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(46, 60, 47, 1) 0%, rgba(20, 25, 19, 1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2e3c2f', endColorstr='#141913', GradientType=0); /* IE6-9 */

	border-top: solid 4px #ac905e;
	font-size: 125%;
}

.footer .manufacturers {
	width: 100%;
	/*float: left;*/
	text-align: center;
	margin: 2em 0 2em 0;
}

.footer .manufacturers-wrapper {
	padding: 0 30px;
}

.footer .manufacturers .slick-slide {
	text-align: center;
}

.footer .manufacturers .slick-prev,
.footer .manufacturers .slick-next {
	opacity: 0.6;
}

.footer .manufacturers .slick-slide a {
	display: block;
}

.footer .manufacturers .slick-slide img {
	margin: 0 auto;
}

.footer .manufacturers img {
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";

	/* IE 5-7 */
	filter: alpha(opacity=60);

	/* Netscape */
	-moz-opacity: 0.6;

	/* Safari 1.x */
	-khtml-opacity: 0.6;

	/* Good browsers */
	opacity: 0.6;
}

.footer .manufacturers img:hover {
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

	/* IE 5-7 */
	filter: alpha(opacity=100);

	/* Netscape */
	-moz-opacity: 1;

	/* Safari 1.x */
	-khtml-opacity: 1;

	/* Good browsers */
	opacity: 1;
}

.footer .info {
	width: 100%;;
	text-align: center;
	clear: both;
}

.footer .company-info {
	width: 100%;
	text-align: center;
	clear: both;
	color: #999;
}

.footer .cards-accepted {
	/*min-width: 210px;*/
	width: 25%;
	text-align: left;
}

.footer .contact-details {
	text-align: center;
	width: 60%;
	padding-top: 2.4em;
	/*min-width: 420px;*/
}

.footer .contact-details span {
	color: #ad8f5b;
}

.footer .ffw-logo {
	/*min-width: 210px;*/
	width: 15%;
	text-align: right;
	font-size: 150%;
	padding-top: 1.25em;
}

.footer .ffw-logo span {
	color: #507ac2;
}

.footer .ffw-logo a, .footer .ffw-logo a:active, .footer .ffw-logo a:visited, .footer .ffw-logo a:hover {
	color: #fff;
	text-decoration: none;
}

/* columns */
.columns:before,
.columns:after {
	content: ' ';
	display: table;
}

.columns:after {
	clear: both;
}

.columns {
	*zoom: 1;
}

.column {
	float: left;
}

h1, h2, h3, h4, h5 {
	color: #434343;
}

h2 {
	font-size: 200%;
}


/*------------------------------------*\
    PAGES
\*------------------------------------*/

/* contact us */
.contact-us {
	position: relative;
	margin-bottom: 4em;
}


.enquiry-form span.req {
	font-weight: bold;
	color: #fff;
	font-size: 140%;
}

.enquiry-form {
	width: 35%;
	/*min-width: 300px;*/
}

.address {
	width: 30%;
	height: 100%;
}

.address p {
	font-size: 130%;
}

.directions {
	position: absolute;
	bottom: 5em;
	left: 35%;
}

.directions h2 {
	margin: 0;
}

.directions input {
	width: 180px;
	padding: 0.6em;
	margin-bottom: 0.6em;
}

.opening-hours {
	width: 35%;
}

.opening-hours th {
	text-align: left;
	padding-right: 1em;
}

.contact-us .underline {
	width: 100%;
	border-bottom: solid 1px #000;
}

.contact-us .contact-box {
	position: absolute;
	bottom: 5.6em;
	left: 65%;
}

.contact-us .contact-box img {
	float: left;
	border: 0;
}

.contact-box > div {
	float: left;
	padding-top: 1em;
	padding-left: 1em;
}

.contact-box .tel {
	font-size: 140%;
}

.enquiry-form input, .enquiry-form textarea {
	width: 80%;
	padding: 0.6em;
	margin-bottom: 0.6em;
}

.contact-us input[type=submit] {
	background: #969c55;
	margin-top: 0.2em;
}

.contact-us form p {
	margin: 0;
}

.faq-section.hidden .section-title {
	cursor: pointer;
}

/*------------------------------------*\
    IMAGES
\*------------------------------------*/


/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

@font-face {
	font-family: 'Font-Name';
	src: url('fonts/font-name.eot');
	src: url('fonts/font-name.eot?#iefix') format('embedded-opentype'),
	url('fonts/font-name.woff') format('woff'),
	url('fonts/font-name.ttf') format('truetype'),
	url('fonts/font-name.svg#font-name') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (min-width: 320px) {

}

@media only screen and (min-width: 480px) {

}

@media only screen and (min-width: 768px) {

}

@media only screen and (min-width: 1024px) {

}

@media only screen and (min-width: 1140px) {

}

@media only screen and (min-width: 1280px) {

}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {

}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background: #04A4CC;
	color: #FFF;
	text-shadow: none;
}

::-webkit-selection {
	background: #04A4CC;
	color: #FFF;
	text-shadow: none;
}

::-moz-selection {
	background: #04A4CC;
	color: #FFF;
	text-shadow: none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}

.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}

a img.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

a img.alignnone {
	margin: 5px 20px 20px 0;
}

a img.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	background: #FFF;
	border: 1px solid #F0F0F0;
	max-width: 96%;
	padding: 5px 3px 10px;
	text-align: center;
}

.wp-caption.alignnone {
	margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
	margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
	margin: 5px 0 20px 20px;
}

.wp-caption img {
	border: 0 none;
	height: auto;
	margin: 0;
	max-width: 98.5%;
	padding: 0;
	width: auto;
}

.wp-caption .wp-caption-text,
.gallery-caption {
	font-size: 11px;
	line-height: 17px;
	margin: 0;
	padding: 0 4px 5px;
}

.sticky {

}

.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background: transparent !important;
		color: #000 !important;
		box-shadow: none !important;
		text-shadow: none !important;
	}

	a,
	a:visited {
		text-decoration: underline;
	}

	a[href]:after {
		content: " (" attr(href) ")";
	}

	abbr[title]:after {
		content: " (" attr(title) ")";
	}

	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content: "";
	}

	pre, blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}

	thead {
		display: table-header-group;
	}

	tr, img {
		page-break-inside: avoid;
	}

	img {
		max-width: 100% !important;
	}

	@page {
		margin: 0.5cm;
	}

	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}

	h2,
	h3 {
		page-break-after: avoid;
	}
}

#post-5 p:first-child {
	margin-top: 0;
}

.quicklinks {
	border: solid 1px #E9E3BB;
	display: flex;
	flex-direction: row;
	font-size: 120%;
}

.quicklinks h3 {
	background-color: #326036;
	padding: 8px 0 8px 12px;
	text-transform: uppercase;
	color: #fff;
	margin-top: 0;
}

.quicklinks p {
	padding: 15px;
	margin: 0;
	border: 0;
}

.quicklinks a {
	width: 25%;
	background: #fff;
	color: #000;
}

.quicklinks .image-outer {
	width: 220px;
	margin: 0 auto;
}

.quicklinks .image-inner {
	overflow: hidden;
	border: solid 1px #7DAD38;
}

.quicklinks img {
	max-width: 100%;
	height: auto;
	-webkit-transition: all 1s ease; /* Safari and Chrome */
	-moz-transition: all 1s ease; /* Firefox */
	-o-transition: all 1s ease; /* IE 9 */
	-ms-transition: all 1s ease; /* Opera */
	transition: all 1s ease;
}

.quicklinks a:hover {
	background-color: #ccc;
	color: #fff;
}

.quicklinks a:hover img {
	-webkit-transform: scale(1.25);
	-moz-transform: scale(1.25);
	-ms-transform: scale(1.25);
	-o-transform: scale(1.25);
	transform: scale(1.25);
}

#testimonial-form {
	position: fixed;
	background: #fff;
	top: -85px;
	left: 0;
	right: 0;
	z-index: 999;
	display: none;
	width: 425px;
	border: 10px solid #ccc;
	margin: auto;
	top: 0;
	bottom: 0;
	height: 545px;
}

#testimonial-form-link-show {
	float: right;
	cursor: pointer;
	text-decoration: none;
	position: absolute;
	bottom: 20px;
	right: 20px;
	font-size: 14px;
	border-bottom: solid 1px #7DAD38;
	color: #7DAD38;
}

#testimonial-form-link-show:hover {
	background-color: #7DAD38;
	color: #fff;
}

#testimonial-form-link-hide {
	cursor: pointer;
	text-decoration: none;
	position: absolute;
	top: 14px;
	right: 16px;
	border: solid 1px;
	padding: 2px 8px 4px 8px;
}

#testimonial-form p {
	text-align: center;
}

#testimonial-form input {
	width: 90%;
	margin: 12px 15px 15px 15px;
}

#testimonial-form input[type="radio"] {
	width: 30px;
}

#testimonial-form input[type="submit"] {
	width: 100%;
	background-color: #7DAD38;
	color: #fff;
	border: 0;
}

#testimonial-form input[type="submit"]:hover {
	background-color: #618B26;
}

#testimonial-form input[type="submit"]:active {
	-moz-box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.33);
	-webkit-box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.33);
	box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.33);
}

}
#testimonial-form textarea {
	width: 90%;
	margin: 12px 15px 15px 15px;
}

#testimonial-form span.wpcf7-not-valid-tip {
	display: none;
}

#testimonial-form div.wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 0.2em 1em;
	position: absolute;
	bottom: 12px;
	width: 373px;
	left: 10px;
	background-color: rgb(211, 70, 70);
	text-align: center;
}

div.wpcf7-validation-errors {
	border: none;
}

.wpcf7-not-valid {
	border: 1px solid rgb(252, 135, 135) !important;
}

.wpcf7-not-valid-tip {
	display: none !important;
}


div.wpcf7 img.ajax-loader {
	display: none !important;
}

.home-testimonial-wrapper {
	padding-bottom: 16px;
}

.home-testimonial {
	background: #fff;
	width: 1024px;
	margin: 25px auto;
	padding: 40px 40px 20px 40px;
	border: solid 1px #E9E3BB;

}

.testimonial_rotator_quote,
.testimonial_rotator_author_info {
	color: #000;
	text-align: center;
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 15px;
}

.testimonial_rotator_stars {
	text-align: center;
	display: block;
}

.testimonial_rotator_star {
	float: none;
}

h2.testimonials-title {
	text-align: center;
}

span.wpcf7-form-control-wrap {
	display: block;
	position: relative;
	padding: 0px 16px;
	margin: 0;
}

#testimonial-form textarea {
	width: 100%;
	margin: 0;
	/* padding: 10px; */
}

#testimonial-form input {
	width: 100%;
	margin: 0;
	padding: 10px;
}

.nudge-up {
	margin: 16px 0 0 0 !important;
}

h3.review-green {
	background-color: #7DAD38;
	padding: 16px 0px 16px 0px;
	text-align: left;
	text-transform: uppercase;
	color: #fff;
	margin-top: 0;
	text-align: center;
	text-shadow: none;
}

p.submit-button {
	padding: 0 16px;
}

/* ==========================================================================
   Column & Row Setup
   ========================================================================== */

.col {
	display: block;
	float: left;
	margin: 0 0 0 1.6%;
}

/* Remove the margin on the first column. Works on all browsers incl. IE7+ */
.col:first-child {
	margin-left: 0;
}

.row {
	clear: both;
	margin: 0 auto;
	*zoom: 1;
}

.row:before,
.row:after {
	content: "";
	display: table;
}

.row:after {
	clear: both;
}


/* ==========================================================================
   Twelve Column Grid
   ========================================================================== */

.grid_12_of_12 {
	width: 100%;
}

.grid_11_of_12 {
	width: 91.53%;
}

.grid_10_of_12 {
	width: 83.06%;
}

.grid_9_of_12 {
	width: 74.6%;
}

.grid_8_of_12 {
	width: 66.13%;
}

.grid_7_of_12 {
	width: 57.66%;
}

.grid_6_of_12 {
	width: 49.2%;
}

.grid_5_of_12 {
	width: 40.73%;
}

.grid_4_of_12 {
	width: 32.26%;
}

.grid_3_of_12 {
	width: 23.8%;
}

.grid_2_of_12 {
	width: 15.33%;
}

.grid_1_of_12 {
	width: 6.866%;
}

a.button-yo {
	background-color: #fff;
	border: solid 1px #ccc;
	border-radius: 6px;
	padding: 10px 15px;
	color: #AC905E !important;
	margin-top: 10px;
	display: inline-block;
}

a.button-yo i {
	margin-right: 5px;
	color: red;
}

a.button-yo:hover {
	background-color: #eee;
}

.ms-thumb-frame {
	border: solid 3px #fff;
}

.type-page .fa-ul {
	margin: 0;
	padding: 0;
}

.type-page .fa-ul li {
	padding: 0;
	margin: 0;
	position: relative;
}

.type-page .fa-ul li .fa {
	position: absolute;
	top: 15px;
	left: 15px;
	line-height: 22px;
	color: #ad8f5b;
}

.type-page .fa-ul li a {
	display: block;
	padding: 15px;
	padding-left: 35px;
	border: 2px solid #7DAD38;
	text-decoration: none;
}

.type-page .fa-ul li a:hover {
	border-color: #6f9a32;
}

.type-page .fa-ul li + li {
	margin-top: 10px;
}