/**
 * IB Editorial Theme 1.0.23
 * Navigation Underline Position & Sticky Parity.
 */

/* Main editorial navigation ---------------------------------------------
   Replace the old anchor border with a line positioned inside the menu row.
   This keeps the underline visibly separated from the first content image. */
body.ib-et .ib-frame-navigation--primary .ib-menu > li{
    position:relative;
}

body.ib-et .ib-frame-navigation--primary .ib-menu > li > a{
    border-bottom-color:transparent!important;
}

body.ib-et .ib-frame-navigation--primary .ib-menu > li::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:8px;
    height:1px;
    background:var(--ib-frame-menu-hover,currentColor);
    transform:scaleX(0);
    transform-origin:center;
    opacity:0;
    pointer-events:none;
    transition:transform .18s ease,opacity .18s ease;
}

body.ib-et .ib-frame-navigation--primary .ib-menu > li:hover::after,
body.ib-et .ib-frame-navigation--primary .ib-menu > li:focus-within::after,
body.ib-et .ib-frame-navigation--primary .ib-menu > li.current-menu-item::after,
body.ib-et .ib-frame-navigation--primary .ib-menu > li.current-menu-parent::after,
body.ib-et .ib-frame-navigation--primary .ib-menu > li.current-menu-ancestor::after,
body.ib-et .ib-frame-navigation--primary .ib-menu > li.current_page_item::after,
body.ib-et .ib-frame-navigation--primary .ib-menu > li.current_page_parent::after,
body.ib-et .ib-frame-navigation--primary .ib-menu > li.current_page_ancestor::after{
    transform:scaleX(1);
    opacity:1;
}

/* Sticky navigation -----------------------------------------------------
   Match the main menu's editorial underline interaction. */
body.ib-et .ib-sticky-menu .ib-menu > li{
    position:relative;
}

body.ib-et .ib-sticky-menu .ib-menu > li > a{
    border-bottom:0!important;
}

body.ib-et .ib-sticky-menu .ib-menu > li::before{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:6px;
    height:1px;
    background:var(--ib-sticky-hover,currentColor);
    transform:scaleX(0);
    transform-origin:center;
    opacity:0;
    pointer-events:none;
    transition:transform .18s ease,opacity .18s ease;
}

body.ib-et .ib-sticky-menu .ib-menu > li:hover::before,
body.ib-et .ib-sticky-menu .ib-menu > li:focus-within::before,
body.ib-et .ib-sticky-menu .ib-menu > li.current-menu-item::before,
body.ib-et .ib-sticky-menu .ib-menu > li.current-menu-parent::before,
body.ib-et .ib-sticky-menu .ib-menu > li.current-menu-ancestor::before,
body.ib-et .ib-sticky-menu .ib-menu > li.current_page_item::before,
body.ib-et .ib-sticky-menu .ib-menu > li.current_page_parent::before,
body.ib-et .ib-sticky-menu .ib-menu > li.current_page_ancestor::before{
    transform:scaleX(1);
    opacity:1;
}

/* Do not draw editorial underlines inside dropdown menus. */
body.ib-et .ib-frame-navigation--primary .ib-menu .sub-menu > li::after,
body.ib-et .ib-sticky-menu .ib-menu .sub-menu > li::before{
    display:none!important;
}

@media (prefers-reduced-motion:reduce){
    body.ib-et .ib-frame-navigation--primary .ib-menu > li::after,
    body.ib-et .ib-sticky-menu .ib-menu > li::before{
        transition:none!important;
    }
}