/*
Theme Name: the7dtchild
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/

/* custom GoGo css */
.clearfloats {clear: both;}
.green {color: #72be48;}
.greenback, .greenback a, .greenback h2, .greenback h1 {color: #fff;}

.greenback a {text-decoration: none;}

.centre, .center {
	text-align: center;
}

.mobile-header-bar .mobile-branding img, .show-phantom .logo-box img {
  max-width: 100%;
  height: auto;
  max-height: 40px;
  width: 100%;
}

/* location boiler pages */
h2.service {margin-bottom: 20px;}
.service-sub {margin-bottom: 30px; font-size: 34px; line-height: 44px; color: #222222; font-weight: bold;}

/* home page */
.homeservicebutton .dt-btn-l > i, .dt-btn-l > i[class^="fa"] {
	font-size: 14px;
}


.itemlist {
	
}

.itemlistitem {
	
}

/* hide google review 
.ti-reviews-container-wrapper .ti-review-item:nth-child(4), .ti-reviews-container-wrapper .ti-review-item:nth-child(6), .ti-reviews-container-wrapper .ti-review-item:nth-child(10) {
	display: none;
} 
*/

/*.ti-reviews-container-wrapper .ti-review-item:nth-child(10){
	display: none;
}
*/

.ti-widget.ti-goog .ti-widget-container, .ti-widget.ti-goog .ti-widget-container * {
  font-family: inherit !important;
}


/* header */
.branding a img, .branding img, .logo-box a img, .logo-box img {
    max-width: 430px;
	height: auto;
}


.covidmsg {
	background-color: #4d8e28;
	color: #fff;
	text-align: center;
	padding: 30px 60px 50px;
	margin-bottom: 50px
}

.covidmsg h1 {
	font-size: 37px;
	line-height: 44px;
	color: #fff;
	text-transform: uppercase;
}

.covidmsg h2 {
	font-size: 21px;
	line-height: 28px;
	color: #fff;
}

.covidmsg p {
	text-align: left;
}

.offersbox .vc_column-inner {
	padding-top: 25px !important;
	padding-bottom: 32px !important;
}

/* form styling */
.ctaform {
	color: #fff !important;
}

.ctaform h4, .ctaform h2 {font-weight: normal;}

.ctaform .wpcf7-form input[type="submit"] {
	background-color: #323830;
}

.ctaform input[type="submit"]:hover {
	background-color: #1b1e19 !important;
}

/* contact page */
.contactcta a {
	text-decoration: none;	
}

.contactcta .uvc-sub-heading {
	margin-top: 30px;
}

.small {
	font-size: 0.6em;
	text-align: center;
}



/* mobile menu fix */
.mobile-main-nav > li > a {
    padding: 16.5px 28px 16.5px 0;
}

.mobile-main-nav .menu-item a i {
    display: none;
}

/* boiler estimate fixes */
#__surequote {
	position: relative;
	z-index: 10000;
}

.page-id-3942 .wpb_text_column p:last-child, .page-id-3942 .wpb_text_column :last-child, .page-id-3942 #content .wpb_text_column p:last-child, .page-id-3942 #content .wpb_text_column :last-child {
	margin-bottom: 1rem;
}

/* call button */
.gogobutton {
	background-color: #72be48;
	padding: 16px 30px;
	color: #fff;
	font-size: 16px;
	border-radius: 100px;
	justify-content: center;
	text-align: center;
	text-decoration: none;
	transition: 0.5s;
	font-weight: bold;
	font-family: "Poppins";
	display: inline-block;
}

.gogobutton:hover {
	background-color: #323830;
	color: #fff;
}

.gogocallbtn {
	transition: 0.5s;
}

/* servicelist */
ul.servicelist {
	list-style: none;
    padding: 0px;
	margin: 10px 0 20px 0px !important;
	list-style-position: outside;
}

/* ul.servicelist li:before {
	content: "\f00c";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	color: #72be48;
	padding-right: 10px;
} */

ul.servicelist li {
	list-style: none;
	background: transparent url(/images/bullet.webp) no-repeat left 7px;
	background-size: 18px 14px;
	padding-left: 30px;
}

.serviceimg {
	max-width: 100%;
}


/* quote options */
.quotelink img {
	max-width: 250px;
}

.upper {
	text-transform: uppercase;
}

/* offers page */

.offerscontainer .wpb_wrapper, .offerscontainer .vc_single_image-wrapper, .offerscontainer .vc_single_image-wrapper img {
	width: 100%;
}

.offerscta {
	border: none !important;
	color: #fff;
}

.offerscta a {
	color: #fff;
}

/* hide sticky menu bar and footer on quote page */
.page-id-3942 #phantom {
	display: none;
}

.page-id-3942 #bottom-bar {
    z-index: 0;
}

/* tidio chat */
#tidio-chat-iframe {
    inset: auto 0px 50px auto !important;
}

/* location pages */
.locationcallout h2 {
	color: #fff;
	text-align: center;
}

.locationcallout a {
	color: #0d6f0e;
	transition: 0.5s;
}

.locationcallout a:hover, .locationcallout a:active { 
	color: #fff;

}

/* location list */
ul.locations {
	list-style-type: none;
}

ul.locations li {
	display: inline-block;
	width: 22%;
	border: 2px solid #fff;
	text-align: center;
	margin-bottom: 10px;
	border-radius: 15px;
	transition: 0.3s;
	line-height: 16px;
}

ul.locations li a {
	display: block;
	transition: 0.3s;
	border-radius: 14px;
	padding: 5px 2px;
}

ul.locations li:hover {
	color: #0d6f0e;
	background-color: #fff;
}

ul.locations li a:hover {
	color: #0d6f0e;
}


/* location list no link */
ul.locations.nolink li {
	padding: 5px 2px;
}


/* hide scroll to top */
.scroll-top {display: none;}

/* page headers */
.fancy-header-overlay {
    background: rgba(16,19,15,0.65) !important;
}

/* top boilers */
.boilerlink {
	text-decoration: none;
	padding-top: 10px;
	display: block;
}

.boilertitle {
	color: #323830;
	font-weight: bold;
	
}

.boilerprice {
	font-weight: bold;
	font-size: 18px;
	text-transform: lowercase;	
}

.boilerthumbcol {
	margin-bottom: 30px;}




/* custom checkbox styling for contact form 7 checkbox */
span.wpcf7-list-item {
display: inline-block;
margin: 0;
}
.wpcf7 .wpcf7-list-item {
display: inline-block;
margin-bottom: 10px;
margin-right: 20px;
}
.wpcf7-checkbox label {
position: relative;
cursor: pointer;
}
.wpcf7-checkbox input[type=checkbox] {
/*position: relative;*/
position: absolute;
visibility: hidden;
width: 30px;
height: 30px;
top: 0;
left: 0;
}


.wpcf7-checkbox input[type=checkbox] + span {
/* border: 3px solid red; */
}
.wpcf7-checkbox input[type=checkbox] + span:before {
display: block;
position: absolute;
content: '';
border-radius: 5px;
height: 30px;
width: 30px;
top: -7px;
left: 0px;
background-color: #fff;
}


.wpcf7-checkbox input[type=checkbox] + span:after {
display: block;
position: absolute;
content: "\2714";
height: 30px;
width: 30px;
top: -7px;
left: 0;
visibility: hidden;
font-size: 18px;
text-align: center;
line-height: 30px;
}

.ctaform .wpcf7-checkbox input[type=checkbox] + span:after {
	color: #323830 !important;
}
.wpcf7-checkbox input[type=checkbox]:checked + span:before {
background: #fff;
}
.wpcf7-checkbox input[type=checkbox]:checked + span:after {
visibility: visible;
}
.wpcf7-list-item-label {
margin-left: 40px;
/*display: inline-block;*/
padding-top: 8px;
line-height: 18px;	
}

/* acceptance */
.wpcf7-acceptance label {
position: relative;
cursor: pointer;
}
.wpcf7-acceptance input[type=checkbox] {
/*position: relative;*/
position: absolute;
visibility: hidden;
width: 30px;
height: 30px;
top: 0;
left: 0;
}


.wpcf7-acceptance input[type=checkbox] + span {
/* border: 3px solid red; */
}
.wpcf7-acceptance input[type=checkbox] + span:before {
display: block;
position: absolute;
content: '';
border-radius: 5px;
height: 30px;
width: 30px;
top: -7px;
left: 0px;
background-color: #fff;
}


.wpcf7-acceptance input[type=checkbox] + span:after {
display: block;
position: absolute;
content: "\2714";
height: 30px;
width: 30px;
top: -7px;
left: 0;
visibility: hidden;
font-size: 18px;
text-align: center;
line-height: 30px;
}

.ctaform .wpcf7-acceptance input[type=checkbox] + span:after {
	color: #323830 !important;
}
.wpcf7-acceptance input[type=checkbox]:checked + span:before {
background: #fff;
}
.wpcf7-acceptance input[type=checkbox]:checked + span:after {
visibility: visible;
}


/* radio buttons */
.wpcf7-radio label {
position: relative;
cursor: pointer;
}

.wpcf7-radio input[type=radio] {
/*position: relative;*/
position: absolute;
visibility: hidden;
width: 30px;
height: 30px;
top: 0;
left: 0;
}


.wpcf7-radio input[type=radio] + span:before {
display: block;
position: absolute;
content: '';
border-radius: 5px;
height: 30px;
width: 30px;
top: -7px;
left: 0px;
background-color: #fff;
}


.wpcf7-radio input[type=radio] + span:after {
display: block;
position: absolute;
content: "\2714";
height: 30px;
width: 30px;
top: -7px;
left: 0;
visibility: hidden;
font-size: 18px;
text-align: center;
line-height: 30px;
}

.ctaform .wpcf7-radio input[type=radio] + span:after {
	color: #323830 !important;
}
.wpcf7-radio input[type=radio]:checked + span:before {
background: #fff;
}
.wpcf7-radio input[type=radio]:checked + span:after {
visibility: visible;
}

input[name="promo"] {font-weight: bold;text-transform: uppercase;}
input[name="postcode"] {text-transform: uppercase;}

.content .payment_methods li img {
    vertical-align: middle;
    margin: -2px 0;
}

/* woocommerce */
.variations select {
    height: 40px;
}

.product:not(.elementor-location-single) table.variations {
    margin-bottom: 0px;
}

.woocommerce-variation-price {
	margin-bottom: 20px;
}

ul.careplan {
  list-style: none; /* Remove default bullets */
}

ul.careplan li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #72be48; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}

.dd {
	width: 100px;
	height: auto;
	margin-top: 10px;

}

.terms {
	width: 224px;
	height: auto;
	margin: 10px 0px 20px;
}


.woocommerce-page .page-title h1  {
    color: #fff;
    text-transform: none;
}

.woocommerce-page .page-title.solid-bg {
    background-color: #72be48;
}

.woocommerce-page .page-title .breadcrumbs, .woocommerce-page .page-title .breadcrumbs a {
    color: #fff;
}


.woocommerce-page .page-title .breadcrumbs li::before {
    color: rgba(255,255,255,0.5);
}

#wcpay-payment-request-button-separator {
	display: none !important;
}

/* woocommerce custom date */
.wscsd_date_picker {
	color: #323830;
	font-size: 14px;
	font-weight: bold;
}

form.cart .wscsd_date_picker {
	margin-top: 10px;
}

/* checkout */
dt.variation-Startdate {
	font-weight: bold !important;
}

dd.variation-Startdate {
	font-weight: bold !important;
}

.woocommerce-Price-amount {
	font-weight: bold !important;
	color: #72be48 !important;
}

/* footer legals */
.wf-container-bottom {
	align-items: flex-start !important;
}
.footer-legals {
	font-size: 12px;
	line-height: 16px;
	color: #85868c;
}

.footer-legals a {
	text-decoration: underline !important;
	color: #85868c;
}

.wf-container-bottom .wf-float-right {
	width: 600px;
}

/* combi boilers */
.productfinanceterms {
	text-align: right;
	font-size: 12px;
	margin-right: 15px !important;
	margin-top: 3px;
}

/* pricing table APR */
#go-pricing-table-7801 .gw-go-header-top {
	background: #66ad3f !important;
	background-color: #66ad3f !important;
}

#go-pricing-table-7801 .gw-go-header-bottom {
	background: #60a03d !important;
	background-color: #60a03d !important;
}

#go-pricing-table-7801 .gw-go-btn {
	background: #60a03d !important;
	background-color: #60a03d !important;
}

#go-pricing-table-7801 .gw-go-btn-inner {
	font-weight: bold;
	text-transform: uppercase;
}

.apr-title {
	text-align: center;
	font-size: 20px;
}


.boiler-extras-image {
	max-width: 220px;
	height: auto;
}

/* boiler quote options */
.boiler-quote-options {text-align: center;}

a.quotelink {
	display: block;
	width: 100%;
}

.quotelink h2.service {
	font-size: 24px;
	margin-bottom: 0px;
	padding-bottom: 20px;
}

.quotelink p {
	color: #323830;
}

.boiler-quote-options a {
	text-decoration: none !important;
}

.boiler-quote-options .aio-icon-header {text-align: center !important;}

/* responsive */
/* Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) {
.covidmsg {
	padding: 30px 30px 50px;
	margin-bottom: 50px
}
}

@media (max-width: 1200px) { 
	ul.locations li {
		width: 30%;
	}
	.wf-container-bottom .wf-float-right {
	width: 100% !important;
		margin-top: 20px !important;

}
}

@media (max-width: 940px) { 
	ul.locations li {
		width: 44%;
}
}

/* single column stack */
@media (max-width: 777px) { 
	.boilermanlarge img {
    max-width: 200px;
}
}

/*  Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... } */