/*   
Theme Name: Child
Theme URI: http://webicode.com/
Author: Webicode.com
Author URI: http://webicode.com/
Template: water-filters-of-america
Version: 1.0
License: GNU General Public License v2.0
.*//*Google fonts*/
@import url('//fonts.googleapis.com/css?family=Quattrocento:700');

/* Reset browser defaults */
@import url('../water-filters-of-america/library/styles/reset.css');/* Apply basic typography styles */
@import url('../water-filters-of-america/library/styles/typography.css');/* Apply a basic layout */
@import url('../water-filters-of-america/library/layouts/2c-r-fixed.css');/* Apply basic image styles */
@import url('../water-filters-of-america/library/styles/images.css');/* Apply default theme styles and colors */
/* It's better to actually copy over default.css into this file (or link to a copy in your child theme) if you're going to do anything outrageous */
@import url('../water-filters-of-america/library/styles/default.css');/* Prepare theme for plugins */
@import url('../water-filters-of-america/library/styles/plugins.css');/* Overriding Webicode's styles for congruity with WP-Admin > Appearance > Header default header text color settings */
#blog-description { color: #000 }


/**Font**/
/*@font-face {*/
/*    font-family: 'Tahoma';*/
/*    src: url('/wp-content/themes/td-budgetwater-static/font/Tahoma.eot');*/
/*    src: url('/wp-content/themes/td-budgetwater-static/font/Tahoma.eot?#iefix') format('embedded-opentype'),*/
/*        url('/wp-content/themes/td-budgetwater-static/font/Tahoma.woff2') format('woff2'),*/
/*        url('/wp-content/themes/td-budgetwater-static/font/Tahoma.woff') format('woff'),*/
/*        url('/wp-content/themes/td-budgetwater-static/font/Tahoma.svg#Tahoma') format('svg'),*/
/*        url('/wp-content/themes/td-budgetwater-static/font/Tahoma.ttf#Tahoma') format('svg');*/
/*    font-weight: normal;*/
/*    font-style: normal;*/
/*    font-display: swap;*/
/*}*/


/*Tribal Dawn style*/
body{
background: url('/wp-content/themes/td-budgetwater-default/images/blue-bg-fade.gif') repeat-y;font-size: 16px;
}

#wrapper{
/*max-width: 960px; */
font-family: Tahoma, Geneva, Kalimati, sans-serif;
margin: 0px auto;
}

#header{
background: transparent;
}
.mobile-nav-only, .mobile-helper, .mobile-scroll-link{
	display:none !important;
}
#branding{
width: 100%;
background: #06f /*url('/wp-content/uploads/2015/01/top-banner-960.jpg') no-repeat*/;
padding: 5px 0px;
}

#blog-title{
width: 375px;
height: 110px;
}

#blog-title span a{
/*width: 100%;*/
/*height: 100%;*/
/*display: block;*/
/*overflow: hidden;*/
/*background: url('images/bwLogo-2018mar25.jpg') no-repeat;*/
/*background: url('images/bwLogo-2018mar25.webp') no-repeat;*/
text-indent: -1000px;
font-size:0;
}

#main, #container, #content{
width: auto;
margin: 0px;
}

#main{
min-height: 1200px; /*necessary to show full sidebar*/
padding: 0px 0px 0px;
}
#container{
width: calc(100% - 225px);
margin:0 25px 0 0px;
position:absolute;
top:0;
left:200px;
}

/*#container{
max-width: 725px;
float: right;
margin: 0px 25px 0px;
}*/

#searchform{
padding-bottom: 22px;
}

/*Above #access*/
#above-access,
#above-access ul.xoxo{
margin: 0px;
}

#above-access{
background: rgb(0,152,253); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(0,152,253,1) 0%, rgba(0,102,255,1) 25%, rgba(0,102,255,1) 50%, rgba(0,152,253,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,152,253,1)), color-stop(25%,rgba(0,102,255,1)), color-stop(50%,rgba(0,102,255,1)), color-stop(100%,rgba(0,152,253,1))); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top,  rgba(0,152,253,1) 0%,rgba(0,102,255,1) 25%,rgba(0,102,255,1) 50%,rgba(0,152,253,1) 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top,  rgba(0,152,253,1) 0%,rgba(0,102,255,1) 25%,rgba(0,102,255,1) 50%,rgba(0,152,253,1) 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top,  rgba(0,152,253,1) 0%,rgba(0,102,255,1) 25%,rgba(0,102,255,1) 50%,rgba(0,152,253,1) 100%); /* IE10+ */background: linear-gradient(to bottom,  rgba(0,152,253,1) 0%,rgba(0,102,255,1) 25%,rgba(0,102,255,1) 50%,rgba(0,152,253,1) 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0098fd', endColorstr='#0098fd',GradientType=0 ); /* IE6-9 */}

#above-access #menu-above-main-nav{width: auto;text-align: center;margin: 0px;padding: 0px;list-style: none;}

#above-access #menu-above-main-nav li{display: inline-block;}

#above-access #menu-above-main-nav li.above-nav-guarantee{
position: absolute;
left: 0px;}

#above-access #menu-above-main-nav li.above-nav-7day{
position: absolute;
right: 0px;}

#above-access #menu-above-main-nav li.above-nav-free-test{
position: absolute;
top: 0px;
right: 0px;
}

#above-access #menu-above-main-nav li.above-nav-on-duty{
width: 158px;
height: 110px;
position: absolute;
top: 0px;
left: 50%;
margin-left: -79px;
}

/*#above-access #menu-above-main-nav li.above-nav-on-duty{width: 158px;height: 110px;position: absolute;top: 0px;left: 410px}*/

#above-access #menu-above-main-nav li a{display: block;color: #ff0;font-weight: bold;text-align: center;text-decoration: none;padding: 9px;}

#above-access #menu-above-main-nav li.above-nav-on-duty img{
position: absolute;
left: 0px;
top: 0px;
}

#above-access #menu-above-main-nav li.above-nav-free-test a{
height: 110px;
background: url('/wp-content/uploads/migration-images/droplet-2.gif') no-repeat left top;
color: #fff;
font-size: 110%;
text-shadow: 2px 2px 2px #333;
padding-left: 60px;
}

#above-access #menu-above-main-nav li.above-nav-free-test a b{
display: block;
font-size: 320%;
line-height: 100%;
}

#above-access #menu-above-main-nav li.above-nav-free-test a span{
font-size: large;
text-transform: uppercase;
line-height: 100%;
}

#above-access #menu-above-main-nav li.above-nav-on-duty a{
width: 100%;
height: 100%;
display: block;
overflow: hidden;
text-indent: -1000px;
padding: 0px;}

#above-access #menu-above-main-nav li a:hover,#above-access #menu-above-main-nav li a:active{color: #fff;}

#header-aside{
height: 0px;position: relative;z-index: 101;
margin: 0px;}

#header-aside > ul.xoxo{
margin: 0px;
}

#header-aside .top-links-2 .textwidget{
height: 0px;
}

#header-aside .top-links{position: relative;bottom: 52px;}

#header-aside .top-links-bbb{width: 135px;height: 48px;
bottom: 4px;display: inline-block;overflow: hidden;position: absolute;right: 73px;background: url('/wp-content/uploads/migration-images/bbb-online-reliability-program.gif');text-indent: -1000px;}

#header-aside .top-links-bbb-rating{position: absolute;right: 0px;
bottom: 4px;}


/*Main menu*/#access{width: auto;height: auto;min-height: 60px;overflow: visible;
margin: 0px auto;padding: 5px;border: 0px;
display: flex;align-items: center;justify-content: center;}

#access .menu{width: auto;margin: 0px auto;}

#access .menu-toggle{display: none;}

#menu-main-menu{width: 100%;float: none;text-align: center;background: transparent;margin: 0px;border: 0px #666 solid;border-width: 0px;}

#menu-main-menu li{width: auto;min-width: 91px;height: auto;display: inline-block;float: none;background: linear-gradient(180deg, #1f7ae0 0%, #0d63c4 100%);line-height: normal;text-align: center;margin: 0px 4px;border: 0;border-radius: 8px;box-shadow: 0 1px 2px rgba(13,60,120,0.25);transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;}

#menu-main-menu li a{width: 100%;height: 100%;box-sizing: border-box;display: block;overflow: hidden;color: #fff;font-weight: 600;font-size: 14px;letter-spacing: 0.3px;font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;margin: 0px;padding: 10px 16px;border: 0px;}

#menu-main-menu li:hover{transform: translateY(-1px);box-shadow: 0 2px 6px rgba(13,60,120,0.35);background: linear-gradient(180deg, #2a86ec 0%, #1170d4 100%);}

#menu-main-menu li a:hover,#menu-main-menu li a:active{background: transparent;text-shadow: none;}

#secondary{
	padding:18px 0 0;
	margin-bottom:22px;
	clear:none;
}
/*Left menu*/#primary.aside{width: 160px;float: left;right: 0px;border: 0px;}
#secondary.aside{width: 160px;float: none;left: 0px; top:0; position:absolute; border: 0px;}

#secondary.aside > ul.xoxo{padding: 0px;}

#secondary.aside .budget-water-left-menu{margin: 0px;list-style: none;}

#secondary.aside .budget-water-left-menu li{width: auto;background: linear-gradient(180deg, #1f7ae0 0%, #0d63c4 100%);text-align: center;margin: 0px 0px 6px;padding: 0px;border: 0;border-radius: 8px;box-shadow: 0 1px 2px rgba(13,60,120,0.25);transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;}

#secondary.aside .budget-water-left-menu li:hover{transform: translateX(2px);box-shadow: 0 2px 6px rgba(13,60,120,0.35);background: linear-gradient(180deg, #2a86ec 0%, #1170d4 100%);}

#secondary.aside .budget-water-left-menu li a{width: 100%;height: 100%;box-sizing: border-box;display: block;color: #fff;font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;font-weight: 600;font-size: 14px;line-height: 1.4;letter-spacing: 0.3px;text-decoration: none;margin: 0px;padding: 8px 6px;}

#secondary.aside .budget-water-left-menu li a:hover{text-shadow: none;}

#secondary.aside .budgetpanels{list-style: none;


}/*Content*/table,tr,th,td{margin: 0px;padding: 0px;border: 0px;}

.hentry{
padding-bottom: 10px;
}.entry-content h1{font-size: 32px;
line-height: normal;
padding: 0px 0px 7px;}

.entry-content h2{
padding: 0px 0px 7px;
}.entry-content h3{font-style: normal;font-weight: bold;
font-size: 19px;
padding: 0px 0px 7px;}

.entry-content h4{
font-family: inherit;
font-size: 16px;
padding: 0px 0px 7px;
}

.entry-content p{
margin-bottom: 15px;
}p img{padding: 10px;}

#comments{
display: none;
}



.td-responsive-table{
width: auto;
}

.td-responsive-table td{
text-align: center;
vertical-align: bottom;
}




/*Footer*/
#subsidiary{
padding-top: 5px;
}

#above-footer .view-mobile-full,
#above-footer .snapengage-button{
position: fixed;
bottom: 15px;
left: 0px;
z-index: 1000;
background: #06f;
font-weight: bold;
font-size: 120%;
padding: 2px 8px;
border: 1px #fff solid;
box-shadow: 2px 2px 2px #000;
}

#above-footer .view-mobile-full{
display: none !important;
border-left: 0px;
border-radius: 0px 3px 3px 0px;
}

#above-footer .snapengage-button{
display: block;
left: auto;
right: 0px;
border-right: 0px;
border-radius: 3px 0px 0px 3px;
}

#above-footer .view-mobile-full h3,
#above-footer .snapengage-button h3{
display: none;
}

#above-footer .view-mobile-full span,
#above-footer .snapengage-button{
color: #fff;
cursor: pointer;
}

#above-footer .snapengage-button *,
#above-footer .snapengage-button a:active,
#above-footer .snapengage-button a:visited{
width: 100%;
height: 100%;
display: inline-block;
color: #fff !important;
text-decoration: none;
}
#footer{margin: 5px 25px 25px 200px;border: 0px;}

#subsidiary{width: auto;}

#subsidiary #first{width: 100%;color: #000;margin: 0px;}

#subsidiary #first a{color: #0000ff;}

#subsidiary #first .xoxo{margin: 0px;}

#subsidiary #first #menu-social-media{width: auto;text-align: center;margin: 0px;list-style: none;}

#subsidiary #first #menu-social-media li{width: 64px;height: 64px;display: inline-block;overflow: hidden;background-repeat: no-repeat;background-position: center center;padding: 10px;}

#subsidiary #first #menu-social-media li.social-media-facebook{background-image: url('/wp-content/uploads/migration-images/facebook.png');}

#subsidiary #first #menu-social-media li.social-media-twitter{background-image: url('/wp-content/uploads/migration-images/twitter.png');}

#subsidiary #first #menu-social-media li.social-media-blog{background-image: url('/wp-content/uploads/migration-images/wordpress.png');}

#subsidiary #first #menu-social-media li a{width: 100%;height: 100%;display: block;text-indent: -1000px;}

#subsidiary #first .footer-warning b{color: #f00;}

#subsidiary #first .footer-mission-statement{color: #00f;}

#subsidiary #first .footer-water-drop{text-align: center;}

#siteinfo{
width: auto;
}

/*Suckerfish fix*/.sf-menu li:hover, .sf-menu li.sfHover,.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active,.sf-menu li.sfHover > a,.sf-menu > li:hover > a, .sf-menu > li.sfHover > a{background-color: inherit;color: inherit;outline: inherit;}

/*Legacy styles*/.bwFooterName {color: #0000ff;font-size: large;}.contactInformation {background-color: #cccccc;font-weight: bold;}

.liveHelpMargin{
text-align: left;
}



/*Budget Water tables*/table{width: 100%;
max-width: 100%;font-size: 16px;border-spacing: 2px;border-collapse: separate;}

table td{
vertical-align: middle;
}

table td:not(:first-child):not(:last-child){
white-space: nowrap;
}

table.budget-water-table{width: auto;border: 1px #666 solid;border-spacing: 2px;border-collapse: separate;
margin-bottom: 15px;}

table.budget-water-table td{
border: 1px #666 solid;
padding: 10px;
}

table.budget-water-table-center{width: auto;margin: 0px auto;}

table.budget-water-table-center td{text-align: center;
padding: 15px;}

table.budget-water-table-left{
width: auto;
}

table.budget-water-table td *,
table.budget-water-table-left td *{
margin: 0px !important;
padding: 0px !important;
}

.entry-content table img{
max-width: none;
}

.freeTestingTable .budget-water-table{
width: 500px;
border: 0px;
}

.freeTestingTable .budget-water-table th{
background: #dedede;
text-align: center;
padding: 10px;
border: 1px #000 solid;
}


/*Budget water forms*/
form.wpcf7-form{
max-width: 700px;
}

.wpcf7-form h3{
text-align: right;
}

.budget-water-form-line{
width: 100%;
overflow: hidden;
padding: 0px 0px 5px;
}

.budget-water-form-line label{
width: 297px;
display: block;
float: left;
text-align: right;
padding: 0px 3px 0px 0px;
}

.wpcf7-text,
.wpcf7-select,
.wpcf7-textarea{
width: 394px;
display: block;
float: left;
}

.wpcf7-select{
height: 26px;
line-height: 26px;
}

.wpcf7-checkbox{
width: 100%;
display: block;
text-align: right;
}

.wpcf7-checkbox .wpcf7-list-item label{
width: auto;
float: none;
display: inline;
clear: none;
}

.wpcf7-textarea{
height: 100px;
}

.wpcf7-submit{
float: right;
}

.wpcf7-not-valid-tip{
float:right;
display: block;
}

.budget-water-form-line-long label{
width: 100%;
float: none;
clear: both;
}

.budget-water-form-line-long .wpcf7-text,
.budget-water-form-line-long .wpcf7-select,
.budget-water-form-line-long .wpcf7-textarea{
margin-left: 297px;
}

.budget-water-newsletter-signup-img{
float: left;
}

.budget-water-newsletter-signup{
width: 550px;
float: left;
padding-top: 10px;
}

.budget-water-newsletter-signup form.wpcf7-form{
width: 550px;
}

.budget-water-newsletter-signup .budget-water-form-line label{
width: 147px;
}

/****/
#content ul.budget-water-left-menu{display:none;}







/*Cleaned styles*/span.budget-water-357 {color: #0000ff; font-size: xx-small}img.budget-water-356 {border-right: #0000ff 3px solid; border-top: #0000ff 3px solid; border-left: #0000ff 3px solid; border-bottom: #0000ff 3px solid}p.budget-water-355 {text-align: center; text-decoration: underline}span.budget-water-354 {font-size: medium; text-decoration: underline}a.budget-water-352 {text-decoration: underline; ; font-weight:700}span.budget-water-351 {font-size:14pt; color:blue}span.budget-water-350 {color:blue; font-weight:700}span.budget-water-349 {font-size:13.5pt; color:black}a.budget-water-348 {color: #993300; text-decoration: underline; }span.budget-water-347 {color:blue}span.budget-water-346 {font-size:14pt; color:black}p.budget-water-345 {text-indent: -19.5pt; margin-left: 37.5pt}span.budget-water-344 {font-size:14pt;}span.budget-water-343 {font-size: 14pt; text-decoration: underline}span.budget-water-342 {font-size:18pt; color:blue}p.budget-water-341 {font-style: normal; margin-bottom: 0in; text-align: left}p.budget-water-340 {margin-bottom:16pt}p.budget-water-339 {font-weight: 700; text-align: left}span.budget-water-338 {color: #990033; font-size: small}p.budget-water-337 {clear: both; font-weight: bold}span.budget-water-336 {color: #0000ff}p.budget-water-335 {margin-left: -0.02in; margin-right: -0.02in; margin-bottom: 0in}p.budget-water-334 {margin-bottom: 0in; page-break-inside: avoid; text-align: justify}span.budget-water-333 {color: #993300;}img.budget-water-332 {border: 3px solid #000000}span.budget-water-331 {color: #000099;}blockquote.budget-water-330 {margin-right: 0px}blockquote.budget-water-329 {border-left: #000000 2px solid; padding-left: 5px; padding-right: 0px; margin-left: 5px; margin-right: 0px}p.budget-water-328 {margin: 0in 0in 0pt; text-align: right; text-align: right}blockquote.budget-water-327 {padding-right: 0px; padding-left: 5px; margin-left: 5px; border-left: #000000 2px solid; margin-right: 0px}p.budget-water-326 {margin-top: 12pt}span.budget-water-325 {font-size: 10pt; font-style: normal}p.budget-water-324 {margin-bottom: 12pt}span.budget-water-323 {font-weight: bold}div.budget-water-322 {font: 10pt arial}span.budget-water-321 {color: blue; font-size: 10pt; text-decoration: underline}span.budget-water-320 {color: #ff0000; font-size: x-small}blockquote.budget-water-319 {margin-right: 0px}blockquote.budget-water-318 {border-left: #000000 2px solid; padding-left: 5px; padding-right: 0px; margin-left: 5px; margin-right: 0px}span.budget-water-317 {font-family: comic sans ms; color: #ff00ff;}span.budget-water-316 {font-family: comic sans ms; color: #ff00ff; font-size: small;}span.budget-water-315 {color: #0000ff; font-size: medium; font-style: normal}div.budget-water-314 {margin-bottom: 0in}span.budget-water-313 {font-family: arial; color: #000000; font-size: x-small;}span.budget-water-312 {font-family: verdana; font-size: x-small; text-decoration: underline}span.budget-water-311 {font-family: verdana; font-size: x-small;}p.budget-water-310 {margin: 0in 0in 0pt; text-align: right}span.budget-water-309 {font-family: times new roman; font-size: 16pt}span.budget-water-308 {font-family: calibri;}blockquote.budget-water-307 {padding-right: 0px; padding-left: 5px; margin-left: 5px; border-left: #000000 2px solid; margin-right: 0px}span.budget-water-306 {color: #ff0000; font-family: times new roman; font-size: small}span.budget-water-305 {color: blue; font-family: times new roman; font-size: medium}span.budget-water-304 {color: black; font-family: times new roman; font-size: small}p.budget-water-303 {margin-top: 12pt}span.budget-water-302 {color: #ff0000; font-size: medium}div.budget-water-301 {color: black; background: #e4e4e4}p.budget-water-300 {margin-bottom: 0in; font-style: normal; font-weight: normal}span.budget-water-299 {font-family: arial; font-size: x-small;}span.budget-water-298 {font-family: arial; font-size: x-small; font-style: normal; font-weight: normal}span.budget-water-297 {background: #e4e4e4; font-family: arial; font-size: x-small; font-style: normal; font-weight: normal}span.budget-water-296 {font-family: arial; font-size: x-small; font-style: normal}span.budget-water-295 {background: #e4e4e4}span.budget-water-294 {color: #ff0000}span.budget-water-293 {font-family: arial rounded mt bold;}span.budget-water-292 {font-family: arial; font-size: x-small}span.budget-water-291 {font-size: medium}p.budget-water-290 { border: medium none; padding: 0in}div.budget-water-289 {border:none;border-bottom:dotted windowtext 3pt;padding:0in 0in 1pt 0in}p.budget-water-288 {border: medium none; padding: 0in}span.budget-water-287 {font-size:18pt}span.budget-water-286 {color: red;}span.budget-water-285 {font-family: arial; color: navy; font-size: 10pt;}span.budget-water-284 {font-style: normal; font-family: arial; font-size: 12pt;}span.budget-water-283 {font-style: normal; font-family: times new roman; font-size: 12pt;}span.budget-water-282 {font-style: normal; font-family: arial; color: blue; font-size: 12pt;}span.budget-water-281 {font-style: normal; font-family: "times new roman"; font-size: 12pt;}span.budget-water-280 {font-style: normal; font-family: arial; font-size: 10pt;}span.budget-water-279 {font-size:10pt;font-style:normal}span.budget-water-278 {color: blue; font-family: arial; font-size: small}span.budget-water-277 {color: #ff0000; font-size: xx-small;}p.budget-water-276 {margin-bottom: 12pt}span.budget-water-275 {font-family: arial; font-size: x-small;}div.budget-water-274 {font: 10pt arial}span.budget-water-273 {font-size: 18pt;}span.budget-water-272 {color: blue; font-size: 13.5pt;}span.budget-water-271 {font-style: normal; color: red;}span.budget-water-270 {font-family: arial; font-size: 10pt;}span.budget-water-269 {font-size:10pt}span.budget-water-268 {color: blue; text-decoration: underline}img.budget-water-267 {float:right; margin-left:20px; border: 1px solid #000000}p.budget-water-266 {margin-top: 12pt}span.budget-water-265 {color: blue; font-size: 16pt;}span.budget-water-264 {color: #515151; font-size: small;}span.budget-water-263 {font-family: verdana,arial,helvetica;}p.budget-water-261 {line-height: 0.15in; text-align: left}img.budget-water-260 {filter: revealtrans(duration=2,transition=23)}span.budget-water-259 {color: black}span.budget-water-258 {font-size: 10pt; font-family: verdana; color: black; font-style: normal}span.budget-water-257 {font-size: 7.5pt; font-family: verdana; color: black; font-style: normal}span.budget-water-256 {font-size: 10pt; color: black; font-style: normal;}span.budget-water-255 {font-size: 13.5pt;}span.budget-water-254 {font-size: 12pt; font-style: normal;}span.budget-water-253 {font-family: verdana; color: #000000;}span.budget-water-252 {font-size: 14pt}span.budget-water-251 {color: #990000; font-size: small}span.budget-water-250 {color: #990000; font-size: small;}img.budget-water-249 {border: 2px solid #000000;}span.budget-water-248 {color: #000000; font-size: 12pt}p.budget-water-247 {text-align: left;}img.budget-water-246 {border: 2px solid #000080}span.budget-water-245 {font-family: helvetica-bold; color: black;}span.budget-water-244 {font-family: helvetica-bold;}p.budget-water-243 {margin-right:.5in;margin-left:.5in}p.budget-water-242 {margin-left: .5in; margin-right: .5in}span.budget-water-241 {font-size: small; font-weight: 400}span.budget-water-240 {color: #231f20;}span.budget-water-239 {color: #ffffff; font-size: xx-small;}input.budget-water-238 {border: solid 1px #c5c5c5;background-color: #f8f8f8;width: 200px;font-size: 11px;}span.budget-water-237 {font-size: 13.5pt; color: black}span.budget-water-236 {font-size: 12pt; color: black}span.budget-water-235 {font-size: 12pt; font-style: normal}span.budget-water-234 {font-style: normal}p.budget-water-233 {text-decoration: underline}span.budget-water-232 {color: black; font-size: 12pt; font-style: normal; text-decoration: underline}span.budget-water-231 {font-size: 13.5pt; color: black; font-style: normal}span.budget-water-230 {font-size: 12pt; color: white; font-style: normal}span.budget-water-229 {font-size: 12pt; color: black; font-style: normal;}span.budget-water-228 {font-size: 10pt; color: black; font-style: normal}span.budget-water-227 {font-size: 18pt; color: black; font-style: normal}span.budget-water-226 {color: black; font-size: 18pt; font-style: normal; text-decoration: underline}span.budget-water-225 {font-size: 12pt; color: red; font-style: normal}span.budget-water-224 {font-size: 13.5pt; color: blue; font-style: normal}span.budget-water-223 {font-size: 24pt; color: black; font-style: normal; background: white}span.budget-water-222 {font-size: 12pt; color: black; font-style: normal}span.budget-water-221 {color: blue; font-style: normal}span.budget-water-220 {font-size: 16pt; color: #0000ff}span.budget-water-219 {font-size: 16pt; color: blue; font-style: normal}div.budget-water-218 {font-family: 'times new roman', 'new york', times, serif; font-size: 12pt; margin: 0px}span.budget-water-217 {color: black; font-family: arial; font-size: small}span.budget-water-216 {font-family: arial;}col.budget-water-215 {width: 58pt}p.budget-water-214 {widows: 0; orphans: 0; margin-bottom: 0.06in}span.budget-water-213 {font-family: arial, sans-serif;}span.budget-water-212 {font-family: arial; layout-grid-mode: line}span.budget-water-211 {color: #003399; text-decoration: underline}span.budget-water-210 {color: #003399; font-size: 12pt; font-weight: 700;}span.budget-water-209 {font-family: verdana;}span.budget-water-208 {font-family: symbol; font-size: small;}span.budget-water-207 {font-family: arial, sans-serif; font-size: x-small;}span.budget-water-206 {font-family: arial, sans-serif; font-size: small;}span.budget-water-205 {font-family: arial, arial, sans-serif; color: #000000;}p.budget-water-204 {margin-bottom: 0.07in; margin-top: 0.07in; text-align: left}img.budget-water-203 {border: 1px solid #008000}col.budget-water-202 {width: 32pt}col.budget-water-201 {width:60pt}span.budget-water-200 {font-family: times new roman;}span.budget-water-199 {font-style:normal}p.budget-water-198 {margin-bottom: 0in; text-decoration: underline}a.budget-water-197 {color: #993300}span.budget-water-195 {font-family: trebuchet ms,arial,helvetica; font-size: small;}span.budget-water-194 {color: #000000; font-size: medium; font-weight: 700}span.budget-water-193 {color: #000000; font-size: medium}img.budget-water-192 {width: 251px; height: 103px}span.budget-water-191 {color: white; font-size: large;}span.budget-water-190 {color:red;}span.budget-water-189 {font-family: times new roman, serif; font-size: x-small;}span.budget-water-188 {color: #0000ff; font-size: medium}p.budget-water-187 {margin-bottom: 0.06in; text-align: justify}span.budget-water-186 {background-color: #ffff00; color: #000000; text-decoration: none}span.budget-water-185 {font-family: trebuchet ms; font-size: 12pt;}p.budget-water-184 {line-height: 0.17in; margin-bottom: 0.06in; text-align: justify}img.budget-water-183 {border: 1px solid #0000ff;}img.budget-water-182 {border: 1px solid #000080}span.budget-water-180 {text-decoration: none}span.budget-water-179 {color:black}p.budget-water-178 {text-align: justify; line-height: 120%}span.budget-water-177 {font-family: verdana; color: black; font-size: 9pt;}span.budget-water-176 {font-size:7.5pt}p.budget-water-175 {line-height:10.5pt}span.budget-water-174 {font-family: verdana; color: black; font-size: 7.5pt;}span.budget-water-173 {font-family: arialnarrow, sans-serif; font-size: x-small;}span.budget-water-172 {font-weight: normal}span.budget-water-171 {font-weight: 700}img.budget-water-170 {border-right: #000099 1px solid; border-top: #000099 1px solid; border-left: #000099 1px solid; border-bottom: #000099 1px solid}h3.budget-water-169 {text-align: left}span.budget-water-168 {color: #003399; font-size: small}p.budget-water-167 {margin-bottom: 0.03in; text-align: left}span.budget-water-166 {color: black; font-size: 12pt;}span.budget-water-165 {font-family: univers;}span.budget-water-164 {font-weight:700}span.budget-water-163 {color: #000000; font-size: x-small;}p.budget-water-162 {margin-bottom: 0.2in; text-align: left}span.budget-water-161 {background-color: #ffff00; font-size: medium}span.budget-water-160 {background-color: #0000ff; color: #ffffff}span.budget-water-159 {color: #ffffff;}span.budget-water-158 {background-color: #ffffff; color: #0000ff; font-size: x-large}span.budget-water-157 {color: #ff0000; font-size: x-small; text-decoration: underline}span.budget-water-154 {color: #0000ff; font-size: x-large;}img.budget-water-153 {border: 2px solid #0000ff;}img.budget-water-152 {border: 3px solid #0000ff}span.budget-water-151 {font-style: normal; font-size: 12pt;}span.budget-water-150 {font-size: xx-small; font-style: normal}hr.budget-water-149 {text-align: center}span.budget-water-148 {color: black; font-size: 12pt; font-style: normal; text-decoration: underline}span.budget-water-147 {font-style: normal; color: black; font-size: 13.5pt;}span.budget-water-146 {font-style: normal; color: white; font-size: 12pt;}span.budget-water-145 {color: blue; font-size: xx-small; font-style: normal}span.budget-water-144 {font-style: normal; color: black; font-size: 18pt;}span.budget-water-143 {color: black; font-size: 18pt; font-style: normal; text-decoration: underline}span.budget-water-142 {font-style: normal; color: red; font-size: 12pt;}span.budget-water-141 {font-style: normal; color: blue; font-size: 13.5pt;}span.budget-water-140 {font-style: normal; background: white; color: black; font-size: 24pt;}span.budget-water-139 {font-style: normal; color: black;}span.budget-water-138 {color: #0000ff; font-size: 16pt;}span.budget-water-137 {color: black; font-style: normal}h4.budget-water-136 {text-align: left}p.budget-water-135 {margin-bottom: 0in; margin-right: 0.06in; text-align: left}span.budget-water-134 {font-family: verdana, arial, helvetica; color: #990033;}img.budget-water-133 {border: 1px solid #000000;}p.budget-water-132 {text-align: right}span.budget-water-131 {color: #000000; font-size: large;}span.budget-water-130 {background-color: #ffff00; font-size: medium}strong.budget-water-129 {color:red}span.budget-water-128 {font-style: normal; color: black; font-size: 10pt;}span.budget-water-127 {font-style: normal; color: black; font-size: 12pt;}span.budget-water-126 {color: blue;}span.budget-water-125 {color: black; font-size: 14pt;}span.budget-water-124 {color: red; text-decoration: underline}span.budget-water-123 {color: red; font-weight: 700; text-decoration: underline}span.budget-water-122 {color: blue; font-size: 18pt;}span.budget-water-121 {background: yellow; font-size: 12pt}span.budget-water-120 {background: yellow; color: #000000; font-size: xx-small}span.budget-water-119 {font-size: 8pt}div.budget-water-118 {margin-left: 2em; text-align: left}span.budget-water-117 {color: blue}strong.budget-water-116 {text-decoration: underline}img.budget-water-115 {border: 0px solid #0000ff;}img.budget-water-114 {border: 2px solid #0000ff}li.budget-water-113 {list-style: none}span.budget-water-112 {color: #272627;}p.budget-water-111 {margin-bottom: 0.2in}span.budget-water-110 {background: yellow; font-size: 13.5pt;}a.budget-water-109 {text-decoration: none}hr.budget-water-108 {text-align: left}span.budget-water-107 {background: yellow; color: #000000; font-size: 13.5pt; text-decoration: none}span.budget-water-106 {font-family: verdana; font-size: xx-small;}span.budget-water-105 {font-family: trebuchet ms,arial,helvetica;}p.budget-water-104 {margin-bottom: 0in; text-align: justify}span.budget-water-103 {font-family: tte1043308t00; font-size: small;}span.budget-water-102 {background: yellow}span.budget-water-101 {background-color: #ffffff; color: #000000}span.budget-water-100 {color: #ff0000; font-size: x-small;}span.budget-water-99 {color: #00b000; font-size: xx-small;}span.budget-water-98 {color: #00b000;}p.budget-water-97 {border: medium none; margin-bottom: 0.2in; padding: 0in; text-align: justify}span.budget-water-96 {font-size: 4pt}span.budget-water-95 {color: #0000ff; font-size: 12pt}a.budget-water-94 {text-decoration: underline; }span.budget-water-93 {color: #990033; font-size: small;}a.budget-water-92 {text-decoration: none; }span.budget-water-91 {color: #0000ff; font-size: large;}span.budget-water-90 {color: #ff0000; font-size: medium;}span.budget-water-89 {font-size: large;}span.budget-water-88 {color: #00ff00; font-size: medium;}span.budget-water-87 {color: #00ff00;}span.budget-water-86 {color: #00ff00; font-size: large;}span.budget-water-85 {font-size: x-large;}span.budget-water-84 {color: #ff0000;}li.budget-water-83 {list-style: none; display: inline}span.budget-water-82 {color: #ff0000; font-size: large;}span.budget-water-81 {color: navy; font-size: 12pt;}em.budget-water-80 {text-decoration: underline}span.budget-water-79 {text-decoration: underline}span.budget-water-78 {color:black;font-style:normal}p.budget-water-77 {margin-bottom: 0in}span.budget-water-76 {font-size: 10pt; font-family: arial}span.budget-water-75 {color: #003366; font-size: xx-small;}span.budget-water-74 {color: #000000; font-size: small;}div.budget-water-73 {width: 499; height: 22}span.budget-water-72 {color: #0000ff; font-size: small;}div.budget-water-71 {width: 229; height: 23}p.budget-water-70 {margin-left: 0in; margin-right: 0in; margin-top: 0in; margin-bottom: 0pt}p.budget-water-69 {margin: 0in 0in 0pt}span.budget-water-68 {font-family: times new roman, serif;}h3.budget-water-67 {text-align: center}span.budget-water-66 {color: #003399; font-size: large;}p.budget-water-65 {text-align: justify}span.budget-water-64 {color: #000000; font-size: medium;}span.budget-water-63 {color: #990033;}p.budget-water-62 {text-align: leftr}span.budget-water-61 {background-color: #ff0000; color: #ffffff}span.budget-water-60 {background-color: #ffffff}span.budget-water-59 {background-color: #ffffff; color: #000000}span.budget-water-58 {font-family: arial, helvetica, sans-serif;}p.budget-water-57 {margin-bottom: 0in; text-align: left}span.budget-water-56 {color: #000000; font-weight: 700;}span.budget-water-55 {font-weight: 700;}p.budget-water-54 {font-style: normal; font-variant: normal; font-weight: normal; font-size: 17px; margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 14px}span.budget-water-53 {font-size: xx-small; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: 0px}span.budget-water-52 {font-size: small; letter-spacing: 0px}p.budget-water-51 {font-style: normal; font-variant: normal; font-weight: normal; margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 14px}span.budget-water-50 {letter-spacing: 0px}p.budget-water-49 {font-style: normal; font-variant: normal; font-weight: 700; margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 14px}p.budget-water-48 {font-style: normal; font-variant: normal; font-weight: 700; margin-bottom: 14px; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: center}span.budget-water-47 {color: #0000ff; text-decoration: underline}img.budget-water-46 {border: 1px solid #000000}span.budget-water-45 {color: black; font-size: xx-small; font-style: normal}span.budget-water-44 {color: #000000}p.budget-water-43 {text-align: left}span.budget-water-42 {font-size: small}span.budget-water-41 {font-size: 12pt}em.budget-water-40 {font-style: normal}span.budget-water-39 {font-size: x-small}span.budget-water-38 {font-weight: bold}span.budget-water-37 {font-size: x-small; font-weight: bold}strong.budget-water-36 {font-weight: 400}span.budget-water-35 {color: #000000; text-decoration: none}span.budget-water-34 {font-family: arial, helvetica; font-size: small;}span.budget-water-33 {font-size: 12pt;}span.budget-water-32 {font-size: 12pt}span.budget-water-31 {font-size: 14pt;}span.budget-water-30 {font-family: arial; color: #0000ff;}span.budget-water-29 {color: #0000ff; font-size: x-small;}span.budget-water-28 {font-size: x-small;}span.budget-water-27 {font-size: 13.5pt; background: yellow}span.budget-water-26 {background: yellow;}span.budget-water-25 {color: #003399;}span.budget-water-24 {text-decoration: underline;}span.budget-water-23 {font-size: medium;}span.budget-water-22 {font-size: small;}div.budget-water-21 {text-align: center}p.budget-water-19 {margin-top:0in}span.budget-water-18 {font-family: trebuchet ms;}span.budget-water-17 {background-color: #ffff00}div.budget-water-16 {text-align: left}span.budget-water-15 {background-color: #ffff00}span.budget-water-14 {color: #0000ff; font-size: xx-small;}span.budget-water-13 {color: #0000ff; font-size: medium;}span.budget-water-12 {font-size: xx-small;}a.budget-water-11 {color: blue; text-decoration: underline; }span.budget-water-10 {font-size: 12pt;}div.budget-water-9 {margin-left: 2em}span.budget-water-8 {color: black; font-size: small}span.budget-water-7 {color: black;}p.budget-water-6 {margin-bottom: 0.19in; margin-top: 0.19in; text-align: left}p.budget-water-5 {text-align: center}span.budget-water-4 {font-family: verdana, arial, helvetica;}p.budget-water-3 {margin-top: 0.19in; margin-bottom: 0.19in}span.budget-water-2 {color: #000000;}span.budget-water-1 {color: #0000ff;}.inventory-reduction-style3{color: #FF0000}.inventory-reduction-style5 {color: #FF0000; font-weight: bold; }.pittsburgh-lead-style1 {font-family: Tahoma}.pittsburgh-lead-style2 {font-size: 14px}.pittsburgh-lead-style5 {color: #0033FF;font-weight: bold;}.pittsburgh-lead-style6 {color: #FF0000}.pittsburgh-lead-style7 {font-size: 30px;font-weight: bold;}.pittsburgh-lead-style8 {font-family: Tahoma;font-weight: bold;font-size: 14px;}.pittsburgh-lead-style9 {color: #FF0000; font-size: 24px; }.pittsburgh-lead-style12 {font-size: 26px}.pittsburgh-lead-style13 {color: #000000}.pittsburgh-lead-style14 {font-size: 18px}.pittsburgh-lead-style15 {font-size: 20px;font-weight: bold;}.pittsburgh-lead-style16 {font-size: 14px; font-family: Tahoma; }.pittsburgh-lead-style17 {color: #0066CC}.pittsburgh-lead-style18 {font-size: 14px; font-family: Tahoma; color: #000000; }.chlorine-injection-style2 {	font-size: 14px;	font-weight: bold;}.chlorine-injection-style3 {font-size: 14px}.dirt-turbidity-style1 {color: #000000}.in-line-cartridge-style1{font-weight: bold;}.uv-sterilization-style1{font-size: 14px}

.entry-content p{line-height:1.5;}

/*Resize*/
@media screen and (max-width: 800px){
  .td-responsive-table,
  .td-responsive-table tbody,
  .td-responsive-table tr{
  display: block;
  }
  
  .td-responsive-table td{
  max-width: 200px;
  display: block;
  }
}
@media (max-width: 767px){
	.responsive-table-adjust td{
		width:100%;
	}
}
/*
@media screen and (max-width: 959px) {  
  #branding{
  padding-top: 15px;
  }
  
  #above-access .view-mobile-full{  
  display: block;
  }
  
  #above-access .view-mobile-full .view-mobile{ 
  display: inline;
  }
  
  #above-access .view-mobile-full .view-full{ 
  display: none;
  }
  
  #above-access #menu-above-main-nav li.above-nav-on-duty,
  #above-access #menu-above-main-nav li.above-nav-free-test{
  top: 15px;
  }
}/*959px*/

/*
@media screen and (max-width: 796px) {  
  #above-access .view-mobile-full{  
  top: 46px;
  }
}/*796px*/

/* ==== WooCommerce Cart (block) styling ==== */
.woocommerce-cart .wp-block-woocommerce-cart{
margin-top: 10px;
}

.wc-block-cart-items__header th{
font-size: 12px;
letter-spacing: 0.06em;
text-transform: uppercase;
color: #5b6b7c;
padding-bottom: 12px;
border-bottom: 2px solid #e3e8ee;
}

.wc-block-cart-items__row{
border-bottom: 1px solid #e9edf2;
}

.wc-block-cart-item__image img{
border-radius: 8px;
border: 1px solid #e9edf2;
}

.wc-block-components-product-name,
.wc-block-components-product-name:link{
color: #0d63c4;
font-weight: 600;
text-decoration: none;
}
.wc-block-components-product-name:visited{
color: #0d63c4;
}
.wc-block-components-product-name:hover,
.wc-block-components-product-name:visited:hover{
color: #1f7ae0;
text-decoration: underline;
}

.wc-block-components-product-metadata__description p{
color: #7c8a99;
font-size: 13px;
margin: 4px 0 0;
}

.wc-block-components-quantity-selector{
border-radius: 8px;
border: 1px solid #d7dee6;
overflow: hidden;
}
.wc-block-components-quantity-selector__button{
color: #0d63c4;
}
.wc-block-components-quantity-selector__button:hover{
background: #eef4fc;
}

.wc-block-cart-item__remove-link,
.wc-block-cart-item__remove-link:visited{
color: #b5bec8;
}
.wc-block-cart-item__remove-link:hover,
.wc-block-cart-item__remove-link:visited:hover{
color: #e0483e;
}

/* Cart totals sidebar */
.wc-block-cart__sidebar .wp-block-woocommerce-cart-order-summary-block{
background: #f7f9fb;
border: 1px solid #e9edf2;
border-radius: 12px;
padding: 20px 22px;
}

.wc-block-cart__totals-title{
font-size: 18px;
margin: 0 0 10px;
}

.wc-block-components-totals-coupon .wc-block-components-panel__button{
color: #0d63c4;
font-weight: 600;
}

/* Coupon field + Apply button: unify into one seamless control instead of
   two separate bordered boxes butted together, and bring Apply in line with
   the site's blue-gradient buttons instead of the browser-default dark box. */
.wc-block-components-totals-coupon__input input{
border-radius: 8px 0 0 8px !important;
border-right: 0 !important;
}

.wc-block-components-totals-coupon__button.wc-block-components-totals-coupon__button{
background: linear-gradient(180deg, #1f7ae0 0%, #0d63c4 100%);
border: 1px solid #0d63c4;
border-radius: 0 8px 8px 0;
box-shadow: none;
}

.wc-block-components-totals-coupon__button.wc-block-components-totals-coupon__button:hover:not([aria-disabled="true"]){
background: linear-gradient(180deg, #2a86ec 0%, #1170d4 100%);
}

.wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value span{
font-size: 19px;
font-weight: 700;
}

.wc-block-cart__submit-container .wc-block-components-button,
.wc-block-cart__submit-container .wc-block-components-button:link,
.wc-block-cart__submit-container .wc-block-components-button:visited{
background: linear-gradient(180deg, #2fb356 0%, #1e8f43 100%);
color: #fff !important;
border: 0;
border-radius: 8px;
font-weight: 700;
letter-spacing: 0.02em;
padding: 14px 18px;
box-shadow: 0 1px 2px rgba(20,100,50,0.25);
transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}
.wc-block-cart__submit-container .wc-block-components-button:hover,
.wc-block-cart__submit-container .wc-block-components-button:visited:hover{
background: linear-gradient(180deg, #3ec767 0%, #249c4c 100%);
color: #fff !important;
box-shadow: 0 2px 6px rgba(20,100,50,0.35);
}

/* ==== WooCommerce Cart: empty state + "New in store" grid ====
   Previously unstyled, so the empty cart fell back to WooCommerce's raw
   block markup: an oversized sad-face icon, a left-aligned dot divider,
   and a "New in store" grid of mismatched product images with no card
   treatment. This reuses the same card / button system as the shop grid
   (see "ul.products li.product" below) so the empty state reads as part
   of the same site instead of a bare fallback screen. */
.wp-block-woocommerce-empty-cart-block{
width: 100%;
margin: 40px 0 0;
padding: 0 20px;
text-align: center;
box-sizing: border-box;
}

.wc-block-cart__empty-cart__title{
font-size: 22px;
color: #1b2733;
margin: 0 0 4px;
}

.wc-block-cart__empty-cart__title.with-empty-cart-icon:before{
color: #d7dee6;
}

.wp-block-woocommerce-empty-cart-block .wp-block-separator.is-style-dots{
color: #b5bec8;
margin: 16px auto 32px;
}

.wp-block-woocommerce-empty-cart-block > .wp-block-heading:not(.wc-block-cart__empty-cart__title){
font-size: 19px;
color: #1b2733;
margin: 0 0 22px;
padding-bottom: 12px;
border-bottom: 2px solid #e3e8ee;
}

.wp-block-woocommerce-empty-cart-block .wc-block-grid__products{
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 20px;
list-style: none;
margin: 0;
padding: 0;
}

/* WooCommerce's core grid CSS sizes columns with a "flex:1 0 25%;max-width:25%"
   rule (selector ".wc-block-grid.has-4-columns .wc-block-grid__product",
   3 classes deep) meant to resolve against the full row in its native
   flexbox layout. Under the CSS grid layout above, that same 25% resolves
   against the already 25%-wide grid track instead, shrinking each card to
   a sliver -- the !importants reset it back to fill the track, since our
   2-class selector is out-specificity'd by the core rule's 3 classes. */
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product{
box-sizing: border-box;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
width: 100% !important;
max-width: none !important;
flex: none !important;
padding: 22px 18px;
border: 1px solid #e9edf2;
border-radius: 12px;
background: #fff;
transition: box-shadow 0.15s ease, border-color 0.15s ease;
}

.wp-block-woocommerce-empty-cart-block .wc-block-grid__product:hover{
border-color: #d7dee6;
box-shadow: 0 6px 16px rgba(13,60,120,0.08);
}

.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-link{
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
text-decoration: none;
}

.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-image{
width: 100%;
margin-bottom: 12px;
}

/* Source images range from tall filter housings to wide logo banners;
   a fixed box with object-fit:contain keeps the grid even instead of
   each card taking its image's native aspect ratio. */
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-image img{
width: 100%;
height: 140px;
object-fit: contain;
border-radius: 8px;
}

.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-title{
color: #0d63c4;
font-weight: 600;
font-size: 15px;
line-height: 1.4;
margin: 0 0 4px;
}

.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-link:hover .wc-block-grid__product-title{
color: #1f7ae0;
text-decoration: underline;
}

.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-price{
margin: 0 0 14px;
font-weight: 700;
color: #1b2733;
}

.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-add-to-cart{
margin-top: auto;
width: 100%;
}

.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-add-to-cart .wp-block-button__link{
display: inline-block;
box-sizing: border-box;
width: 100%;
background: linear-gradient(180deg, #1f7ae0 0%, #0d63c4 100%);
color: #fff;
border: 0;
border-radius: 8px;
font-weight: 700;
letter-spacing: 0.02em;
padding: 10px 16px;
box-shadow: 0 1px 2px rgba(13,60,120,0.2);
transition: background 0.15s ease, box-shadow 0.15s ease;
text-decoration: none;
}

.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-add-to-cart .wp-block-button__link:hover{
background: linear-gradient(180deg, #2a86ec 0%, #1170d4 100%);
box-shadow: 0 3px 8px rgba(13,60,120,0.3);
color: #fff;
}

@media screen and (max-width: 900px){
	.wp-block-woocommerce-empty-cart-block .wc-block-grid__products{
	grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media screen and (max-width: 500px){
	.wp-block-woocommerce-empty-cart-block .wc-block-grid__products{
	grid-template-columns: 1fr;
	}
}

/* ==== WooCommerce Checkout (block) styling ====
   Mirrors the Cart block treatment above so Cart -> Checkout -> Thank You
   read as one continuous flow instead of three different UIs. */
.woocommerce-checkout .wc-block-checkout{
margin-top: 10px;
}

.wc-block-components-checkout-step__title{
font-size: 18px;
margin: 0 0 4px;
padding-bottom: 12px;
border-bottom: 2px solid #e3e8ee;
}

.wc-block-components-text-input input,
.wc-blocks-components-select__select{
box-sizing: border-box;
border: 1px solid #d7dee6;
border-radius: 8px;
transition: border-color 0.15s ease;
}

.wc-block-components-text-input input:focus,
.wc-blocks-components-select__select:focus{
border-color: #0d63c4;
outline: none;
}

.wc-block-components-checkbox__input{
accent-color: #0d63c4;
}

/* Payment method list (PayPal, Credit Card - Authorize.net, Check -
   Authorize.net): these are classic gateways rendered through the block
   checkout's legacy-gateway compatibility wrapper. The custom radio circle
   is absolutely positioned over the label's left edge and depends on the
   option row reserving space for it -- when that padding gets lost the
   circle sits on top of the gateway name instead of beside it. Re-asserting
   both rules together with enough specificity keeps them paired. */
.woocommerce-checkout .wc-block-components-radio-control__option{
padding-left: 48px !important;
position: relative !important;
}
.woocommerce-checkout .wc-block-components-radio-control__input{
position: absolute !important;
left: 16px !important;
top: 50% !important;
transform: translateY(-50%) !important;
margin: 0 !important;
}

/* Shipping method / payment method option lists (radio-control blocks):
   core draws the group border as a translucent currentColor overlay, adds a
   1px currentColor divider between rows, AND puts a bold 1.5px solid-black
   inset box-shadow around whichever row is selected -- on top of each other
   that reads as boxes nested inside boxes. Replace all three with one plain
   border on the group, light dividers, and a soft blue tint (no border) for
   the selected row, matching the card style used everywhere else on Cart/
   Checkout/My Account. */
.wc-block-components-radio-control{
border: 1px solid #e9edf2;
border-radius: 10px;
overflow: hidden;
}

.wc-block-components-radio-control--highlight-checked:after{
display: none !important;
}

.wc-block-components-radio-control__option:after,
.wc-block-components-radio-control-accordion-option:after{
background: #e9edf2 !important;
}

.wc-block-components-radio-control__option--checked-option-highlighted,
.wc-block-components-radio-control-accordion-option--checked-option-highlighted{
box-shadow: none !important;
}

.wc-block-components-radio-control__option-checked,
.wc-block-components-radio-control-accordion-option--checked-option-highlighted > .wc-block-components-radio-control__option{
background: #eef4fc !important;
}

/* Order summary sidebar: same card treatment as the Cart Totals panel */
.wc-block-checkout__sidebar{
background: #f7f9fb;
border: 1px solid #e9edf2;
border-radius: 12px;
padding: 20px 22px;
}

.wc-block-components-checkout-order-summary__title{
font-size: 18px;
margin: 0 0 10px;
}

.wc-block-components-order-summary-item__image img{
border-radius: 8px;
border: 1px solid #e9edf2;
}

/* At quantity 1 the unit price equals the line total, so both were showing
   the same number in equal weight and reading like a duplicate. Demoting the
   unit-price line to match the muted description text keeps the info while
   leaving the bold total as the one number that stands out. */
.wc-block-components-order-summary-item__total-price{
font-weight: 700;
color: #1b2733;
}

.wc-block-components-order-summary-item__individual-prices{
font-size: 13px;
color: #7c8a99;
font-weight: 400;
}

.wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value{
font-size: 19px;
font-weight: 700;
}

.wc-block-components-checkout-place-order-button,
.wc-block-components-checkout-place-order-button:link,
.wc-block-components-checkout-place-order-button:visited{
background: linear-gradient(180deg, #2fb356 0%, #1e8f43 100%) !important;
color: #fff !important;
border: 0;
border-radius: 8px;
font-weight: 700;
letter-spacing: 0.02em;
box-shadow: 0 1px 2px rgba(20,100,50,0.25);
transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}

.wc-block-components-checkout-place-order-button:hover{
background: linear-gradient(180deg, #3ec767 0%, #249c4c 100%) !important;
box-shadow: 0 2px 6px rgba(20,100,50,0.35);
}

/* ==== WooCommerce Thank You page ====
   Classic (non-block) template -- styled to match the Cart/Checkout blocks
   above: same panel background, border, radius and button treatment. */
.wfoa-thankyou-card{
background: #f7f9fb;
border: 1px solid #e9edf2;
border-radius: 12px;
padding: 32px;
margin-top: 10px;
}

.wfoa-thankyou-icon{
display: flex;
align-items: center;
justify-content: center;
width: 56px;
height: 56px;
margin: 0 auto 18px;
border-radius: 50%;
background: linear-gradient(180deg, #2fb356 0%, #1e8f43 100%);
color: #fff;
}

.wfoa-thankyou-card p.woocommerce-thankyou-order-received{
text-align: center;
font-size: 19px;
font-weight: 700;
color: #1a1a1a;
margin: 0 0 24px;
}

.wfoa-thankyou-card .woocommerce-order-overview{
display: grid;
grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
gap: 16px 24px;
list-style: none;
margin: 0 0 24px;
padding: 20px 22px;
background: #fff;
border: 1px solid #e9edf2;
border-radius: 10px;
}

.wfoa-thankyou-card .woocommerce-order-overview li{
margin: 0;
font-size: 12px;
letter-spacing: 0.06em;
text-transform: uppercase;
color: #7c8a99;
}

.wfoa-thankyou-card .woocommerce-order-overview li strong{
display: block;
margin-top: 4px;
font-size: 16px;
letter-spacing: normal;
text-transform: none;
color: #1a1a1a;
}

.wfoa-thankyou-actions{
display: flex;
gap: 12px;
flex-wrap: wrap;
justify-content: center;
}

.wfoa-thankyou-card .button,
.wfoa-thankyou-card .button:link,
.wfoa-thankyou-card .button:visited{
background: linear-gradient(180deg, #1f7ae0 0%, #0d63c4 100%);
color: #fff;
border: 0;
border-radius: 8px;
font-weight: 700;
letter-spacing: 0.02em;
padding: 12px 24px;
box-shadow: 0 1px 2px rgba(13,60,120,0.2);
transition: background 0.15s ease, box-shadow 0.15s ease;
text-decoration: none;
}

.wfoa-thankyou-card .button:hover,
.wfoa-thankyou-card .button:visited:hover{
background: linear-gradient(180deg, #2a86ec 0%, #1170d4 100%);
box-shadow: 0 3px 8px rgba(13,60,120,0.3);
color: #fff;
}

.wfoa-thankyou-card .button.wfoa-btn-outline,
.wfoa-thankyou-card .button.wfoa-btn-outline:link,
.wfoa-thankyou-card .button.wfoa-btn-outline:visited{
background: #fff;
color: #0d63c4;
border: 1px solid #d7dee6;
box-shadow: none;
}

.wfoa-thankyou-card .button.wfoa-btn-outline:hover{
background: #eef4fc;
color: #0d63c4;
}

/* ==== WooCommerce My Account (Dashboard/Orders/Addresses/View Order) ====
   Previously unstyled: the account nav rendered as a bare bullet list and
   order/address tables used browser-default borders. Reuses the same
   card/border/button system as Cart, Checkout and Thank You above so My
   Account doesn't look like a different, unfinished part of the site.
   Scoped to .woocommerce-account (the body class WC adds on every account
   endpoint) so it doesn't touch .woocommerce on shop/cart/checkout pages. */
.woocommerce-account .woocommerce{
display: flex;
flex-wrap: wrap;
align-items: flex-start;
gap: 32px;
margin-top: 10px;
}

.woocommerce-MyAccount-navigation{
flex: 0 0 220px;
}

.woocommerce-MyAccount-navigation ul{
list-style: none;
margin: 0;
padding: 0;
background: #f7f9fb;
border: 1px solid #e9edf2;
border-radius: 12px;
overflow: hidden;
}

.woocommerce-MyAccount-navigation-link{
border-bottom: 1px solid #e9edf2;
}
.woocommerce-MyAccount-navigation-link:last-child{
border-bottom: 0;
}

.woocommerce-MyAccount-navigation-link a{
display: block;
padding: 13px 18px;
color: #1b2733;
font-weight: 600;
text-decoration: none;
transition: background 0.15s ease, color 0.15s ease;
}

.woocommerce-MyAccount-navigation-link a:hover{
background: #eef4fc;
color: #0d63c4;
}

.woocommerce-MyAccount-navigation-link.is-active a{
background: linear-gradient(180deg, #1f7ae0 0%, #0d63c4 100%);
color: #fff;
}

.woocommerce-MyAccount-navigation-link--customer-logout a{
color: #b5342a;
}
.woocommerce-MyAccount-navigation-link--customer-logout a:hover{
background: #fdecea;
color: #b5342a;
}

.woocommerce-MyAccount-content{
flex: 1 1 420px;
min-width: 0;
}

.woocommerce-MyAccount-content mark.order-number,
.woocommerce-MyAccount-content mark.order-date,
.woocommerce-MyAccount-content mark.order-status{
background: none;
font-weight: 700;
color: #1b2733;
}

.woocommerce-order-details__title,
.woocommerce-column__title{
font-size: 18px;
margin: 24px 0 12px;
padding-bottom: 10px;
border-bottom: 2px solid #e3e8ee;
}
.woocommerce-order-details__title:first-child{
margin-top: 0;
}

.woocommerce-MyAccount-content table.shop_table{
width: 100%;
border-collapse: collapse;
background: #fff;
border: 1px solid #e9edf2;
border-radius: 10px;
overflow: hidden;
}

.woocommerce-MyAccount-content table.shop_table th,
.woocommerce-MyAccount-content table.shop_table td{
padding: 12px 16px;
text-align: left;
border-bottom: 1px solid #e9edf2;
}

.woocommerce-MyAccount-content table.shop_table thead th{
font-size: 12px;
letter-spacing: 0.06em;
text-transform: uppercase;
color: #5b6b7c;
background: #f7f9fb;
border-bottom: 2px solid #e3e8ee;
}

.woocommerce-MyAccount-content table.shop_table td.product-name a,
.woocommerce-MyAccount-content table.shop_table .woocommerce-orders-table__cell-order-number a{
color: #0d63c4;
font-weight: 600;
text-decoration: none;
}
.woocommerce-MyAccount-content table.shop_table td.product-name a:hover,
.woocommerce-MyAccount-content table.shop_table .woocommerce-orders-table__cell-order-number a:hover{
color: #1f7ae0;
text-decoration: underline;
}

.woocommerce-MyAccount-content table.shop_table tfoot th,
.woocommerce-MyAccount-content table.shop_table tfoot td{
font-weight: 700;
}

.woocommerce-MyAccount-content table.shop_table tbody tr:last-child td,
.woocommerce-MyAccount-content table.shop_table tfoot tr:last-child th,
.woocommerce-MyAccount-content table.shop_table tfoot tr:last-child td{
border-bottom: 0;
}

.woocommerce-MyAccount-content mark.order-status{
display: inline-block;
}

.woocommerce-customer-details{
display: flex;
flex-wrap: wrap;
gap: 20px;
margin-top: 12px;
}

.woocommerce-customer-details address{
flex: 1 1 260px;
background: #f7f9fb;
border: 1px solid #e9edf2;
border-radius: 10px;
padding: 18px 20px;
font-style: normal;
line-height: 1.6;
}

.woocommerce-customer-details--phone,
.woocommerce-customer-details--email{
margin: 6px 0 0;
color: #5b6b7c;
}

.woocommerce-MyAccount-content .woocommerce-button.button,
.woocommerce-MyAccount-content .woocommerce-button.button:link,
.woocommerce-MyAccount-content .woocommerce-button.button:visited{
display: inline-block;
background: linear-gradient(180deg, #1f7ae0 0%, #0d63c4 100%);
color: #fff !important;
border: 0;
border-radius: 8px;
font-weight: 700;
letter-spacing: 0.02em;
padding: 9px 16px;
text-decoration: none;
transition: background 0.15s ease, box-shadow 0.15s ease;
}
.woocommerce-MyAccount-content .woocommerce-button.button:hover{
background: linear-gradient(180deg, #2a86ec 0%, #1170d4 100%);
color: #fff !important;
}

@media screen and (max-width: 700px){
	.woocommerce-account .woocommerce{
	flex-direction: column;
	}
	.woocommerce-MyAccount-navigation{
	flex: 1 1 100%;
	width: 100%;
	}
}

/* ==== Shop archive toolbar + column/list view switcher ==== */
.wfoa-shop-toolbar{
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 14px;
background: #f7f9fb;
border: 1px solid #e9edf2;
border-radius: 12px;
padding: 14px 18px;
margin: 0 0 26px;
}

.wfoa-shop-toolbar .woocommerce-result-count{
margin: 0;
float: none;
color: #5b6b7c;
font-size: 14px;
}

.wfoa-toolbar-right{
display: flex;
align-items: center;
gap: 16px;
flex-wrap: wrap;
}

.wfoa-toolbar-right .woocommerce-ordering{
margin: 0;
float: none;
}

.wfoa-toolbar-right .woocommerce-ordering select{
border-radius: 8px;
border: 1px solid #d7dee6;
padding: 10px 14px;
font-size: 14px;
background: #fff;
}

.wfoa-view-switcher{
display: flex;
align-items: center;
gap: 6px;
}

.wfoa-view-btn{
position: relative;
width: 34px;
height: 34px;
display: inline-flex;
align-items: center;
justify-content: center;
background: #f0f2f4;
border: 1px solid #e5e8eb;
border-radius: 8px;
cursor: pointer;
padding: 0;
transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}

.wfoa-view-btn:hover{
background: #e6ecf2;
}

/* Tooltip */
.wfoa-view-btn[data-tooltip]::after{
content: attr(data-tooltip);
position: absolute;
bottom: calc(100% + 8px);
left: 50%;
transform: translateX(-50%) translateY(4px);
background: #1a1a1a;
color: #fff;
font-size: 12px;
font-weight: 600;
line-height: 1;
white-space: nowrap;
padding: 6px 9px;
border-radius: 6px;
pointer-events: none;
opacity: 0;
visibility: hidden;
transition: opacity 0.12s ease, transform 0.12s ease;
z-index: 20;
}

.wfoa-view-btn[data-tooltip]::before{
content: "";
position: absolute;
bottom: calc(100% + 3px);
left: 50%;
transform: translateX(-50%);
border: 5px solid transparent;
border-top-color: #1a1a1a;
pointer-events: none;
opacity: 0;
visibility: hidden;
transition: opacity 0.12s ease;
z-index: 20;
}

.wfoa-view-btn[data-tooltip]:hover::after,
.wfoa-view-btn[data-tooltip]:focus-visible::after{
opacity: 1;
visibility: visible;
transform: translateX(-50%) translateY(0);
}

.wfoa-view-btn[data-tooltip]:hover::before,
.wfoa-view-btn[data-tooltip]:focus-visible::before{
opacity: 1;
visibility: visible;
}

.wfoa-view-btn.is-active{
background: #e7f0fd;
border-color: #0d63c4;
box-shadow: 0 0 0 1px #0d63c4 inset;
}

.wfoa-bars{
display: flex;
align-items: flex-end;
gap: 2px;
height: 13px;
}

.wfoa-bars span{
display: block;
width: 2px;
height: 100%;
background: #333;
border-radius: 1px;
}

.wfoa-list-icon{
display: flex;
flex-direction: column;
justify-content: space-between;
width: 14px;
height: 10px;
}

.wfoa-list-icon span{
display: block;
height: 2px;
background: #333;
border-radius: 1px;
}

.wfoa-view-btn.is-active .wfoa-bars span,
.wfoa-view-btn.is-active .wfoa-list-icon span{
background: #0d63c4;
}

/* Grid views: use real CSS Grid instead of WooCommerce's float/percentage
   math. That math only leaves ~0.05% slack on 5/6 columns, which subpixel
   rounding can eat on a wide, fluid (non-fixed-width) container -- the
   next item then wraps early and leaves a large dead gap on the right. */
ul.products{
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 24px;
box-sizing: border-box;
padding: 24px !important;
background: #fafbfc;
border: 1px solid #eef1f4;
border-radius: 14px;
}

ul.products.columns-1{ grid-template-columns: repeat(1, 1fr); }
ul.products.columns-2{ grid-template-columns: repeat(2, 1fr); }
ul.products.columns-3{ grid-template-columns: repeat(3, 1fr); }
ul.products.columns-5{ grid-template-columns: repeat(5, 1fr); }
ul.products.columns-6{ grid-template-columns: repeat(6, 1fr); }

/* Responsive grid: the column count picked via the view switcher (3/5/6)
   is a desktop preference. Below these widths there isn't room for that
   many columns without titles/buttons wrapping onto many lines, so step
   the column count down regardless of which view is selected. Thresholds
   are set generously because shop archive pages also carry the ~230px
   category sidebar, which eats into the space actually left for the grid. */
@media screen and (max-width: 1300px){
	ul.products.columns-5,
	ul.products.columns-6{
		grid-template-columns: repeat(3, 1fr);
	}
}

@media screen and (max-width: 980px){
	ul.products.columns-3,
	ul.products.columns-5,
	ul.products.columns-6{
		grid-template-columns: repeat(2, 1fr);
	}
	ul.products{
		gap: 16px;
		padding: 16px !important;
	}
}

@media screen and (max-width: 600px){
	ul.products.columns-2,
	ul.products.columns-3,
	ul.products.columns-5,
	ul.products.columns-6{
		grid-template-columns: repeat(1, 1fr);
	}
}

ul.products li.product{
float: none !important;
width: auto !important;
margin: 0 !important;
}

/* The clearfix pseudo-elements above become real grid items once the
   container is display:grid, silently eating a column slot. */
ul.products::before,
ul.products::after{
content: none !important;
display: none !important;
}

/* Product cards: bordered, padded, centered, with the button pinned to
   the bottom so it lines up across cards regardless of title length. */
ul.products li.product{
box-sizing: border-box;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
padding: 24px 20px !important;
border: 1px solid #e9edf2;
border-radius: 12px;
background: #fff;
transition: box-shadow 0.15s ease, border-color 0.15s ease;
}

ul.products li.product:hover{
border-color: #d7dee6;
box-shadow: 0 6px 16px rgba(13,60,120,0.08);
}

ul.products li.product img{
border-radius: 8px;
}

ul.products li.product a.woocommerce-loop-product__link,
ul.products li.product a.woocommerce-loop-product__link:link,
ul.products li.product a.woocommerce-loop-product__link:visited{
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
width: 100%;
text-decoration: none;
color: #0d63c4;
}

ul.products li.product a.woocommerce-loop-product__link:hover,
ul.products li.product a.woocommerce-loop-product__link:visited:hover{
color: #1f7ae0;
}

ul.products li.product .woocommerce-loop-product__title{
margin: 12px 0 4px;
}

ul.products li.product .price{
margin: 0 0 14px;
}

ul.products li.product a.button,
ul.products li.product a.add_to_cart_button{
margin-top: auto !important;
background: linear-gradient(180deg, #1f7ae0 0%, #0d63c4 100%);
color: #fff;
border: 0;
border-radius: 8px;
font-weight: 700;
letter-spacing: 0.02em;
padding: 10px 20px;
box-shadow: 0 1px 2px rgba(13,60,120,0.2);
transition: background 0.15s ease, box-shadow 0.15s ease;
}

ul.products li.product a.button:hover,
ul.products li.product a.add_to_cart_button:hover{
background: linear-gradient(180deg, #2a86ec 0%, #1170d4 100%);
box-shadow: 0 3px 8px rgba(13,60,120,0.3);
color: #fff;
}

/* List view: turn the product grid into stacked rows */
ul.products.wfoa-list-view{
display: flex;
flex-direction: column;
float: none;
}

ul.products.wfoa-list-view li.product{
box-sizing: border-box;
float: none !important;
width: 100% !important;
margin: 0 0 14px !important;
display: grid;
grid-template-columns: 64px minmax(0, 1fr) auto;
grid-template-rows: auto auto;
align-items: center;
column-gap: 16px;
text-align: left;
padding: 14px 16px !important;
border: 1px solid #e9edf2;
border-radius: 10px;
background: #fff;
}

/* The link only needs to wrap image/title/price for click-through; taking
   it out of layout flow (display:contents) lets its children become direct
   grid items of li, so title/price/button each get their own grid track
   instead of fighting over shrink space inside nested flex/grid boxes. */
ul.products.wfoa-list-view li.product a.woocommerce-loop-product__link,
ul.products.wfoa-list-view li.product a.woocommerce-loop-product__link:visited{
display: contents;
text-align: left;
color: #0d63c4;
}

ul.products.wfoa-list-view li.product img{
grid-column: 1;
grid-row: 1 / 3;
width: 64px !important;
height: 64px !important;
object-fit: cover;
border-radius: 8px;
}

ul.products.wfoa-list-view li.product .woocommerce-loop-product__title{
grid-column: 2;
grid-row: 1;
font-size: 15px;
margin: 0;
color: #1a1a1a;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

ul.products.wfoa-list-view li.product .price{
grid-column: 2;
grid-row: 2;
font-size: 14px;
display: block;
}

ul.products.wfoa-list-view li.product a.button,
ul.products.wfoa-list-view li.product a.add_to_cart_button{
grid-column: 3;
grid-row: 1 / 3;
align-self: center;
margin: 0;
white-space: nowrap;
}

/* Below this width, a fixed-width button column leaves no room for the
   title/price column. Drop the button to its own full-width row instead. */
@media screen and (max-width: 600px) {
	ul.products.wfoa-list-view li.product{
	grid-template-columns: 64px minmax(0, 1fr);
	grid-template-rows: auto auto auto;
	row-gap: 4px;
	}

	ul.products.wfoa-list-view li.product a.button,
	ul.products.wfoa-list-view li.product a.add_to_cart_button{
	grid-column: 1 / 3;
	grid-row: 3;
	align-self: auto;
	margin-top: 6px;
	justify-self: stretch;
	text-align: center;
	}
}

/* ==== Single product: image gallery card ==== */
.single-product div.images.woocommerce-product-gallery{
background: #fff;
border: 1px solid #e5e9ee;
border-radius: 12px;
box-shadow: 0 1px 3px rgba(20,30,45,0.06);
padding: 20px;
box-sizing: border-box;
}

/* Neutralize the old blog-post image styling (.entry-content .wp-post-image
   in the parent theme sets a #ccc border + float + margin/padding) which
   otherwise leaks onto the gallery image since it shares that same class. */
.single-product .woocommerce-product-gallery__image img.wp-post-image{
border: 0;
padding: 0;
margin: 0;
float: none;
}

.single-product .woocommerce-product-gallery__image,
.single-product .woocommerce-product-gallery__image a{
border-radius: 8px;
overflow: hidden;
}

.single-product .woocommerce-product-gallery__trigger{
background: #fff;
border: 1px solid #e5e9ee;
border-radius: 999px;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 2px 6px rgba(20,30,45,0.12);
top: 12px;
right: 12px;
transition: box-shadow 0.15s ease, transform 0.15s ease;
}

.single-product .woocommerce-product-gallery__trigger:hover{
box-shadow: 0 4px 10px rgba(20,30,45,0.18);
transform: translateY(-1px);
}

.single-product .flex-control-thumbs{
margin-top: 14px !important;
display: flex;
gap: 10px;
}

.single-product .flex-control-thumbs li{
width: auto !important;
float: none !important;
flex: 1;
}

.single-product .flex-control-thumbs li img{
border-radius: 6px;
border: 1px solid #e5e9ee;
opacity: 1 !important;
transition: border-color 0.15s ease;
}

.single-product .flex-control-thumbs li img.flex-active,
.single-product .flex-control-thumbs li img:hover{
border-color: #0d63c4;
}

/* ==== Single product: variation attribute picker ==== */
.single-product table.variations{
width: 100%;
border: 0;
margin: 4px 0 18px;
}

.single-product table.variations tr{
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 10px 16px;
}

.single-product table.variations th.label{
padding: 0;
font-weight: 700;
font-size: 14px;
color: #1a222c;
white-space: nowrap;
}

.single-product table.variations td.value{
flex: 1;
min-width: 220px;
padding: 0;
display: flex;
align-items: center;
gap: 12px;
}

.single-product table.variations select{
appearance: none;
-webkit-appearance: none;
flex: 1;
min-width: 0;
box-sizing: border-box;
height: 46px;
padding: 0 40px 0 14px;
border: 1px solid #d7dee6;
border-radius: 8px;
background: #fff url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16' fill='none' stroke='%23556170' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 14px center;
font-size: 15px;
color: #1a222c;
cursor: pointer;
transition: border-color 0.15s ease;
}

.single-product table.variations select:focus{
border-color: #0d63c4;
outline: none;
}

.single-product table.variations .reset_variations{
font-size: 13px;
color: #6b7684;
white-space: nowrap;
flex-shrink: 0;
}

/* ==== Single product: quantity input + Add to cart button ==== */
.single-product div.product form.cart{
display: flex;
align-items: center;
gap: 12px;
flex-wrap: wrap;
margin-bottom: 1.5em !important;
}

.single-product div.product form.cart .quantity{
margin: 0 !important;
}

.single-product div.product form.cart .quantity .qty{
box-sizing: border-box;
width: 72px;
height: 46px;
padding: 0 12px;
border: 1px solid #d7dee6;
border-radius: 8px;
font-size: 15px;
text-align: center;
}

.single-product div.product form.cart .quantity .qty:focus{
border-color: #0d63c4;
outline: none;
}

.single-product div.product form.cart .single_add_to_cart_button{
margin: 0;
background: linear-gradient(180deg, #1f7ae0 0%, #0d63c4 100%);
color: #fff;
border: 0;
border-radius: 8px;
font-weight: 700;
font-size: 15px;
letter-spacing: 0.02em;
padding: 12px 28px;
height: 46px;
box-shadow: 0 1px 2px rgba(13,60,120,0.2);
transition: background 0.15s ease, box-shadow 0.15s ease;
}

.single-product div.product form.cart .single_add_to_cart_button:hover{
background: linear-gradient(180deg, #2a86ec 0%, #1170d4 100%);
box-shadow: 0 3px 8px rgba(13,60,120,0.3);
color: #fff;
}

/* Buy Now: same size/shape as Add to Cart, distinct solid color instead of
   the low-contrast pale green it had before. */
.single-product div.product form.cart .single_add_to_cart_button.buy-now-button{
background: linear-gradient(180deg, #2fae5a 0%, #23913f 100%) !important;
color: #fff !important;
box-shadow: 0 1px 2px rgba(20,90,40,0.25) !important;
}

.single-product div.product form.cart .single_add_to_cart_button.buy-now-button:hover{
background: linear-gradient(180deg, #37c268 0%, #29a648 100%) !important;
box-shadow: 0 3px 8px rgba(20,90,40,0.35) !important;
}

/* ==== Nav cart icon + live count badge ==== */
/* Overrides plugins/support-custom/public/css/support-custom.css, which sets
   this same element gold -- !important keeps it blue regardless of load order. */
#menu-main-menu li.wfoa-nav-cart-item{
background: linear-gradient(180deg, #1f7ae0 0%, #0d63c4 100%) !important;
}

#menu-main-menu li.wfoa-nav-cart-item:hover{
background: linear-gradient(180deg, #2a86ec 0%, #1170d4 100%) !important;
}

#menu-main-menu li.wfoa-nav-cart-item a.wfoa-nav-cart-link{
display: inline-flex;
align-items: center;
justify-content: center;
position: relative;
overflow: visible !important;
}

/* Overrides support-custom.css's #menu-main-menu li.wfoa-nav-cart-item
   .wfoa-nav-cart-icon rule (higher specificity than the bare class alone),
   which sets a dark color meant to pair with the old gold background. */
#menu-main-menu li.wfoa-nav-cart-item .wfoa-nav-cart-icon{
display: block;
color: #fff !important;
}

.wfoa-nav-cart-count{
position: absolute;
top: -6px;
right: -10px;
min-width: 18px;
height: 18px;
padding: 0 4px;
box-sizing: border-box;
border-radius: 999px;
background: #e0483e;
color: #fff;
font-size: 11px;
font-weight: 700;
line-height: 18px;
text-align: center;
box-shadow: 0 0 0 2px #fff;
}

/* ==== Single product: breadcrumb (replaces "By Author | Published | Edit") ==== */
.wfoa-product-breadcrumb{
font-size: 13px;
color: #6b7684;
margin: 0 0 14px;
padding: 0;
}

.wfoa-product-breadcrumb a{
color: #6b7684;
text-decoration: none;
}

.wfoa-product-breadcrumb a:hover{
color: #0d63c4;
text-decoration: underline;
}

.wfoa-crumb-sep{
margin: 0 8px;
color: #c3cbd4;
}

.wfoa-crumb-current{
color: #1a222c;
font-weight: 600;
}

/* ==== Single product: title inside the summary column, above price ==== */
.single-product div.summary h1.product_title{
font-size: 28px;
line-height: 1.25;
font-weight: 700;
color: #1a222c;
margin: 0 0 14px;
}

/* ==== Single product: trust badges row ==== */
.wfoa-trust-badges{
display: flex;
flex-wrap: wrap;
gap: 10px;
margin: 14px 0;
}

.wfoa-trust-badge{
display: inline-flex;
align-items: center;
gap: 6px;
padding: 8px 12px;
background: #f2f7fd;
border: 1px solid #dbe7f4;
border-radius: 999px;
color: #0d63c4;
font-size: 13px;
font-weight: 600;
}

.wfoa-trust-badge svg{
flex-shrink: 0;
}

/* ==== Single product: styled callout around the short-description text
   (phone CTA / "questions?" copy that comes in per-product) ==== */
.single-product div.summary .woocommerce-product-details__short-description{
background: #fbfbfc;
border: 1px solid #e5e9ee;
border-left: 4px solid #0d63c4;
border-radius: 8px;
padding: 14px 16px;
margin: 14px 0;
}

.single-product div.summary .woocommerce-product-details__short-description p{
margin: 0 0 8px;
font-size: 14px;
line-height: 1.5;
color: #45505c;
}

.single-product div.summary .woocommerce-product-details__short-description p:last-child{
margin-bottom: 0;
}

/* ==== Single product: sticky add-to-cart bar ==== */
.wfoa-sticky-cart{
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 500;
background: #fff;
border-top: 1px solid #e0e6ec;
box-shadow: 0 -4px 16px rgba(20,30,45,0.1);
transform: translateY(100%);
transition: transform 0.25s ease;
}

.wfoa-sticky-cart.is-visible{
transform: translateY(0);
}

.wfoa-sticky-cart-inner{
max-width: 1100px;
margin: 0 auto;
display: flex;
align-items: center;
gap: 14px;
padding: 10px 20px;
}

.wfoa-sticky-cart-thumb img{
width: 44px;
height: 44px;
object-fit: contain;
border-radius: 6px;
border: 1px solid #e5e9ee;
}

.wfoa-sticky-cart-info{
display: flex;
flex-direction: column;
gap: 2px;
flex: 1;
min-width: 0;
}

.wfoa-sticky-cart-title{
font-size: 14px;
font-weight: 600;
color: #1a222c;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.wfoa-sticky-cart-price{
font-size: 13px;
color: #6b7684;
}

.wfoa-sticky-cart-price .woocommerce-Price-amount{
color: #0d63c4;
font-weight: 600;
}

.wfoa-sticky-cart-button{
flex-shrink: 0;
background: linear-gradient(180deg, #1f7ae0 0%, #0d63c4 100%);
color: #fff;
border: 0;
border-radius: 8px;
font-weight: 700;
font-size: 14px;
padding: 10px 22px;
cursor: pointer;
box-shadow: 0 1px 2px rgba(13,60,120,0.2);
transition: background 0.15s ease, box-shadow 0.15s ease;
}

.wfoa-sticky-cart-button:hover{
background: linear-gradient(180deg, #2a86ec 0%, #1170d4 100%);
box-shadow: 0 3px 8px rgba(13,60,120,0.3);
}

@media (max-width: 480px){
.wfoa-sticky-cart-thumb{
display: none;
}
}

.wfoa-nav-cart-count.is-hidden{
display: none;
}
/* ==== Shop archive: per-page + pagination toolbar ==== */
.wfoa-pagination-toolbar{
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 14px;
background: #f7f9fb;
border: 1px solid #e9edf2;
border-radius: 12px;
padding: 14px 18px;
margin: 26px 0 0;
}

.wfoa-per-page{
display: flex;
align-items: center;
gap: 10px;
color: #5b6b7c;
font-size: 14px;
}

.wfoa-per-page-select{
appearance: none;
-webkit-appearance: none;
height: 38px;
padding: 0 34px 0 12px;
border: 1px solid #d7dee6;
border-radius: 8px;
background: #fff url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16' fill='none' stroke='%23556170' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 10px center;
font-size: 14px;
color: #1a222c;
cursor: pointer;
transition: border-color 0.15s ease;
}

.wfoa-per-page-select:focus{
border-color: #0d63c4;
outline: none;
}

.woocommerce-pagination{
margin: 0;
}

.woocommerce-pagination ul.page-numbers{
display: flex !important;
align-items: center;
gap: 6px;
list-style: none;
margin: 0;
padding: 0;
border: 0 !important;
}

.woocommerce-pagination .page-numbers li{
list-style: none;
border-right: 0 !important;
}

.woocommerce-pagination .page-numbers li .page-numbers{
display: flex;
align-items: center;
justify-content: center;
min-width: 36px;
height: 36px;
padding: 0 6px;
box-sizing: border-box;
border: 0;
border-radius: 999px;
background: transparent;
color: #45505c;
font-size: 14px;
font-weight: 600;
text-decoration: none;
transition: background 0.15s ease, color 0.15s ease;
}

.woocommerce-pagination .page-numbers li a.page-numbers:hover{
background: #eef4fb;
color: #0d63c4;
}

.woocommerce-pagination .page-numbers li .page-numbers.current{
background: #0d63c4;
color: #fff;
}

.woocommerce-pagination .page-numbers li .page-numbers.dots{
color: #9aa6b2;
font-weight: 400;
}

.woocommerce-pagination .page-numbers li .page-numbers.dots:hover{
background: transparent;
}

.woocommerce-pagination .page-numbers li .page-numbers.next,
.woocommerce-pagination .page-numbers li .page-numbers.prev{
font-size: 16px;
font-weight: 700;
}

ul.products li.product a.button, ul.products li.product a.add_to_cart_button{
   font-weight: 500 !important;
}