/*
 Theme Name: Enfold Child
 Theme URI: https://www.lauwersland-online.nl/
 Description: Child theme for Enfold, optimized for a clean, uniform base.
 Author: Lauwersland Online
 Author URI: https://www.lauwersland-online.nl/
 Template: enfold
 Version: 1.0.1
 Text Domain: enfold-child
*/

/* ==========================================================================
   A. TYPOGRAFIE & LAY-OUT BASIS
   ========================================================================== */

/* ==========================================================================
   A.1. DESKTOP & ALGEMENE BASIS (Schermen groter dan 989px)
   ========================================================================= */

body, #main, p, .main_color p {
    font-size: 16px !important;
    line-height: 1.65 !important;
    color: #2D1F43 !important; 
}

h1 { font-size: 46px !important; line-height: 1.2 !important; margin-bottom: 24px; }
h2 { font-size: 34px !important; line-height: 1.3 !important; margin-bottom: 20px; }
h3 { font-size: 26px !important; line-height: 1.3 !important; margin-bottom: 18px; }
h4 { font-size: 21px !important; line-height: 1.4 !important; margin-bottom: 16px; }
h5 { font-size: 18px !important; line-height: 1.4 !important; margin-bottom: 14px; }
h6 { font-size: 16px !important; line-height: 1.4 !important; margin-bottom: 12px; }

/* --- 1A. CONTENTBOX & TITELBOX (PAARSE BALKEN) --- */
.contentbox, .titelbox {
    background-color: #2D1F43 !important;
    border-radius: 20px !important;
    text-align: center !important; 
    margin-bottom: 35px !important;
}

/* De contentbox (tekstbalken) houden we compact */
.contentbox {
    padding: 15px 20px !important;
}

/* De titelbox krijgt 50% extra ruimte boven en onder (24px ipv 15px) */
.titelbox {
    padding: 24px 20px !important;
}

/* Tekststyling binnen de contentbox - NU MET PLAYFAIR DISPLAY */
.contentbox p, .contentbox span, .contentbox li {
    font-family: 'Playfair Display', serif !important;
    font-size: 26px !important;
    line-height: 1.3 !important;
    margin: 0 !important;
}

/* De H1 Hoofdtitel in de paarse balk maken we nu écht groot op desktop (42px) en krijgt ook Playfair */
.titelbox h1 {
    font-family: 'Playfair Display', serif !important;
    font-size: 42px !important;
    line-height: 1.2 !important;
    margin: 0 !important;
    letter-spacing: 1px !important;
}

/* Alle tekst in deze paarse boxen moet altijd wit zijn (Dwingt wit af en voorkomt overschrijving) */
.contentbox, .contentbox p, .contentbox span, .contentbox li, .contentbox h1, .contentbox h2, .contentbox h3,
.titelbox, .titelbox p, .titelbox span, .titelbox h1 {
    color: #FFFFFF !important; 
    opacity: 1 !important;
    visibility: visible !important;
}

.contentbox h1, .contentbox h2, .contentbox h3, 
.contentbox h4, .contentbox h5, .contentbox h6 {
    margin-top: 0;
}

/* --- 1B. ZIJBALK WIDGET TITELS (PAARSE STRIPJES) --- */
.sidebar .widgettitle, .custom-sidebar-title {
    font-family: 'Playfair Display', serif !important;
    padding-top: 16px !important;
    padding-bottom: 16px !important;
    font-size: 20px !important;
    line-height: 1.2 !important;
}

/* ==========================================================================
   A.2. TABLET LANDSCAPE / KLEINE LAPTOPS (Schermen tussen 768px en 989px)
   ========================================================================== */
@media only screen and (max-width: 989px) {
    body, #main, p, .main_color p {
        font-size: 15px !important;
        line-height: 1.6 !important;
    }
    
    h1 { font-size: 38px !important; }
    h2 { font-size: 30px !important; }
    h3 { font-size: 24px !important; }
    h4 { font-size: 20px !important; }
    h5 { font-size: 17px !important; }
    h6 { font-size: 15px !important; }
    
    .contentbox p, .contentbox span, .contentbox li {
        font-size: 24px !important;
    }
    .titelbox h1 {
        font-size: 34px !important;
    }
    .contentbox {
        padding: 12px 18px !important;
    }
    .titelbox {
        padding: 20px 18px !important;
    }
}

/* ==========================================================================
   A.3. TABLET PORTRAIT & MOBIEL GROOT (Schermen tussen 480px en 767px)
   ========================================================================== */
@media only screen and (max-width: 767px) {
    body, #main, p, .main_color p {
        font-size: 15px !important;
        line-height: 1.5 !important;
    }
    
    h1 { font-size: 30px !important; }
    h2 { font-size: 24px !important; }
    h3 { font-size: 21px !important; }
    h4 { font-size: 18px !important; }
    h5 { font-size: 16px !important; }
    h6 { font-size: 16px !important; }
    
    .contentbox p, .contentbox span, .contentbox li {
        font-size: 21px !important;
    }
    .titelbox h1 {
        font-size: 28px !important;
    }
    .contentbox {
        padding: 10px 15px !important;
    }
    .titelbox {
        padding: 16px 15px !important;
    }
}

/* ==========================================================================
   A.4. MOBIEL KLEIN (Schermen kleiner dan 479px)
   ========================================================================== */
@media only screen and (max-width: 479px) {
    .titelbox h1 {
        font-size: 24px !important;
    }
    .titelbox {
        padding: 14px 15px !important;
    }
}

/* ==========================================================================
   B. WOORDAFBREKING | HYPHENS
   ========================================================================== */

p, span, li {
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    hyphenate-limit-chars: 6 4 4;
    -webkit-hyphenate-limit-before: 4;
    -webkit-hyphenate-limit-after: 4;
}

/* ==========================================================================
   C. HEADER
   ========================================================================= */

/* Verberg het standaard lege logoplaatje van Enfold */
.logo img, .logo a > img {
    display: none !important;
}

/* Dwing de logo-container om flexbox te gebruiken voor perfecte centrering */
.logo, .logo a {
    display: flex !important;
    align-items: center !important;
    height: 100% !important;
    max-height: 100% !important;
    text-decoration: none !important;
}

/* Styling van de tekst zelf */
.enfold-text-logo {
    font-family: 'Playfair Display', serif !important;
    font-size: 38px !important;
    color: #FFFFFF !important;
    line-height: 1 !important;
    display: inline-block !important;
    white-space: nowrap !important;
}

@media only screen and (max-width: 767px) {
    .enfold-text-logo {
        font-size: 28px !important;
    }
}

/* MOBIEL TEKSTLOGO PERFECT VERTICAAL UITLIJNEN WITH HAMBURGER */
@media only screen and (max-width: 767px) {
    .responsive #top .logo .enfold-text-logo {
        line-height: 80px !important;
        display: block !important;
        float: left !important;
        padding-left: 20px !important;
        margin: 0 !important;
        height: 80px !important;
    }

    .responsive #top .logo a {
        height: 80px !important;
        display: block !important;
        line-height: 80px !important;
    }

    .responsive #top #header_main .main_menu {
        display: block !important;
        z-index: 100 !important;
    }

    .responsive #top #advanced_menu_toggle {
        display: block !important;
        z-index: 101 !important;
    }
}

/* C.1. MENU TITELS ZONDER KLIKCURSOR OP # */
.menu-item a[href="#"] {
    cursor: default !important;
}
.menu-item a[href="#"]:hover {
    opacity: 1 !important;
}

/* C.2. MENU TITELS ZONDER STREEP OP DE BORDER */
.avia-menu-fx {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

#top #header .avia-menu .current-menu-item > a .avia-menu-fx,
#top #header .avia-menu .current_page_item > a .avia-menu-fx {
    display: none !important;
}

/* C.2A. MENU TITELS ONDERLIJNEN ACTIEVE STATUS */
.header_color .main_menu ul:first-child > li.current-menu-item > a .avia-menu-text {
    border-bottom: 3px solid #fff !important;
    padding-bottom: 5px !important;
}

.header_color .main_menu ul:first-child > li > a:hover .avia-menu-text {
    border-bottom: 3px solid #2d1f43 !important;
    padding-bottom: 5px !important;
}  

/* C.3. SUBLEVEL BULLET ON HOVER */
#top .main_menu .sub-menu li a,
#top .av-submenu-container .av-subnav-menu li a {
    position: relative !important;
    transition: padding 0.2s ease-in-out !important;
}

#top .main_menu .sub-menu li a::before,
#top .av-submenu-container .av-subnav-menu li a::before {
    content: "" !important;
    position: absolute !important;
    left: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) scale(0) !important;
    width: 6px !important;
    height: 6px !important;
    background-color: #F1ECE1 !important;
    border-radius: 50% !important;
    transition: all 0.2s ease-in-out !important;
    opacity: 0 !important;
}

#top .main_menu .sub-menu li a:hover {
    padding-left: 26px !important;
}

#top .main_menu .sub-menu li a:hover::before {
    transform: translateY(-50%) scale(1) !important;
    opacity: 1 !important;
}

/* C.4. HEADER VOLLEDIG ONDOORZICHTIG EN FIX HOOGTE */
#top #header_main, 
#top .header_bg {
    background-color: #2D1F43 !important; 
    opacity: 1 !important;
}

.html_header_top.html_header_sticky #main {
    padding-top: 225px !important; 
}

@media only screen and (max-width: 767px) {
    .html_header_top.html_header_sticky #main {
        padding-top: 145px !important; 
    }
}

/* C.5. SUBHEADER - CUSTOM */
#top #header_meta {
    background-color: #FFF !important;
    border-bottom: none !important;
    min-height: 75px !important;
    height: 75px !important;
    position: relative;
    z-index: 10;
}

#top #header_meta .container {
    height: 75px !important;
    line-height: 75px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
}

#top #header_meta .sub_menu {
    top: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 75px !important;
    display: flex !important;
    align-items: center !important;
}

#top #header_meta .sub_menu > ul,
#top #header_meta .sub_menu > ul > li {
    padding: 0 !important;
    margin: 0 !important;
    line-height: normal !important; 
    height: auto !important;
    display: flex !important;
    align-items: center !important;
}

#top #header_meta .sub_menu > ul > li {
    margin-left: 14px !important;
}

#top #header_meta .sub_menu > ul > li > a {
    background-color: #F1ECE1 !important;
    color: #2D1F43 !important;
    border: 2px solid #2D1F43 !important; 
    font-weight: bold !important;
    font-size: 16px !important; 
    padding: 16px 26px !important;
    border-radius: 30px !important;
    display: inline-block !important;
    line-height: 1 !important; 
    transition: all 0.2s ease-in-out !important;
}

/* C.6. SUBHEADER - BUTTON VERTICALE UITLIJNING AANPASSEN */
#top #header_meta .sub_menu > ul > li > a:hover,
#top #header_meta .sub_menu > ul > li.current-menu-item > a {
    background-color: #2D1F43 !important;
    color: #F1ECE1 !important;
}

/* C.6. SUBHEADER - CUSTOM - MOBIELE CENTRERING */
@media only screen and (max-width: 767px) {
    #top #header_meta .container {
        justify-content: center !important;
        display: flex !important;
        padding: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        height: 75px !important;
    }

    #top #header_meta .sub_menu {
        position: static !important;
        float: none !important;
        clear: both !important;
        margin: 0 auto !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        width: auto !important;
        height: 75px !important;
    }

    #top #header_meta .sub_menu > ul {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        float: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    #top #header_meta .sub_menu > ul > li:first-child {
        margin-left: 0 !important;
    }

    #top #header_meta .sub_menu > ul > li > a {
        padding: 14px 24px !important;
    }
}

            #top #header_meta .sub_menu > ul > li > a {
    position: relative !important;
    top: -3px !important; /* <--- PAS DIT CIJFER AAN. Maak er 2px, -4px, etc. van tot 'ie goed staat */
}

/* D.1. PAGINERING */
.pagination a, .pagination span {
    width: 36px !important;
    height: 36px !important;
    line-height: 36px !important;
    padding: 0 !important;
    text-align: center !important;
    display: inline-block !important;
}

.pagination .next, .pagination .prev {
    width: auto !important;
    padding: 0 15px !important;
    border-radius: 20px !important;
}

/* D.2. POST NAVIGATIE */
#top .avia-post-nav {
    background-color: #2D1F43 !important;
}

#top .avia-post-nav .entry-info-wrap,
#top .avia-post-nav span,
#top .avia-post-nav .entry-title {
    color: #F1ECE1 !important;
}

#top .avia-post-nav:hover {
    background-color: #F1ECE1 !important;
}

#top .avia-post-nav:hover .entry-info-wrap,
#top .avia-post-nav:hover span,
#top .avia-post-nav:hover .entry-title {
    color: #2D1F43 !important;
    font-size: 16px !important;
}

/* E.1. HANDMATIG MENU OP PAGINA AGENDA - PAGINA AGENDA */
#top .av-submenu-container {
    background-color: #F1ECE1 !important;
    border: none !important;
    padding: 25px 0 !important;
}

#top .av-submenu-container .container, 
#top .av-submenu-container .container .av-subnav-menu,
#top .av-submenu-container .container .av-subnav-menu li {
    background: transparent !important;
    border: none !important;
    line-height: normal !important;
}

#top .av-submenu-container .container .av-subnav-menu li a {
    background-color: #2D1F43 !important;
    color: #FFFFFF !important;
    font-weight: bold;
    padding: 18px 26px !important;
    border-radius: 20px !important;
    display: inline-block !important;
    transition: all 0.2s ease-in-out;
}

#top .av-submenu-container .container .av-subnav-menu li a:hover,
#top .av-submenu-container .container .av-subnav-menu li.current-menu-item a,
#top .av-submenu-container .container .av-subnav-menu li.current_page_item a {
    color: #C2BA96 !important; 
}

/* F.1. SOCKET */
#socket, .footer_color, .copyright, .footer-text {
    background-color: #2D1F43 !important;
    color: #FFFFFF !important;
    text-shadow: none !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
    mix-blend-mode: normal !important;
}

#socket a, .footer_color a, .copyright a, .footer-text a {
    color: #FFFFFF !important;
    text-decoration: underline;
}

#socket a:visited, .footer_color a:visited { 
    color: #FFFFFF !important; 
}

#socket a:hover, .footer_color a:hover, 
.copyright a:hover, .footer-text a:hover { 
    color: #ff0000 !important;
}

#socket a[href^="http"] {
    font-weight: bold !important;
}

#socket span.copyright { 
    width: 100% !important;
    text-align: center !important;
    display: block;
}

/* X. STYLING CONTENTBOXEN */
.mediabox-a {
    background-color: #F1ECE1 !important;
    border-radius: 20px !important;
    padding: 20px !important;
}

.mediabox-b {
    background-color: #2D1F43 !important;
    text-align: center !important;
    padding: 20px !important;
    line-height: 1 !important;
    font-family: 'Playfair Display', Georgia, serif !important;
}

.mediabox-c {
    color: #2D1F43 !important;
    text-align: center !important;
}     

/* Z - ENFOLD ELEMENT - CONTACTFORMULIER SCHUIFBALK */
#top .avia_ajax_form textarea,
#top .avia_ajax_form .text_area {
    overflow-x: hidden !important;
    overflow-y: auto !important;
    resize: vertical !important;
}

/* Z - ENFOLD ELEMENT - SPECIALE KOP */
#top .av-special-heading .av-special-heading-tag {
    font-family: 'Playfair Display', serif !important;
    color: #2D1F43 !important;
    font-weight: normal !important;
    letter-spacing: 0.5px !important;
}

#top .av-special-heading .av-subheading_below,
#top .av-special-heading .av-subheading_below p,
#top .av-special-heading .av-subheading_below span {
    font-family: 'Montserrat', sans-serif !important;
    color: #C2BA96 !important;
    font-size: 13px !important;
    font-weight: bold !important;
    letter-spacing: 3px !important;
    text-transform: normal !important;
}

#top .av-special-heading .av-subheading_above,
#top .av-special-heading .av-subheading_above p,
#top .av-special-heading .av-subheading_above span {
    font-family: 'Montserrat', sans-serif !important;
    color: #C2BA96 !important;
    font-size: 13px !important;
    font-weight: bold !important;
    letter-spacing: 3px !important;
    text-transform: normal !important;
    margin-bottom: 14px !important;
}

/* ==========================================================================
   Z - CUSTOM HEADER ANTOINE (KOLOMMEN & PROFIELFOTO POSITIONERING)
   ========================================================================== */

#top .avia-section .flex_column.av-1\/2.first {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

@media only screen and (max-width: 767px) and (min-width: 480px) {
    #top .avia-section .flex_column.av_one_half.avia-builder-el-last,
    #top .avia-section .flex_column:not(.first) {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    #top .avia-section .flex_column.av_one_half .avia-image-container,
    #top .avia-section .flex_column.av_one_half .avia-image-container-inner,
    #top .avia-section .flex_column.av_one_half img {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
        display: block !important;
    }
}

@media only screen and (max-width: 479px) {
    #top .avia-section .flex_column.av_one_half .avia-image-container img {
        margin-bottom: 0 !important;
    }
}

/* WERKING ONBEKEND Dwing de Enfold sectie om flexibel te krimpen in plaats van in stappen */
#top .avia-section .entry-content-wrapper {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
}

/* Zorg dat de kolommen traploos meeschalen */
#top .avia-section .flex_column.av_one_half {
    flex: 1 1 45% !important;
    width: auto !important;
}

/* Laat de foto de flexibele ruimte vullen */
#top .avia-section .flex_column.av_one_half img {
    width: 100% !important; 
    height: auto !important;
}        

/* ==========================================================================
   HOME BANNER - LINKS - ENTREE EN SLOGAN
   ========================================================================== */

.homebannerboxlinks {
    background-color: #F1ECE1 !important;
    padding: 50px 35px !important;
    border-radius: 20px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08) !important;
    text-align: center !important;
    max-width: 500px !important;
    margin: 40px auto !important;
    box-sizing: border-box !important;
	opacity: 0.85 !important;
}

/* 1. Ronde hoeken voor de invoervelden en het tekstvak */
#top .avia_ajax_form .textinput, 
#top .avia_ajax_form .select, 
#top .avia_ajax_form .textarea {
    border-radius: 20px !important;
}

/* ==========================================================================
   ENFOLD ELEMENT - CONTACTFORMULIER
   ========================================================================== */

#top .avia_ajax_form input[type='text'], 
#top .avia_ajax_form input[type='email'], 
#top .avia_ajax_form input[type='tel'], 
#top .avia_ajax_form input[type='number'], 
#top .avia_ajax_form .textinput, 
#top .avia_ajax_form .textarea {
    border-radius: 20px !important;
}

#top .avia_ajax_form .button {
    border-radius: 20px !important;
}

#top .avia_ajax_form textarea,
#top .avia_ajax_form .textarea,
#top .avia_ajax_form #avia_5_1, /* Enfold's standaard ID voor het berichtveld */
#top textarea.textarea {
    border-radius: 20px !important;
}

/* ==========================================================================
   ENFOLD ELEMENT - CONTACTFORMULIER
   ========================================================================== */

#top .avia_ajax_form input[type='text'], 
#top .avia_ajax_form input[type='email'], 
#top .avia_ajax_form input[type='tel'], 
#top .avia_ajax_form input[type='number'], 
#top .avia_ajax_form .textinput, 
#top .avia_ajax_form .textarea {
    border-radius: 20px !important;
}

#top .avia_ajax_form .button {
    border-radius: 20px !important;
}

#top .avia_ajax_form textarea,
#top .avia_ajax_form .textarea,
#top .avia_ajax_form #avia_5_1,
#top textarea.textarea {
    border-radius: 20px !important;
}

/* --- CONTACTFORMULIER - ALGEHELE RESTYLING VAN INPUTS EN BUTTON --- */

/* 1. Uniforme styling voor ALLE invoervelden (inclusief tekstvak) */
#top .avia_ajax_form input[type='text'], 
#top .avia_ajax_form input[type='email'], 
#top .avia_ajax_form input[type='tel'], 
#top .avia_ajax_form input[type='number'], 
#top .avia_ajax_form .textinput, 
#top .avia_ajax_form textarea,
#top .avia_ajax_form .textarea {
    font-size: 16px !important;
    color: #2D1F43 !important;
    border: 2px solid #2D1F43 !important;
    padding: 16px 20px !important;
    background-color: #FFFFFF !important;
}

/* 2. De Verzendknop exact gelijk trekken, links uitlijnen en font corrigeren */
#top .avia_ajax_form input[type='submit'],
#top .avia_ajax_form .button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 16px !important;
    font-weight: normal !important;
    color: #2D1F43 !important;
    background-color: #FFF !important;
    border: 2px solid #2D1F43 !important;
    display: block !important;
    text-align: left !important;
    padding: 16px 26px 16px 20px !important;
    width: auto !important;
    line-height: 1 !important;
    transition: all 0.2s ease-in-out !important;
    cursor: pointer !important;
}

/* Hover-effect voor de verzendknop */
#top .avia_ajax_form input[type='submit']:hover,
#top .avia_ajax_form .button:hover {
    background-color: #2D1F43 !important;
    color: #F1ECE1 !important;
}

//* --- CONTACTFORMULIER - RESTYLING ENFOLD FOUTMELDING (AV-FIELDS-WITH-ERROR) --- */

/* 1. Forceer de 40px ruimte onder de verzendknop */
#top .avia_ajax_form {
    margin-bottom: 40px !important;
}

#top #main .av-fields-with-error,
#top .av-fields-with-error,
div.av-fields-with-error {
    margin-top: 40px !important;
    margin-bottom: 20px !important;
    display: inline-block !important; /* Veranderd van block naar inline-block om floats te breken */
    clear: both !important;
    width: 100% !important;
}

/* 2. Sloop de standaard Enfold-styling en dwing Geel + Paarse rand af */
#top #main .av-fields-with-error,
#top .av-fields-with-error,
div.av-fields-with-error {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 16px !important;
    font-weight: normal !important;
    
    /* Jouw exacte kleuren: geel van Friezenkerk-button en paarse tekst/rand */
    background-color: #F1ECE1 !important; 
    color: #2D1F43 !important;            
    border: 2px solid #2D1F43 !important;  
    
    /* Vorm: Exact zoals de invoervelden */
    border-radius: 20px !important;
    padding: 16px 20px !important;
    
    /* Enfold panel overrules (wist rode gloed, schaduwen en achtergronden) */
    background-image: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
    box-sizing: border-box !important;
}

/* 3. Dwing alle tekst binnen deze specifieke balk naar paars en Montserrat */
#top #main .av-fields-with-error *,
#top .av-fields-with-error *,
div.av-fields-with-error * {
    font-family: 'Montserrat', sans-serif !important;
    color: #2D1F43 !important;
    font-size: 16px !important;
    font-weight: normal !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* --- CONTACTFORMULIER - RESTYLING ENFOLD SUCCESMELDING (BERICHT VERZONDEN) --- */

/* 1. Alleen de ALLERBUITENSTE container krijgt het mooie geel/paarse design */
#top div.ajaxcall_box + .ajaxresponse,
#top .ajaxresponse_1 {
    font-family: 'Montserrat', sans-serif !important;
    background-color: #F1ECE1 !important; /* Geel van de Friezenkerk-button */
    color: #2D1F43 !important;            /* Paarse tekst */
    border: 2px solid #2D1F43 !important;  /* Eén strakke paarse rand */
    border-radius: 20px !important;
    padding: 16px 20px !important;
    
    /* Ruimte boven de melding (aangezien het formulier verdwijnt) */
    margin-top: 40px !important;
    display: block !important;
    clear: both !important;
    width: 100% !important;
    box-sizing: border-box !important;
    background-image: none !important;
    box-shadow: none !important;
}

/* 2. Sloop ALLE styling, borders en paddings van de BINNENSTE genestelde div */
#top .ajaxcall_box + .ajaxresponse div,
#top .ajaxresponse .ajaxresponse {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    float: none !important;
    width: auto !important;
}

/* 3. Trek de H3-tekst strak (geen dikke kop, geen extra margins) */
#top .ajaxresponse h3.avia-form-success,
#top .ajaxresponse_1 h3 {
    font-family: 'Montserrat', sans-serif !important;
    color: #2D1F43 !important;
    font-size: 16px !important;
    font-weight: normal !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.5 !important;
    background: transparent !important;
    border: none !important;
}