.elementor-kit-2755{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;font-family:"Montserrat", Sans-serif;font-size:16px;line-height:1.2em;}.elementor-kit-2755 e-page-transition{background-color:#FFBC7D;}.elementor-kit-2755 h1{font-family:"Montserrat", Sans-serif;font-size:36px;font-weight:400;}.elementor-kit-2755 h2{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:400;}.elementor-kit-2755 h3{font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:400;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px;}.e-con{--container-max-width:1280px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Elementor Nested Accordion: tekst wisselen Lees verder / Lees minder */
.leesverder-accordion .e-n-accordion-item-title-text{
  visibility: hidden;         /* verberg originele tekst */
  position: relative;
}

/* standaard label (dicht) */
.leesverder-accordion .e-n-accordion-item-title-text::before{
  content: "lees meer";
  visibility: visible;
  position: absolute;
  left: 0;
  top: 0;
}

/* open state: details heeft attribuut [open] */
.leesverder-accordion details[open] .e-n-accordion-item-title-text::before{
  content: "lees minder";
}
/* Houd "Lees verder" op één regel */
.leesverder-accordion .e-n-accordion-item-title-text,
.leesverder-accordion .e-n-accordion-item-title-text::before{
  white-space: nowrap;
}
/* Maak details een flex-container */
.leesverder-accordion details {
  display: flex;
  flex-direction: column;
}

/* Als accordion open is: button onder de tekst */
.leesverder-accordion details[open] {
  flex-direction: column-reverse;
}
.leesverder-intro,
.leesverder-intro p {
  margin-bottom: 0;
}
.leesverder-intro {
  line-height: 1.35;
}
/* Desktop & tablet: rechts */
.responsive-text-align,
.responsive-text-align *{
  text-align: right !important;
}

/* Mobiel: links */
@media (max-width: 767px){
  .responsive-text-align,
  .responsive-text-align *{
    text-align: left !important;
  }
}










/* ==========================================================================   
   Styling WooCommerce / webshop only 


   Change VALUES only. Do not rename the --shop-* variables.
   ========================================================================== */

:root {

    /* OceanWP native global accent variables. */
    --owp-primary-color: #7D1C29;
    --owp-primary-color-hover: #7D1C29;
    --owp-link-color-hover: #7D1C29;

    /* ----------------------------------------------------------------------
       General shop colours
       ---------------------------------------------------------------------- */
    --shop-text-color: #222222;
    --shop-muted-text-color: #666666; /* Secondary, less-prominent text. */
    --shop-accent-color: #7D1C29; /* Main shop emphasis colour. */
    --shop-accent-hover-color: #7D1C29;
    --shop-on-accent-color: #ffffff; /* Text/icons displayed on the accent colour. */
    --shop-section-border-color: #d5d5d5;

    /* ----------------------------------------------------------------------
       Product breadcrumb and gallery
       ---------------------------------------------------------------------- */
    --shop-breadcrumb-size: 14px;
    --shop-breadcrumb-separator-color: #999999;
    --shop-gallery-thumbnail-gap: 10px;
    --shop-gallery-active-border-color: #555555;
    --shop-gallery-thumbnail-opacity: 1;
    --shop-gallery-lightbox-background: rgba(0, 0, 0, 0.86);
    --shop-gallery-lightbox-control-color: #ffffff;
    --shop-gallery-lightbox-arrow-background: rgba(255, 255, 255, 0.82);
    --shop-gallery-lightbox-arrow-size: 58px;
    --shop-gallery-lightbox-arrow-inset: 28px;
    --shop-gallery-lightbox-slide-duration: 520ms;

    /* ----------------------------------------------------------------------
       Product title and short description
       ---------------------------------------------------------------------- */
    --shop-product-title-size: 24px;
    --shop-product-title-weight: 500;
    --shop-product-title-border: none; /* 1px solid #f1f1f1; */
    --shop-product-description-margin-top: 16px;
    --shop-product-description-margin-bottom: 16px ;
    --shop-product-description-size: 16px;
    --shop-product-description-line-height: 1.48;

    /* ----------------------------------------------------------------------
       Product highlights
       ---------------------------------------------------------------------- */
    --shop-highlights-margin-top: 20px;
    --shop-highlights-margin-bottom: 0px;
    --shop-highlights-padding: 20px;
    --shop-highlight-item-gap: 10px;
    --shop-highlight-text-size: 16px;
    --shop-highlight-bullet-size: 10px;
    --shop-highlight-bullet-text-gap: 20px;

    /* ----------------------------------------------------------------------
       Colour and format .elementor-kit-2755s
       ---------------------------------------------------------------------- */
    --shop-option-padding-top: 24px;
    --shop-option-padding-bottom: 24px;
    --shop-option-title-gap: 20px;
    --shop-option-title-size: 20px;
    --shop-option-title-weight: 400;

    --shop-colour-thumbnail-size: 70px;
    --shop-colour-thumbnail-background: #f4f4f4;
    --shop-colour-gap: 22px;
    --shop-colour-name-size: 14px;
    --shop-colour-border-hover: #999999;
    --shop-colour-border-active: #222222;
    --shop-option-active-border-width: 2px;

    --shop-format-gap: 22px;
    --shop-format-min-width: 86px;
    --shop-format-height: 36px;
    --shop-format-text-size: 16px;

    /* ----------------------------------------------------------------------
       Shared .elementor-kit-2755 / calculator controls
       ---------------------------------------------------------------------- */
    --shop-control-background: #ffffff;
    --shop-control-text-color: #333333;
    --shop-control-border-color: #c8c8c8;
    --shop-control-border-hover: #777777;
    --shop-control-disabled-border: #dddddd;
    --shop-control-disabled-background: #f5f5f5;
    --shop-control-unit-background: #f5f5f5;
    --shop-selected-background: #333333;
    --shop-selected-text-color: #ffffff;

    /* ----------------------------------------------------------------------
       Order calculator
       ---------------------------------------------------------------------- */
    --shop-calculator-padding: 24px;
    --shop-calculator-row-gap: 14px;
    --shop-calculator-horizontal-gap: 20px;
    --shop-calculator-label-size: 20px;
    --shop-calculator-label-weight: 400;
    --shop-calculator-control-height: 36px;
    --shop-calculator-button-size: 17px;
    --shop-calculator-input-width: 70px;
    --shop-calculator-input-size: 14px;
    --shop-calculator-unit-size: 13px;
    --shop-calculator-price-size: 20px;
    --shop-calculator-price-weight: 600;
    --shop-calculator-total-label-size: 20px;
    --shop-calculator-total-size: 20px;
    --shop-calculator-total-border: #e1e1e1;
    --shop-calculator-total-padding-top: 24px;
    --shop-calculator-total-padding-bottom: 0px;

    /* ----------------------------------------------------------------------
       Add-to-cart button and accessory price
       ---------------------------------------------------------------------- */
    --shop-container-add-to-cart-padding: 24px;
    --shop-container-add-to-cart-margin-top: 0px;
    --shop-container-add-to-cart-margin-bottom: 0px;
    --shop-button-background: #747e8a;
    --shop-button-background-hover: #626c78;
    --shop-button-text-color: #ffffff;
    --shop-button-text-color-hover: #ffffff;
    --shop-button-border-color: #747e8a;
    --shop-button-border-color-hover: #626c78;
    --shop-button-height: auto;
    --shop-button-font-size: 15px;
    --shop-button-font-weight: 400;
    --shop-button-line-height: 1.2;

    --shop-accessory-price-color: #55bd6a;
    --shop-accessory-price-size: 22px;

    /* ----------------------------------------------------------------------
       Header shopping cart
       ---------------------------------------------------------------------- */
    --shop-cart-icon-size: 27px;
    --shop-cart-icon-color: #333333;
    --shop-cart-margin-left: -8px;
    --shop-cart-margin-top: 0px;
    --shop-cart-count-font-size: 12px;
    --shop-cart-count-color: #ffffff;
    --shop-cart-count-background: #8f2430;

    /* ----------------------------------------------------------------------
       Product sfeerbeeld hero
       ---------------------------------------------------------------------- */
    --shop-hero-height: 600px;
    --shop-hero-title-color: #ffffff;
    --shop-hero-title-size: 48px;
    --shop-hero-title-weight: 700;
    --shop-hero-overlay-color: rgba(0, 0, 0, 0);

    /* ----------------------------------------------------------------------
       Product filters
       ---------------------------------------------------------------------- */
    --shop-filter-active-color: #7D1C29;
    --shop-filter-title-font-size: 20px;
    --shop-filter-title-font-weight: 700;
    --shop-filter-item-font-size: 16px;

    /* Product archive card identity. */
    --shop-archive-brand-color: #999999;
    --shop-archive-brand-size: 14px;
    --shop-archive-title-color: #222222;
    --shop-archive-title-size: 16px;
    --shop-archive-size-color: #222222;
    --shop-archive-size-size: 15px;
    --shop-archive-identity-gap: 5px;

    /* ----------------------------------------------------------------------
       Product information / FAQ
       ---------------------------------------------------------------------- */
    --shop-faq-column-gap: 30px;
    --shop-faq-border-color: #dddddd;
    --shop-faq-title-color: #333333;
    --shop-faq-title-size: 16px;
    --shop-faq-trigger-gap: 20px;
    --shop-faq-text-color: #555555;
    --shop-faq-line-height: 1.7;
    --shop-faq-table-border-color: #b8b8b8;
    --shop-faq-table-alt-background: #c6c6c6;
    --shop-faq-document-label-size: 11px;

    /* ----------------------------------------------------------------------
       Benodigdheden slider
       ---------------------------------------------------------------------- */
    --shop-accessories-gap: 18px;
    --shop-card-background: #ffffff;
    --shop-card-border-color: #bbbbbb;
    --shop-card-title-color: #333333;
    --shop-card-title-size: 18px;
    --shop-card-description-color: #666666;
    --shop-card-description-size: 15px;
    --shop-slider-arrow-color: #111111;
    --shop-slider-arrow-size: 48px;

    /* ----------------------------------------------------------------------
       Recently viewed products
       ---------------------------------------------------------------------- */
    --shop-recent-title-color: #222222;
    --shop-recent-title-size: 26px;
    --shop-recent-gap: 28px;
    --shop-recent-card-background: #eeeeee;
    --shop-recent-name-color: #20293a;
    --shop-recent-meta-color: #30394a;
}


/* ========================================================================== 
   TABLET
   Same variable names; only values that change are repeated.
   ========================================================================== */

@media (max-width: 1024px) {
    :root {
        --shop-hero-height: 450px;
        --shop-hero-title-size: 38px;
        --shop-recent-gap: 22px;
    }
}


/* ========================================================================== 
   MOBILE
   Same variable names; only values that change are repeated.
   ========================================================================== */

@media (max-width: 767px) {
    :root {
        --shop-hero-height: 300px;
        --shop-hero-title-size: 28px;
        --shop-product-title-size: 20px;
        --shop-gallery-thumbnail-gap: 7px;
        --shop-faq-column-gap: 28px;
        --shop-accessories-gap: 14px;
        --shop-recent-title-size: 22px;
        --shop-recent-gap: 14px;
    }
}/* End custom CSS */