/*!
Theme Name: Woder
Theme URI: http://underscores.me/
Author: Mor Siroa
Author URI: http://underscores.me/
Description: Description
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: woder
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

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

Woder 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/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Global body */
.woocommerce-notices-wrapper a.button,
.w_cta {
	display: inline-block;
	color: #FFF;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 16px;
	font-style: italic;
	font-weight: 600;
	border-radius: 10px;
	padding: 12px 30px;
	background-color: #5B6770;
	transition: all .2s;
}
.w_cta:hover {
	background-color: rgb(24 105 228 / 75%);
	color: #111921;
	transform: scale(1.03);
}
.w_cta_white {
	color: #111921;
	background-color: #FFF;
}
.w_cta_green {
	color: #111921;
	background-color: rgb(24 105 228 / 75%);
}
.w_gray_bg {
	background-color: #ECF0F2;
}
.w_back_button {
	display: inline-block;
	text-decoration: none;
	border: 1px solid #557b97;
	border-radius: 2px;
	color: #557b97 !important;
	padding: 10px 18px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	font-size: 14px;
}
.w_back_button svg {
	margin-right: 10px;
	height: 9px;
	width: 20px;
	vertical-align: middle;
}
.w_back_button svg path {
	fill: #557b97;
}
.text-center {
	text-align: center;
}
/* end global */


/* homepage */
.w_head_nav ul,
.w_head ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	justify-content: space-between;
}
.w_head_nav ul li a,
.w_head ul li a {
	font-weight: 400;
	font-size: 18px;
	text-transform: uppercase;
	text-decoration: none;
	transition: text-decoration .2s;
	color: #fff;
}
.w_head_nav ul li a:hover,
.w_head ul li a:hover {
	text-decoration: underline;
}
.w_head_template .caption,
.w_about-us_head .caption,
.w_difference_head .caption,
.w_hp_head .caption {
	grid-column: 2 / 3;
	grid-row: 4 / 5;
	max-width: 385px;
	justify-self: center;
}
.w_head .caption h1 {
	font-size: 60px;
	line-height: 60px;
	font-weight: 100;
	margin: 0 0 20px;
}
.w_head .caption p {
	font-size: 18px;
	font-weight: 400;
	letter-spacing: 0.09px;
	line-height: 24px;
	margin-bottom: 25px;
}
.w_head .caption .more_link {
	margin-top: 20px;
	display: block;
	color: #FFF;
	text-decoration: underline;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.07px;
	line-height: 18px;
}

@media (min-width: 651px) {
	.mobile_logo {
		display: none;
	}
}
@media (max-width: 650px) {
	.mobile_logo {
		display: block;
		width: 136px;
		height: 44px;
		grid-row: 2 / 3;
	}
	.w_head_nav .menu-header-menu-container,
	.w_head .menu-header-menu-container {
		display: none;
	}
	.w_head .caption h1 {
		font-size: 44px;
		line-height: 44px;
	}
}
/* end homepage */


/* Shop-page template */
.w_shop_page_head {
	color: #5B6770;
	background-color: rgb(24 105 228 / 75%);
	display: grid;
	grid-template-rows: max-content;
	grid-template-columns: 20px minmax(min-content, 384px) minmax(20px, 80px) max-content 30px;
	justify-content: end;
	align-items: center;
}
.w_shop_page_head .caption {
	grid-column: 2 / 3;
}
.w_shop_page_head .caption h1,
.w_shop_page_head .caption p,
.w_shop_page_head .caption h4 {
	margin: 0 0 40px;
}
.w_shop_page_head .caption h4 {
	font-size: 24px;
	line-height: 1;
	font-style: italic;
	font-weight: 600;
}
.w_shop_page_head img {
	grid-column: 4 / 5;
}
.w_shop_filters_nav {
	padding-top: 45px;
	padding-bottom: 45px;
	display: flex;
	justify-content: center;
	align-items: center;
	grid-gap: 60px;
	flex-wrap: wrap;
}
.w_shop_filters_nav .type_link {
	display: grid;
	grid-template-columns: max-content;
	grid-template-rows: 45px max-content;
	align-items: center;
	justify-items: center;
	justify-content: center;
	grid-gap: 10px;
	text-decoration: none;
}
.w_shop_filters_nav .type_link span {
	position: relative;
	font-size: 18px;
	color: #5B6770;
	letter-spacing: 0.15px;
	font-weight: 100;
	text-transform: capitalize;
}
.w_shop_filters_nav .type_link span:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 2px;
	background-color: #5B6770;
	transition: width .3s;
}
.w_shop_filters_nav .type_link:hover span:after {
	width: 100%;
}
.reorder_cta {
	padding: 0 20px;
	font-size: 12px;
	font-style: italic;
	letter-spacing: 0.28px;
	text-transform: uppercase;
	color: #5B6770 !important;
	border: solid #5B6770 1px;
	display: grid;
	grid-template-rows: minmax(45px, max-content);
	grid-template-columns: repeat(3, max-content);
	justify-content: center;
	align-items: center;
	grid-gap: 5px;
	text-decoration: none;
	transition: transform .4s;
}
.reorder_cta:hover {
	transform: scale(1.015);
}
.reorder_cta img {
	transition: transform .4s;
}
.reorder_cta:hover img {
	transform: rotate(180deg);
}
.w_shop_time {
	display: grid;
	grid-template-rows: max-content;
	grid-template-columns: max-content minmax(min-content, 588px);
	grid-gap: 25px;
	justify-content: center;
	padding-top: 80px;
}
.w_shop_time .content h2 {
	font-size: 60px;
	line-height: 1;
	font-weight: 100;
}
.w_shop_time .content h4 {
	color: #BFCDD5;
	font-size: 30px;
	font-weight: 600;
	font-style: italic;
	margin: 0 0 25px;
}
.w_shop_time .content p {
	font-size: 18px;
	letter-spacing: 0.09px;
	line-height: 24px;
	margin: 0 0 30px;
}
.w_shop_time .content .video {
	position: relative;
}
.w_shop_time .content .video img {
	width: 100%;
	height: auto;
	display: block;
}
.w_shop_time .content .video a {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.w_shop_pocket {
	padding-top: 80px;
	display: grid;
	grid-template-rows: max-content max-content;
	grid-template-columns: minmax(40px, 1fr) min-content minmax(40px, 120px) minmax(min-content, 587px) minmax(40px, 1fr);
}
.w_shop_pocket > img {
	grid-row: 2 / 3;
	grid-column: 1 / -1;
}
.w_shop_pocket .saving {
	grid-row: 1 / 3;
	grid-column: 2 / 3;
	display: grid;
	grid-template-rows: max-content;
	grid-template-columns: repeat(2, max-content);
	background-color: rgb(24 105 228 / 75%);
	padding: 130px 70px;
}
@media (min-width: 901px) {
    .w_shop_pocket .saving {
        color: #fff;
    }
}
.w_shop_pocket .saving .currency {
	font-size: 70px;
	line-height: 1;
	font-weight: 700;
}
.w_shop_pocket .saving .amount {
	font-size: 120px;
	line-height: 110px;
	font-weight: 700;
}
.w_shop_pocket .saving .mobile_text {
	display: none;
}
.w_shop_pocket .content {
	grid-row: 1 / 2;
	grid-column: 4 / 5;
	color: #5B6770;
}
.w_shop_pocket .content h2 {
	font-size: 60px;
	line-height: 1;
	font-weight: 100;
}
.w_shop_pocket .content h4 {
	font-size: 30px;
	letter-spacing: 0;
	font-weight: 600;
	font-style: italic;
	margin: 0 0 30px;
}
.w_shop_pocket .content p {
	font-size: 24px;
	letter-spacing: 0.12px;
	line-height: 30px;
	margin: 0 0 30px;
}
@media (max-width: 1550px) {
	.w_shop_page_head {
		grid-template-columns: 30px minmax(min-content, 384px) minmax(20px, 80px) 45vw 30px;
	}
}
@media (max-width: 1200px) {
	.w_shop_page_head .caption h1,
	.w_shop_page_head .caption p,
	.w_shop_page_head .caption h4 {
		margin: 0 0 30px;
	}
	.w_shop_page_head .caption h1 {
		font-size: 48px;
		line-height: 1;
	}
	.w_shop_time {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.w_shop_time .content h2 {
		font-size: 48px;
		margin-bottom: 30px;
	}
	.w_shop_pocket .saving {
		padding: 50px 40px;
	}
	.w_shop_pocket .content h2 {
		font-size: 48px;
	}
	.w_shop_pocket .content h4 {
		font-size: 24px;
	}
}
@media (max-width: 1100px) {
	.w_shop_time {
		grid-template-columns: minmax(200px, max-content);
	}
	.w_shop_time > img,
	.w_shop_time .content h4,
	.w_shop_time .content p {
		display: none;
	}
}
@media (max-width: 900px) {
	.w_shop_page_head {
		grid-template-columns: 40px minmax(min-content, 384px) 40px;
		grid-template-rows: max-content 40px;
		justify-content: center;
	}
	.w_shop_page_head img {
		display: none;
	}
	.w_shop_filters_nav {
		grid-gap: 35px;
	}
	.w_shop_filters_nav .nav_label,
	.reorder_cta {
		width: 100%;
	}
	.w_shop_pocket {
		grid-template-columns: 40px minmax(min-content, max-content) 40px;
		padding-bottom: 0;
	}
	.w_shop_pocket > img {
		grid-row: 3;
	}
	.w_shop_pocket .saving {
		padding: 0;
		background-color: #ECF0F2;
		grid-row: 1 / 2;
		grid-template-columns: repeat(2, max-content) 40px minmax(min-content, 350px);
		justify-content: center;
	}
	.w_shop_pocket .saving .mobile_text {
		display: block;
		grid-column: 4 / 5;
		font-size: 44px;
		font-weight: 100;
		line-height: 1;
	}
	.w_shop_pocket .content {
		grid-row: 2 / 3;
		grid-column: 2 / 3;
		margin-top: 40px;
	}
	.w_shop_pocket .content h2 {
		display: none;
	}
}
@media (max-width: 850px) {
	.w_shop_time .content h2 {
		text-align: center;
		font-size: 40px;
	}
}
@media (max-width: 650px) {
	.w_head_nav {
		grid-template-columns: 0 80%;
		grid-template-rows: minmax(20px, 60px) 30px minmax(30px, 80px);
		justify-content: center;
		padding: 0;
	}
	.w_shop_page_head {
		grid-template-columns: 0 80%;
		padding: 0;
	}
	.w_shop_pocket .saving {
		grid-template-columns: repeat(2, max-content) 20px minmax(min-content, 350px);
	}
	.w_shop_pocket .saving .currency {
		font-size: 30px;
	}
	.w_shop_pocket .saving .amount {
		font-size: 70px;
		line-height: 60px;
	}
	.w_shop_pocket .saving .mobile_text {
		font-size: 38px;
	}
	.w_shop_pocket .content h4,
	.w_shop_pocket .content p {
		font-size: 20px;
		line-height: normal;
	}
}
@media (max-width: 360px) {
	.w_shop_pocket .saving .currency {
		font-size: 24px;
	}
	.w_shop_pocket .saving .amount {
		font-size: 64px;
		line-height: 54px;
	}
	.w_shop_pocket .saving .mobile_text {
		font-size: 32px;
	}
}
/* end shop filter page */

/* woder difference page */
.w_head_template,
.w_about-us_head,
.w_difference_head {
	min-height: 72vh;
	color: #FFF;
	display: grid;
	/*grid-template-rows: 70px 30px minmax(60px, 170px) max-content minmax(60px, 1fr);*/
	grid-template-rows: 50px 30px minmax(60px, 150px) max-content minmax(60px, 1fr);
	grid-template-columns: minmax(0px, 60%) 470px 1fr;
	background: linear-gradient(to right, rgba(91, 103, 112, 0.4), rgba(91, 103, 112, 0.4)), url('imgs/pages/Hero-Difference-SurfaceWater.png');
	background-size: cover;
	background-position: top center;
}
.w_description_1_template h1 span,
.w_about-us_description_1 h1 span,
.w_difference_head h1 span {
	font-weight: 300;
	font-style: italic;
}
.w_description_1_template .wrap,
.w_about-us_description_1 .wrap,
.w_difference_description_1 .wrap {
	padding-top: 60px;
	display: grid;
	grid-template-rows: max-content;
	grid-template-columns: minmax(min-content, 483px) minmax(min-content, 590px);
	grid-gap: 40px;
	justify-content: center;
}
.w_description_1_template .header h2,
.w_about-us_description_1 .header h2,
.w_difference_description_1 .header h2 {
	font-size: 24px;
	font-weight: 300;
	text-decoration: underline;
	text-transform: uppercase;
}
.w_description_1_template .header h4,
.w_about-us_description_1 .header h4,
.w_difference_description_1 .header h4 {
	font-size: 60px;
	line-height: 1;
	font-weight: 100;
}
.w_description_1_template .body .text p,
.w_about-us_description_1 .body .text p,
.w_difference_description_1 .body .text p {
	color: #69727b;
}
.w_description_1_template .body .highlight,
.w_about-us_description_1 .body .highlight,
.w_difference_description_1 .body .highlight {
	padding: 30px 50px;
	background-color: rgb(24 105 228 / 75%);
	color: #FFF;
	font-size: 30px;
	line-height: 32px;
	font-weight: 600;
	font-style: italic;
	margin-bottom: 1rem;
}
.w_quote {
	padding: 10px 15px;
	border-left: 2px solid var(--secondary-color);
	font-size: 24px;
	line-height: 32px;
	font-style: italic;
	margin-bottom: 10px;
}
.w_difference_description_1 > img {
	width: 100%;
}
.w_description_2_template,
.w_difference_certified {
	background-color: #ECF0F2;
	padding-top: 80px;
	padding-bottom: 80px;
	display: grid;
	grid-template-rows: max-content;
	grid-template-columns: minmax(min-content, 390px) minmax(min-content, 390px) minmax(min-content, 390px);
	grid-gap: 30px;
	justify-content: center;
	align-items: center;
	color: #69727b;
}
body.page-template-template-test-water .w_description_2_template {
	grid-column-gap: 60px;
}
body.page-template-template-test-water .w_description_2_template > img {
	border-radius: 10px;
}
.w_description_2_template .header h2,
.w_difference_certified .header h2 {
	font-size: 18px;
	letter-spacing: 0.09px;
	color: #5B6770;
	font-weight: 400;
	text-transform: uppercase;
}
.w_description_2_template .header h4,
.w_difference_certified .header h4 {
	font-size: 48px;
	font-weight: 100;
	color: #111921;
}
.w_description_2_template > img,
.w_difference_certified > img {
	mix-blend-mode: multiply;
}
.w_gallons {
	padding-top: 70px;
	display: grid;
	grid-template-rows: 20% 50% 1fr;
	grid-template-columns: minmax(min-content, 425px) max-content minmax(min-content, 445px);
	justify-content: center;
	align-items: center;
}
.w_gallons > img {
	grid-column: 2 / 3;
	grid-row: 1 / span 3;
}
.w_gallons .bg {
	height: 100%;
	background-color: rgb(24 105 228 / 75%);
	mix-blend-mode: multiply;
	grid-row: 2 / 3;
	grid-column: 1 / span 2;
}
.w_gallons h2 {
	margin: 0 40px;
	grid-column: 1 / 2;
	grid-row: 2 / 3;
    color: white;
    position: relative;
	font-size: 60px;
	line-height: 1;
	font-weight: 100;
}
.w_gallons p {
	grid-column: 3 / 4;
	grid-row: 2 / 3;
	margin: 0 60px;
	color: #5B6770;
	font-size: 18px;
	letter-spacing: 0.12px;
	line-height: 24px;
}
.w_gallons p a {
	font-weight: 700;
	font-style: italic;
	text-decoration: underline;
	color: #3d4246;
}
@media(max-width: 1250px) {
	.w_gallons {
		grid-template-rows: 25% 30% 1fr max-content;
		grid-template-columns: minmax(min-content, 425px) max-content;
	}
	.w_gallons p {
		grid-column: 1 / span 2;
		grid-row: 4 / 5;
		max-width: 445px;
		margin: 0;
		justify-self: center;
	}
}
@media (max-width: 1000px) {
	.w_description_2_template,
	.w_difference_certified {
		grid-template-columns: 100%;
		grid-gap: 15px;
		padding-bottom: 40px;
	}
	.w_description_2_template > img,
	.w_difference_certified > img {
		max-width: 220px;
		margin: 0 auto;
	}
}
@media (max-width: 850px) {
	.w_description_1_template .wrap,
	.w_about-us_description_1 .wrap,
	.w_difference_description_1 .wrap {
		grid-template-rows: repeat(2, max-content);
		grid-template-columns: 100%;
	}
	.w_description_1_template .header h4,
	.w_about-us_description_1 .header h4,
	.w_difference_description_1 .header h4 {
		font-size: 48px;
	}
	.w_quote {
		font-size: 20px;
		line-height: 28px;
	}
	.w_gallons h2 {
		font-size: 48px;
		margin-right: 0;
	}
}
@media (max-width: 650px) {
	.w_head_template,
	.w_about-us_head,
	.w_difference_head {
		background-position: 30% 50%;
		grid-template-columns: 0 100%;
		grid-template-rows: minmax(20px, 60px) 30px minmax(30px, 70px) max-content minmax(20px, 1fr);
		justify-content: center;
	}
	.w_description_1_template .header h4,
	.w_about-us_description_1 .header h4,
	.w_difference_description_1 .header h4 {
		font-size: 40px;
	}
	.w_description_1_template .body .highlight,
	.w_about-us_description_1 .body .highlight,
	.w_difference_description_1 .body .highlight {
		font-size: 24px;
		padding: 20px 30px;
	}
	.w_gallons {
		grid-template-columns: 1fr 1fr;
		grid-template-rows: repeat(2, max-content);
		grid-column-gap: 20px;
	}
	.w_gallons > img {
		grid-row: 1 / 2;
	}
	.w_gallons .bg {
		grid-row: 1 / 2;
		height: 55%;
	}
	.w_gallons h2 {
		font-size: 24px;
		margin-left: 10px;
		grid-row: 1 / 2;
	}
}
/* end difference page */

/* About-us page */
.w_about-us_head {
	background: linear-gradient(to right, rgba(91, 103, 112, 0.4), rgba(91, 103, 112, 0.4)), url('imgs/pages/aboutus_bg.jpg');
	background-size: cover;
	background-position: top center;
}
.w_about-us_description_1 {
	padding-bottom: 80px;
}
.w_about-us_description_1 .header h4 span,
.w_about-us_head .caption h1 span {
	font-weight: 300;
	font-style: italic;
}
.w_about-us_description_1 .header > img {
	margin-top: 40px;
	margin-left: -150px;
	margin-bottom: -150px;
}
.w_about-us_description_1 .header > .img_wrap {
	margin-top: 40px;
	margin-left: -150px;
	margin-bottom: -150px;
}
.w_about-us_description_2 > img {
	margin-bottom: -80px;
}
.w_about_team {
	background-color: #ECF0F2;
	padding-top: 120px;
	padding-bottom: 100px;
	color: #69727b;
}
.w_about_team h2 {
	text-align: center;
	font-size: 42px;
	font-weight: 100;
	color: #111921;
	margin-bottom: 55px;
}
.w_about_team .content_wrap {
	display: grid;
	grid-template-columns: repeat(3, minmax(min-content, 350px));
	justify-content: center;
	grid-gap: 100px;
}
.w_about_team .content_wrap .name {
	font-size: 18px;
	font-weight: 600;
	letter-spacing: 0.09px;
}
@media (min-width: 1000px) {
	.w_about-us_description_1:last-child {
		margin-bottom: 130px;
	}
}
@media (max-width: 1440px) {
	.w_about-us_description_1 .header > .img_wrap {
		margin-left: 0;
	}
}
@media (max-width: 1000px) {
	.w_about-us_description_2 > img {
		order: 3;
		margin-bottom: -40px;
	}
}
@media (max-width: 850px) {
	.w_about-us_description_1 .header > .img_wrap {
		margin-bottom: 0;
	}
    .w_about_team .content_wrap {
        grid-template-columns: 1fr;
    }
}
/* end about-us */

/* Contact Us page */
.w_head_nav.white_bg,
.w_contact_template .w_head_nav {
	background-color: #fff;
}
.w_disposal,
.w_contact-us {
	display: grid;
	grid-template-rows: max-content;
	grid-template-columns: minmax(min-content, 485px) minmax(min-content, 590px);
	justify-content: center;
	grid-gap: 110px;
}
.w_disposal h1,
.w_contact-us h1 {
	font-size: 24px;
	font-weight: 500;
	line-height: 1;
	text-decoration: underline;
	text-transform: uppercase;
	margin-bottom: 30px;
}
.w_contact-us h2 {
	font-size: 60px;
	font-weight: 100;
	line-height: 1;
	margin-bottom: 30px;
}
.w_contact-us .address {
	background-image: url('imgs/pages/Address-pic.png');
	background-size: contain;
	background-repeat: no-repeat;
	padding: 6em 0 1em;
	margin-top: 3em;
}
.w_contact-us .address p {
	color: #111921;
	margin-left: 55%;
	background-color: rgb(24 105 228 / 75%);
	padding: 1em;
}
.w_contact_fields_wrap {
	margin-bottom: 20px;
	color: #5B6770;
}
.w_contact_fields_wrap label {
	display: block;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 700;
	font-style: italic;
}
.w_contact_fields_wrap label input,
.w_contact_fields_wrap textarea {
	margin-top: 3px;
	width: 100%;
	font-size: 18px;
	border: 1px solid #BFCDD5;
	padding: 10px 18px;
	line-height: 1.2;
	border-radius: 0;
}

.w_contact_content .wrap {
	margin-top: 120px;
	display: grid;
	grid-template-rows: max-content;
	grid-template-columns: repeat(auto-fit, minmax(min-content, 345px));
	grid-gap: 60px;
	justify-content: center;
	padding-top: 80px;
	padding-bottom: 80px;
	color: #5B6770;
}
.w_contact_content h4 {
	font-size: 30px;
	font-weight: 600;
	font-style: italic;
	margin-bottom: 15px;
}
.w_contact_content p {
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 25px;
}
.w_wholesale_description .text a:not(.w_cta),
.w_contact_content a:not(.w_cta) {
	color: #5B6770;
	font-size: 18px;
	font-weight: 700;
}
.w_contact_content .w_cta {
	margin-bottom: 15px;
}
@media (min-width: 650px) {
	.w_contact_fields_wrap {
		display: grid;
		grid-template-rows: repeat(4, max-content);
		grid-template-columns: repeat(2, 45%);
		grid-gap: 20px;
	}
}
@media (max-width: 1230px) {
	.w_contact_content .wrap {
		grid-template-columns: repeat(3, 1fr);
	}
}
@media (max-width: 1100px) {
	.w_disposal,
	.w_contact-us {
		grid-template-columns: minmax(min-content, max-content);
		grid-template-rows: repeat(2, max-content);
		grid-gap: 40px;
		max-width: 685px;
		margin: 0 auto;
	}
	.w_contact-us h2 {
		font-size: 48px;
		margin-bottom: 24px;
	}
}
@media (max-width: 950px) {
	.w_contact_content .wrap {
		margin-top: 50px;
		grid-template-columns: 100%;
		padding-top: 50px;
		padding-bottom: 50px;
	}
}
@media (max-width: 650px) {
	.w_head_nav.white_bg .mobile_logo img,
	.w_contact_template .mobile_logo img {
		filter: brightness(0.35);
	}
	.w_contact-us .address {
		padding: 2em 0 0;
		margin-top: 2em;
	}
	.w_contact-us .address p {
		margin: 7em 0 0 5em;
	}
	.w_contact_fields_wrap > div,
	.w_contact_fields_wrap > label {
		margin-bottom: 20px;
	}
	.w_contact_content h4 {
		font-size: 26px;
	}
	.w_contact_content p {
		font-size: 16px;
	}
}

/* disposal page */
.w_disposal {
	margin-bottom: 65px;
}
.w_disposal .description {
	font-size: 40px;
	font-weight: 100;
	line-height: 1;
	margin-bottom: 30px;
}
.w_disposal .content {
	color: #69727b;
}



/* installation guide */
.w_installation_description_1 .body > .text:first-child {
	font-size: 18px;
	line-height: 24px;
}
.w_btn_download,
body.page-template-template-install .body .text a {
	display: inline-block;
	color: #fff;
	text-transform: uppercase;
	font-size: 14px;
	font-style: italic;
	font-weight: 600;
	letter-spacing: 0.32px;
	padding: 8px 20px;
	background-color: rgb(24 105 228 / 75%);
	transition: all .2s;
	margin-bottom: 0.5em;
	text-decoration: none;
}
.w_btn_download:hover,
body.page-template-template-install .body .text a:hover {
	background-color: #ECF0F2;
	color: #25282b;
	transform: scale(1.01);
}
.w_installation_description_2 > img {
	margin-bottom: -80px;
}
@media (max-width: 1000px) {
	.w_installation_description_2 > img {
		order: 3;
		margin-bottom: -40px;
	}
}
/* end install */

/* Test your water page */
.w_test-water_head {
	background: linear-gradient(to right, rgba(91, 103, 112, 0.4), rgba(91, 103, 112, 0.4)), url('imgs/pages/Hero-TestYourWater.png');
	background-size: cover;
	background-position: top center;
}
.w_test_water_description_1 {
	padding-bottom: 60px;
}
/* end test */

/* Side overlay menu */
.w_overlay_menu {
	background-color: #ECF0F2;
	height: calc(100vh - 59px);
	position: fixed;
	top: 59px;
	left: 0;
	width: 100%;
	z-index: 90;
	display: grid;
	grid-template-rows: max-content;
	grid-template-columns: repeat(2, max-content);
	grid-gap: 200px;
	justify-content: center;
	align-content: center;
	transition: all .3s;
	opacity: 0;
	visibility: hidden;
}
body.w_overlay_menu_on .w_overlay_menu {
	opacity: 1;
	visibility: visible;
}
body.w_overlay_menu_on .woder_header button#navigation_toggle .navigation_icon::before {
	top: 7px;
	transform: rotate(135deg);
}
body.w_overlay_menu_on .woder_header button#navigation_toggle .navigation_icon::after {
	top: 7px;
	transform: rotate(-135deg);
}
.w_overlay_menu .shop_filters .buttons {
	display: grid;
	grid-template-columns: max-content;
	grid-template-rows: repeat(5, max-content);
	grid-gap: 35px;
}
.w_overlay_menu .shop_filters .buttons a.type_link {
	font-size: 30px;
	color: #5B6770;
	letter-spacing: 0.15px;
	font-weight: 100;
	text-transform: capitalize;
	text-decoration: none;
}
.w_overlay_menu .shop_filters .buttons a.reorder_cta {
	font-size: 14px;
}
.w_overlay_menu > .menu .wrap {
	display: grid;
	grid-template-columns: minmax(max-content, 285px);
	grid-template-rows: repeat(3, max-content);
	grid-gap: 30px;
}
.w_overlay_menu input.search-field {
	width: 100%;
	border: #BFCDD5 solid 1px;
	border-radius: 30px;
	font-size: 16px;
	letter-spacing: 0.08px;
	font-weight: 300;
	font-style: italic;
	color: #5B6770;
	padding: 10px 10px 10px 50px;
	background: #fff url(imgs/search_icon.svg) no-repeat 8% 50%;
	outline: 0;
	line-height: 1.2;
}
.w_overlay_menu .menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: grid;
	grid-template-columns: max-content;
	grid-gap: 15px;
}
.w_overlay_menu .menu ul a {
	font-size: 18px;
	letter-spacing: 0.09px;
	font-weight: 500;
	font-style: italic;
	color: #5B6770;
	text-transform: capitalize;
	text-decoration: none;
}
.w_overlay_menu .social_icons {
	display: grid;
	grid-template-rows: max-content;
	grid-template-columns: repeat(4, max-content);
	grid-gap: 10px;
}
.w_overlay_menu .social_icons a {
	fill: #5B6770;
	transition: fill .15s;
	text-decoration: none;
}
.w_overlay_menu .social_icons a:hover {
	fill: #A7E6D7;
}
@media (min-width: 651px) {
	.w_overlay_menu .shop_filters .wrap {
		display: grid;
		grid-template-columns: repeat(2, max-content);
		grid-template-rows: max-content;
		grid-gap: 40px;
	}
	.w_overlay_menu .shop_filters .buttons a.type_link {
		display: grid;
		grid-template-columns: 35px max-content;
		grid-template-rows: max-content;
		align-items: center;
		justify-items: center;
		grid-gap: 25px;
	}
}
@media (max-width: 850px) {
	.w_overlay_menu {
		grid-gap: 80px;
	}
}
@media (max-width: 650px) {
	.w_overlay_menu {
		top: 0;
		bottom: 87px;
		height: calc(100vh - 87px);
		grid-template-columns: 80%;
		justify-content: center;
		align-content: center;
		grid-gap: 0;
		overflow: scroll;
	}
	.w_overlay_menu .nav_label,
	.w_overlay_menu .search_wrap {
		display: none;
	}
	.w_overlay_menu .shop_filters .buttons {
		display: grid;
		grid-template-columns: repeat(2, max-content);
		grid-template-rows: repeat(1, max-content);
		grid-gap: 35px;
		justify-content: center;
		padding: 50px 0 35px;
	}
	.w_overlay_menu .shop_filters .buttons a.type_link {
		font-size: 18px;
		display: grid;
		grid-template-columns: max-content;
		grid-template-rows: 45px max-content;
		align-items: center;
		justify-items: center;
		justify-content: center;
		grid-gap: 10px;
	}
	.w_overlay_menu .shop_filters .buttons a.reorder_cta {
		grid-column: 1 / 3;
	}
	.w_overlay_menu > .menu .wrap {
		justify-content: center;
		text-align: center;
	}
	.w_overlay_menu .menu ul,
	.w_overlay_menu .social_icons {
		justify-content: center;
	}
	.w_overlay_menu .menu ul a {
		font-size: 16px;
	}
	.w_overlay_menu .shop_filters .buttons a.reorder_cta {
		font-size: 12px;
	}
}
/* overlay menu end */

/* page template */
.w_page_wrap {
	max-width: 963px;
	margin: 0 auto 50px;
	color: #69727b;
}
.w_page_wrap h1 {
	font-size: 24px;
	letter-spacing: 0;
	text-decoration: underline;
	text-transform: uppercase;
}
.w_page_wrap h2 {
	font-size: 1.25em;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-weight: 600;
}
.w_wizard .text p a,
.w_blog_wrap p a,
.w_blog_wrap .nav-links a,
.w_page_wrap a {
	color: #3d4246;
	text-decoration: none;
	border-bottom: 1px solid currentColor;
	padding-bottom: 1px;
}
.w_page_wrap h5 {
	font-size: 0.9375em;
	font-weight: 600;
}
.w_page_wrap h3 {
	font-size: 1.625em;
	font-weight: 600;
}
.w_page_wrap_fullwidth {
	margin: 0 auto 50px;
}
.w_page_wrap_fullwidth .entry-header {
	display: none;
}
@media (min-width: 750px) {
	.w_page_wrap .entry-header {
		margin-bottom: 55px;
	}
}

.replacement_by_order_id_form {
	display: flex;
	flex-wrap: wrap;
    gap: 10px;
    margin-top: 10px;
}
.replacement_by_order_id_form input,
.replacement_by_order_id_form button {
	font-size: 16px;
	padding: 12px 30px;
	line-height: normal;
	border-radius: 0;
	outline: 0;
	max-width: 100%;
}
.replacement_by_order_id_form button {
	border: 0;
	cursor: pointer;
}
.form_feedback {
	margin-top: 15px;
	background: #bfcdd5;
	padding: 7px 15px;
	width: 100%;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s;
}
.form_feedback.active {
	opacity: 1;
	visibility: visible;
}
.replacement_by_order_id_results {
	padding: 15px 5px;
}
.replacement_by_order_id_results > ul {
	padding: 0;
	list-style: decimal;
}
.replacement_by_order_id_results .replacemnt > ul {
	list-style: lower-alpha;
	padding: 10px 25px;
}
.replacement_by_order_id_results .order_item_data .name {
	font-weight: 500;
}
/* end wizard */


/* 404 page */
section.error-404 {
	margin: 100px 0;
	text-align: center;
}

/* ship to popup */
#ship_to {
	background: #fff;
	padding: 50px;
	max-width: 500px;
}
#ship_to h3 {
	font-size: 24px;
	line-height: 1;
	font-weight: 400;
	color: #000;
	margin-bottom: 30px;
}
#ship_to p {
	font-size: 18px;
	font-weight: 400;
	letter-spacing: 0.09px;
	line-height: 24px;
	margin: 30px 0 0;
}
.select2-dropdown {
	z-index: 9999 !important;
}
.ship_to_icon {
	display: block;
	line-height: 44px;
}
.ship_to_icon:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 30px;
	height: 30px;
	opacity: 0.7;
	transition: opacity 0.3s;
	margin-right: 10px;
}
.ship_to_icon span {
	display: inline-block;
	vertical-align: middle;
}
p.notice {
	display: grid;
	grid-template-columns: 16px auto;
	grid-gap: 10px;
}
p.notice > svg {
	width: 16px;
	fill: #3d4246;
	margin-top: 5px;
	margin-right: 10px;
}
#ship_to .select2-container {
	width: 100% !important;
}
.select2-container .select2-selection--single {
	height: 48px !important;
}
.select2-container .select2-selection--single .select2-selection__rendered {
	padding-right: 40px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
	width: 40px !important;
	height: 48px !important;
}
.select2-selection__rendered:hover .ship_to_icon:before,
.select2-results__option:hover .ship_to_icon:before {
	opacity: 1;
}
.select2-container--default .select2-results>.select2-results__options {
	max-height: 250px !important;
}

/* Misc */
.grecaptcha-badge { display: none !important; }

/* Wholesale page slider */
.w_wholesale_slider .w_slick img {
	max-height: 85px;
	width: auto;
}
.w_wholesale_slider .w_container {
	max-width: 1250px;
	margin: 0 auto;
}
.w_wholesale_slider .slick-prev:before,
.w_wholesale_slider .slick-next:before {
	color: #5b6770;
}
.w_wholesale_slider .slick-track {
	display: flex;
	align-items: center;
}
.w_wholesale_slider .slick-slide {
	padding: 0 30px;
}
.w_wholesale_slider .slick-dots {
	bottom: -70px;
}
.w_wholesale_slider .w_slick.slick-dotted.slick-slider {
	margin-bottom: 110px;
}

/* my account page */
@media (min-width: 768px) {
	body.woocommerce-account .u-columns.col2-set {
		display: flex;
		justify-content: space-between;
	}
	body.woocommerce-account .u-columns.col2-set > div {
		width: 45%;
	}
}
@media (max-width: 767px) {
	body.woocommerce-account .u-columns.col2-set > div:first-child {
		margin-bottom: 30px;
	}
}


/* product page upgrade gen3 fields */
.w_upgrade_gen3_validate_fields {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-bottom: 20px;
}
.w_upgrade_gen3_validate_fields label {
	display: flex;
	flex-direction: column;
	gap: 3px;
}