/*
Theme Name: Protecting.co.uk Theme
Theme URI: #
Description: Custom responsive theme
Author: Webscape
Author URI: http://www.webscape.uk
Version: 1.0
Tags: 

License:
License URI:
*/
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700');
@import url('css/reset.css');
@import url('css/layout.css');
@import url('css/typography.css');
@import url('css/forms.css');
@import url('css/menus.css');
@import url('css/wp.css');

* { margin: 0; padding: 0; }
html { overflow-y: scroll; overflow: -moz-scrollbars-vertical; font-size: 62.5%; }
body {
  	background-color: #286077;
  	font: normal 1.2rem Verdana, Arial, Helvetica, sans-serif;
  	color: #4a4a4a;
  	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: none;
}

.left, .columns.left, .alignleft	{ float: left; }
.right, .columns.right, .alignright	{ float: right; }
.hide     	{ display: none; }
.highlight 	{ background: #ff0; }
.no-border { border: none; }
b,
strong,
.bold { font-weight: 700; }

.alignleft {
	margin: 0 10px 10px 0;
}
.alignright {
	margin: 0 0 10px 10px;
}

.selectnav { display: none; }

#header > .inner,
#main > .inner,
#footer.top > .inner,
#footer.bottom > .inner {
	max-width: 1020px;
	margin: 0 auto;
}

#header {
	background-color: #3ea5ce;
}
#header .logo {
	margin: 30px 0 30px 0;
}
#header .telephone {
	font: 300 3.3rem 'Source Sans Pro', Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	padding: 10px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
	background-color: #cf2c2c;
	border: 2px solid #ffffff;
	border-top: none;
	margin-bottom: 20px;
}
#header .telephone .fa {
	margin-right: 10px;
}
#header .telephone span {
	font: 600 3.5rem 'Source Sans Pro', Verdana, Arial, Helvetica, sans-serif;
}
#header ul {
	margin: 0 10px;
}
#header li {
	font: 600 1.7rem 'Source Sans Pro', Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	margin-left: 2.2rem;
}
#header li:before {
	content: '\f00c';
	font-family: 'FontAwesome';
	display: inline-block;
	margin-left: -2.7rem;
	padding-right: 5px;
	width: 2.2rem;
}

#main {
	padding: 20px 0;
	background-color: #ffffff;
}

#footer,
#footer li h5 {
	color: #ffffff;
}
#footer .logos {
	margin-right: 30px;
}
#footer.top ul.icons {
	margin-top: 10px;
}
#footer ul.icons li {
	font: 600 1.8rem 'Source Sans Pro', Verdana, Arial, Helvetica, sans-serif;
	line-height: 100%;
	letter-spacing: 1px;
	margin-bottom: 10px;
}
#footer ul.icons li:last-child {
	margin: 0;
}
#footer ul.icons li a {
	color: #ffffff;
	text-decoration: none;
}
#footer ul.icons li i {
	margin-right: 10px;
	vertical-align: middle;
}
#footer.top {
	padding: 20px 0;
	background-color: #397790;
}
#footer.bottom {
	padding: 20px 0;
	background-color: #286077;
}
#footer.bottom i.fa-phone {
	font-size: 1.8rem;
}
#footer.bottom i.fa-envelope {
	font-size: 1.4rem;
}

article {
	margin: 20px 0;
}
article p {
	padding: 0 20px;
	margin-bottom: 15px;
	line-height: 180%;
}
article p:last-child {
	margin-bottom: 0;
}

article .box {
	padding-top: 10px;
}
.archive article .box {
	margin-bottom: 40px;
}
article .box h1 {
	display: inline-block;
	margin: -30px 15px 0 15px;
	padding: 0 5px;
	background-color: #ffffff;
	letter-spacing: -2px;
}
article .box h1 a {
	color: #2e647a;
}
article .box > .inner {
	padding: 20px 0;
	margin: -5px 0 20px 0;
	border: 2px solid #cddbe1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
article .box > .inner .postmeta {
	margin-bottom: 5px;
	font-weight: 700;
}
article .box.margin-left {
	margin-left: 260px;
}
article .box.margin-left h1 {
	margin: -30px 5px 0 5px;
}

#sidebar .box {
	padding: 0;
	margin: 0 0 20px 0;
	border: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#sidebar .box:last-child {
	margin: 0;
}
#sidebar .box .inner {
	padding: 15px;
	background-color: #d6e3e8;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
}
#sidebar .box .inner.curved {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#sidebar .box .inner h3 {
	font: 600 2.2rem 'Source Sans Pro', Verdana, Arial, Helvetica, sans-serif;
	color: #2e647a;
	margin-bottom: 10px;
}
#sidebar .box .inner h4 {
	font: 700 1.7rem 'Source Sans Pro', Verdana, Arial, Helvetica, sans-serif;
	color: #3ea5ce;
	margin-bottom: 10px;
}
#sidebar .box .inner h4 a {
	text-decoration: none;
}
#sidebar .box .inner p {
	font: 400 1.1rem Verdana, Arial, Helvetica, sans-serif;
	line-height: 2rem;
	margin-bottom: 10px;
}
#sidebar .box .inner .postmeta p {
	margin-bottom: 5px;
	font-weight: 700;
}
#sidebar .box.contact-us a {
	display: block;
	padding-top: 114px;
	max-width: 240px;
	margin: 0 auto;
	text-decoration: none;
	background: transparent url('images/box-contact-us.gif') no-repeat;
}
#sidebar .box.contact-us .inner {
	background-color: #397790;
}
#sidebar .box.contact-us .inner p {
	font: 600 2rem 'Source Sans Pro', Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	margin: 0;
}

article ul {
	margin: 0 0 20px 60px;
}
article li {
	line-height: 140%;
	list-style-type: disc;
	margin-bottom: 5px;
}

article.contact,
article.contact-extra {
	padding-top: 40px;
}

article.contact h3.title,
article.contact-extra h3.title {
	font-size: 3.4rem;
	font-weight: 700;
	font-style: italic;
	color: #5ea036;
	letter-spacing: -2px;
	text-align: center;
	line-height: 100%;
}
article.contact h3.subtitle,
article.contact-extra h3.subtitle {
	font-size: 4.4rem;
	color: #2e647a;
	letter-spacing: -2px;
	text-align: center;
	padding-bottom: 40px;
}
article.contact h3 span,
article.contact-extra h3 span {
	font-weight: 700;
}
article.contact h6 {
	font-size: 2.5rem;
	font-weight: 600;
	color: #2e647a;
	margin-bottom: 20px;
}

.find-visit {
	padding-top: 20px;
}
#visitus,
#findus {
	margin-bottom: 40px;
}
#visitus h6,
#findus h6 {
	margin-left: -20px;
	margin-right: -20px;
}

.solidbox {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color: #d6e3e8;
	padding: 20px 0;
}

.contact-extra {
	text-align: center;
	max-width: 800px;
	margin: 0 auto;
}
.contact-extra h1 {
	font: 700 4.5rem 'Source Sans Pro', Verdana, Arial, Helvetica, sans-serif;
	color: #363636;
	margin-bottom: 10px;
}
.contact-extra h2 {
	font: 600 2.8rem 'Source Sans Pro', Verdana, Arial, Helvetica, sans-serif;
	color: #cf2c2c;
	margin-bottom: 30px;
}
.contact-extra .solidbox {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color: #3b3b3b;
	margin-bottom: 20px;
	padding: 10px;
}
.contact-extra .solidbox.warning {
	background: #3b3b3b url('images/contact-warning.png') no-repeat top center;
}
.contact-extra .solidbox.danger {
	background: #3b3b3b url('images/contact-danger.png') no-repeat top center;
}
.contact-extra .solidbox h6 {
	font: 700 2.6rem 'Source Sans Pro', Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	padding-top: 155px;
}
.contact-extra .solidbox p {
	font: 400 1.9rem 'Source Sans Pro', Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	padding: 0;
	margin-bottom: 10px;
}

#contact-warning {
	height: 40px;
	padding: 30px 0;
	background: transparent url('images/warning.png') no-repeat center center;
	border-bottom: 2px solid #cfcfcf;
}
#contact-warnings {
	margin: 50px 0 30px 0;
}

#contact-icons ul {
	margin: 0 0 40px 0;
}
#contact-icons li {
	list-style-type: none;
	font: 700 2.8rem 'Source Sans Pro', Verdana, Arial, Helvetica, sans-serif;
	color: #3ea5ce;
	padding: 0 0 0 60px;
	margin: 0;
	letter-spacing: -2px;
	line-height: 50px;
	text-align: left;
}
#contact-icons li span {
	display: inline-block;
	line-height: 100%;
	vertical-align: middle;
}
#contact-icons li.clock {
	background: transparent url('images/icons/clock.png') no-repeat center left;
}
#contact-icons li.uk {
	background: transparent url('images/icons/uk.png') no-repeat center left;
}
#contact-icons li.advice {
	background: transparent url('images/icons/advice.png') no-repeat center left;
}

#sidebar-contact h3 {
	font: 600 1.8rem 'Source Sans Pro', Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	background-color: #397790;
	margin-bottom: 2px;
	padding: 10px 0;
	text-align: center;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}
#sidebar-contact .box {
	background-color: #d6e3e8;
	text-align: center;
	margin-bottom: 2px;
	min-height: 50px;
}
#sidebar-contact .box.pom {
	padding: 155px 0 35px 0;
	background: #d6e3e8 url('images/sidebar/peace-of-mind.jpg') no-repeat center 20px;
}
#sidebar-contact .box.compliant {
	padding: 155px 0 35px 0;
	background: #d6e3e8 url('images/sidebar/compliant.jpg') no-repeat center 20px;
}
#sidebar-contact .box.accredited {
	padding: 155px 0 35px 0;
	background: #d6e3e8 url('images/sidebar/accredited.jpg') no-repeat center 20px;
}
#sidebar-contact .box.insured {
	padding: 155px 0 35px 0;
	background: #d6e3e8 url('images/sidebar/insured.jpg') no-repeat center 20px;
}
#sidebar-contact .box p {
	font: 600 2.8rem 'Source Sans Pro', Verdana, Arial, Helvetica, sans-serif;
	color: #397790;
	letter-spacing: -1px;
	margin: 0 50px;
	line-height: 100%;
}

.location_alt_content ul {
	margin: 10px 20px 0 20px;
}
.location_alt_content li {
	font: 600 1.8rem 'Source Sans Pro', Verdana, Arial, Helvetica, sans-serif;
	color: #2e647a;
	margin-bottom: 10px;
}

/* Services */
#services,
.service {
	margin-bottom: 20px;
}
#services .row:last-child .service {
	margin-bottom: 0;
}
.service .circle {
	width: 116px;
	height: 116px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	border: 2px solid #ffffff;
	background-color: #397790;
	margin: 0 auto 20px auto;
}
.service a,
.service span {
	display: block;
	padding: 20px 20px 20px 20px;
	background-color: #3ea5ce;
	text-align: center;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-repeat: no-repeat;
	background-size: 0 0;
	background-position: center center;
	text-decoration: none;
}
.service span {
	background-size: 180px 180px;
}
.service span.single-image {
	width: 200px;
	height: 200px;
	background-size: 100% 100%;
}
.single-location .service a,
.single-service .service a,
.single-service .service span {
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}
.single-location .service a.curved,
.single-service .service a.curved,
.single-service .service span.curved {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.service a:hover,
.service a.hover,
.service span.hover,
.service a:hover .circle,
.service a.hover .circle,
.service span.hover .circle {
	background-color: #3ea5ce;
	background-size: 180px 180px;
}
.service a.aqua:hover,
.service a.aqua.hover,
.service span.aqua.hover,
.service a.aqua:hover .circle,
.service a.aqua.hover .circle,
.service span.aqua.hover .circle {
	background-color: #3698a9;
}
.service a.black:hover,
.service a.black.hover,
.service span.black.hover,
.service a.black:hover .circle,
.service a.black.hover .circle,
.service span.black.hover .circle {
	background-color: #49494a;
}
.service a.brown:hover,
.service a.brown.hover,
.service span.brown.hover,
.service a.brown:hover .circle,
.service a.brown.hover .circle,
.service span.brown.hover .circle {
	background-color: #cd9f60;
}
.service a.green:hover,
.service a.green.hover,
.service span.green.hover,
.service a.green:hover .circle,
.service a.green.hover .circle,
.service span.green.hover .circle {
	background-color: #62aa5d;
}
.service a.grey:hover,
.service a.grey.hover,
.service span.grey.hover,
.service a.grey:hover .circle,
.service a.grey.hover .circle,
.service span.grey.hover .circle {
	background-color: #616d77;
}
.service a.orange:hover,
.service a.orange.hover,
.service span.orange.hover,
.service a.orange:hover .circle,
.service a.orange.hover .circle,
.service span.orange.hover .circle {
	background-color: #ed8836;
}
.service a.pink:hover,
.service a.pink.hover,
.service span.pink.hover,
.service a.pink:hover .circle,
.service a.pink.hover .circle,
.service span.pink.hover .circle {
	background-color: #e473b0;
}
.service a.purple:hover,
.service a.purple.hover,
.service span.purple.hover,
.service a.purple:hover .circle,
.service a.purple.hover .circle,
.service span.purple.hover .circle {
	background-color: #8a6ab9;
}
.service a.red:hover,
.service a.red.hover,
.service span.red.hover,
.service a.red:hover .circle,
.service a.red.hover .circle,
.service span.red.hover .circle {
	background-color: #dd3131;
}
.service a.wine:hover,
.service a.wine.hover,
.service span.wine.hover,
.service a.wine:hover .circle,
.service a.wine.hover .circle,
.service span.wine.hover .circle {
	background-color: #b73a57;
}
.service a.yellow:hover,
.service a.yellow.hover,
.service span.yellow.hover,
.service a.yellow:hover .circle,
.service a.yellow.hover .circle,
.service span.yellow.hover .circle {
	background-color: #dcc430;
}
.service a h2,
.service span h2 {
	font-size: 2.2rem;
	font-weight: 600;
	line-height: 100%;
	color: #ffffff;
}
.service a .icon,
.service span .icon {
	margin: 8px;
}

#map {
	padding: 0 20px;
}

#single-service {
	float: left;
	width: 240px;
	margin: 0 30px 20px 0;
}
#single-service .service {
	margin-bottom: 2px;
}
#single-service .service .single-image .inner h2 {
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
}
#single-service > .inner {
	padding: 20px;
	color: #ffffff;
	background-color: #397790;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
}
#single-service > .inner ul {
	margin: 0;
}
#single-service > .inner li {
	margin: 0 0 10px 2rem;
	list-style-type: none;
}
#single-service > .inner li:last-child {
	margin-bottom: 0;
}
#single-service > .inner li a {
	font: 400 1.6rem 'Source Sans Pro', verdana, arial, helvetica, sans-serif;
	color: #ffffff;
}
#single-service > .inner li:before {
	content: "\f054";
	font-family: "FontAwesome";
	display: inline-block;
	margin-left: -2rem;
	width: 2rem;
}​

@media only screen and (max-width: 479px) {
	#header .telephone span {
		display: block;
	}
	
	article ul {
		margin: 0 0 20px 0;
	}
}

@media only screen and (max-width: 599px) {
	#header .telephone span {
		display: block;
	}
	
	article ul {
		margin: 0 20px 20px 20px;
	}
	article .box.margin-left {
		margin-left: 0px;
	}
	#single-service {
		float: none;
		width: auto;
		margin: 0 0 20px 0;
	}
}

@media only screen and (max-width: 767px) {
	#main .quote {
		display: none;
	}
	#sidebar .quote {
		display: inherit;
	}
	
	#header {
		text-align: center;
	}
	#header .telephone {
		border-top: 2px solid #ffffff;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}
	#header .telephone span {
		display: block;
	}

	#services { margin: 0 !important; }
	#services .row:last-child .service {
		margin-bottom: 20px;
	}
	
	#contact-icons ul {
		margin: 0 0 20px 0;
	}
	
	#footer.top,
	#footer.bottom {
		text-align: center;
	}
	#footer.bottom ul {
		margin-bottom: 20px;
	}
	#footer.bottom ul.icons {
		margin-bottom: 0;
	}
	
	article ul {
		margin: 0 0 20px 60px;
	}
	
	.location_alt_content ul {
		margin-top: 20px;
	}
}

@media only screen and (max-width: 1049px) {
	#header > .inner,
	#main > .inner,
	#footer.top > .inner,
	#footer.bottom > .inner {
		padding: 0 20px;
	}
	
	#header > .inner {
		padding-bottom: 20px;
	}
	
	#contact-warning { display: none; }
}