/* User custom styles */
.slider-wrap.slider-wrap-v2 .slider-container.v2 {
    min-height: 64px !important;
}

.hide-on-small-only {display: none;} /* Hide page image on promotions page */
.promo-hide{max-width: 1200px;} /* Promotions horizontial image */
h1 {max-width: 1200px !important;} /* increase page width for heading */

.category-title {margin: 2.1rem 0 0 3.0rem !important;} /* move category content to line up with products */

.single-product .dimension-wrap {margin: 0 0 20px 0 !important;}
.main-content .post-subtitle {font-size: 14px !important; font-weight: 400 !important;}
.store-locator-top {background-color: #6E7989 !important;}

.faqs-trouble-dropdown {background-color: hsla(356,100%,41%,0.03);padding: 20px;} /* FAQs & Trouble jump buttons */
.faqs-trouble-dropdown-buttons {padding: 20px;}

.jssocials-shares {margin: .2em 0 2em !important;} /* News socials */

blockquote.wp-block-quote, .wp-block-pullquote blockquote {border-left: 5px solid #cf000e !important}
#features-tab ol li, .main-content ol li {line-height: 2em;}

/* product features 2 columns */
.flex-container-products {display: flex;}
.flex-container-products > div:nth-of-type(2) {padding-left: 10%; width: 60%;}

/* Contact us addresses - 3 columnns */
.flex-container-three {display: flex; gap: 20px;}
.flex-container-three > div {flex: 1;}	

/* FAQ accordion */
.collapsible:not(.mobile-menu) li .collapsible-body h4 {font-size: 1.0em !important; line-height: 1.4  !important;} /* heading */
.faq-products {position: relative; appearance: none;  display: inline-block; width: 250px; text-align: center; align-items: center;} /* identify product */
.faq-products-heat {position: relative; appearance: none;  display: inline-block; width: 180px; text-align: center; align-items: center;} /* identify product */

/* Service warranties */
.service-hide {display: none; color: #333;}
.service-myDIV:hover + .service-hide {display: block; color: #333;}

/* Troubleshooting */
.flex-container-trouble-container {background-color: #ffffff; padding: 5px;}
.flex-container-trouble {display: flex; background-color: #ffffff; width; 100%;}
.flex-container-trouble > div:nth-of-type(n) {padding-right: 4%;}

/* Support & Resources buttons */
.services-categories-container {display: inline-flex; flex-wrap: wrap;}
.services-categories {display: flex;  align-items: flex-end; justify-content: space-between; margin: 0 15px 8px 0;}			
.button-services {position: relative; appearance: none;  background-color: #C2C8CF; border: 2px solid #C2C8CF; border-radius: 6px; box-sizing: border-box; cursor: pointer; display: inline-block; color: #333; font-family: Haas Grot Disp, sans-serif; letter-spacing: .5px; font-size: 14px; font-weight: 500; line-height: 1.2em; text-align: left; width: 240px; height: 80px; outline: none; padding: 10px 10px 20px 10px; text-decoration: none; transition: all 300ms cubic-bezier(.23, 1, 0.32, 1); user-select: none; -webkit-user-select: none; touch-action: manipulation; will-change: transform;}
.button-services-text {position: absolute; top: 0; left: 0; padding: 8px 25px 8px 8px; text-align: left;}
.button-services:disabled {pointer-events: none;}
.button-services:hover {box-shadow: rgba(0, 0, 0, 0.25) 0 8px 15px; transform: translateY(-2px);}
.button-services:active {box-shadow: none; transform: translateY(0);}
.button-services-arrow	{font-size: 20px; position: absolute; top: 0; left: 200px; padding: 8px 5px 0 10px; text-align: right;}	
.button-services-arrow-nxtpg {font-size: 20px; position: absolute; top: 0; left: 200px; padding: 8px 5px 0 10px; text-align: right;}	
/* End Support and Resources buttons */

/* Products landing buttons */
.button-products {position: relative; appearance: none;  background-color: #C2C8CF; border: 2px solid #C2C8CF; border-radius: 6px; box-sizing: border-box; cursor: pointer; display: inline-block; color: #333; font-family: Haas Grot Disp, sans-serif; letter-spacing: .5px; font-size: 14px; font-weight: 500; line-height: 1.2em; text-align: left; width: 180px; height: 60px; outline: none; padding: 10px 10px 20px 10px; text-decoration: none; transition: all 300ms cubic-bezier(.23, 1, 0.32, 1); user-select: none; -webkit-user-select: none; touch-action: manipulation; will-change: transform;}
.button-products-text {position: absolute; top: 0; left: 0; padding: 8px 25px 8px 8px; text-align: left;}
.button-products:disabled {pointer-events: none;}
.button-products:hover {box-shadow: rgba(0, 0, 0, 0.25) 0 8px 15px; transform: translateY(-2px);}
.button-products:active {box-shadow: none; transform: translateY(0);}
.products-categories {display: flex; align-items: flex-end; justify-content: space-between;  margin: 0 7px 7px 0;}

/* Tables - Products - scroll on mobile */
.products-container {overflow-x: scroll !important;}
table.products {width: 99%; cellspacing: 0; cellpadding: 0; border: 1px solid #dddddd;}
table.products tr, table.products td {border: 1px solid #dddddd;}
table.products tr:nth-child(odd) {background-color: #F3F3F3;}

/* Breadcrumbs */
.woocommerce nav.woocommerce-breadcrumb, nav.woocommerce-bread, nav.woocommerce-breadcrumb, .woocommerce-breadcrumb {font-weight:400 !important; font-size: 12px;}

/* Product  images */
@media screen and (min-width: 1200px) {
.product-gallery .slider-for .woocommerce-product-gallery__image a img {max-height: 380px !important;}
    .product-gallery .slider-nav .woocommerce-product-gallery__image a {
        max-height: 110px !important;
}
}

/* tables responsive */
@media only screen and (max-width: 768px) {
.flex-container-products {display: block;}	
.flex-container-products > div {flex-direction: column; order: 1; width: 100%;}
.flex-container-products > div:nth-of-type(2) {flex-direction: column; padding-left: 0 !important; order: 1; width: 100%;}
.alignright {padding-bottom: 20px !important;}
}

@media only screen and (max-width: 768px) {
.flex-container-three {display: block;}	
.flex-container-three > div {flex-direction: column; order: 1; width: 100%;}
.other-offices-wrapper p {font-size: 1.0em !important;}	
}	

/* Powered Plumbers App */
.flex-container-columns {display: flex; max-width: 1280px; text-align: center; margin-top:5%;}	
.flex-columns {flex-grow: 2;}
.flex-columns > div:nth-of-type(1) {max-width: 60%;}	
.qrc {width: 640px; text-align: center;}
.hide-qrc {padding: 20px;}
.pp-icons {height: 125px; margin-top: 10%;}	
.pp-icons-last {height: 125px; margin-top: 10% !important;}		

/* Powered Plumbers App - Hide QR code on mobile */
@media screen and (max-width: 768px) {
	.flex-container-columns {max-width: 768px; flex-direction: column; text-align: center;}
	.flex-columns > div:nth-of-type(2) {max-width: 384px; padding: 5% 0; text-align: center;}	
	.qrc {width: 384px; text-align: center;}
	.hide-qrc {display: none;}	
	.pp-icons-last {margin-top: 5%; margin-bottom: 5%;}
}

@media only screen and (max-width: 1536px) {
.faq-products {width:210px;}
.faq-products-heat {width:150px}
}
@media (max-width: 992px) {body.page-id-130904 .testimonial-wrapper .media-col {background-position: left !important;} /* our brands */
}

@media screen and (max-width: 768px) {	
.promo-hide {display: none;} /* Promotions hide horizontial image */ 
.wp-block-pullquote {padding:1em 0;}
.faq-products {width: 340px;} /* FAQs - imagery of product types */
.our-brand-logo {width: 35% !important;} /* Our brands page - small logos */
.section-title, .solution-wrap .section-title {line-height: 30px !important;}
.faqs-trouble-dropdown {background-color: hsla(356,100%,41%,0.05);padding: 8px;}  /* FAQs & Trouble jump buttons */
.faqs-trouble-dropdown-buttons {margin: 0 8px;}
}
@media only screen and (min-width: 601px) {
.flex-me-center {display: block !important; margin-left: 2rem !important;}
}
	
@media screen and (max-width: 600px) {
	.flex-container-columns {max-width: 600px; flex-direction: column; text-align: center;}
	.hide-qrc {display: none;}
.woocommerce nav.woocommerce-breadcrumb, nav.woocommerce-breadcrumb {line-height: 1.3em !important;}
.button-services {width: 300px;} 
.button-services-arrow {left: 265px;}
.button-services-arrow-nxtpg  {left: 255px;}
.flex-container-trouble {flex-direction: column;}
.flex-container-trouble > div:nth-of-type(n) {padding-bottom: 5%;}

}
	
@media screen and (max-width: 390px) {
	.flex-container-columns {max-width: 390px; flex-direction: column; text-align: center;}
	.flex-columns > div:nth-of-type(2) {padding: 5% 0; text-align: center;}		
	.hide-qrc {display: none;}
}


/* Energy rating image */
@media (min-width: 1201px) {
.single-product-top .rating-wrap img {width: 8em !important;}
}

/* Style for responsive banners */
@media only screen and (max-width: 600px) {
.slider-wrap.no-slider {background-position: right 25% bottom 45% !important;}
.slider-wrap.no-slider .banner-title {font-size: calc(2.0em *.75) !important; position: absolute; top: 35%; left: 10px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
}
	
@media only screen and (max-width: 380px) {
.slider-wrap.no-slider {background-position: right 29% bottom 45% !important;}
.slider-wrap.bg-image {height: 300px;}
.slider-wrap.no-slider .banner-title {font-size: calc(2.2em * .75) !important; position: absolute; top: 25%; left: 10px; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column;}
}	

/* Corporate philosophy */
.content-box-phil {display: grid; grid-template-columns: 1fr 1fr;  padding: 3px; margin: 0 auto; gap: 5px 20px; margin-top: 10px; box-sizing: border-box;}
.image-phil {display: flex; justify-content: center; align-items: center; background-color: #f2f2f2; padding: 10px 0;}
.image-phil img {max-width: 100%; display: block; Height: 35px;}
.text-phil {display: flex; flex-direction: column; justify-content: center;}
.text-phil p {margin: 0; line-height: 1.6; color: #333;}

@media (max-width: 768px) {.content-box-phil {grid-template-columns: 1fr; }
}

/* Corporate brand */
.image-grid-brand {display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px 30px; max-width: 1074px;}
.grid-item-brand img {max-width: 522px; height: auto; display: block;}

@media (max-width: 768px) {.image-grid-brand {grid-template-columns: 1fr;}
}

/* Straddie email template */
straddie-body, straddie-table, straddie-td, straddie-p, straddie-a {font-family: Arial, Helvetica, sans-serif;}
straddie-body {margin: 0; padding: 0;background-color: #f4f4f4;}
straddie-table {border-spacing: 0;border-collapse: collapse;}
straddie-img {border: 0; display: block; width: 100%; height: auto;}

.straddie-wrapper {width: 100%;table-layout: fixed;background-color: #f4f4f4; padding: 20px 0;}
.straddie-main {background-color: #ffffff; margin: 0 auto;width: 100%;max-width: 700px;}
.straddie-content {padding: 40px 35px;color: #333333;line-height: 1.6;font-size: 16px;font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";}
.straddie-heading {font-size: 34px;font-weight: bold;line-height: 1.2;color: #000000;margin: 0 0 10px;}
.straddie-subheading {font-size: 20px;font-weight: bold;color: #cf000e; margin-bottom: 30px;}
.straddie-details {margin: 25px 0;}
.straddie-details p {margin: 8px 0;}
.straddie-button {display: inline-block;background-color: #cf000e;color: #ffffff !important;text-decoration: none;padding: 14px 28px;border-radius: 4px;font-weight: bold;margin: 25px 0;}
.straddie-footer-text {margin-top: 35px;}

@media screen and (max-width: 600px) {
    .straddie-content {padding: 30px 20px !important;}
    .straddie-heading {font-size: 28px !important;}
    .straddie-subheading {font-size: 16px !important;}
    .straddie-content p {font-size: 15px !important;line-height: 1.5 !important; }
}