/**
 * CSS Overrides for Navigation Menu Components used for all pages and included via
 * Experience Builder > Settings > Advanced > Edit Head Markup as there currently is no other way
 * of changing styles of this components.
 *
 * If possible overrides are provide within a custom class that needs to be added to the standard
 * component.
 */

.slds-navigation-list--vertical__action {
    padding: 0.4rem 1.5rem;
}

.slds-navigation-list--vertical .slds-is-active .slds-navigation-list--vertical__action {
    background-color: #ffffff;
    border-color: #ffffff #ffffff #ffffff rgb(213, 57, 46);
    border-left: 0.25rem solid;
    font-size: 14px;
}

.slds-navigation-list--vertical .slds-is-active {
    color: #d4021d;
    font-family: "OTTOsansboldwoff";
    font-weight: bold;
}

/*
 * Custom Vertical Navigation
 */

.cVerticalNav .custom-inactive-item {
    font-family: "OTTOsansttf";
}