/* header - Theme-specific styles for marianos */

/* Theme-specific font family and styling */
header .site-branding .site-name-slogan>.site-name>a,
header .site-branding .site-name-slogan>.site-name>a:hover,
header .site-branding .site-name-slogan>.site-slogan {
    color: #ffffff;
    font-family: 'Janson';
    font-variant: small-caps;
    text-transform: none;
}


/* Theme-specific responsive breakpoints */

@media (max-width: 1070px) {
    header > .header .container .header-container {
        .header-right {
            padding: 0;
            .region-primary-menu {
                .menu {
                    gap: 0.4rem;
                    .menu-item-level-1 a,
                    .menu-item-level-1 > span {
                        font-size: 15px;
                    }
                }
            } 
        }
        .site-branding .site-logo img {
            max-height: 55px;
        }
    }
}

@media (max-width: 980px) {
    header > .header .container .header-container { 
        .header-right {
            .region-primary-menu {
                .menu {
                    gap: 0.3rem;
                    .menu-item-level-1 a,
                    .menu-item-level-1 > span {
                        font-size: 14px;
                    }
                }
            } 
        }
        .site-branding .site-logo img {
            max-height: 50px;
        }
    }
}

@media (max-width: 900px) {
    header > .header .container .header-container { 
        .header-right {
            .region-primary-menu {
                .menu {
                    gap: 0.2rem;
                    .menu-item-level-1 a,
                    .menu-item-level-1 > span {
                        font-size: 13px;
                    }
                }
            } 
        }
        .site-branding .site-logo img {
            max-height: 45px;
        }
    }
}

@media (max-width: 815px) and (min-width: 768px) {
    .site-branding .site-logo img {    
        background: url(/sites/default/files/2025-10/dmplus-logo-mobile.png);
        padding: 45px 55px 0 0 !important;
        background-size: contain;
        background-repeat: no-repeat;
        height: 0;
        width: 0;
        position: relative;
        bottom: -5px;
    }
}

@media (max-width: 360px) {
    .site-branding .site-logo img {    
        background: url(/sites/default/files/2025-10/dmplus-logo-mobile.png);
        padding: 45px 55px 0 0 !important;
        background-size: contain;
        background-repeat: no-repeat;
        height: 0;
        width: 0;
        position: relative;
        bottom: -5px;
    }
}