.grid { display:grid; } .grid.grid-2 { grid-template-columns:50% 50%; grid-column-gap:8px; grid-row-gap:8px; } .grid.grid-4 { grid-template-columns:25% 25% 25% 25%; grid-column-gap:8px; grid-row-gap:8px; } .pd-1 { padding:1rem; } .p-1 { padding:3px; } .p-2 { padding:5px; } .p-3 { padding:8px; } .p-4 { padding:13px; } .p-5 { padding:20px; } .pb-1 { padding-bottom:3px; } .pb-2 { padding-bottom:5px; } .pb-3 { padding-bottom:8px; } .pb-4 { padding-bottom:13px; } .pb-5 { padding-bottom:20px; } .pt-1 { padding-top:3px; } .pt-2 { padding-top:5px; } .pt-3 { padding-top:8px; } .pt-4 { padding-top:13px; } .pt-5 { padding-top:20px; }  .bg-navy { background-color:#204796; } .bg-lakeblue { background-color:#0a82b9; } .bg-riverteal { background-color:#96daea; } .bg-skyblue { background-color:#009ad7; } .bg-aqua { background-color:#31bfc7; } .bg-orange { background-color:#f36c36; } .bg-glow { background-color:#204796; } .bg-stone { background-color:#bebebc; } .bg-shadow { background-color:#232021; } .bg-ivory { background-color:#f6dfa5; } .bg-black { background-color:#000000; } .fe-navy { color:#204796; } .fe-lakeblue { color:#0a82b9; } .fe-riverteal { color:#96daea; } .fe-skyblue { color:#009ad7; } .fe-aqua { color:#31bfc7; } .fe-orange { color:#f36c36; } .fe-glow { color:#204796; } .fe-stone { color:#bebebc; } .fe-shadow { color:#232021; } .fe-ivory { color:#f6dfa5; } .fe-white { color:#ffffff; } .fe-white { color:#000000; }   p.highlight { font-size:24px; } .center { text-align:center; } .text-bold { font-weight:700; } .sow-section { padding:48px 30px 24px; } @media (min-width:1200px) { .sow-section {  padding:72px 60px 48px; } } .bt-2 { border-top:2px solid #204796; } .bb-2 { border-bottom:2px solid #204796; }  .sow-search { display:flex; justify-content:center; } @media (min-width:1200px) { .sow-search .sow-search-container {  width:70%; } } .sow-search .sow-search-notice { max-width:300px; margin:auto; font-size:1.13em; }  .sow-divider { width:300px; margin:auto; } .sow-divider img { width:100%; }  .sow-zipcode .sow-zipcode-form { justify-content:center; display:flex; } .sow-zipcode .sow-zipcode-form input { max-width:100%; } .sow-zipcode .field-validation-error { display:block; margin:auto; } .sow-input-zipcode { width:130px !important; text-align:center; } .sow-button { background-color:#f36c36; text-align:center; padding:15px 30px !important; border-radius:57px !important; overflow:hidden; } .sow-input-submit {}  .rebates-background { background-image:url(https://saveourwater.com/wp-content/plugins/sow-shortcodes/assets/css/../img/WaterDropBackground.png); background-size:contain; background-repeat:repeat; }   .sow-rebates { display:flex; justify-content:center; } .sow-rebates .sow-rebates-container { width:100%; } .sow-rebates .sow-rebates-container .section-header { color:#204796; } .sow-rebates .sow-rebates-container .sow-rebates-none { background-color:white; border-radius:12px; } .sow-rebates .sow-rebates-container .sow-rebates-none .sow-rebates-none-container { padding:20px; } @media (min-width:767px) { .sow-rebates .sow-rebates-container .sow-rebates-none .sow-rebates-none-container {  width:75%;  margin:auto; } } .sow-rebates .sow-rebates-container .sow-rebates-none .sow-rebates-none-container h3 { color:#204796; margin-top:0px; } .sow-rebates .sow-rebates-container .sow-rebates-none .sow-rebates-none-container p { font-weight:600; font-size:1.25em; } @media (min-width:767px) { .sow-rebates .sow-rebates-container .sow-rebates-list {  display:flex;  width:100%;  justify-content:center; } } .sow-rebates .sow-rebates-container .sow-rebates-list .sow-offer { margin:20px; } @media (min-width:767px) { .sow-rebates .sow-rebates-container .sow-rebates-list .sow-offer {  margin:10px;  width:30%; } }  @media (min-width:1200px) { .sow-rebates .sow-rebates-container .sow-rebates-list .sow-offer {  margin:10px;  width:calc(50% - 20px); } } .sow-offer { border-radius:12px; background-color:#ffffff; padding:40px; } .sow-offer .sow-offer-authority p { text-align:center; margin:0px; color:#0a82b9; } .sow-offer .sow-offer-container { flex-grow:1; align-items:center; justify-content:center; display:flex; flex-direction:column; color:#204796; } .sow-offer .sow-offer-buton { align-self:flex-end; } .sow-offer a { text-decoration:none; color:#000000; display:flex; flex-direction:column; justify-content:center; align-items:center; height:100%; } .sow-offer h3 { margin-top:0rem; } @media (min-width:767px) { .sow-offer.sow-offer-1 h3 {  font-size:3vw;  line-height:1.3; } } @media (min-width:1200px) { .sow-offer.sow-offer-1 h3 {  font-size:2vw;  line-height:1.3; } } .sow-offer.sow-offer-2 .sow-offer-container { font-weight:800; } .sow-offer.sow-offer-2 .sow-offer-container .sow-offer-2-price { display:flex; align-items:flex-start; justify-content:center; padding:5px 0px; font-size:1.5rem; } .sow-offer.sow-offer-2 .sow-offer-container .sow-offer-2-price .sow-offer-2-dollars { font-size:4rem; line-height:4rem; } .sow-offer.sow-offer-2 .sow-offer-container .sow-offer-2-prefix, .sow-offer.sow-offer-2 .sow-offer-container .sow-offer-2-suffix { text-align:center; } .sow-offer.sow-offer-3 .sow-offer-container { font-weight:800; } .sow-offer.sow-offer-3 .sow-offer-container .sow-offer-3-notice { display:flex; flex-direction:row; } .sow-offer.sow-offer-3 .sow-offer-container .sow-offer-3-notice .sow-offer-3-price { display:flex; align-items:flex-start; justify-content:center; padding:5px 0px; font-size:1.5rem; } .sow-offer.sow-offer-3 .sow-offer-container .sow-offer-3-notice .sow-offer-3-price .sow-offer-3-dollars { font-size:4rem; line-height:4rem; } .sow-offer.sow-offer-3 .sow-offer-container .sow-offer-3-notice .sow-offer-3-slash { font-size:3rem; font-weight:400; margin:0px 8px; } .sow-offer.sow-offer-3 .sow-offer-container .sow-offer-3-notice .sow-offer-3-suffix { width:50px; display:flex; align-items:center; } .sow-offer.sow-offer-3 .sow-offer-container .sow-offer-3-prefix { text-align:center; }  .sow-video-swiper { position:relative; overflow:hidden; } .sow-video-swiper h2 { text-align:center; color:#204796; padding-bottom:1rem; } .sow-video-swiper .link { padding-top:1rem; text-align:center; } .sow-video-swiper .sow-video-container { position:relative; } .sow-video-swiper .swiper-button-prev { left:0px; } .sow-video-swiper .swiper-button-next { right:0; } .sow-video-swiper .swiper-button-prev, .sow-video-swiper .swiper-button-next { top:0%; color:#204796; background-color:rgba(255, 255, 255, 0.6); height:100%; margin-top:0px; visibility:hidden; } .sow-video-swiper .swiper-button-prev::after, .sow-video-swiper .swiper-button-next::after { padding:4px; } @media (min-width:767px) {  .sow-video-swiper .swiper-button-prev, .sow-video-swiper .swiper-button-next {  visibility:visible; } } .sow-video-swiper .swiper { width:100%; aspect-ratio:5/3; } @media (min-width:767px) { .sow-video-swiper .swiper {  width:500px; } } @media (min-width:1200px) { .sow-video-swiper .swiper {  overflow:visible; } } .sow-video-swiper .swiper .swiper-wrapper .swiper-slide { visibility:hidden; width:500px;  } @media (min-width:767px) { .sow-video-swiper .swiper .swiper-wrapper .swiper-slide {  width:500px;  overflow:visible; } } .sow-video-swiper .swiper .swiper-wrapper .swiper-slide.swiper-slide-active { visibility:visible; } .sow-video-swiper .swiper .swiper-wrapper .swiper-slide.swiper-slide-prev, .sow-video-swiper .swiper .swiper-wrapper .swiper-slide.swiper-slide-next { visibility:visible; padding:5px; } .sow-video-swiper .swiper .swiper-wrapper .swiper-slide.swiper-slide-prev .swiper-content, .sow-video-swiper .swiper .swiper-wrapper .swiper-slide.swiper-slide-next .swiper-content { transform:scale(0.7); opacity:0.7; } .sow-video-swiper .swiper .swiper-wrapper .swiper-slide.swiper-slide-next:first-child .swiper-content { transform:scale(1); opacity:1; } .sow-video-swiper .swiper .swiper-wrapper .swiper-slide .swiper-content { width:100%; } .sow-video-swiper .sow-pagination-container { display:flex; padding:20px 0px; } .sow-video-swiper .sow-pagination-container .swiper-pagination { flex-shrink:1; bottom:unset; top:unset; position:relative; width:unset; left:unset; padding:0px 30px; } .sow-video-swiper .sow-pagination-container .sow-swiper-button-next, .sow-video-swiper .sow-pagination-container .sow-swiper-button-prev { visibility:visible; flex-grow:1; } @media (min-width:767px) {  .sow-video-swiper .sow-pagination-container .sow-swiper-button-next, .sow-video-swiper .sow-pagination-container .sow-swiper-button-prev {  visibility:hidden; } } .sow-video-swiper .sow-pagination-container .sow-swiper-button-next::after, .sow-video-swiper .sow-pagination-container .sow-swiper-button-prev::after { font-family:swiper-icons; text-transform:none !important; letter-spacing:0; font-variant:initial; line-height:1; font-weight:bold; display:inline-block; color:#204796; } .sow-video-swiper .sow-pagination-container .sow-swiper-button-prev::after { width:100%; text-align:right; content:"next"; } .sow-video-swiper .sow-pagination-container .sow-swiper-button-next::after { content:"prev"; }  .sow-video { width:100%; aspect-ratio:5/3; border-radius:12px; overflow:hidden; } .sow-video iframe { width:100%; aspect-ratio:5/3; }  .videos h2 { text-align:center; color:#204796; } .videos .link { padding-top:1rem; text-align:center; color:#07a !important; }   #rebates-root-container { width:100%; ; margin:auto; } .learn-more-link { text-decoration:none; color:white !important; } .sow-zip-checker-inp-error { border:2px solid !important; border-color:red !important; } #zip-code-err-msg { color:red; padding-top:10px; } .subscribe-to-yt { text-decoration:none; color:white !important; } #sow-featured-videos-wrapper { padding:10px 7% !important; } a.subscribe-to-yt, a.subscribe-to-yt:link, a.subscribe-to-yt:visited, a.subscribe-to-yt:hover, a.subscribe-to-yt:focus, a.subscribe-to-yt:active { color:white; } .featuredpost:focus-visible { outline:none; box-shadow:0 0 2px 2px #000000; } #sow-zip-checker-btn:focus-visible { outline:none;  box-shadow:0px 4px 15px rgba(0, 0, 0, 0.25) !important; border:2px solid black !important; padding:6px 36px; } #sow-zip-checker-btn:focus { outline:none; box-shadow:0px 4px 15px rgba(0, 0, 0, 0.25) !important; padding:6px 36px; } .swiper-button-prev.sow-swiper-button-prev:focus-visible { box-shadow:0 0 2px 2px #000000; } .swiper-button-next.sow-swiper-button-next:focus-visible { box-shadow:0 0 2px 2px #000000; }  #sow-rebates-for-zip-container { width:80%; margin-top:6%; margin-bottom:6%; margin-left:auto; margin-right:auto; } .sow-rebates { width:100%; } @media only screen and (max-width:480px) and (min-width:320px) { .rebates-background {  background-size:cover; } } @media only screen and (max-width:600px) and (min-width:480px) { .rebates-background {  background-size:cover; } } .sow-button { font-weight:800 !important; } #rebates-root-container-wrap { padding:0%; }