/*
Styles for the block editor and front end
*/

@import url('https://fonts.googleapis.com/css2?family=Catamaran:wght@700;800&family=Spartan:wght@300;400;500;600;700;800&display=swap');
.catamaran {font-family: 'Catamaran', sans-serif;}
.poppins {font-family: 'Spartan', sans-serif;}

.white, .has-white-color {color: #ffffff;}
	.bg-white, .has-white-background-color {background-color: #ffffff;}
.off-white, .has-off-white-color {color: #ffffff;}
	.bg-off-white, .has-off-white-background-color {background-color: #faf9f9;}
.black, .has-black-color {color: #000000;}
	.bg-black, .has-black-background-color {background-color: #000000;}
.dark-gray, .has-dark-gray-color {color: #515354;}	
	.bg-dark-gray, .has-dark-gray-background-color {background-color: #515354;}
.gray, .has-gray-color {color: #808285;}
	.bg-gray, .has-gray-background-color {background-color: #808285;}
.rich-gray, .has-rich-gray-color {color: #73757f;}
	.bg-rich-gray, .has-rich-gray-background-color {background-color: #73757f;}
.warm-dark-gray, .has-warm-dark-gray-color {color: #494349;}
	.bg-warm-dark-gray, .has-warm-dark-gray-background-color {background-color: #494349;}
.teal, .has-teal-color {color: #1b9196;}
	.bg-teal, .has-teal-background-color {background-color: #1b9196;}
.turquoise, .has-turqoise-color {color: #76c5ee;}
	.bg-turqoise, .has-turqoise-background-color {background-color: #76c5ee;}
.blue, .has-blue-color {color: #4f91cd;}	
	.bg-blue, .has-blue-background-color {background-color: #4f91cd;}
.cyan, .has-cyan-color {color: #53c6d6;}	
	.bg-cyan, .has-cyan-background-color {background-color: #53c6d6;}
.violet, .has-violet-color {color: #9c8690;}
	.bg-violet, .has-violet-background-color {background-color: #9c8690;}
.red, .has-red-color {color: #ef3e33;}
	.bg-red, .has-red-background-color {background-color: #ef3e33;}

.text-gradient {color:#37b2ab; background: linear-gradient(90deg, rgba(83,198,214,1) 9%, rgba(55,178,171,1) 45%, rgba(4,110,169,1) 87%); -webkit-background-clip: text; 
	-webkit-text-fill-color: transparent;}

h1, h2, h3, h4, h5, h6, body, button, textarea, input[type='button'], input[type='reset'], input[type='submit'], .button, #page #infinite-handle button, .sans, .montserrat {font-family: 'Spartan', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight:500;}
h1, h2, h3, h4, h5, h6 {margin-bottom: 10px;}
.light {font-weight:300;}
.regular {font-weight:500;}
strong, .bold, h1 {font-weight:700;}
h2 {font-size:1.6em; line-height:1.1em; font-weight:600; color:#4f91cd;}
.ab-block-post-grid h2 {font-size:25px; color:#4f91cd;}
.ab-block-post-grid h2 a {color:#4f91cd;}
h3 {font-size:1.5em; font-weight:600;}
h4 {font-size: 1.3em; font-weight:600;}
h5 {font-size:1.2em; font-weight:600;}
h6 {font-weight:bold; font-size:.7em; margin-bottom:5px;}

p {font-size: 0.7em; font-weight: 600; line-height: 1.5em; color:#000;}
td {line-height:1.5em;}

/*img, embed {max-width: 100%; width:auto; max-height:100%; height:auto;}*/
.screen-reader-text, .sr-only {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0;}

.caps {text-transform:uppercase;}
.nocaps {text-transform:none;}

a.phonelink:hover {text-decoration:none;}

.border {border: 2px solid #00768b;}
.border-top {border-top: 2px solid #00768b;}
.border-right {border-right: 2px solid #00768b;}
.border-bottom {border-bottom: 2px solid #00768b;}
.border-left {border-left: 2px solid #00768b;}
hr, .edit-post-visual-editor .wp-block-separator {border:1px solid #c74d3f !important;}

.nomargin, p:empty {margin:0;} .nobottommargin, .nobottommargin table {margin-bottom:0;} .notopmargin {margin-top:0;}
.nopad, .nopad .wp-block-column {padding:0;}
.pad5 {padding:5px;} .pad10 {padding:10px;} .pad15 {padding:15px;} .pad20 {padding:20px;} .pad25 {padding:25px;} .pad30 {padding:30px;} .pad40 {padding:40px;} .pad50 {padding:50px;} .pad75 {padding:75px;} .pad100 {padding:100px;}
.padright {padding-right:15px;}

.normal {font-size:1em !important;}
.small {font-size:0.9em !important;}
.smaller {font-size:0.7em !important;}
.big {font-size:1.2em !important;}
.bigger {font-size:1.6em !important;}
.letterspace {letter-spacing:0.1em;}
.noletterspace {letter-spacing:0;}
.text-shadow {text-shadow: 0px 0px 1px rgba(0,0,0,0.75), 5px 5px 5px rgba(0,0,0,0.75);}
.fontweight-500 {font-weight:500;}

ol {list-style-type: none; counter-reset: my-counter; padding-left:0;}
ol li::before {padding-right:10px; content: counter(my-counter); counter-increment: my-counter; color:#046ea9;}
ol li {margin:0 0 15px 0; color:#000; font-size:0.9em;}

#content ol {padding-right:15px; margin-bottom:1.4em;}
#content ul {padding-left:10px; margin-left:0;}
#content ul li:before {content:"\2022"; padding-right:15px; font-weight:700; margin-left:10px; color:#494349;}
#content ul li {color:#494349; list-style:none; margin:0 0 15px 15px; text-indent:-32px; font-size:0.9em;}
#content ul.caps li {font-size:0.8em;}
#content ul.small {padding-left:0;}
#content ul.small li:before {content:"\2022"; color:#000; padding-right:5px;}
#content ul.small li {color:#000; font-size:11px; margin: 0 0 5px 10px; text-indent: -20px;}

#content ul.nobullinline, #content ul.bullinline {padding:0; margin:0 auto 20px auto; text-align:center;}
#content ul.bullinline {margin:0 0 20px 0; text-align:left;}
#content ul.nobullinline li:before {content:unset;}
#content ul.bullinline li:before{color:#4f91cd; padding-right: 5px; margin-left: 0;}
#content ul.nobullinline li, #content ul.bullinline li {display: inline-block; padding: 0 9px; margin: 0; color: unset; font-size: .8em; text-indent: 0;}
#content ul.nobullinline li {font-size:16px;}
#content ul.bullinline li {color:#000; padding-left:0; font-size:13px; font-weight:600;}

::-webkit-input-placeholder {color: #797b85; font-family: 'Spartan', sans-serif;} ::-moz-placeholder {color: #797b85; font-family: 'Spartan', sans-serif;} :-ms-input-placeholder {color: #797b85; font-family: 'Spartan', sans-serif;} :-moz-placeholder {color: #797b85; font-family: 'Spartan', sans-serif;}
::placeholder {color: #797b85; opacity: 1; font-size:11px; font-family: 'Spartan', sans-serif;}
::-ms-input-placeholder {color: #797b85; font-family: 'Spartan', sans-serif;}
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus, select:focus {color:#000;}
.site-footer input[type="text"]:focus, .site-footer input[type="email"]:focus, .site-footer input[type="url"]:focus, .site-footer input[type="password"]:focus, .site-footer input[type="search"]:focus, .site-footer textarea:focus, .site-footer select:focus {color:#fff;}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="week"], input[type="tel"], input[type="time"], input[type="month"], input[type="tel"], textarea, select, .select2-container .select2-selection--single {
	color:#000; border:0; border-radius:0; background:#d5d2d4; font-size:13px !important; padding: 8px; font-family: 'Spartan', sans-serif; font-weight:600;}
.site-footer input[type="text"], .site-footer input[type="email"], .site-footer input[type="url"], .site-footer input[type="password"], .site-footer input[type="search"], .site-footer input[type="number"], .site-footer input[type="date"], .site-footer input[type="datetime"], .site-footer input[type="datetime-local"], .site-footer input[type="week"], .site-footer input[type="tel"], .site-footer input[type="time"], .site-footer input[type="month"], .site-footer input[type="tel"], .site-footer textarea, .site-footer select, .site-footer .select2-container .select2-selection--single {color:#fff; font-size:11px !important; font-weight:500;}
input[type="tel"] {width:100%;}
select {font-family: 'Catamaran', sans-serif; letter-spacing: 1px; padding: 5px 8px;}
.ab-button, .wpcf7-submit {font-family: 'Spartan', sans-serif; font-weight: 700; padding: .8em 1.5em .6em 1.5em; letter-spacing: 0.06em; text-transform:uppercase;}
input.wpcf7-submit {font-size: 12px !important; border-radius: 0; border: 0; padding: 10px 1em 0.6em 1em; line-height: 1; text-transform: uppercase; letter-spacing: 1px;}

.gb-button-size-small, input[type="submit"].gb-button-size-small {font-size: 12px; letter-spacing: 1px; padding-top: 10px;}
.cart-links a {font-size: 12px; padding: 3px 10px 1px 10px; margin: 5px; background: #4f91cd; display: inline-block; color: #fff; text-transform: uppercase;}

table td, #content table th {padding: 5px 10px 3px 10px;}
table thead {background: unset; color: #fff; font-weight: 700; text-transform: uppercase;}
th, body table.tablesorter thead tr th {font-size:11px; border-left:10px solid #fff; border-right:10px solid #fff; border-top:0; border-bottom:0; background: #4f91cd; position:relative;}
tr th.empty, body table.tablesorter thead tr th.empty, th.product-remove, th.product-thumbnail, tfoot th {background:none;}
body .cart-links table.tablesorter thead tr th, body .cart-links table thead tr th, body .cart-links table.tablesorter thead tr th.empty, body .cart-links table thead tr th.empty {border:0; background: #454249;}
.cart-links table tr:nth-child(even) {background: transparent;}
th.tablesorter-header:after, th.tablesorter-header.tablesorter-headerUnSorted:after {content: "\f0dc"; font-family: 'Font Awesome 5 Free'; position: absolute; right: 10px; top: 2px; font-size: 14px;}
table.tablesorter thead tr th.tablesorter-headerAsc:after {content: "\f0dd"; top:0;}
table.tablesorter thead tr th.tablesorter-headerDesc:after {content: "\f0de"; top:5px;}
body table.tablesorter thead tr th.tablesorter-headerAsc, body table.tablesorter thead tr th.tablesorter-headerDesc {background-image:none;}
th.tablesorter-header.empty:after, th.tablesorter-header.tablesorter-headerUnSorted.empty:after {content: unset;}
table.tablesorter thead tr th.tablesorter-headerAsc.empty:after {content: unset;}
table.tablesorter thead tr th.tablesorter-headerDesc.empty:after {content: unset;}
td {font-size:13px; font-weight:600;}

/* nav */
.social-navigation a[href*="facebook.com"]:before {content: "\f39e";}
.social-navigation a[href*="twitter.com"]:before {content: "\f099";}

/* block-cta */
.ab-block-cta .ab-cta-title {font-size:65px; line-height:1; margin-bottom:0.2em;}
.ab-cta-text p {font-size:22px; font-weight:400; margin-bottom:1.4em;}
.ab-block-cta .ab-button, .section-with-bg .ab-button {text-transform:uppercase; border:1px solid #fff !important; color:#fff !important; background:none !important;}
.ab-block-cta .ab-button:hover, .ab-block-cta .ab-button:focus, .section-with-bg .ab-button:hover, .section-with-bg .ab-button:focus {border:1px solid #c74d3f !important; background:#c74d3f !important; -webkit-box-shadow: none; box-shadow: none;}
.ab-block-cta.banner {padding: 22% 3%;}

/* content section with background */
.bg-bottom .ab-container-image {object-position:bottom;}
.section-with-bg * {color:#fff;}
.ab-block-container.section-with-bg .ab-container-inside {max-width:75vw;}
#content .section-with-bg ul {margin-left: 0;}
#content .section-with-bg ul li:before {content: "\2022"; color: #fff;}
#content .section-with-bg li {font-weight:400;}

/* image and text in 2 columns */
.image-text .ab-container-image-wrap, .text-image .ab-container-image-wrap {width:50%;}
.text-image .ab-container-image-wrap {margin-left:50%;}
.ab-block-container.image-text .ab-container-inside {margin-left:50%;}
.ab-block-container.text-image .ab-container-inside {margin-right:50%;}
.ab-block-container.image-text .ab-container-content, .ab-block-container.text-image .ab-container-content {padding:20px;}

/* gradient overlay */
.gradient-overlay .ab-container-image-wrap:after {content:""; position:absolute; bottom:0; width:100%; height:100%;
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(26,23,24,0) 75%, rgba(35,31,32,0.65) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(26,23,24,0) 75%,rgba(35,31,32,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(26,23,24,0) 75%,rgba(35,31,32,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#a6231f20',GradientType=0 ); /* IE6-9 */
}

/*.gb-block-layout-column-inner.gb-background-cover {height:100%;}*/
.height100 .gb-block-layout-column-inner {height:100%;}

/* tabs */
.wp-block-ub-tabbed-content-tabs-title {justify-content:center !important; text-align:center;}
.wp-block-ub-tabbed-content-tab-title-wrap {border:0 !important; padding:0 0 3px 0; background:none !important; margin-right:25px; text-transform: uppercase; font-size: 18px; font-weight: 600; color:#494349 !important;}
.wp-block-ub-tabbed-content-tab-title-wrap.active {border-bottom: 2px solid #009edd !important; background: none !important;}
.wp-block-ub-tabbed-content-tabs-content {border: 0 !important; padding: 0 0 40px 0;}
.wp-block-ub-tabbed-content-tab-holder {margin-bottom:40px;}
.tabs-urc .wp-block-ub-tabbed-content-tab-holder {top:-55px; margin-bottom:0;}
.tabs-urc h1 {display: inline-block; color: #009edd; font-weight: 300; font-size: 35px; padding: 15px 5px 5px 5px; margin-top: -10px;}
.tabs-urc p {line-height: 2em; color: #fff; font-weight: 500; margin: 25px 0;}
.tabs-urc p strong {font-weight:600;}
.tabs-urc .gb-button {background:transparent !important; border:2px solid #009edd; padding-left:80px; padding-right:80px;}
.tabs-urc .wp-block-image {margin: 0;}

/* homepage */
.hero2col p {font-size: 18px; line-height: 32px; padding: 0 40px; max-width: 520px; margin: 0 auto;}
.hero2col .classic-cistern {background: #fff; padding: 10px 20px;}
.hero2col .gb-button {font-weight: 800; text-transform: uppercase; font-size: 18px; padding: 10px 20px 5px 20px;}

.home-icons img {max-height:100px; width: auto; margin: 0 auto;}
.bg-trees {background:url(img/bg-trees.png) no-repeat center bottom; background-size:contain; margin-bottom:0; padding-bottom:12%;}

/* sizes+prices */
.stainless-lifespan .gb-block-layout-column-inner {border-bottom: 1px solid #4f91cd; margin-right: -1.99em;}
.fittings-info {margin-top:10px; margin-bottom:0;}
.fittings-info table tr:nth-child(even) {background:none;}
.fittings-info tr td:first-child {font-size:16px; font-weight:600; border-right:1px solid #009edd; color:#494349; vertical-align:middle;}
.fittings-info table td {padding:15px 25px; border-bottom:0;}
.button-fill {background:url(img/icon-pencil.png) no-repeat left center;}
.button-dl {background:url(img/icon-download.png) no-repeat left center; padding-left:40px;}
.button-fill, .button-dl {background-size:auto 23px; padding-left:35px; font-weight:700; display:inline-block; margin-left:35px;}
.page-id-302 .button-fill {margin-left:0;}
.sec-deliverpickup .gb-container-content {background: url(img/icon-truck.png) no-repeat 30px 140px; background-size: 60px auto; padding: 20px 0 20px 160px;}
.sec-deliverpickup p {line-height:1.8em;}

/* services */
.herotext.gb-block-container {padding-top:55% !important; text-align:right;}
.herotext.gb-block-container .gb-container-content {margin: 0 1% 0 auto; text-align:center; max-width: unset !important; display: inline-block;}
.herotext h6 {line-height: 2; padding:0 5px; margin:0 auto 6px auto; text-align: center;}

/* how-to */
.icon-predesign, .icon-designing, .icon-installing {background-repeat:no-repeat; background-position: -5px center; background-size:contain; padding:15px 42px 10px 42px; margin-bottom: 20px;}
.icon-predesign {background-image:url(img/icon-tank.png); background-position:-20px center;}
.icon-designing {background-image:url(img/icon-project.png); padding-left:70px;}
.icon-installing {background-image:url(img/icon-tools.png); padding-left:70px;}
.slick-slider figure {margin-bottom:0;}
.calculator .wpcf7 p {font-size:0.7em;}
.costcf7caloc_slider_div.ui-slider-horizontal {margin-bottom:50px;}
input#gpy {width:auto;}
.costcf7caloc_slider_div.ui-slider-horizontal .ui-slider-handle {margin-left: -3px; transform: rotate(-36deg); width: 25px; height: 25px;
	border-top-right-radius: 0; border-top-left-radius: 90px; border-bottom-left-radius: 90px; border-bottom-right-radius: 90px;}
#ctooltip {bottom: -36px !important; left: -40px !important; transform: rotate(36deg);}

/* slider */
.pgcsimplygalleryblock-slider-item .pgcsimplygalleryblock-slider-item-inner .pgcsimplygalleryblock-slider-title-wrap {left: 0 !important; top: auto !important; bottom: 0 !important;}
.pgcsimplygalleryblock-slider-item .pgcsimplygalleryblock-slider-item-inner .pgcsimplygalleryblock-slider-item-title {padding: 5px 20px 3px 20px !important;}


/* responsive media queries */
.amponly {display:none !important;}

/* phones and vertical tablets */

@media (max-width: 1000px) {
	
	h2 {font-size: 1.6em;}
	h3 {font-size: 1.5em;}
	h4 {font-size: 1.4em;}
	h5 {font-size:1em;}
	
	.contact-column.pad25 {padding:0 25px;}
	
	.ab-block-cta .ab-cta-title {font-size:45px;}
	
	.ab-block-container.text-image .ab-container-inside, .ab-block-container.text-image .ab-container-image-wrap, .ab-block-container.image-text .ab-container-inside {margin:0;}
	.ab-block-container.text-image, .ab-block-container.image-text {padding:0 !important;}
	.image-text .ab-container-image-wrap, .text-image .ab-container-image-wrap {width: 100%; position:relative;}
	
	#content ul.ui-tabs-nav {padding: 30px 0;}
	
	.mobile-center .wpcf7-form * {text-align:left !important;}
	
	.stainless-lifespan .gb-block-layout-column-inner {margin-bottom: 20px;}
	
}
/* end phones and vertical tablets */

/* larger than phone */
@media only screen and (min-width: 768px) {
	
	.ab-block-container.alignwide .ab-container-inside, .ab-block-container.alignwide .ab-container-inside, .gb-block-container.alignwide .gb-container-inside, .gb-block-container.alignwide .gb-container-inside {max-width: 100%;}
	.icon-tx {background:url(img/icon-tx.png) no-repeat center center; background-size:contain; width:60px; height:50px; display:inline-block; color: transparent; vertical-align: middle;}
	
}


@media only screen and (min-width: 1001px) {
	.hero2col .gb-block-layout-column:nth-child(1) {z-index:99;}
	.hero2col .classic-cistern {margin-right: -36px;}
	.hero2col.gb-2-col-wideright>.gb-layout-column-wrap, .col-2-3>.gb-layout-column-wrap {grid-template-columns: 2fr 3fr;}
	.coll-3-2>.gb-layout-column-wrap {grid-template-columns: 3fr 2fr;}
	.wp-image-216 {max-width:600px !important;}
	.home-howmuch .height100 .gb-block-layout-column-inner {background-position:right center;}
}

@media only screen and (max-width: 1150px) {
	h2 {font-size: 1.5em;}
	#content ul li {font-size:0.7em;}
	.site-footer .container {padding: 0 1.5%;}
	.hero2col p {font-size: 15px; line-height: 29px; text-align:center; padding:0 25px;}
	.hero2col .wp-block-spacer {height:30px !important;}
	.home-icons .gb-block-layout-column-gap-4 {grid-gap: 0 1em;}
}

@media (max-width: 600px) {
	
	.height100 .gb-block-layout-column-inner {height:300px;}
	.wp-block-ub-tabbed-content-tab-title-wrap {font-size:12px;}
	.tabs-urc h1 {display:none;}
	.tabs-urc p, .tabs-urc .gb-block-button {text-align:center;}
	.tabs-urc .wp-block-ub-tabbed-content-tabs-content {padding:0;}
	.tabs-urc .wp-block-ub-tabbed-content-tab-content-wrap {margin-top:-30px;}
	.alignfull.gb-block-container .gb-container-content > h2, .alignfull.gb-block-container .gb-container-content > p {max-width:85vw; margin-left:auto; margin-right:auto;}
	.home-bottom img {margin:0 auto;}
	.icon-predesign, .icon-designing, .icon-installing {font-size:1.2em;}
	.slide-content .gb-block-layout-column:nth-child(1) {margin-bottom:20px;}
	.herotext.gb-block-container .gb-container-content {margin-bottom:25px;}
	
}