/*
Theme Name: Ondigital theme Child
Theme URI: https://weareon-it.nl/
Template: on-theme
Author: Ondigital
Author URI: https://weareon-it.nl
Description: Algemeen thema voor ondigital websites
Version: 1.0.0
Text Domain: on-theme-child
*/


@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

:root {
   /* Text kleuren */
   --text: #121212;
   --text-light: #F7F7F7;
   --text-lighter: #F7F7F7;

   /* Button kleuren */
   --primary: #2098D1;
   --darkprimary: #2cabe6;

   --red: #F03A47;

   /* Website achtergrondkleur */
   --background: #EBF2F5;
   --block-background: #303030;
   --background-dark: #184387;
   --image-background: #949494;

   /* Set the standard transition */
   --normal-transition: all ease-in-out 250ms;
   --slow-transition: all ease-in-out 500ms;

   /* Font family */
   --font-standard: 'Open sans', sans-serif;
   --font-title: 'Open sans', sans-serif;

   /* Variant blocks */
   --wvs-single-product-item-width: 34px;
   --wvs-single-product-item-height: 31px;
}


/* Algemeen */

* {
   font-family: var(--font-standard);
}

div#fancybox-container-1 {
    display: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
.slogan,
.title {
   font-family: var(--font-title);
   font-weight: 300;
}

p {
	font-size: 18px;
}

h2 {
   font-size: 23px;
   font-style: normal;
   font-weight: 800;
   line-height: normal;
   letter-spacing: 0.4px;
   text-transform: uppercase;
   margin-bottom: 10px;
}

nav ul li a {
   padding: 0;
   border-bottom: 2px solid transparent;
   transition: all ease-in 250ms;
}

nav {
   padding: 10px 0;
}

.navbar .navbar-nav > .nav-item::after {
    transition-delay: 0.4s;
}

#logo {
   flex-grow: unset;
}

section p {
   line-height: 1.5;
}

.outer-container {
   width: 90%;
   margin: 0 auto;
}

.header-top-search {
   flex-grow: 1;
}

.postid-2242 #frm_field_31_container {
    display: none !important;
}

.postid-2242 #offerte #product-kleuren, .postid-2242 #offerte label[for="product-kleuren"] {
    display: none !important;
}

.header-top-search .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
   border-radius: 5px !important;
   border-color: #F3F3F3 !important;
   border: 1px solid transparent;
   padding: 6px 48px 6px 24px;
   font-size: 15px;
}

.header-top-search .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit {
   top: 13px;
}

nav .phone i,
nav .email i {
   margin-right: 10px;
   font-weight: 400;
   color: var(--primary);
   position: relative;
   top: 2px;
}

nav .phone a,
nav .email a {
   font-size: 15px;
}

ul.woocommerce-mini-cart.cart_list.product_list_widget {
    display: flex;
    flex-direction: column;
}

ul.woocommerce-mini-cart.cart_list.product_list_widget li:last-child a {
    padding: 0;
}

.woocommerce-message {
    border-top-color: var(--primary) !important;
}

.woocommerce-message::before {
    color: var(--primary) !important;
}

.header-top-search .dgwt-wcas-search-wrapp {
   max-width: 430px;
   margin: unset;
}

.header__menu {
   padding: 10px 0;
   background-color: var(--background-dark);
   color: #fff;
}

.navbar {
   display: block;
}

.navbar-nav {
   column-gap: 20px;
   gap: unset;
   flex-wrap: wrap;
}

.navbar .navbar-nav>.nav-item {
   position: unset;
}

.navbar .navbar-nav>.nav-item>a.nav-link {
   color: #fff;
   font-size: 15px;
}

.navbar .navbar-nav>.nav-item ul.dropdown-menu {
   width: 100%;
}

.header-top-login {
   margin-left: 10px;
}

a {
   color: var(--text);
   font-weight: bold;
   transition: var(--transition);
}

a:hover {
   color: var(--primary);
   transition: var(--transition);
}

main#main-content {
   padding: 0;
}

.btn-dark {
   background: var(--background-dark);
   color: #fff;
   text-decoration: none !important;
}

.back-btn {
   color: var(--background-dark);
   font-size: 13px;
   font-style: normal;
   font-weight: 800;
   line-height: normal;
   letter-spacing: 0.4px;
   text-transform: uppercase;
   text-decoration: none;
}

.back-btn::before {
   content: '\f104';
   font-family: "Font Awesome 5 Pro";
   margin-right: 5px;
}

.top-single {
   gap: 12px;
}

.woocommerce .woocommerce-breadcrumb {
   margin: 0;
   font-size: 14px;
   color: var(--text);
   gap: 10px;
}

.woocommerce .woocommerce-breadcrumb a {
   color: var(--text);
   font-size: 14px;
}


.image-placeholder {
   position: relative;
   height: 125%;
   margin-top: -10%;
   background: var(--image-background);
}

#catdescription {
    position: relative;
    top: -400px;
}

/* Weather */
#weather-label {
    position: fixed;
    bottom: 80px;
    left: 0;
    z-index: 1000;
    display: flex;
    align-items: flex-start;
    flex-direction: row-reverse;
}

#toggle-label {
    background-color: #1E458B;
    color: white;
    border: none;
    border-radius: 0 10px 10px 0 ;
    padding: 10px 15px;
    font-size: 14px;
    cursor: pointer;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    display: flex;
    align-items: center;
}

#toggle-label span {
    margin-left: 5px;
}

#weather-content {
    display: none;
    background: var(--background-dark);
    border-radius: 0 10px 10px 10px;
    padding: 10px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

#weather-content.open {
    border-radius: 0 0 10px 0;
}



/* Custom Tooltip Styles */
.tooltip-inner {
   background-color: #fff !important;
   color: var(--text);
   padding: 10px 15px;
   font-size: 14px;
   border-radius: 5px;
   box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.fa-info-circle {
   color: #2098D1;
   font-size: 14px;
   margin-left: 5px;
}

.tooltip-arrow {
   border-top-color: #333 !important;
}

.tooltip.show {
   opacity: 1;
}

/* Buttons */
a.btn {
   font-weight: 600;
   text-decoration: none;
   padding: 12px 45px;
}

.btn {
   border-radius: 5px;
}

.btn i {
   margin-left: 15px;
   position: relative;
   top: 1px;
}

.btn-primary {
   background-color: var(--primary);
   color: #fff;
}

.product-content .btn-primary {
    border: 0;
    padding: 10px 20px;
}

.flex-product {
    padding: 0;
    max-width: 100%;
    overflow: hidden;
}

.product-content table {
    width: 100%;
}

.product-content .fifty-fifty-product table tr:nth-child(even) {
    background: #D3E6EE;
    border: 0;
}

.btn-primary:hover {
   background-color: var(--darkprimary);
   color: #fff;
}

.navbar .navbar-nav>.nav-item ul.dropdown-menu li:hover>a,
.navbar .navbar-nav>.nav-item:hover>a.nav-link {
   color: var(--primary);
   background-color: transparent;
}

/* subnav */
.dropdown-menu .category-info {
   height: 400px;
   width: 100%;
   background-size: cover;
   padding: 50px;
   position: relative;
   z-index: 1;
   display: flex;
   flex-direction: column;
   align-items: baseline;
   justify-content: end;
   height: 100%;
}

.subcat-divider {
   display: flex;
   justify-content: space-between;
   width: 80%;
   margin: 0 auto;
   height: 100%;
   padding: 40px;
   min-height: 480px;
}

.subcat-divider span {
   display: block;
   font-size: 16px;
   font-style: normal;
   color: var(--background-dark);
   font-weight: 800;
   line-height: normal;
   letter-spacing: 0.4px;
}

.subcat-divider .subcategories {
   display: flex;
   flex-direction: column;
   gap: 10px;
}

.dropdown-menu .category-info p {
   margin: 0;
}

.dropdown-menu h2 {
   font-size: 35px;
   font-style: normal;
   font-weight: 700;
   line-height: 1;
   /* 100% */
   letter-spacing: 0.4px;
   text-transform: capitalize;
   margin-bottom: 10px;
   margin-top: 8px;
   margin-bottom: 12px;
}

.subcat-divider li:last-child a {
   padding: 0;
}

.dropdown-menu .category-info::after {
   content: '';
   background-color: #00000077;
   position: absolute;
   z-index: -1;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}

/* Header / banner */

main#main-header {
   padding: 0;
}

.webshop-header {
   height: 80vh;
   width: 100%;
   position: relative;
   overflow: hidden;
}

.webshop-header .background-header-slide::after {
   position: absolute;
   content: '';
   left: 0;
   bottom: 0;
   width: 100%;
   height: 122px;
   opacity: 0.7;
   background: linear-gradient(180deg, rgba(24, 67, 135, 0.00) 0%, #184387 100%);
   z-index: 2;
   pointer-events: none;
}


.background-header-slide {
   position: absolute;
   width: 100%;
   max-height: 80vh;
   left: 0;
   top: 0;
   z-index: 1;
}

.webshop-header .slick-list,
.webshop-header .slick-track {
   height: 80vh;
}

.page .webshop-header .middle-content h1 {
   font-size: 70px;
   line-height: 55px;
}

.page h3 {
    font-weight: 600;
    margin-bottom: 10px;
}

@media (max-width: 768px) {
   .page .webshop-header .middle-content h1 {
      font-size: 40px;
      line-height: 30px;
   }
   
   .footer__payment-icons svg {
      height: 18px !important;
   }
}

@media (max-width: 992px) {
   .footer__top {
      margin: -1rem;
   }
}

.page .webshop-header .middle-content p {
   font-size: 25px;
   font-weight: 400;
}

.page .webshop-header .middle-content strong {
   font-weight: 700;
   font-size: 25px;
}

.page .webshop-header .middle-content .btn {
   font-size: 15px;
}

.page .webshop-header .webshop-usps-slider i {
   color: white;
}


.background-header-slide .slider-item {
   max-width: 100%;
   max-height: 100%;
   width: 100vw;
}

.background-header-slide .slick-dots {
   position: absolute;
   width: unset;
   right: 280px;
   bottom: 15px;
   border-color: #fff;
   z-index: 3;
   gap: 7px;
   z-index: 99;
}


.background-header-slide .slick-dots button {
  border-color: #fff;
  border-width: 2px;
}

.background-header-slide .slick-active button {
   border-color: #fff;
   background: white;
}

.background-header-slide img {
   height: 100%;
   width: 100%;
   object-fit: cover;
}

.webshop-header .webshop-usps {
    width: auto;
    position: relative;
    z-index: 2;
}

.webshop-header .webshop-usps ul {
   margin: 0;
   justify-content: start;
   gap: 25px;
   flex-wrap: wrap;
}

.webshop-header .webshop-usps ul li {
   color: #fff;
   font-size: 14px;
}

.webshop-usps ul li i {
   font-weight: 800;
}

.webshop-header .image-bg {
   padding: 0;
}

.webshop-header .social-icons {
   text-align: right;
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: end;
   gap: 10px;
}

.webshop-header .social-icons i {
	transition: ease-in-out color .3s;
   font-size: 23px;
   color: #fff;
}

.webshop-header .social-icons i:hover{
	color: #2098D1 !important;
}

.webshop-header .content-bg {
   height: 100%;
   padding: 23px 0;
   display: flex;
   align-items: baseline;
   justify-content: space-between;
   flex-direction: column;
   position: relative;
}

.social-icons  {
    position: relative;
    z-index: 1;
}

.webshop-header .image-bg img {
   padding: 0;
   height: 450px;
   width: 100%;
   object-fit: cover;
   border-radius: 0 10px 10px 0;
}

.webshop-header h1 {
   color: #FFF;
   text-align: center;
   text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
   font-size: 70px;
   font-style: normal;
   margin-bottom: 0;
   font-weight: 800;
   line-height: 1;
   text-transform: uppercase;
}

.webshop-header h1 span {
   display: block;
   font-size: 22px;
   font-style: normal;
   font-weight: 900;
   line-height: normal;
}

.middle-content {
   text-align: center;
   margin: 0 auto;
   position: relative;
   z-index: 1;
   margin-bottom: 60px;
   transform: scale(0.5);
   transition: transform 3s ease-in-out; /* langzaam en vloeiend */
}

.middle-content img#afdekzeil {
    width: 100%;
    object-fit: contain;
}

.middle-content p {
   color: #FFF;
   margin-bottom: 15px;
   font-size: 25px;
   font-style: normal;
   font-weight: 800;
   line-height: 35px;
   text-transform: uppercase;
   text-align: center;
   display: flex;
   align-items: center;
   gap: 5px;
   justify-content: center;
}

.middle-content p img {
   width: 28px;
   height: 25px;
}

/* Category slider */
.cato-section {
   padding-top: 80px;
   padding-bottom: 60px;
}

.cato-section h2 {
   margin-bottom: 16px;
}


.cato-section .category-item {
   position: relative;
}

.cato-section .category-item a {
   text-decoration: none;
}

.cato-section .category-item a::after {
   position: absolute;
   inset: 0;
   content: '';
}

.cato-slider .category-item {
   height: 160px;
   background-size: cover;
   background-position: center;
   background-color: var(--background-dark);
   transition: ease-in-out 0.5s;
   border-radius: 5px;
   padding: 10px 15px;
   margin-right: 12px;
   display: flex;
   align-items: end;
   position: relative;
   z-index: 1;
}

.cato-slider .category-item::after {
   content: '';
   position: absolute;
   opacity: 0.8;
   background: linear-gradient(180deg, rgba(24, 67, 135, 0.00) 0%, #184387 100%);
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   border-radius: 5px;
   z-index: -1;
}

.cato-slider .category-item:hover {
   transform: scale(1.03);
   transition: ease-in-out 0.5s;
}

.cato-slider .category-item img {
   width: 100%;
   height: 250px;
   object-fit: contain;
}

.cato-slider .category-item div {
   text-transform: capitalize;
   display: flex;
   align-content: center;
   justify-content: space-between;
   width: 100%;
   color: #fff;
}

.cato-slider .category-item h3 {
   font-size: 16px;
   font-style: normal;
   width: 100%;
   margin: 0;
   color: #fff;
   font-weight: 700;
   line-height: normal;
   width: 85%;
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
}

.cato-slider .category-item i {
   position: relative;
   top: 2px;
}

.cato-slider button.slick-arrow.slick-prev {
   position: absolute;
   top: 0;
   left: unset;
   bottom: unset !important;
   right: 35px;
   margin-top: -30px;
   background-position: right;
   transform: rotate(180deg);
}

.cato-slider button.slick-arrow.slick-next {
   position: absolute;
   right: 0;
   top: -30px;
   background-position: right;
}

/* Populair products */
.populair-products {
   background-color: var(--background-dark);
   margin: 40px 0;
}

.populair-products h2 {
   color: #fff;
   margin-bottom: 32px;
}

.populair-products .buttons {
   gap: 20px;
   margin-top: 40px;
   justify-content: center;
}

.populair-products .buttons a {
   color: #fff;
}

.populair-products .buttons a.btn-read-more {
   text-decoration: underline;
}

.populair-products .slick-prev:before,
.populair-products .slick-next:before {
   color: #fff;
}

.populair-products h2 span {
   background-color: var(--red);
   padding: 3px 10px;
   border-radius: 2px;
   margin: 0;
   font-size: 23px;
}

.populair-products button.slick-arrow.slick-prev {
   position: absolute;
   top: 0;
   left: unset;
   bottom: unset !important;
   right: 35px;
   margin-top: -30px;
   background-position: right;
   transform: rotate(180deg);
}

.populair-products button.slick-arrow.slick-next {
   position: absolute;
   right: 0;
   top: -30px;
   background-position: right;
}

/* Best selling */
.best-selling {
   padding: 100px 0;
   overflow: hidden;
}

.best-selling h2 {
   margin-bottom: 20px;
}

.best-selling .best-selling-slider {
   width: 100vw;
   overflow: hidden;
}

.best-selling .best-selling-slider .card-product {
   margin: 0 10px;
}

.best-selling .slick-track {
   margin: 0;
}

.best-selling button.slick-arrow.slick-prev,
.best-selling button.slick-arrow.slick-next {
   top: 20px;
   left: 0;
   position: relative;
}

.best-selling button.slick-arrow.slick-prev {
   left: 28px;
}


/* Woocommerce */
.product-info {
   padding-top: 40px;
}

.product-content__holder {
   background-color: #EBF2F5;
}

.woocommerce table.shop_attributes tr:nth-child(even) td,
.woocommerce table.shop_attributes tr:nth-child(even) th {
   background: #D3E6EE;
   border: 0;
}

.woocommerce table.shop_attributes th,
.woocommerce table.shop_attributes td {
   padding: 10px;
   border: 0;
}

.woocommerce table.shop_attributes {
   border: 0;
}

.product-info__nav-slide img {
   object-fit: cover;
   border-radius: 10px;
   margin-right: 10px;
}

.product-info button.slick-arrow.slick-prev {
   left: 0;
   margin-top: 0px;
}

.product-info .title-small {
   font-size: 17px;
   font-style: normal;
   font-weight: 800;
   line-height: normal;
   letter-spacing: 0.4px;
   text-transform: uppercase;
}

.excl-variation {
    color: var(--background-dark);
    font-weight: 600;
}

#form_offerte-aanvragen2 .product-info__qty-input {
    display: none;
}

.single-product .woocommerce-variation-price bdi, .price-simple bdi {
    font-size: 35px;
    font-weight: 700;
}

.price-simple {
    padding-top: 15px;
    padding-bottom: 20px;
}

.input-group {
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
}
.input-group input {
    padding: 10px;
    font-size: 16px;
    flex: 1;
}
.add-group-btn {
    margin-top: 10px;
    padding: 10px 20px;
    font-weight: 600;
    border: 0;
    background-color: #e0e0e0;
    border-radius: 3px;
    font-size: 14px;
    cursor: pointer;
}

.add-group-btn:hover {
    background-color: #c0c0c0;
}

.add-group-btn i {
    margin-right: 3px;
}

.single-product .single_add_to_cart_button::before {
    content: '\f07a';
    font-family: 'Fontawesome';
    margin-right: 12px;
    top: 1px;
    position: relative;
}

.card-product .single_add_to_cart_button::before {
    display: none;
}

.card-product .single_add_to_cart_button::before {
    margin-right: 0 !important;
}

#offerte .woocommerce-variation-add-to-cart, #offerte .qty, #offerte .single_add_to_cart_button {
   display: none;
}

.woocommerce-Price-amount {
    margin-right: 0;
}

#offerte .woocommerce-Price-amount {
   margin-right: 0;
}

.product-info__holder-right .woocommerce-Price-amount.amount:last-of-type {
   margin: 0;
}

.product-card-grid .wpgb-card-body {
   height: 155px;
}

#form_offerte-aanvragen2 {
   z-index: 1;
   position: relative;
}

.variations_form .reset_variations {
   display: none !important;
}

#price-form bdi, #price-form span, .offerte-price {
   font-size: 25px;
   font-style: normal;
   font-weight: 700;
   line-height: normal;
   color: var(--text);
}

.offerte-price-big {
   font-size: 12px;
   font-style: normal;
   font-weight: 700;
   line-height: normal;
   letter-spacing: 0.4px;
}

.frm_error {
    background-color: rgb(207, 207, 207);
    padding: 10px 20px !important;
}

.woocommerce-cart .container {
    max-width: 100%;
    margin: 0 auto;
    width: 90%;
}

.woocommerce-cart #fc-wrapper {
    width: 100% !important;
    max-width: unset;
}

@media (min-width: 1500px) {
    body.woocommerce-checkout .fc-content.fc-container {
        padding: 0 !important;
        max-width: unset !important;
        width: 90% !important;
    }
}

.wp-grid-builder .wpgb-card-4 .wpgb-block-1 {
   height: 45px;
   overflow: hidden;
}

.wp-grid-builder .wpgb-card .wpgb-card-media-thumbnail div {
   background-size: cover !important;
}

.offerte-price-big #price-form bdi {
   font-size: 30px;
   font-style: normal;
   font-weight: 800;
   line-height: normal;
   letter-spacing: 0.75px;
   color: var(--text);
}

.variations tr {
   margin-bottom: 15px;
}

.product-info form.variations_form.cart {
   padding: 0;
   padding-top: 20px
}

.product-info__list {
   background-color: transparent;
   padding: 10px 0;
}

.variations tbody .value div {
   margin-bottom: 0;
}

.product-info__list ul {
   display: grid;
   grid-template-columns: 1fr 1fr;
}

.product-info__list ul li::before {
   color: var(--primary);
}

.product-info form.variations_form.cart {
   margin-bottom: 0;
}

.simple-product-summary #custom-variation-price {
    display: flex;
    align-items: center;
    gap: 15px;
}

.simple-product-summary .cart {
    margin: 0 !important;
}

.simple-product-summary #custom-variation-price p {
    margin: 0;
    font-size: 30px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    letter-spacing: 0.75px;
}

.js-product-link {
   font-size: 26px;
   font-style: normal;
   font-weight: 800;
   line-height: normal;
   letter-spacing: 0.4px;
   text-transform: uppercase;
   margin-bottom: 10px;
}

#description h2 {
   font-size: 18px;
   font-style: normal;
   color: var(--background-dark);
   font-weight: 800;
   line-height: normal;
   letter-spacing: 0.4px;
   text-transform: uppercase;
   margin-bottom: 10px;
}

.andere-cursussen {
   background: #EBF2F5;
   padding: 100px 0;
}

.andere-cursussen h2 {
   font-size: 35px;
   font-style: normal;
   font-weight: 900;
   line-height: 38px;
   /* 108.571% */
   letter-spacing: 0.4px;
   text-transform: uppercase;
}

.andere-cursussen .col-lg-4 span {
   display: block;
   font-size: 18px;
   font-style: normal;
   font-weight: 900;
   line-height: normal;
   letter-spacing: 0.63px;
}

.recent-products {
   display: none;
}

.andere-cursussen .slickje {
   width: 100vw;
   overflow: hidden;
}


.andere-cursussen .slickje img {
   height: 150px;
}

#extra-description td {
   align-content: center;
}


#extra-description h3 {
   font-size: 18px;
   font-style: normal;
   font-weight: 800;
   line-height: normal;
   letter-spacing: 0.4px;
   text-transform: uppercase;
   color: #2098D1;
   margin-bottom: 10px;
   margin-top: 40px;
}

#extra-description .btn {
   padding: 0 !important;
}

#extra-description h4 {
   font-size: 16px;
   font-style: normal;
   font-weight: 800;
   line-height: normal;
   letter-spacing: 0.4px;
   text-transform: uppercase;
   color: var(--text);
   margin-top: 40px;
}

.product-info button.slick-arrow.slick-next {
   right: 0;
   margin-top: 0px;
}

.product-info h1 {
   font-size: 35px;
   font-style: normal;
   font-weight: 800;
   line-height: normal;
   letter-spacing: 0.4px;
   text-transform: uppercase;
   color: var(--text);
}

.intro-category {
   background-color: var(--background);
   padding-top: 60px;
   padding-bottom: 100px;
}

.wpgb-facet .wpgb-facet-title {
   color: var(--text);
   font-family: var(--font-standard);
   font-size: 16px !important;
   font-style: normal;
   font-weight: 800;
   line-height: normal;
   margin-bottom: 10px !important;
   text-transform: uppercase;
}

.filter-header {
    cursor: pointer;
    user-select: none;
    transition: background-color 0.2s ease;
}

.filter-toggle {
    font-size: 18px;
    transition: transform 0.3s ease;
}

.filter-toggle.rotated {
    transform: rotate(180deg);
}

.filter-content {
    transition: all 0.3s ease;
}

/* Mobiele styling */
@media (max-width: 768px) {
    .filter-content {
        display: none;
        max-height: 0;
        overflow: hidden;
        padding: 0 15px;
    }

    .filter-content.show {
        display: block;
        max-height: 1000px;
        padding: 15px;
    }
}

/* Desktop styling */
@media (min-width: 769px) {
    .filter-header {
        cursor: default;
        pointer-events: none;
    }
    
    .filter-toggle {
        display: none;
    }
    
    .filter-content {
        display: block !important;
        max-height: none !important;
    }
}

.filter-title {
   font-size: 24px;
   display: flex;
   font-weight: 800;
   letter-spacing: 0.4px;
   color: #121212;
   margin-bottom: 0;
   position: relative;
   align-items: center;
}

span.filter-title::before {
   content: "\f0b0";
   font-family: "Font Awesome 5 Pro";
   font-weight: 900;
   margin-right: 12px;
   font-size: 20px;
   color: var(--primary);
}

.help-block {
   background-color: var(--background-dark);
   padding: 20px;
   border-radius: 15px;
   color: #fff
}

.help-block h3 {
   margin-bottom: 10px;
   color: #fff;
   font-weight: 700;
   font-size: 18px;
}

.help-block a {
   text-decoration: none;
   color: #fff;
}

.card-product {
   padding: 15px;
}

.wp-grid-builder .wpgb-card .wpgb-card-media {
   margin-bottom: 5px;
}

.price-quantity-container form {
   justify-content: end;
   margin-top: 20px;
}

.wp-grid-builder .wpgb-card .price-quantity-container--alt .single_add_to_cart_button {
   justify-content: end;
   margin-top: 20px !important;

   border: none;
   background-color: var(--primary) !important;
   padding: 5px 15px;
   border-radius: 5px;
   color: #fff;
   font-size: 16px;
   font-weight: bold;
   float: right;
}


.card-product button.single_add_to_cart_button.button.alt,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt {
   font-size: 15px;
   min-height: 34px;
}

.card-product .price del bdi,
.card-product .price del bdi span {
   color: #D7D7D7;
}

.card-product .price ins {
  text-decoration: none;
}

.card-product .price del {
  position: relative;
  text-decoration: none;
}

.card-product .price del::after {
   content: '';
  position: absolute;
  width: 100%;
  background-color: #D7D7D7;
  height: 3px;
  left: 0;
  bottom: 0;
  transform: rotate(-8deg);
  top: 8px;
}

.wp-grid-builder .wpgb-card-4 h3 a {
   font-size: 16px;
   font-style: normal;
   font-weight: 800;
   line-height: 21px;
   /* 116.667% */
   text-transform: uppercase;
}

.product-card-grid .wpgb-card .exl-price {
   margin: 0;
}

.card-product img {
   padding: 0;
   object-fit: cover;
   border-radius: 5px;
}

.card-product .woocommerce-loop-product__title {
   font-size: 18px;
   font-style: normal;
   font-weight: 800;
   line-height: 21px;
   /* 116.667% */
   text-transform: uppercase;
   margin-bottom: 18px;
   height: 42px;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   overflow: hidden;
   height: 42px;
   text-overflow: ellipsis;
}

.card-product span.price-excl-tax {
   margin-top: 0;
   margin-bottom: 18px;
   font-weight: 700;
}

.card-product span.onsale {
   background-color: var(--red);
   top: 24px;
   right: 24px;
   font-size: 13px;
   font-weight: 600;
}

.product-card-price {
    text-align: left;
}

.product-card-price span, .product-card-price bdi {
    font-size: 24px;
    font-weight: 700;
}

.card-product .woocommerce-loop-product__title,
.card-product .price,
.product-card-grid .wpgb-card .exl-price,
span.price-excl-tax {
   text-align: left;
}

.wp-grid-builder .wpgb-card .wpgb-card-media-thumbnail div {
   border-radius: 15px !important;
   margin-bottom: 10px !important;
}

.wp-grid-builder .wpgb-card .wpgb-card-media-content-top {
   width: unset !important;
   right: 12px !important;
   top: 5px !important;
}

.intro-category__back a {
   font-family: "Open Sans";
   font-size: 15px;
   font-style: normal;
   font-weight: 800;
   line-height: normal;
   letter-spacing: 0.4px;
   text-transform: uppercase;
   color: var(--background-dark);
}

.intro-category__content h1 {
   font-size: 35px;
   font-style: normal;
   font-weight: 800;
   line-height: normal;
   letter-spacing: 0.4px;
   text-transform: uppercase;
}

.intro-category__subcat .cato-item {
   border-radius: 5px;
   border: 1px solid #C7C7C7;
   padding: 25px 20px;
   margin-right: 15px;
   transition: ease-in-out 0.5s;
}

.intro-category__subcat .first {
   width: 100px !important;
   height: 93px;
   border-color: var(--background-dark);

   display: flex;
   align-items: center;
   justify-content: center;
}

.intro-category__subcat a {
   text-decoration: none ;
}

.intro-category__subcat .cato-item.first h4 {
   color: var(--background-dark);
}

.intro-category__subcat .cato-item:hover h4,
.intro-category__subcat .cato-item:hover span {
   color: #fff;
   transition: ease-in-out 0.5s;
}

.intro-category__subcat .cato-item:hover {
   background-color: var(--background-dark);
   transition: ease-in-out 0.5s;
}

.intro-category__subcat .cato-item .d-flex {
   gap: 3px;
}

.intro-category__subcat h4 {
   margin: 0;
   font-size: 15px;
   font-style: normal;
   font-weight: 700;
   line-height: normal;
   letter-spacing: 0.4px;
   display: -webkit-box;
   -webkit-line-clamp: 1;
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
}

.intro-category__subcat span {
   font-size: 14px;
   font-style: normal;
   color: var(--background-dark);
   font-weight: 800;
   line-height: normal;
   letter-spacing: 0.4px;
}

.intro-category__subcat button.slick-arrow.slick-next,
.intro-category__subcat button.slick-arrow.slick-prev {
   bottom: -85px;
}

/* Page template */

.bedankt-page {
    margin-top: 60px;
}

.top-header-intro {
   height: 280px;
   width: 100%;
   background-size: cover;
   background-position: center;
}

.titel-block {
   padding-top: 40px;
   padding-bottom: 40px;
   position: relative;
   z-index: 1;
   border-bottom: 1.5px solid #E9E9E9;
}

.blog h1, .single-post h1 {
    color: #fff;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.50);
}

.single-post .flex-item {
    padding-top: 40px;
}

.page h1, .blog h1, .single-post h1 {
   font-size: 40px;
   font-style: normal;
   font-weight: 800;
   line-height: normal;
   letter-spacing: 0.4px;
   text-transform: uppercase;
   margin-bottom: 5px;

}

.page .titel-block::after {
   content: '';
   background-color: #fff;
   border-radius: 20px 20px 0 0;
   left: -10%;
   z-index: -1;
   top: 0;
   width: 110%;
   height: 100%;
   position: absolute;

}

.page .page-content {
   position: relative;
   top: -50px;
}

.page .page-content section:first-of-type {
   padding-top: 40px;
}

.page .page-content section {
    padding: 60px 0;
}

.page .fifty-fifty .inner-content {
    width: 100%;
}

.blog .post-card img {
    height: 300px;
    width: 100%;
    object-fit: cover;
    border-radius: 10px;
    margin-bottom: 10px;
}

.blog .post-card {
    margin-bottom: 10px;
}

.blog h2.post-title a {
    font-size: 18px;
    font-weight: 700;
    text-decoration: none;
    display: block;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* number of lines to show */
            line-clamp: 3; 
    -webkit-box-orient: vertical;
}

.blog .post-date {
    font-size: 14px;
    font-style: italic;
}

.page-id-2507 .fifty-fifty__container {
    overflow: visible;
}

.page-id-2507 .fifty-fifty__container .inner-content {
    width: 100%;
}

.widget li a {
    font-weight: 500;
    text-decoration: none;
    display: block;
    margin-bottom: 8px;
}

/* Footer */

footer {
   padding: 0 0 30px 0;
   background: var(--block-background);
}

footer a, footer ul li a, footer p {
   font-size: 15px;
}

footer .footer__links {
   padding: 70px 0 15px 0;
}

footer .footer__links-title {
   letter-spacing: .75px;
   text-transform: uppercase;
}

.footer__contact-info i {
   color: #2098D1;
}

.footer__contact-info a {
   font-weight: 600;
}

.footer__top {
   background-color: var(--background-dark);
   padding: 80px 0;
}

footer .col-md-12.logo-socials {
   display: flex;
   justify-content: space-between;
   padding-bottom: 30px !important;
}

footer .col-md-12.logo-socials * {
   color: #FFF !important;
   padding: 15px 0;
   max-height: 100px;
   text-decoration: none;
}

footer .col-md-11.footer-locaties {
   padding: 15px 0;
   display: contents;
}

footer .col-md-11.footer-locaties .item {
   position: relative;
   min-width: calc(100% / 4);
   margin-bottom: 15px;
}

footer .col-md-11.footer-locaties .item .title {
   color: var(--darkprimary);
   font-weight: bold;
   font-size: 16px;
   font-family: var(--font-standard);
}

footer .col-md-11.footer-locaties .item .lowertitle {
   color: var(--background);
   font-weight: bold;
   font-size: 16px;
   text-transform: uppercase;
}

footer .socials a {
   margin-right: 5px;
}

footer .socials a img {
   height: 60px;
   width: auto;
}

footer .col-md-12.openingstijden.p-0 {
   padding-top: 30px !important;
   padding-bottom: 30px !important;
}

footer .col-md-12.openingstijden.p-0 * {
   color: var(--text-light);
}

footer .col-md-12.openingstijden.p-0 p {
   margin-bottom: 5px;
}

footer .col-md-12.lowerbar.p-0 {
   display: flex;
   justify-content: space-between;
}

footer .col-md-12.lowerbar.p-0 * {
   color: var(--text-light);
}

footer .contactsocials {
   display: flex;
   justify-content: space-between;
   width: 250px;
   max-width: 100%;
}


footer .social-icons {
   display: flex;
   align-items: center;
   gap: 3px;
}

footer .social-icons img {
   width: 30px;
   height: 30px;
   object-fit: contain;
}

footer .contactsocials i {
   margin-right: 5px;
}

footer .voorwaarden a {
   text-decoration: none;
}

.footer__top #form_nieuwsbrief-footer .frm_form_fields .footer__btn-icon .frm_submit {
   height: 100%;
}

.footer__top #form_nieuwsbrief-footer .frm_form_fields .footer__btn-icon .frm_submit button {
   top: 0;
   height: calc(100% - 8px) !important;
   border-radius: 0 !important;
   margin-top: 8px !important;
}

.title-color {
    display: block;
    color: #fff;
    font-weight: 600px;
    font-size: 15px;
    margin-top: 5px;
}

.colors-row {
    gap: 20px;
}

.product-info__holder-right label {
    display: block;
}

#product-kleuren {
    margin-bottom: 20px;
    padding: 5px;
}

/* Builder single */
.flex-product h2 {
    color: var(--background-dark);
    font-size: 18px;
}

.flex-product {
    padding: 0;
}

.flex-product .columns ul li {
    color: #fff;
}

.flex-product .fifty-fifty-product {
    background-color: #f2f5f7;
}

.flex-product iframe {
    width: 500px;
    height: 300px;
    border-radius: 5px;
}

.flex-product .full-width-product table {
    width: 100%;
    margin-bottom: 20px;
    border: 0;
    background-color: transparent !important;
}


.flex-product .full-width-product table tr th, .flex-product .full-width-product table tr td  {
    padding: 10px;
}

.flex-product .full-width-product table tr th span, .flex-product .full-width-product table tr td span  {
    color: var(--text) !important;
}

.flex-product a img {
    height: auto;
    width: auto;
}

.flex-product .columns .table-striped tr th, .flex-product .columns .table-striped tr td  {
    padding: 10px;
}

.flex-product .full-width-product span {
    color: var(--text) !important;
}

.flex-product .columns a {
    color: #fff;
}

.flex-product .full-width-product table tr:nth-child(odd) {
    background-color: #EBF2F5;
}

.flex-product .bestel {
    padding: 10px 0;
}



.fifty-fifty-product img {
    width: 100%;
    height: 340px;
    border-radius: 5px;
    object-fit: cover;
}  

.fifty-fifty-product p img {
    width: 100%;
    height: 400px;
    object-fit: contain;
}

.fifty-fifty-product p {
    margin-bottom: 0;
}

.full-width-product ul, .fifty-fifty-product ul {
    padding-left: 18px;
}

.columns {
    padding: 80px 0;
    background-color: var(--background-dark);
}


.columns h2, .columns h3, .columns p {
    color: #fff;
}

.columns .bestel {
    border: 1px solid #fff;
    padding: 10px 25px;
}

.columns p {
    font-weight: 300;
}

.columns table th {
    width: 150px;
    font-weight: 700;
}

.columns table {
    width: 100%;
}

.columns table th, .columns table tr {
    padding: 10px;
    color: #fff;
}

.columns table tr:nth-child(even) td, .columns table tr:nth-child(even) th {
    background: #103570;
    border: 0;
}

.product-colors .color-container {
    display: flex;
    align-items: center;
    gap: 5px;
    justify-content: end;
    width: 90%;
    margin: 0 auto;
    background-color: var(--background-dark);
    padding: 30px 15px;
    position: relative;
    bottom: -60px;
}

.product-colors .d-flex {
    justify-content: space-between;
}


.product-colors {
    padding: 20px 0;
}

.product-colors .subtitle {
    display: block;
    font-size: 15px;
    color: var(--primary);
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    letter-spacing: 0.4px;
    text-transform: uppercase;
}

.product-colors .added-info {
    background: #EBF2F5;
    padding-top: 100px;
    padding-bottom: 20px;
}

.product-colors h2 {
    font-size: 36px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    letter-spacing: 0.4px;
    color: #fff;
}

.product-colors img {
    width: 112px;
    height: 100px;
    object-fit: cover;
    border-radius: 5px;
}

/* Flexbuilder */
@media (min-width: 768px) {
   .fifty-fifty .inner-content {
      width: 60%;
   }
}

.fifty-fifty .inner-content p {
   color: #303030;
   letter-spacing: .4px;
   line-height: 33px;
   font-size: 18px;
}

.link-container {
   display: flex;
   width: auto;
   max-width: 100%;
   margin-left: auto;
   padding: 30px 0;
   justify-content: space-between;
   border-top: 1px solid var(--text);
}

.slogan {
   position: relative;
   padding: 0px 0 30px 0;
   font-weight: bold;
   font-size: 88px;
   color: var(--text);
   max-width: 389px;
   margin-left: auto;
   line-height: 1.2;
}

.top-titel {
   position: relative;
   font-size: 18px;
   text-transform: uppercase;
   font-weight: bold;
   color: var(--text);
}

.link-container .link {
   margin-left: 15px;
   transition: var(--transition);
}

.link-container .link:nth-child(1) {
   margin-left: 0px;
}

.link-container .link a {
   text-transform: uppercase;
   text-decoration: none !important;
   font-weight: normal;
}

.link-container .link a i {
   margin-left: 10px;
}

.flex-item {
   padding: 120px 0;
}

#field_bjjd7_label {
    font-weight: 700;
}

.product-info__upgrade {
    margin-bottom: 10px;
   }

/* Desktop styling only */
@media screen and (min-width: 991px) {
   #mobile-menu {
      display: none;
   }

   #logo img {
      height: 45px;
   }

   footer .col-md-12.logo-socials.p-0 .socials {
      padding-top: 45spx;
   }

   /* width */
   ::-webkit-scrollbar {
      width: 5px;
      height: 5px;
      border-radius: 6px;
      cursor: pointer;
   }

   /* Track */
   ::-webkit-scrollbar-track {
      background: #f1f1f1;
      cursor: pointer;
   }

   /* Handle */
   ::-webkit-scrollbar-thumb {
      background: var(--image-background);
      cursor: pointer;
   }

   /* Handle on hover */
   ::-webkit-scrollbar-thumb:hover {
      background: var(--image-background);
      cursor: pointer;
   }

   button.slick-arrow {
      padding: 20px;
      border: 0;
      background: url(/wp-content/themes/on-theme/img/slick-arrows.png);
      position: absolute;
      text-indent: 999px;
      overflow: hidden;
      height: 60px;
      width: 60px;
      top: 50%;
      transform: translateY(-50%);
      z-index: 2;
   }

   button.slick-arrow.slick-next {
      position: absolute;
      right: -150px;
      background-position: right;
   }

   button.slick-arrow.slick-prev {
      position: absolute;
      left: -150px;
      margin-top: -30px;
      background-position: right;
      transform: rotate(180deg);
   }
}

/* Mobile styling only */
@media screen and (max-width: 991px) {
   #primary-menu {
      display: none;
   }

   .social-icons {
    padding: 10px;
   }

   .middle-content {
    margin-bottom: 0 !important;
   }

   .whatsapp-btn {
    right: 20px !important;
    bottom: 15px !important;
   }

   .best-selling {
    padding: 50px 0;
   }

   .footer__top .row {
    row-gap: 40px;
   }

   nav .email,
   nav .phone {
      display: none;
   }

   .navigatie nav {
      justify-content: space-between;
   }

   #logo {
      flex-grow: 1 !important;
   }

   .webshop-header .slick-list, .webshop-header .webshop-usps .slick-track {
        height: 100%;
   }

   .header-top-cart:hover {
    display: none !important;
   }

   .home h1 {
    font-size: 30px;
   }

   .page .webshop-header .middle-content p, .page .webshop-header .middle-content strong {
    font-size: 18px;
   }

   .outer-container {
      width: 100%;
      margin: unset;
      padding: 0 15px !important;
   }

   .populair-products .buttons {
        flex-direction: column;
   }

   .best-selling button {
    display: none;
   }

   .best-selling .best-selling-slider {
    width: 100%;
   }

   .top-single {
    align-items: start !important;
    flex-direction: column;
   }

   .single-product .woocommerce-breadcrumb  {
        display: none;
   }

   .single-product .product-info__holder-left {
        position: relative !important;
        top: 0 !important;
        width: 100%;
   }

   .product-info__holder .product-info__for .slick-track .product-info__slider-image img, .product-info__holder .product-info__for .slick-track img {
    width: 100% !important;
   }

   .product-info__holder .product-info__for .slick-track .product-info__slider-image {
    height: 300px !important;
   }

   .product-info__list ul {
    grid-template-columns: 1fr !important;
   }

   .color-container .d-flex.align-items-center {
    flex-direction: column !important;
   }

   .product-content iframe {
    width: 100%;
   }

   .a.added_to_cart.wc-forward {
    display: none;
   }

   .colors-row {
    gap: 20px;
    flex-wrap: wrap;
    }

    .woocommerce table.shop_attributes th {
        white-space: unset !important;
    }

    .fifty-fifty .inner-content {
        padding-left: 0 !important;
    }

    .andere-cursussen .slickje {
        width: 100%;
    }

    .andere-cursussen .related-products {
        margin-top: 25px;
    }

    .simple-product-summary .d-flex.mt-2 {
        flex-direction: column;
        align-items: start !important;
        margin-top: 22px !important;
    }

    
    .simple-product-summary .d-flex.mt-2 img {
        margin-top: 10px;
    }

   .navbar .navbar-nav>.nav-item>a.nav-link {
      color: var(--text);
   }

   .navbar .navbar-nav>.nav-item ul.dropdown-menu {
      display: none;
   }

   .product-info__upgrade {
    margin-bottom: 20px;
    line-height: 1.2;
   }

   .product-info__upgrade a {
    display: block;
   }

   button.slick-arrow {
      display: none !important;
   }

   footer .col-md-12.lowerbar.p-0 {
      display: contents;
   }

   footer .contactsocials {
      margin-bottom: 15px;
   }

   footer {
      padding: 15px;
      overflow: hidden;
   }

   .flex-item {
      padding: 45px 0;
   }

   .slogan {
      position: relative;
      padding: 0px 0 30px 0;
      font-weight: bold;
      font-size: 50px;
      color: var(--text);
      max-width: 100%;
      margin-left: auto;
      line-height: 1.2;
   }

   .link-container {
      display: block;
      width: auto;
      max-width: 100%;
      margin-left: auto;
      padding: 15px 0;
      justify-content: space-between;
      border-top: 1px solid var(--text);
   }

   #logo img {
      height: 50px;
      width: auto !important;
   }

   .menu-hoofdmenu-container {
      display: none;
   }

   .mobile-menu-toggle-position {
      position: absolute;
      top: 15px;
      right: 15px;
      display: block;
      z-index: 9999;
      background: #FFF;
      border-radius: 50%;
   }

   button.menu-toggle {
      height: 50px;
      width: 50px;
      border: 0;
      background: transparent;
      outline: 0;
      top: -5px;
      position: relative;
   }

   .menu-toggle div {
      position: relative;
      width: 90%;
      margin: auto;
      height: 2px;
      background: var(--text);
   }

   .menu-toggle div:nth-child(2) {
      position: relative;
      top: 5px;
      width: 90%;
      margin: auto;
      height: 2px;
      background: var(--text);
   }

   .menu-toggle div:nth-child(3) {
      position: relative;
      top: 10px;
      width: 90%;
      margin: auto;
      height: 2px;
      background: var(--text);
   }

   .menu-open .menu-hoofdmenu-container {
      display: block;
   }

   .menu-open {
      touch-action: none;
   }

   .menu-open #main-header,
   .menu-open #main-content,
   .menu-open footer {
      display: none !important;
   }

   .menu-open {
      touch-action: none;
      position: relative;
      height: 100%;
      background-color: var(--image-background);
   }

   ul#mobile-menu-ul {
      position: absolute;
      width: 100%;
      top: 0;
      left: 0;
      height: 100%;
      background-color: var(--image-background);
      z-index: 99;
      transition: all ease-in-out 250ms;
      padding: 200px 60px;
      display: block;
   }

   #mobile-menu-ul li {
      position: relative;
      width: 100% !important;
      padding-bottom: 7.5px;
      margin-bottom: 7.5px;
      text-align: center;
   }

   #mobile-menu-ul li a {
      text-transform: uppercase;
      font-size: 25px;
      text-decoration: none !important;
   }

   .flex-item {
      position: relative;
      width: 100%;
      max-width: 100%;
      overflow: hidden !important;
   }
}

.woocommerce table.shop_attributes td {
   font-size: 15px;
   font-style: normal;
   letter-spacing: .45px;
}

.woocommerce table.shop_attributes th {
   font-size: 15px;
   letter-spacing: .45px;
   white-space: nowrap;
}

.product-content__panel h4,
.product-content__panel h2 {
   color: #184387;
   text-transform: uppercase;
   font-size: 18px;
   letter-spacing: .4px;
   font-style: normal;
   font-weight: 800;
   line-height: normal;
   margin-bottom: 10px;
   margin-top: 60px;
}

.product-content__panel p,
.product-content__panel {
   color: #3D3D3D;
   font-size: 18px;
   letter-spacing: .4px;
   font-weight: 100;
   line-height: 30px;
}

.product-content__panel table tr {
   font-size: 14px;
   vertical-align: middle;
}

.product-content__panel table:not(.shop_attributes) tr:nth-child(odd) td,
.product-content__panel table:not(.shop_attributes) tr:nth-child(odd) th {
   background: #D3E6EE;
   border: 0;
}

.product-content__panel table tr img {
   margin-left: 10px;
}



.product-info__nav-slide {
   padding: 7px 9px;
   border: 1px solid #232323;
   border-radius: 5px;
   margin-right: 8px;
}

.product-info__nav-slide--more {
  position: relative;
  opacity: 1 !important; 
}

.product-info__nav-slide--more picture {
  opacity: .4 !important; 
}

.product-info__nav-slide--more span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 20px;
  font-weight: bold;
  color: #000000;
  pointer-events: none;
}

.product-info__nav-slide:not(.slick-current):hover {
   opacity: 1;
}

.col-md-9.col-xs-12.main-page.content.collection {
    width: 100% !important;
}

.product-info__price-from {
   font-weight: 600;
   margin-bottom: 15px;
}

.woocommerce-variation-add-to-cart.variations_button {
    display: flex;
    align-items: center;
    gap: 10px;
}

.frm_style_formidable-style.with_frm_style .frm_submit button.product-info__button {
   background: #009DDE;
   border-radius: 5px !important;
   padding: 14px !important;
   font-size: 15px !important;
   letter-spacing: .4px;
   display: flex;
   width: 100%;
   justify-content: center;
   align-items: center;
   margin: 0;
}


.frm_style_formidable-style.with_frm_style .product-info__qty-input label {
   padding: 0;
}

.frm_style_formidable-style.with_frm_style .product-info__qty-input input {
   border-radius: 3px !important;
   font-size: 1rem !important;
   font-weight: 500;
   letter-spacing: .4px;
   text-align: center;
}

#cart-link span {
   background-color: #F03A47;
   height: 17px;
   width: 17px;
   font-size: 10px;
   font-weight: bold;
   top: -8px;
   right: -6px;
}

.woocommerce .woocommerce-breadcrumb a {
   text-decoration: none;
   font-weight: 500;
   color: #303030;
}

.woocommerce .woocommerce-breadcrumb {
   font-weight: 600;
   letter-spacing: .4px;
   color: #121212;
}

.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).color-variable-item.selected:not(.no-stock) .variable-item-contents:before,
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).image-variable-item.selected:not(.no-stock) .variable-item-contents:before {
   content: none;
}

.product-info__sku {
   font-size: 14px;
}

.product-info__slider img {
   border-radius: 5px;
}

.product-info__holder .product-info__for .slick-track .product-info__slider-image {
   height: 500px;
   width: 100%;
   padding: 0;
   display: flex;
   align-items: center;
   justify-content: center;
}

.product-info__holder .product-info__for .slick-track .product-info__slider-inner {
   position: relative;
   height: 100%;
   width: 100%;
}

.product-info__holder .product-info__for .slick-track .product-info__slider-image img, .product-info__holder .product-info__for .slick-track img {
   height: 100%;
   object-fit: cover;
   width: 80%;
   margin: 0 auto;
   border-radius: 5px;
   padding: 30px;
   border-radius: 10px;
}

.product-info__slider-enlarge {
   position: absolute;
   bottom: 10px;
   right: 10px;
   pointer-events: none;
}

.single-product .product-info__holder-left .product-info__for {
   border: 1px solid #303030;
}

.single-product .product-info__holder-left {
   position: -webkit-sticky;
    position: sticky;
    top: 160px;
    filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.05));
}

.frm_form_fields label.frm_primary_label {
   font-size: 15px !important;
   letter-spacing: .4px;
   color: #222222;
}

.product-info__upgrade {
   font-size: 15px;
   letter-spacing: .4px;
   color: #303030;
   line-height: 30px;
}

.product-info__upgrade a {
   color: #184387;
   font-size: 15px;
   letter-spacing: .4px;
   text-decoration: underline;
}

.product-info__upgrade a:hover {
   text-decoration: none;
}

.frm_style_no-border-radius.with_frm_style .form-field {
   margin-bottom: 0;
}

.with_frm_style.frm_style_no-border-radius .frm_form_fields>fieldset {
   padding: 0;
}

.dmws-copyright,
.dmws-copyright a {
   font-size: 15px;
   letter-spacing: .45px;
   margin-bottom: 10px;
   display: flex;
   justify-content: center;
}

.dmws-copyright a {
   font-weight: 500;
}

.footer__copyright-copy p {
   margin-bottom: 6px;
}

.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item) {
   -webkit-box-shadow: var(--wvs-item-box-shadow, 0 0 0 1px #D8E7ED);
   box-shadow: var(--wvs-item-box-shadow, 0 0 0 1px #D8E7ED);
}

.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item):focus,
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected,
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected:hover {
   -webkit-box-shadow: var(--wvs-selected-item-box-shadow, 0 0 0 2px #184387);
   box-shadow: var(--wvs-selected-item-box-shadow, 0 0 0 2px #184387);
   color: var(--wvs-selected-item-text-color, #184387);
}

.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item):hover {
   -webkit-box-shadow: var(--wvs-hover-item-box-shadow, 0 0 0 3px #D8E7ED);
   box-shadow: var(--wvs-hover-item-box-shadow, 0 0 0 3px #D8E7ED);
}

.variations tbody tr:first-of-type {
   gap: 0;
}

.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit {
   right: 24px;
   left: auto;
}

.woocommerce span.onsale {
   min-height: 2.236em;
}

.openinghours__item {
   display: grid;
   grid-template-columns: 1fr auto;
   gap: 1rem;
   line-height: 30px;
}

.footer__ext-link i {
   font-size: 11px;
}

.footer__contact a {
   font-weight: normal;
}

.footer__social-icons {
   display: flex;
   gap: 1rem;
   flex-wrap: wrap;
}

.footer__social-icons a:hover i {
    color: #008bc4 !important;
}

.footer__payment-icons {
   display: flex;
   gap: 12px;
   flex-wrap: wrap;
   justify-content: center;
}

.footer__payment-icons svg {
   height: 24px;
}

.footer__payment-icons svg * {
   fill: white;
}

footer hr {
   border-color: #979797;
}

.openinghours {
   container-type: inline-size;
   width: 100%;
}


.openinghours__item {
   display: grid;
   grid-template-columns: 1fr auto;
   gap: 8px;
   line-height: 30px;
}


.openinghours__item span {
   font-size: 11px;
}

@container (min-width: 160px) {
  .openinghours__item span {
    font-size: 13px;
  }
}

@container (min-width: 180px) {
  .openinghours__item span {
    font-size: 14px;
  }
}


@container (min-width: 190px) {
  .openinghours__item span {
    font-size: 15px;
  }
}

@container (min-width: 200px) {
   .openinghours__item {
      gap: 1rem;
   }
}


.footer__links-item ul#menu-klantenservice {
  column-count: 2;
}


.fifty-fifty__container {
  max-width: 100%;
  overflow: hidden;
}


.dgwt-wcas-search-input {
  box-shadow: 0px 0px 7px -6px black !important;  
}

.dgwt-wcas-search-input::placeholder { 
  color: #292929 !important;
  font-weight: 400 !important;
  letter-spacing: .45px;
}

.dgwt-wcas-search-input::-webkit-input-placeholder { /* WebKit browsers */
  color: #292929 !important;
  font-weight: 400 !important;
  letter-spacing: .45px;
}

.dgwt-wcas-search-input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #292929 !important;
  font-weight: 400 !important;
  letter-spacing: .45px;
}

.dgwt-wcas-search-input::-ms-input-placeholder { /* Microsoft Edge */
  color: #292929 !important;
  font-weight: 400 !important;
  letter-spacing: .45px;
}


.card-product button.single_add_to_cart_button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt {
  padding: 8px 23px;
}

.woocommerce .quantity .qty {
  border: 1px solid #ededed;
}

.whatsapp-btn {
  transition: .3s ease-in-out background;
  position: fixed;
  bottom: 24px;
  right: 32px;
  background: #25D366;
  color: #fff;
  width: 55px;
  height: 55px;
  border-radius: 50%;
  aspect-ratio:  1 / 1;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  z-index: 900;
}

.whatsapp-btn:hover {
  background: #1dba58;
}

@media (min-width: 768px) {
  .whatsapp-btn {
    bottom: 50px;
    right: 50px;
  }
}


.product-info form.cart button.button {
  background: #009DDE;
   border-radius: 5px;
   padding: 14px;
   font-size: 15px;
   letter-spacing: .4px;
   color: white;
   display: flex;
   width: 100%;
   justify-content: center;
   align-items: center;
   margin: 0;
}


.header__top-minicart {
  top: 100%;
}

.woocommerce-mini-cart__buttons {
  display: flex;
  justify-content: space-between;
}

.header__top-minicart .button.checkout {
  transition: .3s ease-in-out background;
  background: #009DDE;
  border-radius: 5px;
  padding: 14px;
  font-size: 15px;
  letter-spacing: .4px;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
}

.header__top-minicart .button.checkout:hover {
  background: #008bc4;
  color: white;
}

.header__top-minicart .button:not(.checkout) {
  display: flex;
  align-items: center;
}


.faq-accordion {
    width: 100%;
    max-width: 100%; /* Volledige breedte */
    margin: 0 auto;
}

.faq-item {
    border-bottom: 1px solid #ddd;
}

.faq-question {
    background: #f7f7f7;
    border: none;
    width: 100%;
    text-align: left;
    padding: 15px;
    font-size: 16px;
    cursor: pointer;
    outline: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: background 0.3s ease;
}

.faq-question:hover {
    background: #eaeaea;
}

.faq-question .chevron {
    font-size: 14px;
    transition: transform 0.3s ease;
    color: #184488;
}

.faq-question.active .chevron {
    transform: rotate(180deg);
}

.faq-answer {
    display: none;
    padding: 15px;
    background: #fff;
    font-size: 14px;
    line-height: 1.5;
}

.faq-answer.open {
    display: block;
}


/* De overlay die de hele pagina bedekt */
.custom-modal-overlay {
    display: none; /* Standaard verborgen */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Semi-transparante achtergrond */
    z-index: 9999; /* Zorgt ervoor dat de modal boven de andere inhoud komt */
    justify-content: center;
    align-items: center;
}

/* De modal zelf */
.custom-modal {
    background-color: white;
    padding: 20px;
    border-radius: 10px;
    width: 600px;
    max-width: 100%;
    max-width: 90%;
    text-align: center;
    position: relative;
}

/* Header van de modal */
.custom-modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #B9C5CB;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.custom-modal-header h2 {
    margin: 0;
    font-size: 20px;
    color: var(--184387, #184387);
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    letter-spacing: 0.4px;
    text-transform: uppercase;
}

/* Sluitknop */
.close-btn {
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
    color: #333;
}

/* De tekst in de modal */
.custom-modal-body {
    margin-top: 20px;
    font-size: 16px;
    color: #333;
    text-align: left;
}