/****   begin customizations for NLGI             */
/****   phil@philstack.com - ASI Subcontractor    */
/****   created 10/14/2024                         */

/* URL BELOW provided by Andrey Ukrazhenkho at NLGI on 5/15/2024 - linked to NLGI's Adobe Creative Cloud acocunt */
@import url("https://use.typekit.net/efr3yzm.css");

/* NLGI Colors */
:root {
    --nlgi-black: #231f20;
    --nlgi-blue: #127bca;
    --nlgi-darkblue: #00487f;
    --nlgi-orange: #f7901e;
    --nlgi-gold: #febb10;
    --nlgi-grey: #e7e7e8;
}

/* NLGI Fonts */
h1,
.h1,
.PageTitle {
    font-family: "cofo-sans-variable", sans-serif;
    font-variation-settings: "slnt" 0, "wght" 500;
}

h2,
.h2,
.panel-heading.Distinguish,
.PanelHead.Distinguish,
.TitleBarCaption,
div.PanelTitle {
    font-family: "cofo-sans-variable", sans-serif;
    font-variation-settings: "slnt" 0, "wght" 500;
}

h2,
.h2,
.PanelTitle {
    font-family: "cofo-sans-variable", sans-serif;
    font-variation-settings: "slnt" 0, "wght" 500;
    line-height: initial;
    color: var(--nlgi-blue);
}

h3,
.SectionTitle {
    font-family: "cofo-sans-variable", sans-serif;
    font-variation-settings: "slnt" 0, "wght" 500;
}

h4,
.h4,
.SectionLabel {
    font-family: "cofo-sans-variable", sans-serif;
    font-variation-settings: "slnt" 0, "wght" 500;
}

h5,
.h5,
.SectionLabelSmaller {
    font-family: "cofo-sans-variable", sans-serif;
    font-variation-settings: "slnt" 0, "wght" 500;
}

h6,
.h6 {
    font-family: "cofo-sans-variable", sans-serif;
    font-variation-settings: "slnt" 0, "wght" 400;
}

body {
    font-family: "cofo-sans-variable", sans-serif;
    font-variation-settings: "slnt" 0, "wght" 400;
}

b,
strong {
    font-variation-settings: "wght" 500;
}

/* header primary nav button positioning */
@media (min-width: 992px) {
    .RadMenu.RadMenu_Coffee ul.rmRootGroup {
        width: auto;
        float: unset;
    }

    .RadMenu.RadMenu_Coffee .rmRootGroup {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }

    ul.rmRootGroup.rmToggleHandles.rmHorizontal {
        margin-top: 33px;
    }
}

/* return to main site link */
.rmLink.rmRootLink.back-to-nlgi-button {
    background: var(--nlgi-blue);
    color: #fff;
    border: solid 2px transparent;
}

.rmLink.rmRootLink.back-to-nlgi-button:hover {
    background: var(--nlgi-darkblue);
    color: #fff;
}

/* color overrides */

/* primary button */
.PrimaryButton,
.UsePrimaryButton .TextButton,
.RadGrid input.PrimaryButton,
.RadGrid.RadGrid input.TextButton.PrimaryButton,
.RadGrid.RadGrid a.TextButton.PrimaryButton {
    background-color: var(--nlgi-blue);
}

.PrimaryButton:disabled,
.PrimaryButton:disabled:hover,
.PrimaryButton:disabled:focus,
.PrimaryButton:disabled:active,
.PrimaryButton.disabled,
.PrimaryButton.disabled:hover,
.PrimaryButton.disabled:focus,
.PrimaryButton.disabled:active,
.PrimaryButton.aspNetDisabled,
.PrimaryButton.aspNetDisabled:hover,
.PrimaryButton.aspNetDisabled:focus,
.PrimaryButton.aspNetDisabled:active,
.UsePrimaryButton .TextButton:disabled,
.UsePrimaryButton .TextButton:disabled:hover,
.UsePrimaryButton .TextButton:disabled:focus,
.UsePrimaryButton .TextButton:disabled:active,
.UsePrimaryButton .TextButton.disabled,
.UsePrimaryButton .TextButton.disabled:hover,
.UsePrimaryButton .TextButton.disabled:focus,
.UsePrimaryButton .TextButton.disabled:active,
.UsePrimaryButton .TextButton.aspNetDisabled,
.UsePrimaryButton .TextButton.aspNetDisabled:hover,
.UsePrimaryButton .TextButton.aspNetDisabled:focus,
.UsePrimaryButton .TextButton.aspNetDisabled:active,
.RadGrid input.PrimaryButton:disabled,
.RadGrid input.PrimaryButton:disabled:hover,
.RadGrid input.PrimaryButton:disabled:focus,
.RadGrid input.PrimaryButton:disabled:active,
.RadGrid input.PrimaryButton.disabled,
.RadGrid input.PrimaryButton.disabled:hover,
.RadGrid input.PrimaryButton.disabled:focus,
.RadGrid input.PrimaryButton.disabled:active,
.RadGrid input.PrimaryButton.aspNetDisabled,
.RadGrid input.PrimaryButton.aspNetDisabled:hover,
.RadGrid input.PrimaryButton.aspNetDisabled:focus,
.RadGrid input.PrimaryButton.aspNetDisabled:active,
.RadGrid.RadGrid input.TextButton.PrimaryButton:disabled,
.RadGrid.RadGrid input.TextButton.PrimaryButton:disabled:hover,
.RadGrid.RadGrid input.TextButton.PrimaryButton:disabled:focus,
.RadGrid.RadGrid input.TextButton.PrimaryButton:disabled:active,
.RadGrid.RadGrid input.TextButton.PrimaryButton.disabled,
.RadGrid.RadGrid input.TextButton.PrimaryButton.disabled:hover,
.RadGrid.RadGrid input.TextButton.PrimaryButton.disabled:focus,
.RadGrid.RadGrid input.TextButton.PrimaryButton.disabled:active,
.RadGrid.RadGrid input.TextButton.PrimaryButton.aspNetDisabled,
.RadGrid.RadGrid input.TextButton.PrimaryButton.aspNetDisabled:hover,
.RadGrid.RadGrid input.TextButton.PrimaryButton.aspNetDisabled:focus,
.RadGrid.RadGrid input.TextButton.PrimaryButton.aspNetDisabled:active,
.RadGrid.RadGrid a.TextButton.PrimaryButton:disabled,
.RadGrid.RadGrid a.TextButton.PrimaryButton:disabled:hover,
.RadGrid.RadGrid a.TextButton.PrimaryButton:disabled:focus,
.RadGrid.RadGrid a.TextButton.PrimaryButton:disabled:active,
.RadGrid.RadGrid a.TextButton.PrimaryButton.disabled,
.RadGrid.RadGrid a.TextButton.PrimaryButton.disabled:hover,
.RadGrid.RadGrid a.TextButton.PrimaryButton.disabled:focus,
.RadGrid.RadGrid a.TextButton.PrimaryButton.disabled:active,
.RadGrid.RadGrid a.TextButton.PrimaryButton.aspNetDisabled,
.RadGrid.RadGrid a.TextButton.PrimaryButton.aspNetDisabled:hover,
.RadGrid.RadGrid a.TextButton.PrimaryButton.aspNetDisabled:focus,
.RadGrid.RadGrid a.TextButton.PrimaryButton.aspNetDisabled:active {
    background-color: var(--nlgi-blue);
}

.RadTreeView.GLE .rtIn,
.RadTreeView.GLE .rtHover .rtIn,
.RadTreeView.GLE .rtSelected .rtIn {
    color: var(--nlgi-blue);
}

.RadTreeView.GLE a:hover,
.RadTreeView.GLE a:focus,
.RadTreeView.GLE span[onclick]:hover,
.RadTreeView.GLE span[onclick]:focus {
    background-color: var(--nlgi-blue);
}

.SimpleContentEditorInline .reToolBar:last-child .reDone {
    background-color: var(--nlgi-blue);
}

.stacked-tabs .select-tab {
    background: var(--nlgi-blue);
}

.RadTabStrip .rtsLevel1.stacked-list a.rtsLink:hover,
.RadTabStrip .rtsLevel1.stacked-list a.rtsLink:focus,
.RadTabStrip .rtsLevel1.stacked-list a.rtsLink:active,
.RadTabStrip .rtsLevel1.stacked-list a.rtsLink.rtsSelected:hover,
.RadTabStrip .rtsLevel1.stacked-list a.rtsLink.rtsSelected:focus,
.RadTabStrip .rtsLevel1.stacked-list a.rtsLink.rtsSelected:active,
.RadTabStrip .rtsLevel1.stacked-list .rtsFirst a.rtsLink:hover,
.RadTabStrip .rtsLevel1.stacked-list .rtsFirst a.rtsLink:focus,
.RadTabStrip .rtsLevel1.stacked-list .rtsFirst a.rtsLink:active,
.RadTabStrip .rtsLevel1.stacked-list .rtsFirst a.rtsLink.rtsSelected:hover,
.RadTabStrip .rtsLevel1.stacked-list .rtsFirst a.rtsLink.rtsSelected:focus,
.RadTabStrip .rtsLevel1.stacked-list .rtsFirst a.rtsLink.rtsSelected:active {
    color: var(--nlgi-blue) !important;
}

@media(min-width:992px) {
    .header-aux-container {
        background-color: var(--nlgi-black)
    }
}

html .RadTabStrip_MetroTouch .rtsLevel1 a.rtsLink {
    background-color: var(--nlgi-darkblue)
}

.backToTop:hover,
.backToTop {
    background-color: var(--nlgi-orange);
}

/* blue bottom bar on header is a border */
#hd {
    padding-bottom: 10px;
    border-bottom: solid var(--nlgi-blue) 15px;
}

footer.footer {
    background-color: var(--nlgi-black);
}

.NLGI-product-image a img {
    max-height: 250px;
}

/* adjust store button spacing to improve visuals */
.NLGI-store-button {
    margin: 5px;
}