:root {
    --primary-color: #222;
    --secondary-color: #f00;
}

a {
    text-decoration: none;
}

header {
    box-shadow: 0 0 30px rgba(0 0 0 / 20%);
    border-top: 8px solid var(--primary-color);
}

div#d-header {
    height: 168px;
}

.body {
    padding-top: 177px;
}

@media (max-width: 991px) {
.body {
    padding-top: unset;
}
header {
    border-top: none;
}
}

/** TOP TOOLBAR **/

.top-bar {
    justify-content: flex-end;
}

.top-bar > div {
    justify-content: flex-end;
    margin-left: 7.5em;
    flex-grow: 0;
}

/** NAVIGATION STYLES **/

.custom-navigation a {
    color: var(--primary-color);
    position: relative;
    margin-left: 46px;
    font-weight: 700;
    text-transform: uppercase;
}

.custom-navigation a:hover {
    color: var(--primary-color) !important;
}

div#custom-navigation div a::after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 0;
    right: 0;
    height: 1px;
    width: 100%;
    background: var(--primary-color);
    z-index: 10;
    padding: 0 10px;
    transform: scaleX(0);
    transform-origin: center;
    transition: all 150ms ease-in-out;
}

div#custom-navigation div a::before {
    content: "";
    position: absolute;
    bottom: -7px;
    left: 5px;
    right: 5px;
    height: 1px;
    background: var(--primary-color);
    z-index: 10;
    padding: 0 10px;
    transform: scaleX(0);
    transform-origin: center;
    transition: all 150ms ease-in-out;
}

div#custom-navigation div a:hover::after, div#custom-navigation div a:hover::before {
    transform: scaleX(1);
}

.custom-navigation li .selected a{
    color: var(--primary-color);
    position: relative;
}

#custom-navigation .d-nav-links-info.d-header-nav ul.menu>li>div.selected>a::after,
#custom-navigation .d-nav-links-info.d-header-nav ul.menu>li>div.selected>a::before{
    transform: scaleX(1);
}

@media (max-width: 1275px) {
    div#d-header {
        padding: 0 65px !important;
    }
    #custom-navigation ul.menu {
        flex-wrap: nowrap;
    }
    .custom-navigation a {
        font-size: 14px !important;
        margin-left: 40px;
    }
    .top-bar > div {
        justify-content: flex-end;
        margin-left: 2.5em;
        flex-grow: 0;
    }
}