/*
Theme Name: Jackson Plumbing & Heating Contractors
Author: Charlotte Jackson
Text Domain: jacksonph-wp

Inspired by the tutorial on Treehouse by Zac Gordon http://wp.zacgordon.com/
*/

@font-face {
	font-family: "Flaticon";
	src: url("assets/fonts/flaticon.eot");
	src: url("assets/fonts/flaticon.eot#iefix") format("embedded-opentype"), url("assets/fonts/flaticon.woff") format("woff"), url("assets/fonts/flaticon.ttf") format("truetype"), url("assets/fonts/flaticon.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}
[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
	font-family: Flaticon;
    font-size: 18px;
	font-style: normal;
	padding: 0 10px;
}.flaticon-close13:before {
	content: "\e000";
	font-size: 12px;
}
.flaticon-home63:before {
	content: "\e001";
}
.flaticon-map6:before {
	content: "\e002";
}
.flaticon-office:before {
	content: "\e003";
	font-size: 16px;
}
.flaticon-phone16:before {
	content: "\e004";
	margin-right: 3px;
}

body {
	font-size: 14px;
	font-family: 'Open Sans', sans-serif;
	line-height: 1.5;
	color: #303030;
	font
}

/*Typography*/
h1, h2, h3, h4 {
	font-family: 'Merriweather', serif;
	margin: 1.5em 0 0.7em 0;
}
h1 {
	margin: 0.7em 0;
	font-size: 18px;
	font-weight: 700;
	background: #E6D753;
	display: inline;
	padding: 11px;
	color: #303030;
}
.home.page h1 {
	margin: 1em 0 0.7em 0;
	color: #2B3642;
	padding: 0;
	background: none;
	display: block;
}
.font-two { font-weight: 700; font-family: 'Merriweather', serif; }

h2, h3, h4 { 
	font-size: 16px;
}
p { font-weight: 400; }
a { 
	text-decoration: underline; 
	color: #BB3B4B;
	font-weight: 400;
}
a:hover {
	color: #303030;
}
li { 
	color: #303030;
	font-weight: 300;
}

/*Sections*/
section, article { padding: 0.8em 0 2.4em 0; }
section.slider { padding: 0.6em 0 1em 0; }
.off-white-slab {
	background-color: #F3F3F3;
}
.light-grey-slab {
	background-color: #E4E5E7;
}
.mid-grey-slab {
	background-color: #D7D4D4;
}
.black-slab {
	background-color: #232323;
}
.side { margin-top: 20px; }
.side img.cycle-slide {
	padding: 0;
}
.side .cycle-pager {
	right: 0;
	width: auto;
}

/* Top header area */
.nav-top-wrap {
	padding: 15px 0;
	background: #ba2a3c; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JhMmEzYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgxJSIgc3RvcC1jb2xvcj0iI2VkNjM3NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(left,  #ba2a3c 0%, #ed6375 81%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ba2a3c), color-stop(81%,#ed6375)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #ba2a3c 0%,#ed6375 81%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #ba2a3c 0%,#ed6375 81%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #ba2a3c 0%,#ed6375 81%); /* IE10+ */
	background: linear-gradient(to right,  #ba2a3c 0%,#ed6375 81%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ba2a3c', endColorstr='#ed6375',GradientType=1 ); /* IE6-8 */
}
.nav > li > a:focus { background-color: none; }

/* Logos */
/*.site-logo {  
	background: url('assets/images/jacksonphc-logo.png') no-repeat;
	text-indent: -9999px;
	padding: 28px;
	display: block;
	float: left;
	width: 260px;
}*/
a.logo {
	text-transform: uppercase;
	color: #fff;
	text-decoration: none;
	float: left;
	font-size: 0.76em;
	font-weight: 300;
	line-height: 1.2;
	margin-top: 0.7em;
}
a.logo span {
	font-size: 4.18em;
	font-weight: 700;
	font-family: 'Lato', sans-serif;
	letter-spacing: 1.5px;
}
.other-logo {
	float: right;
	margin-top: 38px;
	padding: 0 5px;
	height: 38px;
	text-decoration: none;
}
a.other-logo:hover { text-decoration: none; }
.other-logo:after {
	content: " | ";
	color: #fff;
} 
.other-logo.gas-safe:after {
	content: " ";
} 
.other-logo.gas-safe {
	margin-top: 32px;
}

/* Menu area - bottom part of header */
.navbar-collapse { padding: 0; } 
.nav-wrapper { background-color: #3A4149; }
.nav-wrapper ul li a {
	text-transform: uppercase;
	color: #fff;
	font-size: 14px;
}
ul.nav.navbar-nav>li>a:hover {
	background-color: #3A4149; 
	color: #E6D753;
}
.nav>li>a {
	padding: 0.8em;
	text-decoration: none;
}
.nav>li:first-child a { padding-left: 0; }
.navbar-collapse ul li.current-menu-item a, .navbar-collapse ul li.current_page_parent a { color: #E6D753; }

@media (min-width:768px) {
	.sub-menu {
		display: none;
		position: absolute;
		background: #3A4149;
		padding: 0;
		z-index: 999;

	}
	.current-menu-item ul.sub-menu li a, ul.sub-menu li a { 
		display: block; 
		padding: 10px; 
		color: #fff;
		min-width: 100px;
		text-decoration: none;
	}
	li:hover .sub-menu {
		display: block;
		list-style: none;
	}
}
/*Contact*/
.phone { 
	color: #E6D753;
	padding: 5px 0;
	margin: 0;
	float: right;
	font-size: 20px;
	font-weight: 400;
}

/*Slider*/
/* pager */
img.cycle-slide { 
	width: 100%; 
	max-height: 370px;
	padding: 1.5em 0;
	position: relative;
}
.cycle-pager { 
    text-align: center; 
    width: 100%; 
    z-index: 500; 
    overflow: hidden; 
    position: absolute; 
    bottom: -1em;
}
.cycle-pager span { 
    font-size: 48px; 
    width: 18px; 
    height: 16px; 
    font-family: 'Arial', serif;
    display: inline-block; 
    color: #ddd; 
    cursor: pointer; 
    line-height: 0.5;
}
.cycle-pager span.cycle-pager-active { color: #BB3B4B;}
.cycle-pager > * { cursor: pointer; }
#adv-custom-caption {
	position: absolute;
	background-color: #ffffff;
	padding: 20px;
	bottom: 20%;
	left: 4%;
	z-index: 999;
	font-size: 1.5em;
	opacity: 0.8;
	max-width: 60%;
	font-family: 'Merriweather', serif;
	font-weight: 700;
}

/*Banners*/
.banner-title {
	/*margin-top: -65px;*/
	margin-top: -36px;
	color: #F3F3F3;
}
.banner img { width: 100%; height: auto; }
.banner { margin-bottom: 10px; }
/*Blocks of content with images and links - thirds*/
.third-blocks img {
	width: 100%;
	min-height: 225px;
}
.third-blocks a {
	display: block;
	position: relative;
}
.third-blocks .link {
	background-color: #BB3B4B;
	position: absolute;
	bottom: 0;
	color: #fff;
	padding: 10px 20px;
	margin: 0;
	text-decoration: underline;
	font-weight: 400;
}

/*Coloured segments - e.g. logo backgrounds*/
.colored-segment {
	text-align: center;
	margin-bottom: 25px;
}
.centered-third-check {
	display: table-cell; 
	width: 100%; 
	vertical-align: middle; 
	width:270px; 
	height: 120px;
	border: 1px solid #E6DDDF;
}
.centered-third-check img {
	max-width:150px;
}

/*Contact info*/
.content-info-box {
	padding: 0px 20px 10px 20px;
	border: 1px solid #E6DDDF;
	margin: 10px 0;
}
.content-info-box .cta-phone { font-size: 20px; }
.content-info-box .flaticon-home63 { float: left; }
.content-info-box p.address {
	padding-left: 37px;
}
/*CTA box*/
.cta-box {
	background-color: #E0D677;
	padding: 0.2em 1.5em 1.2em 1.5em;
	margin: 2.3em 0;
}
a.email { 
	color: #303030; 
	font-weight: 400;
	font-size: 18px;
} 
.cta-phone {
	font-size: 24px;
}
#map_canvas {
    width: 100%;
    height: 325px;
	margin-top: 10px;
}

/*Gallery*/
.gallery img { 
	width: 100%;
	height: auto;
	padding-bottom: 20px;
}

/*Footer*/
footer {
	padding-top: 15px;
	color: #ffffff;
	font-size: 14px;
}
footer .black-slab {
	display: block;
}
footer .copyright {
	float: left;
}
footer .site-by {
	float: right;
}
footer a {
	color: #DFD142;
}
footer .other-logo, footer .other-logo.gas-safe { margin-top: 5px; }
p.copyright, p.site-by { font-size: 12px; }

@media (max-width:991px) {
	p.phone a { 
		color: #E6D753; 
		padding-bottom: 20px;
	}
	.third-blocks img { min-height: 150px; }
}

@media (max-width:767px) {
	/*Header*/
	.navbar-toggle {  
		background-color: #3A4149; 
		position: absolute;
		bottom: 0.5em;
		left: 1em;
	}
	.navbar-toggle .icon-bar { background-color: #fff; }
	.navbar { padding: 10px 15px; }
	.nav>li, .nav>li:first-child { padding-left: 25px; }
	.nav-top-wrap { position: relative; }
	.other-logo.gas-safe { clear: both; }
	#adv-custom-caption { position: static; max-width: 100%; }
	a.logo { font-size: 0.5em; margin-top: 0; }
	.other-logo img { width: 70px; }
	.other-logo.gas-safe img { width: 40px; }
	.other-logo.gas-safe { margin-top: 20px; }
	.other-logo { height: 30px; }
	/*Pages*/
	.cycle-pager { top: 0; }

}