@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//www.rain1.com/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=8.1.2") format("woff2");
}

@font-face {
	font-family: "star";
	font-weight: 400;
	font-style: normal;
	src: url("//www.rain1.com/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("//www.rain1.com/wp-content/plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("//www.rain1.com/wp-content/plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("//www.rain1.com/wp-content/plugins/woocommerce/assets/fonts/star.svg#star") format("svg");
}

@font-face {
	font-family: "WooCommerce";
	font-weight: 400;
	font-style: normal;
	src: url("//www.rain1.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("//www.rain1.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("//www.rain1.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"), url("//www.rain1.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg");
}

:root {
	--wd-text-font: "Urbanist", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(51,51,51);
	--wd-text-font-size: 18px;
	--wd-title-font: "Urbanist", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 700;
	--wd-title-color: rgb(17,132,193);
	--wd-entities-title-font: "Urbanist", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: rgb(0,0,0);
	--wd-entities-title-color-hover: rgb(17, 132, 193);
	--wd-alternative-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Urbanist", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 700;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: rgb(255,255,255);
	--wd-widget-title-font-size: 20px;
	--wd-header-el-font: "Urbanist", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 14px;
	--wd-primary-color: rgb(17,132,193);
	--wd-alternative-color: rgb(128,189,64);
	--wd-link-color: rgb(17,132,193);
	--wd-link-color-hover: rgb(128,189,64);
	--btn-default-font-family: "Urbanist", Arial, Helvetica, sans-serif;
	--btn-default-font-weight: 800;
	--btn-default-transform: uppercase;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-default-color: rgb(255,255,255);
	--btn-default-color-hover: rgb(255,255,255);
	--btn-accented-bgcolor: rgb(17,132,193);
	--btn-accented-bgcolor-hover: #74a32f;
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
}
.wd-popup.wd-age-verify {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
	--wd-popup-width: 800px;
}
.woodmart-woocommerce-layered-nav .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title {
	background-image: url(https://www.rain1.com/wp-content/uploads/2023/12/RainOne-Page-Title-Graphic.jpg);
	background-size: cover;
	background-position: center center;
}
.wd-footer {
	background-color: rgb(17,132,193);
	background-image: none;
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 0px;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 35px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 35px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 0px;
}

@media (min-width: 1222px) {
[data-vc-full-width]:not([data-vc-stretch-content]),
:is(.vc_section, .vc_row).wd-section-stretch {
padding-left: calc((100vw - 1222px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
padding-right: calc((100vw - 1222px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
}
}


/* Global */
.white-text p, .white-text h1, .white-text h2, .white-text h3, .white-text h4,
.white-text h5, .white-text h6, .white-text span, .white-text a, .white-text li {color: #fff !important;}
.white {border-color: #fff !important;}
.black {border-color: #666666 !important;}
.green {border-color: #80B940 !important;}
.grey-subtitle {color: #606060; font-size: 18px; letter-spacing: 4px; text-transform: uppercase;}
h2 {font-size: 42px; line-height: 1.1;}
h3 {font-size: 36px; line-height: 1.1;}
h4 {font-size: 32px; line-height: 1.1;}
.button-width {width: 190px !important;}
.low-button {position: absolute; bottom: 34px;}
.page-title .title {font-size: 34px !important;}
i {font-style: italic;}
.small-text p {font-size: 16px; line-height: 1;}

@media (max-width: 991px) {
	.twocolumn-adj .vc_column-inner {padding-top: 0px !important; margin-top: -26px;}
}

@media (max-width: 590px) {
h2 {font-size: 36px;}
}

/* Header */

.header-text {font-size: 16px !important; letter-spacing: 2px; color: #fff; font-weight: bold;}
.letter-dec, .letter-dec-btn a{letter-spacing: 2px !important;}

@media (min-width: 1025px) and (max-width: 1215px){
	.wd-nav-main>li>a {font-size: 14px !important;}
}

/* Footer */
#menu-footer-menu-1 a, #menu-footer-menu-2 a {text-transform: uppercase; color: #fff; font-weight: 600;}
#menu-footer-menu-1 li, #menu-footer-menu-2 li {margin-bottom: 8px;}
.widgettitle {position: relative;}
.widgettitle:after {content:''; background-color: #A0BD41; height: 1px; width: 64px; position: absolute; bottom: -11px; left: 0;}

/* Home */
.blue-gradient {background: rgb(3,143,206);
background: linear-gradient(90deg, rgba(3,143,206,1) 0%, rgba(17,132,193,1) 3%, rgba(67,193,239,1) 100%); border-radius: 15px; max-width: 98%; margin-left: 1%;}
.city-title {text-transform: uppercase; color: #606060; font-weight: bold; margin-bottom: 8px; margin-top: -12px;}
.green-bar-title h2 {font-size: 52px;}
.green-bar-title p {font-size: 24px; font-weight: 600;}
.cta-box {position: relative;}
.cta-btn {position: absolute; bottom: 0; display: flex; transform: translate(-50%, -50%); left: 50%; width: 80% !important; margin-bottom: 20px;}

@media (min-width: 590px) and (max-width: 991px) {
	.blue-gradient {max-width: 86%; margin-left: 7%;}
}

@media (max-width: 767px) {
	.cta-box {min-height: 225px;}
}

/*Membership Page*/
.arrow-down {width: 0; height: 0; border-left: 65px solid transparent; border-right: 65px solid transparent; border-top: 40px solid #fff;}
.zone-selection {background-color: #fff; color: #333333; width: 100%; border-radius: 50px;}
.zone-selection:hover {background-color: #1184C1; color: #fff;}
.zone-selection:focus, .zone-selection:active, .zone-selection.active {background-color: #1184C1; color: #fff;}

/* Pricing */
.membership-plans {position: relative;}
.plan-title {font-size: 32px !important; letter-spacing: 1.5px; font-weight: 700; text-align: center; text-transform: uppercase;}
.gold {color: #C19724 !important;}
.silver {color: #808080 !important;}
.bronze {color: #8C7664 !important;}
.plan-price {margin-top: 8px; padding: 20px; color: #fff; position: relative;}
.price-banner-container {width: 150px; height: 150px; overflow: hidden; position: absolute; top: 0;right: 0;}
.price-banner {width: 250px; padding: 5px; background-color: #fff; color: #C19724; text-align: center; transform: rotate(45deg) translate(3%, 50%); text-transform: uppercase; font-size: 12px;}
.gold-gradient {background: rgb(239,230,135);
background: linear-gradient(90deg, rgba(239,230,135,1) 0%, rgba(193,151,36,1) 46%, rgba(193,151,36,1) 92%);}
.silver-gradient {margin-top: 8px; background: rgb(221,219,219);
background: linear-gradient(90deg, rgba(221,219,219,1) 0%, rgba(128,125,120,1) 100%) !important;}
.bronze-gradient {margin-top: 8px; background: rgb(232,200,175);
background: linear-gradient(90deg, rgba(232,200,175,1) 0%, rgba(140,118,100,1) 100%); !important;}
.plan-button a {color: #fff; border-radius: 50px; text-transform: uppercase; letter-spacing: 1.5px; text-align: center; padding: 12px 42px; width: 226px; position: absolute; bottom: 0; transform: translate(-50%, -50%);}
.gold-bgnd a {background: #C19724 !important;}
.silver-bgnd a {background: #808080 !important;}
.bronze-bgnd a {background: #8C7664 !important;}
.gold-bgnd a:hover {background: rgba(193,151,36,0.8) !important;}
.silver-bgnd a:hover {background: rgba(128,128,128,0.8) !important;}
.bronze-bgnd a:hover {background: rgba(140,118,100,0.8) !important;}
.pre-price {text-transform: uppercase; font-weight: bold; font-size: 16px !important; letter-spacing: 1.5px; color: #fff; text-align: center; margin-bottom: 0px;}
#goldprice, #silverprice, #bronzeprice {font-size: 42px; font-weight: 600; text-align: center; line-height: 1;}
#goldprice:after,  #silverprice:after, #bronzeprice:after {content:'/ year'; font-size: 28px; display: inline-block; z-index: 100; padding-left: 5px;}
.hidden-after:after {content: none !important;} /* Hide :after content */
.plan-item li {border-bottom: 1px solid #C0C0C0; margin-left: 10%; margin-right: 10%; padding-bottom: 8px;}

@media (max-width: 991px) {
.membership-plans {margin-bottom: 68px;}
}

@media (min-width: 768px) and (max-width: 991px) {
	.plan-button a {padding: 12px 40px;}
}

@media (max-width: 767px) {
	.plan-button a {position: relative; transform: none;}
}

/* Backflow Page */
.right-border-design-one {border-right: 1px solid}
.right-border-design-two {border-right: 2px solid}
.line-title-bf {max-width: 54%; margin: auto;}
.blue-bar-bf {max-width: 54%; margin: auto; height: 20px; margin-top: -19px;}

@media (max-width: 991px) {
.line-title-bf {max-width: 84%;}
.blue-bar-bf {max-width: 84%;}
.right-border-design-two {border-right: none !important;}
}

@media (max-width: 590px) {
.right-border-design-one {border-right: none !important;}
}

/* Irrigation */
.line-title-i {max-width: 90%; margin: auto;}
.green-bar-i {max-width: 90%; margin: auto; height: 20px; margin-top: -19px;}
.spacing-adj-i {margin-top: -20px;}
.service-box .vc_column-inner {position: relative;}
.service-btn, .service-btn-one {position: absolute; bottom: 32px;}
.service-btn-two {bottom: -29px; left: 200px;}


@media (max-width: 991px) {
.line-title-i {max-width: 79%;}
.green-bar-i {max-width: 64%;}
}

@media (max-width: 767px) {
.service-btn-one {position: absolute; bottom: 52px;}
.service-btn-two {bottom: -40px; left: -15px;}
}
/* Yard Drainage */
.line-title-yd {max-width: 68%; margin: auto;}
.green-bar-yd {max-width: 64%; margin: auto; height: 20px; margin-top: -19px;}
.line-title-yd-2 {max-width: 52%; margin: auto;}
.blue-bar-yd {max-width: 50%; margin: auto; height: 20px; margin-top: -19px;}

@media (max-width: 991px) {
.line-title-yd {max-width: 85%;}
.green-bar-yd {max-width: 79%;}
.line-title-yd-2 {max-width: 88%;}
.blue-bar-yd {max-width: 78%;}
}

/*Commercial*/
#commercial-accord .wd-opener-style-plus:before {color: #80B940 !important;}
#commercial-accord .wd-accordion.wd-style-default .wd-accordion-item {border-color: #80B940 !important;}
#commercial-accord .wd-accordion.wd-style-default:before {border-color: transparent !important;}

/* About */
.right-border-design-one-mid {border-right: 1px solid}

@media (max-width: 991px) {
.right-border-design-one-mid {border-right: none}
}

/* Careers */
.cf7-career-field {background-color: #fff !important; border: none !important;}
.cf7-c-btn {background-color: #80b940 !important; font-size: 20px; letter-spacing: 1.6px; color: #fff !important; border-radius: 50px; padding: 12px 32px;}
.cf7-c-btn:hover {color: rgba(255,255,255,0.6) !important;}
label {color: #1a1a1a !important;}

/* Service Request */
.service-request-form h5 {text-align: center; color: #80b940; font-size: 22px; margin-bottom: 42px; margin-top: 30px;}

/* Invoice Page - Product pages*/
.invoice-title-section {display: flex; align-items: center;}
.invoice-title {padding-right: 10px;}
.woonp label {margin-right: 184px !important;}
#woonp_177 {width: 180px !important; padding: 5px 10px !important; text-align: left !important;}
.product-images, .product-tabs-wrapper {display: none;}

/* Mobile Nav */
.wd-toolbar.wd-toolbar-label-show>div a {background-color: #80b940; padding: 7px 14px 12px; border-radius: 25px; color: #fff; margin-left: 2px; margin-right: 2px;}
.wd-toolbar-link .wd-custom-icon {display: none !important;}
.wd-toolbar>div a {height: 0 !important;}
.wd-toolbar-label {line-height: 14px; text-transform: uppercase;}

.round-image img {border-radius:15px !important;}

/* this next section is fort he landscape lighting page to change the hover state of the product buttons */
/* Hide original text */
#wd-681b92443c4c6 a {
  color: transparent;
  position: relative;
}

/* Show new text on hover */
#wd-681b92443c4c6 a::after {
  content: "$2,381"; /* Replace this with your desired text */
  color: #fff; /* Set your desired text color */
  position: absolute;

  width: 100%;
  text-align: center;
}

/* Optional: Only show the replacement text on hover */
#wd-681b92443c4c6 a:not(:hover)::after {
  content: "5 Fixture Package"; /* Default text shown when not hovered */
}


/* Hide original text */
#wd-67cefb6c65b80 a {
  color: transparent;
  position: relative;
}

/* Show new text on hover */
#wd-67cefb6c65b80 a::after {
  content: "$3,975"; /* Replace this with your desired text */
  color: #fff; /* Set your desired text color */
  position: absolute;

  width: 100%;
  text-align: center;
}

/* Optional: Only show the replacement text on hover */
#wd-67cefb6c65b80 a:not(:hover)::after {
  content: "10 Fixture Package"; /* Default text shown when not hovered */
}

/* Hide original text */
#wd-67cefb7d31c13 a {
  color: transparent;
  position: relative;
}

/* Show new text on hover */
#wd-67cefb7d31c13 a::after {
  content: "$4,406"; /* Replace this with your desired text */
  color: #fff; /* Set your desired text color */
  position: absolute;

  width: 100%;
  text-align: center;
}

/* Optional: Only show the replacement text on hover */
#wd-67cefb7d31c13 a:not(:hover)::after {
  content: "20 Fixture Package"; /* Default text shown when not hovered */
}


/* Hide original text */
#wd-67cefbb812ce6 a {
  color: transparent;
  position: relative;
}

/* Show new text on hover */
#wd-67cefbb812ce6 a::after {
  content: "$3,185"; /* Replace this with your desired text */
  color: #fff; /* Set your desired text color */
  position: absolute;

  width: 100%;
  text-align: center;
}

/* Optional: Only show the replacement text on hover */
#wd-67cefbb812ce6 a:not(:hover)::after {
  content: "5 Fixture Package"; /* Default text shown when not hovered */
}


/* Hide original text */
#wd-67cefbc6799da a {
  color: transparent;
  position: relative;
}

/* Show new text on hover */
#wd-67cefbc6799da a::after {
  content: "$5,480"; /* Replace this with your desired text */
  color: #fff; /* Set your desired text color */
  position: absolute;

  width: 100%;
  text-align: center;
}

/* Optional: Only show the replacement text on hover */
#wd-67cefbc6799da a:not(:hover)::after {
  content: "10 Fixture Package"; /* Default text shown when not hovered */
}

/* Hide original text */
#wd-67cefbd667739 a {
  color: transparent;
  position: relative;
}

/* Show new text on hover */
#wd-67cefbd667739 a::after {
  content: "$10,073"; /* Replace this with your desired text */
  color: #fff; /* Set your desired text color */
  position: absolute;

  width: 100%;
  text-align: center;
}

/* Optional: Only show the replacement text on hover */
#wd-67cefbd667739 a:not(:hover)::after {
  content: "20 Fixture Package"; /* Default text shown when not hovered */
}