/*
Theme Name: Global Environmental
Theme URI: http://www.globalenvironmental.co.uk/
Author Name: John Carter
Author URI: http://www.johncarter.co.uk/
*/

body, input {font: 14px "Open Sans"; font-weight: 400; color: #939393; background: #fff}

h1, h2, h3, h4 {font-family: "Open Sans"; color: #585858; font-weight: 600; padding: 0.4em 0; line-height: 1.1em;}
h1 {font-size: 38px; padding-top: 0;}
h2 {font-size: 21px;}
h3 {font-size: 21px;}
h4 {font-size: 14px;}

small {font-size: 11px;}
strong, b {font-weight: 600;}
em {}
p {font-weight: 400; line-height: 1.6em; margin-bottom: 1em;}
a {color:#304B66;}

ul {padding-left: 30px; margin-bottom: 14px;}
ul li {padding-left: 10px; line-height: 20px;}

table {width: 100%; margin-bottom: 20px;}
table td {padding: 6px;}
table tr {border-bottom: 1px solid #eee;}

.centered {text-align: center; margin: 0 auto;}

input, textarea, select, option {font: 13px "Open Sans"; color: #4D4D4D; border: 1px solid #DFDFDF; background: #fff; margin: 0 0 5px; padding: 6px; width: 100%; outline: none;}
textarea {resize: vertical;}
input[type="submit"] {width: auto; color: #fff; text-transform: uppercase; padding: 10px 5%; border: 0; cursor: pointer;}
input[type="submit"]:hover {}
input[type="submit"]:active {border: 0;}
::-webkit-input-placeholder {font-style: italic;}
:-moz-placeholder {font-style: italic; opacity: 1;}
::-moz-placeholder { font-style: italic; opacity: 1;}
:-ms-input-placeholder {font-style: italic;}

::selection {background: #34495e; color: #fff;}
::-moz-selection {background: #34495e; color: #fff;}

/* wordpress defaults */

.wp-caption {text-align: center; padding: 0.8em; background: #4F5F6F; }
.wp-caption img {width: 100%; height: auto;}
.wp-caption-text {font-size: 11px; text-align: right; font-style: italic; color: #fff;}
.alignright {float:right; margin:0 0 1em 1em}
.alignleft {float:left; margin:0 1em 1em 0}
.aligncenter {display: block; margin-left: auto; margin-right: auto}

.left {float: left;} 
.right {float: right;}
.clear {clear: both;}
.clearfix:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.last {margin-right: 0!important;}

.text-right {text-align: right;}

.setwidth {width: 1156px; margin: 0 auto; position: relative;}


/* persistent */

/* header */

#identity {margin: 40px 0 20px; float: left;}
#identity, #identity img {display: inline-block;}
#identity img {}

#head-right {width: 890px; float: right;}

#login-section {float: right; background: #fafafa; padding: 6px 9px; width: auto; margin-right: 30px;border-radius: 0 0 5px 5px;}
#login-section a {text-decoration: none; font-size: 11px; background: #5E9EDF; display: block; padding: 8px 12px; margin: 0px; color: #fff; border-radius: 3px; text-transform: uppercase}

#head-contact {float: right; margin: 10px 30px 0 0 ;}
#head-contact span {display: inline-block; margin: 0 8px -1px 0; width: 15px; height: 21px; background: url('images/persistent/phone-icon.png') no-repeat bottom center;}
#head-contact p {color: #5C6C83; font-weight: 600; font-size: 17px; margin: 0; line-height: 1em;}

#main-nav {float: right; margin-top: 50px; }
#main-nav ul {padding: 0; margin: 0;}
#main-nav ul li {display: inline-block; margin: 0 10px 0 0; padding: 0;}
#main-nav ul li a {display: inline-block; padding: 8px 14px; text-decoration: none; text-transform: uppercase; font-size: 13px;}
#main-nav ul li a:hover,
#main-nav ul li.current_page_item a,
#main-nav ul li.current-page-ancestor a,
#main-nav ul li.current-menu-item a,
#main-nav ul li.current_page_parent a {background: #6BB375; color: #fff;}

.post-type-archive-training #main-nav ul li.current_page_parent a,
.single-training #main-nav ul li.current_page_parent a,
.search-results #main-nav ul li.current_page_parent a  {background: none; color: #304B66;}


/* footer */

#footer-border {height: 10px; background: url('images/persistent/footer-border.png') repeat-x; margin-top: 30px;}
#footer-content {background: #304b66; color: #fff; padding: 20px 0; font-size: 11px; min-height: 250px;}
#footer-content input {font-size: 11px; margin: 0;}

#search {width: auto; margin-right: 120px; float: left;}
#site-links {width: auto; float: left; padding-top: 15px; margin-right: 120px; }
#footer-social {width: 287px; float: left; padding-top: 10px;}
#footer-association {width: auto; float: right;}

#search {font-size: 11px;}
#search h5 {margin-bottom: 5px;}
#search input[type="text"] {width: 180px;}
#search input[type="submit"] {height: 29px; width: 30px; background: url('images/persistent/search.png') no-repeat center center #5e9edf}


#site-links ul {padding: 0;}
#site-links ul li {padding: 0; list-style: none;}
#site-links ul li a {color: #fff; text-decoration: none; text-transform: uppercase; font-size: 13px;}
#site-links ul li a:hover {}

#footer-social a {color: #fff; text-decoration: none;}
#footer-social a span {display: inline-block; width: 22px; height: 22px; margin-right: 3px; background: url('images/persistent/twitter.png') no-repeat bottom center;}
#footer-social .screen-reader-response {display: none;}
#footer-social form p {margin-bottom: 4px;}
#footer-social input[type="email"] {width: 100%; margin-bottom: 5px;}
#footer-social input[type="submit"] {width: auto; color: #fff; text-transform: uppercase; border: 1px solid #5e9edf; background: #5e9edf; cursor: pointer;}
#footer-social .wpcf7-response-output {color: #fff!important;}

#footer-association p {float: left; width: auto; margin-right: 10px; font-style: italic;}
#footer-association img {float: right; border: 5px solid #fff;}


/* default page */

#breadcrumb {background: #6081B0; padding: 5px 0;}
#main {margin: 30px 0;}
#left-sidebar {float: left; width: 200px; margin-right: 20px;}
#main-column {float: left; width: 625px; border-left: 1px solid #dedede; padding-left: 20px; min-height: 450px;}
#right-sidebar {float: right; width: 270px;}

#breadcrumb {padding: 8px 0 8px 20px; margin: 0; font-size: 11px; color: #fff;}
#breadcrumb p {margin: 0; padding: 0;}
#breadcrumb p a {color: #fff;}

#left-sidebar ul {padding: 0; margin: 0;}
#left-sidebar ul li {list-style: none; margin: 0 0 5px 0; padding: 0;}
#left-sidebar ul li a {text-transform: uppercase; font-size: 13px; text-decoration: none; display: block; padding: 8px; line-height: 1.3em;}
#left-sidebar ul li a:hover,
#left-sidebar ul li.current_page_item a,
#left-sidebar ul li.current_post_item a,
#left-sidebar ul li.current_post_item a span.date {background: #6BB375; color: #fff;}

#right-sidebar h3 {font-size: 13px; text-transform: uppercase;}
#right-sidebar img {border-radius: 4px; width: 100%; height: auto;}
#newsletter-side {border-radius: 5px; background: url('images/sides/newsletter-bg.png') no-repeat 180px 10px #5e9edf; min-height: 140px; margin-top: 20px; color: #fff; padding: 15px;}
#newsletter-side form, #newsletter-side form input {font-size: 11px;}
#newsletter-side form p {font-size: 13px; color: #fff;}
#newsletter-side .screen-reader-response {display: none;}
#newsletter-side form .wpcf7-response-output {color: #fff!important;}
#newsletter-side form label {width:auto; float: left; line-height: 29px;}
#newsletter-side form input[type="email"] {width: 100%; float: right;}
#newsletter-side form input[type="submit"] {width: auto; float: right; font-size: 11px; text-transform: uppercase; color: #fff; background: #6BB375; border: 1px solid #6BB375; cursor: pointer;}
#newsletter-side form img {widtH: auto; height: auto;}


/* home */

.bxslider, .bxslider li {padding: 0; margin: 0}
.bx-viewport {height:364px!important; border: 0!important; left: 0!important;}

#banner {overflow: hidden; height: 364px; position: relative;}
#banner img {width: 100%; min-width: 1156px; height: auto; margin-top: -11%;}
#banner li.banner-170 img {margin-top: -38%;}
#banner .caption {position: absolute; z-index: 50; padding: 0 2%; width: 70%;right:  0;top:  30px; border-bottom: 2px solid #fff; -webkit-box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.3); box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.3);}
#banner .caption h2 {color: #fff; font-size: 46px; font-weight: 600; text-align: right; text-shadow: 2px 2px 2px rgba(0,0,0,0.3);}

#home-services {margin: 15px 0 30px; background: #6081B0;}
#home-services .service {width: 365px; float: left; margin: 15px 30px 15px 0;}
#home-services .service a {text-decoration: none; display: block; padding: 15px; text-align: center; min-height: 277px;}
#home-services .service a:hover {background: #7499CD}
#home-services .service img {max-width: 100%; height: auto; margin-bottom: 8px;}
#home-services .service.last {float: right;}
#home-services .service h2 span {width: 30px; height: 30px; display: inline-block; background-repeat: no-repeat; vertical-align: middle;}
#home-services .service.asbestos h2 span {background-image: url('images/home/w-asbestos.png'); margin-right: 11px}
#home-services .service.training h2 span {background-image: url('images/home/w-training.png'); margin-right: 8px}
#home-services .service.other h2 span {background-image: url('images/home/w-news.png'); margin-right: 3px}
#home-services .service h2 {display: inline-block; margin: 5px auto 10px; padding: 0 0 3px; font-size: 18px; text-transform: uppercase; color: #fff; vertical-align: middle;}
#home-services .service h2:hover {}
#home-services .service p {font-size: 13px; color: #666; margin: 0; color: #fff; text-align: center;}

#home-lower {margin: 0 0 30px 0;}
#home-lower .third {width: 365px; float: left; margin: 15px 30px 15px 0; padding: 15px;}

#intro-text p:first-child {font-size: 18px; line-height: 26px;}

#news-feed {}
#news-feed h3 {display: inline-block; margin: 5px auto 10px; padding: 0 0 3px; font-size: 18px; text-transform: uppercase; vertical-align: middle;}
#news-feed h3 span {width: 30px; height: 30px; display: inline-block; background: url('images/home/news.png') no-repeat; vertical-align: middle; margin-right: 3px;}
#news-feed .story a {color: #6bb375; text-decoration: none;}
#news-feed .story p {font-size: 12px;}
#news-feed .story p.date {margin-bottom: 0.2em; color: #bbb;}

/* meet the team */

.team-member {border-bottom: 1px solid #fafafa; padding: 10px 0;}
.team-member img {width: 141px; margin: 5px 15px 10px 0; height: auto; min-height: 174px; float: left;}
.team-member .team-text {width: 448px; float: right;}
.team-member p {margin: 0.3em;}
.team-member p.desc {font-size: 11px; margin-bottom: 1em}


/* single course */

.course-main h1 {padding-bottom: 0;}
.course-main h3 {margin-top: 20px; font-size: 17px; }

.course-main .topics ul {padding: 0; margin: 0; margin-top: 10px;}
.course-main .topics li {list-style: none; background: url('images/persistent/tick.png') no-repeat left center; padding-left: 26px; margin-bottom: 6px;}

.course-details {border-radius: 5px; background: url('images/sides/newsletter-bg.png') no-repeat 230px 10px #f6f6f6; min-height: 140px; margin-top: 20px; padding-bottom:10px;}
.course-details h3 {padding: 15px; background: #5e9edf; border-radius:  5px 5px 0 0; color: #fff;}
.course-details .row {padding: 0 15px; margin: 16px 0; font-size: 11px; text-transform: uppercase;}
.course-details .row .label {display: inline-block; width: 89px; vertical-align: middle; color: #909090}
.course-details .row .value {display: inline-block; width: 140px; margin-left: 7px; text-align: right; vertical-align: middle; color: #4c4c4c}

.presenter img {float: left; margin-right: 15px;}
.presenter-biog {margin-top: 8px; font-size: 12px;}


/* index */

.blog .blog-entry p,
.blog .blog-entry li {font-size: 12px;}
.blog .blog-entry a {color: #6BB375}
.blog .blog-entry .blog-entry-thumb {float: left; width: 90px; margin: 10px 10px 10px 0; display: block;}
.blog .blog-entry .blog-entry-thumb img {width: 100%; height: auto;}
.blog .blog-entry h2 a {text-decoration: none;}
.blog .blog-entry h2 {margin-bottom: 3px; padding-bottom: 0}
.blog .blog-entry .blog-entry-text {float: left; width: 504px; }
.blog .blog-entry .blog-entry-text .date {margin: 0;}
.blog .blog-entry .blog-entry-text.no-thumb {widtH: 100%;}
.blog .blog-entry h2 a:hover {text-decoration: underline;}
.date {text-transform: none; font-size: 10px; color: #999}
a:hover .date {color: #fff;}


/* services*/
.page-id-23 #main-column a {display: inline-block; vertical-align: top; margin: 0 10px 10px 0; background: #fafafa; padding: 10px; padding-bottom: 0; width: 190px; text-decoration: none;}
.page-id-23 #main-column a:nth-of-type(3n+3) {margin-right: 0;}
.page-id-23 #main-column a .thumb-wrap {width: 170px; height: 115px; overflow: hidden;}
.page-id-23 #main-column a img {display: block; opacity: 0.85; width: 170px; height: auto; margin-top: -20px;}
.page-id-23 #main-column a .thumb-wrap[data-post-id="13"] img {margin-top: 0; width: 175px;}
.page-id-23 #main-column a img:hover {opacity: 1}
.page-id-23 #main-column a h4 {text-align: center; color: #6BB375; text-transform: uppercase; font-size: 13px; height: 45px; font-weight: 400; margin-top: 8px;}


/* sectors */
.sector-link {display: block; height: 133px; position: relative; margin-bottom: 15px;}
.sector-link:hover {opacity: 0.85;}
.sector-link span {position: absolute; z-index: 50; font-size: 18px; color: #fff; text-shadow: 2px 2px 2px rgba(0,0,0,0.3); font-weight: 600; font-size: 30px; bottom: 4px; left: 4px;}
#commercial {background: url('images/sectors/commercial.jpg') no-repeat;}
#healthcare {background: url('images/sectors/healthcare.jpg') no-repeat;}
#municipal {background: url('images/sectors/municipal.jpg') no-repeat;}
#schools {background: url('images/sectors/schools.jpg') no-repeat;}
#social-housing {background: url('images/sectors/social-housing.jpg') no-repeat;}



/* contact */

.page-template-ge-contact #left-sidebar { width: 320px;}
.page-template-ge-contact #main-column { width: 490px; padding-left: 45px; border: none;}

.page-template-ge-contact h1 {text-indent: -3px; padding-top: 0;}
.addresses address {margin-bottom: 26px; display:block; line-height: 1.8em;}
.addresses strong {color: #304B66}
.addresses .phone {font-weight: bold; color: #6BB375;}

#wpcf7-f145-o1 .wpcf7 {width: auto; font-size: 12px; margin-top: 25px;}
#wpcf7-f145-o1 .wpcf7-form {background: #fafafa; border-radius: 5px; padding: 26px; border: 2px solid #fff;}
#wpcf7-f145-o1 .wpcf7-form .row {height: 40px;}
#wpcf7-f145-o1 .wpcf7-form .row.message {height: auto;}
#wpcf7-f145-o1 .wpcf7-form .label {width: 66px; float: left; text-align: right; line-height: 26px;}
#wpcf7-f145-o1 .wpcf7-form .value {width: 288px; float: left; text-align: left; margin-left: 34px;}
#wpcf7-f145-o1 .wpcf7-form input {width: 288px; font-size: 12px; margin: 0;}
#wpcf7-f145-o1 .wpcf7-form textarea {width: 288px; resize:vertical; font-size: 12px; height: 150px;}
#wpcf7-f145-o1 .wpcf7-form .row.submit .submit-wrap {border: 1px solid #E6E9E8; display:inline-block; float: right;}
#wpcf7-f145-o1 .wpcf7-form .row.submit input {width: auto; padding: 6px 15px; color: #fff; border: 1px solid #5e9edf; background: #5e9edf; float: right;}
#wpcf7-f145-o1 .wpcf7-form .row.submit input:hover {}
#wpcf7-f145-o1 .wpcf7-not-valid-tip {color: #E89B35; font-size: 11px;}
#wpcf7-f145-o1 .wpcf7-not-valid-tip:hover {display: none;}
#wpcf7-f145-o1 .wpcf7-mail-sent-ng, .wpcf7-validation-errors {color: #E89B35; text-align: right;}
#wpcf7-f145-o1 .wpcf7-mail-sent-ng {color: #999}
#wpcf7-f145-o1 .screen-reader-response {display:none;}

#wpcf7-f145-o1 .wpcf7-response-output {text-align: right;}
#wpcf7-f145-o1 .wpcf7-mail-sent-ok {color: #6BB375;}

/* search page */

.search #left-sidebar p {margin-top: 80px; font: 13px; }
.search #left-sidebar p strong {color: #1f4284;}
.search #left-sidebar p .search-query {color: #1f4284; font-style: italic;}

.wp-pagenavi {text-align: right; margin: 0 0 15px 0; font-size: 11px;}
.wp-pagenavi a, .wp-pagenavi span {border: 0!important; padding: 0!important; margin: 0 4px!important;}
.wp-pagenavi a {color: #6BB375;}
.wp-pagenavi span.pages {margin-right: 15px;}

.hls { font-weight: 600;}
.search-result {margin-bottom: 15px;}
.search-result p {margin: 0; padding: 0;}
.search-result .title a {text-decoration: none; font: 17px 'Open Sans'; color: #6BB375}
.search-result .title a:hover {text-decoration: underline;}
.search-result .url a {font-size: 11px; color: #A7B2BE}
.search-result .excerpt {font-size: 11px;}
.search-result a.more-link {color: #6BB375}
