/* De Thuisnatie - nieuwe huisstijl */

:root {
    --thuisnatie-wit:#F1E9DE
    --thuisnatie-beige: #EDE6DC;
    --thuisnatie-taupe: #3A342E;
    --thuisnatie-goud: #B89B6A;
}

/* Nieuwe zachte header */
.bd-headerarea-1 {
    background-color: #F1E9DE !important;
}

/* Achtergrond van de header */
.bd-headerarea-1,
.bd-headerarea-1 .bd-layoutbox-9,
.bd-headerarea-1 .bd-container-inner {
    background-color: #F1E9DE !important;
}

/* Moderne menukleuren */
.bd-headerarea-1 .bd-hmenu-6 a {
    color: #3A342E !important;
    background-color: transparent !important;
}

/* Actief menu en hover */
.bd-headerarea-1 .bd-hmenu-6 .active > a,
.bd-headerarea-1 .bd-hmenu-6 a:hover,
.bd-headerarea-1 .bd-hmenu-6 a:focus {
    color: #3A342E !important;
    background-color: transparent !important;
}


/* Nieuw logo De Thuisnatie */
.bd-headerarea-1 .bd-logo-6 img.bd-imagestyles-21 {
    content: url("/images/TN_2.png") !important;
    width: 350px !important;
    max-width: 90vw !important;
    height: auto !important;
    max-height: none !important;
}

/* Offerteknop - champagnebeige */
body.bd-homepage a.sp-slider-button.sppb-btn-custom {
    background: #C8AD86 !important;
    background-color: #C8AD86 !important;
    background-image: none !important;
    color: #3A342E !important;
    border: none !important;
    box-shadow: none !important;
}

/* Tekstkleur */
body.bd-homepage a.sp-slider-button .sp-slider-btn-text {
    color: #3A342E !important;
}

/* Hover-effect */
body.bd-homepage a.sp-slider-button.sppb-btn-custom:hover {
    background: #B89B6A !important;
    background-image: none !important;
}

/* Nieuwe huisstijl op alle pagina's */
.bd-headerarea-1,
.bd-headerarea-1 .bd-layoutbox-9,
.bd-headerarea-1 .bd-container-inner {
    background-color: #F1E9DE !important;
}

/* Donkerbruin menu */
.bd-headerarea-1 .bd-hmenu-6 a {
    color: #3A342E !important;
    background: transparent !important;
}

/* Nieuw logo */
.bd-headerarea-1 .bd-logo-6 img.bd-imagestyles-21 {
    content: url("/images/TN_2.png") !important;
    width: 350px !important;
    max-width: 90vw !important;
    height: auto !important;
}