/* =========================================
   CHANG TONG CORE
   DESKTOP NAVIGATION
   Version 1.0
========================================= */



/* =========================================
   PRIMARY NAVIGATION
========================================= */

.main-header-menu {
    
   display: flex;

    align-items: center;

    gap: var(--ct-space-lg);

    list-style: none;

    margin: 0;

    padding: 0;
}


/* =========================================
   MENU LINKS
========================================= */

.ast-builder-menu-1 .main-header-menu > .menu-item > .menu-link {

    font-family: var(--ct-font-body);

    font-size: var(--ct-fs-base);

    font-weight: var(--ct-fw-medium);

    text-decoration: none;

}

/* ==========================================
   NAVIGATION STATES
========================================== */

.main-header-menu .menu-link,
.main-header-menu .menu-link:link,
.main-header-menu .menu-link:visited {

    color: var(--ct-color-secondary);

}

.main-header-menu .menu-link:hover,
.main-header-menu .menu-link:focus {

    color: var(--ct-color-primary);

}

.main-header-menu .current-menu-item > .menu-link,
.main-header-menu .current_page_item > .menu-link {

    color: var(--ct-color-primary);

}

/* ==========================================
   ACTIVE MENU ITEM
========================================== */

.main-header-menu .current-menu-item > a.menu-link,
.main-header-menu .current_page_item > a.menu-link {

    color: var(--ct-color-primary) !important;

}

/* ==========================================
   FORCE HOVER COLOR
========================================== */

.ast-builder-menu-1 .main-header-menu > .menu-item > .menu-link:hover,
.ast-builder-menu-1 .main-header-menu > .menu-item > .menu-link:focus {

    color: var(--ct-color-primary) !important;

}