/** Shopify CDN: Minification failed

Line 308:0 Unexpected "}"

**/
body .container {
    max-width: 1210px;
    width: 100%;
}
.blog-section .opposing-items .section-heading a {
    color: #5BB24C;
    font-size: 45px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0;
}
.blog-section .opposing-items  .more-link {
    margin: 0;
    color: #5BB24C;
    font-size: 20px;
    line-height: normal;
    letter-spacing: 0;
}
.blog-section .opposing-items {
    margin-bottom: 45px;
    margin-top: 0 !important;
}
.blog-section .article .rimage-wrapper {
    padding-top: 100% !important;
}
.blog-section .article .reading-column h2 a {
    color: #363332;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 1.2;
    font-weight:900;
}
.blog-section .article .reading-column  .excerpt.rte * {
    color: #363332;
    font-size: 16px;
    line-height: 1.2;
    letter-spacing: 0;
}
.blog-section .article .more-link {
    margin-top: 0;
    display: none;
}
.page-header {
    overflow-x: visible;
}
section.blog-section {
    margin: 70px 0 !important;
}
body .page-footer {
    background: #ffffff;
}
.page-footer .signup-row .extra-column.half.column {
    display: flex;
    justify-content: flex-end;
}
.page-footer .signup-row .extra-column.half.column .mailing-list {
width: max-content;
}
body .page-footer .signup-row:before{
    content: unset;
}
body .page-footer .signup-row:after{
    content: unset;
}
body .page-footer .signup-row {
    align-items: flex-end;
    justify-content: space-between;
}
.page-footer .signup-row .mailing-list #footer_signup_form .inline-input-button {
    border: 1px solid #5BB24C;
    border-radius: 13px;
}
.page-footer .signup-row .mailing-list #footer_signup_form input[type="submit"] {
    background: #5BB24C;
    border-radius: 0 13px 13px 0;
    color: #FFFFFF;
    letter-spacing: 1px;
    line-height: 15px;
    font-weight: 700;
    font-size: 10px;
    border: none;
}
.page-footer .signup-row .mailing-list #footer_signup_form input {
    max-width: 370px;
    color: #363332;
    font-size: 12px;
    line-height: normal;
    letter-spacing: 0;
}
.page-footer .signup-row .mailing-list #footer_signup_form input::placeholder {
    max-width: 270px;
    color: #363332;
    font-size: 12px;
    line-height: normal;
    letter-spacing: 0;
}
body .page-footer .back-to-top-row {
    display: none;
}
body .page-footer .footer-columns .links-column a {
    color: #363332;
    font-size: 16px;
    line-height: normal;
    letter-spacing: 0;
}
.page-footer .footer-lower .inline-item.left {
    display: flex;
    align-items: center;
    gap: 5px;
    justify-content: flex-start;
}
.page-footer .footer-lower .inline-item.left * {
    color: rgb(54 51 50 / 50%);
    font-size: 14px;
    letter-spacing: 0;
    line-height: 15px;
}
.page-footer .footer-lower {
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: space-between;
}
.page-footer .footer-lower:before{
    content:unset;
}
.page-footer .footer-lower:after{
    content:unset;
}
.page-footer .footer-lower .social-column {
    padding-right: 0;
}
.page-footer .footer-lower .social-column .social-links__list a {
    /* background: #5BB24C; */
    height: 33px;
    width: 33px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    color: #ffffff;
}
.footer-columns .links-column .footer-link-head {
    color: #363332;
    font-size: 16px;
    line-height: normal;
    letter-spacing: 0;
    font-weight: 700;
    margin-bottom: 8px;
}
body .footer-columns .links-column {
    width: 100%;
    flex: 1 0 auto;
    max-width: 230px;
}
body .page-footer {
    padding-top: 100px;
    padding-bottom: 100px;
}

body .toolbar-container {
    background-color: #F3F0F1;
    color:#363332;
}
body:not(.template-index) .toolbar-container{
    background-color: #ffffff;
}
body .toolbar-container.an-head-scroll {
    background-color: rgba(184, 215, 155, 0.502);
    color: #363332;
    transition: all 0.4s !important;
}
body .main-search__form button {
    width: 20px;
    background: unset;
}
body .main-search__form {
    padding-right: 0;
}
body .main-search--text-box-large .main-search__form button svg {
    color: #363332;
    height: 10px;
    width: 10px;
    margin-left: -5px;
}
body .main-search--text-box-large .main-search__form input {
    height: 20px;
    line-height: 15px !important;
    font-size: 13px;
    letter-spacing: 0;
    border-radius: 50px;
    color: #363332;
    padding-right: 25px;
}
body .toolbar-icons {
    padding-left: 0;
}
body .main-nav .nav-item .nav-item-link {
    font-weight: 600;
    color: #363332;
    font-size: 15px;
    line-height: normal;
    letter-spacing: 0;
}

body .toolbar .toolbar-right .toolbar-cart svg path {
    fill: none;
}
body .toolbar .toolbar-right .toolbar-account svg  {
    stroke:none;
}
body .toolbar .toolbar-right .toolbar-account svg path {
    fill: #363332;
}
body li.nav-item.dropdown.drop-norm .nav-item-link svg {
    display: none;
}
body .header-container {
    box-shadow: unset;
}
body .toolbar {
    justify-content: space-between;
}
body .toolbar:before{
    content:unset;
}
body .toolbar:after{
    content:unset;
}
body .main-search__container {
    min-width: 160px;
    max-width: 160px;
}
body .toolbar .toolbar-right {
    max-width: max-content;
}
body .nav-container {
    background-color: unset;
}
body nav.main-nav li.dropdown.open > a.nav-item-link {
    font-weight: 600;
    -webkit-text-stroke: unset;
}
body  .main-nav .nav-item .nav-item-link:hover {
    color: #5BB24C;
}
body .main-nav .nav-item.drop-norm {
padding-right: 0;
}
body .main-nav.align-center .nav-item.drop-norm .sub-nav {
    left: 0%;
    right: unset;
    border-radius: 7px;
    transform: unset;
}
body .main-nav .nav-item.drop-norm .sub-nav-inner {
    background: #ffffff !important;
    border-radius: 7px;
}
body .main-nav .nav-item.drop-norm .sub-nav .sub-nav-list {
    padding: 30px 25px;
    width: 100%;
    border-radius: 7px;
    max-width: 240px;
    min-width: 240px;
     background: #ffffff !important;
}
/* === Align fly-out first item with the hovered row text === */
/* Make each left-row a positioning context */
nav.main-nav .sub-nav .sub-nav-inner .sub-nav-list > li.sub-nav-item {
  position: relative !important;
}

/* Force the fly-out to sit to the right and use a CSS var for top */
nav.main-nav .sub-nav .sub-nav-inner .sub-nav-list > li.sub-nav-item.has-dropdown > .sub-sub-nav-list,
nav.main-nav .sub-nav .sub-nav-inner .sub-nav-list > li.sub-nav-item.has-dropdown > ul,
nav.main-nav .sub-nav .sub-nav-inner .sub-nav-list > li.sub-nav-item.has-dropdown > .dropdown,
nav.main-nav .sub-nav .sub-nav-inner .sub-nav-list > li.sub-nav-item.has-dropdown > .dropdown-menu,
nav.main-nav .sub-nav .sub-nav-inner .sub-nav-list > li.sub-nav-item.has-dropdown > .sub-nav {
  position: absolute !important;
  top: var(--flyout-top, 0px) !important; /* ← JS sets this per row */
  left: calc(100% - 12px) !important;    /* slight overlap; removes “gap” */
  right: auto !important;                /* kill theme's right:-105% */
  transform: none !important;            /* kill translateY */
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  display: block !important;
  z-index: 100001;
}

/* When row open/hovered, show the fly-out */
nav.main-nav .sub-nav .sub-nav-inner .sub-nav-list > li.sub-nav-item.has-dropdown:hover > *,
nav.main-nav .sub-nav .sub-nav-inner .sub-nav-list > li.sub-nav-item.has-dropdown.is-open > * {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

/* Ensure top-level dropdowns are positioned relative, not static */
nav.main-nav li.nav-item.dropdown { position: relative !important; }

}
body .main-nav .sub-nav .sub-nav-item-link {
    color: #363332;
    font-size: 15px;
    font-weight: 400;
        display: flex;
        gap: 5px;
    align-items: center;
    justify-content: space-between;
}
body .main-nav .sub-nav .sub-nav-item-link svg {
    fill: #363332;
    transform: rotate(270deg) !important;
}
body .main-nav .sub-nav .sub-nav-item-link:hover {
    color: #5BB24C;
    background-color: #FFFFFF !important;
}
body .main-nav .sub-nav .sub-nav-item-link:hover svg {
    fill: #5BB24C;
}
body .main-nav .sub-nav li {
    margin-bottom:10px;
}
body .main-nav .sub-nav li:nth-last-child(1) {
    margin-bottom:0px;
}
body nav.main-nav .sub-nav-list a:hover .sub-nav-item-link-title {
    font-weight: 400 !important;
    -webkit-text-stroke: unset !important;
}
.main-search .main-search-result .reduced-price {
    color: #5BB24C;
}
.main-search-result .product-label--sale span {
    background: #5BB24C;
}
body .main-search .main-search__results-all-link {
    color: #5BB24C;
}


@media(min-width:768px){
    body .main-search .main_search__popup {
    top:calc(100% - 10px)!important;
    min-width: 350px;
    max-width: 350px !important;
    right: -100% !important;
    left: unset !important;
}
}

@media(max-width:992px){
section.blog-section {
 display:none;
}
.page-footer .signup-row .extra-column.half.column {
    display: none;
}
body .page-footer {
    padding-top: 30px;
    padding-bottom: 30px;
}
body .page-footer .logo-column.column {
    margin-bottom: 40px;
}
body .page-footer .footer-lower {
    align-items: center;
    gap: 0;
    justify-content: center;
    flex-direction: column-reverse;
    margin: 0;
       
}
body .page-footer .footer-columns {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    width:calc(100% + 15px);
     padding-bottom: 0 !important;
}
body .footer-columns .links-column {
    max-width: 50%;
}
body .page-footer .footer-columns .links-column a {
    font-size: 14px;
}
.footer-columns .links-column .footer-link-head {
    font-size: 14px;
}
body .page-footer .localization.localization--footer {
    display: none;
}
body .page-footer .social-links .social-links__list {
    text-align: center;
    margin-bottom: 20px;
}
.page-footer .footer-lower .inline-item.left {
    margin: 0;
}
body .footer-columns .links-column:nth-child(2) {
    display: flex;
    flex-direction: column;
    
    align-items: flex-end;
}
body .footer-columns .links-column:nth-child(2) h3.footer-link-head {
    max-width: max-content;
    min-width: 120px;
}
body .footer-columns .links-column:nth-child(2)  ul {
    min-width: 120px;
}


body .footer-columns .links-column:nth-child(4) {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
}
body .footer-columns .links-column:nth-child(4) h3.footer-link-head {
    max-width: max-content;
    min-width: 120px;
}
body .footer-columns .links-column:nth-child(4)  ul {
    min-width: 120px;
}
}

@media(max-width:767px){
body .toolbar-container {
    background-color: #b8d79b80;
}
body .toolbar-left .toolbar-logo {
    margin-left: 0;
}
body .mobile-toolbar {
    margin-top: 4px;
    margin-left: 10px;
}
body  #mobile-nav a {
    color: #363332 !important;
}
body  #mobile-nav svg {
    color: #363332 !important;
}
body  #mobile-nav a:hover {
    color:#5BB24C !important;
}
body  #mobile-nav svg:hover {
    color:#5BB24C !important;
}
body .main-search__container {
    max-width: 100%;
}
.main-search .main-search__footer-buttons .main-search__results-close-link {
    color: #5BB24C;
    border-color: #5BB24C;
}
body .main-search .main-search__results-all-link {
    color: #ffffff;
    background: #5BB24C;
    border-color: #5BB24C;
}
a.menu-link.menu-link--deep {
    padding-top: 10px;
}
}

/* Level 4 flyout — products under Sprays (and any other {name}-submenu) */
nav.main-nav .sub-sub-nav-list {
  overflow: visible !important;
}
nav.main-nav .sub-sub-nav-list > li.sub-nav-item.has-submenu {
  position: relative !important;
}
nav.main-nav .sub-sub-nav-list > li.sub-nav-item.has-submenu > .sub-sub-nav-list--level4 {
  position: absolute !important;
  top: 0 !important;
  left: calc(100% + 4px) !important;
  right: auto !important;
  transform: none !important;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  display: block !important;
  z-index: 100002;
  background: #fff;
  border: none;
  border-radius: 7px;
  min-width: max-content;
  max-width: 400px;
  padding: 8px 0;
  box-shadow: 0 4px 16px rgba(0,0,0,0.08);
  list-style: none;
  margin: 0;
}
nav.main-nav .sub-sub-nav-list > li.sub-nav-item.has-submenu:hover > .sub-sub-nav-list--level4 {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}
nav.main-nav .sub-sub-nav-list--level4 > li.sub-nav-item {
  margin-bottom: 0 !important;
  padding: 0 !important;
}
nav.main-nav .sub-sub-nav-list--level4 > li.sub-nav-item > .sub-nav-item-link {
  padding: 8px 16px !important;
  display: block !important;
}