/*
Theme Name: Rosarium Lottum - Pixel Creation
Theme URI: https://rosariumlottum.nl
Author: Pixel Creation
Author URI: https://www.pixelcreation.nl/
Description: Op maat gemaakt voor Rosarium Lottum door Pixel Creation
Version: 1.0
Text Domain: rosariumlottum-pix
*/
/* TODO: Fill in the correct information above */
/* TODO: Vervang de screenshot2.png */
/* This file is made for all your variables, think of colors you will use, basic spacing etc. */
/* Typography */
/* Colors */
html {
  scroll-behavior: smooth;
  overflow-x: hidden;
}

body {
  font-size: 18px;
  color: #333;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
  scroll-padding-top: 150px;
  font-display: swap;
}

/* ACCESSIBILITY */
.skip-links a {
  position: absolute;
  top: -100vh;
  left: -100vw;
  z-index: 9999;
  padding: 1.2rem 2rem;
  color: white;
  border-top: 2px solid white;
  border-right: 2px solid white;
  border-bottom: 2px solid white;
  background-color: #1d1d1d;
}
.skip-links a:focus {
  top: 8rem;
  left: 0;
}

a:focus-visible,
button:focus-visible {
  outline: 2px dotted black;
  z-index: 9999;
  outline-offset: 0;
  -webkit-box-shadow: 0 0 0 2px white;
  box-shadow: 0 0 0 2px white;
}

/* TYPOGRAPHY */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 800;
  font-family: "Playfair Display", serif;
}

p {
  font-size: 18px;
}

.mini-title {
  font-family: "Playfair Display", serif;
  color: #C94545;
}

.title {
  font-size: 55px;
}
@media screen and (max-width: 1199.98px) {
  .title {
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 991.98px) {
  .title {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 575.98px) {
  .title {
    font-size: 1.8rem;
  }
}

.h3 {
  font-weight: 700;
}

h1 {
  font-size: 32px;
}

h2 {
  font-size: 24px;
}

h3 {
  font-size: 20px;
}

@media (min-width: 576px) {
  h1 {
    font-size: 38px;
  }
  h2 {
    font-size: 28px;
  }
  h3 {
    font-size: 22px;
  }
}
@media (min-width: 768px) {
  h1 {
    font-size: 45px;
  }
  h2 {
    font-size: 30px;
  }
  h3 {
    font-size: 23px;
  }
}
@media (min-width: 992px) {
  h1 {
    font-size: 50px;
  }
  h2 {
    font-size: 32px;
  }
  h3 {
    font-size: 24px;
  }
}
@media (min-width: 1200px) {
  h1 {
    font-size: 55px;
  }
  h2 {
    font-size: 35px;
  }
  h3 {
    font-size: 25px;
  }
}
.text-primary {
  color: #5CA870 !important;
}
.text-secondary {
  color: #C94545 !important;
}

a {
  color: inherit;
}

.font-display {
  font-family: "Inter", sans-serif !important;
}

/* SECTIONS */
.wave-divider-top {
  position: relative;
  z-index: 2;
  margin-top: -1px;
  line-height: 0;
  width: 100%;
}
.wave-divider-top svg {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 500/150;
}
.wave-divider-top.fill-footer {
  fill: #3F6E35;
}
.wave-divider-top.fill-cta {
  fill: #E3F2E0;
}
.wave-divider-top.fill-secondary {
  fill: #C94545;
}
.wave-divider-top.fill-white {
  fill: white;
}
.wave-divider-top.flipped svg {
  transform: rotate(180deg);
}

.wave-divider-bottom {
  position: relative;
  z-index: 2;
  margin-bottom: -1px;
  line-height: 0;
  width: 100%;
}
.wave-divider-bottom svg {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 500/150;
}
.wave-divider-bottom.fill-footer {
  fill: #3F6E35;
}
.wave-divider-bottom.fill-cta {
  fill: #E3F2E0;
}
.wave-divider-bottom.fill-secondary {
  fill: #C94545;
}
.wave-divider-bottom.fill-white {
  fill: white;
}
.wave-divider-bottom.flipped svg {
  transform: rotate(180deg);
}

section,
footer {
  position: relative;
  padding: 100px 0;
}
@media (max-width: 772px) {
  section,
  footer {
    padding: 75px 0;
  }
}
section.first-section,
footer.first-section {
  padding-top: 4rem;
}
section .divider,
footer .divider {
  position: absolute;
  left: 0;
  width: 100%;
  height: 6vw;
  min-height: 50px;
  max-height: 180px;
  display: block;
  transform-origin: bottom;
  pointer-events: none;
  z-index: 2;
  top: auto;
  bottom: 96%;
}
@media (max-width: 772px) {
  section .divider,
  footer .divider {
    height: 60px;
    bottom: 92%;
  }
}
@media (min-width: 1600px) {
  section .divider,
  footer .divider {
    bottom: 90%;
  }
}
section .divider.has-line,
footer .divider.has-line {
  z-index: 3;
}
section .divider.bottom,
footer .divider.bottom {
  top: auto;
  bottom: 5%;
  transform: scaleY(-1) scaleX(-1);
}
section .divider ~ .container,
footer .divider ~ .container {
  position: relative;
  z-index: 2;
}
section.section-sm,
footer.section-sm {
  padding: 2rem 0;
}
section.section-xl,
footer.section-xl {
  padding: 8rem 0;
}
section.section-xs,
footer.section-xs {
  padding: 1rem 0;
}
section.section-zero,
footer.section-zero {
  padding: 0;
}
section.first-section,
footer.first-section {
  padding-top: 150px;
}
@media (max-width: 763px) {
  section.first-section,
  footer.first-section {
    padding-top: 90px;
  }
}

.bg-cta {
  background-color: #E3F2E0;
  color: #333;
}
.bg-cta .fancy-text {
  color: #fff !important;
}
.bg-cta-faded {
  background-color: rgb(226.9677419355, 242.0483870968, 223.9516129032);
  color: #333;
}
.bg-cta-faded .fancy-text {
  color: #61B650 !important;
}
.bg-primary {
  background-color: #5CA870 !important;
  color: #fff;
}
.bg-secondary {
  background-color: #C94545 !important;
}
.bg-secondary h1, .bg-secondary h2, .bg-secondary h3, .bg-secondary h4 {
  color: #FFFFFF !important;
}
.bg-tertiary {
  background-color: #2E7942;
  color: #fff;
}
.bg-footer {
  background-color: #3F6E35;
  color: #fff;
}
.bg-white {
  background-color: #fff;
  color: #333;
}
.bg-white .divider {
  color: #fff;
}
.bg-white .divider path {
  fill: #fff !important;
}

.flowers {
  background-color: unset;
  background-image: url(images/rosa-bg.svg);
  background-repeat: no-repeat;
  background-size: 15rem;
  background-position: left 0 bottom 0;
}

.btn, .section-account .woocommerce-MyAccount-content .woocommerce-OrdersTable .button,
.section-account .woocommerce-MyAccount-content .woocommerce-MyAccount-downloads .button, .section-account .woocommerce-MyAccount-content .woocommerce-EditAccountForm button.button,
.section-account .woocommerce-MyAccount-content .woocommerce-address-fields button.button,
.section-account .woocommerce-MyAccount-content .login button.button,
.section-account .woocommerce-MyAccount-content .register button.button {
  transition: all 0.2s ease-in-out;
  line-height: 48px;
  border-radius: 50px;
  padding: 0.2rem 1.6rem;
  font-weight: 700;
  font-size: 18px;
  -webkit-tap-highlight-color: transparent;
}
@media (max-width: 771px) {
  .btn, .section-account .woocommerce-MyAccount-content .woocommerce-OrdersTable .button,
  .section-account .woocommerce-MyAccount-content .woocommerce-MyAccount-downloads .button, .section-account .woocommerce-MyAccount-content .woocommerce-EditAccountForm button.button,
  .section-account .woocommerce-MyAccount-content .woocommerce-address-fields button.button,
  .section-account .woocommerce-MyAccount-content .login button.button,
  .section-account .woocommerce-MyAccount-content .register button.button {
    line-height: 36px;
  }
}
.btn.btn-xs, .section-account .woocommerce-MyAccount-content .woocommerce-OrdersTable .btn.button,
.section-account .woocommerce-MyAccount-content .woocommerce-MyAccount-downloads .btn.button, .section-account .woocommerce-MyAccount-content .woocommerce-OrdersTable .btn-xs.button, .section-account .woocommerce-MyAccount-content .woocommerce-OrdersTable .button,
.section-account .woocommerce-MyAccount-content .woocommerce-OrdersTable .woocommerce-MyAccount-downloads .button,
.section-account .woocommerce-MyAccount-content .woocommerce-MyAccount-downloads .woocommerce-OrdersTable .button,
.section-account .woocommerce-MyAccount-content .woocommerce-MyAccount-downloads .btn-xs.button,
.section-account .woocommerce-MyAccount-content .woocommerce-MyAccount-downloads .button, .section-account .woocommerce-MyAccount-content .woocommerce-EditAccountForm button.btn-xs.button, .section-account .woocommerce-MyAccount-content .woocommerce-EditAccountForm .woocommerce-OrdersTable button.button, .section-account .woocommerce-MyAccount-content .woocommerce-OrdersTable .woocommerce-EditAccountForm button.button,
.section-account .woocommerce-MyAccount-content .woocommerce-EditAccountForm .woocommerce-MyAccount-downloads button.button,
.section-account .woocommerce-MyAccount-content .woocommerce-MyAccount-downloads .woocommerce-EditAccountForm button.button,
.section-account .woocommerce-MyAccount-content .woocommerce-address-fields button.btn-xs.button,
.section-account .woocommerce-MyAccount-content .woocommerce-address-fields .woocommerce-OrdersTable button.button,
.section-account .woocommerce-MyAccount-content .woocommerce-OrdersTable .woocommerce-address-fields button.button,
.section-account .woocommerce-MyAccount-content .woocommerce-address-fields .woocommerce-MyAccount-downloads button.button,
.section-account .woocommerce-MyAccount-content .woocommerce-MyAccount-downloads .woocommerce-address-fields button.button,
.section-account .woocommerce-MyAccount-content .login button.btn-xs.button,
.section-account .woocommerce-MyAccount-content .login .woocommerce-OrdersTable button.button,
.section-account .woocommerce-MyAccount-content .woocommerce-OrdersTable .login button.button,
.section-account .woocommerce-MyAccount-content .login .woocommerce-MyAccount-downloads button.button,
.section-account .woocommerce-MyAccount-content .woocommerce-MyAccount-downloads .login button.button,
.section-account .woocommerce-MyAccount-content .register button.btn-xs.button,
.section-account .woocommerce-MyAccount-content .register .woocommerce-OrdersTable button.button,
.section-account .woocommerce-MyAccount-content .woocommerce-OrdersTable .register button.button,
.section-account .woocommerce-MyAccount-content .register .woocommerce-MyAccount-downloads button.button,
.section-account .woocommerce-MyAccount-content .woocommerce-MyAccount-downloads .register button.button {
  padding: 0.4rem 1rem;
  font-size: 1rem;
  line-height: 1.2;
}
.btn.btn-lg, .section-account .woocommerce-MyAccount-content .woocommerce-OrdersTable .btn-lg.button,
.section-account .woocommerce-MyAccount-content .woocommerce-MyAccount-downloads .btn-lg.button, .section-account .woocommerce-MyAccount-content .woocommerce-EditAccountForm button.btn-lg.button,
.section-account .woocommerce-MyAccount-content .woocommerce-address-fields button.btn-lg.button,
.section-account .woocommerce-MyAccount-content .login button.btn-lg.button,
.section-account .woocommerce-MyAccount-content .register button.btn-lg.button {
  padding: 0.6rem 2.2rem;
  font-size: 1.25rem;
  line-height: 56px;
}
.btn-primary {
  background-color: #5CA870;
  border-color: #5CA870;
  color: #fff;
}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary:active:focus {
  background-color: rgb(72.732, 136.268, 89.452) !important;
  border-color: rgb(72.732, 136.268, 89.452) !important;
  color: #fff;
  text-decoration: none;
  box-shadow: none !important;
}
.btn-primary-outline {
  background-color: transparent;
  border: #5CA870 solid 2px;
  color: #5CA870;
  transition: all 0.2s ease-in-out;
}
.btn-primary-outline:hover {
  background-color: #5CA870;
  border: #5CA870 solid 2px;
  color: white;
}
.btn-cta {
  background-color: #61B650;
  color: #fff;
  border: none;
}
.btn-cta:hover {
  background-color: rgb(76.5725806452, 148.8911290323, 62.1088709677);
  color: #fff;
  text-decoration: none;
}
.btn-secondary, .section-account .woocommerce-MyAccount-content .woocommerce-OrdersTable .button,
.section-account .woocommerce-MyAccount-content .woocommerce-MyAccount-downloads .button, .section-account .woocommerce-MyAccount-content .woocommerce-EditAccountForm button.button,
.section-account .woocommerce-MyAccount-content .woocommerce-address-fields button.button,
.section-account .woocommerce-MyAccount-content .login button.button,
.section-account .woocommerce-MyAccount-content .register button.button {
  background-color: #C94545;
  color: #fff;
  border: none;
}
.btn-secondary:hover, .section-account .woocommerce-MyAccount-content .woocommerce-OrdersTable .button:hover,
.section-account .woocommerce-MyAccount-content .woocommerce-MyAccount-downloads .button:hover, .section-account .woocommerce-MyAccount-content .woocommerce-EditAccountForm button.button:hover,
.section-account .woocommerce-MyAccount-content .woocommerce-address-fields button.button:hover,
.section-account .woocommerce-MyAccount-content .login button.button:hover,
.section-account .woocommerce-MyAccount-content .register button.button:hover, .btn-secondary:active, .section-account .woocommerce-MyAccount-content .woocommerce-OrdersTable .button:active,
.section-account .woocommerce-MyAccount-content .woocommerce-MyAccount-downloads .button:active, .section-account .woocommerce-MyAccount-content .woocommerce-EditAccountForm button.button:active,
.section-account .woocommerce-MyAccount-content .woocommerce-address-fields button.button:active,
.section-account .woocommerce-MyAccount-content .login button.button:active,
.section-account .woocommerce-MyAccount-content .register button.button:active, .btn-secondary:focus, .section-account .woocommerce-MyAccount-content .woocommerce-OrdersTable .button:focus,
.section-account .woocommerce-MyAccount-content .woocommerce-MyAccount-downloads .button:focus, .section-account .woocommerce-MyAccount-content .woocommerce-EditAccountForm button.button:focus,
.section-account .woocommerce-MyAccount-content .woocommerce-address-fields button.button:focus,
.section-account .woocommerce-MyAccount-content .login button.button:focus,
.section-account .woocommerce-MyAccount-content .register button.button:focus, .btn-secondary:active:focus {
  background-color: rgb(169.725, 49.275, 49.275) !important;
  border-color: rgb(169.725, 49.275, 49.275) !important;
  color: #fff;
  text-decoration: none;
  box-shadow: none !important;
}
.btn-secondary-outline {
  background-color: transparent;
  border: #C94545 solid 2px;
  color: #C94545;
  transition: all 0.2s ease-in-out;
}
.btn-secondary-outline:hover {
  background-color: #C94545;
  border: #C94545 solid 2px;
  color: white;
}
.btn-tertiary {
  background-color: #2E7942;
  color: #fff;
  border: none;
}
.btn-tertiary:hover {
  background-color: rgb(31.9520958084, 84.0479041916, 45.8443113772);
  color: #fff;
  text-decoration: none;
}
.btn-text:hover {
  text-decoration: underline;
}

.btn.disabled, .section-account .woocommerce-MyAccount-content .woocommerce-OrdersTable .disabled.button,
.section-account .woocommerce-MyAccount-content .woocommerce-MyAccount-downloads .disabled.button, .section-account .woocommerce-MyAccount-content .woocommerce-EditAccountForm button.disabled.button,
.section-account .woocommerce-MyAccount-content .woocommerce-address-fields button.disabled.button,
.section-account .woocommerce-MyAccount-content .login button.disabled.button,
.section-account .woocommerce-MyAccount-content .register button.disabled.button, .btn:disabled, .section-account .woocommerce-MyAccount-content .woocommerce-OrdersTable .button:disabled,
.section-account .woocommerce-MyAccount-content .woocommerce-MyAccount-downloads .button:disabled, .section-account .woocommerce-MyAccount-content .woocommerce-EditAccountForm button.button:disabled,
.section-account .woocommerce-MyAccount-content .woocommerce-address-fields button.button:disabled,
.section-account .woocommerce-MyAccount-content .login button.button:disabled,
.section-account .woocommerce-MyAccount-content .register button.button:disabled, fieldset:disabled .btn, fieldset:disabled .section-account .woocommerce-MyAccount-content .woocommerce-OrdersTable .button, .section-account .woocommerce-MyAccount-content .woocommerce-OrdersTable fieldset:disabled .button,
fieldset:disabled .section-account .woocommerce-MyAccount-content .woocommerce-MyAccount-downloads .button,
.section-account .woocommerce-MyAccount-content .woocommerce-MyAccount-downloads fieldset:disabled .button, fieldset:disabled .section-account .woocommerce-MyAccount-content .woocommerce-EditAccountForm button.button, .section-account .woocommerce-MyAccount-content .woocommerce-EditAccountForm fieldset:disabled button.button,
fieldset:disabled .section-account .woocommerce-MyAccount-content .woocommerce-address-fields button.button,
.section-account .woocommerce-MyAccount-content .woocommerce-address-fields fieldset:disabled button.button,
fieldset:disabled .section-account .woocommerce-MyAccount-content .login button.button,
.section-account .woocommerce-MyAccount-content .login fieldset:disabled button.button,
fieldset:disabled .section-account .woocommerce-MyAccount-content .register button.button,
.section-account .woocommerce-MyAccount-content .register fieldset:disabled button.button {
  color: var(--bs-btn-disabled-color);
  pointer-events: none;
  background-color: #C94545;
  border-color: #C94545;
  opacity: 1;
}

/* BLOCKS */
.block {
  padding: 2rem;
}
.block.block-grey {
  background-color: #ececec;
}

.tekst-blok .tekst-content p:last-child {
  margin-bottom: 0;
}
.tekst-blok .tekst-content img {
  max-width: 100%;
  height: auto;
  border-radius: 50px;
}

/* HEADER */
#nav-actions svg path {
  stroke-width: 2;
}
#nav-actions .language-switcher .wpml-ls-legacy-dropdown-click {
  width: min-content;
  scale: 1.15;
}
#nav-actions .language-switcher .wpml-ls-legacy-dropdown-click .wpml-ls-item-toggle {
  width: min-content;
  border: none;
  font-weight: 600;
}

.navbar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  max-width: 100%;
  margin: 0;
  z-index: 999;
  transition: all 0.2s ease-in-out;
  background-color: white;
  box-sizing: border-box;
  padding: 16px;
}
.navbar .search-mini {
  font-size: 10px;
}
@media (max-width: 992px) {
  .navbar .search-mini {
    font-size: 18px;
  }
}
.navbar .navbar-toggler {
  position: relative;
  border: none !important;
  padding: 0;
}
.navbar .navbar-toggler:focus {
  box-shadow: unset;
}
.navbar .navbar-toggler .bar1,
.navbar .navbar-toggler .bar2,
.navbar .navbar-toggler .bar3 {
  width: 30px;
  height: 2px;
  margin: 6px 0;
  transition: 0.3s;
  border: none;
  border-radius: 30px;
  background-color: #61B650;
}
.navbar .navbar-toggler .change .bar1 {
  -webkit-transform: rotate(-45deg) translate(-4px, 3px);
  transform: rotate(-45deg) translate(-3px, 3px);
}
.navbar .navbar-toggler .change .bar2 {
  opacity: 0;
}
.navbar .navbar-toggler .change .bar3 {
  -webkit-transform: rotate(45deg) translate(-8px, -8px);
  transform: rotate(45deg) translate(-8px, -8px);
}
.navbar .navbar-brand {
  min-width: 10rem;
  max-width: 15rem;
  z-index: 1001;
}
.navbar .navbar-brand picture img {
  max-width: 15rem;
}
@media (max-width: 991.98px) {
  .navbar .navbar-brand {
    position: absolute;
    margin: 0 !important;
    max-width: 10rem;
  }
}
.navbar .navbar-nav {
  padding: 20px;
  position: relative;
}
@media (max-width: 991.98px) {
  .navbar .navbar-nav {
    width: 100%;
    text-align: center;
    padding: 2rem 0;
  }
}
.navbar .navbar-nav li {
  display: inline-block;
}
@media (max-width: 991.98px) {
  .navbar .navbar-nav li {
    display: block;
    width: 100%;
  }
}
.navbar .navbar-nav .nav-link {
  font-style: normal;
  font-weight: 600;
  padding: 0 10px;
  font-size: 16px;
  color: #333 !important;
  hyphens: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  overflow-wrap: break-word;
}
@media (max-width: 991.98px) {
  .navbar .navbar-nav .nav-link {
    padding: 10px 0;
    white-space: normal;
  }
}
.navbar .navbar-nav .nav-link:hover {
  color: #61B650;
}
.navbar .navbar-nav .nav-link.contrast {
  color: #FFFFFF;
}
.navbar .navbar-nav .dropdown {
  position: inherit;
}
.navbar .navbar-nav .mega-menu {
  position: fixed;
  left: 50%;
  transform: translate(-50%, -12px);
  width: 100vw;
  background: #fafafa;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  padding: 20px 0;
  z-index: 99;
  margin-top: 2rem;
  border-bottom-right-radius: 25px;
  border-bottom-left-radius: 25px;
  transition: opacity 0.2s ease, transform 0.3s ease, visibility 0.3s;
}
.navbar .navbar-nav .mega-menu a {
  text-decoration: none;
  font-size: 1.25rem;
}
.navbar .navbar-nav .mega-menu h5 {
  font-size: 1.5rem;
}
.navbar .navbar-nav .mega-menu.active {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, 0);
  pointer-events: auto;
}
.navbar .navbar-nav .mega-menu.active .wrapper {
  height: 100%;
  padding: 1.5rem 0;
}
.navbar .navbar-nav .mega-menu.active .wrapper a {
  color: black;
  text-decoration: none !important;
}
.navbar .navbar-nav .mega-menu.active .wrapper a:hover {
  color: #61B650;
}
@media (max-width: 991.98px) {
  .navbar .navbar-nav .mega-menu {
    position: relative;
    left: 0;
    transform: none !important;
    width: 100%;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    background: transparent;
    border-radius: 0;
    margin: 0;
    padding: 0;
    display: none;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
  }
  .navbar .navbar-nav .mega-menu.active {
    display: block;
    max-height: 1000px;
  }
  .navbar .navbar-nav .mega-menu .container {
    padding: 0;
  }
  .navbar .navbar-nav .mega-menu .container .row {
    margin: 0;
  }
  .navbar .navbar-nav .mega-menu .container .row .col-12 {
    padding: 5px 0;
  }
  .navbar .navbar-nav .mega-menu .category-card {
    min-height: 80px;
    margin-bottom: 10px;
  }
  .navbar .navbar-nav .mega-menu .category-card h5 {
    font-size: 1rem;
  }
  .navbar .navbar-nav .mega-menu .d-lg-none {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 0.5rem;
    display: block;
  }
}
.navbar .navbar-nav .mega-menu .category-card {
  transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
  background-size: cover;
  background-position: center;
  min-height: 125px;
  border-radius: 25px;
  position: relative;
  overflow: hidden;
}
.navbar .navbar-nav .mega-menu .category-card .card-overlay {
  transition: opacity 0.25s ease;
}
.navbar .navbar-nav .mega-menu a:hover .category-card {
  transform: translateY(-8px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1) !important;
}
.navbar .navbar-nav .mega-menu a:hover h5 {
  color: #61B650 !important;
}
.navbar .navbar-nav .mega-menu .row {
  justify-content: center;
  align-items: flex-start;
}
.navbar {
  /* MOBILE COLLAPSE REFINEMENT */
}
@media (max-width: 991.98px) {
  .navbar .navbar-collapse {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: white;
    z-index: 1000;
    padding: 80px 30px 40px;
    display: flex !important;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    overflow-y: auto;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-20px);
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .navbar .navbar-collapse.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
  .navbar .navbar-collapse .navbar-nav {
    width: 100%;
    text-align: left;
  }
  .navbar .navbar-collapse .navbar-nav .nav-item {
    margin-bottom: 5px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  }
  .navbar .navbar-collapse .navbar-nav .nav-item:last-child {
    border-bottom: none;
  }
  .navbar .navbar-collapse .navbar-nav .nav-item .nav-link {
    font-size: 24px;
    font-weight: 700;
    color: #333 !important;
    padding: 10px 0;
  }
  .navbar .navbar-collapse .navbar-nav .nav-item .nav-link i {
    font-size: 16px;
    margin-left: 5px;
  }
  .navbar .navbar-collapse #nav-actions {
    width: 100%;
    border-top: 2px solid #eee;
    padding-top: 2.5rem;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 1.5rem !important;
  }
  .navbar .navbar-collapse #nav-actions .dgwt-wcas-search-wrapp {
    width: 100% !important;
    max-width: 350px;
  }
  .navbar .navbar-collapse #nav-actions .language-switcher {
    margin-top: 10px;
  }
  .navbar .navbar-toggler {
    z-index: 1001;
  }
  .navbar .cart-icon {
    z-index: 1001;
    font-size: 1.3rem;
  }
  .navbar .cart-icon .cart-count {
    width: 18px;
    height: 18px;
    font-size: 0.7rem;
    top: -8px;
    right: -8px;
  }
}
.navbar {
  /* RIGHT SIDE OF THE NAVBAR */
}
.navbar .dgwt-wcas-search-icon {
  margin-bottom: 8px;
}
.navbar .dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon {
  margin: 0;
}
.navbar #dgwt-wcas-search-input-1 {
  border-radius: 12rem;
  width: 100%;
}
.navbar #dgwt-wcas-search-input-1:focus {
  border: 1px solid #61B650;
  outline: none;
}
.navbar .cart-icon {
  position: relative;
  font-size: 1.5rem;
  color: black;
  transition: color 0.3s ease;
}
.navbar .cart-icon:hover {
  color: #61B650;
  text-decoration: none;
}
.navbar .cart-icon .cart-count {
  position: absolute;
  top: -10px;
  right: -10px;
  background-color: #2E7942;
  color: white;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8rem;
  font-weight: 600;
}

.card {
  padding: 1.5rem;
  border-radius: 25px;
  border: none;
  display: flex;
  flex-direction: column;
}
.card .card-body {
  flex: 1 1 auto;
}
.card .card-footer {
  padding: 0;
  margin-top: auto;
}
.card.card-green {
  background-color: #effcee;
}
.card.card-green h1,
.card.card-green h2,
.card.card-green h3,
.card.card-green h4,
.card.card-green h5,
.card.card-green h6 {
  color: #000;
}
.card.card-green .title {
  font-size: 1.75rem;
  font-weight: 700;
}
.card.card-dark-green {
  background-color: #3F6E35;
  color: #fff;
}
.card.card-dark-green h1,
.card.card-dark-green h2,
.card.card-dark-green h3,
.card.card-dark-green h4,
.card.card-dark-green h5,
.card.card-dark-green h6 {
  color: #fff;
}
.card.card-dark-green .title {
  font-size: 1.75rem;
  font-weight: 700;
}
.card.card-header {
  background-color: inherit;
}
.card .card-body {
  padding: 1rem 0;
}

/* MISC */
.iterator {
  margin-right: 2rem;
  position: relative;
  text-align: right;
  font-size: 2rem;
  font-family: "Playfair Display", serif;
  font-weight: 800;
  top: 0;
}
.iterator.left {
  text-align: left;
  margin-right: unset;
  margin-left: 0;
}
.iterator .bigger {
  font-size: 3.5rem;
}

/* HERO */
.hero {
  position: relative;
  height: 100%;
}
.hero .owl-carousel-hero {
  height: 100%;
}
.hero .owl-carousel-hero .item {
  position: relative;
  padding-top: 3rem;
  padding-bottom: 4rem;
  height: 40vh;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  color: #fff;
  backdrop-filter: blur(10px);
}
@media (min-width: 763px) {
  .hero .owl-carousel-hero .item {
    height: 75vh;
  }
}
@media (min-width: 991px) {
  .hero .owl-carousel-hero .item {
    height: 90vh;
    padding-top: 7rem;
  }
}
.hero .owl-carousel-hero .item > * {
  position: relative;
  z-index: 1;
}
.hero .owl-carousel-hero .owl-nav {
  position: absolute;
  top: 55%;
  transform: translateY(-50%);
  width: 100%;
  display: flex;
  justify-content: space-between;
  pointer-events: none;
  z-index: 100;
  padding: 0 2rem;
}
@media (max-width: 768px) {
  .hero .owl-carousel-hero .owl-nav {
    padding: 0 1rem;
  }
}
.hero .owl-carousel-hero .owl-nav button {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.45) !important;
  color: #C94545 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  transition: all 0.3s ease;
  pointer-events: auto;
  border: none;
  backdrop-filter: blur(5px);
}
.hero .owl-carousel-hero .owl-nav button:hover {
  background: rgba(255, 255, 255, 0.9) !important;
  transform: scale(1.1);
}
.hero .owl-carousel-hero .owl-nav button i {
  line-height: 1;
}
.hero .card {
  width: 60%;
  z-index: 5;
  position: absolute;
  left: 50%;
  bottom: 15%;
  transform: translate(-50%, 50%);
}
.hero .card .small {
  font-size: 18px;
  font-weight: 700;
}
.hero .card p:nth-child(1) {
  margin-bottom: 0 !important;
}
.hero .card p {
  color: #2B2B2B;
}
@media screen and (max-width: 991px) {
  .hero .card {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 50%);
    width: 90%;
    z-index: 5;
  }
}

/* Category header */
.hero.hero-category {
  min-height: 40vh;
  height: auto !important;
  padding: 3rem 0;
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (max-width: 576px) {
  .hero.hero-category {
    min-height: 600px;
  }
}
.hero.hero-category.shorter {
  min-height: 70vh;
}
.hero.hero-category {
  /* Override generic hero card styles for static flow */
}
.hero.hero-category .card {
  position: absolute;
  top: auto;
  left: auto;
  transform: none;
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  bottom: -100px;
}
.hero.hero-category .card.alter {
  bottom: -50px;
}

#usps .icon-wrapper {
  width: 49.986px;
  height: 45.043px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
}
#usps p {
  text-align: center;
  font-weight: 700;
  font-family: "Playfair Display", serif;
}

.py-10 {
  padding: 125px 0;
}

#category_columns {
  overflow: hidden;
}
#category_columns .owl-carousel-slider,
#category_columns .owl-carousel-slider-loop {
  overflow: visible;
}
#category_columns .owl-carousel-slider .owl-stage,
#category_columns .owl-carousel-slider-loop .owl-stage {
  display: flex;
  overflow: visible;
}
#category_columns .owl-carousel-slider .owl-item,
#category_columns .owl-carousel-slider-loop .owl-item {
  flex: 0 0 auto;
}
#category_columns .owl-carousel-slider .owl-nav,
#category_columns .owl-carousel-slider-loop .owl-nav {
  position: absolute;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
  display: flex;
  justify-content: space-between;
  pointer-events: none;
}
#category_columns .owl-carousel-slider .item,
#category_columns .owl-carousel-slider-loop .item {
  overflow: hidden;
  border-radius: 12.5px;
  transition: 0.19s ease-in-out;
}
#category_columns .owl-carousel-slider .item a,
#category_columns .owl-carousel-slider-loop .item a {
  text-decoration: none;
}
#category_columns .owl-carousel-slider .item a .card,
#category_columns .owl-carousel-slider-loop .item a .card {
  width: 15rem;
  aspect-ratio: 1/1;
}
@media (min-width: 771px) {
  #category_columns .owl-carousel-slider .item a .card,
  #category_columns .owl-carousel-slider-loop .item a .card {
    width: 20rem;
  }
}
@media (min-width: 1200px) {
  #category_columns .owl-carousel-slider .item a .card,
  #category_columns .owl-carousel-slider-loop .item a .card {
    width: 25rem;
  }
}
#category_columns .owl-carousel-slider .item a .card .arrow,
#category_columns .owl-carousel-slider-loop .item a .card .arrow {
  position: absolute;
  bottom: 6px;
  right: 6px;
  border-radius: 50%;
  background-color: white;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
#category_columns .owl-carousel-slider .item a .card .arrow i,
#category_columns .owl-carousel-slider-loop .item a .card .arrow i {
  font-size: 1rem;
  color: #C94545;
}
#category_columns .owl-carousel-slider .item a .card p,
#category_columns .owl-carousel-slider-loop .item a .card p {
  font-weight: 600;
  font-size: 22px;
}
@media screen and (max-width: 763px) {
  #category_columns .owl-carousel-slider .item a .card p,
  #category_columns .owl-carousel-slider-loop .item a .card p {
    font-size: 16px;
  }
}
#category_columns .owl-carousel-slider .item a .card img,
#category_columns .owl-carousel-slider-loop .item a .card img {
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
  object-position: center;
  transition: all 0.5s ease;
}

#review_carousel .reviews {
  padding-top: 1rem;
  width: calc(100% + (100vw - 100%) / 2);
  margin-right: calc((100vw - 100%) / -2);
}
#review_carousel .reviews .ti-reviews-container-wrapper {
  overflow: hidden;
}
#review_carousel .reviews .ti-widget {
  max-width: none !important;
  width: 100% !important;
  z-index: 10;
  position: relative;
}
#review_carousel .reviews .ti-widget .ti-container {
  max-width: none !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
}
#review_carousel .reviews .ti-review-text-container,
#review_carousel .reviews .ti-read-more,
#review_carousel .reviews .ti-name {
  font-family: "Inter", sans-serif !important;
}
#review_carousel .reviews .ti-stars {
  margin-top: -0.5rem !important;
}
#review_carousel .reviews .ti-stars .ti-star {
  filter: invert(34%) sepia(87%) saturate(3015%) hue-rotate(331deg) brightness(70%) contrast(97%);
}
#review_carousel .reviews .ti-read-more {
  margin-bottom: 2rem;
}
#review_carousel .reviews .ti-review-header {
  position: absolute;
  bottom: 0;
}
#review_carousel .reviews .ti-review-header .ti-name {
  padding-bottom: 1rem;
}
#review_carousel .reviews .pattern-rose .rose {
  position: absolute;
}
#review_carousel .reviews .pattern-rose .rose.rose-0 {
  bottom: -2rem;
  left: -3rem;
  rotate: -25deg;
}
#review_carousel .reviews .pattern-rose .rose.rose-1 {
  left: 50%;
  transform: rotate(15deg) translateX(-50%);
  top: 0;
}
#review_carousel .reviews .pattern-rose .rose.rose-2 {
  left: 60%;
  transform: rotate(-15deg) translateX(-50%);
  bottom: -3rem;
}
#review_carousel .reviews .pattern-rose .rose.rose-3 {
  right: 10%;
  transform: rotate(-15deg) translateX(-50%);
  top: 0;
}
#review_carousel .reviews .pattern-rose .rose.rose-4 {
  right: -1rem;
  transform: rotate(25deg);
  bottom: -3rem;
}

#text_banner .card {
  position: relative;
  z-index: 3;
}
#text_banner .card a {
  font-size: 1.2rem;
}

#text_image .big-img {
  aspect-ratio: 4/3;
  width: 100%;
  height: 100%;
  background-position: top center !important;
  border-radius: 50px;
}
@media (max-width: 991px) {
  #text_image .big-img {
    aspect-ratio: 16/9;
  }
}
#text_image .absolute-rose {
  position: absolute;
  bottom: 0;
  left: 0;
}
#text_image .atmosphere-img.rounded-right {
  border-radius: 0 0 6rem 0;
}
#text_image .atmosphere-img.rounded-left {
  border-radius: 0 0 0 6rem;
}
@media (max-width: 991px) {
  #text_image .atmosphere-img {
    max-height: 400px;
    object-fit: cover;
  }
}

#text_in_image {
  position: relative;
}
#text_in_image .wrapper {
  background-color: #E3F2E0;
  border-radius: 50px;
  padding: 2.5rem;
}

#page_switcher .card {
  position: relative;
  line-height: 48px;
  border-radius: 50px;
}
#page_switcher .card .excerpt {
  min-height: 12rem;
  max-height: 12rem;
}
@media (max-width: 1200px) {
  #page_switcher .card .excerpt {
    max-height: unset;
  }
}
#page_switcher img {
  aspect-ratio: 3/4;
  object-fit: cover;
  border-radius: 50px;
}

/* BLOG */
.blog {
  display: block;
  color: #333;
  background-color: #fff;
  height: 100%;
  text-decoration: none;
}
.blog .blog-photo {
  height: 13rem;
  overflow: hidden;
}
.blog .blog-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: all 0.5s ease;
}
.blog .blog-content {
  padding: 2rem;
}
.blog:hover {
  text-decoration: none;
  color: #333;
}
.blog:hover .blog-photo img {
  transform: scale(1.1);
}

/* FOOTER */
#mailinglist .mailing-card h4 {
  text-decoration: none;
  font-weight: 600;
  margin-bottom: 1rem;
}
#mailinglist .mailing-card .inputs {
  gap: 1rem;
  margin-top: 4rem;
}
#mailinglist .mailing-card .inputs input {
  padding: 1rem 1.5rem;
  border-radius: 50px;
  border: #5CA870 1px solid;
}
#mailinglist .mailing-card .inputs button {
  border-radius: 50px;
  font-size: 1rem;
  background-color: #5CA870;
}

footer {
  padding-top: 6rem;
  padding-bottom: 2rem;
  background-color: #5CA870;
  color: white;
  position: relative;
}
footer .footer-element {
  position: relative;
  margin-bottom: 2rem;
}
footer .footer-element h4 {
  font-size: 1.5rem;
}
footer .footer-element ul {
  font-size: 16px;
}
footer .footer-element ul li {
  text-decoration: none;
}
footer .footer-element ul li a {
  text-decoration: none;
}

.footerbar {
  border-top: white 1px solid;
  background-color: #5CA870;
}
.footerbar span,
.footerbar a,
.footerbar ul,
.footerbar li {
  color: white;
  white-space: nowrap;
}

#single-news h1 {
  font-weight: 900;
}
#single-news .news-image {
  border-radius: 16.6666666667px;
  aspect-ratio: 16/9;
  width: 100%;
  object-fit: cover;
}
#single-news h1 {
  font-size: 3.5rem;
  font-weight: 600;
  margin-bottom: 1rem;
}
@media (max-width: 600px) {
  #single-news h1 {
    font-size: 2rem;
  }
}
#single-news .content {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
#single-news #actions {
  margin: 2rem 0;
}
#single-news #actions .post-nav-link {
  background-color: #fff;
  transition: all 0.3s ease;
}
#single-news #actions .post-nav-link h5 {
  color: #333;
  transition: color 0.3s ease;
}
#single-news #actions .post-nav-link i {
  color: #5CA870;
  transition: transform 0.3s ease;
}
#single-news #actions .post-nav-link:hover {
  background-color: #5CA870;
  border-color: #5CA870 !important;
}
#single-news #actions .post-nav-link:hover span {
  color: rgba(255, 255, 255, 0.8) !important;
}
#single-news #actions .post-nav-link:hover h5 {
  color: #fff !important;
}
#single-news #actions .post-nav-link:hover i {
  color: #fff !important;
}
#single-news #actions .post-nav-link:hover.prev i {
  transform: translateX(-5px);
}
#single-news #actions .post-nav-link:hover.next i {
  transform: translateX(5px);
}

.overlayMain {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(41, 53, 58, 0.8);
  z-index: 99;
  display: none;
  animation: fadeInContainer 0.2s ease-in-out;
}

/* WOOCOMMERCE STYLING */
#tax-product-cat .category-header,
#archive-product .category-header {
  min-height: 35vh;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  align-items: end;
  justify-content: start;
  position: relative;
}
@media (max-width: 600px) {
  #tax-product-cat .category-header,
  #archive-product .category-header {
    min-height: 55vh !important;
  }
}
#tax-product-cat .category-header::before,
#archive-product .category-header::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7) 75%);
  pointer-events: none;
  z-index: 0;
}
#tax-product-cat .category-header .inner,
#archive-product .category-header .inner {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  color: #fff;
  z-index: 1;
}
@media (max-width: 991px) {
  #tax-product-cat .category-header .inner,
  #archive-product .category-header .inner {
    width: 80%;
  }
}
#tax-product-cat .category-header .inner h1,
#archive-product .category-header .inner h1 {
  font-weight: 600;
}
#tax-product-cat .category-header .inner .desc,
#archive-product .category-header .inner .desc {
  margin-bottom: 4rem;
  font-size: 1rem;
}
@media (max-width: 991px) {
  #tax-product-cat .category-header .inner .desc,
  #archive-product .category-header .inner .desc {
    margin-bottom: 2rem;
  }
}

#sfeerbeelden .item-image {
  aspect-ratio: 16/7;
  border-radius: 50px;
  object-fit: cover;
}

.popup-overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  justify-content: center;
  align-items: center;
  z-index: 999;
  height: 100%;
  width: 100%;
}
.popup-overlay .popup-content {
  color: black;
  background: #fff;
  padding: 2rem;
  max-width: 600px;
  border-radius: 8px;
  position: relative;
  z-index: 999;
}
@media (max-width: 600px) {
  .popup-overlay .popup-content {
    margin-top: 3rem;
  }
}
.popup-overlay .popup-content .popup-wrapper {
  max-height: 50vh;
  overflow-y: auto;
}
.popup-overlay .popup-content .popup-wrapper p {
  margin-bottom: 0;
}
.popup-overlay .popup-content .popup-wrapper p.long {
  font-size: 1rem;
}
@media (max-width: 600px) {
  .popup-overlay .popup-content .popup-wrapper p.long {
    font-size: 0.9rem;
  }
}

.close-popup {
  position: absolute;
  top: 10px;
  right: 15px;
  cursor: pointer;
  font-size: 1.5rem;
}

#single-product .slick-list img {
  border-radius: 25px;
  overflow: hidden;
  aspect-ratio: 1/1;
  object-position: center;
  object-fit: cover;
}
#single-product .images picture:first-child {
  display: nono;
}
#single-product .images .btn-next,
#single-product .images .btn-prev {
  position: absolute;
  z-index: 1;
}
#single-product .images .wpgis-popup {
  opacity: 1 !important;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 4px;
}
#single-product .images .wpgis-popup:before {
  color: white !important;
  filter: brightness(1) !important;
}
#single-product .summary {
  margin-top: 50px;
}
#single-product .summary .product_title,
#single-product .summary .head-line {
  font-size: 35px;
  color: #C94545;
  font-weight: 600;
  margin-bottom: 1rem;
}
#single-product #single-related-products .owl-stage {
  display: flex;
}
#single-product #single-related-products .owl-item {
  display: flex;
  flex: 1 0 auto;
}
#single-product #single-related-products .card {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  border: none;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
  border-radius: 16.6666666667px;
  transition: transform 0.3s ease;
}
#single-product #single-related-products .card img {
  border-radius: 16.6666666667px;
  aspect-ratio: 1/1;
  object-fit: cover;
}
#single-product #single-related-products .card a {
  text-decoration: none;
}
#single-product #single-related-products .card .card-wrapper {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding-top: 0.5rem;
}
#single-product #single-related-products .card .card-wrapper h4 {
  font-family: inherit;
  font-size: 1rem;
  font-weight: 600;
  margin: 0.5rem 0;
  line-height: 1.4;
  height: 2.8em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
#single-product #single-related-products .card .card-wrapper .price {
  color: #61B650;
  font-weight: 700;
  font-size: 1.1rem;
  margin-top: auto;
  margin-bottom: 0.5rem;
  display: block;
}
#single-product #single-related-products .card .card-wrapper .price ins {
  text-decoration: none;
}
#single-product #single-related-products .card .card-wrapper .price del {
  font-size: 0.85em;
  opacity: 0.6;
  margin-right: 5px;
}
#single-product #single-related-products .card .btn, #single-product #single-related-products .card .section-account .woocommerce-MyAccount-content .woocommerce-OrdersTable .button, .section-account .woocommerce-MyAccount-content .woocommerce-OrdersTable #single-product #single-related-products .card .button,
#single-product #single-related-products .card .section-account .woocommerce-MyAccount-content .woocommerce-MyAccount-downloads .button,
.section-account .woocommerce-MyAccount-content .woocommerce-MyAccount-downloads #single-product #single-related-products .card .button, #single-product #single-related-products .card .section-account .woocommerce-MyAccount-content .woocommerce-EditAccountForm button.button, .section-account .woocommerce-MyAccount-content .woocommerce-EditAccountForm #single-product #single-related-products .card button.button,
#single-product #single-related-products .card .section-account .woocommerce-MyAccount-content .woocommerce-address-fields button.button,
.section-account .woocommerce-MyAccount-content .woocommerce-address-fields #single-product #single-related-products .card button.button,
#single-product #single-related-products .card .section-account .woocommerce-MyAccount-content .login button.button,
.section-account .woocommerce-MyAccount-content .login #single-product #single-related-products .card button.button,
#single-product #single-related-products .card .section-account .woocommerce-MyAccount-content .register button.button,
.section-account .woocommerce-MyAccount-content .register #single-product #single-related-products .card button.button {
  margin-top: auto;
  border-radius: 50px;
}

#single-product-detail .grouped-product-item {
  background: #fff;
  border-radius: 25px;
}
#single-product-detail .product-price {
  font-size: 1.5rem !important;
  font-weight: 600;
  color: #61B650;
}
#single-product-detail .product-price .small {
  font-size: 1rem !important;
  color: #3F6E35;
  line-height: 1;
}
#single-product-detail .input-group-sm > .btn, #single-product-detail .section-account .woocommerce-MyAccount-content .woocommerce-OrdersTable .input-group-sm > .button, .section-account .woocommerce-MyAccount-content .woocommerce-OrdersTable #single-product-detail .input-group-sm > .button,
#single-product-detail .section-account .woocommerce-MyAccount-content .woocommerce-MyAccount-downloads .input-group-sm > .button,
.section-account .woocommerce-MyAccount-content .woocommerce-MyAccount-downloads #single-product-detail .input-group-sm > .button, #single-product-detail .section-account .woocommerce-MyAccount-content .woocommerce-EditAccountForm .input-group-sm > button.button, .section-account .woocommerce-MyAccount-content .woocommerce-EditAccountForm #single-product-detail .input-group-sm > button.button,
#single-product-detail .section-account .woocommerce-MyAccount-content .woocommerce-address-fields .input-group-sm > button.button,
.section-account .woocommerce-MyAccount-content .woocommerce-address-fields #single-product-detail .input-group-sm > button.button,
#single-product-detail .section-account .woocommerce-MyAccount-content .login .input-group-sm > button.button,
.section-account .woocommerce-MyAccount-content .login #single-product-detail .input-group-sm > button.button,
#single-product-detail .section-account .woocommerce-MyAccount-content .register .input-group-sm > button.button,
.section-account .woocommerce-MyAccount-content .register #single-product-detail .input-group-sm > button.button {
  padding: 0.05rem 1rem;
}
#single-product-detail .input-group-sm > .btn:first-child, #single-product-detail .section-account .woocommerce-MyAccount-content .woocommerce-OrdersTable .input-group-sm > .button:first-child, .section-account .woocommerce-MyAccount-content .woocommerce-OrdersTable #single-product-detail .input-group-sm > .button:first-child,
#single-product-detail .section-account .woocommerce-MyAccount-content .woocommerce-MyAccount-downloads .input-group-sm > .button:first-child,
.section-account .woocommerce-MyAccount-content .woocommerce-MyAccount-downloads #single-product-detail .input-group-sm > .button:first-child, #single-product-detail .section-account .woocommerce-MyAccount-content .woocommerce-EditAccountForm .input-group-sm > button.button:first-child, .section-account .woocommerce-MyAccount-content .woocommerce-EditAccountForm #single-product-detail .input-group-sm > button.button:first-child,
#single-product-detail .section-account .woocommerce-MyAccount-content .woocommerce-address-fields .input-group-sm > button.button:first-child,
.section-account .woocommerce-MyAccount-content .woocommerce-address-fields #single-product-detail .input-group-sm > button.button:first-child,
#single-product-detail .section-account .woocommerce-MyAccount-content .login .input-group-sm > button.button:first-child,
.section-account .woocommerce-MyAccount-content .login #single-product-detail .input-group-sm > button.button:first-child,
#single-product-detail .section-account .woocommerce-MyAccount-content .register .input-group-sm > button.button:first-child,
.section-account .woocommerce-MyAccount-content .register #single-product-detail .input-group-sm > button.button:first-child {
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
}
#single-product-detail .input-group-sm > .btn:last-child, #single-product-detail .section-account .woocommerce-MyAccount-content .woocommerce-OrdersTable .input-group-sm > .button:last-child, .section-account .woocommerce-MyAccount-content .woocommerce-OrdersTable #single-product-detail .input-group-sm > .button:last-child,
#single-product-detail .section-account .woocommerce-MyAccount-content .woocommerce-MyAccount-downloads .input-group-sm > .button:last-child,
.section-account .woocommerce-MyAccount-content .woocommerce-MyAccount-downloads #single-product-detail .input-group-sm > .button:last-child, #single-product-detail .section-account .woocommerce-MyAccount-content .woocommerce-EditAccountForm .input-group-sm > button.button:last-child, .section-account .woocommerce-MyAccount-content .woocommerce-EditAccountForm #single-product-detail .input-group-sm > button.button:last-child,
#single-product-detail .section-account .woocommerce-MyAccount-content .woocommerce-address-fields .input-group-sm > button.button:last-child,
.section-account .woocommerce-MyAccount-content .woocommerce-address-fields #single-product-detail .input-group-sm > button.button:last-child,
#single-product-detail .section-account .woocommerce-MyAccount-content .login .input-group-sm > button.button:last-child,
.section-account .woocommerce-MyAccount-content .login #single-product-detail .input-group-sm > button.button:last-child,
#single-product-detail .section-account .woocommerce-MyAccount-content .register .input-group-sm > button.button:last-child,
.section-account .woocommerce-MyAccount-content .register #single-product-detail .input-group-sm > button.button:last-child {
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
}

@media (max-width: 535px) {
  .woocommerce-ordering {
    float: left !important;
  }
}
.woocommerce-ordering .orderby {
  border-radius: 50px;
  padding: 0.5rem 1rem;
  font-size: 1rem;
  border: 1px solid #61B650;
  background: url("data:image/svg+xml,<svg height='10px' width='10px' viewBox='0 0 16 16' fill='%23000000' xmlns='http://www.w3.org/2000/svg'><path d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>") no-repeat;
  background-position: calc(100% - 0.75rem) center !important;
  -moz-appearance: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  padding-right: 2rem !important;
}
.woocommerce-ordering .orderby:focus {
  outline: none;
  border-color: #61B650;
  box-shadow: 0 0 5px rgba(97, 182, 80, 0.5);
}

.products .product {
  transition: scale 0.2s ease-out;
  padding: 0;
}
.products .product a {
  text-decoration: none;
}
.products .product .product-card {
  margin-top: 0;
  border-radius: 25px;
  background-color: white;
  transition: scale 0.2s ease-out;
}
.products .product .product-card .product-image {
  width: 100%;
  border-radius: 16.6666666667px;
  aspect-ratio: 1/1;
  object-fit: cover;
}
.products .product .product-card .card-body {
  padding: 1rem;
}
.products .product .product-card .card-body .woocommerce-loop-product__title {
  font-size: 18px !important;
  font-weight: 600;
  font-family: "Inter", sans-serif;
  margin-bottom: 0;
}
.products .product .product-card .card-body .price {
  color: #61B650;
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.products .product .product-card:hover {
  scale: 0.98;
}
.products .product-category {
  transition: all 0.3s ease-out;
  padding: 0;
  margin-bottom: 2rem;
}
.products .product-category img {
  border-radius: 25px;
  object-fit: cover;
  transition: all 0.4s ease-out;
  width: 100%;
  aspect-ratio: 1/1;
}
.products .product-category .category-details {
  padding: 1rem 0;
}
.products .product-category .category-details h2 {
  color: #333;
  margin: 0;
  font-size: 1.25rem;
  font-weight: 700;
}
.products .product-category .category-details .category-product-count {
  font-family: "Inter", sans-serif;
  font-size: 0.9rem;
  font-weight: 500;
  color: #777;
  display: block;
  margin-top: 0.25rem;
}
.products .product-category:hover img {
  transform: translateY(-8px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
.products .product-category:hover {
  scale: 0.975;
}
.products .product-category:hover img {
  filter: opacity(1) saturate(1.2);
}
.products .product-category:hover .overlay h2 {
  color: white;
}

#filters {
  border-radius: 50px !important;
  padding: 2rem;
}
#filters h4 {
  font-size: 22px;
}
#filters .category-item a {
  display: block;
  margin-bottom: 5px;
  font-size: 18px;
}
#filters .category-item a:hover {
  color: #C94545;
}
#filters .category-item.active a {
  color: #C94545;
  font-weight: 700;
  text-decoration: underline;
}

.accordion-section {
  margin: 2rem 0;
  background-color: white;
  border-radius: 16.6666666667px;
  padding: 1rem;
  font-family: inherit;
  color: #333;
}
.accordion-section .accordion-item {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 0.75rem 0;
}
.accordion-section .accordion-item:first-child {
  padding-top: 0;
}
.accordion-section .accordion-item:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
.accordion-section .accordion-item.active .accordion-content {
  max-height: 1000px;
  opacity: 1;
  transition: all 0.5s ease;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.accordion-section .accordion-item.active .icon {
  transform: rotate(180deg);
}
.accordion-section .accordion-toggle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: none;
  border: none;
  width: 100%;
  cursor: pointer;
  text-align: left;
}
.accordion-section .accordion-toggle h4 {
  margin: 0;
  font-size: 1.1rem;
  font-weight: 600;
  padding: 0.5rem 0;
}
.accordion-section .accordion-toggle .icon {
  transition: transform 0.3s ease;
  font-size: 1.2rem;
  color: #666;
}
.accordion-section .accordion-content {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: all 0.3s ease;
  padding: 0 6px;
  margin-top: 0 !important;
}
.accordion-section .accordion-content h1,
.accordion-section .accordion-content h2,
.accordion-section .accordion-content h3,
.accordion-section .accordion-content h4,
.accordion-section .accordion-content h5,
.accordion-section .accordion-content h6 {
  font-size: 1.2rem !important;
  font-weight: 600;
  margin: 0 0 1rem 0;
}
.accordion-section .accordion-content p {
  margin: 0 0 0.8rem 0;
}
.accordion-section .accordion-content table {
  font-size: 18px;
}

#cart th {
  font-weight: 750;
  color: #61B650 !important;
}
#cart #coupon_code {
  width: 40%;
}
#cart .product-thumbnail img {
  aspect-ratio: 1/1;
  object-fit: cover;
}

.custom-pagination {
  display: flex;
  justify-content: center;
  margin-top: 4rem;
  margin-bottom: 4rem;
}
.custom-pagination .woocommerce-pagination ul.page-numbers {
  display: flex;
  gap: 0.5rem;
  list-style: none;
  padding: 0;
  margin: 0;
  border: none !important;
}
.custom-pagination .woocommerce-pagination ul.page-numbers li {
  border: none !important;
}
.custom-pagination .woocommerce-pagination ul.page-numbers li a,
.custom-pagination .woocommerce-pagination ul.page-numbers li span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 43px;
  height: 43px;
  font-size: 20px;
  border-radius: 50%;
  color: #C94545;
  border: 2px solid #C94545;
  background: none;
  transition: background 0.25s ease, color 0.25s ease;
}
.custom-pagination .woocommerce-pagination ul.page-numbers li a.current, .custom-pagination .woocommerce-pagination ul.page-numbers li a.next,
.custom-pagination .woocommerce-pagination ul.page-numbers li span.current,
.custom-pagination .woocommerce-pagination ul.page-numbers li span.next {
  color: #C94545;
  background-color: white;
}

#news-carousel .news-carousel-header {
  margin-bottom: 2rem;
}
#news-carousel .news-carousel-title {
  font-family: "Playfair Display", serif;
  font-size: 35px;
  font-weight: 700;
  color: #C94545;
  margin: 0;
  line-height: 1.2;
}
@media (max-width: 768px) {
  #news-carousel .news-carousel-title {
    font-size: 1.8rem;
  }
}
#news-carousel .news-carousel-link {
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  color: #C94545;
  text-decoration: none;
  white-space: nowrap;
}
#news-carousel .news-carousel-link:hover {
  text-decoration: underline;
}
#news-carousel .featured-image-wrapper {
  overflow: hidden;
  border-radius: 12px;
}
#news-carousel .featured-image-wrapper .featured-image {
  width: 100%;
  aspect-ratio: 16/10;
  object-fit: cover;
  display: block;
  transition: transform 0.5s ease;
}
#news-carousel .date-badge {
  position: absolute;
  top: 1rem;
  left: 0;
  background-color: white;
  padding: 0.3rem 0.8rem;
  border-radius: 0 50px 50px 0;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
}
#news-carousel .date-badge span {
  font-size: 0.7rem;
  font-weight: 700;
  color: #333;
}
#news-carousel .featured-title {
  font-family: inherit;
  font-size: 1.25rem;
  font-weight: 700;
  color: #1a1a1a;
  line-height: 1.4;
  transition: color 0.2s ease;
}
#news-carousel .featured-title:hover {
  color: #C94545;
}
#news-carousel .related-post-item {
  gap: 1rem;
  transition: transform 0.2s ease;
}
#news-carousel .related-post-item:hover .related-title {
  color: #C94545;
}
#news-carousel .related-post-item:hover .related-image {
  transform: scale(1.08);
}
#news-carousel .related-image-wrapper {
  width: 75px;
  height: 75px;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 10px;
}
@media (min-width: 1200px) {
  #news-carousel .related-image-wrapper {
    width: 85px;
    height: 85px;
  }
}
@media (min-width: 1400px) {
  #news-carousel .related-image-wrapper {
    width: 100px;
    height: 100px;
  }
}
#news-carousel .related-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}
#news-carousel .related-title {
  font-family: inherit;
  font-size: 18px;
  font-weight: 700;
  color: #1a1a1a;
  margin: 0 0 0.15rem 0;
  line-height: 1.3;
  transition: color 0.2s ease;
}
#news-carousel .related-date {
  font-size: 12px;
  font-weight: 600;
  color: #777;
}

#archive-overview .card {
  background-color: #fafafa;
}
#archive-overview .card .card-title {
  font-size: 1.5rem;
  font-weight: 600;
  color: #61B650;
}
#archive-overview .card img {
  border-radius: 16.6666666667px;
  aspect-ratio: 1/1;
  object-fit: cover;
}

/* misc */
.grecaptcha-badge {
  z-index: 999 !important;
}

.text-truncate-2,
.text-truncate-3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.min-vh-50 {
  min-height: 50vh;
}

.ratio-1x1 {
  position: relative;
  aspect-ratio: 1/1;
}

.ratio-16x9 {
  position: relative;
  aspect-ratio: 16/9;
}

.ratio-1x1 > img {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.cta-block-img {
  object-fit: cover;
  width: 100%;
  aspect-ratio: 16/9;
}

.flexslider .slides > li {
  display: block !important;
}

/* CONTACT PAGE STYLES */
.ninja-form-container .nf-form-cont h3 {
  display: none;
}
.ninja-form-container .nf-form-cont .nf-form-fields-required {
  display: none;
}
.ninja-form-container .nf-form-cont label {
  display: none;
}
.ninja-form-container .nf-form-cont .nf-field-container {
  margin-bottom: 1.5rem;
}
.ninja-form-container .nf-form-cont .nf-field-element input,
.ninja-form-container .nf-form-cont .nf-field-element select,
.ninja-form-container .nf-form-cont .nf-field-element textarea {
  width: 100%;
  display: block;
  box-sizing: border-box;
  border: 1px solid #5CA870;
  padding: 0.75rem 1rem;
  border-radius: 50px;
}
.ninja-form-container .nf-form-cont .nf-field-element textarea {
  border-radius: 25px;
  min-height: 150px;
}
.ninja-form-container .nf-form-cont input[type=submit] {
  width: auto;
  padding: 0.2rem 1.2rem;
  display: inline-block;
  box-sizing: border-box;
}
.ninja-form-container .nf-form-cont input[type=submit]:disabled {
  background-color: rgb(58.064516129, 112.9032258065, 47.0967741935);
  border-radius: 50px;
  font-weight: 500;
  border: none;
  color: #fff;
  cursor: pointer;
}

.contact-hero {
  height: 400px;
  background-size: cover;
  background-position: center;
  position: relative;
}
.contact-hero .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
}

.contact-main-content .relative-container {
  margin-top: -200px;
  position: relative;
  z-index: 10;
}
.contact-main-content #route-card {
  position: relative;
  z-index: 1;
  overflow: visible !important;
}

.card-contact-form,
.card-contact-info,
.card-route {
  background: #fff;
}

.card-contact-info .icon-wrapper {
  width: 25px;
  text-align: center;
}

.opening-hours-section {
  position: relative;
}
.opening-hours-section .card-opening-hours h3 {
  font-size: 28px;
}
.opening-hours-section .card-opening-hours .opening-hours-list {
  font-size: 1.1rem;
}
.opening-hours-section .card-opening-hours .opening-hours-list li {
  border-color: rgba(255, 255, 255, 0.2) !important;
}
.opening-hours-section .card-opening-hours table {
  width: 100%;
}

.owl-carousel-contact-mood .owl-nav {
  position: absolute;
  bottom: -40px;
  right: 0;
  width: auto;
  display: flex;
  gap: 10px;
}
.owl-carousel-contact-mood .owl-nav button.owl-prev,
.owl-carousel-contact-mood .owl-nav button.owl-next {
  color: #F8B9B9;
  transition: color 0.3s;
}
.owl-carousel-contact-mood .owl-nav button.owl-prev:hover,
.owl-carousel-contact-mood .owl-nav button.owl-next:hover {
  color: #5CA870;
  background: none;
}

.newsletter-section input.form-control {
  max-width: 300px;
  border: 1px solid #ddd;
}

.green-pattern {
  width: 350px;
}
@media screen and (max-width: 771px) {
  .green-pattern {
    width: 175px !important;
  }
}

#product-tax-info p {
  font-size: 16px;
  line-height: 28px !important;
}

/* WOOCOMMERCE MY ACCOUNT STYLING */
.section-account {
  background-color: #f9f9f9;
}
.section-account .account-nav-wrapper {
  border: 1px solid rgba(0, 0, 0, 0.05);
}
.section-account .account-nav-wrapper .woocommerce-MyAccount-navigation ul li a {
  transition: all 0.2s ease-in-out;
  font-weight: 500;
}
.section-account .account-nav-wrapper .woocommerce-MyAccount-navigation ul li a.hover-bg-light:hover {
  background-color: #E3F2E0;
  color: #61B650 !important;
}
.section-account .account-nav-wrapper .woocommerce-MyAccount-navigation ul li a i {
  width: 20px;
  text-align: center;
  color: #61B650;
}
.section-account .account-nav-wrapper .woocommerce-MyAccount-navigation ul li.is-active a {
  background-color: #61B650 !important;
  color: white !important;
}
.section-account .account-nav-wrapper .woocommerce-MyAccount-navigation ul li.is-active a i {
  color: white;
}
.section-account .woocommerce-MyAccount-content {
  border: 1px solid rgba(0, 0, 0, 0.05);
  width: 100% !important;
}
.section-account .woocommerce-MyAccount-content h3,
.section-account .woocommerce-MyAccount-content h2 {
  font-weight: 700;
  color: #C94545;
  margin-bottom: 1.5rem;
}
.section-account .woocommerce-MyAccount-content .woocommerce-EditAccountForm,
.section-account .woocommerce-MyAccount-content .woocommerce-address-fields,
.section-account .woocommerce-MyAccount-content .login,
.section-account .woocommerce-MyAccount-content .register {
  padding: 0;
  border: none;
}
.section-account .woocommerce-MyAccount-content .woocommerce-EditAccountForm fieldset,
.section-account .woocommerce-MyAccount-content .woocommerce-address-fields fieldset,
.section-account .woocommerce-MyAccount-content .login fieldset,
.section-account .woocommerce-MyAccount-content .register fieldset {
  border: none;
  padding: 0;
  margin-bottom: 2rem;
}
.section-account .woocommerce-MyAccount-content .woocommerce-EditAccountForm fieldset legend,
.section-account .woocommerce-MyAccount-content .woocommerce-address-fields fieldset legend,
.section-account .woocommerce-MyAccount-content .login fieldset legend,
.section-account .woocommerce-MyAccount-content .register fieldset legend {
  font-weight: 700;
  font-size: 1.25rem;
  margin-bottom: 1rem;
}
.section-account .woocommerce-MyAccount-content .woocommerce-EditAccountForm p.form-row,
.section-account .woocommerce-MyAccount-content .woocommerce-address-fields p.form-row,
.section-account .woocommerce-MyAccount-content .login p.form-row,
.section-account .woocommerce-MyAccount-content .register p.form-row {
  margin-bottom: 1.5rem;
}
.section-account .woocommerce-MyAccount-content .woocommerce-EditAccountForm p.form-row label,
.section-account .woocommerce-MyAccount-content .woocommerce-address-fields p.form-row label,
.section-account .woocommerce-MyAccount-content .login p.form-row label,
.section-account .woocommerce-MyAccount-content .register p.form-row label {
  display: block;
  margin-bottom: 0.5rem;
  font-weight: 600;
}
.section-account .woocommerce-MyAccount-content .woocommerce-EditAccountForm p.form-row input.input-text,
.section-account .woocommerce-MyAccount-content .woocommerce-EditAccountForm p.form-row select,
.section-account .woocommerce-MyAccount-content .woocommerce-EditAccountForm p.form-row textarea,
.section-account .woocommerce-MyAccount-content .woocommerce-address-fields p.form-row input.input-text,
.section-account .woocommerce-MyAccount-content .woocommerce-address-fields p.form-row select,
.section-account .woocommerce-MyAccount-content .woocommerce-address-fields p.form-row textarea,
.section-account .woocommerce-MyAccount-content .login p.form-row input.input-text,
.section-account .woocommerce-MyAccount-content .login p.form-row select,
.section-account .woocommerce-MyAccount-content .login p.form-row textarea,
.section-account .woocommerce-MyAccount-content .register p.form-row input.input-text,
.section-account .woocommerce-MyAccount-content .register p.form-row select,
.section-account .woocommerce-MyAccount-content .register p.form-row textarea {
  width: 100%;
  padding: 0.75rem 1rem;
  border-radius: 12.5px;
  border: 1px solid #ddd;
}
.section-account .woocommerce-MyAccount-content .woocommerce-EditAccountForm p.form-row input.input-text:focus,
.section-account .woocommerce-MyAccount-content .woocommerce-EditAccountForm p.form-row select:focus,
.section-account .woocommerce-MyAccount-content .woocommerce-EditAccountForm p.form-row textarea:focus,
.section-account .woocommerce-MyAccount-content .woocommerce-address-fields p.form-row input.input-text:focus,
.section-account .woocommerce-MyAccount-content .woocommerce-address-fields p.form-row select:focus,
.section-account .woocommerce-MyAccount-content .woocommerce-address-fields p.form-row textarea:focus,
.section-account .woocommerce-MyAccount-content .login p.form-row input.input-text:focus,
.section-account .woocommerce-MyAccount-content .login p.form-row select:focus,
.section-account .woocommerce-MyAccount-content .login p.form-row textarea:focus,
.section-account .woocommerce-MyAccount-content .register p.form-row input.input-text:focus,
.section-account .woocommerce-MyAccount-content .register p.form-row select:focus,
.section-account .woocommerce-MyAccount-content .register p.form-row textarea:focus {
  border-color: #61B650;
  outline: none;
  box-shadow: 0 0 0 2px rgba(97, 182, 80, 0.1);
}
.section-account .woocommerce-MyAccount-content .woocommerce-EditAccountForm button.button,
.section-account .woocommerce-MyAccount-content .woocommerce-address-fields button.button,
.section-account .woocommerce-MyAccount-content .login button.button,
.section-account .woocommerce-MyAccount-content .register button.button {
  line-height: 1.5;
  padding: 0.75rem 2rem;
}
.section-account .woocommerce-MyAccount-content .woocommerce-OrdersTable .button,
.section-account .woocommerce-MyAccount-content .woocommerce-MyAccount-downloads .button {
  line-height: 1.5;
}
.section-account .account-dashboard .hover-shadow:hover {
  box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.1) !important;
  transform: translateY(-5px);
}

.transition-all {
  transition: all 0.3s ease-in-out;
}

.woocommerce-account .woocommerce-MyAccount-navigation {
  float: unset !important;
  width: 100%;
}

/* CUSTOM FAQ ACCORDION */
.custom-accordion .accordion-item {
  background-color: #f5f5f5;
  border: none;
  border-radius: 12px !important;
  margin-bottom: 12px;
  overflow: hidden;
}
.custom-accordion .accordion-item .accordion-button {
  background-color: transparent;
  color: #111;
  font-weight: 500;
  font-size: 1.15rem;
  padding: 1.25rem 1.5rem;
  box-shadow: none;
}
.custom-accordion .accordion-item .accordion-button:focus {
  box-shadow: none;
}
.custom-accordion .accordion-item .accordion-button::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23666'%3e%3cpath fill-rule='evenodd' d='M8 2a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 8 2Z'/%3e%3c/svg%3e");
  transition: transform 0.3s ease;
}
.custom-accordion .accordion-item .accordion-button:not(.collapsed) {
  background-color: transparent;
  color: #111;
}
.custom-accordion .accordion-item .accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23666'%3e%3cpath fill-rule='evenodd' d='M8 2a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 8 2Z'/%3e%3c/svg%3e");
  transform: rotate(45deg);
}
.custom-accordion .accordion-item .accordion-body {
  padding: 0 1.5rem 1.25rem 1.5rem;
  color: #666;
  font-size: 1rem;
  line-height: 1.6;
}

.dgwt-wcas-style-pirx.dgwt-wcas-style-pirx-compact.dgwt-wcas-search-filled .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit {
  right: 15px;
}

.dgwt-wcas-style-pirx .dgwt-wcas-close:not(.dgwt-wcas-inner-preloader) {
  right: 18px !important;
}

.dgwt-wcas-style-pirx.dgwt-wcas-search-filled .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
  padding-right: 65px;
}

/* CUSTOM CHECKOUT PAYMENT STYLING */
.woocommerce-checkout li.payment_method_cod {
  background-color: #fff !important;
  border: 2px solid #e2e8f0 !important;
  border-radius: 12px !important;
  padding: 1rem 1.25rem !important;
  margin-bottom: 0.75rem !important;
  display: flex !important;
  align-items: center !important;
  cursor: pointer !important;
  transition: all 0.2s ease-in-out !important;
}
.woocommerce-checkout li.payment_method_cod:hover {
  border-color: #cbd5e1 !important;
  background-color: #f8fafc !important;
}
.woocommerce-checkout li.payment_method_cod input[type=radio] {
  margin: 0 !important;
  cursor: pointer !important;
  width: 18px !important;
  height: 18px !important;
  accent-color: #5BA870 !important;
}
.woocommerce-checkout li.payment_method_cod label {
  display: inline-block !important;
  margin: 0 0 0 0.75rem !important;
  font-weight: 500 !important;
  color: #475569 !important;
  cursor: pointer !important;
  font-size: 1rem !important;
  transition: all 0.2s ease-in-out !important;
}
.woocommerce-checkout li.payment_method_cod div.payment_box.payment_method_cod {
  display: none !important;
}
.woocommerce-checkout li.payment_method_cod:has(input[type=radio]:checked) {
  background-color: #effcee !important;
  border-color: #5BA870 !important;
  box-shadow: 0 0 0 1px #5BA870 !important;
}
.woocommerce-checkout li.payment_method_cod:has(input[type=radio]:checked) label {
  color: #3f6e35 !important;
  font-weight: 700 !important;
}

/*# sourceMappingURL=style.css.map */