/* Customer specific design overrides will appear here */
.ThemeGlobal {
    .ImcNavigation {
        --navigation-background: #000;
        --navigation-logo-padding: 17px;
        --navigation-logo-align: center;
        --navigation-item-font-size: 18px;
        --navigation-item-padding: 22px 15px 20px 15px;
        --navigation-item-line-height: 20px;
        --navigation-item-text-color: #bbb;
        --navigation-item-hover-text-color: #fff;
        --navigation-item-active-text-color: #fff;
        --navigation-dropdown-separator: 1px solid #4f4f4f;
        --navigation-dropdown-background: #262626;
        --navigation-dropdown-item-font-size: 16px;
        --navigation-dropdown-grouptitle-text-transform: uppercase;
        --navigation-item-badge-position-top: 10px;
        --navigation-search-result-hover-background: #000;
        --navigation-search-result-border-bottom: 1px solid #4f4f4f;
        --navigation-search-result-match-text-color: #008dfc;
        --navigation-search-result-breadcrumb-text-color: #bbb;
        --navigation-mobile-profile-background: #000;
        --navigation-mobile-return-item-background: #000;
        --navigation-mobile-search-border: 1px solid #4f4f4f;
        --navigation-mobile-return-item-border: 1px solid #4f4f4f;
        --navigation-mobile-profile-border: 1px solid #4f4f4f;
        .navLeftSection {
            max-width: 1290px;
            margin: 0 auto;
            justify-content: center;
            align-items: flex-start;
            display: flex;
        }
        .QuickSearch {
            top: 18px;
            width: 220px;
            &.isCollapsed {
                top: 2px;
            }
            &.isOpen {
                width: 750px;
            }
        }        
        .navRightSection {
            position: absolute;
            top: 4px;
            right: 15px;
        }
    }
    @media only screen and (max-width: 1459px) {
        .ImcNavigation {
            --navigation-logo-align: flex-start;
        }
    }
    .ImcFooter {
        --footer-background: #000;
        --footer-item-text-color: #bbb;
        --footer-item-hover-text-color: #fff;
    }
    .ImcButton {
        --button-radius: 20px;
        --button-secondary-background: #fff;
        --button-secondary-border: 1px solid #000;
        --button-secondary-text-color: #000;
        --button-hover-background: #014880;
        --button-hover-border: 1px solid #014880;
        --button-hover-text-color: #fff;
        --button-selected-background: #014880;
        --button-selected-border: 1px solid #014880;
        --button-selected-text-color: #fff;
    }
    .Dashboard {
        .showMore {
            display: flex;
            box-sizing: border-box;
            place-items: center;
            height: 36px;
            min-width: 36px;
            padding-inline: 16px;
            border: 1px solid #000;
            &:hover {
                background: #0078d6;
                border-color: #0078d6;
                .ImcText {
                    color: #fff;
                }
            }
        }
        .panelTitle {
            font-size: 22px;
        }
    }
    .SliderCard {
        --slider-slideshow-height-desktop: 420px;
        --slider-caption-background: rgba(0,0,0,.6);
    }
    .ImcHeader {
        --header-background: #333;
        --header-userContext-background: #0078d6;
        --header-help-icon-color: #fff;
        .ImcHeading {
            --heading-text-color: #fff;
        }
        .ImcBreadcrumbs {
            --breadcrumb-text-color: #fff;
        }
        .ImcTabs {
            --tab-background: transparent;
            --tab-text-color: #fff;
            --tab-hover-border-bottom-color: #fff;
            --tab-active-border-bottom-color: #fff;
        }
        .RatingBlock {
            .ImcText {
                --text-meta-color: #fff;
            }
        }
        .ImcText.description {
            --text-color: #fff;
            --theme-color-text-meta: #fff;
        }
        .ImcToolbar {
            &.clean.horizontal {
                --toolbar-background: transparent;
                .ImcIcon {
                    --toolbar-clean-action-icon-color: #fff;
                }
            }
            .LanguageBar {
                --list-background: rgba(255,255,255,.1);
                --list-border-radius: 12px;
                .listItem {
                    background-color: #fff;;
                }
            }
        }
        
    }
    .FilterDock {
        .ImcButton.filter-toggle-button {
            &.is-primary {
                .ImcIcon {
                    --icon-color: var(--theme-color-primary-over);
                }
                .ImcText {
                    --text-color: var(--theme-color-primary-over);
                }
            }
        }
    }
    .ImcDropzone {
        .previewImageMode {
            .ImcButton.removeImage {
                border-top-right-radius: 4px;
                border-bottom-left-radius: 4px;
            }
        }
    }
    .ImcHeading {
        --heading-font-family: var(--theme-font-family-secondary);
    }
}
