.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;
}

/* Colors */

.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;
}

/*Typography */

/*
@font-face {
font-family: "Montserrat";
src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2);
}

h1 {
font-family: "Montserrat";
font-style: normal !important;
font-weight: 800 !important;
font-size: 48px !important;
line-height: 48px !important;
color: #1083bb !important;
}

h2,
h3,
h4,
h5 {
font-family: "Montserrat";
font-style: normal !important;
font-weight: 800 !important;
}

p {
font-family: "Montserrat";
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 1.5;
}
*/
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;
}

/*divider in the search*/
.sow-divider {
	width: 300px;
	margin: auto;
}

.sow-divider img {
	width: 100%;
}

/* zipcode search */
.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("../img/WaterDropBackground.png");
	background-size: contain;
	background-repeat: repeat;
}


/* Rebates Offers */


.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;
}

/* Featured Videos */

.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;
	/**One there is only one video swiper adds the swiper-slide-next class. So we have 
	to undo the opacity **/
}

@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;
}

/* Add-on CSS */


#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: 0 0 2px 2px #000000 !important; */
	box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.25) !important;
	border: 2px solid black !important;
	border-radius: 0px !important;
	padding: 6px 36px;
}

#sow-zip-checker-btn:focus {
	outline: none;
	box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.25) !important;
	border-radius: 0px !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%;
}