/*
Theme Name: Divs and Devs
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/


:root {
    --primary: #6D342D;
    --accent: #F9F9F9;
    --moonshiner:  "moonshiner", sans-serif;
    --inter: "Inter", sans-serif;
}

/* #region ALGEMEEN */
/********************** ALGEMEEN ***********************/
body {
    overflow-x: hidden;
}

section.dark {
    background-color: transparent !important;
}


body.page-id-1025 #ifrmWidget,
body.page-id-375 #ifrmWidget,
body.page-id-887 #ifrmWidget,
body.page-id-891 #ifrmWidget,
body.page-id-852 #ifrmWidget {
	display: none !important;
}


/***** FONT *****/
h1 {
    font-size: 80px;
    line-height: 89px;
    font-weight: 400;
    position: relative;
    margin-bottom: 10px;
}

h2 {
    font-size: 58px;
    line-height: 62px;
    font-weight: 400;
    position: relative;
}

h3 {
    font-size: 38px;
    line-height: 42px;
    font-weight: 400;
    position: relative;
}

h4 {
    font-size: 32px;
    line-height: 36px;
    font-weight: 400;
    position: relative;
}


@media screen and (max-width: 1024px) {
    h1 {
        font-size: 60px;
        line-height: 69px;
    }

    h2 {
        font-size: 46px;
        line-height: 52px;
    } 
}

@media screen and (max-width: 550px) {
    h1 {
        font-size: 50px;
        line-height: 59px;
    }

    h2 {
        font-size: 42px;
        line-height: 46px;
    } 
}

p a {
    color: var(--primary);
    font-weight: 600 !important;
}

/*** HEADING TEXT UNDERLINE ***/
.text.underline h2::before,
.text.underline h3::before {
    content: "";
    height: 3px;
    background: var(--primary);
    width: 100px;
    position: absolute;
    bottom: -8px;
}

.text-center .text.underline h2:before,
.text-center .text.underline h3:before {
    left: 50%;
    transform: translateX(-50%);
}


/*** HEADING BACKGROUND TEXT ***/
.text.back {
    position: relative;
}

.text.back::before,
.text.back::after {
    content: "";
    position: absolute;
    font-family: var(--moonshiner);
    font-size: 200px;
    line-height: 70px;
    color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: rgba(0, 0, 0, 0.1);
    user-select: none;
    pointer-events: none;
}

.text.back::before {
    content: "kei";
    left: -5px;
    top: -77px;
}

.text.back::after {
    content: "scherp";
    left: 40%;
    top: 50px;
}

@media screen and (max-width: 1024px) {
    .text.back::before, .text.back::after {
        font-size: 125px;
        line-height: 50px;
    }

    .text.back::before {
        top: -40px;
    }

    .text.back::after {
        left: 15%;
        top: 20px;
    }
}

@media screen and (max-width: 550px) {
    section.hero .text.back::after {
        top: 40px;
    }
    .text.back::before, .text.back::after { 
        font-size: 85px;
        line-height: 30px;
    }

    .text.back::before {
        top: -30px;
    }

    .text.back::after {
        left: 25%;
        top: 20px;
    }
}


/***** BUTTONS *****/
a.button.primary {
    border: 2px solid #000;
    background-color: transparent !important;
    color: #000;
    padding: 0 1.5em;
    font-weight: 400;
}

a.button.primary:not(.is-underline):hover {
    box-shadow: none;
    background-color: var(--primary) !important;
    color: #fff;
    border-color: var(--primary);
}

/*** UNDERLINE ***/
a.button.is-underline {
    color: #000;
    font-weight: 400;
    font-size: 16px;
}

a.button.is-underline.white {
    color: #fff;
}

a.button.is-underline::before {
    width: 100%;
    left: 0;
    background-color: #000;
    opacity: 1;
}

a.button.is-underline.white::before {
    background-color: #fff;
}

a.button.is-underline:hover:before {
    width: 70%;
    left: 15%;
}

a.button.solid {
    border: none;
    background-color: var(--primary) !important;
    color: #fff;
    padding: 0 1.5em;
    font-weight: 400;
}

a.button.solid.white {
    border: none;
    background-color: #fff !important;
    color: #000 !important;
    padding: 0 1.5em;
    font-weight: 400;
}

a.button.primary.solid:not(.is-underline):hover {
    background-color: #000 !important;
    color: #fff;
}


/***** MAX-WIDHT TEXT *****/
.text.max-800 {
    max-width: 800px !important;
    margin: 0 auto;
}

@media screen and (max-width: 1024px) {
    .text.max-800 {
        max-width: 650px !important;
        margin: 0 auto;
    }   
}


.floating-button {
   position: fixed;
   right: 20px;
   bottom: 20px;
   z-index: 9999;
   background: #fff;
   box-shadow: 0 0 12px #0000001f, 0 0 1px #0000001f;
   display: flex;
   border-radius: 3px; 
}

@media screen and (max-width: 849px) {
	.floating-button {
		right: 10px; 
		bottom: 10px;
	}
}

.floating-button .image {
   background: #000;
   height: 50px; width: 50px; 
   padding: 8px;
   border-radius: 3px; 
}

.floating-button .text { 
   color: #000;
   font-family: var(--inter);
   font-size: 16px;
   font-weight: bolder; 
   padding: 0 1rem; 
   display: flex; 
   align-items: center; 
   justify-content: center;
}


/***** IMAGES *****/
.img.fit img {
    object-fit: contain;
}

.img.left img {
    object-position: 0% 50%;
}


/***** GAP ELEMENET *****/
@media screen and (max-width: 1024px) {
    .gap-element.t-hide {
        display: none !important;
    }

    .gap-element.t-50 {
        padding-top: 50px !important;
    }

    .gap-element.t-25 {
        padding-top: 25px !important;
    }
}



/***** SUB-HERO *****/
section.sub-hero > .section-bg {
    background-color: gray;
    background-blend-mode: luminosity;
    filter: grayscale(0);
}

section.sub-hero > .section-bg:after {
    content: "";
    background-color: var(--primary);
    opacity: .85;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

section.sub-hero .col {
    padding-bottom: 0px !important;
}

section.sub-hero .col a.button {
    color: #fff;
    border-color: #fff;
}

section.sub-hero .col a.button.is-underline::before {
    background-color: #fff;
}

section.sub-hero .col a.button.primary:not(.is-underline):hover {
    background-color: #fff !important;
    border-color: #fff;
    color: #000;
}

@media screen and (max-width: 850px) {
    section.sub-hero {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
        min-height: 350px !important;
    }

    section.sub-hero .row .col {
        max-width: 100% !important;
        flex-basis: 100% !important;
    }
}


/***** ACCORDIONS *****/
.accordion {
   max-width: 750px;   
}

.accordion .accordion-item > a {
    border-top: 0px;
    border-bottom: 2px solid var(--primary);
    padding-left: 20px !important;
    transition: all 150ms ease-in-out 0ms !important;
    text-align: left !important;
}

.accordion .accordion-item > a button.toggle {
    left: auto !important;
    right: 0;
    opacity: 1 !important;
    color: #000;
    transition: all 150ms ease-in-out 0ms !important;
}

.accordion .accordion-item > a.active {
    background-color: var(--primary) !important;
    color: #fff !important;
}

.accordion .accordion-item > a.active button.toggle {
    color: #fff !important;
}

.accordion .accordion-item .accordion-inner {
    padding: 1em 20px !important;
    text-align: left !important;
}



/* #endregion */


/* #region HEADER */
/********************** HEADER ***********************/
.header-main .nav > li > a,
.nav-dropdown li a {
    color: #000 !important;
    font-size: 16px !important;
    text-transform: none !important;
}

.nav-dropdown.nav-dropdown-default>li>a {
    border: none !important;
}

.nav > li > a:hover {
    color: var(--primary) !important;
}

.nav>li.html .header-button a {
    color: #fff !important;
    font-size: 16px !important;
    text-transform: none !important;;
    padding: 0 1.75em !important;
}

.nav li.account-item a i::before {
    content: "";
    background-image: url(/wp-content/uploads/2023/09/user.svg);
    width: 32px;
    height: 32px;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
.nav .widget_shopping_cart .buttons a.button {
    font-size: 16px !important;
    text-transform: none !important;
    font-family: var(--inter);
    color: #fff !important; 
}

@media screen and (min-width: 1024px) {   
    .home header .header-wrapper:not(.stuck) #logo img {
        transform: scale(1.75) translate(15px, 20px);
    }
}

header #top-bar .html a { 
   font-size: 14px;
}

header #top-bar .html a:hover,
header #top-bar .html a:focus { 
   color: #fff !important;
}

header #top-bar .html a u { 
   margin-left: 3px;
}

@media screen and (max-width: 849px) {
   header #top-bar,
   header #top-bar .flex-col.hide-for-medium {
      display: block !important;
   }
}

header ul.header-nav li.header-button-2 { 
   margin: 0 !important;
}

body:not(.woocommerce-shop) header ul.header-nav li.account-item,
body:not(.woocommerce-shop) header ul.header-nav li.cart-item,
body:not(.woocommerce-shop) header ul.mobile-nav li.cart-item,
body:not(.woocommerce-shop) .off-canvas ul.nav li.account-item {
   display: none !important;
}

/*** CHANGE THE MAX-WIDTH OF THE MEDIA QUERY IF YOU WANT TO EARLIER THE MOBILE MENU ***/
@media screen and (max-width: 1200px) {
    header #masthead > .header-inner > .hide-for-medium {
        display: none !important;
    }
    header #masthead > .header-inner > .show-for-medium {
        display: block !important;
    }
    .off-canvas ul.nav li.inloggen a::after{
        content: 'online academy';
        margin-left: 5px;
    }
    .off-canvas ul.nav li.account-item a.nav-top-not-logged-in span.header-account-title::after{
        content: 'webshop';
        margin-left: 0px;
    }
}

/***** OFF CANVAS MENU *****/
.off-canvas-center .nav-sidebar.nav-vertical > li > a {
    color: #000 !important;
    opacity: 1 !important;
}

/* .off-canvas-center .nav-sidebar.nav-vertical > li.current-menu-item > a{
    color: var(--primary) !important;
} */

.nav-sidebar.nav-vertical>li.menu-item:hover {
    background-color: transparent !important;
}



.nav-dropdown li a:hover,
.nav-dropdown li.active>a {
    color: var(--primary) !important;
}

/* #endregion */


/* #region FOOTER */
/********************** FOOTER ***********************/
footer .absolute-footer {
    display: none;
}


/***** TOP FOOTER *****/
footer .top-footer .row > .col:nth-child(1) p {
    max-width: 275px;
}

footer .top-footer .row > .col p {
    margin-bottom: 0;
} 

footer .top-footer .row > .col .icon-box {
    margin-bottom: 0.5em;
}

footer .top-footer .row > .col .icon-box .icon-box-text {
    padding-left: 0.5em;
}
footer .top-footer .row > .col .icon-box .icon-box-img {
    width: 36px !important;
}

footer .top-footer .row > .col .icon-box-img svg {
    padding-top: 0.5em;
}

footer .top-footer .row > .col .icon-box ~ a.button {
    display: block;
	width: fit-content;
}

footer .footer-main .img.footer-image {
   width: 80px !important;
   display: inline-block;
    margin: 0 1rem 1rem 0;
}

@media screen and (max-width: 1250px) {
    footer .top-footer .row {
        max-width: 650px;
    }
    
    footer .top-footer .row > .col{
        width: 50% !important;
        max-width: 50% !important;
        flex-basis: 50% !important;
    }

    footer .top-footer .row > .col .icon-box {
        width: fit-content;
        margin: 0 auto;
    }

    footer .top-footer .row > .col .col-inner {
        text-align: center;
    }

    footer .top-footer .row > .col:nth-child(1) p {
        margin: 0 auto;
    }
    footer .top-footer .row > .col .icon-box ~ a.button {
       margin: 0 auto 1rem auto;
    }
}


@media screen and (max-width: 580px) {
    footer .top-footer .row {
        max-width: 650px;
    }

    footer .top-footer .row > .col{
        width: 100% !important;
        max-width: 100% !important;
        flex-basis: 100% !important;
    }

    footer .top-footer .row > .col .col-inner {
        padding-top: 0px !important;
    }

    footer .top-footer .row > .col .icon-box {
        transform: translateX(-15px);
    }

    footer .top-footer .row > .col .icon-box ~ p {
        padding-left: 0px !important;
        max-width: 275px;
        margin: 0 auto;
    }

    footer .top-footer .row > .col:last-of-type {
        padding-bottom: 0px !important;
    }

    footer .footer-main .img.footer-image {
       width: 60px !important;
       
    }
}


/***** MAIN FOOTER *****/
footer .footer-main h3 {
    margin-bottom: 0.75em;
}

footer .footer-main h3:before {
    width: 50px !important;
}

footer .footer-main p a {
    color: #000;
    position: relative;
}

footer .footer-main p a::after {
    content: "";
    width: 0%;
    height: 2px;
    background: var(--primary);
    position: absolute;
    bottom: -2px;
    left: 0;
    transition: width 150ms ease-in-out 50ms;
}

footer .footer-main p a:hover:after {
    width: 75%;
}

footer .footer-main .row:not(.footer-absolute) > .col:nth-child(2) p {
    margin-bottom: 7px;
}

footer .footer-main .row:not(.footer-absolute) > .col:nth-child(1) p {
    max-width: 320px;
}

footer .top-footer .row > .col p strong,
footer .footer-main p strong {
    font-family: var(--moonshiner);
    font-size: 26px;
    line-height: 26px;
    font-weight: 400;
}

footer .social-icons {
	display: flex;
    width: fit-content;
    column-gap: 10px;
}

footer .social-icons img {
	width: 24px !important;
	height: 24px !important;
}

footer .img.leerbedrijf img {
    max-width: 80px;
    margin-top: 40px !important;
}

@media screen and (max-width: 1024px) {
    footer .footer-main .row:not(.footer-absolute) {
        max-width: 650px;
        margin: 0 auto;
    }
    
    footer .footer-main .row:not(.footer-absolute) > .col {
        max-width: 50% !important;
        flex-basis: 50% !important;
        width: 50% !important;
    }

    footer .footer-main .row:not(.footer-absolute) > .col .col-inner {
        text-align: center;
    }

    footer .footer-main .row:not(.footer-absolute) > .col img {
        width: fit-content;
        margin: 0 auto;
    }

    footer .footer-main .row:not(.footer-absolute) > .col:nth-child(3) .col-inner,
    footer .footer-main .row:not(.footer-absolute) > .col:last-of-type .col-inner {
        padding-top: 0px !important;
    }
	
	footer .social-icons {
		margin: 0 auto;
	}
   
   footer .footer-absolute .text {
      text-align: center !important;
   }
}



@media screen and (max-width: 580px) {
    footer .footer-main .row:not(.footer-absolute) > .col {
        max-width: 100% !important;
        flex-basis: 100% !important;
        width: 100% !important;
    }

    footer .footer-main .row:not(.footer-absolute) > .col:first-of-type .col-inner {
        padding-top: 50px !important;
    }

    footer .footer-main .row:not(.footer-absolute) > .col:not(:first-of-type) .col-inner {
        padding-top: 0px !important;
    }

    footer .footer-main .row:not(.footer-absolute) > .col .col-inner {
        padding-bottom: 0px !important;
    }

    footer .footer-main .row:not(.footer-absolute) > .col:nth-child(1) p {
        margin: 0 auto;
    }

    footer .img.leerbedrijf img {
        margin-top: 30px !important;
    }
}


/*** ABSOLUTE FOOTER ***/
footer .footer-main .row.border-top {
    border-top: 2px solid var(--primary);
}

footer .footer-main .row.footer-absolute p {
    margin-bottom: 0px;
}


@media screen and (min-width: 1024px) {
    footer .top-footer .row > .col:nth-child(1),
    footer .footer-main .row:not(.footer-absolute) > .col:nth-child(1) {
        width: 30%;
        max-width: 30%;
        flex-basis: 30%;
    }

    footer .top-footer .row > .col:not(:first-child),
    footer .footer-main .row:not(.footer-absolute) > .col:not(:first-child) {
        width: calc(70% / 3);
        max-width: calc(70% / 3);
        flex-basis: calc(70% / 3);
    }
}

@media screen and (max-width: 1024px) {
    footer .footer-main .row.footer-absolute {
        max-width: 650px;
        margin: 0 auto;
    }

    footer .footer-main .row.footer-absolute .col {
        max-width: 100% !important;
        flex-basis: 100% !important;
        width: 100% !important;
        padding-bottom: 0px !important;
    }

    footer .footer-main .row.footer-absolute .col:last-of-type {
        padding-bottom: 25px !important;
    }

    footer .footer-main .row.footer-absolute .col:not(:first-of-type) .col-inner{
        padding-top: 0px !important;
    }

    footer .footer-main .row.footer-absolute .col p {
        text-align: center;
    }
}


/* #endregion */


/* #region FORMS */
/********************** FORMS ***********************/
.gform_wrapper.gravity-theme .gfield input,
.gform_wrapper.gravity-theme .gfield textarea,
.gform_wrapper.gravity-theme .gfield select {
    border: 1px solid #000 !important;
    box-shadow: none !important;
    padding: 10px 15px !important;
}

.gform_wrapper.gravity-theme .gfield input,
.gform_wrapper.gravity-theme .gfield select {
    height: auto !important;
}

.gform_wrapper.gravity-theme .gfield input:focus,
.gform_wrapper.gravity-theme .gfield textarea:focus,
.gform_wrapper.gravity-theme .gfield select:focus {
    border: 1px solid var(--primary) !important;
}

.gform_wrapper.gravity-theme input.gfield-choice-input {
    margin: 0 !important;
}

.gform_wrapper.gravity-theme input.gfield-choice-input + label {
    font-weight: 400;
}

.gform_wrapper.gravity-theme .gfield_label {
    font-size: 16px !important;
    font-weight: 400;
    margin: 0 !important;
    text-transform: none !important;
}

.gform_wrapper.gravity-theme .gfield .gform_fileupload_rules {
    display: none !important;
}

.gform_wrapper .gfield_required {
    color: var(--primary) !important;
}

.gform_wrapper.gravity-theme .gform_required_legend,
.gform_wrapper.gravity-theme .instruction {
    display: none !important;
}

.gform_wrapper.gravity-theme .gform_footer {
    justify-content: flex-end !important;
}

.gform_wrapper.gravity-theme .gform_footer input {
    margin: 0 !important;
    border: 1px solid #000;
    background-color: var(--primary) !important;
    color: #fff;
    padding: 0 1.5em;
    font-weight: 400;
    text-transform: none !important;
    min-height: auto !important;
}

.gform_wrapper.gravity-theme .gform_footer input:hover {
    color: #000 !important;
    border-color: #000;
    background-color: transparent !important;
    box-shadow: none !important;
}

@media screen and (max-width: 640px) {
    .gform_wrapper.gravity-theme .gfield input {
        padding: 5px 15px !important;
    }
    
    .gform_wrapper.gravity-theme .gform_footer input {
        padding: 5px 1.5em !important;
    }
}

@media screen and (max-width: 400px) {
    .gform_wrapper.gravity-theme .gform_footer input {
        width: 100% !important;
    }
}


/* #endregion */


/* #region HOMEPAGINA */
/********************** HOMEPAGINA ***********************/
/***** HERO *****/
section.hero > .section-bg::before {
    content: "";
    background-color: var(--primary);
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 40vw;
}

section.hero,
section.hero > .section-content > .row > .col,
section.hero > .section-content .slider .row .col {
    padding-bottom: 0px !important;
}

section.hero .img img {
    filter: grayscale(1);
    height: 100%;
    object-fit: cover !important;
}

@media screen and (min-width: 1024px) {
    section.hero .img {
        transform: translateX(40px);
    }
}

@media screen and (max-width: 1024px) {
    section.hero {
        padding-top: 0px !important;
        padding-bottom: 50px !important;
    }

    section.hero > .section-bg::before {
        bottom: 0;
        top: auto;
        width: 75%;
        height: 350px;

    }

    section.hero > .section-content > .row > .col {
        padding-left: 0px;
        padding-right: 0px;
    }

    section.hero .row  {
        flex-direction: column;
        margin-left: 0px !important;
    }

    section.hero .row .col {
        width: 100%;
        max-width: 100%;
        flex-basis: 100%;
    }

    section.hero .row > .col:first-of-type {
        max-width: 650px;
        padding: 50px 0 40px 15px !important;
    }

    section.hero .row .col .img > div {
        padding-top: 500px !important;
    }

    section.hero .row > .col:last-of-type {
        padding-left: 0px;
        padding-right: 40px;
    }
}

@media screen and (max-width: 690px) {
    section.hero .row .col .img > div {
        padding-top: 350px !important;
    } 
}

@media screen and (max-width: 580px) {
    section.hero .row .col .img > div {
        padding-top: 350px !important;
    } 

    section.hero .row > .col:last-of-type {
        padding-right: 20px;
    }

    section.hero {
        padding-bottom: 20px !important;
    }

    section.hero .row .col a.button {
        display: block;
        width: fit-content;
    }
}


/***** SECTION BACKGROUND IMAGES *****/
section.image-right > .section-bg,
section.image-left > .section-bg {
    width: 48%;
    filter: grayscale(1);
    z-index: 2;
}

section.image-right > .section-bg {
    margin-left: auto !important;
}

section.image-left .row > .col + .col > .col-inner {
    padding-left: 30px;
    padding-bottom: 0px !important;
}

section.image-right .row > .col,
section.image-left .row > .col {
    padding-bottom: 0px !important;
}

section.image-right.no-background > .section-bg {
   display: none !important;
}

@media screen and (min-width: 1024px) {
    section.image-left .text p,
    section.image-right .text p {
        max-width: 90%;
    }

    section.image-right .row > .col:first-of-type > .col-inner {
        padding-right: 30px;
    }    
}

@media screen and (max-width: 1024px) {
    section.image-right,
    section.image-left {
        padding-top: 475px !important;
        padding-bottom: 50px !important;
    }

    section.image-right .row > .col.medium-6,
    section.image-left .row > .col.medium-6 {
        max-width: 100%;
        flex-basis: 100%;
        width: 100%;
    }

    section.image-right > .section-bg,
    section.image-left > .section-bg {
        width: 100%;
        height: 400px !important;
    }

    section.image-right .row > .col + .col > .col-inner,
    section.image-left .row > .col + .col > .col-inner {
        padding-left: 0px !important;
    }

    section.image-right .row > .col:first-of-type, 
    section.image-left .row > .col + .col {
        max-width: 650px;
        margin: 0 auto;
    }

    /*** REVERSE SECTION ***/
    section.image-right.t-reverse,
    section.image-left.t-reverse {
        padding-bottom: 440px !important;
        padding-top: 100px !important;
    }


    section.image-right.t-reverse > .section-bg,
    section.image-left.t-reverse > .section-bg {
        width: 100%;
        height: 400px;
        position: absolute;
        top: auto;
        bottom: 0;
    }
}

@media screen and (max-width: 550px) {
    section.image-right,
    section.image-left {
        padding-top: 350px !important;
        padding-bottom: 50px !important;
    }

    section.image-right > .section-bg,
    section.image-left > .section-bg {
        height: 275px !important;
    }

    /*** REVERSE SECTION ***/
    section.image-right.t-reverse,
    section.image-left.t-reverse {
        padding-bottom: 300px !important;
        padding-top: 75px !important;
    }
}


/*** CORNER ***/
@media screen and (min-width: 1024px) {
    section.image-left.corner {
        margin-bottom: 75px !important;
    }

    section.image-left.corner::after {
        content: "";
        position: absolute;
        bottom: -58px;
        left: calc(48% + -2px);
        width: 60px;
        height: 60px;
        border-top: 2px solid var(--primary);
        border-left: 2px solid var(--primary);
        z-index: 0;
    }
}

/*** WITH BACKGROUND-COLOR ***/
section.image-right.back > .section-bg {
    width: 44%;
    height: 90%;
    top: 5%;
    right: 4%;
    background-color: gray;
    background-blend-mode: luminosity;
    filter: grayscale(0);
    z-index: 0;
    overflow: visible;
    /* box-shadow: 40px -40px 0px 5px var(--primary); */
}

section.image-right.back > .section-bg::before {
    content: "";
    background-color: var(--primary);
    position: absolute;
    right: -20px;
    top: 5%;
    width: 2px;
    height: calc(95% + 20px);
}

section.image-right.back > .section-bg::after {
    content: "";
    background-color: var(--primary);
    position: absolute;
    bottom: -20px;
    left: 5%;
    width: calc(95% + 20px);
    height: 2px;
}

@media screen and (max-width: 1024px) {
    section.image-right.back > .section-bg {
        right: 0;
        width: 100% !important;
    }

    section.image-right.back > .section-bg::after {
        display: none;
    }

    section.image-right.back.t-reverse > .section-bg {
        top: auto;
        bottom: 0;
    }
}

@media screen and (max-width: 550px) {
    section.image-right.back:not(.t-reverse) {
        padding-top: 400px !important;
    }

    section.image-right.back > .section-bg {
        right: 0;
        width: 95%;
        height: 225px;
    }
    
    section.image-right.back.t-reverse {
        padding-bottom: 300px !important;
    }
}

/***** LOCATIONS *****/
section.locations .row .col > .col-inner {
    padding-bottom: 45px !important;
}

section.locations .row .col > .col-inner a.button {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: fit-content;
    margin: 0 auto;
}


@media screen and (max-width: 1024px) {
    section.locations .row.specialties > .col::after {
        display: none;
    }
}

@media screen and (max-width: 550px) {
    section.locations .row.specialties > .col:not(:last-of-type):after {
        display: block;
    }
}


/***** SPECIALTIES *****/
section.specialty .row.specialties .col > .col-inner {
    padding-bottom: 45px !important;
}

section.specialty .row.specialties .col > .col-inner a.button {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: fit-content;
    margin: 0 auto;
}

.row.specialties > .col:not(:last-of-type)::before {
    content: "";
    background-color: var(--primary);
    position: absolute;
    right: 0;
    top: 10%;
    height: 80%;
    width: 2px;
} 

@media screen and (max-width: 1024px) {
    section.specialty {
        padding-top: 75px !important;
    }

    .row.specialties {
        max-width: 750px;
        margin: 0 auto;
    }

    .row.specialties > .col {
        max-width: 50%;
        flex-basis: 50%;
        width: 50%;
    }

    .row.specialties > .col:nth-child(2)::before {
        display: none;
    }

    .row.specialties > .col::after {
        content: "";
        background-color: var(--primary);
        position: absolute;
        bottom: 0;
        left: 10%;
        width: 80%;
        height: 2px;    
    }

    .row.specialties > .col:last-of-type:after,
    .row.specialties > .col:nth-child(3)::after {
        display: none;
    }

    .row.specialties > .col:nth-child(3),
    .row.specialties > .col:last-of-type {
        padding-top: 35px;
    }
}


@media screen and (max-width: 550px) {
    .row.specialties > .col {
        max-width: 100%;
        flex-basis: 100%;
        width: 100%;
    }

    .row.specialties > .col::before {
        display: none;
    }

    .row.specialties > .col:nth-child(3)::after {
        display: block;
    }

    .row.specialties > .col {
        padding-top: 35px;
    }

    .row.specialties > .col:last-of-type {
        padding-bottom: 0px !important;
    }
}


/***** MEMBERS *****/
.owl-carousel {
	display:block!important;
}

.owl-carousel {
	display:block!important;
}

.owl-carousel .owl-dots {
	text-align: center;
	margin-top: 10px !important;
}

.owl-carousel button.owl-dot {
	width: 10px;
    height: 10px;
    background: #f4f4f4 !important;
    border-radius: 100%;
    min-height: auto;
	margin: 0 5px;
}
.owl-carousel button.owl-dot.active {
    background: var(--primary) !important;
}

.col.members .box img {
    object-position: 50% 15%;
}

@media screen and (min-width: 1024px) {   
    .col.members .box img:hover {
        transform: scale(1.1);
    } 
}

.col.members .box .box-text br {
    display: none;
}   

.col.members .box .box-text h4 {
    display: flex;
    flex-direction: column;
}   

.col.members .box .box-text h4 span{
    letter-spacing: 0;
}   

.col.members .box .box-text h4 span.person-title {
    font-size: 21px;
}   

.box.eindhoven .box-image::before,
.box.oss .box-image::before {
    content: "";
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: var(--primary);
    font-family: var(--moonshiner);
    font-size: 18px;
    color: #fff;
    z-index: 2;
    padding: 0px 15px 5px 15px;
}

.box.oss .box-image::before {
    content: "Oss";
}

.box.eindhoven .box-image::before {
    content: "Eindhoven";
}


@media screen and (max-width: 600px) {
    .col.members > .col-inner {
        max-width: 325px;
		margin: 0 auto;
    }
}


/***** CALL TO ACTION SECTION *****/
section.call-to .row a.button {
    color: #fff;
    border-color: #fff;
}

section.call-to .row a.button:hover {
    color: #fff;
    border-color: #000;
    background-color: #000 !important;
}

section.call-to h2 {
    margin-bottom: 15px;
}

section.call-to p {
    max-width: 750px !important;
    margin: 0 auto 25px auto;
}



/* #endregion */


/* #region VESTIGING */
/********************** VESTIGING ***********************/
/***** PRICE BOX *****/
section.pricelist > .section-content > .row.price-box:nth-child(even) {
    margin-top: 50px;
    margin-bottom: 50px;
    position: relative;
}

.row.price-box .col.large-12 {
    padding-bottom: 10px;
}

.row.price-box .col:not(.large-12) > .col-inner {
    max-width: 90%;
    position: relative;
}

.row.price-box .col:not(.large-12) > .col-inner > p:last-of-type strong {
    font-size: 19px;
}


/*** EVEN BACKGROUND-COLOR ***/
section.pricelist > .section-content > .row.price-box:nth-child(even)::before {
    content: "";
    background: var(--accent);
    position: absolute;
    left: -5%;
    top: -5%;
    width: 110%;
    height: 105%;
    z-index: -1;
}



@media screen and (min-width: 1024px) {
    /*** LINES ***/
    .row.price-box > .col:not(:nth-child(2)):not(.large-12):nth-child(odd) > .col-inner::before {
        content: "";
        background: var(--primary);
        position: absolute;
        left: -40px;
        top: 0;
        width: 2px;
        height: 100%;
    }

    .row.price-box > .col:nth-child(3) ~ .col > .col-inner::after {
        content: "";
        width: 90%;
        height: 2px;
        position: absolute;
        top: -30px;
        left: 5%;
        background: var(--primary);
    }
}

@media screen and (max-width: 1024px) {
    .row.price-box {
        max-width: 650px !important;
        margin: 0 auto;
    }

    .row.price-box > .col:not(.large-12) {
        max-width: 100% !important;
        flex-basis: 100% !important;
        width: 100% !important;
    }

    /*** EVEN BACKGROUND-COLOR ***/
    section.pricelist > .section-content > .row.price-box:nth-child(even)::before {
        left: -2.5%;
        top: -5%;
        width: 105%;
        height: 105%;
    }

    /*** LINES ***/
    .row.price-box > .col:nth-child(2) ~ .col > .col-inner::after {
        content: "";
        width: 100%;
        height: 2px;
        position: absolute;
        top: -30px;
        left: 0;
        background: var(--primary);
    }
}

@media screen and (max-width: 850px) {
    .row.price-box .col:not(.large-12) > .col-inner {
        margin-left: 0;
        max-width: 95%; 
    }

    /*** LINES ***/
    .row.price-box > .col:nth-child(2) ~ .col > .col-inner::after {
        top: -15px;
    }
}

@media screen and (max-width: 550px) {
    .row.price-box > .col:not(.large-12) {
        padding-bottom: 10px !important;
    }

    .row.price-box .col:not(.large-12) > .col-inner {
        max-width: 100%;
    }

    /*** EVEN BACKGROUND-COLOR ***/
    section.pricelist > .section-content > .row.price-box:nth-child(even)::before {
        left: -2.5%;
        top: -5%;
        width: 105%;
        height: 106%;
    }
}


/***** GOOGLE MAP SECTION *****/
section.map p a {
    color: #000 !important;
}

section.map p a:hover {
    color: var(--primary) !important;
}

section.map .row .row .wpgmp_map_container {
    box-shadow: none !important;
    border-radius: 0px !important;
    border: none !important;
}

section.map .row .mapouter,
section.map .row .mapouter .gmap_canvas,
section.map .row .mapouter .gmap_canvas iframe {
    width: 100% !important;
}

@media screen and (max-width: 1024px) {
	section.map .row .row > .col:first-of-type > .col-inner {
        padding: 30px !important;
	}
}

@media screen and (max-width: 850px) {
	section.map .row .row  {
        max-width: 650px !important;
        margin: 0 auto;
        flex-direction: column-reverse;
	}

    section.map .row .mapouter,
    section.map .row .mapouter .gmap_canvas,
    section.map .row .mapouter .gmap_canvas iframe {
        height: 375px !important;
    }
}


/***** FAQ *****/
@media screen and (max-width: 1024px) {
    section.faq {
        padding-top: 50px !important;
    }
}

/* #endregion */


/* #region AFSPRAAK MAKEN */
/********************** AFSPRAAK MAKEN ***********************/
@media screen and (max-width: 1024px) {
	.appointment-information .row .col {
	    max-width: 100% !important;
	    flex-basis: 100% !important;
	}
}


/* #endregion */


/* #region PRODUCTEN */
/********************** PRODUCTEN ***********************/
/***** TABS *****/
/*** NAV ***/
.tabbed-content .nav {
    column-gap: 25px;
    margin-bottom: 30px;
}

.tabbed-content > h4 {
    display: none;
}

.tabbed-content .nav li {
    margin: 0 !important;
}

.tabbed-content .nav li a {
    padding-bottom: 5px !important;
    color: #000 !important;
}

.tabbed-content .nav li a span {
    font-size: 16px;
}

.nav-line-bottom>li>a:before {
    height: 2px;
}

/*** CONTENT PRODUCTEN ***/
.tabbed-content .box {
    max-width: 750px;
}

.tabbed-content .box > .box-image {
    width: 30%;
}

.tabbed-content .box > .box-text {
    width: 70%;
}

.tabbed-content .box > .box-text a.button {
    margin-top: 25px !important;
}

.tabbed-content .panel > .box + .box {
    margin-top: 30px;
}

.tabbed-content .panel > .box + .box:before{
    content: "";
    height: 2px;
    background: var(--primary);
    width: 80%;
    position: absolute;
    top: -15px;
    left: 10%;
}

.tabbed-content .panel > .box:nth-child(even) {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
}

@media screen and (max-width: 750px) {
    .tabbed-content .panel > .box,
    .tabbed-content .panel > .box:nth-child(even) {
        display: flex;
        flex-direction: column;
        max-width: 400px;
    }

    .tabbed-content .box > .box-image,
    .tabbed-content .box > .box-text {
        width: 100%;
        text-align: center;
    }

    .tabbed-content .panel > .box + .box:before{
        top: -30px;
    }

    .tabbed-content .box > .box-image img {
        height: 250px;
        width: 100%;
        object-fit: contain;
    }
}

/* #endregion */


/* #region WOOCOMMERCE - WINKEL */
/***** PAGE TITLE *****/
.shop-page-title .form-flat select {
    border-radius: 0px !important;
    background-color: #fff !important;
    color: #000 !important;
    background-image: url(/wp-content/uploads/2023/07/chevron-down-black.svg) !important;
    background-size: 13px !important;
}

/***** FILTERING *****/
.woocommerce-page .row.category-page-row > .large-3 {
    background-color: var(--accent);
    padding: 30px !important;
    height: fit-content !important;
}

.woocommerce-page .row.category-page-row > .large-3 .searchform {
    margin-bottom: 0em !important;
}

.woocommerce-page .row.category-page-row > .large-3 .widget {
    padding-bottom: 1.5em !important;
    margin-bottom: 0em !important;
}

.woocommerce-page .row.category-page-row > .large-3 .widget + .widget {
    padding-top: 1.5em !important;
    border-top: 2px solid #000;
}

.woocommerce-page .row.category-page-row > .large-3 .is-divider {
    display: none;
}

.woocommerce-page .row.category-page-row > .large-3 .widget-title {
    display: block;
    margin-bottom: 10px;
    font-family: var(--moonshiner);
    font-size: 28px;
    font-weight: 400;
}

.woocommerce-page .row.category-page-row > .large-3 .product-categories li a {
    color: #000 !important;
}

.woocommerce-page .row.category-page-row > .large-3 .product-categories li.active a,
.woocommerce-page .row.category-page-row > .large-3 .product-categories li a:hover {
    color: var(--primary) !important;
}


/***** PRODUCT LIST *****/
@media screen and (max-width: 1280px) and (min-width: 849px) {
    .woocommerce-page .row.category-page-row .row.products {
        max-width: 750px !important;
    }

    .woocommerce-page .row.category-page-row .row.products > .col {
        flex-basis: 50% !important;
        width: 50% !important;
        max-width: 50% !important;
    }   
}


/***** THUMBNAIL *****/
.product-small.box {
    border: 2px solid #000;
    padding: 10px !important;
}

.product-small > .col-inner,
.product-small > .col-inner .product-small.box {
    height: 100%;
}

.product-small .box-image {
    padding-top: 275px !important;
}

.product-small .box-image img{
    background-color: #fff !important;
    object-fit: contain !important;
}

.product-small .box-image .quick-view {
    text-transform: none !important;
}

.product-small .box-text {
    padding-top: 0px !important;
    height: fit-content !important;
}

.product-small .box-text .box-excerpt {
    height: fit-content !important;
    font-size: 16px;
    line-height: 21px;
    margin: 15px 0 0 0;
}

.product-small .box-text .product-title a {
    color: #000 !important;
    font-family: var(--moonshiner) !important;
    font-size: 26px !important;
    margin-bottom: 10px !important;
    position: relative;
    padding-bottom: 5px !important;
    text-transform: none !important;
}

.product-small .box-text .product-title a::before {
    content: "";
    position: absolute;
    height: 3px;
    width: 75px;
    background-color: var(--primary);
    left: 0;
    bottom: 0;
}

.product-small .box-text .price bdi {
    font-size: 18px !important;
}

.product-small .box-text .add-to-cart-button a {
    border: 2px solid #000;
    background-color: transparent !important;
    color: #000 !important;
    text-transform: none !important;
    font-size: 16px !important;
    margin-right: 0px !important;
    line-height: 30px !important;
}

.product-small .box-text .add-to-cart-button a:hover {
    background-color: #000 !important;
    color: #fff !important;
    border: 2px solid #000 !important;
}

.product-small .box-text .added_to_cart {
    margin-top: 1em;
    padding: 10px 1.5em !important;
}


/***** OFFCANVAS FILTER *****/
.off-canvas-left .mfp-content {
    background-color: #fff !important;
    width: 350px !important;
}

.off-canvas-left .is-divider {
    display: none;
}

.off-canvas-left span.widget-title {
    display: block;
    margin-bottom: 10px;
    font-family: var(--moonshiner);
    font-size: 28px;
    font-weight: 400;
}



/* #endregion */


/* #region WOOCOMMERCE - PRODUCTPAGE */
/***** BREADCRUMBS *****/
section.product-breadcrumb,
section.product-breadcrumb .col {
    padding-bottom: 0px !important;
}

section.product-breadcrumb .woocommerce-breadcrumb a {
    color: #000 !important;
}

/***** PRODUCT *****/
section.product-header h1.product-title {
    font-size: 50px !important;
    line-height: 45px !important;
    padding-bottom: 10px;
}

section.product-header h1.product-title::before {
    content: "";
    position: absolute;
    height: 3px;
    width: 75px;
    background-color: var(--primary);
    left: 0;
    bottom: 0;
}

@media screen and (max-width: 850px) {
    section.product-header h1.product-title {
        font-size: 38px !important;
        line-height: 42px !important;
    }  
}

section.product-header .price bdi {
    font-size: 21px !important;
}

section.product-header .woocommerce-product-gallery .slide img {
    max-height: 500px !important;
    object-fit: cover !important;
    object-position: center center !important;
}

@media screen and (max-width: 650px) {
    section.product-header .woocommerce-product-gallery .slide img {
        max-height: 400px !important;
    } 
}

@media screen and (max-width: 500px) {
    section.product-header .woocommerce-product-gallery .slide img {
        max-height: 350px !important;
    } 
}

section.product-header .woocommerce-product-gallery .image-tools {
    display: none !important;
}

section.product-header .add-to-cart-container .single_add_to_cart_button  {
    background-color: var(--primary) !important;
    color: #fff !important;
    text-transform: none !important;
}

section.product-header .add-to-cart-container .single_add_to_cart_button:hover  {
    background-color: #000 !important;
    color: #fff !important;
}

.product-section {
    border-top: none !important;
}

.woocommerce-variation-price {
    border-top: none !important;
}

section.producten_text p a {
    color: #fff !important;
    text-decoration: underline;
}

.custom-rating {
    display: flex;
    gap: 15px;
    align-items: center;
    margin-bottom: 1.3rem;
}

.custom-rating p {
    margin-bottom: 0px;
}

.custom-rating .rating-indicator {
    display: flex; 
    gap: 5px;
    width: fit-content;
}

.custom-rating .rating-indicator span {
    width: 28px;
    height: 28px;
    background-image: url('https://kei-scherp.live/wp-content/uploads/2024/12/kei-scherp-rating-normal.png');
    background-size: contain;
    background-position: center center;
}

.custom-rating .rating-indicator span.active {
    background-image: url('https://kei-scherp.live/wp-content/uploads/2024/12/kei-scherp-rating-active.png');
}

@media screen and (max-width: 650px) {
    .custom-rating {
        flex-direction: column;
        align-items: flex-start;
        gap: 5px;
    }
}

/* #endregion */


/* #region WOOCOMMERCE - ALGEMEEN */
/******** ACCOUNT ********/
.woocommerce-account .button,
a.woocommerce-Button,
button.woocommerce-Button {
    font-size: 16px !important;
    text-transform: none !important;
    font-family: var(--inter);
}

.woocommerce-account .button:hover,
a.woocommerce-Button:hover,
button.woocommerce-Button:hover {
    background-color: #000 !important;
}

.woocommerce-account .my-account-header h1 {
    font-size: 60px !important;
}

@media screen and (max-width: 550px) {
    .woocommerce-account .my-account-header h1 {
        font-size: 40px !important;
    }   
}

/******** WINKELWAGEN ********/
.woocommerce-cart .cart-container .actions .button {
    font-size: 16px !important;
    text-transform: none !important;
    font-family: var(--inter);
}

.woocommerce-cart .cart-container .actions button.button {
    background-color: #000 !important;
}

.woocommerce-cart .cart-container .actions button.button:not(:disabled):hover {
    background-color: var(--primary) !important;
}

.woocommerce-cart .cart-container .cart_item .product-name a {
    color: #000 !important;
}

.woocommerce-cart .cart-container .wc-proceed-to-checkout a.checkout-button {
    font-size: 16px !important;
    text-transform: none !important;
    font-family: var(--inter);
    background-color: var(--primary) !important;
}

.woocommerce-cart .cart-container .wc-proceed-to-checkout a.checkout-button:hover {
    background-color: #000 !important;
}

/******** CHECKOUT ********/
.woocommerce-checkout .place-order button.button{
    font-size: 16px !important;
    text-transform: none !important;
    font-family: var(--inter);
    background-color: var(--primary) !important;
}

.woocommerce-checkout .place-order button.button:hover {
    background-color: #000 !important;
}

form.checkout h3 {
    font-size: 1.5em !important;
}


/* #endregion */


/* #region EXTRA */
/*** PRICE BOX ***/
p.price-box > strong{
    background-color: var(--primary) !important;
    color: #fff;
    padding: 7px;
    display: block;
    width: fit-content;
    margin: 0 auto;
    min-width: 125px;
    margin: 5px auto 0 auto;
	position: relative;
}

p.price-box > strong + strong {
	margin-top: 30px;
}

p.price-box > strong + strong::before {
content: "of";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -25px;
    color: #000;
    font-size: 12px;
}


/*** OVER ONS ***/
section.tim > .bg.section-bg {
	background-position: 50% 10% !important;
}
section.joep > .bg.section-bg {
	background-position: 50% 0% !important;
}

/*** EXTRA DAAN 1-02-23 ***/
form.tips {
	max-width: 600px !important;
}

section.tips .gform_wrapper.gravity-theme .tips .gform_footer input {
	background-color: #000 !important;
}

section.tips .gform_wrapper.gravity-theme .tips .gform_footer input:hover {
	background-color: #fff !important;
	color: #000 !important;
}

legend {
	border: none !important;
}

section.mini-header .col {
	padding-bottom: 0px !important;
}

section.mini-header .img img {
	width: 75px !important;
}

@media screen and (max-width: 750px) {
	section.mini-header .img img {
		width: 50px !important;
	}
}

@media screen and (max-width: 550px) {
	section.mini-header {
		padding: 7px 0 !important;
	}
	
	section.tips h1 {
		font-size: 40px !important;
   		line-height: 45px !important;
	}
	
	section.tips h3 {
		margin-bottom: 10px !important;
	}
	
	section.tips form.tips .gform_fields {
		row-gap: 0px !important;
	}

    section.tips form.tips #field_3_3 {
        margin-bottom: 10px !important;
    }
	
	section.tips form.tips .gform_footer input {
		width: 100% !important;
	}
	
	section.tips form.tips .gfield label,
	section.tips form.tips .gfield legend {
		display: none !important;
	}
}

.text.small-text-description {
	border: 1px solid #000;
	margin-bottom: 20px;
	width: fit-content;
}

.text.small-text-description p {
	margin: 0;
	font-size: 14px;
    padding: 15px 15px;
}

section.academy-info-extra form {
	margin: 0 auto !important;
}

section.academy-info-extra form .gfield,
section.academy-info-extra form .gfield_label {
	text-align: left !important;
}

@media screen and (max-width: 550px) {
	section.tips-info,
	section.appointment-information {
	    padding-bottom: 0px !important;
	}
}

@media screen and (max-width: 1024px) {
	section.academy-info .row {
        max-width: 850px !important;
        margin-left: 0 !important;
    }

    section.academy-info .row .col {
        width: 100% !important;
        flex-basis: 100% !important;
        max-width: 100% !important;
	}

	section.academy-info .row .video-fit {
        padding-top: 550px !important;
    }

	section.academy-info-extra {
        padding-top: 30px !important;
    }
}

/******** CUSTOM REVIEWS ********/
section.custom-reviews .reviews .testimonial-box .icon-box-text {
    display: flex;
    flex-direction: column;
    background-color: var(--accent);
    padding: 25px;
}

section.custom-reviews .reviews .testimonial-box .icon-box-text .testimonial-meta {
    order: 1;
    padding-top: 0px !important;
}

section.custom-reviews .reviews .testimonial-box .icon-box-text .testimonial-text{
    order: 2;
}

section.custom-reviews .reviews .testimonial-box .icon-box-text .star-rating{
    order: 3;
}

section.custom-reviews .reviews .testimonial-box .icon-box-text .star-rating::before,
section.custom-reviews .reviews .testimonial-box .icon-box-text .star-rating span:before {
    color: var(--primary) !important;
}

@media screen and (max-width: 1024px) {
    section.custom-reviews .reviews {
        max-width: 750px !important;
        margin: 0 auto !important;
        justify-content: center;
    }

    section.custom-reviews .reviews .col {
        width: 50% !important;
        max-width: 50% !important;
        flex-basis: 50% !important;
    }  
}

@media screen and (max-width: 750px) {
    section.custom-reviews .reviews {
        max-width: 450px !important;
    }

    section.custom-reviews .reviews .col {
        width: 100% !important;
        max-width: 100% !important;
        flex-basis: 100% !important;
    }  
}


/******** PAKKETTEN ********/
section.pakketten {
    background-color: var(--primary) !important;
}

section.pakketten .pakket-wrapper .col {
    width: 40% !important;
    flex-basis: 40% !important;
    max-width: 40% !important;
}

section.pakketten .pakket-wrapper .col > div {
    background-color: var(--accent) !important;
    padding: 30px 20px 25px 20px !important;
}

section.pakketten .pakket-wrapper .col h4,
section.pakketten .pakket-wrapper .col p {
    color: #000 !important;
}

section.pakketten .pakket-wrapper .col .text.package-price {
    width: fit-content;
    display: inline-block;
    margin: 0 5px;
}

section.pakketten .pakket-wrapper .col .text.package-price.discount span {
    position: relative;
    min-height: 40px !important;
    display: block;
}

section.pakketten .pakket-wrapper .col .text.package-price.discount span::after {
    content: "";
    width: 100%;
    height: 1px;
    display: block;
    position: absolute;
    left: 0;
    bottom: 65%;
    background: #000;
    transform: rotate(355deg);
}

section.pakketten .pakket-wrapper .col .text.package-price.discount span + span {
    margin-top: 30px !important;
}

@media screen and (max-width: 1024px) {
    section.pakketten .pakket-wrapper {
        max-width: 600px !important;
        margin: 0 auto;
    }

    section.pakketten .pakket-wrapper .col {
        width: 100% !important;
        flex-basis: 100% !important;
        max-width: 100% !important;
        padding-bottom: 0px !important;
    }

    section.pakketten .pakket-wrapper .col + .col {
        margin-top: 20px !important;
    }
}

section.bedankt a.white-button {
	background-color: #fff !important;
	border-color: #fff !important;
}

section.bedankt a.white-button span{
	color: #000 !important;
}

section.bedankt a.white-button.primary:not(.is-underline):hover {
	background-color: #000 !important;
	border-color: #000 !important;
}

section.bedankt a.white-button:hover span{
	color: #fff !important;
}




/******** PRODUCT SLIDER ********/
section.product-slider .flickity-page-dots {
    bottom: -20px;
}

section.product-slider .product-small .box-image {
    padding-top: 0px !important;
}

section.product-slider .product-small .box-image a {
    text-align: center;
}

section.product-slider .product-small .box-image img {
    height: 275px !important;
    width: fit-content;
    object-fit: contain !important;
}


/* #endregion */


/* #region LP TEMPLATE */
/******* LP HERO *******/
section.lp-hero {
    height: 80vh !important;
}

section.lp-hero > .section-bg::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.5;
}

section.lp-hero h1 {
    margin-bottom: 20px !important;
}

section.lp-cta a.button.primary.solid:not(.is-underline):hover,
section.lp-hero a.button.primary.solid:not(.is-underline):hover {
    background-color: #fff !important;
    color: #000 !important;
}

section.lp-cta a.button.primary.solid.white:not(.is-underline):hover,
section.lp-hero a.button.primary.solid.white:not(.is-underline):hover {
    background-color: #000 !important;
    color: #fff !important;
}

section.lp-hero .discount-sticker h2 {
    position: relative;
    width: fit-content;
    margin: 0 auto 20px auto;
}

section.lp-hero .discount-sticker h2::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 40%;
    height: 100px;
    width: 100px;
    background-image: url('/wp-content/uploads/2025/09/sticker-actie.png');
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

@media screen and (max-width: 550px) {
    section.lp-hero .discount-sticker h2::before {
        bottom: 80%;
        height: 75px;
        width: 75px;
    }  
}

/******* LP USPS *******/
section.lp-usps {
    padding: 75px 0 !important;
}

section.lp-usps h2 + p {
	max-width: 750px !important;
	margin: 0 auto;
}

@media screen and (max-width: 1024px) {
    section.lp-usps {
        padding: 50px 0 !important;
    }

    section.lp-usps .row {
        max-width: 750px !important;
        margin: 0 auto;
        justify-content: center;
    }

    section.lp-usps .row > .col.medium-4 {
        width: 50% !important;
        flex-basis: 50% !important;
        max-width: 50% !important;
    }

}

@media screen and (max-width: 550px) {
    section.lp-usps {
        padding: 50px 0 15px 0 !important;
    }

    section.lp-usps ~ section.image-left {
        padding-top: 50px !important;
    }

    section.lp-usps .row.boxes {
        max-width: 400px !important;
    }

    section.lp-usps .row > .col.medium-4 {
        width: 100% !important;
        flex-basis: 100% !important;
        max-width: 100% !important;
    }
}

/******* LP INFO *******/
section.lp-info {
	margin: 50px 0 25px 0;
}

@media screen and (max-width: 1024px) {
    section.lp-info > .section-content > .row {
        max-width: 750px !important;
        margin: 0 auto;
    }
	
	section.lp-info.reverse > .section-content > .row {
		flex-direction: column-reverse;
    }
    
    section.lp-info > .section-content > .row > .col {
        max-width: 100% !important;
        width: 100% !important;
        flex-basis: 100% !important;
    }
}

@media screen and (max-width: 550px) {
	section.lp-info {
		margin: 30px 0 15px 0;
	}
}

/******* LP USP BLOCKS *******/

section.lp-usp-blocks .row .text p,
section.lp-usps .row .text p {
    font-size: 16px !important;
}
@media screen and (max-width: 1024px) {
    section.lp-usp-blocks .row {
        max-width: 750px !important;
        margin: 0 auto;
        justify-content: center;
    }

    section.lp-usp-blocks .row.blocks > .col {
        width: 50% !important;
        flex-basis: 50% !important;
        max-width: 50% !important;
    }
}

@media screen and (max-width: 550px) {
    section.lp-usp-blocks.blocks .row {
        max-width: 400px !important;
    }

    section.lp-usp-blocks .row.blocks > .col {
        width: 100% !important;
        flex-basis: 100% !important;
        max-width: 100% !important;
    }
}

/******* LP IMAGE LEFT *******/
section.lp.image-right {
    margin: 75px 0 75px 0 !important;
}

@media screen and (max-width: 1024px) {
    section.lp.image-right {
        margin: 0px !important;
    }

    section.lp.image-right {
        padding-top: 50px !important;
    }
}

/******* LP REVIEWS *******/
section.lp-reviews {
    padding-top: 50px !important;
}

section.lp-reviews .rplg .rplg-box {
    border-color: #fff !important;
    background-color: #fff !important;
}

@media screen and (max-width: 1024px) {
    section.lp-reviews section {
        padding: 0px !important;
    }
}

/******* LP MILES *******/
.row.miles > .col > .col-inner p {
    text-align: center;
    font-size: 19px !important;
    font-weight: 500;
}

.row.miles > .col > .col-inner p strong {
    font-family: moonshiner, sans-serif !important;
    font-size: 42px !important;
    color: #000 !important;
    font-weight: 800 !important;
}

/******* LP PAKKETTEN *******/
section.packs {
    padding-top: 75px !important;
}

section.packs .divider {
    background-color: var(--primary) !important;
}

section.packs .img img {
    object-fit: contain;
    object-position: left;
}

ul li.bullet-checkmark:before {
    color: var(--primary) !important;
}

section.packs a.button {
    margin-bottom: 0px !important;
}
section.packs ul > li:last-of-type {
    border-bottom: 0px !important;
}

section.packs .price p span  {
    font-size: 175% !important;
}

section.packs .price p span.old  {
    font-size: 125% !important;
    position: relative;
}

section.packs .price p span.old::after {
    content: '';
    width: 100%;
    position: absolute;
    right: 0;
    top: 50%;
    border-bottom: 2px solid var(--primary);
    -webkit-transform: skewY(-10deg);
    transform: skewY(-10deg);
}

section.packs .price p span.new  {
    font-size: 175% !important; 
    margin-left: 10px;
}

.pakketten ul.nav > li span:after {
	content: "BTW";
	margin-left: 5px;
}

@media screen and (max-width: 1024px) {
    section.packs {
        padding-top: 50px !important;
    }

    section.packs .row {
        max-width: 750px !important;
        margin: 0 auto;
    }

    section.packs .row.packets > .col {
        max-width: 50% !important;
        width: 50% !important;
        flex-basis: 50% !important;
    }
}

@media screen and (max-width: 550px) {
    section.packs .row.packets > .col {
        max-width: 100% !important;
        width: 100% !important;
        flex-basis: 100% !important;
    }
}

.cursus-video,
.cursus-video > div {
	max-height: 400px;
}
.cursus-video iframe {
	max-height: 400px;
	width: fit-content !important;
}
.club-image .img-inner { text-align: center; }
.club-image img   {
   max-width: 550px; height: auto; object-fit: contain;
}
/* #endregion */