/*
Theme Name: Chromax Child
Theme URI: https://lugsicher.eu/
Description: Child theme for Chromax used for Lugsicher site customizations.
Author: OpenAI Codex
Template: chromax
Version: 1.0.4
Text Domain: chromax-child
*/

/* BEGIN codex-nav-brand-red */
:root {
    --lugsicher-brand-red: #d71920;
}

.dt_navbar-nav .dt_navbar-mainmenu li.active > a,
.dt_navbar-nav .dt_navbar-mainmenu li.current-menu-item > a,
.dt_navbar-nav .dt_navbar-mainmenu li.current_page_item > a,
.dt_navbar-nav .dt_navbar-mainmenu > li.focus > a,
.dt_navbar-nav .dt_navbar-mainmenu > li:hover > a,
.dt_mobilenav .dt_navbar-mainmenu li.active > a,
.dt_mobilenav .dt_navbar-mainmenu li.current-menu-item > a,
.dt_mobilenav .dt_navbar-mainmenu li.current_page_item > a,
.dt_mobilenav .dt_navbar-mainmenu li.focus > a,
.dt_mobilenav .dt_navbar-mainmenu li:hover > a {
    color: var(--lugsicher-brand-red) !important;
}

.menu__active-one .dt_navbar-nav .dt_navbar-mainmenu > li > a::before,
.menu__active-two .dt_navbar-nav .dt_navbar-mainmenu > li > a::before {
    background: var(--lugsicher-brand-red) !important;
    background-color: var(--lugsicher-brand-red) !important;
}

.menu__active-four .dt_navbar-nav .dt_navbar-mainmenu > li.active > a::before,
.menu__active-four .dt_navbar-nav .dt_navbar-mainmenu > li.current-menu-item > a::before,
.menu__active-four .dt_navbar-nav .dt_navbar-mainmenu > li.current_page_item > a::before,
.menu__active-four .dt_navbar-nav .dt_navbar-mainmenu > li.focus > a::before,
.menu__active-four .dt_navbar-nav .dt_navbar-mainmenu > li:hover > a::before {
    color: var(--lugsicher-brand-red) !important;
    text-shadow: 1rem 0 var(--lugsicher-brand-red), -1rem 0 var(--lugsicher-brand-red) !important;
}
/* END codex-nav-brand-red */

/* BEGIN codex-preloader-text-cleanup */
#dt_preloader .dt_preloader-animation > p.text-center,
#dt_preloader .dt_preloader-animation > p {
    display: none !important;
    visibility: hidden !important;
}
/* END codex-preloader-text-cleanup */

/* BEGIN codex-mobile-layout-fixes */
@media (max-width: 767px) {
    .dt_mobilenav-topbar-toggle,
    .dt_mobilenav .dt_header-widget,
    .dt_mobilenav .dt_header-topbar,
    .dt_mobilenav .widget.widget_contact,
    .dt_mobilenav .widget.widget_social {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

    .dt_header #dt_header_widget,
    .dt_header .dt_header-widget,
    .dt_header .dt_header-topbar {
        display: none !important;
    }

    body.page-id-229 .site-content > div[style*="max-width:1120px"] {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    body.page-id-229 .site-content div[style*="grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr)"] {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }

    body.page-id-229 .site-content div[style*="grid-template-columns:repeat(auto-fit,minmax(320px,1fr))"] {
        grid-template-columns: 1fr !important;
    }

    body.page-id-229 .site-content div[style*="grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr)"] > div,
    body.page-id-229 .site-content div[style*="grid-template-columns:repeat(auto-fit,minmax(320px,1fr))"] > div,
    body.page-id-229 .site-content div[style*="max-width:980px"],
    body.page-id-229 .site-content div[style*="max-width:880px"] {
        min-width: 0 !important;
        max-width: 100% !important;
    }

    body.page-id-229 .site-content h2[style*="font-size:38px"] {
        font-size: clamp(2rem, 8.5vw, 2.6rem) !important;
        line-height: 1.12 !important;
    }

    body.page-id-229 .site-content h2[style*="font-size:34px"] {
        font-size: clamp(1.85rem, 7vw, 2.25rem) !important;
        line-height: 1.18 !important;
    }

    body.page-id-229 .site-content h2[style*="font-size:28px"] {
        font-size: clamp(1.5rem, 6vw, 1.9rem) !important;
        line-height: 1.2 !important;
    }

    body.page-id-229 .site-content p[style*="font-size:19px"],
    body.page-id-229 .site-content p[style*="font-size:18px"] {
        font-size: 16px !important;
        line-height: 1.75 !important;
    }

    body.page-id-229 .site-content h1,
    body.page-id-229 .site-content h2,
    body.page-id-229 .site-content h3,
    body.page-id-229 .site-content p {
        word-break: normal !important;
        overflow-wrap: normal !important;
        hyphens: manual !important;
    }
}
/* END codex-mobile-layout-fixes */