.single-post #qodef-page-inner.qodef-content-grid {
    width: 100% !important;
    max-width: none !important;
    padding-left: 250px;
    padding-right: 250px;
}

/* For mobile and tablet */
@media only screen and (max-width: 1024px) {
    .single-post #qodef-page-inner.qodef-content-grid {
        padding-left: 50px;
        padding-right: 50px;
        margin-top: -70px;
    }
}

.qodef-header-sticky {
    background-image: url(https://fabricmagic.com/wp-content/uploads/2023/08/MENU_GRADIENT_FM.png);
    background-size: 100%;
}

.qodef-header--sticky-display .qodef-header-sticky {
    border-bottom: none;
}

.qodef-side-area-mobile-header-opener {
    color: white;
}

#qodef-page-mobile-header {
    background-image: url(https://fabricmagic.com/wp-content/uploads/2023/08/MENU_GRADIENT_FM.png);
    background-size: 100%;
}

.qodef-e-info-social-share {
    display: none;
}

#qodef-page-comments-form {
    display: none;
}

.qodef-m-text {
    color: white;
}

.qodef-e-info a,
.qodef-e-info a:hover {
    color: white;
}

#beatmove_core_simple_blog_list-11 :hover {
    color: white;
}

.qodef-e-title-link h2 {
    color: white;
}

.qodef-m-filter {
    display: none;
}

.elementor-widget-beatmove_core_button .qodef-m-text {
    color: black;
}

.elementor-widget-beatmove_core_button .qodef-m-text:hover {
    color: white;
}

.qodef-e-read-more {
    background-color: black;
}

/* LMIC Forms Styling */
form#form_lmic-10u30-max2pers a,
form#form_lmic-10u30-max4pers a,
form#form_lmic-14u00-max2pers a,
form#form_lmic-14u00-max4pers a,
form#form_lmic-14u00-max6pers a,
form#form_lmic-10u30-max10pers a,
form#form_lmic-18u00-max2pers a,
form#form_lmic-18u00-max4pers a,
form#form_lmic-18u00-max5pers a {
    text-decoration: none !important;
    color: #444444 !important;
}

form#form_lmic-10u30-max2pers a:hover,
form#form_lmic-10u30-max4pers a:hover,
form#form_lmic-14u00-max2pers a:hover,
form#form_lmic-14u00-max4pers a:hover,
form#form_lmic-14u00-max6pers a:hover,
form#form_lmic-10u30-max10pers a:hover,
form#form_lmic-18u00-max2pers a:hover,
form#form_lmic-18u00-max4pers a:hover,
form#form_lmic-18u00-max5pers a:hover {
    text-decoration: none !important;
    color: #00A9B5 !important;
}

.ppw-post-password-container {
    padding-top: 180px; /* Adjust this value as needed */
}

#pwbox-23557 {
    border: none;
    border-bottom: 2px solid white;
    background: transparent;
    color: white;
}

#pwbox-23557:focus {
    outline: none;
    border-bottom: 2px solid white;
}

/* ECT Event Calendar Styling */
.ect-list-post .modern-list-right-side {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 20px 20px 20px 20px !important;
    height: 100% !important;
    text-align: center !important;
}

.ect-list-date {
    flex-grow: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
}

.ect-date-area.default-schedule {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    height: 100% !important;
    text-align: center !important;
}

.ev-day {
    font-size: 60px !important; 
    font-weight: 800 !important;
    color: #000000 !important; 
    margin-top: 25px;
    margin-bottom: 25px !important;
}

.ev-mo,
.ev-yr {
    font-size: 20px !important; 
    color: #000000 !important; 
    margin-bottom: 3px !important;
}

/* Larger screens (e.g. desktops) */
@media (min-width: 1024px) {
    .ev-day,
    .ev-mo,
    .ev-yr {
        margin-right: -50px !important;
    }
}

/* LOCATION TEXT */
.ect-venue-details {
    font-size: 18px !important;
    color: #000000 !important;
    margin-top: 10px !important;
    text-align: center !important;
    font-style: normal !important; 
}

/* Optional: Icon color override */
.ect-icon i {
    display: none;
}

a.ect-events-read-more {
    display: none !important;
}

.ect-list-img {
    position: relative;
    width: 100%; 
    height: 300px; 
    overflow: hidden; 
}

.elementor-section-boxed {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
}

#qodef-woo-page.qodef--single .entry-summary .price {
    color: white;
}

/* FM SESSIONS - WEBSHOP STYLING */
#qodef-woo-page .qodef-quantity-text, 
#yith-quick-view-modal .qodef-quantity-buttons, 
#qodef-woo-page.qodef--single .product_meta {
    display: none;
}


/* Zorg ervoor dat de hoofdinhoud van de winkelwagen/afrekenpagina's transparant is */
.woocommerce-cart .site-main, 
.woocommerce-checkout .site-main,
.woocommerce-cart .entry-content,
.woocommerce-checkout .entry-content,
body.woocommerce-checkout div.qodef-grid-inner { 
    background-color: transparent !important;
}

/* Verbergt de automatisch toegevoegde WordPress emoji-afbeelding binnen de knop. */
button.single_add_to_cart_button img.emoji {
    display: none !important;
}

/* Verbergt de volledige rij met couponcode invoerveld en knoppen op de winkelwagenpagina */
.woocommerce-cart .actions {
    display: none !important;
}

/* --- AFREKENEN KNOP STYLING (WINKELWAGEN) --- */
.woocommerce-cart div.wc-proceed-to-checkout {
    text-align: left !important;
    padding-top: 30px;
}

.woocommerce-cart a.checkout-button {
    background-color: rgb(150, 22, 224) !important;
    color: rgb(255, 255, 255) !important;
    font-weight: bold !important;
    padding: 10px 20px !important;
    border-radius: 6px !important;
    display: inline-block !important;
}

.woocommerce-cart a.checkout-button span {
    color: rgb(255, 255, 255) !important;
}

.woocommerce-cart a.checkout-button span.qodef-m-text {
    visibility: hidden; 
    position: relative; 
}

.woocommerce-cart a.checkout-button span.qodef-m-text:before {
    content: 'AFREKENEN'; 
    visibility: visible; 
    position: absolute; 
    top: 0; 
    left: 0;
    right: 0;
    bottom: 0;
    display: flex; 
    justify-content: center;
    align-items: center;
}

/* Kleur van tabeltekst in winkelwagen */
#qodef-woo-page.qodef--cart .shop_table .product-name,
.product-price, 
.product-quantity, 
.product-subtotal {
    color: white !important;
    padding-top: 35px;
}

/* Kleur van totaal-titels in winkelwagen */
#qodef-woo-page.qodef--cart .cart_totals>h2 {
    color: white !important;
    font-weight: bold;
    padding-top: 65px;
}

/* Kleur van tabel headers in winkelwagen */
#qodef-woo-page.qodef--cart .cart-collaterals .shop_table th {
    color: white !important;
}

/* Media Query fix voor mobiel (juiste structuur) */
@media (max-width: 568px) {
    .ect-list-img {
        position: relative; /* Gecorrigeerd */
    }

    .ect-event-content {
        display: none !important;
    }
    
    .ect-list-title {
        font-size: 3px !important;
    }

    /* Make date number (day) smaller */
    .ev-day {
        font-size: 3rem !important;
        margin-top: -5px;
    }

    /* Optionally reduce month/year too */
    .ev-mo,
    .ev-yr {
        font-size: 1.5rem !important;
    }
}

/* Verbergt de producttitel-link voor alle producten in de categorie "workshops" */
.product_cat-workshops .qodef-e-product-title-link {
    display: none !important;
}

/* Maakt de prijs (product-price) groter voor de categorie 'proeflessen' */
.product_cat-workshops .qodef-woo-product-price.price {
    margin-top: -8px;
font-size: 1.3em !important; /* Pas dit aan naar de gewenste grootte (bv. 1.2em, 24px) */
	font-weight: 600;
    padding-bottom: 8px; !important; /* Optioneel: pas de regelafstand aan als de tekst te dicht op elkaar staat */
}

/* STYLING AFREKENPAGINA FM SESSIONS - WEBSHOP */
/* ALLES BINNEN DIT BLOK GELDT ALLEEN VOOR DE CHECKOUT-PAGINA */
.woocommerce-checkout .ng-tns-c2462721152-310 {
    background-color: #f2f6f600;
}

.woocommerce-checkout .woocommerce-form-coupon-toggle {
    display: none;
}

.woocommerce-checkout .woocommerce-billing-fields {
    margin-top: -400px;
    color: #ffffff;
}

.woocommerce-checkout #order_review_heading {
    margin-top: -250px !important;
}

.woocommerce-checkout #order_review {
    margin-top: -120px !important;
}

.woocommerce-checkout .woocommerce-billing-fields__field-wrapper {
    margin-top: -150px;
    color: #ffffff;
}

.woocommerce-checkout .payment_method_bacs {
    color: white;
    display: none;
}

.woocommerce-checkout .woocommerce-additional-fields {
    display: none;
}

input[type="submit"], button[type="submit"], .qodef-theme-button, .qodef-button.qodef-html--link.qodef-layout--filled, #qodef-woo-page .added_to_cart, #qodef-woo-page .button, .qodef-woo-shortcode .added_to_cart, .qodef-woo-shortcode .button, .widget.woocommerce .button {
background-color: #f2f6f600;}

/* Voor alle knoppen op de checkout-pagina */
.woocommerce-checkout #qodef-woo-page .added_to_cart, 
.woocommerce-checkout #qodef-woo-page .button {
    margin-top: -900px;
}

/* Voor alle invoervelden op de checkout-pagina */
.woocommerce-checkout .required_field, .input-text  {
    color: #ffffff !important;
border-color: #ffffff !important;
}

.woocommerce-checkout  .form label {color: #ffffff !important; }
[class*=beatmove] .select2-container--default .select2-selection--single .select2-selection__rendered {color: #ffffff;}

/* Voor productnamen en totalen in de order review table */
.woocommerce-checkout .product-name, 
.woocommerce-checkout .product-total {
    color: white !important;
}

/* Voor winkelwagen-subtotaal */
.woocommerce-checkout .cart-subtotal {
    display: none;
}

/* Voor winkelwagen-totaal */
.woocommerce-checkout .cart-total {
    color: #ffffff !important;
}

/* Voor de 'Total' rij (th) */
.woocommerce-checkout tr.order-total th {
    color: white !important;
}

.woocommerce-Price-amount {color: white !important;}

#qodef-woo-page.qodef--single .related h2 {color: #ffffff !important;}

.qodef-e-info {display: none;}

/* Stelt een lichtgrijze achtergrond in voor alle WooCommerce-pagina's */
body.woocommerce,
body.woocommerce-page {
    /* 1. Definieer de lineaire gradient als achtergrondafbeelding */
    background-image: linear-gradient(to bottom, #6c686e, #171617) !important;
    
    /* 2. De fallback kleur voor browsers die geen gradients ondersteunen (gebruik de donkerste tint) */
    background-color: #5a565c !important;
    
    /* 3. Zorg ervoor dat de achtergrond aan de pagina vast blijft zitten */
    background-attachment: fixed;
}

/* Styling for the PLACE ORDER button - Guaranteed to persist */
#place_order {
    /* ... (Bestaande styling) ... */
    
    background-color: rgb(150, 22, 224) !important;
    color: rgb(255, 255, 255) !important;
    font-weight: bold !important;
    padding: 10px 20px !important;
    border-radius: 6px !important;
    /* Zorgt ervoor dat margin-top correct werkt */
    
    /* ... (Zorg ervoor dat de knop de volledige breedte van de container inneemt) ... */
    text-align: center !important;
    border: none !important;
    cursor: pointer !important;
    transition: background-color 0.3s ease !important;	
}

/* Maakt alle tekst wit in de WooCommerce Tabs container (Beschrijving, Extra info, etc.) */
.woocommerce-tabs.wc-tabs-wrapper,
.woocommerce-tabs.wc-tabs-wrapper * {
    color: white !important;
}

/* Corregeert de rare spatie op grote schermen (vanaf 769px) */
@media only screen and (min-width: 769px) {

    /* 1. Definieer de kolombreedtes op de afrekenpagina */
    .woocommerce-checkout table.shop_table .product-name {
        width: 70% !important; /* Geef de productnaam/datum meer ruimte */
        padding-right: 10px !important;
        padding-left: 0 !important;
    }

    /* 2. Dwing de tekststroom binnen de product-name cel */
    .woocommerce-checkout table.shop_table .product-name {

        display: flex; 
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

 
}

/* Voegt padding rechts van de 'VIEW CART' knop toe op mobiele apparaten */
@media only screen and (max-width: 768px) {
    /* Target de link-knop in de WooCommerce melding */
    .woocommerce-message .button.wc-forward {
        padding-right: 15px !important; /* Voeg 15px extra padding rechts toe */
    }
}

/* Stelt de achtergrondkleur van de WooCommerce-melding in op paars */
.woocommerce-message {
    background-color: rgb(150, 22, 224) !important; 
    color: white !important; 
		margin-bottom: 55px;
    
    /* NIEUW: Verwijdert de border en voegt afgeronde hoeken toe */
    border: none !important; /* Verwijder elke standaard rand */
    border-radius: 6px !important; /* Pas de afgeronde hoeken toe (zoals de knoppen) */
    box-shadow: none !important; /* Optioneel: verwijdert eventuele schaduwen */
}

/* ORDER RECEIVED PAGE */
 .woocommerce-order-received .woocommerce-order .woocommerce-order-overview, .woocommerce-bacs-bank-details, .woocommerce-customer-details {display:  none;}

.woocommerce-order-received .woocommerce-order .woocommerce-thankyou-order-received {margin-top:-200px;}
.woocommerce-order-received p { margin-top: -40px;
color: #ffffff !important}

.woocommerce-order-received .woocommerce-order h2 {color: #ffffff!important;
	margin-top: -75px;}  

.woocommerce-page div.woocommerce .shop_table th, td {color: #ffffff!important;}

.qodef-woo-product-title-link, #qodef-woo-page .qodef-woo-product-title {display: none;}

.woocommerce-Price-amount {margin-top: -25px;}

/* Stijl voor de 'Checkout' tekst in de mini-winkelwagen */
.widget_beatmove_core_woo_dropdown_cart .qodef-m-action a:last-child .qodef-m-text {
    color: black !important;
}

.qodef-svg--cart {color: white;}

.qodef-addons-blog-list.qodef-item-layout--boxed .qodef-e-content h3 { color: #000000;
font-family: Sora;
Font-weight: bold;
font-size: 26px;}

.qodef-shortcode h1 a, .qodef-shortcode h2 a, .qodef-shortcode h3 a, .qodef-shortcode h4 a, .qodef-shortcode h5 a, .qodef-shortcode h6 a { font-family: Sora;
		font-size: 16px;
		line-height: 0px;
		font-weight: bold;
}

.blog, .single-post, .archive.category, .archive.tag,
.archive.author, .page-id-1557  {
    background-color: #12011c;
}

/* BG IMAGE (ZOALS STICKY) OP VASTE HEADER VOOR BLOG PAGES */
.blog #qodef-page-header-inner,
.single-post #qodef-page-header-inner, .page-id-1557 #qodef-page-header-inner,
.archive #qodef-page-header-inner {
  background-image: url("https://fabricmagic.com/wp-content/uploads/2023/08/MENU_GRADIENT_FM.png") !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
	background-attachment: scroll !important;}

/* Zorgt ervoor dat de wijzigingen ENKEL op de nieuwspagina (1557) gelden */

/* NIEUWE CODE: Fix de uitlijning en zorg dat de main content 100% is */
.page-id-1557 main#qodef-page-content {
    /* Dwing de inhoud naar links */
    text-align: left !important;
    justify-content: flex-start !important; 

    /* Zorg dat deze container ook 100% breed is en geen padding heeft */
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 0 !important;
}

/* Oorspronkelijke code voor de sidebar */
.page-id-1557 .qodef-page-sidebar-section {
    display: none !important;
}

/* Oorspronkelijke code voor de Grid Inner */
.page-id-1557 .qodef-grid-inner {
    grid-template-areas: none !important;
    max-width: 100% !important;
    width: 100% !important;
    margin-left: 0px !important;
		margin-right: 0px !important;
    padding: 0px !important;
}

/* Oorspronkelijke code voor de Content Sectie */
.page-id-1557 .qodef-page-content-section {
    flex: 0 0 100% !important; 
    flex-basis: 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    /* Extra controle op padding */
    padding-left: 0 !important;
    padding-right: 0 !important;
}


.nav-links {
padding-top: 50px;
font-size: 20px;}

.single-post .qodef-shortcode a:hover {color: #e4ccff;}


.frm_style_formidable-stijlen.with_frm_style div.frm_description {font-size: 11px;
line-height: 1.4}