/**
Theme Name: Wilbertoord pakt uut
Template:  wuxnl-theme
Author: Wux
Author URI: https://wux.nl/
*/

@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Fustat:wght@200..800&display=swap');:root {
    --fs: 1.8rem;
    --lh: 1.6;
    
    /* Custom beziers */
    --cb--smooth: cubic-bezier(.58,.22,.2,.96);

    /* Color variables */
    --clr-primary: #55A320;
    --clr-primary-110: #358001;
    --clr-primary-120: #148001;
    --clr-primary-130: #225300;
    --clr-primary-90: #6BBF4C;
    --clr-primary-80: #B2E191;
    --clr-primary-20: #E7F2E0;
    --clr-primary-rgb: 85, 163, 32;
    --clr-primary-110-rgb: 53, 128, 1;
    --clr-primary-120-rgb: 20, 128, 1;
    --clr-primary-130-rgb: 34, 83, 0;
    --clr-primary-80-rgb: 168, 214, 160;


    --clr-secondary: #fff;
    --clr-secondary-110: #d8d8d8;
    --clr-secondary-80: #fff;
    --clr-heading: #25272E;
    --clr-text: rgba(255, 255, 255, .8);

    --clr-dark: #1B4100;
    --clr-dark-rgb: 96, 68, 39;

    --clr-light: #f2f2f2;

    --clr-border: #fff; 
    --clr-border-light: rgba(255, 255, 255, 0.2);
    
    --clr-danger: #e2401c;
    --clr-info: #3d9cd2;
    --clr-success: #1CB435;

    --clr-background: var(--clr-primary);

    /* Font variables */
    --font-primary: 'Fustat', sans-serif;
    --font-secondary: 'Barlow Condensed', sans-serif;

    /* Container max-width variables */
    --container-width: 100%;
    --container-width--sm: 540px;
    --container-width--md: 720px;
    --container-width--lg: 960px;
    --container-width--xl: 1140px;
    --container-width--xxl: 1320px;
    --container-width--xxxl: 1560px;

    --ts-duration: var(--ts-25);
    --ts-function: var(--cb--smooth);

    --br: 0;

}

@media (min-width: 768px) {
    :root {
        --fs: 1.6rem;
    }
}

body { font-family: var(--font-primary); background-color: var(--clr-background);}
.wpb-image { --br: 0; box-shadow: 1.2rem 1.2rem 0 -.1rem var(--clr-primary-110); transform: rotate(-2deg);  }

/*** ---------- Typography ---------- ***/
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-family: var(--font-secondary); text-transform: uppercase; font-weight: 800; color: #FFF; }
h1, .h1 { --fs: clamp(4.2rem, 5vw, 8rem); --lh: 1; }
h2, .h2 { --fs: clamp(2.8rem, 4vw, 5.2rem); --lh: 1; }
h3, .h3 { --fs: clamp(2rem, 3vw, 2.4rem); --lh: 1; }
h4, .h4 { --fs: 1.8rem; --lh: 2rem; }

p { color: var(--clr-text); }

.wpb-title { font-weight: 900; color: var(--clr-secondary); }

.wpb-text *:not(.btn, .btn span, .btn i, .btn-group, strong, em, p:has(iframe), iframe, li, ul *, ol *) { display: block; transform: rotate(-2deg); }

/*** ---------- Icons ---------- ***/
.wpb-icon.wpb-icon--intersect { --src: url(/app/themes/wilbertoordpaktuut/assets/img/intersect.svg); transform: unset !important; --h: 37rem; z-index: -1; }
.wpb-icon.wpb-icon--intersect::after { mask-size: cover; }

/*** ---------- Buttons ---------- ***/
.btn, .gform_button, .gform_next_button, .gform_previous_button, .button { --box-shadow: .6rem .6rem 0px -1px var(--shadow-clr, transparent) !important; transform: rotate(-2deg); --br: 0; gap: 1.6rem; text-transform: uppercase; --fs: 2.2rem; font-family: var(--font-secondary); font-weight: 800; --p: 1.6rem 2rem; --shadow-clr: var(--clr-primary-130); --bg-clr: var(--clr-primary-110); --hover-bg-clr: var(--clr-primary-90); --active-bg-clr: var(--clr-primary); --clr: #FFF;  }

.btn i { font-size: 1.6rem; }
.btn.btn--primary { --shadow-clr: var(--clr-primary-130); --bg-clr: var(--clr-primary-110); --hover-bg-clr: var(--clr-primary-90); --active-bg-clr: var(--clr-primary); --clr: #FFF;  }
.btn.btn--secondary, .gform_button { --shadow-clr: var(--clr-primary-130); --bg-clr: var(--clr-secondary); --hover-bg-clr: var(--clr-secondary-110); --active-bg-clr: var(--clr-secondary-110); --hover-clr: var(--clr-dark); --clr: var(--clr-dark);  }
.btn.btn--white { --hover-border: 1px solid var(--clr-secondary); --shadow-clr: var(--clr-dark); --bg-clr: var(--clr-secondary); --hover-bg-clr: var(--clr-secondary-110); --active-bg-clr: var(--clr-secondary-110); --hover-clr: var(--clr-dark); --clr: var(--clr-dark); }
.btn.btn--outline { --bg-clr: #FFF; --hover-bg-clr: var(--clr-secondary); --active-bg-clr: var(--clr-secondary); --clr: var(--clr-text); --hover-clr: #FFF; --border: 1px solid var(--clr-text); }

.btn-group { --gap: 2rem; --mt: 2.8rem; }

/*** ---------- Whitespace ---------- ***/
[class*="wpb-wst"] { --pt: 0; padding-top: var(--pt); }
[class*="wpb-wsb"] { --pb: 0; padding-bottom: var(--pb); }

.wpb-wst--none { --pt: 0; }
.wpb-wst--small { --pt: 1.8rem; }
.wpb-wst--medium { --pt: 2.5rem; }
.wpb-wst--large { --pt: 4rem; }

.wpb-wsb--none { --pb: 0; }
.wpb-wsb--small { --pb: 1.8rem; }
.wpb-wsb--medium { --pb: 2.5rem; }
.wpb-wsb--large { --pb: 4rem; }

@media (min-width: 992px) {
    .wpb-wst--small { --pt: 6.4rem; }
    .wpb-wst--medium { --pt: 8rem; }
    .wpb-wst--large { --pt: 11rem; }
    
    .wpb-wsb--small { --pb: 6.4rem; }
    .wpb-wsb--medium { --pb: 8rem; }
    .wpb-wsb--large { --pb: 11rem; }
}

/*** ---------- Icons ---------- ***/
.wpb-icon.wpb-icon--logo-border { --src: url(/app/themes/bouwdagen-langenboom/assets/img/mask-logo.svg); --clr: var(--clr-primary); }

/*** ---------- Background colors ---------- ***/
.wpb-bg-clr--transparant {background-color: transparant;}
.wpb-bg-clr--primary {background-color: var(--clr-primary-120);}
.wpb-bg-clr--secondary {background-color: var(--clr-secondary);}
.wpb-bg-clr--light {background-color: var(--clr-primary-80);}
.wpb-bg-clr--dark {background-color: var(--clr-dark);}

/*** ---------- Navigation ---------- ***/
.wpb-navigation { --nav-bg-clr: transparent; }
.wpb-navigation + .wpb-header { padding-top: 4.3rem; }
.wpb-navigation .menu-item:hover .menu-link { color: var(--clr-secondary-110); }
.wpb-navigation .wpb-menu > .menu-item .menu-link { font-weight: 800; transform: rotate(-2deg); font-size: 2.2rem; text-transform: uppercase; color: var(--clr-text); font-family: var(--font-secondary);}
.wpb-navigation__collapse .menu-item.menu-item--current > .menu-link { color: #FFF;  }
.wpb-navigation .wpb-sub-menu .menu-item .menu-link { transform: unset !important; }
.wpb-navigation .logo { z-index: 10; }
.wpb-navigation .logo .inner { width: 22rem; height: 17.6rem; display: grid; place-items: center;}
.wpb-navigation .logo .inner .wpb-icon { width: 100%; height: 100%; position: absolute; --w: 100%; --h: 100%;}
.wpb-navigation .logo img { max-width: 18rem; z-index: 1; }
.wpb-navigation .btn.btn--square { width: 4.2rem !important; height: 4.2rem !important; --clr: #000; --hover-clr: #000; border: none !important; }
@media(max-width: 991.98px) {
    .wpb-navigation .container { margin: 1rem auto 1rem auto; --p: 0 1rem; }
}

@media(max-width: 1199.98px) {
    .wpb-navigation .container { margin: 1rem auto 1rem auto; --p: 0 1rem; }
}

@media(max-width: 1399.98px) {
    .wpb-navigation .btn-group .btn { width: 100%; }
    .wpb-navigation .wpb-navigation__collapse { background-color: var(--clr-primary); }
}

@media(max-width: 1499.98px) {
    .wpb-navigation .btn-group .btn { --fs: 1.6rem }
}

@media(min-width: 425px) {
    .wpb-navigation .logo img { z-index: 1; }
}

@media(min-width: 768px) {


}

@media(min-width: 1200px) {
    .wpb-navigation .logo .inner { width: 36rem; }

}

@media(min-width: 1400px) {
    .wpb-navigation__collapse .menu-item.menu-item--current::after { animation: none !important; position: absolute; top: unset; bottom: 0; left: 50%;width: .8rem; height: .8rem; border-radius: 50%; animation: none !important;}
    .wpb-navigation__collapse .wpb-menu > .menu-item > .menu-link { padding: 5rem 2.2rem 0 2.2rem; color: #FFF;}
    .wpb-navigation__collapse .menu-item.menu-item--current > .menu-link { padding-bottom: 2rem; }
    
    .wpb-sub-menu .menu-item::after { content: unset !important; }
    .wpb-sub-menu .menu-item.menu-item--current > .menu-link  { padding-bottom: 1rem !important; }

    .wpb-navigation .logo img { max-width: 27rem;}
    .wpb-navigation .logo .inner { width: 27rem; }

    .wpb-navigation .wpb-sub-menu { background-color: #148001; transform: translateX(-50%) rotate(-2deg);}
}

/*** ---------- Header home ---------- ***/
.wpb-header.wpb-header--home { position: relative; height: 50rem; }
[class*="is-background-"]::after { content: ""; pointer-events: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; background: linear-gradient(206.59deg, rgba(0, 0, 0, 0) 46.37%, rgba(0, 0, 0, 0.8) 87.55%) !important; }
.wpb-header.wpb-header--home h1 + span { --mt: 1.2rem; font-size: clamp(2.4rem, 5vw, 6.4rem); text-transform: uppercase; font-family: var(--font-secondary); font-weight: 400; line-height: 1; } 
.wpb-header.wpb-header--home .container { --p: 11rem 1rem 13rem 1rem; justify-content: start; z-index: 10; }
.wpb-header .container .btn-group { z-index: 11; position: relative; gap: 1.2rem; margin-top: 4rem; }
.wpb-header .container .wpb-text { justify-content: center; align-items: center; }

@media(min-width: 768px) {
    .wpb-header .container .btn-group { gap: 2.4rem;}
    .wpb-header.wpb-header--home .container { --p: 10rem 1rem 13rem 1rem; }
    .wpb-header.wpb-header--home::before {  width: 14.7rem; height: 22rem; bottom: -10%; left: 0;   }
    .wpb-header.wpb-header--home::after { width: 12rem; height: 48.5rem; bottom: -30%; }
    .wpb-header .container .wpb-text { justify-content: start;  align-items: start;}

}

@media(min-width: 1400px) {
    .wpb-header.wpb-header--home { height: 80rem; }
    .wpb-header.wpb-header--home .container { --p: 25rem 1rem 22rem 1rem; }
}

@media(min-width: 1600px) {
    .wpb-header.wpb-header--home .container { --p: 40rem 1rem 25rem 1rem; }
}

/*** ---------- Block: Lineup ---------- ***/
.wpb-block--lineup .container .event-grid { position: relative; z-index: 11; }
.wpb-block--lineup .container .event-grid .wpb-block__column.gradient::after { background: linear-gradient(0deg, rgba(var(--clr-primary-120-rgb), 1) 0%, rgba(var(--clr-primary-120-rgb),0) 35%) }
.wpb-block--lineup .container .event-grid .wpb-block__column { background-color: var(--clr-primary-120); border-radius: 0; box-shadow: 1.2rem 1.2rem 0px -1px var(--clr-primary-130) !important }
.wpb-block--lineup .container .event-grid .wpb-block__column .inner { gap: 2rem; transform: rotate(-2deg); padding-bottom: 0; }
.wpb-block--lineup .container .event-grid .wpb-block__column .inner .column--header .header { line-height: 1; font-size: clamp(2.4rem, 4vw, 4.8rem); text-transform: uppercase; font-weight: 800; font-family: var(--font-secondary); color: var(--clr-secondary); }
.wpb-block--lineup .container .event-grid .wpb-block__column .inner .column--header .event-date { border-radius: 0; background-color: #FFF; color: var(--clr-primary-120); font-size: 2.4rem; font-weight: 500; font-family: var(--font-secondary);}
.wpb-block--lineup .container .event-grid .wpb-block__column .inner .column--body .lineup-item > * { font-weight: 700; text-transform: uppercase; }

/*** ---------- Block: Sponsoren ---------- ***/
.wpb-block--sponsoren .wpb-title { font-family: var(--font-secondary); font-size: 1.6rem; }
.wpb-block--sponsoren .wpb-sponsors .sponsor img { filter: hue-rotate(45deg) sepia(100%) saturate(500%) brightness(var(--clr-primary)) contrast(100%) grayscale(0) invert(0) !important ; }
.wpb-block--sponsoren .wpb-sponsors .sponsor:is(a[href]):hover img { filter: unset !important; }

@media(max-width: 767.98px) {
    .wpb-block--sponsoren .container { gap: 2.4rem; }
}

/*** ---------- Block: CTA ---------- ***/
.wpb-block--cta .wpb-text > p { --mt: 0; font-size: clamp(2.2rem, 4vw, 4rem); max-width: 81.5rem; font-family: var(--font-secondary); color: var(--clr-primary-80); }
.wpb-block--cta .wpb-text h2 { font-weight: 500; }

/*** ---------- Block: Carousel ---------- ***/
.wpb-block--carousel .blaze-slider .blaze-nav-container > button { --inner-clr: var(--clr-heading); --size: 5.5rem; --hover-bg-clr: var(--clr-secondary-110); --br: 0; --hover-inner-clr: #000;}
.wpb-block--carousel .blaze-slider .blaze-nav-container > button i { font-size: 2.4rem; }
.wpb-block--carousel .blaze-slider.start .blaze-nav-container > .blaze-prev, .wpb-block--carousel .blaze-slider.end .blaze-nav-container > .blaze-next { cursor:not-allowed;  pointer-events: none; background-color: rgb(182, 182, 182); }
.wpb-block--carousel .wpb-image { box-shadow: none; transform: none; border-radius: var(--br); }
.wpb-block--carousel .blaze-slider .blaze-nav-container > .blaze-prev { transform: rotate(178deg); box-shadow: -6px -6px 0 1px rgba(255, 255, 255, 0.3); }
.wpb-block--carousel .blaze-slider .blaze-nav-container > .blaze-prev * { transform: rotate(-178deg); }
.wpb-block--carousel .blaze-slider .blaze-nav-container > .blaze-next { transform: rotate(-178deg); box-shadow: 6px -6px 0px 1px rgba(255, 255, 255, 0.3);}
.wpb-block--carousel .blaze-slider .blaze-nav-container > .blaze-next * { transform: rotate(178deg); }
.wpb-block--carousel::before { content: ''; position: absolute; top: -30%; left: 0; right: 0; height: 100%; width: 100%; background-image: url('/app/themes/wilbertoordpaktuut/assets/img/style-element.svg'); background-repeat: no-repeat; background-size: cover; background-position: center; z-index: -1; }

@media(min-width: 992px) {
    .wpb-block--carousel::before { height: 77rem;  }

}

/*** ---------- Block: Media ---------- ***/
.wpb-block--media .wpb-ratio { border-radius: var(--br); overflow: clip;}

/*** ---------- Block: FAQ ---------- ***/
.wpb-accordion { --br: 0; }
.wpb-accordion__item .wpb-accordion__body { padding-left: 0; }
.wpb-accordion__item .wpb-accordion__button span { font-size: 1.8rem;}
.wpb-accordion__item .wpb-accordion__button { border-bottom: 1px solid var(--clr-text); padding-left: 0;}

/*** ---------- Block: CTA ---------- ***/
.wpb-block--cta .container { overflow: clip; z-index: 1; }
.wpb-block--cta .container::after { content: '';  pointer-events: none; width: 100%; height: 20rem; position: absolute; bottom: 0; left: 0; right: 0; background-image: url('/app/themes/wilbertoordpaktuut/assets/img/cta.svg'); background-repeat: no-repeat; background-size: cover; background-position: right; z-index: -1; }

@media(min-width: 992px) {
    .wpb-block--cta .container::after { height: 30rem; }
}

@media(min-width: 1200px) {
    .wpb-block--cta .container { padding: 8.3rem 15rem 8.3rem 15rem; }
}


/*** ---------- Social media ---------- ***/
.wpb-socials span {margin-bottom: 1.6rem; font-size: 1.6rem; font-family: var(--font-secondary); font-weight: 800; text-transform: uppercase; color: var(--clr-text); border: none !important; text-decoration: none; display: inline-block; }
.wpb-social-media a:hover { --hover-border: none; --hover-box-shadow: 0; --hover-bg-clr: var(--clr-primary-110); }

@media(min-width: 768px) {
    .wpb-social-media { gap: 2.4rem; }
}

/*** ---------- By wux ---------- ***/
.by-wux { filter: none !important; opacity: 1 !important; }
.by-wux span { color: var(--clr-text); font-size: 1.4rem; font-weight: 500; text-transform: uppercase; margin-bottom: 1rem; font-family: var(--font-secondary); }
.by-wux img { width: 7.4rem; height: 2.3rem; }

/*** ---------- Cards ---------- ***/
.wpb-card { --br: 0; }
.wpb-card.wpb-card--shortcode { background-color: var(--clr-primary-120); border-color: transparent; box-shadow: 1.2rem 1.2rem 0 -.1rem var(--clr-primary-130); }


@media(min-width: 1200px) {
    .wpb-card.wpb-card--shortcode { --p: 5rem; }
}

/*** ---------- Gravityforms ---------- ***/ 
.gform_footer { flex-wrap: wrap; }
.gform_wrapper.gravity-theme .ginput_product_price, .gform_wrapper.gravity-theme .ginput_shipping_price { color: #FFF !important; font-weight: 700 !important; }
.gform_footer .form-footer-text { margin: auto 2rem !important; }
.gform_wrapper.gravity-theme h2:not(.gform_submission_error) { margin-bottom: 2rem !important; }
.gform_validation_errors { margin-bottom: 2rem !important; }
.gform_wrapper.gravity-theme input[type=color], .gform_wrapper.gravity-theme input[type=date], .gform_wrapper.gravity-theme input[type=datetime-local], .gform_wrapper.gravity-theme input[type=datetime], .gform_wrapper.gravity-theme input[type=email], .gform_wrapper.gravity-theme input[type=month], .gform_wrapper.gravity-theme input[type=number], .gform_wrapper.gravity-theme input[type=password], .gform_wrapper.gravity-theme input[type=search], .gform_wrapper.gravity-theme input[type=tel], .gform_wrapper.gravity-theme input[type=text], .gform_wrapper.gravity-theme input[type=time], .gform_wrapper.gravity-theme input[type=url], .gform_wrapper.gravity-theme input[type=week], .gform_wrapper.gravity-theme select, .gform_wrapper.gravity-theme textarea { color: #FFF; }
.gform_wrapper.gravity-theme .gfield_label, .gform_wrapper.gravity-theme .ginput_complex label, .gform_wrapper.gravity-theme .ginput_complex legend { color: var(--clr-secondary) !important; }
.wpb-block--text-form .wpb-form .gform-footer .gform_button { margin: 0 !important;  }
input[type=text], input[type=number], input[type=email], input[type=tel], input[type=url], input[type=password], input[type=search], textarea { --bg-clr: var(--clr-primary); --clr: var(--clr-text); --br: 0; color: var(--clr-text); }
input[type=text]::placeholder, input[type=number]::placeholder, input[type=email]::placeholder, input[type=tel]::placeholder, input[type=url]::placeholder, input[type=password]::placeholder, input[type=search], textarea::placeholder { color: var(--clr-text); opacity: 0.8; }
input[type=text]:focus, input[type=number]:focus, input[type=email]:focus, input[type=tel]:focus, input[type=url]:focus, input[type=password]:focus, input[type=search]:focus, textarea:focus { border-color: transparent; }
.gform_wrapper.gravity-theme .gfield .ginput_quantity { width: 100% !important; }
.gform_wrapper .spacer.gfield { display: none !important; }
.gform_wrapper.gravity-theme .gform_validation_errors > h2 { font-family: var(--font-primary); }
.gform_wrapper.gravity-theme .gfield_required { color: inherit !important; }
.gform_wrapper.gravity-theme .gform_validation_errors>h2 { text-transform: math-auto; }
.gform_wrapper.gravity-theme .ginput_container_mollie_components .ginput_card_field, .gform_wrapper.gform_legacy_markup_wrapper .ginput_container_mollie_components .ginput_card_field { color: #FFF !important; background-color: var(--clr-primary) !important; border: none !important;}
@media(max-width: 1199.98px) {
    .gform_footer { flex-wrap: wrap; gap:2rem; }
    .gform_footer .form-footer-text { margin-left: 0 !important; text-align: start !important; }
}



/*** ---------- Block: Text & media ---------- ***/
.wpb-block--text-media .wpb-image > img { max-height: 60rem; object-fit: cover; }

@media(min-width: 768px) {
    .wpb-block--text-media .wpb-image > img { height: 60rem; }
}

/*** ---------- Social media ---------- ***/
.wpb-social-media a { background-color: var(--clr-primary-130); --hover-bg-clr: var(--clr-primary-120); --active-bg-clr: var(--clr-primary-120); --border: 1px solid var(--clr-secondary); --box-shadow: none; --hover-border: 1px solid var(--clr-secondary); --hover-box-shadow: none; --clr: var(--clr-secondary); --hover-clr: var(--clr-secondary); }


/*** ---------- Footer ---------- ***/
.wpb-footer { position: relative; }
.wpb-footer::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; background-image: url('/app/themes/wilbertoordpaktuut/assets/img/footer-bg.svg'); background-repeat: no-repeat; background-size: cover; background-position: center; z-index: -1; width: 100%; height: 36rem; }

/*** ---------- Block: Timetable ---------- ***/
.wpb-block--timetable .container .event-grid .wpb-block__column { background-color: var(--clr-primary-120); border-radius: 0; }
.wpb-block--timetable .container .event-grid .wpb-block__column .column--header::after { background: linear-gradient(180deg, rgba(var(--clr-primary-120-rgb), 0) 58.27%, rgba(var(--clr-primary-120-rgb), 1) 100%); }
.wpb-block--timetable .container .event-grid .wpb-block__column span { display: none; }
.wpb-block--timetable .container .event-grid .wpb-block__column .column--body { color: var(--clr-secondary); }

/*** ---------- Block: Shortcode ---------- ***/
.wpb-block--text-shortcode *:not(.btn) { transform: unset !important; }