@charset "UTF-8";
/*
Theme Name: Beaver Builder Child Theme
Theme URI: https://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: https://www.fastlinemedia.com
template: bb-theme
*/
/* Add your custom styles here...Remember to change the Version number above! */
body,
html {
  scroll-behavior: smooth;
  overflow-x: hidden !important;
}

.fl-builder-edit body {
  overflow-y: scroll !important;
}

section.hero-banner .fl-module-content.fl-node-content {
  margin: 0 !important;
}

body:not(.woocommerce-page) ul {
  list-style-type: disc !important;
  padding-left: 15px !important;
}

.select2-results__option {
  background-color: white !important;
  color: #333 !important;
}
.select2-results__option.select2-results__option--highlighted[aria-selected] {
  background-color: rgb(220, 220, 220) !important;
  color: #333 !important;
}

ol {
  list-style-type: decimal !important;
  padding-left: 15px !important;
}

/* -------------------------
   Custom Font: AloeveraDisplay
   ------------------------- */
@font-face {
  font-family: "AloeveraDisplay";
  src: url("fonts/AloeveraDisplay-Thin.woff2") format("woff2");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "AloeveraDisplay";
  src: url("fonts/AloeveraDisplay-ExtraLight.woff2") format("woff2");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "AloeveraDisplay";
  src: url("fonts/AloeveraDisplay-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "AloeveraDisplay";
  src: url("fonts/AloeveraDisplay-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "AloeveraDisplay";
  src: url("fonts/AloeveraDisplay-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "AloeveraDisplay";
  src: url("fonts/AloeveraDisplay-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "AloeveraDisplay";
  src: url("fonts/AloeveraDisplay-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "AloeveraDisplay";
  src: url("fonts/AloeveraDisplay-ExtraBold.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "AloeveraDisplay";
  src: url("fonts/AloeveraDisplay-Black.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
h1 {
  font-family: "AloeveraDisplay", sans-serif;
  font-weight: 700 !important;
  color: #333;
}
h1 span {
  font-style: normal;
  font-weight: 700 !important;
}

/* H2 */
h2 {
  font-family: "AloeveraDisplay", sans-serif;
  font-size: 30px;
  font-style: normal;
  font-weight: 600 !important;
  /* SemiBold */
  color: #333;
}
h2 span {
  font-size: 30px;
  font-style: normal;
  font-weight: 600 !important;
}

.btn-megamenu {
  font-family: "AloeveraDisplay", sans-serif;
  font-weight: 500 !important;
}

ul {
  list-style-type: disc;
  padding-left: 15px;
}

h1,
h2,
h3,
h4,
h5,
h6,
h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span {
  font-family: "AloeveraDisplay", sans-serif;
}

body p,
body div,
body p span {
  color: #333;
}

.heading-main {
  font-size: 28px !important;
  line-height: 110% !important;
  max-width: 100% !important;
  font-weight: 600 !important;
}

@media (min-width: 1024px) {
  /* lg */
  .heading-main {
    font-size: 40px !important;
  }
}
@media (min-width: 1280px) {
  /* xl */
  .heading-main {
    font-size: 48px !important;
  }
}
@media (min-width: 1536px) {
  /* 2xl */
  .heading-main {
    font-size: 55px !important;
  }
}
/* Contenu du #fl-main-content */
#fl-main-content p,
#fl-main-content div,
#fl-main-content p span,
#fl-main-content input,
#fl-main-content textarea,
#fl-main-content .classic-fz,
#fl-main-content .classic-fz span,
#fl-main-content .classic-fz a,
footer p,
footer div,
footer p span,
footer input,
footer textarea,
footer .classic-fz,
footer .classic-fz span,
footer .classic-fz a {
  font-family: "AloeveraDisplay", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
}
@media screen and (min-width: 767px) {
  #fl-main-content p,
  #fl-main-content div,
  #fl-main-content p span,
  #fl-main-content input,
  #fl-main-content textarea,
  #fl-main-content .classic-fz,
  #fl-main-content .classic-fz span,
  #fl-main-content .classic-fz a,
  footer p,
  footer div,
  footer p span,
  footer input,
  footer textarea,
  footer .classic-fz,
  footer .classic-fz span,
  footer .classic-fz a {
    font-size: 18px;
  }
}
#fl-main-content button:not(.wp-block-woocommerce-cart button,
.js-woopayments-copy-test-number,
.wc-block-components-button,
button[name=apply_coupon],
button[name=update_cart],
.show-password-input,
.woocommerce-Button),
footer button:not(.wp-block-woocommerce-cart button,
.js-woopayments-copy-test-number,
.wc-block-components-button,
button[name=apply_coupon],
button[name=update_cart],
.show-password-input,
.woocommerce-Button) {
  all: unset;
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  padding-left: 3.5rem;
  border-radius: 9999px;
  overflow: hidden;
  /* masque le calque animé */
  cursor: pointer;
  color: #222;
  /* Calque de fond qui s'étend sur toute la largeur au hover */
}
#fl-main-content button:not(.wp-block-woocommerce-cart button,
.js-woopayments-copy-test-number,
.wc-block-components-button,
button[name=apply_coupon],
button[name=update_cart],
.show-password-input,
.woocommerce-Button)::before,
footer button:not(.wp-block-woocommerce-cart button,
.js-woopayments-copy-test-number,
.wc-block-components-button,
button[name=apply_coupon],
button[name=update_cart],
.show-password-input,
.woocommerce-Button)::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 8px;
  vertical-align: middle;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDE0IDEyIiBmaWxsPSJub25lIj4KICA8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfMV82ODQpIj4KICAgIDxwYXRoIGQ9Ik0xMi44NCA1LjI0MzM4TDYuNjI5NjEgMS4xNDI1M0M2LjAwNjk5IDAuNzMwMDc2IDUuMTc0MjEgMS4xNzY2OCA1LjE3NDIxIDEuOTI1MzlMNS4xNTg0NSAxMC4xMDA4QzUuMTU4NDUgMTAuODQ2OSA1Ljk4NTk3IDExLjI5ODggNi42MTEyMiAxMC44ODg5TDEyLjg0IDYuODE0MzdDMTMuNDA0OCA2LjQ0Mzk1IDEzLjQwNzQgNS42MTY0MiAxMi44NDI2IDUuMjQ2MDFMMTIuODQgNS4yNDMzOFoiIGZpbGw9IndoaXRlIi8+CiAgICA8cGF0aCBkPSJNOC42ODExOSA0LjYxMzI4SDEuNjUzNzlDMS4xNDc0MiA0LjYxMzI4IDAuNzM2OTM4IDUuMDIzNzcgMC43MzY5MzggNS41MzAxM1Y2LjU0NDE4QzAuNzM2OTM4IDcuMDUwNTQgMS4xNDc0MiA3LjQ2MTAyIDEuNjUzNzkgNy40NjEwMkg4LjY4MTE5QzkuMTg3NTUgNy40NjEwMiA5LjU5ODA0IDcuMDUwNTQgOS41OTgwNCA2LjU0NDE4VjUuNTMwMTNDOS41OTgwNCA1LjAyMzc3IDkuMTg3NTUgNC42MTMyOCA4LjY4MTE5IDQuNjEzMjhaIiBmaWxsPSJ3aGl0ZSIvPgogIDwvZz4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcDBfMV82ODQiPgogICAgICA8cmVjdCB3aWR0aD0iMTIuNTI1OSIgaGVpZ2h0PSIxMC4wNTkiIGZpbGw9IndoaXRlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjczNzA2MSAwLjk4NTIyOSkiLz4KICAgIDwvY2xpcFBhdGg+CiAgPC9kZWZzPgo8L3N2Zz4=");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px 12px;
  z-index: 1;
  /* au-dessus du calque de fond */
}
#fl-main-content button:not(.wp-block-woocommerce-cart button,
.js-woopayments-copy-test-number,
.wc-block-components-button,
button[name=apply_coupon],
button[name=update_cart],
.show-password-input,
.woocommerce-Button)::after,
footer button:not(.wp-block-woocommerce-cart button,
.js-woopayments-copy-test-number,
.wc-block-components-button,
button[name=apply_coupon],
button[name=update_cart],
.show-password-input,
.woocommerce-Button)::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: var(--accent-color, #69b42d);
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 280ms ease;
  z-index: 0;
}
#fl-main-content button:not(.wp-block-woocommerce-cart button,
.js-woopayments-copy-test-number,
.wc-block-components-button,
button[name=apply_coupon],
button[name=update_cart],
.show-password-input,
.woocommerce-Button):hover::after,
footer button:not(.wp-block-woocommerce-cart button,
.js-woopayments-copy-test-number,
.wc-block-components-button,
button[name=apply_coupon],
button[name=update_cart],
.show-password-input,
.woocommerce-Button):hover::after {
  transform: scaleX(1);
}
#fl-main-content button:not(.wp-block-woocommerce-cart button,
.js-woopayments-copy-test-number,
.wc-block-components-button,
button[name=apply_coupon],
button[name=update_cart],
.show-password-input,
.woocommerce-Button):hover,
footer button:not(.wp-block-woocommerce-cart button,
.js-woopayments-copy-test-number,
.wc-block-components-button,
button[name=apply_coupon],
button[name=update_cart],
.show-password-input,
.woocommerce-Button):hover {
  color: #fff;
}

/* Bouton style "learn-more" appliqué aux boutons existants, sans changer la flèche */
#fl-main-content button.learn-more {
  position: relative;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  outline: none;
  border: 0;
  vertical-align: middle;
  text-decoration: none;
  background: transparent;
  padding: 0;
  font-size: inherit;
  font-family: inherit;
  width: auto;
  height: auto;
  min-height: 3rem;
  padding-left: 3.5rem;
  /* laisse la place au cercle */
  padding-right: 1rem;
  white-space: nowrap;
  /* Neutralise l'icône/after génériques du bouton par défaut */
}
#fl-main-content button.learn-more::before, #fl-main-content button.learn-more::after {
  content: none !important;
}
#fl-main-content button.learn-more .circle {
  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto 0;
  width: 3rem;
  height: 3rem;
  background: var(--accent-color, #69b42d);
  border-radius: 1.625rem;
}
#fl-main-content button.learn-more .circle .icon {
  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  left: 1rem;
  width: 1.125rem;
  height: 1.125rem;
}
#fl-main-content button.learn-more .button-text {
  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  position: relative;
  color: var(--accent-color, #69b42d);
  font-weight: 600;
  line-height: 1.6;
  white-space: nowrap;
}
#fl-main-content button.learn-more:hover .circle {
  width: 100%;
}
#fl-main-content button.learn-more:hover .button-text {
  color: #fff;
}
#fl-main-content button.learn-more.black-button .circle {
  background: #333;
}
#fl-main-content button.learn-more.black-button .button-text {
  color: #333;
}
#fl-main-content button.learn-more.black-button:hover .button-text {
  color: #fff;
}

.img-portrait-9-10 {
  width: 559px;
  height: 627px;
  -o-object-fit: cover;
     object-fit: cover;
  /* évite la déformation */
}
@media screen and (min-width: 1536px) {
  .img-portrait-9-10 {
    width: auto;
    height: 90vh;
  }
}

@media screen and (max-width: 767px) {
  .img-portrait-9-10 {
    width: auto;
    height: 400px;
    -o-object-fit: cover;
       object-fit: cover;
    /* évite la déformation */
  }
}
#fl-main-content h2:not(.title-hero-banner),
#fl-main-content h2 span:not(.title-hero-banner) {
  font-size: 30px;
}

@media screen and (min-width: 1536px) {
  #fl-main-content h2:not(.title-hero-banner),
  #fl-main-content h2 span:not(.title-hero-banner) {
    font-size: 35px;
  }
}
@media screen and (max-width: 767px) {
  #fl-main-content h2:not(.title-hero-banner),
  #fl-main-content h2 span:not(.title-hero-banner) {
    font-size: 20px;
  }
}
#fl-main-content h3:not(.uabb-infobox-title),
#fl-main-content h3 span {
  font-size: 24px;
}

@media screen and (min-width: 1536px) {
  #fl-main-content h3:not(.uabb-infobox-title),
  #fl-main-content h3 span {
    font-size: 28px;
  }
}
@media screen and (max-width: 767px) {
  #fl-main-content h3:not(.uabb-infobox-title),
  #fl-main-content h3 span {
    font-size: 20px;
  }
}
a.fl-button {
  transition: all 0.3s ease-in-out;
}

#icons-section-engagement .uabb-infobox-content .uabb-imgicon-wrap {
  padding-bottom: 25px !important;
  border-bottom: 1px solid #f4f4f4;
}
@media screen and (max-width: 767px) {
  #icons-section-engagement .uabb-infobox-content .uabb-imgicon-wrap {
    padding-bottom: 12.5px !important;
  }
}
#icons-section-engagement .uabb-infobox-content .uabb-infobox-title-wrap {
  padding-top: 25px !important;
}
@media screen and (max-width: 767px) {
  #icons-section-engagement .uabb-infobox-content .uabb-infobox-title-wrap {
    padding-top: 12.5px !important;
  }
}

#icons-section-arguments .uabb-infobox-content .uabb-imgicon-wrap {
  padding-bottom: 25px !important;
  border-bottom: 1px solid #f9af10;
}
#icons-section-arguments .uabb-infobox-content .uabb-infobox-title-wrap {
  padding-top: 25px !important;
}
@media screen and (max-width: 767px) {
  #icons-section-arguments .uabb-infobox-content .uabb-infobox-title-wrap {
    padding-top: 12.5px !important;
  }
}
#icons-section-arguments.vivaice .uabb-infobox-content .uabb-imgicon-wrap {
  border-color: #00b0df !important;
}
#icons-section-arguments.vivabreak .uabb-infobox-content .uabb-imgicon-wrap {
  border-color: #69b42d !important;
}

#icons-section-engagement .uabb-infobox-content img.uabb-photo-img {
  width: 100% !important;
  max-width: 50px;
  height: 45px !important;
  -o-object-fit: contain;
     object-fit: contain;
}

#icons-section-arguments .uabb-infobox-content img.uabb-photo-img {
  width: 100% !important;
  max-width: 50px;
  height: 45px !important;
  -o-object-fit: contain;
     object-fit: contain;
}

/* -------------------------
   Burger Menu & Mega Menu Full Screen
   ------------------------- */
.burger-menu-toggle {
  position: relative;
  z-index: 99999;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  display: inline-block;
}
.burger-menu-toggle:focus {
  outline: 2px solid rgba(255, 255, 255, 0.5);
  outline-offset: 2px;
}
.burger-menu-toggle svg {
  display: block;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));
  transition: opacity 0.4s ease, transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.burger-menu-toggle svg:hover {
  transform: scale(1.05);
}
.burger-menu-toggle .icon-close {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transform: scale(0);
}
.burger-menu-toggle .icon-burger {
  opacity: 1;
  transform: scale(1);
}
.burger-menu-toggle.active .icon-burger {
  opacity: 0;
  transform: scale(0);
}
.burger-menu-toggle.active .icon-close {
  opacity: 1;
  transform: scale(1);
}

body.menu-open {
  overflow: hidden;
}

.mega-menu-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.95);
  z-index: 99998;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.4s ease, visibility 0.4s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow-y: auto;
}
.mega-menu-overlay.active {
  opacity: 1;
  visibility: visible;
}

@media screen and (max-width: 767px) {
  .mega-menu-container {
    align-items: flex-start !important;
  }
}

@media screen and (max-width: 767px) {
  .mega-menu-content {
    height: auto !important;
  }
}
@media screen and (max-width: 767px) {
  .mega-menu-content .img-container-nav {
    min-height: 200px !important;
  }
  .mega-menu-content .img-container-nav img {
    padding: 10px !important;
    border-radius: 20px !important;
  }
}
.mega-menu-content .mega-menu-list {
  list-style: none !important;
  padding: 0 !important;
}
@media screen and (max-width: 767px) {
  .mega-menu-content .mega-menu-list {
    padding-top: 150px !important;
    padding-left: 20px !important;
    padding-bottom: 50px !important;
  }
}
.mega-menu-content .mega-menu-list li {
  list-style: none !important;
  padding: 0 !important;
  position: relative;
}
.mega-menu-content .mega-menu-list li a {
  position: relative;
  display: block;
  font-family: "AloeveraDisplay", sans-serif;
  font-size: 50px;
  font-style: normal;
  font-weight: 600;
  transition: all 0.3s ease;
}
@media screen and (max-width: 767px) {
  .mega-menu-content .mega-menu-list li a {
    font-size: 30px;
  }
}
.mega-menu-content .mega-menu-list li a::before {
  content: "";
  position: absolute;
  left: -50px;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0;
  transition: all 0.3s ease;
}
.mega-menu-content .mega-menu-list li[class*=vivapack] a::before, .mega-menu-content .mega-menu-list li:has(a[href*=vivapack]) a::before {
  background-image: url("https://vivacqua.ch/wp-content/uploads/2025/09/Vivapack_Isotype_Couleur.svg");
}
.mega-menu-content .mega-menu-list li[class*=vivapack]:hover a, .mega-menu-content .mega-menu-list li:has(a[href*=vivapack]):hover a {
  transform: translateX(50px);
  color: #f9af10 !important;
}
.mega-menu-content .mega-menu-list li[class*=vivapack]:hover a::before, .mega-menu-content .mega-menu-list li:has(a[href*=vivapack]):hover a::before {
  opacity: 1;
}
.mega-menu-content .mega-menu-list li[class*=vivaice] a::before, .mega-menu-content .mega-menu-list li:has(a[href*=vivaice]) a::before {
  background-image: url("https://vivacqua.ch/wp-content/uploads/2025/09/Vivaice_Isotype_Couleur.svg");
}
.mega-menu-content .mega-menu-list li[class*=vivaice]:hover a, .mega-menu-content .mega-menu-list li:has(a[href*=vivaice]):hover a {
  transform: translateX(50px);
  color: #00b0df !important;
}
.mega-menu-content .mega-menu-list li[class*=vivaice]:hover a::before, .mega-menu-content .mega-menu-list li:has(a[href*=vivaice]):hover a::before {
  opacity: 1;
}
.mega-menu-content .mega-menu-list li[class*=vivabreak] a::before, .mega-menu-content .mega-menu-list li:has(a[href*=vivabreak]) a::before {
  background-image: url("https://vivacqua.ch/wp-content/uploads/2025/09/Vivabreak_Isotype_Couleur.svg");
}
.mega-menu-content .mega-menu-list li[class*=vivabreak]:hover a, .mega-menu-content .mega-menu-list li:has(a[href*=vivabreak]):hover a {
  transform: translateX(50px);
  color: #69b42d !important;
}
.mega-menu-content .mega-menu-list li[class*=vivabreak]:hover a::before, .mega-menu-content .mega-menu-list li:has(a[href*=vivabreak]):hover a::before {
  opacity: 1;
}
.mega-menu-content .mega-menu-list ul {
  list-style: none !important;
  padding: 0 !important;
}

.img-container-nav img {
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}
.img-container-nav img.active {
  opacity: 1;
}

.fl-page-header,
header,
.site-header {
  z-index: 100000 !important;
  position: relative;
}

header .logo-site {
  transition: opacity 0.3s ease;
}
header.fl-theme-builder-header-sticky .logo-site {
  opacity: 0;
}

html body #fl-main-content .bigger-bold p,
html body #fl-main-content .bigger-bold span {
  font-weight: 600 !important;
  font-size: 110% !important;
}

/* -------------------------
   Bouton Submit avec effet cercle animé
   ------------------------- */
.wpcf7-response-output {
  margin: 0px 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #69b42d !important;
}

.wpcf7 textarea {
  height: unset !important;
  min-height: 100px !important;
}

.category-filter[data-parent=vivaice]:hover, .category-filter[data-parent=vivaice].active {
  color: #00b0df !important;
}

.category-filter[data-parent=vivabreak]:hover, .category-filter[data-parent=vivabreak].active {
  color: #69b42d !important;
}

.dot-separator {
  width: 5px;
  height: 5px;
  display: block;
  background-position: center;
  background-repeat: no-repeat;
}

.category-section[data-parent-name=vivaice] .product-title a:hover {
  color: #00b0df !important;
}
.category-section[data-parent-name=vivaice] .add-to-fav,
.category-section[data-parent-name=vivaice] .add-to-cart {
  background-color: #00b0df !important;
}
.category-section[data-parent-name=vivaice] .dot-separator {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1IiBoZWlnaHQ9IjYiIHZpZXdCb3g9IjAgMCA1IDYiIGZpbGw9Im5vbmUiPgogIDxjaXJjbGUgY3g9IjIuNSIgY3k9IjIuOTg5MjYiIHI9IjIuNSIgZmlsbD0iIzAwQjBERiIvPgo8L3N2Zz4=");
}

.single-product-page[data-parent=vivaice] .product-tabs-wrapper .tab-button:hover,
.single-product-page[data-parent=vivaice] .product-tabs-wrapper .tab-button.active {
  color: #00b0df !important;
}
.single-product-page[data-parent=vivaice] .dot-separator {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1IiBoZWlnaHQ9IjYiIHZpZXdCb3g9IjAgMCA1IDYiIGZpbGw9Im5vbmUiPgogIDxjaXJjbGUgY3g9IjIuNSIgY3k9IjIuOTg5MjYiIHI9IjIuNSIgZmlsbD0iIzAwQjBERiIvPgo8L3N2Zz4=");
}
.single-product-page[data-parent=vivabreak] .quantity-plus svg rect,
.single-product-page[data-parent=vivabreak] .quantity-minus svg rect {
  fill: #69b42d !important;
}
.single-product-page[data-parent=vivabreak] .product-tabs-wrapper .tab-button:hover,
.single-product-page[data-parent=vivabreak] .product-tabs-wrapper .tab-button.active {
  color: #69b42d !important;
}
.single-product-page[data-parent=vivabreak] .dot-separator {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1IiBoZWlnaHQ9IjYiIHZpZXdCb3g9IjAgMCA1IDYiIGZpbGw9Im5vbmUiPgogIDxjaXJjbGUgY3g9IjIuNSIgY3k9IjIuOTg1MzUiIHI9IjIuNSIgZmlsbD0iIzY5QjQyRCIvPgo8L3N2Zz4=");
}

button.vivaice-button-cart {
  padding-left: 3.5rem !important;
}
button.vivaice-button-cart .circle {
  background: #00b0df !important;
}
button.vivaice-button-cart .circle .icon {
  width: 15px !important;
  height: 15px !important;
  left: 0.75rem !important;
}
button.vivaice-button-cart .button-text {
  color: #00b0df !important;
}
button.vivaice-button-cart:hover .button-text {
  color: #fff !important;
}

button.vivabreak-button-cart {
  padding-left: 3.5rem !important;
}
button.vivabreak-button-cart .circle {
  background: #69b42d !important;
}
button.vivabreak-button-cart .circle .icon {
  width: 15px !important;
  height: 15px !important;
  left: 0.75rem !important;
}
button.vivabreak-button-cart .button-text {
  color: #69b42d !important;
}
button.vivabreak-button-cart:hover .button-text {
  color: #fff !important;
}

button.vivapack-button-cart {
  padding-left: 3.5rem !important;
}
button.vivapack-button-cart .circle {
  background: #f9af10 !important;
}
button.vivapack-button-cart .circle .icon {
  width: 15px !important;
  height: 15px !important;
  left: 0.75rem !important;
}
button.vivapack-button-cart .button-text {
  color: #f9af10 !important;
}
button.vivapack-button-cart:hover .button-text {
  color: #fff !important;
}

.category-section[data-parent-name=vivabreak] .product-title a:hover {
  color: #69b42d !important;
}
.category-section[data-parent-name=vivabreak] .add-to-fav,
.category-section[data-parent-name=vivabreak] .add-to-cart {
  background-color: #69b42d !important;
}
.category-section[data-parent-name=vivabreak] .dot-separator {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1IiBoZWlnaHQ9IjYiIHZpZXdCb3g9IjAgMCA1IDYiIGZpbGw9Im5vbmUiPgogIDxjaXJjbGUgY3g9IjIuNSIgY3k9IjIuOTg1MzUiIHI9IjIuNSIgZmlsbD0iIzY5QjQyRCIvPgo8L3N2Zz4=");
}

.quantity-minus,
.quantity-plus {
  all: unset !important;
  width: 28px !important;
  height: 28px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
}
.quantity-minus::before, .quantity-minus::after,
.quantity-plus::before,
.quantity-plus::after {
  content: "" !important;
  display: none !important;
}

.tabs-navigation * {
  text-decoration: none !important;
}

.wc-block-components-order-summary-item {
  display: flex;
  flex-direction: column !important;
}
.wc-block-components-order-summary-item .wc-block-components-product-metadata {
  display: none;
}
.wc-block-components-order-summary-item .wc-block-components-order-summary-item__total-price {
  margin-top: 8px !important;
}

@media screen and (max-width: 767px) {
  .fl-col-bg-multiple .fl-col-content {
    background-size: 30% !important;
  }
}
.product-card .product-price bdi {
  font-size: 120% !important;
  font-weight: 600 !important;
}

body.woocommerce-cart .wcsatt-options {
  display: none !important;
}

a.remove {
  font-family: ui-serif;
  padding-bottom: 1px !important;
  line-height: 0.9em !important;
}

button[name=apply_coupon],
button[name=update_cart] {
  background: transparent !important;
  font-family: "AloeveraDisplay", sans-serif !important;
  border: 0 !important;
  color: black !important;
}

.checkout-button.button.wc-forward {
  background-color: #333 !important;
  color: #fff !important;
  font-family: "AloeveraDisplay", sans-serif !important;
  border: 1px solid #333 !important;
  padding: 10px 16px !important;
  border-radius: 9999px !important;
  overflow: hidden !important;
  cursor: pointer !important;
  text-decoration: none !important;
  transition: all 0.3s ease !important;
}
.checkout-button.button.wc-forward:hover {
  background-color: #fff !important;
  color: #333 !important;
}

button[name=woocommerce_checkout_place_order],
.woocommerce-button.button,
.woocommerce-Button,
.wc-forward, .wcs-switch-link {
  all: unset !important;
  text-align: center !important;
  margin-top: 10px !important;
  background-color: #333 !important;
  color: #fff !important;
  font-family: "AloeveraDisplay", sans-serif !important;
  border: 1px solid #333 !important;
  padding: 10px 16px !important;
  border-radius: 9999px !important;
  overflow: hidden !important;
  cursor: pointer !important;
  text-decoration: none !important;
  transition: all 0.3s ease !important;
}
button[name=woocommerce_checkout_place_order] span,
.woocommerce-button.button span,
.woocommerce-Button span,
.wc-forward span, .wcs-switch-link span {
  color: #fff !important;
}
button[name=woocommerce_checkout_place_order]:hover,
.woocommerce-button.button:hover,
.woocommerce-Button:hover,
.wc-forward:hover, .wcs-switch-link:hover {
  background-color: #fff !important;
  color: #333 !important;
}
button[name=woocommerce_checkout_place_order]::before, button[name=woocommerce_checkout_place_order]::after,
.woocommerce-button.button::before,
.woocommerce-button.button::after,
.woocommerce-Button::before,
.woocommerce-Button::after,
.wc-forward::before,
.wc-forward::after, .wcs-switch-link::before, .wcs-switch-link::after {
  display: none !important;
}

.pickup-location-field.pickup-location-field-per-order {
  display: flex !important;
  flex-direction: column-reverse !important;
}

body.woocommerce-checkout .woocommerce-Price-amount {
  font-weight: 700 !important;
}

.pickup-location-appointment-date.hasDatepicker,
.select2-wc-local-pickup-plus-pickup-appointment-offset-0-container {
  color: black !important;
  background-color: var(--wc-form-color-background, #fff);
  border: var(--wc-form-border-width, 1px) solid var(--wc-form-border-color, #aaa);
  border-radius: var(--wc-form-border-radius, 4px);
}
.pickup-location-appointment-date.hasDatepicker span,
.select2-wc-local-pickup-plus-pickup-appointment-offset-0-container span {
  color: black !important;
}
.pickup-location-appointment-date.hasDatepicker::-moz-placeholder, .select2-wc-local-pickup-plus-pickup-appointment-offset-0-container::-moz-placeholder {
  color: black !important;
}
.pickup-location-appointment-date.hasDatepicker::placeholder,
.select2-wc-local-pickup-plus-pickup-appointment-offset-0-container::placeholder {
  color: black !important;
}

#banner-img-bg .fl-row-content-wrap:after {
  opacity: 0 !important;
}
@media screen and (max-width: 767px) {
  #banner-img-bg .fl-row-content-wrap:after {
    opacity: 1 !important;
  }
}

.woocommerce-account .woocommerce-MyAccount-content {
  float: right;
  width: 75%;
  padding-left: 10px;
  padding-top: 1.5em;
}

.woocommerce-account .woocommerce-MyAccount-navigation {
  float: left;
  width: 25%;
  padding-right: 1.5em;
}

.woocommerce-account p a {
  text-decoration: underline !important;
}

.shop_table.subscription_details td:last-child {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
}
.shop_table.subscription_details td:last-child a.cancel {
  background-color: #d90202 !important;
  border-color: #d90202 !important;
}
.shop_table.subscription_details td:last-child a.cancel:hover {
  background-color: white !important;
  color: #d90202 !important;
}

.woocommerce .addresses .title a,
.woocommerce-page .addresses .title a {
  position: relative !important;
  float: unset !important;
  bottom: unset !important;
  text-decoration: underline !important;
}

.shop_table.order_details td.product-name {
  display: flex;
  flex-direction: column;
}

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

@media screen and (max-width: 767px) {
  .circle {
    width: 3rem !important;
    max-width: 3rem !important;
  }
  .bb-hero-banner-module {
    height: 120dvh !important;
    padding-top: 50px !important;
  }
  .bb-sa-item {
    padding-right: 20px !important;
  }
  .bb-sa-item h2 {
    margin-bottom: 10px !important;
  }
}/*# sourceMappingURL=style.css.map */