/* =========================================================
   DARRELL RING COUNSELING
   MENU HIERARCHY
   Applies at ALL screen sizes because this site
   uses the hamburger/dropdown menu on desktop too.
   ========================================================= */


/* ---------------------------------------------------------
   SUBMENU BACKGROUND
   --------------------------------------------------------- */

.sub-menu {
    background: #F8F9FC !important;
}


/* ---------------------------------------------------------
   SUBMENU / CHILD LINKS
   --------------------------------------------------------- */

.sub-menu > li > a,
.sub-menu .menu-item > a,
a.elementor-sub-item,
.hfe-sub-menu-item {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
    padding-left: 58px !important;
    padding-right: 30px !important;

    font-size: 0.92em !important;
    font-weight: 400 !important;

    color: #4B536D !important;
    background: #F8F9FC !important;
}


/* ---------------------------------------------------------
   SMALL BLUE DASH BEFORE CHILD LINKS
   --------------------------------------------------------- */

.sub-menu > li > a::before,
.sub-menu .menu-item > a::before,
a.elementor-sub-item::before,
.hfe-sub-menu-item::before {
    content: "—" !important;
    display: inline-block !important;
    margin-right: 11px !important;

    color: #467FF7 !important;
    opacity: .8;
}


/* ---------------------------------------------------------
   CHILD LINK HOVER / ACTIVE
   --------------------------------------------------------- */

.sub-menu > li > a:hover,
.sub-menu > li.current-menu-item > a,
.sub-menu .menu-item > a:hover,
a.elementor-sub-item:hover,
.hfe-sub-menu-item:hover {
    background: #EEF3FF !important;
    color: #0D163F !important;
}


/* ---------------------------------------------------------
   PARENT ITEMS
   --------------------------------------------------------- */

.menu-item-has-children > a {
    font-weight: 600 !important;
    color: #0D163F !important;
}


/* ---------------------------------------------------------
   SUBMENU DIVIDERS
   Keep these softer than the main menu dividers
   --------------------------------------------------------- */

.sub-menu > li {
    border-top: 1px solid #E9EBF1 !important;
}


/* ---------------------------------------------------------
   KEEP SUBMENUS VISUALLY GROUPED
   --------------------------------------------------------- */

.sub-menu {
    border-top: 1px solid #E4E7EF !important;
    border-bottom: 1px solid #E4E7EF !important;
}