/*
 Theme Name:     Divi Child Theme
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
 
@import url("../Divi/style.css");
 
/* =Theme customization starts here
------------------------------------------------------- */

p {line-height:1.8em;}
#main-header {box-shadow: none !important;}
#et-info {float:right;}

.logo-container a {float:left !important;}
.et_pb_section {padding: 36px 0 !important;}

.et_header_style_centered #top-menu > li > a {padding-bottom:1.2em; padding-top:1.2em;}
.submitbill {background-color:#5cbbb6; border-radius:15px; color:#ffffff !important;padding: 8px 10px !important;}

.submitbill a {padding-bottom:0em !important;}
.submitbill a:link, .submitbill a:visited {color:#fff !important;}
h1 {color:#4ac6c5;}
h2 {color:#4ac6c5;font-weight:600;}
h3 {color:#f44165 ;}

#et-info, #et-secondary-menu > ul > li a {text-transform:uppercase;}

#et-top-navigation a {color:#ffffff;}
#top-header, #et-secondary-nav li ul {background-color:none !important;}

.et_pb_section {
    padding:0px 0 !important;
}

#main-footer {background-color:#e2e2e2!important; border-top: 2px solid #ccc; margin-top: 10px;
    padding-top: 0em;}
#footer-bottom {    background: #e2e2e2; background-color: #e2e2e2 !important;}
#footer-info {color:#727272!important;font-size:10px; 
    float: none;
    padding-bottom: 10px;
    color: #666;
    text-align: center;
}
#footer-widgets {padding: 3% 0 0;}
#footer-bottom .et-social-icon a  {color:#ffffff!important;font-size:18px;}
.footer-widget {color:#696969;}
.footer-widget h4.title {font-weight:600;}
.footer-widget:nth-child(1) h4.title {color:#44c3ae !important;}
.footer-widget:nth-child(2) h4.title {color:#dbaa68 !important;}
.footer-widget:nth-child(3) h4.title {color:#d54463 !important;}
.footer-widget:nth-child(4) h4.title {color:#44c3ae !important;}
.et_pb_gutters3 .footer-widget {margin: 0 5.5% 2.5% 0;}

.gold h3 {color:#dbaa68 !important; font-weight:600;}


.suppliers img {max-width:164px;}

#footer-widgets .footer-widget li.et-social-icon a {color:#f2f2f2;}
#footer-widgets .footer-widget li a {color:#727272;}
.ourpromises {color:#f2f2f2 !important;}
.ourpromises  h3,.ourpromises  h2 {color:#f2f2f2 !important;}

#main-header .container {width:100% !important;max-width:100% !important;}
.bluebg {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f4f4f4+0,e2eeeb+47,d5e9e4+100 */
background: #f4f4f4; /* Old browsers */
background: -moz-linear-gradient(top,  #f4f4f4 0%, #e2eeeb 47%, #d5e9e4 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f4f4f4 0%,#e2eeeb 47%,#d5e9e4 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f4f4f4 0%,#e2eeeb 47%,#d5e9e4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#d5e9e4',GradientType=0 ); /* IE6-9 */
}

.logo_container {width:80%; max-width:1080px;float:none; margin:auto;}
.et_header_style_centered #logo {float:left; margin-top:14px;}
#top-header {display:none;}

#main-header li.et-social-icon {list-style:none !important;float:right; margin-right:5px;}
.et_header_style_centered #main-header .logo_container {margin-top:8px;height: 130px !important;}


.et-social-icon a {
    display: inline-block;
    position: relative;
    color: #eaeaea;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
    transition: color 300ms ease 0s;
    border-radius: 50%;
    padding: 5px 9px;
    margin-right: 10px;
    margin-top: 5px;}

.et-social-icon.et-social-facebook a:link, .et-social-icon.et-social-facebook a:visited {
    background-color: #435992;
    color: #ffffff;
}

.et-social-icon.et-social-twitter a:link, .et-social-icon.et-social-twitter a:visited {background-color: #0aa8f2; color: #ffffff;}
#et-secondary-menu > ul > li a {color:#696969;}
#et-secondary-menu {margin-top:20px !important;width:23%;}

.et-social-icon.et-social-linkedin a:link, .et-social-icon.et-social-linkedin a:visited {background-color: #2888b8; color: #ffffff;}

.et_pb_tab_0:before {content:url('https://sbsolutions.org.uk/wp-content/uploads/2016/11/sbu-gas.png');    display: table-cell;}
.et_pb_tab_0 a, .et_pb_tab_0:before {display:none !important;}
.et_pb_tab_1:before {content:url('https://sbsolutions.org.uk/wp-content/uploads/2016/11/sbu-gas.png');    display: table-cell;}
.et_pb_tab_2:before {content:url('https://sbsolutions.org.uk/wp-content/uploads/2016/11/sbu-electricity.png');    display: table-cell;}
.et_pb_tab_3:before {content:url('https://sbsolutions.org.uk/wp-content/uploads/2016/11/sbu-water.png');    display: table-cell;}
.et_pb_all_tabs {background:transparent; border-top:none;}
.et_header_style_centered #main-header div#et-top-navigation {font-size:29px !important;}
.et_pb_tabs_controls li {border-right:none !important;}
ul.et_pb_tabs_controls, .et_pb_tabs_controls li.et_pb_tab_active {background:transparent; }
.et_pb_tabs {border:none;}
.et_pb_tab.et-pb-active-slide:before {display:none;}


.et_pb_tab_1 a {color: #44c3ae !important;}
.et_pb_tab_2 a {color: #d54463 !important;}
.et_pb_tab_3 a {color: #dbaa68 !important;}


.et_pb_tab.et_pb_active_content {width: 80%;text-align: center;float: none; margin: auto;}

ul.et_pb_tabs_controls {float:none; width:46%; margin:auto;}
.et_pb_tabs_controls li {margin-right:2%; }

.et_pb_tabs_controls li {max-width: 140px;
    text-align: center;}


.et_pb_module ul{list-style-type:none !important;}
.e-icons {width:auto;float:none; margin:auto;}
.e-icons img.aligncenter {display:inline-block;    width: 123px;
    margin-left: 8px;}

.e-intro {margin:auto;float:none; font-weight:bold;color:#888;}
.small {font-size:11px;}
.et-social-icons li {margin-left:0px;}
.et-social-icons  {float:none; margin-top:4px;}
.stattagline {line-height:1.6em; font-size:24px;}

.purple h3 {color:#6a5d93; font-weight:600;}


.whyuse  .et_pb_column.et_pb_column_1_4.et_pb_column_1 {margin-right:0%;margin-left:0%; width: 25.875%;}
.whyuse .et_pb_row {width:90%; float:none;margin:auto;}

.sis { border-radius: 5px; padding: 18px;}
.sis h3 {color: #dbaa68 !important; font-weight:600;}

.halflabel {width:50%;float:left; margin-top:12px;}


input[type=text], input[type=password], input[type=tel], input[type=email], input.text, input.title, textarea, select  {
    padding: 7px;
    border: 0px solid #bbb;
    color: #4e4e4e;
    background-color: #e8f0ee;
}


.services {margin-top:12px; margin-bottom:14px;display:inline-block; width:100% !important;}

textarea.wpcf7-form-control.wpcf7-textarea {    width: 100%;margin-top: 8px;}


input.wpcf7-form-control.wpcf7-submit {
background-color: #44c3ae;
    padding: 12px 22px;
    color: white;
    box-shadow: none !important;
    border-radius: 3px;
    border: none; width:100%; }

input.wpcf7-form-control.wpcf7-submit:hover {
background-color: #36b5a2;}

.submitbill:hover {
    background-color: #f44165;}


.et_pb_sum, .et_pb_pricing li a, .et_pb_pricing_table_button, .et_overlay:before, .et_pb_member_social_links a:hover, .woocommerce-page #content input.button:hover .et_pb_widget li a:hover, .et_pb_bg_layout_light .et_pb_promo_button, .et_pb_bg_layout_light.et_pb_module.et_pb_button, .et_pb_bg_layout_light .et_pb_more_button, .et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active, .et_pb_filterable_portfolio .et_pb_portofolio_pagination ul li a.active, .et_pb_gallery .et_pb_gallery_pagination ul li a.active, .et_pb_contact_submit, .et_pb_bg_layout_light .et_pb_newsletter_button {color: #36b5a2;}


.cu-bg {min-height: 600px;}



.et_header_style_centered nav#top-menu-nav {width:100%;}



.whatwedo ul li {margin-bottom:12px; line-height:12px;}

#top-menu {background-color: #a15ba2;}
#top-menu li { float: left;width: 23%;text-align: center; background-color: #a15ba2;}
#top-menu li:first-child {background-color: #5cbbb6;}
#top-menu li:first-child a {background-color: #e2af4d;-webkit-border-top-right-radius: 30px;padding-left:6%;
-moz-border-radius-topright: 30px;
border-top-right-radius: 30px;-webkit-border-bottom-right-radius:30px;
-moz-border-radius-bottomright: 30px;
border-bottom-right-radius: 30px;}


#top-menu li:nth-child(2) {background-color: #dc4260;}
#top-menu li:nth-child(2) a {background-color: #5cbbb6;-webkit-border-top-right-radius: 30px;
-moz-border-radius-topright: 30px; border-top-right-radius: 30px;-webkit-border-bottom-right-radius:30px;
-moz-border-radius-bottomright: 30px; border-bottom-right-radius: 30px;}

#top-menu li:nth-child(3) {background-color:#a15ba2;}
#top-menu li:nth-child(3) a {background-color: #dc4260;-webkit-border-top-right-radius: 30px;
-moz-border-radius-topright: 30px; border-top-right-radius: 30px;-webkit-border-bottom-right-radius:30px;
-moz-border-radius-bottomright: 30px; border-bottom-right-radius: 30px;}

#top-menu li:nth-child(4), .et_header_style_centered nav#top-menu-nav {background-color: #a15ba2;}
#top-menu li:nth-child(4) a {background-color: #a15ba2;-webkit-border-top-right-radius: 30px;
-moz-border-radius-topright: 30px; border-top-right-radius: 30px;-webkit-border-bottom-right-radius:30px;
-moz-border-radius-bottomright: 30px; border-bottom-right-radius: 30px;}

#top-menu-nav > ul > li > a:hover {opacity: 1;}

#top-menu li:first-child {width: 26% !important;}

#et-secondary-nav {padding-bottom:6px;}
.footer-widget {text-align:center;}
#footer-widgets .footer-widget li:before {
display: none; 
} 
#footer-bottom .container {border-top:1px solid #ccc; padding-top:6px;}
.et_pb_fullwidth_header .et_pb_fullwidth_header_container {width:83%;}
.et_pb_fullwidth_header {padding: 34px 0px !important;}
#top-menu li.current-menu-item > a {color: #f2f2f2!important; font-weight:500!important;}


.et_pb_widget_area_left {border:none !important;}
.et_pb_sidebar_0 .et_pb_widget.widget_nav_menu {border: 1px solid #eaeaea; text-indent: 4%;}
.et_pb_sidebar_0 .et_pb_widget.widget_nav_menu h4 {background-color: #efefef; padding: 0.6em 0;}

div#quotebox {border-left:1px solid #eaeaea;border-right:1px solid #eaeaea; border-bottom:1px solid #eaeaea;  padding-top:12px;}
div.quickquote {background-color:#5cbbb6; color:#f2f2f2 !important;text-align:center;    padding: 0px 7px 14px;}
div.quickquote h3 {color: #f2f2f2 !important;
    font-size: 25px !important;
    text-align: center;
    line-height: 33px;
    padding: 11px 0px;
    text-shadow: darkcyan 1px 1px 0px;}


input[type=text], input[type=password], input[type=tel], input[type=email], input.text, input.title, textarea, select {
    padding: 7px;
    border: 0px solid #bbb;
    color: #4e4e4e;
    background-color: #fcfcfc;
    border: 1px solid #eaeaea;
    text-align: center;
    /* margin-bottom: 12px; */
    float: none;
    margin: 0 auto 12px !important;
    width: 100%; }


div.wpcf7 {width:85% !important; float:none !important; margin:auto !important;}
.et_pb_sidebar_0 li {border-bottom:1px solid #eaeaea; margin-top:0.5em;     padding-bottom: 0.5em;}


.et_pb_widget_area.broadband div.quickquote {background-color:#a15ba2; color:#f2f2f2 !important;text-align:center;    padding: 0px 7px 14px;}

.et_pb_widget_area.broadband  div.quickquote h3 {color: #f2f2f2 !important;
    font-size: 25px !important;
    text-align: center;
    line-height: 33px;
    padding: 11px 0px;
    text-shadow: purple 1px 1px 0px;}


.electricity .et_pb_widget_area div.quickquote {background-color:#dc4260 !important; color:#f2f2f2 !important;text-align:center;    padding: 0px 7px 14px;}

.electricity .et_pb_widget_area  div.quickquote h3 {color: #f2f2f2 !important;
    font-size: 25px !important;
    text-align: center;
    line-height: 33px;
    padding: 11px 0px;
    text-shadow: red 1px 1px 0px;}
.water .et_pb_widget_area div.quickquote {background-color:#e2af4d; color:#f2f2f2 !important;text-align:center;    padding: 0px 7px 14px;}

.electricity .et_pb_widget_area input.wpcf7-form-control.wpcf7-submit {background-color: #dc4260 !important;}


.water .et_pb_widget_area  div.quickquote h3 {color: #f2f2f2 !important;
    font-size: 25px !important;
    text-align: center;
    line-height: 33px;
    padding: 11px 0px;
    text-shadow: #cc962e 1px 1px 0px;}
.water .et_pb_widget_area input.wpcf7-form-control.wpcf7-submit {background-color: #e2af4d !important;}


.et_pb_widget_area.broadband input.wpcf7-form-control.wpcf7-submit {background-color: #a15ba2 !important;}

.water h2 {color:#e2af4d !important;     line-height: 1.3em;}
.broadband h2 {color: #a15ba2 !important;     line-height: 1.3em;}
.electricity h2 {color: #dc4260 !important;     line-height: 1.3em;}

.et_pb_column.et_pb_column_2_3 {margin-right:0%; padding-right:3%;     border-right: 1px solid rgba(0, 0, 0, 0.1);}
.et_pb_widget_area_right {border:none;}

.et_header_style_centered #et_mobile_nav_menu  {   background-color: #5cbbb6;}
 .et_header_style_centered #main-header .mobile_nav {   background-color: #5cbbb6; color:#fff !important;}
.et_mobile_menu li a {color:#666 !important; border-bottom: 0px !important;}
.mobile_menu_bar:before, .et_header_style_centered .mobile_nav .select_page {color: #fff;}
@media all and (max-width: 980px) {}
@media all and (max-width: 768px) {}
@media all and (max-width: 479px) {
.et_header_style_centered #logo {float:none;}
.et_header_style_centered #logo { max-height: 82px;} .et_header_style_centered #main-header {padding: 0px 0px;} .et_pb_column.et_pb_column_2_3 {padding-right: 0%;
    border-right: 0px solid rgba(0, 0, 0, 0.1);} .et_pb_widget_area_right .et_pb_widget.widget_nav_menu {display:none;}
#media_image-2 {    width: 70%;float: none; margin: auto; padding-top: 13px;}
.footer-widget .fwidget {width:100%; text-align:center;}
}


.gdprnote {font-size:9px;}

.et_pb_gutters2 .footer-widget {
    margin: 0 2% 3% 0;
}