@font-face {
    font-family: 'Roboto';
    src: url('/s/sfsites/c/resource/ABI_B2B_LC_CommunityFonts/Roboto/Roboto-Regular.woff') format('ttf');
}

html {
    font-size: 16px !important;
}

div.uiPopupTarget {
    display: none;
    position: absolute;
    z-index: 9999;
}

div.uiMenuList.visible {
    display: block;
}

div.uiPopupTarget.visible {
    display: block;
}

.forceCommunityThemeHeaderCompact .themeUtils .themeUtilsContainer {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

ul.community-nav-menu-custom.visible-links.themeNav-align-left {
    display: flex;
    margin-top: 10px;
}
.forceCommunityThemeProfileMenu.stellaInnerHeader .profile-menuList {
    background-color: #FFFFFF !important;
}
.forceCommunityThemeNav .mainNavItem {
    position: relative;
    line-height: 30px;
    white-space: nowrap;
}

.forceCommunityThemeNav .mainNavItem .linkBtn {
    border: none;
    background: none;
    padding: 0 5px;
    width: 100%;
    text-align: left;
}

.forceCommunityThemeNav .mainNavItem .linkBtn {
    color : rgb(69, 19, 15);
}

.forceCommunityThemeProfileMenu .profile-menuList.uiMenuList {
    transform: none !important;
    top: 0;
    right: 0;
    left: inherit;
    margin-top: 40px;
    padding: 0;
    border-radius: 15px;
    max-width: none;
    border: none;
    box-shadow: 0 0 4px 0 rgb(0 0 0 / 30%);
    /* display: block; */
}

.forceCommunityThemeProfileMenu .profile-menuItem.uiMenuItem>a {
    padding: 5px 10px;
    font-size: inherit;
    white-space: nowrap;
    display: block;
}

.forceCommunityThemeNav .mainNavItem a {
    display: block;
}

c-a-b-i_-b2-b_-l-c_-lwr-community-template community_layout-section.community_layout-section_section-host .section-content.community_layout-section_section {
    padding-top: 0;
}

c-a-b-i_-b2-b_-l-c_-lwr-community-template .component-wrapper-spacer {
    margin: 0;
}

c-abi_-b2-b_-l-c_-custom-search-panel .search-triggerButton .slds-icon.slds-icon-text-default {
    fill: rgb(177, 31, 36)!important;
    width: 53% !important;
}

/* Forgot Password */

c-abi_-b2-b_-l-c_-forgot-password .slds-button {
    font-size: 14px;
}

c-abi_-b2-b_-l-c_-forgot-password .slds-input {
    font-size: 14px;
}
c-abi_-b2-b_-l-c_-forgot-password .resetPass-form-error {
    font-size: 14px;
}

@media only screen and (max-width: 47.9375em){

    c-a-b-i_-b2-b_-l-c_-lwr-community-template community_layout-section.community_layout-section_section-host .section-content.community_layout-section_section {
        padding: 0 !important;
    }

    /* Home Page Specific */

    c-a-b-i_-b2-b_-l-c_-lwr-community-template .component-wrapper-spacer:not(c-abi_-b2-b_-l-c_-webshop_-v2) {
        margin-right: 12px;
        margin-left: 12px;
    }

    .forceCommunityThemeHeaderCompact .themeNav {
        position: fixed;
        top: 49px;
        left: 0;
        right: 0;
        width: 100%;
        max-height: calc(100% - 48px);
        overflow: auto;
        z-index: 5002;
        color: #fff;
        background-color: #FFFFFF;
    }

    .forceCommunityThemeNav .visible-links {
        flex-direction: column;
    }

    .forceCommunityThemeProfileMenu .profile-menuList.uiMenuList,
    .forceCommunityThemeProfileMenu .profile-menuList.uiMenuList.profile-menuList--iconOnly {
        left: 0;
        right: -14px;
        position: fixed;
        top: 47px;
        padding: 0;
        margin: 0;
        width: 100vw;
        box-sizing: inherit;
        max-width: none;
    }

    .forceCommunityThemeProfileMenu .profile-menuItem.uiMenuItem {
        max-width: 10vw;
    }
}

/* Home Page Specific */

c-a-b-i_-b2-b_-l-c_-lwr-community-template community_layout-column.community_layout-column_column-host {
    display: block;
}

/* End Home Page Specific */

@media only screen and (max-width: 47.9375em) {
    .forceCommunityThemeNav.stellaInnerHeader .mainNavItem a, .forceCommunityThemeNav.stellaInnerHeader .mainNavItem .linkBtn {
        border-bottom-color: #F0F0F0 !important
    }

    .forceCommunityThemeNav.stellaInnerHeader .mainNavItem .subNavItem:last-child > a {
        border-bottom-color: #F0F0F0 !important
    }

    .forceCommunityThemeNav.stellaInnerHeader .mainNavItem, .forceCommunityThemeNav.stellaInnerHeader .mainNavItem .subMenu {
        background-color: #FFFFFF !important
    }
}

@media only screen and (min-width: 48em) {
    .forceCommunityThemeNav.stellaInnerHeader .mainNavItem .linkBtn {
        color: rgb(69, 19, 15) !important;
        text-shadow: 0 0 4px rgba(0, 0, 0, 0) !important
    }

    .forceCommunityThemeNav.stellaInnerHeader .mainNavItem .linkBtn svg {
        fill: rgb(69, 19, 15) !important
    }

    .forceCommunityThemeNav.stellaInnerHeader .mainNavItem .linkBtn:hover {
        color: rgb(69, 19, 15) !important
    }

    .forceCommunityThemeNav.stellaInnerHeader .mainNavItem .linkBtn:hover svg {
        fill: rgb(69, 19, 15) !important
    }

    .forceCommunityThemeNav.stellaInnerHeader .mainNavItem .subMenu a {
        border-bottom-color: #F0F0F0 !important
    }

    .forceCommunityThemeNav.stellaInnerHeader .mainNavItem .subMenu, .forceCommunityThemeNav.stellaInnerHeader .mainNavItem .subMenu .uiMenuItem {
        background-color: #FFFFFF !important
    }

    .forceCommunityThemeNav.stellaInnerHeader .mainNavItem .subMenu::before {
        border-bottom-color: #FFFFFF !important
    }
}