/*
Theme Name: Lichtwerkt Avada Child
Theme URI: https://lichtwerktnederland.nl/
Description: Child theme voor Lichtwerkt Nederland op basis van Avada.
Author: Madoo Webdesign
Template: Avada
Version: 1.0.17
Text Domain: lichtwerkt-avada-child
*/

/* =========================================================
   LICHTWERKT HEADER
   ========================================================= */

/* GTranslate algemeen */
.gtranslate_wrapper {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 6px !important;
    white-space: nowrap !important;
    flex-wrap: nowrap !important;
}

.gtranslate_wrapper > a {
    display: inline-flex !important;
    align-items: center !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

.gtranslate_wrapper img {
    display: block !important;
    width: 24px !important;
    height: 24px !important;
    margin: 0 !important;
}

/* Mobiele extra items standaard verbergen */
.lichtwerkt-mobile-extra {
    display: none !important;
}

/* =========================================================
   DESKTOP
   ========================================================= */

@media only screen and (min-width: 1191px) {

    .avada-main-menu {
        min-width: 0 !important;
    }

    .avada-main-menu .awb-menu__main-ul {
        flex-wrap: nowrap !important;
    }

    .avada-main-menu .awb-menu__main-li {
        flex-shrink: 0 !important;
    }

    .avada-main-menu .awb-menu__main-a {
        white-space: nowrap !important;
    }
}

/* =========================================================
   TABLET / IPAD
   ========================================================= */

@media only screen and (min-width: 1025px) and (max-width: 1190px) {

    .avada-main-menu {
        min-width: 0 !important;
        --awb-gap: 14px !important;
        --awb-font-size: 12px !important;
    }

    .avada-main-menu .awb-menu__main-ul {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        gap: 14px !important;
        width: auto !important;
    }

    .avada-main-menu .awb-menu__main-li {
        flex: 0 0 auto !important;
        margin: 0 !important;
    }

    .avada-main-menu .awb-menu__main-a {
        font-size: 12px !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        white-space: nowrap !important;
    }

    .avada-main-menu .awb-menu__open-nav-submenu-hover {
        margin-left: 4px !important;
    }

    .avada-main-menu .awb-menu__li_button {
        margin-left: 2px !important;
    }

    .avada-main-menu .awb-menu__li_button .fusion-button {
        padding-left: 13px !important;
        padding-right: 13px !important;
        white-space: nowrap !important;
    }

    .fusion-tb-header a[href*="login"],
    .fusion-tb-header a[href*="inloggen"] {
        white-space: nowrap !important;
    }

    .gtranslate_wrapper {
        gap: 3px !important;
        margin-left: 3px !important;
    }

    .gtranslate_wrapper img {
        width: 19px !important;
        height: 19px !important;
    }

    .fusion-tb-header .fusion-builder-column-2 {
        --awb-column-gap: 8px !important;
    }
}

@media only screen and (min-width: 1100px) and (max-width: 1190px) {

    .avada-main-menu {
        --awb-gap: 16px !important;
    }

    .avada-main-menu .awb-menu__main-ul {
        gap: 16px !important;
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1099px) {

    .avada-main-menu {
        --awb-gap: 10px !important;
        --awb-font-size: 11px !important;
    }

    .avada-main-menu .awb-menu__main-ul {
        gap: 10px !important;
    }

    .avada-main-menu .awb-menu__main-a {
        font-size: 11px !important;
    }

    .avada-main-menu .awb-menu__li_button .fusion-button {
        padding-left: 11px !important;
        padding-right: 11px !important;
    }

    .gtranslate_wrapper {
        gap: 2px !important;
    }

    .gtranslate_wrapper img {
        width: 18px !important;
        height: 18px !important;
    }
}

/* =========================================================
   MOBIEL
   Alleen toegepast op het door JS gemarkeerde hoofdmenu
   ========================================================= */

@media only screen and (max-width: 1024px) {

    /* Eventuele publieke witte topbar verbergen op mobiel.
       WordPress adminbar wordt hierdoor NIET geraakt. */
    .fusion-tb-header .lichtwerkt-public-topbar {
        display: none !important;
    }

    /* Avada mag het menu niet afknippen */
    .fusion-tb-header .lichtwerkt-mobile-nav,
    .fusion-tb-header .lichtwerkt-mobile-nav *,
    .fusion-tb-header .lichtwerkt-mobile-nav-parents {
        box-sizing: border-box !important;
    }

    .fusion-tb-header .lichtwerkt-mobile-nav {
        overflow: visible !important;
        --awb-mobile-bg: #000000 !important;
        --awb-mobile-color: #ffffff !important;
        --awb-mobile-active-bg: #111111 !important;
        --awb-mobile-active-color: #ff9900 !important;
        --awb-mobile-font-size: 16px !important;
        --awb-mobile-text-transform: none !important;
    }

    /* Hamburger / sluitknop */
    .fusion-tb-header .lichtwerkt-mobile-nav .awb-menu__m-toggle {
        position: relative !important;
        z-index: 10002 !important;
        color: #ffffff !important;
        background: transparent !important;
    }

    .fusion-tb-header .lichtwerkt-mobile-nav .awb-menu__m-toggle:hover,
    .fusion-tb-header .lichtwerkt-mobile-nav .awb-menu__m-toggle:focus {
        color: #ff9900 !important;
        background: transparent !important;
    }

    /* Hoofdmenu pas fullscreen positioneren zodra JS dit menu heeft herkend */
    .fusion-tb-header .lichtwerkt-mobile-menu-list {
        position: fixed !important;
        left: 0 !important;
        right: 0 !important;
        top: var(--lichtwerkt-menu-top, 0px) !important;

        width: 100vw !important;
        max-width: 100vw !important;
        max-height: calc(100dvh - var(--lichtwerkt-menu-top, 0px)) !important;

        overflow-y: auto !important;
        overflow-x: hidden !important;
        -webkit-overflow-scrolling: touch;

        margin: 0 !important;
        padding: 0 !important;

        background: #000000 !important;
        border: 0 !important;
        box-shadow: none !important;

        z-index: 10000 !important;
    }

    /* Normale menu-items */
    .fusion-tb-header .lichtwerkt-mobile-menu-list > .awb-menu__main-li {
        width: 100% !important;
        margin: 0 !important;
        background: #000000 !important;
        border: 0 !important;
        border-top: 1px solid rgba(255,255,255,.10) !important;
    }

    .fusion-tb-header .lichtwerkt-mobile-menu-list > .awb-menu__main-li:first-child {
        border-top: 0 !important;
    }

    .fusion-tb-header .lichtwerkt-mobile-menu-list > .awb-menu__main-li > .awb-menu__main-a {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;

        width: 100% !important;
        min-height: 52px !important;

        padding: 14px 24px !important;
        margin: 0 !important;

        color: #ffffff !important;
        background: #000000 !important;

        font-size: 16px !important;
        line-height: 1.2 !important;
        font-weight: 400 !important;
        text-transform: none !important;
        text-align: left !important;

        border: 0 !important;
    }

    .fusion-tb-header .lichtwerkt-mobile-menu-list > .awb-menu__main-li > .awb-menu__main-a:hover,
    .fusion-tb-header .lichtwerkt-mobile-menu-list > .current-menu-item > .awb-menu__main-a,
    .fusion-tb-header .lichtwerkt-mobile-menu-list > .current_page_item > .awb-menu__main-a {
        color: #ff9900 !important;
        background: #111111 !important;
    }

    /* Extra contactblok */
    .fusion-tb-header .lichtwerkt-mobile-menu-list > .lichtwerkt-mobile-extra {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        background: #000000 !important;
    }

    .fusion-tb-header .lichtwerkt-mobile-divider {
        padding: 18px 24px 10px !important;
        border-top: 1px solid rgba(255,255,255,.10) !important;
        pointer-events: none !important;
    }

    .fusion-tb-header .lichtwerkt-mobile-divider span {
        display: block !important;
        width: 100% !important;
        height: 1px !important;
        background: rgba(255,255,255,.25) !important;
    }

    .fusion-tb-header .lichtwerkt-mobile-contact {
        padding: 0 !important;
        border: 0 !important;
    }

    .fusion-tb-header .lichtwerkt-mobile-contact > a {
        display: flex !important;
        align-items: center !important;

        width: 100% !important;
        min-height: 42px !important;

        padding: 8px 24px !important;
        margin: 0 !important;

        color: rgba(255,255,255,.88) !important;
        background: #000000 !important;

        font-size: 13px !important;
        line-height: 1.35 !important;
        font-weight: 400 !important;
        text-transform: none !important;
        text-decoration: none !important;
        text-align: left !important;

        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;

        border: 0 !important;
    }

    .fusion-tb-header .lichtwerkt-mobile-contact > a:hover {
        color: #ff9900 !important;
        background: #111111 !important;
    }

    /* GTranslate */
    .fusion-tb-header .lichtwerkt-mobile-languages {
        padding: 14px 24px 22px !important;
        border: 0 !important;
    }

    .fusion-tb-header .lichtwerkt-mobile-gtranslate {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        gap: 10px !important;
        width: 100% !important;
        min-height: 28px !important;
    }

    .fusion-tb-header .lichtwerkt-mobile-gtranslate > a {
        display: inline-flex !important;
        align-items: center !important;
        width: auto !important;
        min-width: 0 !important;
        flex: 0 0 auto !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
    }

    .fusion-tb-header .lichtwerkt-mobile-gtranslate > a:first-child {
        margin-left: auto !important;
    }

    .fusion-tb-header .lichtwerkt-mobile-gtranslate img {
        display: block !important;
        width: 26px !important;
        height: auto !important;
        margin: 0 !important;
    }
}

@media only screen and (max-width: 480px) {

    .fusion-tb-header .lichtwerkt-mobile-menu-list > .awb-menu__main-li > .awb-menu__main-a {
        min-height: 48px !important;
        padding: 12px 20px !important;
        font-size: 15px !important;
    }

    .fusion-tb-header .lichtwerkt-mobile-contact > a {
        min-height: 38px !important;
        padding: 7px 20px !important;
        font-size: 12.5px !important;
    }

    .fusion-tb-header .lichtwerkt-mobile-divider,
    .fusion-tb-header .lichtwerkt-mobile-languages {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}


/* =========================================================
   GTRANSLATE MOBIEL - officiële gt-link weergave
   ========================================================= */

@media only screen and (max-width: 1024px) {

    .fusion-tb-header .avada-main-menu .lichtwerkt-mobile-languages {
        display: flex !important;
        justify-content: flex-end !important;
    }

    .fusion-tb-header .avada-main-menu .lichtwerkt-mobile-gtranslate {
        display: inline-flex !important;
        width: auto !important;
        margin-left: auto !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 10px !important;
        flex-wrap: nowrap !important;
    }

    .fusion-tb-header .avada-main-menu .lichtwerkt-mobile-gtranslate > a,
    .fusion-tb-header .avada-main-menu .lichtwerkt-mobile-gtranslate > a.gt-current-lang {
        display: inline-flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: auto !important;
        min-width: 0 !important;
        flex: 0 0 auto !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        border: 0 !important;
    }

    .fusion-tb-header .avada-main-menu .lichtwerkt-mobile-gtranslate img {
        display: block !important;
        width: 26px !important;
        height: 26px !important;
        margin: 0 !important;
    }
}


/* =========================================================
   GTRANSLATE MOBIEL - 1.0.10
   ========================================================= */

@media only screen and (max-width: 1024px) {

    .fusion-tb-header .avada-main-menu .lichtwerkt-mobile-languages {
        display: flex !important;
        justify-content: flex-end !important;
    }

    .fusion-tb-header .avada-main-menu .lichtwerkt-mobile-gtranslate {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 10px !important;
        width: auto !important;
        margin-left: auto !important;
        flex-wrap: nowrap !important;
    }

    .fusion-tb-header .avada-main-menu .lichtwerkt-mobile-language {
        display: inline-flex !important;
        align-items: center !important;
        width: auto !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        flex: 0 0 auto !important;
        background: transparent !important;
        border: 0 !important;
        cursor: pointer !important;
    }

    .fusion-tb-header .avada-main-menu .lichtwerkt-mobile-language img {
        display: block !important;
        width: 26px !important;
        height: 26px !important;
        margin: 0 !important;
    }
}


/* =========================================================
   GTRANSLATE MOBIEL - 1.0.11
   Verplaats de echte werkende desktop-widget
   ========================================================= */

@media only screen and (max-width: 1024px) {

    .fusion-tb-header .avada-main-menu .lichtwerkt-mobile-languages {
        display: flex !important;
        justify-content: flex-end !important;
        align-items: center !important;
    }

    .fusion-tb-header .avada-main-menu .lichtwerkt-mobile-gtranslate {
        display: flex !important;
        justify-content: flex-end !important;
        align-items: center !important;
        width: 100% !important;
        margin: 0 !important;
    }

    .fusion-tb-header .avada-main-menu
    .lichtwerkt-mobile-gtranslate
    > .gtranslate_wrapper {
        display: inline-flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 10px !important;
        width: auto !important;
        margin: 0 0 0 auto !important;
        padding: 0 !important;
        flex-wrap: nowrap !important;
    }

    .fusion-tb-header .avada-main-menu
    .lichtwerkt-mobile-gtranslate
    > .gtranslate_wrapper > a {
        display: inline-flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        align-items: center !important;
        width: auto !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        flex: 0 0 auto !important;
        background: transparent !important;
        border: 0 !important;
    }

    .fusion-tb-header .avada-main-menu
    .lichtwerkt-mobile-gtranslate
    > .gtranslate_wrapper > a img {
        display: block !important;
        width: 26px !important;
        height: 26px !important;
        margin: 0 !important;
    }

    /*
     * De technische Google Translate select blijft onderdeel van dezelfde
     * werkende widget, maar hoeft visueel niet in het hamburger-menu te staan.
     */
    .fusion-tb-header .avada-main-menu
    .lichtwerkt-mobile-gtranslate
    .goog-te-gadget,
    .fusion-tb-header .avada-main-menu
    .lichtwerkt-mobile-gtranslate
    #google_translate_element2 {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        overflow: hidden !important;
        clip: rect(0 0 0 0) !important;
        clip-path: inset(50%) !important;
        white-space: nowrap !important;
    }
}


/* =========================================================
   GTRANSLATE ALLE SCHERMEN - 1.0.12
   ========================================================= */

.fusion-tb-header .gtranslate_wrapper > a[data-gt-lang] {
    pointer-events: auto !important;
    touch-action: manipulation !important;
    cursor: pointer !important;
}


/* =========================================================
   GTRANSLATE MOBIEL - 1.0.13
   Altijd NL + EN zichtbaar in hamburger-menu
   ========================================================= */

@media only screen and (max-width: 1024px) {

    .fusion-tb-header .lichtwerkt-mobile-languages {
        display: flex !important;
        justify-content: flex-end !important;
        align-items: center !important;
        min-height: 54px !important;
    }

    .fusion-tb-header .lichtwerkt-mobile-gtranslate {
        display: flex !important;
        justify-content: flex-end !important;
        align-items: center !important;
        width: 100% !important;
        min-height: 30px !important;
        margin: 0 !important;
    }

    .fusion-tb-header .lichtwerkt-mobile-gt-static {
        display: inline-flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 10px !important;
        width: auto !important;
        min-width: 62px !important;
        margin: 0 0 0 auto !important;
        padding: 0 !important;
        flex-wrap: nowrap !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    .fusion-tb-header .lichtwerkt-mobile-gt-static > a {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 26px !important;
        min-width: 26px !important;
        height: 26px !important;
        margin: 0 !important;
        padding: 0 !important;
        flex: 0 0 26px !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        touch-action: manipulation !important;
        background: transparent !important;
        border: 0 !important;
    }

    .fusion-tb-header .lichtwerkt-mobile-gt-static > a img {
        display: block !important;
        width: 26px !important;
        height: 26px !important;
        min-width: 26px !important;
        margin: 0 !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
}


/* =========================================================
   CONTACT + LOGIN CTA / LOGIN KEUZEMENU - 1.0.15
   ========================================================= */

/* Basis: beide headeracties als één visuele familie. */
.fusion-tb-header .lichtwerkt-contact-item,
.fusion-tb-header .lichtwerkt-login-item {
    position: relative !important;
}

.fusion-tb-header .lichtwerkt-contact-link,
.fusion-tb-header .lichtwerkt-login-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;
    min-height: 42px !important;
    padding: 0 18px !important;
    border-radius: 11px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    text-transform: none !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    transition: background-color .18s ease, border-color .18s ease, color .18s ease, transform .18s ease !important;
}

/* Contact = primaire CTA in huisstijl-oranje. */
.fusion-tb-header .lichtwerkt-contact-link {
    color: #ffffff !important;
    background: #ff9900 !important;
    border: 1px solid #ff9900 !important;
}

.fusion-tb-header .lichtwerkt-contact-link:hover,
.fusion-tb-header .lichtwerkt-contact-link:focus {
    color: #ffffff !important;
    background: #e88900 !important;
    border-color: #e88900 !important;
}

/* Login = secundaire CTA, rustig donker. */
.fusion-tb-header .lichtwerkt-login-link {
    color: #ffffff !important;
    background: #171717 !important;
    border: 1px solid #505050 !important;
}

.fusion-tb-header .lichtwerkt-login-link:hover,
.fusion-tb-header .lichtwerkt-login-link:focus,
.fusion-tb-header .lichtwerkt-login-item.lichtwerkt-login-open > .lichtwerkt-login-link {
    color: #ffffff !important;
    background: #292929 !important;
    border-color: #777777 !important;
}

.fusion-tb-header .lichtwerkt-action-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    font-size: 17px !important;
    line-height: 1 !important;
}

.fusion-tb-header .lichtwerkt-login-caret {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-left: 2px !important;
}

/* Login dropdown op desktop/tablet. */
.fusion-tb-header .lichtwerkt-login-dropdown {
    display: none !important;
    position: absolute !important;
    top: calc(100% + 10px) !important;
    right: 0 !important;
    left: auto !important;
    width: 255px !important;
    min-width: 255px !important;
    margin: 0 !important;
    padding: 7px !important;
    list-style: none !important;
    background: #ffffff !important;
    border: 1px solid rgba(0,0,0,.10) !important;
    border-radius: 12px !important;
    box-shadow: 0 12px 32px rgba(0,0,0,.20) !important;
    z-index: 10020 !important;
}

.fusion-tb-header .lichtwerkt-login-item.lichtwerkt-login-open > .lichtwerkt-login-dropdown,
.fusion-tb-header .lichtwerkt-login-item:hover > .lichtwerkt-login-dropdown,
.fusion-tb-header .lichtwerkt-login-item:focus-within > .lichtwerkt-login-dropdown {
    display: block !important;
}

.fusion-tb-header .lichtwerkt-login-dropdown > li {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.fusion-tb-header .lichtwerkt-login-dropdown > li + li {
    margin-top: 4px !important;
}

.fusion-tb-header .lichtwerkt-login-dropdown > li > a {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 3px !important;
    width: 100% !important;
    padding: 11px 12px !important;
    color: #111111 !important;
    background: transparent !important;
    border-radius: 8px !important;
    text-decoration: none !important;
    text-transform: none !important;
    line-height: 1.2 !important;
    transition: background-color .15s ease, color .15s ease !important;
}

.fusion-tb-header .lichtwerkt-login-dropdown > li > a:hover,
.fusion-tb-header .lichtwerkt-login-dropdown > li > a:focus {
    color: #111111 !important;
    background: #f4f4f4 !important;
}

.fusion-tb-header .lichtwerkt-dropdown-title {
    font-size: 14px !important;
    font-weight: 700 !important;
}

.fusion-tb-header .lichtwerkt-dropdown-note {
    color: #777777 !important;
    font-size: 11px !important;
    font-weight: 400 !important;
}

/* Compacte tablet-header. */
@media only screen and (min-width: 1025px) and (max-width: 1190px) {
    .fusion-tb-header .lichtwerkt-contact-link,
    .fusion-tb-header .lichtwerkt-login-link {
        min-height: 38px !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
        gap: 6px !important;
        font-size: 12px !important;
        border-radius: 9px !important;
    }

    .fusion-tb-header .lichtwerkt-action-icon {
        font-size: 14px !important;
    }

    .fusion-tb-header .lichtwerkt-login-dropdown {
        width: 225px !important;
        min-width: 225px !important;
    }
}

/* Mobiel: Login blijft een normale zwarte menurij; de twee keuzes klappen eronder open. */
@media only screen and (max-width: 1024px) {
    .fusion-tb-header .lichtwerkt-mobile-menu-list > .lichtwerkt-contact-item > .lichtwerkt-contact-link,
    .fusion-tb-header .lichtwerkt-mobile-menu-list > .lichtwerkt-login-item > .lichtwerkt-login-link {
        display: flex !important;
        justify-content: flex-start !important;
        width: 100% !important;
        min-height: 52px !important;
        padding: 14px 24px !important;
        margin: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        color: #ffffff !important;
        background: #000000 !important;
        font-size: 16px !important;
        font-weight: 400 !important;
    }

    .fusion-tb-header .lichtwerkt-mobile-menu-list > .lichtwerkt-contact-item > .lichtwerkt-contact-link:hover,
    .fusion-tb-header .lichtwerkt-mobile-menu-list > .lichtwerkt-login-item > .lichtwerkt-login-link:hover,
    .fusion-tb-header .lichtwerkt-mobile-menu-list > .lichtwerkt-login-item.lichtwerkt-login-open > .lichtwerkt-login-link {
        color: #ff9900 !important;
        background: #111111 !important;
    }

    .fusion-tb-header .lichtwerkt-mobile-menu-list .lichtwerkt-action-icon {
        display: none !important;
    }

    .fusion-tb-header .lichtwerkt-mobile-menu-list .lichtwerkt-login-caret {
        margin-left: auto !important;
        color: #ff9900 !important;
    }

    .fusion-tb-header .lichtwerkt-mobile-menu-list .lichtwerkt-login-dropdown {
        display: none !important;
        position: static !important;
        top: auto !important;
        right: auto !important;
        left: auto !important;
        width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        background: #0d0d0d !important;
        border: 0 !important;
        border-top: 1px solid rgba(255,255,255,.10) !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }

    .fusion-tb-header .lichtwerkt-mobile-menu-list .lichtwerkt-login-item.lichtwerkt-login-open > .lichtwerkt-login-dropdown {
        display: block !important;
    }

    .fusion-tb-header .lichtwerkt-mobile-menu-list .lichtwerkt-login-item:hover > .lichtwerkt-login-dropdown {
        display: none !important;
    }

    .fusion-tb-header .lichtwerkt-mobile-menu-list .lichtwerkt-login-item.lichtwerkt-login-open:hover > .lichtwerkt-login-dropdown {
        display: block !important;
    }

    .fusion-tb-header .lichtwerkt-mobile-menu-list .lichtwerkt-login-dropdown > li + li {
        margin-top: 0 !important;
        border-top: 1px solid rgba(255,255,255,.08) !important;
    }

    .fusion-tb-header .lichtwerkt-mobile-menu-list .lichtwerkt-login-dropdown > li > a {
        min-height: 52px !important;
        padding: 11px 24px 11px 42px !important;
        justify-content: center !important;
        color: #ffffff !important;
        background: #0d0d0d !important;
        border-radius: 0 !important;
    }

    .fusion-tb-header .lichtwerkt-mobile-menu-list .lichtwerkt-login-dropdown > li > a:hover,
    .fusion-tb-header .lichtwerkt-mobile-menu-list .lichtwerkt-login-dropdown > li > a:focus {
        color: #ff9900 !important;
        background: #171717 !important;
    }

    .fusion-tb-header .lichtwerkt-mobile-menu-list .lichtwerkt-dropdown-title {
        color: inherit !important;
        font-size: 14px !important;
        font-weight: 600 !important;
    }

    .fusion-tb-header .lichtwerkt-mobile-menu-list .lichtwerkt-dropdown-note {
        color: rgba(255,255,255,.55) !important;
        font-size: 11px !important;
    }
}

@media only screen and (max-width: 480px) {
    .fusion-tb-header .lichtwerkt-mobile-menu-list > .lichtwerkt-contact-item > .lichtwerkt-contact-link,
    .fusion-tb-header .lichtwerkt-mobile-menu-list > .lichtwerkt-login-item > .lichtwerkt-login-link {
        min-height: 48px !important;
        padding: 12px 20px !important;
        font-size: 15px !important;
    }

    .fusion-tb-header .lichtwerkt-mobile-menu-list .lichtwerkt-login-dropdown > li > a {
        min-height: 48px !important;
        padding-left: 36px !important;
        padding-right: 20px !important;
    }
}


/* =========================================================
   CONTACT + LOGIN DESKTOP/TABLET ROBUUST - 1.0.16
   ========================================================= */

@media only screen and (min-width: 1025px) {

    .fusion-tb-header .lichtwerkt-contact-item,
    .fusion-tb-header .lichtwerkt-login-item {
        position: relative !important;
        overflow: visible !important;
        z-index: 50 !important;
    }

    .fusion-tb-header a.lichtwerkt-contact-link,
    .fusion-tb-header a.lichtwerkt-login-link,
    .fusion-tb-header .fusion-button.lichtwerkt-contact-link,
    .fusion-tb-header .fusion-button.lichtwerkt-login-link {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        min-height: 42px !important;
        height: 42px !important;
        padding: 0 17px !important;
        border-radius: 10px !important;
        box-shadow: none !important;
        line-height: 1 !important;
    }

    .fusion-tb-header a.lichtwerkt-contact-link,
    .fusion-tb-header .fusion-button.lichtwerkt-contact-link {
        color: #ffffff !important;
        background-color: #ff9900 !important;
        background-image: none !important;
        border: 1px solid #ff9900 !important;
    }

    .fusion-tb-header a.lichtwerkt-contact-link:hover,
    .fusion-tb-header .fusion-button.lichtwerkt-contact-link:hover {
        color: #ffffff !important;
        background-color: #e88900 !important;
        background-image: none !important;
        border-color: #e88900 !important;
    }

    .fusion-tb-header a.lichtwerkt-login-link,
    .fusion-tb-header .fusion-button.lichtwerkt-login-link {
        color: #ffffff !important;
        background-color: #171717 !important;
        background-image: none !important;
        border: 1px solid #505050 !important;
    }

    .fusion-tb-header a.lichtwerkt-login-link:hover,
    .fusion-tb-header .fusion-button.lichtwerkt-login-link:hover,
    .fusion-tb-header .lichtwerkt-login-item.lichtwerkt-login-open > a.lichtwerkt-login-link {
        color: #ffffff !important;
        background-color: #292929 !important;
        background-image: none !important;
        border-color: #777777 !important;
    }

    .fusion-tb-header .lichtwerkt-login-dropdown {
        top: calc(100% + 8px) !important;
        right: 0 !important;
        left: auto !important;
    }
}