/*
Theme Name:     Cars 'N Joy
Theme URI:      https://www.pithmedia.nl
Description:    Cars 'N Joy
Author:         Pith Media
Author URI:     https://www.pithmedia.nl
Template:       Divi
Version:        1.0.0
*/

/* =Theme customization starts hier
------------------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Baloo+Tamma+2:wght@400..800&family=Matangi:wght@300..900&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@400;600;800&family=Inter:wght@300;400;600&display=swap');

body {font-size:16px;color:#FFF;background:radial-gradient(circle at top, #2f6bff 0, #0c1530 40%, #050712 100%);}
/*body {background:linear-gradient(to bottom, #1159a6 0%, #6b4b9c 45%, #f4773c 100%);}*/
body {background:radial-gradient(circle at 15% 0%, rgba(59, 130, 246, 0.35), transparent 55%), radial-gradient(circle at 85% 0%, rgba(244, 122, 71, 0.25), transparent 60%), linear-gradient(to bottom, #020617 0%, #020617 55%, #020617 100%);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text-main);line-height:1.6;-webkit-font-smoothing:antialiased;}
body {background:radial-gradient(circle at 15% 0%, rgba(59, 130, 246, 0.35), transparent 55%), radial-gradient(circle at 85% 0%, rgba(244, 122, 71, 0.25), transparent 60%), linear-gradient(to bottom, #3379BE 0%, #3379BE 55%, #F4864B 100%);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text-main);line-height:1.6;-webkit-font-smoothing:antialiased;}

h1,h2,h3,h4,h5 {font-family:"Kanit",sans-serif;}
h1 {font-size:48px;font-weight:700;line-height:50px;color:#283891;}
h2 {font-size:34px;font-weight:600;line-height:43px;}
h3 {font-size:30px;font-weight:700;line-height:38px;}
h4 {}
a {color:#1cb0a3;}

body .et_pb_row,body .container {max-width:100%!important;}
.groen-bg {background:rgb(237,246,227);background:radial-gradient(circle, rgba(237,246,227,1) 0%, rgba(128,218,208,1) 100%);padding:40px!important;border-radius:30px;}
.wpml-ls-statics-footer {display:none;}
.otgs-development-site-front-end {display:none;}
.star-rating {display:none;}
.et_pb_wc_upsells_0_tb_body ul.products li.product .star-rating {display:none;}
.woocommerce .star-rating {display:none!important;}

/* Buttons */
.small-button {text-transform:uppercase;border-radius:999px!important;text-shadow:none!important;cursor:pointer;padding:10px 30px!important;}
.small-button.smallblue,.button,.et_pb_contact_submit,.woocommerce-message a.button.wc-forward,.container .woocommerce .button,#top-menu #menu-item-25 a {background:linear-gradient(135deg, #ff914d 0%, #ff7a28 100%);color:#1b0902!important;box-shadow:0 14px 40px rgba(255,145,77,0.45)!important;border-radius:999px;font-weight:600;padding:12px 26px;font-size:0.95rem;border:1px solid transparent;cursor:pointer;transition:all 0.2s ease-out;}
.small-button.smallblue:hover,.button:hover,.et_pb_contact_submit:hover,.woocommerce-message a.button.wc-forward:hover,.container .woocommerce .button:hover,#top-menu #menu-item-25 a:hover {transform:translateY(-2px);box-shadow:0 18px 46px rgba(255,145,77,0.6)!important;filter:brightness(1.03);}
.small-button.smallblue:after,.button:after,.et_pb_contact_submit:after,.woocommerce-message a.button.wc-forward:after,.container .woocommerce .button:after {content:none!important;padding:0px;margin:0px;}
.small-button.smallblue:before {font-family:"Font Awesome 5 Free";content:"\f145";display:inline-block;padding-right:10px;vertical-align:middle;font-size:14px;font-weight:900;}
.small-button.smalllightblue,.coupon .button {background:none!important;border:1px solid transparent;border-color:rgba(255,255,255,1);backdrop-filter:blur(8px);color:#FFF!important;padding:12px 26px;border-radius:999px;font-weight:600;font-size:0.95rem;transition:all 0.2s ease-out;box-shadow:none;}
.uw-operatie .small-button.smalllightblue,.uw-operatie .coupon .button {white-space:nowrap;}
.small-button.smalllightblue:hover,.coupon .button:hover {border-color:#f4773c!important;background:rgba(255,255,255,0.05)!important;color:#FFF!important;box-shadow:none;}

/* Header */
#main-header {background:none;box-shadow:none;}
#main-header.et-fixed-header {backdrop-filter:blur(18px);background:linear-gradient(to bottom, rgba(2,3,21,0.95), rgba(2,3,21,0.85), transparent);border-bottom:1px solid rgba(255,255,255,0.04);}
#main-header.et-fixed-header #logo {background:none;margin-top:-10px;max-height:60px;padding:2px;margin-left:29px;}
#main-header .container {max-width:100%!important;width:100%;}
#main-header .logo_container {padding:15px 0 0 18px;}
.header-section {min-height:550px;padding:0px!important;border-top-left-radius:40px;border-top-right-radius:40px;background:linear-gradient(120deg, rgba(3,7,18,0.4) 0, rgba(3,7,18,0.9) 45%, rgba(3,7,18,0.98) 70%, rgba(3,7,18,1) 100%), radial-gradient(circle at 20% 10%, rgba(255,255,255,0.16) 0, transparent 45%)!important;}

.header-section .et_pb_row_0 {background:rgba(0,0,0,0.85);padding:0 0 0 90px;border-radius:10px;max-width:100%!important;width:100%;min-height:550px;}
.header-section .et_pb_row_0 .et_pb_column_0 {padding-top:80px;margin-right:0px;}
.header-section .et_pb_row_0 .et_pb_column_1 {width:52.75%;right:0;}
.header-section .et_pb_row_0 .et_pb_text_0 {width:100%;}
.header-section .et_pb_row_0 .et_pb_text_0 p {color:#FFF;margin-bottom:15px;}
.header-section .et_pb_row_0 .et_pb_text_0 p:first-child {width:80%;}
.header-section .et_pb_row_0 .et_pb_text_0 h2 {font-size:40px;}
.mobile_menu_bar::before,.mobile_menu_bar::after,#top-menu li.current-menu-ancestor > a,#top-menu li.current-menu-item > a {color:#f4773c;}
.usps .et_pb_text_inner p {font-weight:bold;}
.usps .et_pb_text_inner p::before {font-family:"Font Awesome 5 Free";content:"\f058";display:inline-block;padding-right:10px;vertical-align:middle;font-size:14px;font-weight:900;}
#logo {max-height:100px;padding:15px;background:linear-gradient(to right, #16244d 0%, #172851 45%, #182953 100%);}
#logo {background:#3073cf}
.et_header_style_left .et-fixed-header #et-top-navigation {padding-bottom:12px;}
#et-main-area {padding:15px 10% 0 10%;}
#main-content {z-index:9;position:relative;}

/* V-vorm (chevron) onder de hero */
/* basis chevron */
.arrow_down {position:relative;overflow:hidden;color:#fff;}
.arrow_down::after {content:"";position:absolute;left:0;right:0;bottom:-1px;height:2vw;min-height:70px;max-height:180px;background:currentColor;clip-path:polygon(0 0,50% 100%,100% 0,100% 100%,0 100%);pointer-events:none;z-index:9;}
.et_pb_section_1.arrow_down {color:rgba(35,35,35,0.87);}
body.home .header-section.arrow_down::after {background:#040412;}
.header-section.arrow_down::after {background:#FFF;}
.programma.arrow_down::after {background:#FFF;}
.et_pb_section_1 {margin-top:0!important;}

.bg-stripes {position:fixed;inset:0;pointer-events:none;z-index:2;opacity:0.9;}
.bg-stripe {position:absolute;top:-10%;bottom:-10%;width:16px;background:#ffffff;border-radius:999px;}
.bg-stripe--left {left:69px;}
.bg-stripe--right {left:95px;}

.blog-carousel .et_pb_post {background:#ffffff;border-radius:10px;padding:20px;box-shadow:0 8px 20px rgba(0,0,0,0.08);}
.blog-carousel .et_pb_post a,.blog-carousel .et_pb_post h2 {margin:-95px 0 0 0;padding:0px;color:#FFF;z-index:2;position:relative;line-height:30px;}
.blog-carousel .slick-dots li button:before {color:#040412;}
.blog-carousel .slick-dots li.slick-active button::before {color:#f4773c;}
/* Zorg dat Divi-grid niet in de weg zit binnen de slider */
.blog-carousel .et_pb_salvattore_content {display:block;}
.blog-carousel article.et_pb_post {background:#ffffff;border-radius:10px;padding:20px;box-shadow:0 8px 20px rgba(0,0,0,0.08);margin-right:10px;margin-left:10px;}
.blog-carousel .slick-slide {padding:0 10px;box-sizing:border-box;}
.blog-carousel .slick-slide article.et_pb_post {margin:10px 0;}
.blog-carousel h2 {font-family:"Bebas Neue","Kanit",sans-serif;font-weight:bold;font-size:30px;}
.blog-carousel .post-meta {text-transform:uppercase;font-size:14px;}

/* Menu */
#top-menu-nav {padding-right:20px;}
#top-menu a {color:#FFF;}
#top-menu #menu-item-25 a {background:linear-gradient(135deg, #f4773c, #ffb36c)!important;color:#000!important;padding:15px 50px;border-radius:999px;}

/* home */
.content_home h2 {color:#FFF;}
.content_home {background:#1f2020!important;color:#FFF;min-height:700px;}
.content_home .et_pb_column_1_2 img {border-radius:18px;border:1px solid #000;}
.content_home.arrow_down::after {background:#02061b!important;}
.et_pb_text_inner em {font-size:11px;letter-spacing:0.2em;text-transform:uppercase;opacity:0.7;display:flex;align-items:center;gap:8px;color:#f4773c;;font-weight:600;}
.et_pb_text_inner em::before {content:"";width:24px;height:1px;background:linear-gradient(90deg, #ffdd7c, transparent);opacity:0.9;}
.intro {margin-bottom:10px!important;}
.intro h1 {text-transform:uppercase;font-size:70px;color:#f9f9f9;}
.intro h2 {text-transform:uppercase;font-size:27px!important;line-height:24px;color:#ffb36c;}
.intro p strong {color:#ffb36c;}
.header-section .et_pb_code_0 span {font-size:11px;text-transform:uppercase;letter-spacing:0.2em;}
.small-button.smallblue .early-bird-label {display:inline-flex;border-radius:999px;background:rgba(0,0,0,0.15);color:rgba(255,255,255,0.7);font-size:10px;padding:1px 10px;text-transform:uppercase;letter-spacing:0.1em;margin-right:-11px;margin-left:10px;}
.headline {}

.ticket_content {background:radial-gradient(circle at top left, #02061b 0%, #000109 50%, #000000 100%);color:#a0a4c0;}
.ticket_content h2 {color:#FFF;}
.ticket_content em {font-style:normal;color:#ffb36c;margin-left:-4px;}

.program-date em {background:#000;padding:2px 8px;border-radius:15px;}

/* Zorg dat de header-video mooi blendt */
.header-section .video.et_pb_code video {object-fit:cover;width:100%;height:100%;min-height:570px;border-radius:0;}
.header-section .video.et_pb_code:after {content:"";position:absolute;z-index:3;top:0;left:0;right:0;bottom:0;background:linear-gradient(to right,rgba(0,0,0,1) 0%,rgba(0,0,0,0.4) 40%,rgba(0,0,0,0.35) 100%);pointer-events:none;}
/*.header-section .video.et_pb_code:before {content:"";position:absolute;z-index:2;top:0;left:0;right:0;bottom:0;background:url('https://www.carsnjoy.nl/wp-content/uploads/2025/11/cropped-carsnjoy-icon.png') center top/cover no-repeat;opacity:0.25;pointer-events:none;}*/
.tastenjoy.header-section {min-height:auto}
.tastenjoy.header-section .video.et_pb_code video {min-height:550px;}

.drivenjoy.header-section {min-height:auto}
.drivenjoy.header-section .video.et_pb_code video {min-height:550px;}

.pulse {width:8px;height:8px;margin-right:10px;border-radius:999px;background:#ffdd7c;box-shadow:0 0 0 0 rgba(255,221,124,0.9);animation:pulse 1.8s infinite;display:inline-block;}
@keyframes pulse {0% {transform:scale(1);box-shadow:0 0 0 0 rgba(255,221,124,0.9);}70% {transform:scale(1.3);box-shadow:0 0 0 14px rgba(255,221,124,0);}100% {transform:scale(1);box-shadow:0 0 0 0 rgba(255,221,124,0);}}

.partner-bar {background:rgba(5,7,18,0.9);color:#FFF;border-radius:99px;padding:20px 0 0 0!important;}
.partner-bar .et_pb_column p {line-height:60px;padding:0 0 0 30px;}
.partner-bar .et-last-child .et_pb_text_inner {text-align:right;}
.partner-bar .et_pb_text img {max-height:50px;width:auto;margin-right:30px;border-radius:0px;}

.partners {background:radial-gradient(circle at top, #03173f 0%, #020315 45%, #000108 100%);color:#a0a4c0;border-bottom-left-radius:30px;border-bottom-right-radius:30px;}
.partners.arrow_down::after {background:radial-gradient(circle at top, #03173f 0%, #020315 45%, #000108 100%);}
.partners h2 {color:#FFF;}
.partners em {font-style:normal;color:#ffb36c;margin-left:-4px;}
.partners_row .partner img {width:auto;max-height:70px;}
.partners .small-button.smallblue::before {content:none;}


/* Nieuws */
.nieuws.arrow_down::after{background:radial-gradient(circle at top, #03173f 0%, #020315 45%, #000108 100%);}
.nieuws .et_pb_blog_grid .et_pb_image_container img,.nieuws .et_pb_post{border-radius:18px;}
.nieuws em{display:inline-block;}
.nieuws .et_pb_post{border-bottom-right-radius:15px;border-bottom-left-radius:15px;}
.nieuws .et_pb_post .entry-title{margin-top:-70px;z-index:99;position:relative;color:#FFF;line-height:24px;}
.nieuws .et_pb_post .entry-featured-image-url,.nieuws .et_pb_image_container{margin-bottom:0px;}
.nieuws .et_pb_blog_grid h2{padding-bottom:0px;}
.nieuws .post-meta{font-size:12px;margin:0px;color:#f4773c;position:relative;}
.nieuws .post-meta span{color:#f4773c;}
.nieuws .et_pb_blog_grid .et_pb_image_container {position:relative;overflow:hidden;border-radius:18px;}
.nieuws .et_pb_blog_grid .et_pb_image_container:hover {opacity:0.8;}
.nieuws .et_pb_blog_grid .et_pb_image_container::after{content:"";position:absolute;left:0;right:0;bottom:0;top:0;background:linear-gradient(to top,rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.35) 40%,rgba(0,0,0,0) 75%);pointer-events:none;z-index:1;}
.nieuws .et_pb_blog_grid .entry-title{position:relative;z-index:2;}
.nieuws .et_pb_blog_grid .entry-title a{color:#ffffff;text-shadow:0 2px 6px rgba(0,0,0,0.6);}
.nieuws .small-button.smallblue::before {content:none;}

.single-post #main-content, .page-template-default #main-content {border-radius:18px;}
.page-template-default .et_pb_section_0 {border-top-left-radius:18px;border-top-right-radius:18px;}
.cnj-context-single-post {background: linear-gradient(135deg, rgba(3,23,63,0.92), rgba(2,3,21,0.92));border-bottom: 1px solid rgba(255,255,255,0.10);box-shadow: 0 10px 30px rgba(0,0,0,0.22);
border-radius:18px;height:auto;margin:15px 0;padding:15px 0;}


/* Highlights */
.highlights.arrow_down::after{background:#242E39;background:linear-gradient(90deg, rgba(36, 46, 57, 1) 0%, rgba(41, 46, 52, 1) 100%);}


/* Programma basis */
.programma {background:#040412;min-height:640px;}
.programma .et_pb_row_1 {padding-top:0;}
.programma h2,.programma h3 {color:#FFF;}
.programma h3 {font-size:30px;}
.programma p,.programma li {color:#FFF;}
.programma .program-day {background:#070c1d;border-radius:18px;padding:20px;color:#FFF;border:2px solid #FFF;}
.programma .program-card {padding:0 0 0 60px;}
.programma .program-day-title em {font-style:normal;color:#ffb36c;margin-left:-4px;}
.programma .program-day-title em::before {width:0;height:0;background:none;}
.programma ul {padding:0;}
.programma li {list-style:none;}
.programma li .program-item-time {color:#ffb36c;font-weight:600;margin-right:4px;}
.programma .program-cta {margin-top:10px;font-size:11px;text-transform:uppercase;letter-spacing:0.16em;}
.programma .program-stripes {position:absolute;top:-20px;left:12px;width:11px;height:74px;background:#fff;opacity:0.9;margin-right:100px;display:none;}
.programma .program-stripes::after {content:"";position:absolute;left:-17px;top:-2px;width:11px;height:76px;background:#fff;margin-right:100px;}
.highlights .small-button.smallblue {box-shadow:none!important;}
.highlights .small-button.smallblue::before {content:none;}


/* ===== PROGRAMMA – SPLIT CARD MET DUBBELE VERTICALE STREEP ===== */
.programma .program-split {position:relative;border-radius:26px;border:2px solid rgba(255,255,255,0.9);background:#050814;padding:0;overflow:hidden;display:flex;}
.programma .program-split .et_pb_column {position:relative;z-index:2;flex:1;padding:0;margin:0;}
.programma .program-split .et_pb_text {max-width:none!important;margin:0;}

/* dagblokken in de split-kaart */
.programma .program-split .program-day {position:relative;width:100%;height:100%;padding:40px 50px;border:none;background:none;box-shadow:none;color:#FFF;overflow:hidden;border-radius:0;}
.programma .program-split .program-card {position:relative;z-index:3;padding:0 40px;}
.programma .program-split .et_pb_column:first-child .program-card {padding-left:0;}
.programma .program-split .et_pb_column:last-child .program-card {padding-right:0;}

/* achtergrondfoto + overlay */
.programma .program-split .program-day::before {content:"";position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:0;transform:scale(1.05);}
.programma .program-split .program-day::after {content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(to top,rgba(0,0,0,0.85) 0%,rgba(0,0,0,0.55) 40%,rgba(0,0,0,0.20) 100%);}
.programma .program-split .program-day.zaterdag::before {background-image:url('https://www.carsnjoy.nl/wp-content/uploads/2025/12/foodtruckfestival.png');}
.programma .program-split .program-day.zondag::before {background-image:url('https://www.carsnjoy.nl/wp-content/uploads/2025/12/IMG_2943.jpg');}

/* dubbele verticale lijnen zoals Cars ’n Joy logo */
.programma .program-split::before {content:"";position:absolute;top:0;bottom:0;width:6px;background:#ffffff;box-shadow:0 0 12px rgba(255,255,255,0.5);z-index:6;}
.programma .program-split .et_pb_column_4::before {content:"";position:absolute;top:0;bottom:0;width:6px;background:#ffffff;box-shadow:0 0 12px rgba(255,255,255,0.5);z-index:6;}

/* linker lijn */
.programma .program-split::before {left:calc(50% - 12px);}

/* rechter lijn */
.programma .program-split::after {left:calc(50% + 12px);}

.ticket_content.arrow_down::after {background: #FFF}
.ticket_content .et_pb_column_1_2 {margin-right:15px;}
.ticket_content .et_pb_column_1_4 {width:25%;margin-right:15px;}
.ticket_content .et_pb_column_1_4 .et-last-child {float:right;}
.home .ticket_content .dayticket .ticket-name {padding:1px 0 0 0;}
.home .ticket_content .dayticket .ticket-price {padding:0 0 5px 0;}
.ticket_content .dayticket .ticket-name {padding:6px 0 6px 0;}

/* TASTE 'n JOY */
.tastenjoy.header-section {background:linear-gradient(120deg, rgba(219,84,25,0.4) 0, rgba(219,84,25,0.9) 45%, rgba(219,84,25,0.98) 70%, rgba(219,84,25,1) 100%), radial-gradient(circle at 20% 10%, rgba(255,255,255,0.16) 0, transparent 45%)!important;} 
.tastenjoy.header-section .et_pb_row_0 {background:rgba(219,84,25.85);}
.tastenjoy.header-section .video.et_pb_code::after {background:linear-gradient(to right,rgba(219,84,25,1) 0%,rgba(219,84,25,0.4) 40%,rgba(219,84,25,0.35) 100%);}

.page-id-365 .ticket_content {background:#f0f3ff;}
.page-id-365 .de_dag h2 {color:#000;}
.page-id-365 .de_dag em {display:inline-block;}
.page-id-365 .de_dag.arrow_down::after {background:#f0f3ff;}
.page-id-365 .ticket_content h2 {color:#000;}
.page-id-365 .ticket_content .dayticket .ticket-price {padding:0 0 6px 0;}
.page-id-365 .ticket_content .dayticket ul {padding:0 0 6px 0;}
.page-id-365 .ticket_content .ticket .et_pb_text_inner {background:#FFF;}
.page-id-365 .ticket_content .ticket .ticket-pill {background:#f9f9f9;border:1px solid #CCC;}
.page-id-365 .ticket_content .ticket strong {color:#000;}
.page-id-365 .ticket_content .small-button.smalllightblue,.coupon .button {background:none!important;border:1px solid transparent;border-color:#CCC;backdrop-filter:blur(8px);color:#000!important;padding:12px 26px;border-radius:999px;font-weight:600;font-size:0.95rem;transition:all 0.2s ease-out;box-shadow:none;}
.page-id-365 .ticket_content .small-button.smalllightblue:hover,.coupon .button:hover {border-color:#f4773c!important;background:rgba(255,255,255,0.05)!important;color:#f4773c!important;box-shadow:none;}
.page-id-365 .ticket_content .ticket .et_pb_text_inner {box-shadow: 0 12px 34px rgba(0,0,0,0.2);}

/* Drive 'n Joy */
.page-id-367 .de_dag {background:linear-gradient(to bottom,#01040e 0%,#020617 10%,rgba(2, 6, 23, 0) 20%),radial-gradient(circle at 15% 0%, rgba(59,130,246,0.35), transparent 55%),radial-gradient(circle at 85% 0%, rgba(244,122,71,0.25), transparent 60%),
  #020617;}

.page-id-367 .ticket_content.arrow_down::after {background: #112144;
background: linear-gradient(90deg, rgba(17, 33, 68, 1) 0%, rgba(27, 35, 62, 1) 51%, rgba(64, 42, 43, 1) 100%);}
  .page-id-367 .time-table {
background: #112144;
background: linear-gradient(90deg, rgba(17, 33, 68, 1) 0%, rgba(27, 35, 62, 1) 51%, rgba(64, 42, 43, 1) 100%);}
.page-id-367 .time-table.arrow_down::after {background: #FFF;}
.page-id-367 .time-table.arrow_down {color:#5d6278;}
.page-id-367 .time-table.arrow_down td:last-child strong {color:#01040e;}
.page-id-367 .time-table.arrow_down .praktische-info strong {color:#01040e;}


.de_dag h2 {color:#FFF;}
.page-id-367 .de_dag p {color:#FFF;}
.de_dag .et_pb_post .et_overlay {border-radius:15px;background: #152953;border-color:#152953;background: linear-gradient(180deg, rgba(21, 41, 83, 0.2) 0%, rgba(36, 36, 57, 1) 100%);}
.de_dag .et_pb_post .et_overlay:hover {border-color:red;}
.de_dag .et_pb_post .et_overlay::before {content:"";}
.de_dag .et_pb_post {background:none;padding:0px;border:0px;}
.de_dag .et_pb_image_container {border:1px solid #000;}
.de_dag .et_pb_post .entry-featured-image-url {margin:0px;}
.de_dag .et_pb_post img, .page-id-367 .de_dag .et_pb_post {border-radius:15px;}
.de_dag .et_pb_post .et_pb_image_container {position: relative;border-radius: 15px;overflow: hidden;margin:0px;} 
.de_dag .et_pb_post .et_pb_image_container::after {content: "";position: absolute;inset: 0;border-radius: 15px;background: linear-gradient(180deg, rgba(2,6,23,0) 0%, rgba(2,6,23,0.45) 100%);pointer-events: none;z-index: 2;}
.de_dag .et_pb_post h2 {margin:-63px 0 0 0;z-index:9;position:relative;padding:0 0 0 20px;}
.de_dag .post-content {margin-top:20px;}
.page-id-13 .de_dag .et_pb_row_1 .et_pb_column_4_4 h2 {color:#01040e;}
.page-id-13 .de_dag.arrow_down::after {background: #01040e;}

.et_pb_row em {display:inline-block;}
.page-id-367 .de_dag.arrow_down::after {background:#FFF;}
.drivenjoy.header-section.arrow_down::after  {background: #01040e;}

.themapleinen {}
.themapleinen p {color:#5d6278;}
.themapleinen .thema-cat .et_pb_module {border:1px solid #ebebeb;box-shadow: 0 18px 45px rgba(15, 18, 50, 0.18);border-radius:15px;}
.themapleinen .thema-cat .et_pb_column img {width:100%;border-top-left-radius:15px;border-top-right-radius:15px;}
.themapleinen .thema-cat .et_pb_column p {padding:0px;color:#5d6278}
.themapleinen .thema-cat .et_pb_column h3 {padding:10px 15px 0 15px;font-size: 16px;line-height:18px;}
.themapleinen .thema-cat .et_pb_column p:last-child {min-height:80px;padding:0 15px 10px 15px}
.themapleinen .thema-cat .et_pb_column em {background:rgba(0, 0, 0, 0.8);color:#FFF;padding:2px 6px;border-radius:5px;margin:-40px 0 0 10px;position:absolute;}
.themapleinen .thema-img {max-height:200px;overflow:hidden;}
.themapleinen.arrow_down::after {background:#01040e;}

/* normale pagina's */
.normal_page.header-section {height:auto;min-height:auto}
.normal_page.header-section .et_pb_row_0 {height:auto;min-height:auto}
.normal_page.header-section .et_pb_image::after {content: "";position: absolute;z-index: 3;top: 0;left: 0;right:0;bottom:0;background: linear-gradient(to right,rgba(0,0,0,1) 0%,rgba(0,0,0,0.4) 40%,rgba(0,0,0,0.35) 100%);
pointer-events: none;}

/* Ticket pagina */
.page-id-518 .ticket_content {background:#f0f3ff;} 
.page-id-518 .ticket_content h2 {color:#01040e;}
.page-id-518 .ticket_content .et_pb_column_1_3 .et_pb_module {background:#FFF;border-radius:15px;padding:15px;min-height: 325px;}
.page-id-518 .ticket_content .et_pb_module ul {padding:0px;}
.page-id-518 .ticket_content .et_pb_module li {list-style:none;}
.page-id-518 .ticket_content .et_pb_module li .fa-check {padding:0 5px 0 0;color:green;}
.page-id-518 .ticket_content .special-eyebrow {color:#f4773c;font-style:italic;}
.page-id-518 .ticket_content .small-button.smalllightblue {color:#5d6278!important;border-color:#5d6278;width:100%;margin:15px 0 0 0;}
.page-id-518 .ticket_content .small-button.smalllightblue:hover {color:#f4773c!important;}
.page-id-518 .ticket_content .small-button.smalllightblue:before {font-family:"Font Awesome 5 Free";content:"\f145";display:inline-block;padding-right:10px;vertical-align:middle;font-size:14px;font-weight:900;}


/* 1. Zorg dat elke Divi column een referentiepunt is voor absolute elementen */
.et_pb_column {
  position: relative;
}

/* 2. Grote basisfoto (een normale et_pb_image zonder class 'afbeelding1/2' )
   -> krijgt de “grote kaart” stijl */
.et_pb_column .et_pb_image:not(.afbeelding1):not(.afbeelding2) {
  position: relative;
  z-index: 1;
}

.et_pb_column .et_pb_image:not(.afbeelding1):not(.afbeelding2) img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 24px;
  box-shadow: 0 18px 45px rgba(15, 18, 50, 0.25);
}

/* 3. Overlay kaarten – afbeelding1 en afbeelding2
   Deze stijl werkt in elke column waar je ze plaatst */
.et_pb_column .afbeelding1,
.et_pb_column .afbeelding2 {
  position: absolute;
  z-index: 2;
  width: 42%;
  max-width: 260px;
  margin: 0;
}

/* afbeelding1: linksboven, iets boven de grote foto laten uitsteken */
.et_pb_column .afbeelding1 {
  top: -15%;      /* steekt ~8% boven de grote foto uit */
  left: 4%;
  transform: rotate(-3deg);
}

/* afbeelding2: rechtsonder, iets onder de grote foto laten uitsteken */
.et_pb_column .afbeelding2 {
  bottom: -20%;  /* steekt ~10% onder de grote foto uit */
  right: 3%;
  transform: rotate(3deg);
}

/* 4. Kaart-styling van de overlay-blokken zelf */
.et_pb_column .afbeelding1 .et_pb_image_wrap,
.et_pb_column .afbeelding2 .et_pb_image_wrap {
  position: relative;
  display: block;
  background: #ffffff;
  border-radius: 18px;
  padding: 6px;
  box-shadow: 0 16px 36px rgba(15, 18, 50, 0.30);
  border: 1px solid rgba(0, 0, 0, 0.06);
}

/* De kleine afbeeldingen in de kaart */
.et_pb_column .afbeelding1 img,
.et_pb_column .afbeelding2 img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 12px;
}

/* Subtiele “frame” overlay (optioneel) */
.et_pb_column .afbeelding1 .et_pb_image_wrap::after,
.et_pb_column .afbeelding2 .et_pb_image_wrap::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 18px;
  pointer-events: none;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.6);
}

/* 5. Hover-animatie op desktop: kaarten een tikje liften en recht trekken */
@media (min-width: 981px) {
  .et_pb_column .afbeelding1,
  .et_pb_column .afbeelding2 {
    transition: transform .25s ease, box-shadow .25s ease;
  }

  .et_pb_column .afbeelding1:hover,
  .et_pb_column .afbeelding2:hover {
    transform: translateY(-6px) scale(1.03);
    box-shadow: 0 22px 50px rgba(15, 18, 50, 0.35);
  }
}

/* 6. Mobiel & tablet: geen overlay, gewoon netjes onder elkaar */
@media (max-width: 980px) {
  .et_pb_column .afbeelding1,
  .et_pb_column .afbeelding2 {

    max-width:150px;
    margin-top: 18px;
  }

  .et_pb_column .afbeelding1 .et_pb_image_wrap,
  .et_pb_column .afbeelding2 .et_pb_image_wrap {
    border-radius: 18px;
    padding: 6px;
    box-shadow: 0 10px 24px rgba(15, 18, 50, 0.16);
  }
}



.time-table {background: #F4E3D7;
background: linear-gradient(90deg, rgba(244, 227, 215, 1) 0%, rgba(174, 200, 232, 1) 100%);}
.page-id-365 .ticket_content.arrow_down::after {background: #F4E3D7;
background: linear-gradient(90deg, rgba(244, 227, 215, 1) 0%, rgba(174, 200, 232, 1) 100%);}

.time-table .dagprogramma {background:#FFF;border-radius:15px;padding:20px;}
.time-table .dagprogramma td {border:0px;border-bottom:1px solid #ebebeb;}
.time-table .dagprogramma table {border:none;}
.time-table .dagprogramma td:first-child {width:10%!important;color:#2e89ff;}
.time-table .praktische-info {background:#FFF;border: 1px dashed rgba(0, 0, 0, 0.15);border-radius:15px;padding:15px;}


/* ===== EVENT HIGHLIGHTS – BLOG CAROUSEL KAARTEN ===== */
/* Basis kaart in de highlights-sectie */
.highlights p {color:#a0a4c0;max-width:700px;margin:0 auto;}
.highlights .et_pb_text_5 p {max-width:100%;}
.highlights .et_pb_text_inner em {display:block;text-align:center;color:#f4773c;font-weight:600;}
.highlights .slick-track {padding-top:30px;}
.highlights .cnj-blog-slider .et_pb_post {position:relative;border-radius:24px;overflow:hidden;background:#020617;min-height:260px;padding:18px 16px 16px;display:flex;flex-direction:column;justify-content:flex-end;cursor:pointer;transition:transform 0.2s ease-out,box-shadow 0.2s ease-out;}
.highlights .et_pb_blog_grid,.highlights .et_pb_blog_grid .et_pb_post {background:transparent!important;border:none!important;}

.highlights .cnj-blog-slider .et_pb_post .et_pb_image_container {position:absolute;inset:0;margin:0;z-index:0;}
.highlights .cnj-blog-slider .et_pb_post .entry-featured-image-url {display:block;width:100%;height:100%;}
.highlights .cnj-blog-slider .et_pb_post .entry-featured-image-url img {width:100%;height:100%;object-fit:cover;}

.highlights .cnj-blog-slider .et_pb_post::before {content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(to top, rgba(0,0,0,0.88) 0%, rgba(0,0,0,0.80) 30%, rgba(0,0,0,0.0) 75%);}
.highlights .cnj-blog-slider .et_pb_post .entry-title,.highlights .cnj-blog-slider .et_pb_post .post-meta {position:relative;z-index:2;margin:0;padding:0;color:#f4773c;}
.highlights .cnj-blog-slider .et_pb_post .post-meta {display:block;align-items:center;justify-content:flex-start;font-size:11px;text-transform:uppercase;letter-spacing:0.16em;margin-bottom:6px;padding:0px 10px;border-radius:999px;background:rgba(15,23,42,0.49);border:1px solid rgba(148,163,184,0.26);}
.highlights .cnj-blog-slider .et_pb_post .post-meta a {color:#f4773c;}

.highlights .cnj-blog-slider .et_pb_post .entry-title {font-size:24px;font-weight:600;}
.highlights .cnj-blog-slider .et_pb_post .entry-title a {color:#f9fafb;}
.highlights .cnj-blog-slider .et_pb_post .post-content {display:none;}
.highlights .cnj-blog-slider .et_pb_post:hover {transform:translateY(-4px);box-shadow:0 15 20px rgba(0,0,0,0.9);}
.highlights .cnj-blog-slider .et_pb_post:hover::before {background:linear-gradient(to top, rgba(0,0,0,0.95) 0%, rgba(0,0,0,0.90) 32%, rgba(0,0,0,0.0) 78%);}

/* Afbeelding = full background van de kaart */
.highlights .blog-carousel .et_pb_post {min-height:280px;overflow:hidden;background-color:#000;border:1px solid #000!important;}
.highlights .blog-carousel .et_pb_post .et_pb_image_container {position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;margin:0!important;height:100%!important;}
.highlights .blog-carousel .et_pb_post .et_pb_image_container a,.highlights .blog-carousel .et_pb_post .et_pb_image_container img {display:block!important;width:100%!important;height:100%!important;margin:0px;}
.highlights .blog-carousel .et_pb_post .et_pb_image_container img {object-fit:cover!important;}

.ticket .small-button {font-size:12px!important;}
.ticket.dayticket .small-button.smalllightblue:before {font-family:"Font Awesome 5 Free";content:"\f145";display:inline-block;padding-right:10px;vertical-align:middle;font-size:14px;font-weight:900;}

.ticket strong {color:#FFF;}
.ticket.et_pb_text_11 strong {line-height:35px;}
.ticket ul {padding:0px;}
.ticket li {line-height:16px;padding-bottom:4px;}
.tickets-layout {display:grid;grid-template-columns:1.1fr 1fr;gap:28px;align-items:center;}
.tickets-note {font-size:0.9rem;color:#a0a4c0;max-width:520px;}
.tickets-note ul {margin-top:10px;list-style:none;padding-left:0;font-size:0.86rem;}
.tickets-note li + li {margin-top:6px;}
.tickets-note li::before {content:"•";margin-right:8px;color:#ff914d;}
.ticket-grid {display:grid;grid-template-columns:repeat(2, minmax(0,1fr));gap:14px;}
.ticket .et_pb_text_inner {background:rgba(5,12,38,0.98);border-radius:18px;padding:14px 14px 14px;border:1px solid rgba(255,255,255,0.14);box-shadow:0 12px 34px rgba(0,0,0,0.7);display:flex;flex-direction:column;gap:6px;position:relative;overflow:hidden;}
.ticket-label-row {display:flex;justify-content:space-between;gap:8px;font-size:0.76rem;color:#a0a4c0;}
.ticket-pill {padding:4px 10px;border-radius:999px;border:1px solid rgba(255,255,255,0.18);background:rgba(0,0,0,0.7);font-size:10px;}
.ticket-pill.urgent {border-color:#ff4949;color:#ff4949;background:rgba(255,73,73,0.1);}
.ticket-name {font-size:0.98rem;font-weight:600;}
.ticket-price {font-size:12px;font-weight:700;}
.ticket-price strong {font-size:20px;}
.ticket-price span {font-size:0.78rem;font-weight:500;color:#a0a4c0;}
.ticket-benefits {font-size:0.8rem;color:#a0a4c0;margin-top:4px;}
.ticket-benefits li {list-style:none;}
.ticket-benefits li + li {margin-top:4px;}
.ticket-benefits li::before {content:"✓";margin-right:6px;color:#ff914d;font-size:0.76rem;}
.ticket-cta {margin-top:10px;}
.ticket-cta .small-button {width:100%;padding-top:9px;padding-bottom:9px;font-size:0.86rem;margin:0px!important;}
.ticket-tagline {margin-top:4px;font-size:0.74rem;color:#c3c6de;}
.ticket-ribbon {position:absolute;right:-50px;top:10px;width:140px;text-align:center;transform:rotate(36deg);background:linear-gradient(135deg, #ff914d, #ff7a28;;);color:#170701;font-size:0.7rem;text-transform:uppercase;letter-spacing:0.14em;padding:4px 0;box-shadow:0 8px 18px rgba(0,0,0,0.6);}

#main-footer {background:none!important;}
#footer-bottom {background:none!important;}
#main-footer .et_pb_widget {width:100%;}
#main-footer .footer-widget img {width:auto;}
#main-footer .footer-widget h4 {color:#ff914d;text-transform:uppercase;font-size:14px;}
#main-footer .footer-widget ul {padding:0px;}
#main-footer .footer-widget li {list-style:none;padding:0px;}
#main-footer #footer-widgets .footer-widget li::before {border:0px;}
#footer-info, #footer-bottom .et-social-icon a {color:#366fba;}


/* cookie */
#cookie-banner {position:fixed;bottom:0;width:100%;background:#fff;padding:30px;box-shadow:0 -2px 5px rgba(0,0,0,0.2);display:none;z-index:9999;}
#cookie-banner .cookie_tekst {float:left;width:80%;}
#cookie-banner .cookie_tekst strong {font-size:16px;}
#cookie-banner .cookie_tekst p {font-size:15px;}
#cookie-banner .cookie_buttons {float:right;width:20%;max-width:250px;}
#cookie-banner button {width:100%;padding:15px 15px;margin-bottom:10px;border:1px solid #ff914d;clear:both;display:block;font-size:16px;cursor:pointer!important;}
#cookie-banner #accept-cookies {background:#ff914d;color:#FFF;margin-top:10px;font-weight:bold;}
#cookie-banner #accept-cookies:hover {background:#ff914d;}
#cookie-banner #decline-cookies {background:#FFF;color:#ff914d;}

@media (max-width:1700px) {
  .ticket_content .et_pb_column_1_4 {width:24%;}
  .header-section .et_pb_row_0 {min-height: 570px;}

}
@media (max-width:1600px) {
  .partner-bar .et_pb_text img {max-height:40px;}
  .partner-bar .et_pb_column p {line-height:20px;padding:0 0 20px 30px;}
  .header-section .et_pb_row_0 .et_pb_text_0 p {margin-bottom:5px;}
  .normal_page.header-section .et_pb_row_0 {min-height:430px;}
}
@media (max-width:1200px) {
  .header-section .et_pb_row_0 {min-height: 720px;}

}
@media (max-width:980px) {
  .et_mobile_menu {background:radial-gradient(circle at top, #03173f 0%, #020315 45%, #000108 100%);border-top: 3px solid #ff914d;}
  .et_mobile_menu .current_page_item a {color:#ff914d;}
  .et_mobile_menu li a {color:#fdfdff}
  .nieuws.arrow_down::after {background:radial-gradient(circle at top, #03173f 20%, #020315 100%, #000108 70%);}
  .drivenjoy.header-section.arrow_down::after {background:none;}
  .header-section.arrow_down::after {background:none;}

  #cookie-banner .cookie_tekst {width:100%;}
  #cookie-banner .cookie_buttons {width:100%;max-width:100%;}
  #et-main-area {padding:0 20px;}
  .bg-stripe--left {left:25px;}
  .bg-stripe--right {left:48px;}
  .bg-stripe {width:13px;opacity:0.5;}

  #main-header .logo_container {padding:8px 0 0 0px;}
  #main-header #logo {background:none;max-height: 70px;margin-left:0px;margin-top:-10px;padding:5px;}
  #main-header.et-fixed-header {position:fixed;top:0px!important}

  .header-section {height:auto;min-height:auto;}
  body.home .header-section.arrow_down::after {background:none;display:none;}
  body.home .header-section {min-height:auto;}
  .header-section .et_pb_row_0 {padding:0px;min-height:auto;}
  .header-section .et_pb_row_0 .et_pb_column_0 {padding-top:10px;}
  .header-section .et_pb_row_0 .et_pb_text_0 {width:100%;}
  .header-section .et_pb_code_0 {padding:0 30px;}
  .intro h1 {font-size:39px;line-height:40px;}
  .intro h2 {font-size:22px!important;line-height:24px;}

  .et_pb_row {width:90%;}
  .et_pb_section {padding:20px 0;}
  .header-section {padding-bottom:0px;}
  .header-section .et_pb_row_0 .et_pb_text_0 {padding:30px 30px 0 30px;}
  .header-section .video {display:none;}
  .header-section .intro .small-button {padding:10px 15px!important;font-size:12px;margin-right:0px;}
  .header-section .intro .small-button.smallblue .early-bird-label {font-size:9px;padding:1px 7px;margin:0px;}

  .programma .program-split {display:block;}
  .programma .program-split::before {display:none;}
  .programma .program-split .et_pb_column_4::before {display:none;}
  .programma .program-split .program-day {padding:10px;}
  .programma .program-split .program-card {padding:0px;}
  .programma .program-day-title em {margin:0px;}
  .programma {padding-bottom:100px;}
  .programma .program-split .program-day.zaterdag {border-bottom:4px solid #FFF;}
  .programma .program-split .program-day.zondag {border-top:4px solid #FFF;margin-top:2px;}
  .programma .program-split .program-day .small-button {width:100%;}

  .highlights .slick-dots {position:relative;}

  .ticket_content .small-button {width:100%;}
  .nieuws .et_pb_blog_grid .et_pb_image_container {max-height:200px;}

  .partners .partners_row .et_pb_column {display:inline-block;width:100%!important;margin-right:30px;float:left;}
  .partners .partners_row .et_pb_column .et_pb_module {width:50%;}
  .partners .partners_row {padding-bottom:0px;}
  .partners .partner {display:inline-block;float:left;}
  .partners .partner img {max-height:50px;width:auto;}
  .partners .partners_row .et_pb_column {margin:0px;}
  .partners .partners_row .et_pb_column img {padding-right:20px;margin:0px;}
  .time-table .dagprogramma td:first-child {width:2%!important;}

  .et_pb_section {padding:0 0 100px 0}
  .partner-bar {border-radius:18px;}
  .partner-bar p {text-align:center;}
  .partner-bar .et-last-child .et_pb_text_inner {text-align:center;}
  .partner-bar .et_pb_column {margin:0px;}

  #main-footer .footer-widget {text-align:center;}
}
