/*
Theme Name: BST
Theme URI: http://simonpadbury.com
Description: Bootstrap Starter Theme for WordPress. Using Twitter Bootstrap 3.3.1
Author: Simon Padbury
Author URI: http://simonpadbury.com
Version: 2.4
License: MIT License
License URI: http://opensource.org/licenses/MIT
*/

article p, article ul{ font-size: 16px; line-height: 24px; margin-bottom: 30px; }
article ul{ padding-left: 16px; }
.split-list li.col-md-6{ padding-left: 10px; padding-right: 30px; }

body{font-family: 'Lato', sans-serif; }
h1, .h1, h2, .h2, h3, .h3, h4, .h4, .hero{ font-family: 'Roboto', sans-serif; }

.pre-header{ background: #fafafa; border-top: 2px solid #52bb5f; padding: 8px 0px; }
.pre-header .fa{ margin-right: 5px; margin-left: 20px; }
.pre-header a{ color: #333; border-bottom: 1px dashed #333; transition: color 0.3s; }
.pre-header a:hover{ text-decoration: none; color: #52bb5f; }

.navbar{ padding: 20px 0px; margin-bottom: 0px; border-bottom: none; background: #fff; }
.navbar .nav{ margin-top: 32px; }
.logo img{ max-height: 110px; display: inline; }

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{ background: none; }
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover{ background: none; }

.navbar-default .navbar-nav a { font-size: 16px; font-family: 'Roboto', sans-serif; border-bottom: 2px solid #204d74; padding: 5px 0px; margin: 0px 15px; }

.navbar-default .navbar-nav li:nth-child(1) a{ border-color: #52bb5f !important; }
.navbar-default .navbar-nav li:nth-child(2) a{ border-color: #89c058 !important; }
.navbar-default .navbar-nav li:nth-child(3) a{ border-color: #637e49 !important; }
.navbar-default .navbar-nav li:nth-child(4) a{ border-color: #87c18e !important; }
.navbar-default .navbar-nav li:nth-child(5) a{ border-color: #a5e769 !important; }


.navbar-default .navbar-nav li:nth-child(1) .dropdown-menu{ border-top-color: #52bb5f !important; }
.navbar-default .navbar-nav li:nth-child(2) .dropdown-menu{ border-top-color: #89c058 !important; }
.navbar-default .navbar-nav li:nth-child(3) .dropdown-menu{ border-top-color: #637e49 !important; }
.navbar-default .navbar-nav li:nth-child(4) .dropdown-menu{ border-top-color: #87c18e !important; }
.navbar-default .navbar-nav li:nth-child(5) .dropdown-menu{ border-top-color: #a5e769 !important; }

.navbar-right .dropdown-menu{ left: 15px; right: auto; margin-top: -2px !important; border-top: 2px solid;}

.dropdown-menu li a{ border: none !important; background: none !important; }
.dropdown-menu .active a{ color: inherit; }

@media(max-width: 767px) {
    .logo{ display: block; text-align: center; }
    .navbar-toggle{ float: none; width: 100%; border: none; border-radius: 0px; margin-bottom: 0px; margin-top: 20px; background: #89c058 !important; color: #fff; transition: background 0.3s;}
    .navbar-toggle:hover{ background: #1882b6 !important; }
    .navbar{ padding-bottom: 0px; }
    .navbar-nav{ margin: 20px 0px; }
    .nav > li{ margin-bottom: 10px; }
    .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a{ padding-left: 0px; }


}

@media (min-width:768px) and (max-width: 992px){
    .logo{ margin-left: -15px; }
    .logo img{ width: 240px; }
    .navbar .nav{ margin-top: 10.5px; }
    .navbar-default .navbar-nav a{ margin: 0 12px; }
}

.hero{ background-image: url(images/1.jpg); background-repeat: no-repeat; background-size: cover; background-attachment: fixed; background-position: 50%; }
.hero .container{ font-size: 20px; height: 400px;}
.hero .cta{ color: #333; display: inline-block; margin-top: 20px; border: 1px solid #333; transition: background 0.3s; padding: 5px 20px; border-radius: 5px; font-size: 20px;}
.hero .cta:hover{ background: #fff; background: rgba(255,255,255,0.5); text-decoration: none; }

.hero .slide{ width: 100%; }
.cycle-pager{ text-align: center; font-size: 40px; margin-top: -57px; color: #fff; position: relative; z-index: 9999; }
.cycle-pager span{ transition: color 0.3s; }
.cycle-pager:hover{ cursor: pointer; }
.cycle-pager-active{ color: #52bb5f; }

.slide-content{ width: 100%; display: table-cell;
    vertical-align: middle; }
.slide-container{ height: 400px; width: 100%; display: table; }

@media(min-width: 768px){

    .hero .container{}
}

@media(min-width: 992px){
    .hero .container{ font-size: 28px; width: 80%; height: 400px; }
    .hero .cta{ font-size: 22px; }
}

@media(min-width: 1200px){
    .hero .container{ height: 500px; }
    .slide-container{ height: 500px; width: 100%; display: table; }
    .slide-content{ width: 100%; display: table-cell;
        vertical-align: middle; }
}

.leadblock{ text-align: center; padding: 60px; border-bottom: 1px solid #cdcdcd; margin: 0px !important; }
.leadblock .h2{ margin: 0px; line-height: 40px; }

.fa-lg{ font-size: 3em !important; }
.block1{ padding: 30px 0px 30px 0px; margin-bottom: 0px !important; margin-top: 30px; }
.block1 p{ margin: 0px; }
.block1 .col-md-4{ padding: 30px; }

.block1 img{ border: 5px solid #71b031; border-radius: 400px; width: 240px; }
.block1 .col-md-4:nth-child(1) img{ border-color: #89c058; }
.block1 .col-md-4:nth-child(2) img{ border-color: #87c18e; }
.block1 .col-md-4:nth-child(3) img{ border-color: #637e49; }

.text-center .img-responsive{ margin-left: auto; margin-right: auto; }

.btn{ color: #fff !important; background: #52bb5f; transition: background 0.3s; display: inline-block; }
.block1 .btn{ margin-top: 20px; }

.btn:hover{ background: #71b031; }

.block2{ padding: 60px 0px; font-size: 22px; text-align: center; margin-bottom: 0px;  }
.block2 .col-sm-6{ margin-top: 30px; font-size: 18px; }
.block2 .col-sm-6 a{ font-size: 28px; color: #333; transition: color 0.3s; }
.block2 .col-sm-6 a:hover{ color: #71b031; text-decoration: none; }

@media(min-width: 768px){
.block2 .first{ border-right: 1px solid #cdcdcd; }
}

.qa-block{ padding: 80px 30px; text-align: center;  color: #fff; background-size: cover; font-size: 24px;
    background: #52bb5f; /* Old browsers */
    background: -moz-linear-gradient(top, #52bb5f 0%, #71b031 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#52bb5f), color-stop(100%,#71b031)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #52bb5f 0%,#71b031 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #52bb5f 0%,#71b031 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #52bb5f 0%,#71b031 100%); /* IE10+ */
    background: linear-gradient(to bottom, #52bb5f 0%,#71b031 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#52bb5f', endColorstr='#71b031',GradientType=0 ); /* IE6-9 */
    background-attachment: fixed;
}
.qa-block .cta{ color: #fff; display: inline-block; margin-top: 20px; border: 1px solid #fff; transition: all 0.3s; padding: 5px 20px; border-radius: 5px; font-size: 20px; }
.qa-block .cta:hover{ background: #fff; color: #333; text-decoration: none; }

@media(min-width: 992px){

    .qa-block{ font-size: 28px; }
    .qa-block .cta{ font-size: 22px; }
}

.site-footer{ padding: 0px !important; }

.colourbar div{ float: left; height: 3px; }
.colour0{ background: #333; width: 60%; }

.colour1{ background: #52bb5f !important; width: 8%; }
.colour2{ background: #89c058 !important; width: 8%; }
.colour3{ background: #637e49 !important; width: 8%; }
.colour4{ background: #87c18e !important; width: 8%; }
.colour5{ background: #a5e769 !important; width: 8%; }

.site-main-footer{ background: #111; color: #fff; padding: 40px 0px; }
.site-main-footer a{ color: #fff; }
.site-main-footer h3{ margin-top: 0px !important; }
.site-main-footer p{ text-align: left !important; }

.site-sub-footer{ color: #fff; background: #181818; padding: 20px 0px; }
.site-sub-footer a{ color: #fff; transition: color 0.3s; }
.site-sub-footer a:hover{ text-decoration: none; color: #71b031; }

@media(max-width: 767px){

    .site-sub-footer div{ text-align: center !important; line-height: 32px; float: none !important; }
}

@media(max-width: 429px){
    .site-main-footer .col-xs-6{ width: 100%; }
}

@media(max-width: 991px){
.site-footer .btn{ width: 100%; margin-bottom: 20px; }

}

.contact-backing{ color: #fff !important;  }

.contact-backing a{ color: #fff !important; }
.contact-backing .block2 .first{ border-right-color: #fff !important; }
.contact-backing a:hover{ text-decoration: underline !important;}

.page-hero{ font-size: 22px; text-align: center; background: #52bb5f; color: #fff; padding: 80px 0; margin-bottom: 50px; background-attachment: fixed; }
.page-hero h2{ margin-top: 0px; border-bottom: 1px solid #fff; display: inline-block; padding-bottom: 20px; margin-bottom: 20px; }


/* About Pages */
.contact-backing{
    background: #52bb5f; /* Old browsers */
    background: -moz-linear-gradient(top, #52bb5f 0%, #71b031 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#52bb5f), color-stop(100%,#71b031)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #52bb5f 0%,#71b031 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #52bb5f 0%,#71b031 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #52bb5f 0%,#71b031 100%); /* IE10+ */
    background: linear-gradient(to bottom, #52bb5f 0%,#71b031 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#52bb5f', endColorstr='#71b031',GradientType=0 ); /* IE6-9 */

}

/* Staff Profiles */
.profile{ padding-top: 30px; }
.profile img{ border-radius: 300px; border: 5px solid;}
.profile:nth-child(5n+1) img{ border-color: #89c058 !important; }
.profile:nth-child(5n+2) img{ border-color: #52bb5f !important; }
.profile:nth-child(5n+3) img{ border-color: #637e49 !important; }
.profile:nth-child(5n+4) img{ border-color: #87c18e !important; }
.profile:nth-child(5n+5) img{ border-color: #a5e769 !important; }

@media(max-width: 767px){
    .profile img{ margin-left: auto; margin-right: auto; max-width: 200px; }
    .profile h3{ text-align: center; margin-bottom: 20px; }
}

@media(min-width: 768px){
    .profile .col-sm-9{ padding-left: 30px; }
}
@media(min-width: 992px){
    .profile .col-sm-9{ padding-left: 60px; }
}

@media(min-width: 992px) {
    .col-md-6.first {
        padding-right: 20px !important;
    }

    .col-md-6.last {
        padding-left: 20px !important;
    }
}

.qa-form{ border-top: 1px dashed #333; padding-top: 20px; margin-top: 20px; }
#gform_wrapper_1, #gform_wrapper_1 input, #gform_wrapper_1 textarea{ width: 100% !important; max-width: 100% !important; }
#gform_submit_button_1{ border: none; }
.qa-form .h3{ margin-bottom: 20px; }

#gform_wrapper_1 .gfield_radio li input, #gform_wrapper_1 .gfield_checkbox li input{ width: auto !important; }

#gform_wrapper_1 .notice-box{ border: 1px solid #c9302c; color: #c9302c; background: #ebccd1; padding: 0 30px; margin-top: 30px; }