/* ============================================
   Component: Homepage Menu
   Source: Styles/_temp/Homepage9fa0.css (5055-5149, 6161-6169)
   Rollback: remove this file include from template/components/homepage/head_assets.htm
   ============================================ */

.nav>li.inactive .nav_first-level {
    color: var(--cp-color-primary);
}

.nav>li.inactive .nav_first-level .nav_icon:before {
    background-color: var(--cp-color-primary);
    box-shadow: 7px 7px 0 0 var(--cp-color-primary), 0 14px 0 0 var(--cp-color-primary);
}

html.no-touch .nav>li.inactive:hover .nav_first-level {
    color: var(--cp-color-primary);
}

html.no-touch .nav>li.inactive:hover .nav_first-level .nav_icon:before {
    background-color: var(--cp-color-primary);
    box-shadow: 7px 7px 0 0 var(--cp-color-primary), 0 14px 0 0 var(--cp-color-primary);
}

.nav>li.current-page .nav_first-level,
.nav>li.current-page>a {
    font-style: italic;
}

.nav>li.current-page .nav_first-level {
    color: var(--cp-color-primary);
}

.nav_first-level {
    color: var(--cp-color-primary);
    font-size: 24px;
    font-weight: 700;
}

@media screen and (min-width: 1024px) {
    .nav_first-level {
        font-size: 39.9px;
        font-weight: 500;
    }

    .nav_first-level:hover {
        color: var(--cp-color-primary) !important;
    }

    .nav_first-level:hover .nav_icon:before {
        background-color: var(--cp-color-primary) !important;
        box-shadow: 7px 7px 0 0 var(--cp-color-primary), 0 14px 0 0 var(--cp-color-primary) !important;
    }

    .menu_links>.nav:hover .nav_first-level {
        color: var(--cp-color-primary);
    }

    .menu_links>.nav:hover .nav_first-level .nav_icon:before {
        background-color: var(--cp-color-primary);
        box-shadow: 7px 7px 0 0 var(--cp-color-primary), 0 14px 0 0 var(--cp-color-primary);
    }
}

@media screen and (min-width: 1600px) {
    .nav_first-level {
        font-size: 42px;
        line-height: 70px;
    }
}