﻿.desktop .menu-secondary-inner {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-around;
    padding: 0;
}

.desktop .layout.layout-top:has(.layout-inner-pinv) .menu-secondary-inner:before,
.desktop .menu-secondary-inner:before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: var(--color-soft-orange);
}

.desktop .menu-secondary-outer.hide-menu .menu-secondary-inner:before {
    background-color: transparent;
}

.desktop .menu-secondary-inner > a {
    color: var(--color-white);
    font-weight: 400;
    position: relative;
    
}

.desktop .menu-secondary-inner > a:hover {
    color: var(--color-white);
}

.desktop .layout:has(.layout-inner-pinv) .menu-secondary-inner > a:hover {
    color: var(--color-green);
}

.desktop .menu-secondary-inner > a:before {
    content: "";
    position: absolute;
    width: 0;
    height: 3px;
    background-color: var(--color-white);
    top: calc(100% - 1px);
    left: 0;
    transition: width .3s ease;
}

.desktop .layout:has(.layout-inner-pinv) .menu-secondary-inner > a:before,
.desktop .menu-secondary-outer.hide-menu .menu-secondary-inner > a:before {
    background-color: currentColor;
}

.desktop .menu-secondary-inner > a:hover:before {
    width: 100%; 
}

.menu-secondary-outer .list.list-group.OSFillParent {
    position: unset;
    overflow-x: visible;
}

.phone .menu-secondary-outer .list.list-group,
.tablet .menu-secondary-outer .list.list-group {
    position: unset;
}

.menu-secondary-outer .menu-link-expand .menu-link-expand-left .list.list-group div[data-block="Custom.MenuLinkExpandRight"]:last-child .menu-link-expanded-right a {
    border-bottom: unset;
}

.menu-secondary-menu {
    box-shadow: 0px 4px 4px 1px rgb(24 39 75 / 8%);
}

.phone .menu-secondary-menu,
.tablet .menu-secondary-menu {
    box-shadow: unset;
}

.phone .menu-secondary-inner,
.tablet .menu-secondary-inner {
    display: flex;
    flex-flow: column;
}

.phone .menu-secondary-inner a,
.tablet .menu-secondary-inner a {
    display: flex;
    justify-content: space-between;
}

.phone .menu-secondary-inner a:after,
.tablet .menu-secondary-inner a:after {
    content: '\e902';
    font-family: 'cmvm';
}

.phone .app-menu-links > div, 
.tablet .app-menu-links > div {
    width: 100%;
}

