/*
Theme name: Building Services Devon
Description: Custom Theme
*/

p.nocomments{ display: none; }
.page-id-13 .post img {   margin: 8px; }
.gform_wrapper { padding: 0px 20px 20px 20px; margin: 0px 0!important; }
.gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium {    width: 90%!important; }
.gform_button {    background: #4c4c4c!important; }
.gr-reviews { padding: 20px 20px 16px 20px!important; background-color: #ADADAD!important; }
div#gform_wrapper_2 { padding: 0 0 0 0!important; }
.gform_wrapper textarea.small { width: 89.3%!important; }

/******* Layout 1 WordPress CSS *******/

/* Common elements styling */
.post .entry h1 { font-size: 20px; line-height: 30px}
.post .entry h2 { font-size: 22px; line-height: 27px}
.post .entry h3 { font-size: 20px; line-height: 27px}
.post .entry h4 { font-size: 14px; line-height: 21px}
.post .entry h5 { font-size: 12px; line-height: 18px}
.post .entry h6 { font-size: 10px; line-height: 15px}

.post .entry ul, .section-post ul, .section-post ol { margin-left: 25px; list-style-position: outside; }
.post .entry ol { margin-left: 25px; }
.post .entry a img { border: 0 }

p img { padding: 0;	max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { margin: 2px 0 2px 7px; display: inline; }
img.alignleft { margin: 2px 7px 2px 0; display: inline; }
.alignright { float: right; display: inline; }
.alignleft { float: left; display: inline; }
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
table tbody td { width: 116px; border: none!important; padding: 4px 14px; }
table tbody tr:nth-child(even) { background: #EDEDED; }
table tbody tr:first-child{ color:#FFF; font-weight:bold; background:#000;}
table {margin:0 0 20px 0;}
.gform_body input,  .gform_body textarea { border: 1px solid #CCC; }
.gform_button{ background:#000; color:#FFF; padding:5px 10px; border:0px;}
.mapp-layout{ margin: 20px 0 0 0; border:none!important; }
.gr-reviews, .widget_grfwp_widget_reviews{   background-color: #4c4c4c; }
.gr-reviews {   background-color: #4c4c4c;   font-size: 10px;   padding: 0 20px 20px 20px; }
.gr-review { margin: 0px!important;}

/* Calendar widget */
#wp-calendar { empty-cells: show; margin: 10px auto 0; }
#wp-calendar #next a { padding-right: 10px; text-align: right; }
#wp-calendar #prev a { padding-left: 10px; text-align: left; }
#wp-calendar a { display: block; }
#wp-calendar caption { text-align: center; width: 100%; }
#wp-calendar td { padding: 3px 0; text-align: center; }
.wp-caption { border: 1px solid #ddd; text-align: center; padding-top: 4px; margin: 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;}

/* Big images in rich text editor should not break page layout */
.post .entry { overflow: hidden; } 

/******* /Layout 1 WordPress CSS *******/

/* ==========================================================================
	#Reset
========================================================================== */
* { padding: 0; margin: 0; outline: 0; }

/* ==========================================================================
	#Base
========================================================================== */
html,
body { height: 100%; }

html { overflow-y: scroll; 
		-webkit-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%;
}

h1 { font-size: 30px; line-height: 0.85; font-weight: 600; color: #4c4c4c!important; }
h2 { font-size: 22px; line-height: 1; font-weight: 400; color: #4c4c4c!important; margin:5px 0; }
h3 { font-size: 22px; line-height: 1.26; font-weight: 400; color: #4c4c4c!important; }
h4 { font-size: 20px; line-height: 1; font-weight: 600; color: #4c4c4c!important; }
h5 { font-size: 20px; line-height: 1.15; font-weight: 600; color: #4c4c4c!important; }
h6 { font-size: 16px; }

body { min-width: 100%; background: #fff; font-family: 'Open Sans', sans-serif; font-size: 13px; line-height: 1.615; font-weight: 400; color: #000;
/*		-webkit-font-smoothing:antialiased;*/
}

a { cursor: pointer; text-decoration: none; }
a:hover { text-decoration: underline; }

img { border: 0; vertical-align: middle; }

ul,
ol { list-style-position: inside; }

strong { font-weight: bold; }
small { font-size: 80%; }

/* ==========================================================================
	#Helpers
========================================================================== */
.alignleft { float: left; }
.alignright { float: right; }

.hidden { display: none; visibility: hidden; }

.clearfix:before,
.clearfix:after { display: table; content: ' '; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/* ==========================================================================
	#Containers
========================================================================== */
.shell { width: 960px; margin: 0 auto; }

/* ==========================================================================
	#Transition
========================================================================== */
.header-inner p a,
.nav li a,
.feature a,
.widget_text .widgetactions a,
.banner {
 	-webkit-transition: all 0.9s;
	        transition: all 0.9s;
 }

/* ==========================================================================
	#Header
========================================================================== */
.header { overflow: hidden; height: 110px; }

.logo { width: 440px; height: 80px; float: left; display: block; text-indent: 100%; margin: 13px 0 0 0px; white-space: nowrap; overflow: hidden; background: url(images/logo.png) no-repeat 0 0; }

.header-inner { position: relative; float: right; text-align: right; padding-top: 31px; }
.header-inner.display-socials { padding-top: 50px; }
.header-inner p { line-height: 1.69; color: #4c4c4c; text-transform: uppercase; }
.header-inner p a { font-size: 20px; line-height: 1.1; font-weight: 600; color: #000; text-transform: none; }
.header-inner p a:hover { text-decoration: none; opacity: 0.6; }

.socials { display: none; position: absolute; top: 15px; right: 0; }
.display-socials .socials { display: block; }
.socials ul { list-style: none outside none; }
.socials li { float: left; padding-left: 5px; }
.socials li a { width: 24px; height: 24px; display: block; text-indent: 100%; overflow: hidden; white-space: nowrap; }

.link-facebook { width: 24px; height: 24px; background: url(images/facebook.png) no-repeat 0 0; }
.link-twitter { width: 24px; height: 24px; background: url(images/twitter.png) no-repeat 0 0; }
.link-google { width: 24px; height: 24px; background: url(images/google.png) no-repeat 0 0; }
.link-youtube { width: 24px; height: 24px; background: url(images/youtube.png) no-repeat 0 0; }
.link-pinterest { width: 24px; height: 24px; background: url(images/pinterest.png) no-repeat 0 0; }
.link-linkedin { width: 24px; height: 24px; background: url(images/linkedin.png) no-repeat 0 0; }
.link-instagram { width: 24px; height: 24px; background: url(images/instagram.png) no-repeat 0 0; }
.link-email { width: 24px; height: 24px; background: url(images/email.png) no-repeat 0 0; }

.link-facebook:hover { width: 24px; height: 24px; background: url(images/facebook-hover.png) no-repeat 0 0; }
.link-twitter:hover { width: 24px; height: 24px; background: url(images/twitter-hover.png) no-repeat 0 0; }
.link-google:hover { width: 24px; height: 24px; background: url(images/google-hover.png) no-repeat 0 0; }
.link-youtube:hover { width: 24px; height: 24px; background: url(images/youtube-hover.png) no-repeat 0 0; }
.link-pinterest:hover { width: 24px; height: 24px; background: url(images/pinterest-hover.png) no-repeat 0 0; }
.link-linkedin:hover { width: 24px; height: 24px; background: url(images/linkedin-hover.png) no-repeat 0 0; }
.link-instagram:hover { width: 24px; height: 24px; background: url(images/instagram-hover.png) no-repeat 0 0; }
.link-email:hover { width: 24px; height: 24px; background: url(images/email-hover.png) no-repeat 0 0; }

.link-facebook,
.link-twitter,
.link-google,
.link-youtube,
.link-pinterest,
.link-linkedin,
.link-instagram,
.link-email {
 	-webkit-transition: all 0.5s;
	        transition: all 0.5s;
 }

.mail { float: left; width: 140px; text-align: right; }
.phone { float: left; width: 170px; text-align: right; padding-right: 1px; }

/* ==========================================================================
	#Nav
========================================================================== */
.nav { height: 43px; background: #202f37; margin-bottom: 1px; }
a.menu-btn { display: none; }
.nav ul { list-style: none outside none; height: 43px; padding-left: 10px; background-color: #4c4c4c; }
.nav li { float: left; }
.nav li a { padding: 0 13px 0 12px; font-size: 13px; line-height: 40px; color: #fff; font-weight: 600; text-transform: uppercase; }
.nav li a:hover,
.nav li.current-menu-item a { color: #FFFFFF!important; text-decoration: none; }

/* ==========================================================================
	#Slider
========================================================================== */
.slider { margin-bottom: 2px; }
.slider,
.slider-clip,
.slider .slides,
.slider .slides li,
.slider .slides li .slide-image { position: relative; z-index: 1; width: 960px; height: 269px; }

.slider .slides { list-style: none outside none; overflow: hidden; }
.slider .slides li { float: left; }
.slider .slides li img { width: 960px; height: 269px; }

.slider .slides li .slide-content { color:#FFF!important; position: absolute; top: 171px; left: 0px; z-index: 2; }
.slider .slides li .slide-content h2 { color:#FFF!important; font-size:30px; padding: 15px 33px 18px 20px; background: rgba(0,0,0,0.5); }

/* ==========================================================================
	#Intro
========================================================================== */
.intro { margin-bottom: 2px; position: relative; z-index: 1; width: 960px; height: 269px; }

.intro img { width: 960px; height: 269px; }

.intro .intro-content { position: absolute; top: 171px; left: 0px; z-index: 2; }
.intro .intro-content h2 { padding: 15px 33px 18px 20px; background: rgba(0,0,0,0.5); }

/* ==========================================================================
	#Section Features
========================================================================== */
.features { list-style: none outside none; overflow: hidden; }
.feature { position: relative; float: left; width: 238px; height: 159px; margin-left: 2px; }
.feature:first-child { margin-left: 0; }
.feature a { display: block; }
.feature a:hover { opacity: 0.9; text-decoration: none; }
.feature img { width: 238px; height: 159px; }
.feature-content { position: absolute; bottom: 0; left: 0; height: 41px; width: 100%; background: rgba(0,0,0,0.7); }
.feature-content h4 { font-size: 16px; margin: 3px 0 0 0; line-height: 36px; text-align: center; font-weight: 400; color: #fff!important; }

/* ==========================================================================
	#Main
========================================================================== */
.main { display: block; overflow: hidden; margin: 31px 0 45px; }

.content { width: 607px; float: left; }

/* ==========================================================================
	#Section Post
========================================================================== */
.section-post { padding-top: 3px; }
.section-post h1 { color: #000; margin: 0px 0 10px 0!important; font-size: 30px!important;   font-weight: 600!important;   line-height: 36px!important; }
.section-post h2,
.section-post h3 { color: #000; margin: 14px 0 7px 0;}
.home h2{ font-size:18px;}

.section-post h1.entry-title { font-size: 30px; font-weight: 600; line-height: 36px; }

.section-post .entry { padding-right: 5px; }
.section-post h4 { padding-bottom: 11px; }
.section-post h5 { padding: 17px 0 10px; }

.section-post p { padding-bottom: 10px; }
.section-post a { color: #4c4c4c; }

.section-post ul ul,
.section-post ol ol { padding: 0 0 0 20px; }

.section-post ul,
.section-post ol { padding-bottom: 10px; }

.section-post blockquote { padding-bottom: 10px; }
.section-post blockquote:before,
.section-post blockquote:after { content: ' " '; }

.section-post img { max-width: 100%; }
.section-post img.alignright { margin: 7px 0 10px 15px; }
.section-post img.alignleft { margin: 7px 15px 10px 0; }

.banner { width: 100%; display: block; margin-top: 15px; min-height: 111px; background: #4c4c4c; }
.banner strong { display: block; padding: 24px 28px; font-size: 40px; line-height: 0.85; font-weight: 300; color: #fff; }
.banner span { display: block; padding: 0 28px 28px 28px; font-size: 16px; line-height: 1.615; font-weight: 400; color: #fff; }
.banner:hover { text-decoration: none; opacity: 0.8; }

/* ==========================================================================
	#Sidebar
========================================================================== */
.sidebar { float: right; width: 301px; color:#FFF!important; }

.widget { width: 301px; margin-bottom: 40px;  background-color: #C1c1c1;  }
.widget .widgettitle { padding: 20px 20px; color:#FFF!important; background: #C1c1c1; }

.widget_text .textwidget {   padding: 0px 20px 20px 20px; background: #C1c1c1; }
.widget_text .textwidget p { padding: 0 20px 10px 20px; font-size: 13px; line-height: 1.77; font-weight: 400; color: #fff; }
.widget_text .widgetactions { background: #4c4c4c; }
.widget_text .widgetactions a { padding: 4px 10px 7px 20px; display: block; font-size: 13px; line-height: 1.77; font-weight: 400; text-transform: uppercase; color: #fff; }
.widget_text .widgetactions a:hover { opacity: 0.6; text-decoration: none; }

/* ==========================================================================
	#Footer
========================================================================== */
.footer-body { margin-bottom: 1px; min-height: 107px; background: #4c4c4c; }
.footer .cols { padding: 17px 0 0 25px; overflow: hidden; }
.footer .col { float: left; }
.footer .col h6 { padding-bottom: 6px; font-size: 12px; line-height: 1.75; font-weight: 700px; text-transform: uppercase; color: #fff; }
.footer .col p { font-size: 12px; line-height: 1.833; font-weight: 400; color: #fff; }
.footer .col p a { color: #fff; }

.col-areas { padding-right: 117px; }
.col-areas h6 { padding-top: 1px; }
.col-areas p { padding-bottom: 6px; }

.footer .col-rods { float: right; padding-right: 28px; }

.col-rods,
.col-hours { text-align: right; }

.col-rods p,
.col-hours p { padding-bottom: 1px; }

.footer-bar { height: 37px; background: #0E0F2C; }

.footer-nav { padding: 0 53px 0 19px; float: left; }
.footer-nav ul { list-style: none outside none; height: 37px; }
.footer-nav li { padding: 0 5px 0 6px; float: left; background: url(images/footer-separator.png) no-repeat left 14px; }
.footer-nav li:first-child { background: none; }
.footer-nav li a { font-size: 11px; line-height: 36px; font-weight: 400; color: #fff; text-transform: uppercase; }

.copyright { float: right; padding-right: 28px; }
.copyright p { font-size: 9px; line-height: 36px; font-weight: 400; color: #969696; }
.copyright p a { color: #969696; }

/* Additional styles */

.blog-container .entry { margin-bottom: 15px; }

.custom-social-block { max-width: 250px; }


/* ==========================================================================
	#Media - Phones
========================================================================== */
@media (max-width: 768px) {

	body { min-width: 100%; background: #ffffff; }
	.shell { width: auto; padding: 0 1px; }

	.header { overflow: hidden; height: auto; }
	.logo { float: none; margin: 0 auto; }
	.header-inner { float: none; text-align: center; padding-top: 10px; }
	.mail { float: none; width: 100px; text-align: center; margin: 0 auto 10px; }
	.phone { float: none; width: 170px; margin: 0 auto 10px; text-align: center; padding-right: 0; }

	a.menu-btn { position: relative; z-index: 5; display: inline-block; float: right; text-indent: 100%; white-space: nowrap; overflow: hidden; margin: 5px 5px 0 0; width: 37px; width: 37px; height: 31px; background: url(images/menu-btn.png) no-repeat 0 0; }

	.nav { width: auto; }
	.nav ul { position: absolute; top: 243px; left: 0; right: 0; z-index: 5; float: none; display: block; background: #202f37; margin: 0 1px; padding: 0; visibility: hidden; height: auto; }
	.nav ul { 
		-webkit-transform: scale(0.8) translate3d(0,-10%,0);
				transform: scale(0.8) translate3d(0,-10%,0);
		-webkit-transition: all 0.3s;
				transition: all 0.3s;
	}
	.nav ul li { float: none; display: block; margin: 0; padding: 0; text-align: center; border-bottom: 1px solid #fff; }
	.nav ul li:first-child { border-top: 1px solid #fff; }
	.nav ul li a { padding: 10px 20px; display: block; position: relative; margin: 0; font-size: 14px; line-height: 1.2; color: #fff; }
 
	.nav.show ul { visibility: visible; opacity: 1; background: #202f37; }
	.nav.show ul { 
		-webkit-transform: scale(1) translate3d(0,0,0);
				transform: scale(1) translate3d(0,0,0);
	}
	.nav li a {
	 	-webkit-transition: all 0s;
		        transition: all 0s;
 	}

	.slider,
	.slider-clip,
	.slider .slides,
	.slider .slides li,
	.slider .slides li .slide-image { position: relative; z-index: 1; width: auto; height: auto; }
	.slider .slides li img { width: 100%; height: auto; }
	.slider .slides li .slide-content { position: static; }
	.slider .slides li .slide-content h2 { font-size: 18px; padding: 7px 0; background: rgba(0,0,0,0.7); text-align: center; }

	.intro { width: auto; height: auto; }
	.intro img { width: 100%; height: auto; }
	.intro .intro-content { position: static; }
	.intro .intro-content h2 { font-size: 18px; padding: 15px 33px 18px 20px; background: rgba(0,0,0,0.5); }

	.feature { position: relative; float: none; margin: 0 auto 5px; }
	.feature:first-child { margin: 3px auto 5px; }

	.content { width: auto; padding: 0 10px 10px; float: none; }

	.section-post { text-align: center; } 
	.section-post img.alignright,
	.section-post img.alignleft { width: 50%; height: auto; }
	.section-post .banner { text-align: left; }

	.section-post .entry { text-align: left; }

	.section-post ul ul,
	.section-post ol ol { padding-bottom: 0; }

	.sidebar { float: none; width: 301px; margin: 0 auto; }

	.footer .cols { padding: 10px 15px; }
	.footer .col { float: none; text-align: center; margin: 0 auto 15px; }
	.col-areas { padding-right: 0; }
	.col-rods { padding-right: 0; }
	.col-rods,
	.col-hours { text-align: center; }
	.footer-bar { height: auto; }
	.footer-nav { padding: 0; text-align: center; float: none; }
	.footer-nav ul { height: auto; }
	.footer-nav li { padding: 5px 0; float: none; background: none; }
	.footer-nav li a { line-height: 1.8; }
	.copyright { float: none; text-align: center; }

}