/*!
Theme Name: Source4B
Author: D2 Creative
Author URI: https://d2creative.co.uk
Description: Custom Theme
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: source4b

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Source4B is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/

1. Add the correct box sizing in Firefox. 2. Show the overflow in Edge and IE. */
hr{box-sizing:content-box;height:0;overflow:visible;background-color:#ccc;border:0;height:1px;margin-bottom:1.5em}
/* Add the correct font weight in Chrome, Edge, and Safari. */
b,strong{font-weight:700;}
/* Prevent `sub` and `sup` elements from affecting the line height in all browsers. */
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}
/* Remove the border on images inside links in IE 10. */
img{border-style:none}
/* Add the correct display in all browsers. */
summary{display:list-item}
/* Add the correct display in IE 10. */
[hidden]{display:none}dfn,cite,em,i{font-style:italic}blockquote{margin:0 1.5em}address{margin:0 0 1.5em}dt{font-weight:700}dd{margin:0 1.5em 1.5em}
/* Make sure embeds and iframes fit their containers. */
embed,iframe,object{max-width:100%}
table{margin:0 0 1.5em;width:100%}.site-main .posts-navigation,.site-main .post-navigation{margin:0}.posts-navigation .nav-links,.post-navigation .nav-links {display:flex}.posts-navigation .nav-previous,.post-navigation .nav-previous{flex:1 0 50%;text-align:right}.posts-navigation .nav-next,.post-navigation .nav-next{flex:1 0 50%}.sticky{display:block}.updated:not(.published){display:none}.page-links{clear:both;margin:0 0 1.5em}.widget{margin:0 0 1.5em}.widget select{max-width:100%}.wp-caption{margin-bottom:1.5em;max-width:100%}.wp-caption img[class*="wp-image-"]{display:block;margin-left:auto;margin-right:auto}.wp-caption .wp-caption-text{margin:.8075em 0}.wp-caption-text{text-align:center}.gallery{margin-bottom:1.5em;display:grid;grid-gap:1.5em}.gallery-item{display:inline-block;text-align:center;width:100%}.gallery-columns-2{grid-template-columns:repeat(2,1fr)}.gallery-columns-3{grid-template-columns:repeat(3,1fr)}.gallery-columns-4{grid-template-columns:repeat(4,1fr)}.gallery-columns-5{grid-template-columns:repeat(5,1fr)}.gallery-columns-6{grid-template-columns:repeat(6,1fr)}.gallery-columns-7{grid-template-columns:repeat(7,1fr)}.gallery-columns-8{grid-template-columns:repeat(8,1fr)}.gallery-columns-9{grid-template-columns:repeat(9,1fr)}.gallery-caption{display:block}code{font-size:.8em}
/*
Universal CSS Components (also add to blocks.css)
Https://adamwathan.me/css-utility-classes-and-separation-of-concerns/ 
    Text sizes, colors, and weights
    Border colors, widths, and positions
    Background colors
    Flexbox utilities
    Padding and margin helpers
*/
.fw-thin,.fw-100{font-weight:100}.fw-extralight,.fw-200{font-weight:200}.fw-light,.fw-300{font-weight:300}.fw-normal,.fw-400{font-weight:400}.fw-medium,.fw-500{font-weight:500}.fw-semi-bold,.fw-600{font-weight:600}.fw-bold,.fw-700{font-weight:700}.fw-black,.fw-900{font-weight:900}.tt-uc{text-transform:uppercase}.tt-lc{text-transform:lowercase}.ta-c{text-align:center}.m-0{margin:0}.mt-0{margin-top:0}.mr-0{margin-right:0}.mb-0{margin-bottom:0}.ml-0{margin-left:0}.mlr-a,.mh-a{margin-left:auto;margin-right:auto}.p-0{padding:0}.pt-0{padding-top:0!important}.pr-0{padding-right:0}.pb-0{padding-bottom:0}.pl-0{padding-left:0}.ptb-0,.pv-0{padding-top:0;padding-bottom:0}.plr-0,.ph-0{padding-left:0;padding-right:0}.d-none{display:none}.flex,.d-flex{display:flex;height:100%}.flex-col{flex-direction:column}.flex-jc-space-between,.flex-space-between{justify-content:space-between}.flex-jc-start{justify-content:flex-start}.flex-jc-center{justify-content:center}.flex-jc-end{justify-content:flex-end}.flex-ai-start{align-items:flex-start}.flex-ai-center{align-items:center}.flex-ai-end{align-items:flex-end}.flex-grow{flex-grow:1}.d-block{display:block}.wp-block-group.flex{display:block;height:100%}.wp-block-group.flex .wp-block-group__inner-container{display:flex;height:100%}.wp-block-group.flex-col .wp-block-group__inner-container{flex-direction:column}.wp-block-group.flex-jc-space-between .wp-block-group__inner-container,.wp-block-group.flex-space-between .wp-block-group__inner-container{justify-content:space-between}.wp-block-group.flex-jc-start .wp-block-group__inner-container{justify-content:flex-start}.wp-block-group.flex-jc-center .wp-block-group__inner-container{justify-content:center}.wp-block-group.flex-jc-end .wp-block-group__inner-container{justify-content:flex-end}.wp-block-group.flex-ai-start .wp-block-group__inner-container{align-items:flex-start}.wp-block-group.flex-ai-center .wp-block-group__inner-container{align-items:center}.wp-block-group.flex-ai-end .wp-block-group__inner-container{align-items:flex-end}.wp-block-group.flex-grow .wp-block-group__inner-container{flex-grow:1}
.c-white,.c-white>a{color:#fff!important;}.c-black,.c-black>a{color:#000!important;}
.nolinebreak {white-space:nowrap;}
.no-bullets {list-style:none;margin-left:0;padding-left:0;}
/*
Display examples
d-xs-none = hide on mobile size
d-none d-xs-block = hide, then show on mobile size
d-none d-lg-block d-xs-none = only show on tablet, then hide on mobile again
*/
.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}
@media only screen and (max-width:1400px) { /* (XL) laptop tweaks */
	.d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-xl-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}
}
@media only screen and (max-width:1024px) { /* (LG) tablet landscape (and below) */
	.d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-lg-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}
}
@media only screen and (max-width:991px) { /* (MD) bootstrap breakpoint (good for a single breakpoint between tablet landscape & portrait) */
	.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-md-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}
}
@media only screen and (max-width:781px) { /* (WP) wp columns inline at this point */
  .wp-block-columns.reverseonmobile {flex-direction:column-reverse;}
  .d-wp-none{display:none!important}.d-wp-inline{display:inline!important}.d-wp-inline-block{display:inline-block!important}.d-wp-block{display:block!important}.d-wp-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-wp-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}
}
@media only screen and (max-width:768px) { /* (SM) tablet portrait (and below) */
  .d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-sm-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}
}
@media only screen and (max-width:575px) { /* (XS) phone */
  .d-xs-none{display:none!important}.d-xs-inline{display:inline!important}.d-xs-inline-block{display:inline-block!important}.d-xs-block{display:block!important}.d-xs-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-xs-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}
}
@media print{ /* print only */
  .d-print-none{display:none!important}.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-print-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}
}
/* make image within element behave like a cover image */
.with-cover-image, .with-cover-image .wp-block-group__inner-container > * {position: relative;}
.with-cover-image .wp-block-image.the-cover-image,
.with-cover-image .wp-block-image.the-cover-image picture {position: absolute;width: 100%;  height: 100%;  overflow: hidden;}
.with-cover-image .wp-block-image.the-cover-image img {object-fit: cover;  object-position: center;width: 100%;  height: 100%; }
.loadeffect,.loadeffectleft,.loadeffectright {opacity: 0;position: relative;translate: 0 13vh;-webkit-transition: translate 1s ease, opacity 1s ease;-moz-transition: translate 1s ease, opacity 1s ease;-o-transition: translate 1s ease, opacity 1s ease;transition: translate 1s ease, opacity 1s ease;}
.loadeffectactive,.loadeffectleftactive,.loadeffectrightactive {opacity: 1;position: relative;translate: 0 0;-webkit-transition: translate 1s ease, opacity 1s ease;-moz-transition: translate 1s ease, opacity 1s ease;-o-transition: translate 1s ease, opacity 1s ease;transition: translate 1s ease, opacity 1s ease;}
.loadeffectgroup > div,.loadeffectgroupleft > div,.loadeffectgroupright > div {opacity: 0;position: relative;translate: 0 13vh;-webkit-transition: translate 1s ease, opacity 1s ease;-moz-transition: translate 1s ease, opacity 1s ease;-o-transition: translate 1s ease, opacity 1s ease;transition: translate 1s ease, opacity 1s ease;}
.loadeffectgroupactive > div,.loadeffectgroupleftactive > div,.loadeffectgrouprightactive > div {opacity: 1;position: relative;translate: 0 0;-webkit-transition: translate 1s ease, opacity 1s ease;-moz-transition: translate 1s ease, opacity 1s ease;-o-transition: translate 1s ease, opacity 1s ease;transition: translate 1s ease, opacity 1s ease;}
.loadeffectleft,.loadeffectgroupleft > div {translate: -13vw 0;}
.loadeffectright,.loadeffectgroupright > div {translate: 13vw 0;}
div:has(.loadeffectright) {overflow: hidden;}

.wp-block-cover {padding:0}
.wp-block-cover.fixed-left > .wp-block-cover__image-background {background-position-x:0!important;} 
.wp-block-cover.fixed-right > .wp-block-cover__image-background {background-position-x:100%!important;} 
.wp-block-cover.fixed-top > .wp-block-cover__image-background {background-position-y:0!important;} 
.wp-block-cover.fixed-bottom > .wp-block-cover__image-background {background-position-y:100%!important;} 

/* ================================================================================================================
   ______           __                  ________________
  / ____/_  _______/ /_____  ____ ___  / ____/ ___/ ___/
 / /   / / / / ___/ __/ __ \/ __ `__ \/ /    \__ \\__ \ 
/ /___/ /_/ (__  ) /_/ /_/ / / / / / / /___ ___/ /__/ / 
\____/\__,_/____/\__/\____/_/ /_/ /_/\____//____/____/  
                                                                                                        
-------------------------------------------------------------------------------------------------------------------
	  --brand-color-orange: #FFA700;   
    --brand-color-green: #12AE4D;  
    --brand-color-purple: #67246F;  
    --brand-color-lblue: #00B8F1;  
    --brand-color-mblue: #00A0D2;  
    --brand-color-dblue: #0257A0;  
    --brand-color-lgray: #F2F2F2;  
    --brand-color-dgray: #343434; 
    --brand-color-bluegray: #355365;

================================================================================================================ */


/*
Theme specific CSS Components (also add to blocks.css)
Https://adamwathan.me/css-utility-classes-and-separation-of-concerns/ 
    Text sizes, colors, and weights
    Border colors, widths, and positions
    Background colors
    Flexbox utilities
    Padding and margin helpers

.fs-30 {font-size:3.0rem;line-height:1.2;}
.fs-20 {font-size:2.0rem;line-height:3.5rem;}
.lh-30 {line-height:3.0rem;}
.ls-20 {letter-spacing: 0.020em;}
.ls-100 {letter-spacing: 0.100em;}
.ls-200 {letter-spacing: 0.200em;}
.bg-brand-gold {background-color:var(--brand-color-gold);color:#fff;}
.bg-brand-green {background-color:var(--brand-color-green);color:#fff;}  
.bg-light-gray {background-color:#F8F4ED;color:#000;}
.mw-825 {width:825px;max-width: 100%;margin-left:auto;margin-right:auto;}
.custom-ratio-home-letterbox img {aspect-ratio:379/123!important;object-fit:cover;}
*/

.bg-white {background-color:#fff;} 
.bg-black {background-color:#000;} 
.bg-orange {background-color:var(--brand-color-orange);color:#fff;} 
.bg-green {background-color:var(--brand-color-green);color:#fff;}
.bg-purple {background-color:var(--brand-color-purple);color:#fff;}
.bg-purple p a {color: #FFF}
.bg-lblue {background-color:var(--brand-color-lblue);color:#fff;}  
.bg-mblue {background-color:var(--brand-color-mblue);color:#fff;} 
.bg-dblue {background-color:var(--brand-color-dblue);color:#fff;}
.bg-lgray {background-color:var(--brand-color-lgray);color:var(--brand-color-bluegray);} 
.bg-dgray {background-color:var(--brand-color-dgray);color:#fff;}
.bg-lbluegray {background-color:var(--brand-color-lbluegray);color:#fff;}
.bg-bluegray {background-color:var(--brand-color-bluegray);color:#fff;}
.bg-dbluegray {background-color:var(--brand-color-dbluegray);color:#fff;}
.bg-white-trans {background-color:rgba(255,255,255,0.94);}

.c-orange {color:var(--brand-color-orange);} 
.c-green {color:var(--brand-color-green);}
.c-purple {color:var(--brand-color-purple);}
.c-lblue {color:var(--brand-color-lblue);}  
.c-mblue {color:var(--brand-color-mblue);} 
.c-dblue {color:var(--brand-color-dblue);}
.c-lgray {color:var(--brand-color-lgray);} 
.c-dgray {color:var(--brand-color-dgray);}
.c-bluegray {color:var(--brand-color-bluegray);}

/* for group inside cols inside col.contentinner5050 - to match default contentinner L/R edges - see read your water meter page */
.wp-block-columns.contentinner5050 {gap:0!important;}
.wp-block-columns.contentinner5050 .wp-block-column {}
.wp-block-columns.contentinner5050 .wp-block-column .wp-block-group {display:flex;justify-content: flex-end;padding: 0;}
.wp-block-columns.contentinner5050 .wp-block-column:last-child .wp-block-group{justify-content: flex-start;}
.wp-block-columns.contentinner5050 .wp-block-column .wp-block-group__inner-container {--gap:40px;  width:calc((1700px / 2)); max-width: 100%; padding:0 var(--gap) 0 20px;}
.wp-block-columns.contentinner5050 .wp-block-column:last-child .wp-block-group__inner-container { padding:0 20px 0 var(--gap);}

@media only screen and (max-width:781px) { /* (WP) wp columns inline at this point */
	.wp-block-columns.contentinner5050 .wp-block-column .wp-block-group__inner-container {padding:0 20px!important;}
}
@media only screen and (min-width:782px) {
  .colwidth160 {max-width: 160px; min-width: 90px; flex-basis: 20%!important;flex-grow:0!important;}
}

/* panel-pda does top and bottom, left/right handled by contentinner classes */
.panel-pad-xs {padding-top:40px; padding-bottom:40px;}
.panel-pad-sm {padding-top:65px; padding-bottom:65px;}  /* eg round corner boxes */
.panel-pad-md {padding-top:120px; padding-bottom:120px;}
.panel-pad-lg {padding-top:180px; padding-bottom:180px;} /* eg quote blocks */
.panel-pad-offset {padding-top:30px; padding-bottom:110px;}
.panel-pad-offset-lg {padding-top:75px; padding-bottom:120px;}
.panel-pad-all {padding: 50px;}
.panel-pad-all-sm {padding: 30px}
.panel-pad-all-lg {padding: 8% 10%}

.br-sm, .br-13 {border-radius: 13px;}
.br-lg, .br-50 {border-radius:50px;}

.gap-0 {gap: 0!important;}
.gap-10 {gap: 10px!important;}
.gap-100 {gap: 100px!important;}
.gap-200 {gap: 200px!important;}

.bg-bluegray p a, .block-panel-bg-dblue p a {color: #FFF}

.d2-span {white-space: nowrap;} /* span around conent to stop line breaking in awkward places */

@media only screen and (max-width:991px) {
	.wp-block-columns.pre-hero-cols-with-icon > .wp-block-column:first-child {max-width: 70px;} /*flex-basis: 0 !important; */
	.wp-block-columns.pre-hero-cols-with-icon > .wp-block-column:nth-child(2) {flex-basis: 0 !important}/*min-width: calc(100% - 70px - 2em) !important;*/
	.wp-block-columns.pre-hero-cols-with-icon > .wp-block-column:last-child {text-align: center;}
	.panel-pad-xs {padding-top:20px;padding-bottom:20px;}
	.panel-pad-sm {padding-top:40px;padding-bottom:40px;}  /* eg round corner boxes */
	.panel-pad-md {padding-top:60px;padding-bottom:60px;}
	.panel-pad-lg {padding-top:80px;padding-bottom:80px;} /* eg quote blocks */
	.panel-pad-offset {padding-top:20px;padding-bottom:40px;}
	.panel-pad-offset-lg {padding-top:40px;padding-bottom:60px;}
	.panel-pad-all {padding:20px;}
	.mobile-width-xs {width:20px!important; height: auto!important;flex-basis: 20px !important;}
	.mobile-width-sm {width:40px!important; height: auto!important;flex-basis: 40px !important;}
	.mobile-width-md {width:60px!important; height: auto!important;flex-basis: 60px !important;}
	.mobile-width-lg {width:80px!important; height: auto!important;flex-basis: 80px !important;}
	.mobile-width-xl {width:100px!important; height: auto!important;flex-basis: 100px !important;}
}
@media only screen and (max-width:781px) {
  .gap-200 {gap:40px!important;}
}
@media only screen and (max-width:575px) {
  .panel-pad-all-sm { padding: 20px;}
}

.page .wp-block-pullquote {text-align: left;padding: 0;margin:0;}
.page blockquote p {font-size: 7.0rem; line-height: 1;font-weight: 700;margin: 0;}
.page blockquote cite {font-size: 2.0rem; line-height: 1em;  margin-top: 15px;}

.reasonslist img { margin-bottom: 40px; width: 57px; min-width: 57px;}
.col-pad-20 {padding:20px;}
.col-border-left-lblue {border-left:1px solid var(--brand-color-lblue)}

/* rounded box panel content styles */
.reasonspanel .boxcol1 {border-left: 1px solid white;  padding-left: 20px;}
.reasonspanel .infocols {padding: 60px 0 40px 0;}
.reasonspanel .infocols img {margin-bottom: 40px;width: 57px;min-width: 57px;}
.reasonspanel .acf-panel-block-left,
.myaccountpanel .acf-panel-block-left {padding:0; }
.reasonspanel .acf-panel-block-left-content {padding-bottom:160px; }
.myaccountpanel .acf-panel-block-dotted {left: 40px; bottom: 150px; width: calc(100% - 40px);}
.myaccountpanel .headercols {gap:60px;}
.myaccountpanel .infocols {gap:80px;}
.myaccountpanel .infocols .wp-block-column {/*flex-shrink: 1;flex-grow: 0; width: auto; flex-basis: auto;*/}
.myaccountpanel .infocols .wp-block-column:last-child {flex-grow: 1;}
.myaccountpanel .infocols span {display: block;}
.myaccountpanel .between {padding: 40px 0;}
.pl-23 {padding-left:23px;}
.greywaterpanel .infocols,
.irrigationpanel .infocols {gap:80px; padding: 80px 0 40px 0;}
.greywaterpanel .infocols img {margin-bottom: 40px;width: 57px;min-width: 57px;}
.greywaterpanel .acf-panel-block-left-content {padding-bottom:120px; }

.stoptaptest .pullup {position: relative; top: -80px; margin-bottom: -80px;}
.stoptaptest .pullup2 {position: relative; top: -20px; margin-bottom: -20px;}
.stoptaptest .scaleup {transform: scale(1.2);}
.stoptaptest .row {padding-bottom:40px;}
.stoptaptest .wp-block-cover__image-background {object-fit: contain;}
.stoptaptest .wp-block-cover svg path {fill:var(--brand-color-lblue);}
.stoptaptest .downarrow {padding-top: 20px;}




.titlecontactpage {font-size: 3.5rem;}
.titlecontactpage .d2-span {display: block;font-size: 1.5rem;font-weight: 400;}

.contact-under-header {}
.contact-under-header span {font-size: 2.8rem;font-weight: bold;}

.cover-contain .wp-block-cover__image-background {object-fit: contain!important;}

.wp-block-accordion-item {margin:1.2 0;}
.wp-block-accordion-item h2 {margin:0;}

.accordion-block {background: var(--brand-color-lgray);border-radius:10px;margin-top: 10px;display: flex;flex-direction: column;}
.accordion-block:first-child {margin-top:0;} 
.accordion-q {padding: 30px 40px; display: flex; align-items: center; justify-content: space-between;}
.accordion-q span {display: block; width: 19px;min-width: 19px; height: 19px; background: url(/wp-content/themes/source4b/images/accordion-arrows.png) left top no-repeat;background-size: 19px 38px ;cursor: pointer; margin-top: 5px}
.accordion-block.show .accordion-q span {background-position: left bottom}
.accordion-q h2 {font-weight: 400;margin:0;cursor: pointer;color: var(--brand-color-bluegray)}
.accordion-q h2::before {content:'Q.';display: inline-block;  width: 25px}
.accordion-a {transition: all 1s;  overflow: hidden} 
.accordion-a-inner {padding: 0 65px 30px; position: relative}
.accordion-a-inner::before {content:'A.'; position: absolute; left: 40px; color: var(--brand-color-bluegray); font-weight: bold; font-size: 2.0rem}
.accordion-a-inner * {font-size: 1.8rem; color: var(--brand-color-bluegray)}
.accordion-a-inner > p:first-child {font-weight: bold}
.accordion-a-inner p.btn a {padding: 15px 45px;  font-size: 1.8rem; min-width: 140px}
.accordion-a-inner p {margin: 0 0 10px}
.accordion-a-inner h2 {font-size: 18px; margin: 20px 0 10px}
.accordion-a-inner h3 {font-size: 17px; margin: 20px 0 10px}
.accordion-block:not(.show) .accordion-a {height:0!important;opacity:0}
.accordion-block.show .accordion-a {opacity: 1}

#filter {display: flex;gap: 0px;justify-content:center;}
#filter label {display: inline-block; color: var(--brand-color-bluegray); padding: 40px 20px 40px 80px; text-align: left; cursor: pointer; font-size: 1.7rem; border-left: 1px solid #999}

#filter label.label-billing-and-payments {background: #fff url('/wp-content/uploads/2026/03/icon-money.svg') no-repeat left 20px center}
#filter label.label-billing-and-payments:hover {background: var(--brand-color-lblue) url('/wp-content/uploads/2026/05/icon-money-white.svg') no-repeat left 20px center; color: #FFF}

#filter label.label-myaccount {background: #fff url('/wp-content/uploads/2026/03/icon-person.svg') no-repeat left 20px center}
#filter label.label-myaccount:hover {background: var(--brand-color-lblue) url('/wp-content/uploads/2026/05/icon-person-white.svg') no-repeat left 20px center; color: #FFF}
 
#filter label.label-moving-tenancy {background: #fff url('/wp-content/uploads/2026/03/icon-house.svg') no-repeat left 20px center}
#filter label.label-moving-tenancy:hover {background: var(--brand-color-lblue) url('/wp-content/uploads/2026/05/icon-house-white.svg') no-repeat left 20px center; color: #FFF}

#filter label.label-feedback-regulatory {background: #fff url('/wp-content/uploads/2026/03/icon-speech.svg') no-repeat left 20px center}
#filter label.label-feedback-regulatory:hover {background: var(--brand-color-lblue) url('/wp-content/uploads/2026/05/icon-speech-white.svg') no-repeat left 20px center; color: #FFF}

#filter label.label-water-supply-maintenance {background: #fff url('/wp-content/uploads/2026/03/icon-droplet.svg') no-repeat left 20px center}
#filter label.label-water-supply-maintenance:hover {background: var(--brand-color-lblue) url('/wp-content/uploads/2026/05/icon-droplet-white.svg') no-repeat left 20px center; color: #FFF}

#filter label.label-general {background: #fff url('/wp-content/uploads/2026/03/icon-exclamation.svg') no-repeat left 20px center; border-left: none;}
#filter label.label-general:hover {background: var(--brand-color-lblue) url('/wp-content/uploads/2026/05/icon-exclamation-white.svg') no-repeat left 20px center; border-left: none; color: #FFF}

#filter label:has(input:checked) {color:var(--brand-color-lblue);}
/* #filter label.label-all:has(input:checked) {background-color:#000;}
#filter label.label-business-skills:has(input:checked) {background-color:#5C4171;}
#filter label.label-leadership-development:has(input:checked) {background-color:#2e4f79;}
#filter label.label-sales-training:has(input:checked) {background-color:#75C093;}
#filter label.label-learning-insights:has(input:checked) {background-color:#127F9E;} */
#filter label input {
	border: 0;
	clip: rect(1px,1px,1px,1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	word-wrap: normal !important;
}
#filter button {display:none;}

.ticker-tape-container {overflow-x: hidden; display: flex; padding: 3rem 0; color: #fff; font-size: 3rem; width: 100%}
.ticker-tape {
  --direction: normal;
  --duration: 60s;
  --delay: 0s;
  --iteration-count: infinite;
  --play: running;
  display: flex;
  gap: 40px;
  /*margin-right: 1rem;*/
  flex: 0 0 auto;
  align-items: center;
  animation: marquee var(--duration) linear var(--delay) var(--iteration-count);
  animation-play-state: var(--play);
  animation-delay: var(--delay);
  animation-direction: var(--direction);
  padding-right:40px;
}
@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
@media only screen and (max-width:991px) { 
  .ticker-tape-container { font-size: 2.5rem; padding: 2.5rem 0;}
}
@media only screen and (max-width:575px) { 
  .ticker-tape-container { font-size: 2rem;padding: 2rem 0; }
}

.dotted-line-1:after,
.dotted-line-2:after,
.dotted-line-3:after {content:'';display:block;position: absolute; bottom: 0; max-width: 100%; z-index: 1;} 
.dotted-line-1:after { width:clamp(400px,82vw,1540px);height: 144px; background-size: contain;
  background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNTM5LjY4MiIgaGVpZ2h0PSIxNDQuMjczIiB2aWV3Qm94PSIwIDAgMTUzOS42ODIgMTQ0LjI3MyI+PHBhdGggZD0iTS0xOTg5LjEwOCwyMzYwLjYxNXMxMTkuNDE1LTEzNC4xODUsMTgyLjE1MS04Ny44MzksNTYuNTIyLDk2LjcsMjAwLjAxNCwzOC4wODgsMzA4LjAzLTI4LjUyNSwzNjUuMDgzLDguNzE5LDkxLjM0NCw2LjU3OCwxMzcuODg2LTM0Ljc5Miw1OS4wMzItMTI2Ljk2MywxOTUuMDg4LDAsNTkuOC00Ny4zNDYsMjE2Ljc2MywyNi4wNzMsMjQxLjExOC01My40MTgsMjQxLjExOC01My40MTgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE5ODkuODU1IC0yMjE3LjAwNykiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtZGFzaGFycmF5PSI4IDgiLz48L3N2Zz4=") left center no-repeat;}
.dotted-line-2:after { width:clamp(400px,93vw,1734px);height: 165px; background-size: contain;
  background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNzMzLjcyMSIgaGVpZ2h0PSIxNjQuNzcxIiB2aWV3Qm94PSIwIDAgMTczMy43MjEgMTY0Ljc3MSI+PHBhdGggZD0iTS0xOTg5LjEwOCwyMzYwLjYxNXMxMjEuMTc0LTYyLjUyMSwxODMuOTEtMTYuMTc1LDkzLjc0Niw1Ny43NSwxNjQuMjctNi4wMDUsMjM1LjUyMiw5Ljg5LDI3NS4yNTEsMzAuOTQsODkuOCw2MC45MTksMjIxLjk3NC0zOC4zNjYsNzcuMy0xMzUuMTM1LDIxMy4zNTktOC4xNzIsMjIyLjEtMzUuNjQsMzc5LjA2MiwzNy43NzgsMjk1LjE0OCwzMS43LDI5NS4xNDgsMzEuNyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTk4OS41NjYgLTIyNDAuMzU2KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1kYXNoYXJyYXk9IjggOCIvPjwvc3ZnPg==") left center no-repeat;}
.dotted-line-3:after { width:clamp(400px,82vw,1540px);height: 144px; background-size: contain;
  background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNTM5LjY4MiIgaGVpZ2h0PSIxMDQuMzg3IiB2aWV3Qm94PSIwIDAgMTUzOS42ODIgMTA0LjM4NyI+PHBhdGggZD0iTS0xOTg5LjEwOCwyMzYwLjYxNXMxMTkuNDE1LTEzNC4xODUsMTgyLjE1MS04Ny44MzksNTYuNTIyLDk2LjcsMjAwLjAxNCwzOC4wODgsMzA4LjAzLTI4LjUyNSwzNjUuMDgzLDguNzE5LDkxLjM0NCw2LjU3OCwxMzcuODg2LTM0Ljc5MmMzNS41MTItMzEuNTY1LDg1Ljk1NiwxMi4yMTUsMTUxLjk4Nyw0My4yOTIsMjAuMzA4LDkuNTU4LDEwLjg1Ni03My4zODIsNDMuMS00My4yOTIsMTM2LjA1NiwxMjYuOTY0LDU5LjgtNDcuMzQ2LDIxNi43NjMsMjYuMDczczI0MS4xMTgtNTMuNDE4LDI0MS4xMTgtNTMuNDE4IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxOTg5Ljg1NSAtMjI1Ni44OTQpIiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWRhc2hhcnJheT0iOCA4Ii8+PC9zdmc+") left center no-repeat;}

.dotted-line-1 > .wp-block-group__inner-container,
.dotted-line-2 > .wp-block-group__inner-container,
.dotted-line-3 > .wp-block-group__inner-container {position: relative; z-index: 2;}

.flex-button-bottom, .wp-block-group.flex-button-bottom .wp-block-group__inner-container  {display: flex; flex-direction: column;position: relative;height: 100%;}
.wp-block-group.flex-button-bottom {display: block;}
.flex-button-bottom .wp-block-buttons {height: 100%; align-items: flex-end;}
.z-index,.z-index * {position: relative;z-index: 1;}
.watermeter-bg-special {position: absolute; top:0; right:0;max-width: 50%;max-height:calc(100% - 20px); z-index: 0;aspect-ratio: 475/490;}
.watermeter-bg-special img {object-fit: contain;height:100%;width: 100%;}

.home #header-other-mobile {display:none;}
.home #header-other .outercol3 {position: absolute; right: 0; width: 500px;}
.underlay1 {padding-right:480px}
.underlay2 {padding-right:450px}
.underlay3 {padding-right:410px}
.home #header-other .outercol2  h2 {padding-right: 390px;}

#home-save-cols .mw-75c {padding: 0;}
.span-width-fix span {width:17.5rem;display: inline-block}

.dloads h3 {font-size: 18px; margin: 0 0 10px; line-height: 1.2}
.dloads p {font-size: 16px; margin: 0 0 5px; line-height: 1.2}

a.btn-dload, p.btn-dload a {padding: 10px 25% 10px 20px; font-weight: normal; font-size: 1.8rem; height: auto; letter-spacing: 0.5px; min-width: 100px;
  background: var(--brand-color-mblue) url('/wp-content/uploads/2026/02/Download-icon.svg') no-repeat right 5px center}

.legal-nav .wp-block-column {border-left: 1px solid #999}
.legal-nav-last {border-right: 1px solid #999}
.legal-nav p {font-size: 14px}
.legal-nav a {padding: 8%; color: var(--brand-color-lblue); text-decoration: none; display: block}
.legal-nav a:hover {background: var(--brand-color-bluegray); color: #FFF}
.legal h2 {font-size: 24px; margin: 30px 0 10px} 
.legal h3 {font-size: 20px; margin: 30px 0 10px} 

.cback {background: var(--brand-color-lgray); border-radius: 20px; padding: 30px 10px 10px; max-width: 60%; margin: 40px 0} 
.cback-tpi {background: #FFF; max-width: 80%}
.cback h2 {font-size: 20px; margin: 0}

.mm-quote {background: url('/wp-content/uploads/2026/02/icon-tick.svg') no-repeat left top; background-size: 100px; padding-left: 140px}
.mm-quote h2 {font-size: 45px; line-height: 1.4; margin: 0 0 120px; font-weight: normal; color: #FFF}
.mm-quote h3 {font-size: 25px; line-height: 1; font-weight: normal; color: var(--brand-color-lblue);}

#tp-home {background: #355365; padding: 15px; border: 1px solid #FFF; border-radius: 50px; width: 500px}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link::after {content: url('/wp-content/uploads/2026/02/nav-arrow.svg'); display: inline; margin-left: 20px}

.gap-100 {gap: 100px!important;}

.accordion-light .wp-block-accordion-item {border-radius: 10px; background: var(--brand-color-lgray); margin: 0 0 10px}
.accordion-light .wp-block-accordion-item h3 {color: var(--brand-color-bluegray); font-size: 20px; font-weight: normal; margin: 0; padding: 25px 50px}
.accordion-light .wp-block-accordion-item p, .accordion-light .wp-block-accordion-item ul {color: var(--brand-color-bluegray)}
.accordion-light .wp-block-accordion-panel {padding: 0 20% 25px 50px}
.wha-acc .wp-block-accordion-panel {padding: 30px 0 20px}
.wha-acc .wp-block-accordion-item {margin-bottom: 10px; background: #f2f2f2; padding: 1.7% 1.7% 1.7% 2.2%; border-radius: 10px}
.wha-acc .wp-block-accordion-item > h3 {margin: 0; line-height: 1.4; font-size: 18px; font-weight: normal; color: #333}

.greywaterpanel .infocols img {margin-bottom: 10px}
.greywaterpanel .infocols, .irrigationpanel .infocols {padding: 40px 0}

.c-bluegray span {color:var(--brand-color-lblue);}

.wp-block-list li {margin-bottom: 7px; line-height: 1.4}

.no-border h3 {border-top: none !important}

.vat-l {flex-basis: 30% !important}
.vat-r {flex-basis: 70% !important}

.with_frm_style .frm_description {margin-top: 8px !important}

#quote {background: var(--brand-color-purple) url('/wp-content/uploads/2026/03/quotes.svg') left 30px bottom no-repeat}

.hr-purple {border-top: none; background: purple}
.hr-5px {border-top: none; height: 5px}

/* Footer */
.site-footer { min-height: 500px; background: var(--brand-color-bluegray); padding: 40px 0; color: #fff;}
.site-footer a {text-decoration: none;}
.site-footer a.btn:hover, .site-footer a.btn:focus  {background-color:var(--brand-color-green);}
.footcols {display: flex; justify-content: center; padding-top: 120px; align-items: flex-end;}
.footcol {width: 38%}
.footcol1 {align-items: flex-end; display: flex}
.footcol2 {text-align:center; width: 25% !important}
.footcol3 {text-align: right}
.footcol3 a {color: #fff}
.footrow {display: flex; justify-content: space-between; gap: 50px}
.smallprint {font-size: 1.2rem;}
#menu-footer-1 {margin: 0; padding:0; list-style: none; font-size: 1.5rem;}
#menu-footer-1 li {margin-bottom: 10px}
.menu-footer-1-container {padding-top:20px}
.logo-iso {height: 120px; width: auto}
.foot-socials {border-left: 1px solid #FFF; padding-left: 30px; margin-left: 50px; min-height: 70px; align-content: flex-end}
.foot-socials a {margin-right: 20px}
.linked-in svg, .x svg, .facebook svg {width: 25px}

/*
.wp-block-spacer {border:1px dashed magenta;}
[class*="sp-"] { border:1px dashed lime; }
*/

.faqsearchform {padding:20px; display: flex} /* align-items: center;justify-content: center;margin-top: 20px;margin-bottom: 10px; */
.faqsearchform > div {border:1px solid #ccc; padding: 5px 10px;}
.faqsearchform #search-input {border: none}
.faqsearchform #search-input:focus{border-bottom:1px solid #fff;outline: none; box-shadow: none;} 
.faqsearchform button.faqsearch {border:none;color: transparent;cursor:pointer; width:30px; height: 30px;background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNi4xMTUiIGhlaWdodD0iMTYuNjgyIiB2aWV3Qm94PSIwIDAgMTYuMTE1IDE2LjY4MiI+CiAgPGcgaWQ9Ikdyb3VwXzI2NjciIGRhdGEtbmFtZT0iR3JvdXAgMjY2NyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE3MTYuNjc4IC0yMDYuNjE5KSI+CiAgICA8ZyBpZD0iRWxsaXBzZV83IiBkYXRhLW5hbWU9IkVsbGlwc2UgNyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTcxOC43OTMgMjA2LjYxOSkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAyNTdhMCIgc3Ryb2tlLXdpZHRoPSIyIj4KICAgICAgPGNpcmNsZSBjeD0iNyIgY3k9IjciIHI9IjciIHN0cm9rZT0ibm9uZSIvPgogICAgICA8Y2lyY2xlIGN4PSI3IiBjeT0iNyIgcj0iNiIgZmlsbD0ibm9uZSIvPgogICAgPC9nPgogICAgPHBhdGggaWQ9IlBhdGhfOTQ2IiBkYXRhLW5hbWU9IlBhdGggOTQ2IiBkPSJNMTc1NTIuMzgzLDIyMGwtNCw0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTU4MzEuMDAyIC0xLjQwNSkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAyNTdhMCIgc3Ryb2tlLXdpZHRoPSIyIi8+CiAgPC9nPgo8L3N2Zz4K) center center no-repeat;}

/* nav menu specials */
#mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner, 
#mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before, 
#mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after {
  background-color: var(--brand-color-dblue);
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.special-item > a.mega-menu-link,
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.special-item.mega-current-menu-item > a.mega-menu-link, 
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.special-item.mega-current-menu-ancestor > a.mega-menu-link, 
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.special-item.mega-current-page-ancestor > a.mega-menu-link {
  background-color: var(--brand-color-lbluegray);border-bottom:4px solid var(--brand-color-dbluegray);text-transform: uppercase;
}

	.vat-l {flex-basis: 40% !important}
	.vat-l-l {flex-basis: 160px !important}
	.vat-l-r {flex-basis: 190px !important}
    .vat-r {flex-basis: 60% !important}
    .vat-r-l {flex-basis: 330px !important}
    .vat-r-r {flex-basis: 160px !important}


@media only screen and (max-width:1540px) {
  .myaccountpanel .infocols {gap:40px}
  .myaccounticoncol.wp-block-column {flex-basis: 120px!important;align-self: flex-start!important}
  .myaccounticoncol img {width:120px}
}

@media only screen and (max-width:1400px) { /* (XL) laptop tweaks */
  .panel-pad-lg {padding-top: 160px;padding-bottom: 160px} 
  .foot-socials {padding-left: 5px; margin-left: 20px; min-height: 50px}
  .foot-socials a {margin: 0 0 0 8px}
  .foot-col1 {display: block}
}

@media only screen and (max-width:1366px) { 
	body, button, input, select, optgroup, textarea {font-size: 1.8rem}
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {font-size: 1.6rem !important; padding: 5px 0 !important}
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu {padding: 70px 8vw !important}
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link::after {margin-left: 10px}
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard > a.mega-menu-link, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {font-size: 1.65rem}
	.reasonspanel .infocols {flex-direction: column}
	.reasonspanel .infocols img {margin-bottom: 0; width: 35px; min-width: 35px}
	.reasonspanel .infocols p {margin-top: 0px}
	.reasonspanel .boxcol1 {border-left:none;padding-left: 0}
	.reasonspanel .boxcol1, .reasonspanel .boxcol0 {font-size: 1.7rem}
	.reasonspanel .infocols.wp-block-columns {display: flex; align-items: center; gap: 10px; padding: 20px 0}
	.reasonspanel .infocols .wp-block-column {display: flex; align-items: center;gap:20px}
	.myaccountpanel .infocols {flex-wrap: wrap !important;left: -23px;    position: relative}
	.myaccountpanel .infocols .wp-block-column:last-child {flex-basis: 100%}
	.myaccountpanel .acf-panel-block-dotted { left: 40px; bottom: 220px}
	.myaccounticoncol.wp-block-column {display: none}
	.myaccountpanel .between {padding-left: 0}
	.greywaterpanel .infocols, .irrigationpanel .infocols {gap:40px}
	.mm-quote h2 {font-size: 35px; line-height: 1.2; margin: 0 0 80px}
	.mm-quote h3 {font-size: 20px}
	.gap-200 {gap: 100px!important}
	.sp-20 {height: 10px !important}
	.sp-40, .sp-50, .sp-60 {height: 20px!important}
	.sp-70, .sp-80 {height: 30px!important}
	.sp-100, .sp-120 {height: 50px!important}
	.sp-180 {height: 70px!important}
	.sp-240 {height: 80px!important}
	.mw-75c {padding: 10px}
	.ticker-tape-container {padding: 2.8rem 0; font-size: 2.1rem}
	#home-save-cols .wp-block-image img {width: 80%}
	.myaccountpanel .between {padding: 10px 0}
	.contentinner-sm {width: 94%}
	.panel-pad-all-sm {padding: 25px}
	.panel-pad-xs {padding-top: 25px; padding-bottom: 25px}
	.panel-pad-sm {padding-top: 35px; padding-bottom: 35px}
	.panel-pad-md {padding-top: 50px; padding-bottom: 50px}
	.panel-pad-lg {padding-top: 60px; padding-bottom: 60px}
	.panel-pad-all-lg {padding: 5%}
	.panel-pad-offset-lg {padding-top: 55px; padding-bottom: 65px}	
	a.btn.btn-large, p.btn.btn-large a, .wp-block-button.btn-large .wp-block-button__link {padding: 15px 40px; font-size: 3rem; min-width: inherit}
	.wp-block-button.btn.play-icon .wp-block-button__link {background-size: 30px}
	a.btn-dload, p.btn-dload a {padding: 10px 30% 10px 20px !important; font-size: 1.8rem}
	.footcols {padding-top: 40px}
	.site-footer {min-height: inherit}
	.mm-quote {background-size: 90px; padding-left: 110px}
	.mm-quote h2 {font-size: 34px; margin: 0}
	.meter-reading-img img {width: 600px !important}
	.page blockquote p {font-size: 5rem}
	#hero-basic h1, #hero-image-small h1, #hero-image-large h1 {font-size: 5rem}
	#hero-basic p, #hero-image-small p {font-size: 1.8rem; line-height: 2.4rem}
	.hero-icon img {width: 60px !important}
	:where(.wp-block-columns.is-layout-flex) {gap: 1em}
	.col-pad-20 {padding: 10px}
	.reasonslist img {margin-bottom: 0px}
	#two-cols .colwidth160 {flex-basis: 15% !important}
	.accordion-a-inner p {font-size: 1.7rem}
	.accordion-q {padding: 20px 30px}
	.accordion-a-inner {padding: 0 55px 30px}
	.accordion-a-inner::before {left: 30px}
	.accordion-light .wp-block-accordion-item h3 {font-size: 18px; padding: 15px 40px}
	.accordion-a-inner p.btn a {padding: 10px 35px; margin-right: 10px}
	.faq .contentinner-sm, .faq .contentinner-md {width: 940px}
	#filter label {padding: 25px 20px 25px 80px}
	.with_frm_style {--form-width: 90% !important}
	figure.mobile-width-md img {width: 100px !important}
	.legal-nav a {padding: 4%}
	#quote {background-size: 50px}
	.dotted-line-1::after {width: 880px}
	.bg-purple.dotted-line-1 {padding-bottom: 50px}
}

@media only screen and (max-width:1150px) { 
	.myaccountpanel .acf-panel-block-left-content {padding-left:0px;padding-bottom: 100px;}
	.myaccountpanel .headercols, 
	.myaccountpanel .between {padding-left:40px;}
	.myaccountpanel .infocols {flex-direction: column;gap: 0px;padding-left:23px;left: 0; }
	.myaccountpanel .infocols .wp-block-column {flex-basis: 100%!important;display: flex;align-items: center;height: 100px !important;max-height: 100px;}
	.myaccountpanel .infocols figure {align-self: flex-start;}
	.myaccountpanel .infocols p {padding-bottom: 19px;}
	.myaccountpanel .infocols span { display: inline;}
	.myaccountpanel .acf-panel-block-dotted { bottom: 10px; }
	.greywaterpanel .infocols,
	.irrigationpanel .infocols {flex-direction: column;padding: 40px 0 40px 0;}
	.greywaterpanel .infocols img {margin-bottom: 0; width: 50px; min-width: 50px; margin-top: 16px}
	.greywaterpanel .infocols .wp-block-column {display: flex; align-items: flex-start;gap: 10px;}
	.greywaterpanel .w-480 {width: 520px}
	.greywaterpanel .fs-24 {font-size: 1.8rem; margin-top: 16px}
}

@media only screen and (max-width:1100px) { 
	.reasonslist  {flex-direction: column;gap: 20px;}
	.reasonslist .wp-block-column { display: flex; align-items: center; gap:20px;}
	.reasonslist img {margin-bottom: 0;width: 50px;min-width: 50px;}
	.col-border-left-lblue {border-left:none;}
	.col-pad-20 {padding:0}
	.footcols {flex-wrap: wrap;}
	.footcol1, .footcol3 {width:50%; order:2;}
	.footcol2 {width:100% !important; order:1; padding-bottom:50px;}
	.footrow {display: block}
	.logo-iso {height: 90px; margin-top: 20px !important; margin: 0 auto; display: block}
	.home #header-other .outercol1 {flex-basis: 15%!important;}
	.home #header-other .outercol2 {flex-basis: 85%!important;}
}

@media only screen and (max-width:992px) { 
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu {padding: 20px 2vw !important}
	.mm-quote h2 {font-size: 22px; margin: 40px 0}
	.mm-quote {background-size: 60px; padding-left: 80px}
}

@media only screen and (max-width:991px) { /* (MD) bootstrap breakpoint (good for a single breakpoint between tablet landscape & portrait) */
	.panel-pad-lg {padding-top: 50px;padding-bottom: 50px;}
	.reasonspanel .acf-panel-block-left-content,
	.greywaterpanel .acf-panel-block-left-content,
	.irrigationpanel .acf-panel-block-left-content {padding: 40px; }
	.myaccountpanel .acf-panel-block-left-content {padding-top:40px;padding-bottom:40px}
	/*.myaccountpanel .infocols p,*/
	.greywaterpanel .infocols,
	.irrigationpanel .infocols {padding-bottom: 0}
	#home-save-cols .wp-block-columns {flex-wrap: wrap !important;}
	#home-save-cols .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {flex-basis: 100% !important;}
	#home-save-cols .contentinner-md {padding:0!important}
	#home-save-cols .wp-block-image img {width:110px;}
	.home #header-other .outercol1 {flex-basis: 25%!important;}
	.home #header-other .outercol2 {flex-basis: 75%!important;}
	.home #header-other .outercol3 { width: 400px;}
	.underlay1 {padding-right:380px}
	.underlay2 {padding-right:350px}
	.underlay3 {padding-right:310px}
	.footcol1, .footcol3 {width:100%;text-align: center;align-items: center;}
	.footcol1 {order:3; padding-top: 50px; display: block}
	.foot-socials {padding-left: 0; margin-left: 0; border-left: none}
	#quote {background-size: 40px; background-position: left 20px bottom}
	#filter label.label-billing-and-payments,
	#filter label.label-myaccount,
	#filter label.label-moving-tenancy, 
	#filter label.label-feedback-regulatory, 
	#filter label.label-water-supply-maintenance,
	#filter label.label-general,
	#filter label.label-feedback-regulatory {background-size: 30px; background-position: left 10px top 12px}
	#filter label {padding: 15px 7px 5px 50px}
	p.btn.btn-small a, .wp-block-button.btn-small .wp-block-button__link {padding: 10px 20px; min-width: 120px}
}

@media only screen and (max-width: 900px) {
	#hero2.longer .wp-block-cover {min-height: 600px}
}

@media only screen and (max-width: 834px) {
	#home-save-cols .wp-block-image img {width: 80px}
	.myaccountpanel-icon img {width: 90px !important}
	.myaccountpanel .infocols .wp-block-column {align-items: flex-start}
	.home #header-other {min-height: 650px !important}
	.home #header-other .sp-100 {display: none}
	.home #header-other .outercol1 {flex-basis: 18% !important}
	.home #header-other .outercol2 {flex-basis: 82% !important}
	.home #header-other .outercol3 .wp-block-cover {min-height: 680px !important} 
	.home .acf-panel-block-right {display: none !important}
	.titlecontactpage {font-size: 2.8rem}
	.panel-pad-lg {padding-top: 50px; padding-bottom: 50px}
	.panel-pad-sm {padding-top: 30px; padding-bottom: 30px}
	#hero-basic h1, #hero-image-small h1, #hero-image-large h1 {font-size: 3.8rem}
	#hero-image-large p {font-size: 2.4rem; line-height: 3rem}
	#hero-basic .wp-block-columns .wp-block-column:last-child {max-height: 200px}
	.switch-l {flex-basis: 10% !important}
	.page blockquote p {font-size: 4rem}
	.cover-dd .wp-block-cover__image-background {background-size: 1750px}
	.faq .contentinner-sm, .faq .contentinner-md {width: 600px}
	h2.faq-title {margin-top: 8px}
	.accordion-a-inner * {font-size: 1.6rem}
	.accordion-q {padding: 15px 20px}
	.wp-block-columns.pre-hero-cols-with-icon > .wp-block-column:nth-child(2) {min-width: inherit !important}
	.faqsearchform > div {padding: 0px 5px}
	.stt-col1 {flex-basis: 120px!important}
	.ws-col1 {flex-basis: 45% !important}
	.ws-col2 {flex-basis: 55% !important}
	.frm_forms.frm_style_formidable-style.with_frm_style {max-width: 96% !important}
	.br-lg, .br-50, .acf-panel-block {border-radius: 20px}
	.gap-100 {gap: 30px !important}
	.greywaterpanel .infocols .wp-block-column {display: block}
	.greywaterpanel .infocols, .irrigationpanel .infocols {padding: 20px 0 20px 0}
	.contentinner-sm {width: 94%}
	.dloads h3 {min-height: 50px}
	.xinfocols {display: block !important}
	.xinfocols p {margin-top: 0}
	.xinfocols .boxcol0, .xinfocols .boxcol1 {gap: 20px; margin-bottom: 10px; display: flex; align-items: center}
	.xinfocols .boxcol0 figure, .xinfocols .boxcol1 figure {max-width: 40px}
	.cback {padding: 15px 10px 10px; margin: 20px 0; max-width: 500px}
	.cback-col1 {flex-basis: 7% !important}
	.cback-col2 {flex-basis: 55% !important}
	.cback-col3 {flex-basis: 38% !important}
	.vat-l, .vat-r {flex-basis: 50% !important}
    .vat-l-l {flex-basis: 40% !important}
}

@media only screen and (max-width:781px) { /* (WP) wp columns inline at this point */
	.home #header-other .outercols {padding: 0 20px;}
	.underlay1,.underlay2,.underlay3,.home #header-other .outercol2  h2 {padding-right:0}
	.home #header-other .outercol3 {display:none;}
	.home #header-other-mobile {display:block;}
	.contentinner, .entry-content > .wp-block-group > .wp-block-group__inner-container, .contentinner-xl, .contentinner-lg, .contentinner-md, .contentinner-sm, .contentinner-xs {padding: 20px 10px}
	#filter label.label-billing-and-payments, #filter label.label-myaccount, #filter label.label-moving-tenancy, #filter label.label-feedback-regulatory, #filter label.label-water-supply-maintenance, #filter label.label-general, #filter label.label-feedback-regulatory {background-size: 24px; background-position: left 10px top 4px; padding: 5px 5px 5px 40px; margin-left: 20px}
	#filter {flex-direction: column}
	#filter label {border-left: none}
}

@media only screen and (max-width:575px) { /* (XS) phone */
	body, button, input, select, optgroup, textarea {font-size: 1.65rem}
	.sp-70, .sp-80 {height: 15px !important}
	.sp-100, .sp-120 {height: 30px !important}
	.reasonspanel .acf-panel-block-left-content,
	.greywaterpanel .acf-panel-block-left-content,
	.irrigationpanel .acf-panel-block-left-content {padding: 40px 20px}
	.irrigationpanel .infocols {padding: 25px 0 40px 0}
	.irrigationpanel .infocols {gap: 35px;}
	.panel-pad-offset-lg {padding-top: 20px; padding-bottom: 30px}	
	.panel-pad-all-sm {padding: 15px}
	.panel-pad-all-lg {padding: 30px}	
	.panel-pad-xs {padding-top: 15px; padding-bottom: 15px}
	.panel-pad-sm {padding-top: 15px; padding-bottom: 15px}
	.panel-pad-md {padding-top: 20px; padding-bottom: 20px}
	.panel-pad-lg {padding-top: 40px;padding-bottom: 40px}
	.page blockquote p {font-size: 2.6rem; line-height: 1.3}
	.myaccountpanel .headercols, 
	.myaccountpanel .between {padding-left:20px}
	.myaccountpanel .infocols {padding-left:10px}
	.myaccountpanel .infocols p {padding-bottom: 31px}
	.myaccountpanel .infocols img {width:80px!important;max-width:80px!important;}
	.myaccountpanel .wp-block-column .pl-23 {padding-left: 7px;}
	.myaccountpanel .infocols .wp-block-column:last-child p {padding: 10px 0 0 70px;} 
	.acf-panel-block {border-radius: 30px;}
	.acf-three-block-row .fs-22 {font-size: 1.8rem; margin-top: 5px}
	.mm-quote {display: none}
	.accordion-q {padding: 10px 20px}
	.accordion-block .fs-20 {font-size: 1.65rem}
	.accordion-a-inner::before {font-size: 1.6rem; left: 20px}
	.accordion-a-inner {left: 0; padding: 0 12px 10px 46px}
	.accordion-a-inner ul {padding-left: 25px}
	.accordion-q h2 {padding-right: 5px}
	.accordion-light .wp-block-accordion-item h3 {font-size: 15px; padding: 10px 20px}
	.accordion-light .wp-block-accordion-panel {padding: 0 30px 15px 30px}
	.site-footer .site-info {text-align: center;}
	.site-footer .site-info .fs-70 {font-size: 2.4rem}
	.site-footer {padding-top:30px;padding-bottom: 30px;}
	.footcol1 {padding-top:30px}
	.footcol2 {padding-bottom:30px}
	.footcols {padding-top: 20px}
	.footcol img {width: 30%; margin: 20px}
	#menu-footer-1 {line-height: 2.5rem; font-size: 1.6rem;}
	a.btn.btn-large, p.btn.btn-large a, .wp-block-button.btn-large .wp-block-button__link {padding: 10px 30px; font-size: 2rem}
	.icon120 {min-height: 90px !important}
	.home #header-other {min-height: 470px !important}
	.home #header-other .outercol2 {padding-bottom: 20px}
	.home-slider .icon {top: 1%; left: 49%; width: 49%}
	.underlay1, .underlay2, .underlay3 {padding: 0}
	.underlay1 .contentinner,.underlay2 .contentinner, .underlay3 .contentinner {padding: 15px}
	#hero2.shorter .wp-block-cover {min-height: calc(70vh - 120px - 220px)}
	#hero-basic h1, #hero-image-small h1, #hero-image-large h1 {font-size: 2.6rem; padding: 20px 0 10px}
	.hero-image-large {min-height: 300px !important}
	#hero-image-large .wp-block-columns.maincols {min-height: 80vw}
	#hero-image-small > .wp-block-group__inner-container > .wp-block-columns > .wp-block-column:first-child {min-height: 100px}
	#hero-basic p, #hero-image-small p {font-size: 1.6rem}
	#home-save-cols .wp-block-image img {width: 50px}
	.reasonspanel .infocols.wp-block-columns {gap: 10px; padding: 0}
	.reasonspanel .infocols.wp-block-columns p {margin-top: 0px}
	.reasonslist {gap: 5px}
	.reasonslist .fs-20 {font-size: 1.8rem; margin-top: 0}
	.reasonslist .wp-block-column {gap: 10px}
	.post-96 .contentinner {padding: 0}
	/* .switch-l {flex-basis: 4% !important} */
	#warning .col1 {flex-basis: 50px !important}
	#warning .col2 p {margin-top: 0}
	#warning .col2 p.fs-24 {margin-top: 0; font-size: 1.6rem}
	#mega-menu-item-custom_html-2 {display: none !important}
	.no-border h3 {padding-top: 0 !important}
	.wp-image-390 img {object-position: -140% 32% !important}
	.br-lg, .br-50, .acf-panel-block {border-radius: 10px}
	.wp-container-core-group-is-layout-d227cd63 figure {width: 60px}
	.faq {padding-top: 160px}
	.faqsearchform {padding: 10px 0}
	.frm_forms.frm_style_formidable-style.with_frm_style {max-width: 92% !important}
	.page-id-68 #header-other img {display: none}
	.page-id-68 #header-other {background: var(--brand-color-lblue); padding: 40px 0}
	.page-id-70 #hero-image-large, .page-id-102 #hero-image-large, .page-id-92 #hero-image-large {background: #000}
	.page-id-70 #hero-image-large img {object-position: 60% 0% !important; opacity: 0.8}
	.page-id-102 #hero-image-large img {object-position: 71% 30% !important; opacity: 0.6}
	.page-id-92 #hero-image-large img {object-position: 57% 35% !important; opacity: 0.6}
	.page-id-72 .faq {min-height: 420px !important; padding-top: 0}
	.page-id-72 .contentinner-md {padding: 0}
	.contact-under-header span {font-size: 4rem}
	.wp-block-columns.pre-hero-cols-with-icon > .wp-block-column:first-child {max-width: 70px}
	.stoptaptest .wp-block-cover {min-height: 80px !important}
	.stoptaptest .row {padding-bottom: 0}
	.stoptaptest .downarrow img {width: 30px !important}
	.stoptaptest-img img {width: 150px !important}
	.stoptaptest .pullup {top: -40px; margin-bottom: -30px}
	.wha-acc .wp-block-accordion-item > h3 {line-height: 1.2; font-size: 15px}
	.wha-acc .wp-block-accordion-panel {padding: 0}
	a.btn, p.btn a, .wp-block-button .wp-block-button__link {font-size: 1.7rem; padding: 12px 30px}
	.dotted-line-1::after, .dotted-line-3::after {display: none}
	.mw-75 {padding-right: 0}
	.gap-200 {gap: 20px !important}
	.faq h2.wp-block-heading.fs-30 {margin-top: 11px}
	.mw-90 {padding-right: 0}
	.img-mob-sm {max-width: 50%}
	.img-mob-xs img {max-width: 15%}
	.dloads h3 {min-height: inherit}
	.xinfocols p {flex-basis: 84%}
	.cta-1 .col1 {flex-basis: 24% !important}
	.cta-1 .col2 {flex-basis: 76% !important}
	.cta-2 {padding-top: 0; padding-bottom: 0}
	.cta-2 img.wp-block-cover__image-background {object-position: 69% 0% !important; opacity: 0.6}
	.cback {padding: 15px 5px 0px; border-radius: 10px; max-width: 335px}
	.cback-col1 img {width: 50px !important}
	.cback-col2 .sp-100 {display: none}
	#quote {background-position: left 10px bottom; padding-top: 20px}
	.bg-purple.dotted-line-1 .alignright {float: left; margin-left: 77px}
	.wp-block-buttons.is-content-justification-right {justify-content: center}
}