/**
 * CSS Overrides for the "Hero" template 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.
 */

.hero .websterInnerHero.forceCommunityThemeHeroBase.forceCommunityThemeHeroStarter {
    padding: 80px 30px 50px 30px !important;
}

.forceCommunityThemeHeroStarter .searchRegion {
    margin-top: 1rem !important;
}

.searchRegion .forceCommunityThemeSearchHero .search-deflectionItemDetail.slds-truncate {
    display: none;
}

/*
 * Custom Vertical Navigation
 */

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