:root {
  --fg: #2b3e1c;
  --fg-hover: #7a866a;
  --bg: #f4f4e9;
}

body, h1, h2, h3, h4, h5, h6 {
  color: var(--fg) !important;
}

#header .logo > svg {
    fill: var(--fg) !important;
}

#header .logo > svg:hover {
    fill: var(--fg-hover) !important;
}

#header .menu > li > a,
#header .menu > li > a:hover,
#header .menu > li > a:focus,
#header .menu > li > a:active {
  color: var(--fg) !important;
}

#header .menu > li > a:hover,
#header .menu > li > a:focus,
#header .menu > li > a:active {
  color: var(--fg-hover) !important;
}

/* @media (max-width: 768px) {
    body.has-infobanner #more-mobile-menu2 {
        top: 73px;
    }

    body.admin-bar.has-infobanner #more-mobile-menu2 {
        top: 119px;
    }
} */

#navigation-mobile-menu2 .menu a {
  color: var(--fg);
}

#navigation-mobile-menu2 .menu a:hover,
#navigation-mobile-menu2 .menu a:focus,
#navigation-mobile-menu2 .menu a:active {
  color: var(--fg-hover);
}

#header .cart-links .ajax-cart-parts > .cart-link {
  color: var(--fg) !important;
}
#header .cart-links .ajax-cart-parts > .cart-link:hover,
#header .cart-links .ajax-cart-parts > .cart-link:focus,
#header .cart-links .ajax-cart-parts > .cart-link:active {
  color: var(--fg-hover) !important;
}

#header .cart-links .ajax-cart-parts > .cart-link > .icon > svg {
    fill: var(--fg) !important;
}


#more-mobile-menu2 .more-mobile-wrapper > i {
    background: var(--fg) !important;
}

#more-mobile-menu2 .more-mobile-wrapper > i:hover,
#more-mobile-menu2 .more-mobile-wrapper > i:focus,
#more-mobile-menu2 .more-mobile-wrapper > i:active {
    color: var(--fg-hover) !important;
}

body.scrolled #go-top {
    background: var(--fg) !important;
    border-color: var(--fg) !important;
}

body.scrolled #go-top:hover,
body.scrolled #go-top:focus,
body.scrolled #go-top:active {
    background: var(--fg-hover) !important;
}

.block-footer1 a {
    color: var(--fg) !important;
}

.block-footer1 a:hover,
.block-footer1 a:focus,
.block-footer1 a:active {
    color: var(--fg-hover) !important;
}

.block-products2 .sliders .slider .handle {
  background: var(--fg);
}

.block-products2 .sliders .slider .handle:hover,
.block-products2 .sliders .slider .handle:focus,
.block-products2 .sliders .slider .handle:active {
  background: var(--fg-hover);
}

.block-products2 .sliders .slider:before {
  background: var(--fg);
}

.block-products2 .btn-group > a {
  color: var(--fg) !important;
  border-color: var(--fg);
}

.block-products2 .btn-group > a:hover,
.block-products2 .btn-group > a:focus,
.block-products2 .btn-group > a:active {
    color: white !important;
    background: var(--fg);
    border-color: var(--fg);
}

.block-products2 .btn-group > a.checked {
    color: white !important;
    background: var(--fg);
}

.block-products2 .dropdown-select > .opener,
.block-products2 .dropdown-checkboxes > .opener {
    color: var(--fg) !important;
    border-color: var(--fg) !important;
}

.block-products2 .dropdown-select > .opener:after,
.block-products2 .dropdown-checkboxes > .opener:after {
    color: var(--fg) !important;
}

.block-products2 .dropdown-select > .opener.filled:after,
.block-products2 .dropdown-checkboxes > .opener.filled:after {
    color: white !important;
}

.block-products2 .dropdown-select > .opener:hover,
.block-products2 .dropdown-select > .opener:focus,
.block-products2 .dropdown-select > .opener:active,
.block-products2 .dropdown-select > .opener.filled,
.block-products2 .dropdown-checkboxes > .opener:hover,
.block-products2 .dropdown-checkboxes > .opener:focus,
.block-products2 .dropdown-checkboxes > .opener:active,
.block-products2 .dropdown-checkboxes > .opener.filled {
    color: white !important;
    background: var(--fg) !important;
    border-color: var(--fg) !important;
}

.block-products2 .sub-categories > a {
    white-space: nowrap;
    color: var(--fg) !important;
    border-color: var(--fg) !important;
}

.block-products2 .sub-categories {
    grid-column: span 3;
}

.block-products2 .sub-categories > a:hover, 
.block-products2 .sub-categories > a.selected {
    background: var(--fg) !important;
    color: white !important;
}

.block-products2 .dropdown-select > .dropdown-wrapper > .dropdown > li:not(.active) > a,
.block-products2 .dropdown-checkboxes > .dropdown-wrapper > .dropdown > li:not(.active) > a {
    color: var(--fg) !important;
}

.block-products2 .dropdown-select > .opener:hover:after,
.block-products2 .dropdown-select > .opener:focus:after,
.block-products2 .dropdown-select > .opener:active:after {
    color: white !important;
}

.block-products2 .dropdown-select > .dropdown-wrapper > .dropdown > li > a:hover,
.block-products2 .dropdown-select > .dropdown-wrapper > .dropdown > li > a:focus,
.block-products2 .dropdown-select > .dropdown-wrapper > .dropdown > li > a:active {
    color: white !important;
}

.block-products2 .dropdown-checkboxes > .opener:hover:after,
.block-products2 .dropdown-checkboxes > .opener:focus:after,
.block-products2 .dropdown-checkboxes > .opener:active:after {
    color: white !important;
}

.block-products2 .dropdown-checkboxes > .dropdown-wrapper > .dropdown label,
.block-products2 .dropdown-checkboxes > .dropdown-wrapper > .dropdown label:hover,
.block-products2 .dropdown-checkboxes > .dropdown-wrapper > .dropdown label:focus,
.block-products2 .dropdown-checkboxes > .dropdown-wrapper > .dropdown label:active {
    color: var(--fg);
}

.block-products2 .dropdown-checkboxes > .dropdown-wrapper > .dropdown input + .active-box {
    border-color: var(--fg);
}

.block-products2 .dropdown-checkboxes > .dropdown-wrapper > .dropdown input:checked + .active-box {
    border-color: var(--fg);
    background: var(--fg);
}

.block-products2 .dropdown-select.borderless > .opener,
.block-products2 .dropdown-select.borderless > .opener:hover,
.block-products2 .dropdown-select.borderless > .opener:focus,
.block-products2 .dropdown-select.borderless > .opener:active,
.block-products2 .dropdown-select.borderless > .opener.filled {
    color: var(--fg) !important;
    border-color: var(--fg) !important;
    background: transparent !important;
}

.block-products2 .dropdown-select.borderless > .opener:hover:after,
.block-products2 .dropdown-select.borderless > .opener:focus:after,
.block-products2 .dropdown-select.borderless > .opener:active:after {
    color: var(--fg) !important;
}

.block-products2 .dropdown-select.borderless > .opener.filled:after,
.block-products2 .dropdown-select.borderless > .opener.filled:hover:after,
.block-products2 .dropdown-select.borderless > .opener.filled:focus:after,
.block-products2 .dropdown-select.borderless > .opener.filled:active:after {
    color: var(--fg) !important;
}

.block-products2 .filters-desktop .search > .inputAndIcon > .searchInput {
    color: var(--fg) !important;
    border: 1px solid var(--fg) !important;
}

.block-products2 .dropdown-select > .dropdown-wrapper > .dropdown > li.active {
    background: var(--fg) !important;
}

.block-products2 ul.products > li, .block-products-recently-viewed2 ul.products > li {
    border-color: var(--fg) !important;
}

ul.products .product .woocommerce-LoopProduct-link > .product-item {
    color: var(--fg) !important;
}

.block-products2 .filters-desktop .search > .inputAndIcon > svg path {
    stroke: var(--fg) !important;
}

.block-products2 .info > .views > li > a.selected > svg {
    fill: var(--fg) !important;
}

.block-products2 .info > .views > li > a:hover > svg {
    fill: var(--fg) !important;
}

::-webkit-scrollbar-thumb {
    background: var(--fg) !important;
}

.choices > .choice > .price-and-button .pre-order-button, 
.choices > .choice > .price-and-button .plus-button {
    border: 1px solid var(--fg);
    background: var(--fg);
}

.choices > .choice > .price-and-button .pre-order-button:hover, 
.choices > .choice > .price-and-button .plus-button:hover {
    border: 1px solid var(--fg-hover);
    background: var(--fg-hover);
}

/* WooCommerce */
#header .cart-links .ajax-cart-parts.filled > .cart-link > .icon {
    /* color: white !important;
    fill: white !important;
    background: var(--fg) !important; */
}

#header .cart-links .ajax-cart-parts.filled > .cart-link > .icon > svg {
    fill: white !important;
}

.woocommerce-checkout-review-order-table tr.order-total > th, .cart-collaterals table tr.order-total > th {
    color: var(--fg) !important;
}


.newui input[type="radio"] {
    background: radial-gradient(ellipse at center, #f4f4e9 39%, #f4f4e9 54%, var(--fg) 57%, var(--fg) 69%, rgba(0, 0, 0, 0) 71%, rgba(0, 0, 0, 0) 72%, rgba(0, 0, 0, 0) 100%) !important;
}

.newui input[type="radio"]:checked {
    background: radial-gradient(ellipse at center, var(--fg) 0%, var(--fg) 37%, #f4f4e9 39%, #f4f4e9 54%, var(--fg) 57%, var(--fg) 69%, rgba(0, 0, 0, 0) 71%, rgba(0, 0, 0, 0) 72%, rgba(0, 0, 0, 0) 100%) !important;
}

.cart-items-card {
    border: 1px solid var(--fg) !important;
}

.button {
    color: var(--fg) !important;
    border-color: var(--fg) !important;
}

.button:hover,
.button:focus,
.button:active {
    color: white !important;
    background: var(--fg) !important;
    border-color: var(--fg) !important;
}

#place_order, a.checkout-button {
    color: white !important;
    border-color: var(--fg) !important;
    background: var(--fg) !important;
}

#place_order:hover, a.checkout-button:hover {
    color: white !important;
    border-color: var(--fg-hover) !important;
    background: var(--fg-hover) !important;
}


.shop_table.cart td.product-remove > a > .text {
    color: var(--fg) !important;
}

.shop_table.cart td.product-remove > a > .del-icon {
    color: var(--fg) !important;
}

select.quantity-select {
    color: var(--fg) !important;
    border-color: var(--fg) !important;
    background-color: #fff !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 50'%3E%3Cpolygon points='0,0 100,0 50,50' fill='%232b3e1c'/%3E%3C/svg%3E") !important;
    background-position: right 0.5em center !important;
    background-size: 0.75em !important;
    background-repeat: no-repeat !important;
}

select.quantity-select:after {
    background: var(--fg) !important;
    border-color: var(--fg) !important;
}

.newui textarea, .newui input[type="password"], .newui input[type="number"], .newui input[type="text"], .newui input[type="tel"], .newui input[type="email"] {
    color: var(--fg) !important;
}

.woocommerce-MyAccount-navigation > ul > li > a {
    color: var(--fg) !important;
}

.woocommerce-MyAccount-navigation > ul > li > a:hover {
    color: var(--fg-hover) !important;
}

.woocommerce-MyAccount-navigation > ul > li.is-active > a {
    color: var(--fg-hover) !important;
}

.woocommerce-MyAccount-navigation > ul > li > a:hover {
    color: var(--fg-hover) !important;
}

.choices > .choice > .price-and-button > .price {
    color: var(--fg) !important;
}

.swiper-button-prev:after, .swiper-button-next:after {
    color: var(--fg) !important;
}

.custom-close-button svg, .custom-zoom-button svg    {
    fill: var(--fg) !important;
}

.custom-close-button:hover svg, .custom-zoom-button:hover svg {
    fill: var(--fg-hover) !important;
}

.custom-close-button:focus svg, .custom-zoom-button:focus svg {
    fill: var(--fg-hover) !important;
}

.custom-close-button:active svg, .custom-zoom-button:active svg {
    fill: var(--fg-hover) !important;
}

.choices > .choice > .price-and-button .plus-button > .qty {
    background: var(--fg) !important;
    overflow: visible !important;
}

.newui textarea, .newui input[type="password"], .newui input[type="number"], .newui input[type="text"], .newui input[type="tel"], .newui input[type="email"] {
    border-color: var(--fg) !important;
}

input[type="submit"].more-link {
    color: var(--fg) !important;
    border-color: var(--fg) !important;
}

input[type="submit"].more-link:hover {
    color: white !important;
    background: var(--fg) !important;
    border-color: var(--fg) !important;
}

.small-grey .socmed-share > li > a > .img > svg, .small-grey .socmed-follow > li > a > .img > svg {
    fill: var(--fg) !important;
}

.small-grey .socmed-share > li > a > .txt, .small-grey .socmed-follow > li > a > .txt {
    color: var(--fg) !important;
}

/* infobanner */
.has-infobanner .wp-site-blocks,
.has-infobanner .block-header-mobile {
  overflow: hidden;
}

.has-infobanner .block-subnav {
  padding-top: 0;
}

.block-hero + .infobanner {
  margin-top: 0;
  margin-bottom: 2em;
}

@media screen and (min-width: 1000px) {
  .block-hero + .infobanner {
    display: none !important;
  }
}

.infobanner {
  position: relative;
  left: 50%;
  width: 100vw !important;
  max-width: 100vw !important;
  transform: translateX(-50%);
  color: var(--bg);
  background: var(--fg);
  overflow: hidden;
  white-space: nowrap;
  text-transform: uppercase;
  font-size: 0.75em;
  font-weight: 500;
}

.is-menu-open .infobanner {
  display: none !important;
}

.infobanner:hover .infobanner__track {
  animation-play-state: paused;
}

.infobanner a {
  color: var(--bg) !important;
  text-decoration: none;
}

.infobanner__track {
  display: inline-flex;
  gap: 0.5em;
  align-items: center;
  width: max-content;
  animation: infobanner-marquee 12s linear infinite;
}

@media (min-width: 768px) {
  .infobanner__track {
    animation-duration: 25s;
  }
}

@media (min-width: 1200px) {
  .infobanner__track {
    animation-duration: 35s;
  }
}

.infobanner__link {
  display: inline-flex;
  align-items: center;
  padding: 0.75em 0;
}

.infobanner__text::after {
  content: " • ";
}

@keyframes infobanner-marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100vw);
  }
}