﻿@import url(variables.css);

.elkay-aem-remote-xf .container {
    max-width: 2200px;
    padding-inline: 0;
}

    .elkay-aem-remote-xf .container.root {
        padding: 0;
    }

#aem-remote-header .container,
#aem-remote-footer .container {
    --bs-gutter-x: 0;
    box-sizing: border-box !important;
}

#aem-remote-header img,
#aem-remote-footer img {
    vertical-align: unset;
}

#aem-remote-header ul,
#aem-remote-header ol,
#aem-remote-footer ul,
#aem-remote-footer ol {
    margin-block: 1em;
}

#aem-header .dropdown {
    position: static;
}

#aem-header label {
    margin-bottom: 0;
}

#aem-footer #contentFooter {
    margin: 0 !important;
    padding: 0 !important;
}

.header-banner {
    justify-content: center;
    align-items: center;
    width: 100%;
    color: white;
    font-size: 40px;
    background-repeat: no-repeat;
    max-width: 2200px;
    margin-inline: auto;
}

.description {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    max-width: 820px;
    margin-inline: auto;
    padding-inline: 10px;
}

h1.ze-app-name-header {
    color: white;
}

.nav-pills,
input,
select {
    font-size: 1rem !important;
}

label > span {
    color: var(--lk-accent-secondary);
}

.cmp-button {
    cursor: pointer !important;
}

    .cmp-button * {
        pointer-events: none;
    }

@media (max-width: 768px) {

    .description {
        padding-right: 0px;
        padding-left: 0px;
    }

    .nav-pills .nav-link {
        width: 100%;
    }
}


/*** START Carrier Code Book ***/

.carrier-code-book-header {
    background-image: url("https://zurnelkay.scene7.com/is/image/Elkay/carrier-code-book-banner?$ZE_CAT_BANNER$");
    background-size: cover;
}

.carrier-disclaimer-text {
    font-size: 12px;
    width: 693px;
}

label {
    font-weight: 500;
    color: var(--lk-clr-primary);
    font-size: 18px;
}

#search-area {
    border: 1px solid #e3e3e6;
    border-radius: 8px;
    box-shadow: 2px 2px 3px 0px rgba(37, 55, 70, .3);
}

.nav {
    background-color: var(--lk-base-light) !important;
    display: inline-flex !important;
    border-radius: 8px !important;
    font-weight: 500;
}

.nav-pills .nav-link.active {
    color: var(--lk-clr-secondary) !important;
    background-color: var(--lk-base-neutral) !important;
    border: 1px solid var(--lk-base-medium) !important;
}

.nav-link {
    color: #535456 !important;
    margin: 5px !important;
}

.submit-btn {
    background: linear-gradient(180deg, #0368AD 0%, #049F83 100%);
    border-radius: 8px !important;
    border-color: transparent !important;
    font-size: 16px;
    font-weight: var(--font-weight-medium);
    border: 2px solid transparent;
    padding: 6px 12px;
    color: white;
}

    .submit-btn:active,
    .submit-btn:hover {
        border: 2px solid transparent;
        background: linear-gradient(#fff, #fff) padding-box, linear-gradient(180deg, #0368AD, #049F83) border-box;
        color: #313149;
    }

    .submit-btn.disabled,
    .submit-btn:disabled {
        background: #E3E3E6;
        color: #535456;
        --bs-btn-border-color: none;
    }

#submit-btn-partnumber.btn.disabled,
submit-btn-partnumber.btn:disabled,
#submit-btn-manufacturer.btn:disabled,
#submit-btn-manufacturer.btn-primary:disabled {
    background: #E3E3E6;
    color: #535456;
    --bs-btn-border-color: none;
}

#submit-btn-partnumber.btn,
#submit-btn-partnumber.btn-primary,
#submit-btn-manufacturer.btn,
#submit-btn-manufacturer.btn-primary {
    background: linear-gradient(180deg, #0368AD 0%, #049F83 100%);
    border-radius: 8px !important;
    border-color: transparent !important;
    font-size: 16px;
    font-weight: var(--font-weight-medium);
    border: 2px solid transparent;
}

    #submit-btn-partnumber.btn:active,
    #submit-btn-partnumber.btn-primary:active,
    #submit-btn-partnumber.btn:hover,
    #submit-btn-partnumber.btn-primary:hover,
    #submit-btn-manufacturer.btn:active,
    #submit-btn-manufacturer.btn-primary:active,
    #submit-btn-manufacturer.btn:hover,
    #submit-btn-manufacturer.btn-primary:hover {
        border: 2px solid transparent;
        background: linear-gradient(#fff, #fff) padding-box, linear-gradient(180deg, #0368AD, #049F83) border-box;
        color: #313149;
    }

.result-row {
    border: 1px solid var(--lk-base-medium);
    border-radius: 8px;
}

.result-label {
    font-weight: 500;
}

.btn-download-file {
    transition: all .2s;
    padding: 5px 16px 5px 16px;
    border: 2px solid transparent;
    border-radius: 8px;
    text-decoration: none;
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(180deg, #0368AD, #049F83) border-box;
}

    .btn-download-file:hover {
        background: linear-gradient(180deg, #0368AD 0%, #049F83 100%);
        color: #fff;
        border: none;
    }

.load-more-btn {
    background-color: var(--lk-clr-primary);
    color: white;
    border-radius: 30px;
}

.btn:hover {
    background-color: white;
    color: var(--lk-clr-primary);
    border: 2px solid var(--lk-clr-primary);
}

.zurnProduct_downloads {
    display: initial;
}

@media (prefers-color-scheme: dark) {

    #search-area > h6 {
        color: white;
    }

    #search-area {
        border: 1px solid var(--lk-base-medium);
        border-radius: 8px;
        box-shadow: 2px 2px 3px 0px rgba(37, 55, 70, .3);
    }

    .nav-link {
        color: var(--lk-clr-primary) !important;
    }

    .nav {
        background-color: var(--lk-base-medium) !important;
    }

    .nav-pills .nav-link.active {
        color: var(--lk-clr-secondary) !important;
        background-color: var(--lk-base-neutral) !important;
        border: 1px solid var(--lk-base-medium) !important;
    }

    .result-label {
        color: var(--lk-clr-primary);
    }

    #lk-part-number-autocomplete {
        background-color: var(--lk-base-neutral);
        border: 1px solid var(--color-neutral-light);
        color: white;
    }

    .submit-btn {
        color: white;
    }

        .submit-btn:active,
        .submit-btn:hover {
            border: 2px solid transparent;
            background: linear-gradient(#121212, #121212) padding-box, linear-gradient(180deg, #0368AD, #049F83) border-box;
            color: var(--color-primary-lighter);
        }

        .submit-btn.disabled,
        .submit-btn:disabled {
            background-color: var(--lk-base-medium);
            color: var(--lk-color-neutral);
        }

    #submit-btn-partnumber.btn,
    #submit-btn-partnumber.btn-primary,
    #submit-btn-manufacturer.btn,
    #submit-btn-manufacturer.btn-primary {
        color: white;
    }

        #submit-btn-partnumber.btn:active,
        #submit-btn-partnumber.btn-primary:active,
        #submit-btn-partnumber.btn:hover,
        #submit-btn-partnumber.btn-primary:hover,
        #submit-btn-manufacturer.btn:active,
        #submit-btn-manufacturer.btn-primary:active,
        #submit-btn-manufacturer.btn:hover,
        #submit-btn-manufacturer.btn-primary:hover {
            border: 2px solid transparent;
            background: linear-gradient(#121212, #121212) padding-box, linear-gradient(180deg, #0368AD, #049F83) border-box;
            color: var(--color-primary-lighter);
        }

        #submit-btn-partnumber.btn.disabled {
            background-color: var(--lk-base-medium);
            color: var(--lk-color-neutral);
        }

    .result-row {
        border: 1px solid var(--lk-base-medium);
    }

    #manufacturer_name,
    #part_number {
        background-color: var(--lk-base-neutral);
        border: 1px solid var(--color-neutral-light);
        color: var(--lk-color-neutral);
    }

    #submit-btn-manufacturer.btn:disabled,
    #submit-btn-manufacturer.btn-primary:disabled {
        background: var(--lk-base-medium);
        color: var(--lk-color-neutral);
    }

    .btn-download-file {
        border: 2px solid transparent;
        background: linear-gradient(var(--lk-base-neutral), var(--lk-base-neutral)) padding-box, linear-gradient(180deg, #0368AD, #049F83) border-box;
    }

        .btn-download-file:hover {
            background: linear-gradient(180deg, #0368AD 0%, #049F83 100%);
            color: #fff;
            border: none;
        }

    .form-select {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") !important;
    }

    @media (prefers-color-scheme: dark) {
        .form-select {
            background-color: var(--lk-base-neutral) !important;
            border: 1px solid var(--color-neutral-light) !important;
            color: var(--lk-color-neutral) !important;
        }
    }
}
/*** END Carrier Code Book ***/

/*** START Manufacturer Cross Reference ***/

.manufacturer-cross-reference-header {
    background-image: url("https://zurnelkay.scene7.com/is/image/Elkay/manufacturer-cross-reference-banner?$ZE_CAT_BANNER$");
    background-size: cover;
}

.modal-title {
    color: var(--color-secondary-dark);
    font-weight: 600;
}

.ze-modal .modal-header {
    border-bottom: none;
    padding: 1rem 1rem;
}

@media (prefers-color-scheme: dark) {
    #product_type {
        background-color: var(--lk-base-neutral);
        border: 1px solid var(--color-neutral-light);
        color: var(--lk-color-neutral);
    }

    .result-row.card {
        background-color: var(--lk-base-neutral);
        border: 1px solid var(--lk-color-neutral);
    }
}

.zurnProduct_itemNumber {
    color: var(--lk-clr-primary);
    font-weight: 500;
}

.direct-cross-text {
    font-weight: 100;
    font-style: italic;
}
/*** END Manufacturer Cross Reference ***/

/*** START Green Turtle Info Hub ***/

.green-turtle-info-hub-header {
    background-image: none;
    background-size: cover;
}

    .green-turtle-info-hub-header > h1,
    .green-turtle-info-hub-header .description > p {
        color: var(--lk-clr-primary);
    }

.control-label {
    font-weight: 600;
}

#green-turtle-results-table {
    border-collapse: collapse;
    width: 100%;
    border: 1px solid var(--color-neutral-light, rgba(227, 227, 230, 1));
}

    #green-turtle-results-table tr:first-child {
        background-color: var(--lk-clr-secondary-dk);
        color: white;
        height: 53px;
    }

    #green-turtle-results-table tr.secondary-header {
        background-color: var(--color-primary-nm);
        color: white;
        height: 53px;
    }

    #green-turtle-results-table tr:nth-of-type(odd):not(tr:first-child) {
        background-color: var(--lk-base-light);
    }

th {
    font-weight: normal;
    text-align: center !important;
    width: 150px;
}

.primary-header-label {
    text-align: center;
}

.model-number-label {
    text-align: left;
    padding-left: 20px;
}

td {
    text-align: center;
}

a.document,
a.document:link,
a.document {
    width: 27px;
    height: 31px;
    background-size: 27px 31px;
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    cursor: pointer;
    margin: 0 auto;
}

    a.document.pdf:link,
    a.document.pdf:visited {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' data-name='Layer 1' viewBox='0 0 300 300'%3E%3Cpath d='M272.85 76.26 203.97 7.9 196.62 5H34.5L24 15.36v113.93h21V25.71h126v72.5l10.5 10.36H255v20.71h21V83.71l-3.15-7.46ZM192 87.86V25.71l63 62.14h-63ZM34.5 150 24 160.36v124.29l10.5 10.36h231l10.5-10.36V160.36L265.5 150zM255 253.57v20.71H45V170.71h210z' style='fill-rule:evenodd;fill:%23ae1338;stroke-width:0'/%3E%3Cpath d='M77.17 248.53v-53h20.86c12.4 0 20.11 7.04 20.11 17.72v.15c0 11.89-9.52 18.1-21.16 18.1H86.47v17.04h-9.3Zm9.3-25.44h10.81c7.03 0 11.41-3.94 11.41-9.46v-.15c0-6.21-4.46-9.46-11.41-9.46H86.47v19.08Zm41.19 25.44v-53h19.73c16.63 0 28.12 11.43 28.12 26.35v.15c0 14.92-11.49 26.5-28.12 26.5zm19.73-44.52h-10.43v36.04h10.43c11.11 0 18.37-7.5 18.37-17.87v-.15c0-10.37-7.26-18.02-18.37-18.02m39.4 44.52v-53h39.38v8.48h-30.08v14.46h26.68v8.48h-26.68v21.58z' style='fill:%23ae1338;stroke-width:0'/%3E%3C/svg%3E");
    }

    a.document.dwg:link,
    a.document.dwg:visited {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' data-name='Layer 1' viewBox='0 0 300 300'%3E%3Cpath d='M272.85 76.26 203.97 7.9 196.62 5H34.5L24 15.36v113.93h21V25.71h126v72.5l10.5 10.36H255v20.71h21V83.71l-3.15-7.46ZM192 87.86V25.71l63 62.14h-63ZM34.5 150 24 160.36v124.29l10.5 10.36h231l10.5-10.36V160.36L265.5 150zM255 253.57v20.71H45V170.71h210zm-194.5-5.92v-51.24h19.11c16.11 0 27.24 11.05 27.24 25.48v.15c0 14.42-11.13 25.62-27.24 25.62H60.5Zm19.11-43.04H69.5v34.85h10.11c10.77 0 17.8-7.25 17.8-17.28v-.15c0-10.03-7.03-17.42-17.8-17.42m49.15 43.41-17.79-51.61h9.74l12.23 37.99 12.6-38.14h7.62l12.6 38.14 12.23-37.99h9.45l-17.8 51.61h-7.84l-12.6-36.82-12.6 36.82zm89.36.51c-16.04 0-26.58-11.42-26.58-26.35v-.15c0-14.35 10.98-26.5 26.44-26.5 8.93 0 14.43 2.49 19.7 6.95l-5.71 6.81c-3.95-3.29-7.84-5.42-14.35-5.42-9.45 0-16.62 8.2-16.62 18.01v.15c0 10.54 6.96 18.3 17.43 18.3 4.83 0 9.23-1.54 12.38-3.88v-9.52H217.7v-7.91h21.82v21.52c-5.05 4.32-12.3 7.98-21.38 7.98Z' style='fill:%23038273;fill-rule:evenodd;stroke-width:0'/%3E%3C/svg%3E");
    }

    a.document.rvt:link,
    a.document.rvt:visited {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' data-name='Layer 1' viewBox='0 0 300 300'%3E%3Cpath d='M272.85 76.26 203.97 7.9 196.62 5H34.5L24 15.36v113.93h21V25.71h126v72.5l10.5 10.36H255v20.71h21V83.71l-3.15-7.46ZM192 87.86V25.71l63 62.14h-63ZM34.5 150 24 160.36v124.29l10.5 10.36h231l10.5-10.36V160.36L265.5 150zM255 253.57v20.71H45V170.71h210zm-179.5-5.41v-52.62h23.6c6.66 0 11.87 1.95 15.28 5.26 2.8 2.86 4.39 6.77 4.39 11.35v.15c0 8.65-5.22 13.83-12.55 15.94l14.29 19.92h-11.04l-13.01-18.34H84.81v18.34h-9.3Zm9.3-26.54h13.61c6.66 0 10.89-3.46 10.89-8.8v-.15c0-5.64-4.08-8.72-10.97-8.72H84.79v17.67Zm61.27 26.91-21.93-53h10.29l15.96 40.45 15.88-40.45h10.06l-21.93 53h-8.32Zm52.26-.37v-44.05h-16.87v-8.57h43.03v8.57h-16.87v44.05h-9.3Z' style='fill:%23005995;fill-rule:evenodd;stroke-width:0'/%3E%3C/svg%3E");
    }

.btn.filter-button {
    background-color: var(--lk-clr-secondary-dk);
    border: none;
    border-radius: inherit;
    color: white;
    width: 100%;
    padding: 10px;
}

    .btn.filter-button:hover {
        color: black;
        background: var(--color-neutral-lighter);
    }

.green-turtle-no-search-results {
    background: var(--color-neutral-bright);
    padding: 3rem;
    border-radius: 8px;
}

@media (prefers-color-scheme: dark) {
    #green-turtle-results-table tr:nth-of-type(odd):not(tr:first-child) {
        background-color: var(--lk-clr-neutral-bright-secondary);
    }

    .btn.filter-button {
        background-color: var(--color-secondary-dark-nm);
    }

    a.document.pdf:link,
    a.document.pdf:visited {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' data-name='Layer 1' viewBox='0 0 300 300'%3E%3Cpath d='M272.85 76.26 203.97 7.9 196.62 5H34.5L24 15.36v113.93h21V25.71h126v72.5l10.5 10.36H255v20.71h21V83.71l-3.15-7.46ZM192 87.86V25.71l63 62.14h-63ZM34.5 150 24 160.36v124.29l10.5 10.36h231l10.5-10.36V160.36L265.5 150zM255 253.57v20.71H45V170.71h210z' style='fill-rule:evenodd;fill:%23f07a95;stroke-width:0'/%3E%3Cpath d='M77.17 248.53v-53h20.86c12.4 0 20.11 7.04 20.11 17.72v.15c0 11.89-9.52 18.1-21.16 18.1H86.47v17.04h-9.3Zm9.3-25.44h10.81c7.03 0 11.41-3.94 11.41-9.46v-.15c0-6.21-4.46-9.46-11.41-9.46H86.47v19.08Zm41.19 25.44v-53h19.73c16.63 0 28.12 11.43 28.12 26.35v.15c0 14.92-11.49 26.5-28.12 26.5zm19.73-44.52h-10.43v36.04h10.43c11.11 0 18.37-7.5 18.37-17.87v-.15c0-10.37-7.26-18.02-18.37-18.02m39.4 44.52v-53h39.38v8.48h-30.08v14.46h26.68v8.48h-26.68v21.58z' style='fill:%23f07a95;stroke-width:0'/%3E%3C/svg%3E");
    }

    a.document.dwg:link,
    a.document.dwg:visited {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' data-name='Layer 1' viewBox='0 0 300 300'%3E%3Cpath d='M272.85 76.26 203.97 7.9 196.62 5H34.5L24 15.36v113.93h21V25.71h126v72.5l10.5 10.36H255v20.71h21V83.71l-3.15-7.46ZM192 87.86V25.71l63 62.14h-63ZM34.5 150 24 160.36v124.29l10.5 10.36h231l10.5-10.36V160.36L265.5 150zM255 253.57v20.71H45V170.71h210zm-194.5-5.92v-51.24h19.11c16.11 0 27.24 11.05 27.24 25.48v.15c0 14.42-11.13 25.62-27.24 25.62H60.5Zm19.11-43.04H69.5v34.85h10.11c10.77 0 17.8-7.25 17.8-17.28v-.15c0-10.03-7.03-17.42-17.8-17.42m49.15 43.41-17.79-51.61h9.74l12.23 37.99 12.6-38.14h7.62l12.6 38.14 12.23-37.99h9.45l-17.8 51.61h-7.84l-12.6-36.82-12.6 36.82zm89.36.51c-16.04 0-26.58-11.42-26.58-26.35v-.15c0-14.35 10.98-26.5 26.44-26.5 8.93 0 14.43 2.49 19.7 6.95l-5.71 6.81c-3.95-3.29-7.84-5.42-14.35-5.42-9.45 0-16.62 8.2-16.62 18.01v.15c0 10.54 6.96 18.3 17.43 18.3 4.83 0 9.23-1.54 12.38-3.88v-9.52H217.7v-7.91h21.82v21.52c-5.05 4.32-12.3 7.98-21.38 7.98Z' style='fill:%2345b89f;fill-rule:evenodd;stroke-width:0'/%3E%3C/svg%3E");
    }

    a.document.rvt:link,
    a.document.rvt:visited {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' data-name='Layer 1' viewBox='0 0 300 300'%3E%3Cpath d='M272.85 76.26 203.97 7.9 196.62 5H34.5L24 15.36v113.93h21V25.71h126v72.5l10.5 10.36H255v20.71h21V83.71l-3.15-7.46ZM192 87.86V25.71l63 62.14h-63ZM34.5 150 24 160.36v124.29l10.5 10.36h231l10.5-10.36V160.36L265.5 150zM255 253.57v20.71H45V170.71h210zm-179.5-5.41v-52.62h23.6c6.66 0 11.87 1.95 15.28 5.26 2.8 2.86 4.39 6.77 4.39 11.35v.15c0 8.65-5.22 13.83-12.55 15.94l14.29 19.92h-11.04l-13.01-18.34H84.81v18.34h-9.3Zm9.3-26.54h13.61c6.66 0 10.89-3.46 10.89-8.8v-.15c0-5.64-4.08-8.72-10.97-8.72H84.79v17.67Zm61.27 26.91-21.93-53h10.29l15.96 40.45 15.88-40.45h10.06l-21.93 53h-8.32Zm52.26-.37v-44.05h-16.87v-8.57h43.03v8.57h-16.87v44.05h-9.3Z' style='fill:%23005995;fill-rule:evenodd;stroke-width:0'/%3E%3C/svg%3E");
    }
}
/*** END Green Turtle Info Hub ***/

/*** START Options/Specials ***/
.options-specials-header {
    background-image: none;
    background-size: cover;
}

    .options-specials-header > h1 {
        color: var(--lk-clr-primary);
    }

.form-check-input {
    margin-top: 0 !important;
}

#category_container .form-check-label {
    font-weight: normal;
}

#options-search-results tr:not(.lk-row-header):hover {
    background-color: #f1f1f1; /* Highlight row on hover */
    cursor: pointer; /* Change cursor to pointer on hover */
}

#options-search-results .lk-row-header {
    background-color: var(--lk-clr-secondary);
    color: white;
    border-radius: 4px;
    text-align: left !important;
}

#related-product-results-header {
    border-bottom: 1px solid rgba(0, 0, 0, 1);
}

#related-product-results .related-product-card {
    border: 1px solid var(--color-neutral-medium);
}

.filter-action {
    background-color: var(--lk-base-light);
    border-radius: 24px 24px 24px 24px;
    border: 1px solid var(--lk-base-medium);
    color: #000000;
    text-decoration: none;
    padding: 3px 12px 3px 12px;
    line-height: normal;
}

    .filter-action:hover,
    .filter-action:active {
        background-color: var(--lk-clr-secondary-dk);
        border: 1px solid var(--lk-base-medium);
        color: white;
        cursor: pointer;
    }

.filter-action-selected {
    background-color: var(--lk-clr-secondary-dk);
    border-radius: 24px 24px 24px 24px;
    border: 1px solid var(--lk-base-medium);
    color: white;
    text-decoration: none;
    padding: 3px 12px 3px 12px;
    line-height: normal;
}

    .filter-action-selected:hover,
    .filter-action-selected:active {
        background-color: var(--lk-base-light);
        border: 1px solid var(--lk-base-medium);
        color: #000000;
        cursor: pointer;
    }

.filter-text,
.filter-icon,
.category-label {
    font-size: 16px;
}




#mobile-dropdown.dropdown {
    position: relative;
    display: inline-block;
    padding-left: 0 !important;
}

#mobile-dropdown .dropdown-toggle {
    padding: 8px 16px;
    border: 1px solid #ccc;
    background-color: #f9f9f9;
    cursor: pointer;
    white-space: normal !important;
}

#mobile-dropdown .dropdown-menu {
    display: block !important;
    position: relative !important;
    border: none !important;
    background-color: white;
    min-width: 160px;
    border: 1px solid #ccc;
    z-index: 1;
}

#mobile-dropdown .dropdown-item {
    border-bottom: 1px solid var(--lk-base-medium) !important;
    padding: 0 !important;
}

    #mobile-dropdown .dropdown-item label {
        margin-left: 4px;
    }

@media (prefers-color-scheme: dark) {
    #mobile-dropdown .dropdown-toggle {
        background-color: var(--lk-base-neutral);
        border: 1px solid var(--color-neutral-light);
        color: white;
        width: 100%;
    }

    .filter-action {
        background-color: var(--lk-clr-neutral-bright);
        color: white;
    }

        .filter-action:hover,
        .filter-action:active {
            background-color: var(--lk-clr-secondary-dk);
            color: white;
        }

    .filter-action-selected:hover {
        background-color: var(--lk-clr-neutral-bright);
        color: white;
    }

    #options-search-results .lk-row-header {
        color: white;
        font-weight: 600;
    }

    tr {
        border: none !important;
    }

    .table-striped > tbody > tr:nth-of-type(odd) {
        background-color: var(--lk-base-neutral);
        color: white !important;
    }

    .table-striped > tbody > tr:nth-of-type(even) {
        background-color: var(--lk-clr-neutral-bright);
        color: white !important;
    }

    td {
        border: none !important;
    }

    .table-striped > tbody > tr:hover {
        background-color: var(--lk-clr-hover-primary) !important;
        color: white !important;
    }

    #related-product-results .related-product-card {
        background-color: var(--lk-base-neutral);
    }

    .lk-description {
        color: var(--lk-clr-primary);
    }

    #related-product-results-header {
        border-bottom: 1px solid white;
    }

    .control-label {
        font-weight: 500;
    }
}
/*** END Options/Specials ***/

/*** START Spec Lookup ***/
.spec-sheet-lookup-header {
    background-image: url("https://zurnelkay.scene7.com/is/image/Elkay/spec-lookup-banner?$ZE_CAT_BANNER$");
    background-size: cover;
}

#specProduct-partNumber {
    color: var(--lk-clr-secondary);
    font-weight: 500;
}

#specProduct-description {
    display: -webkit-box;
    height: 2.6em;
    line-height: 1.3em;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

#specProduct-btn-disabled {
    pointer-events: none;
    background-color: var(--lk-base-medium);
    color: var(--lk-color-neutral);
    border: none;
}

    #specProduct-btn-disabled span {
        color: var(--color-neutral-medium-nm);
    }

.spec-lookup-searchbox {
    margin-bottom: 12em !important;
}

.spec-lookup-searchresults {
    margin-top: -8em !important;
}

.modal-content {
    Background-color: var(--color-background);
}

.btn-close {
    background-image: var(--icon-x-foreground);
}

.dropdown-menu.disabled {
    visibility: hidden;
}

@media(prefers-color-scheme: dark) {
    .lkcta.secondary .cmp-button:hover,
    .lkcta.secondary .cmp-button:hover .cmp-button__text,
    .lkcta.secondary .cmp-button:focus .cmp-button__text {
        color: var(--color-neutral-lighter) !important;
    }

    .modal-content span {
        color: var(--color-secondary-dark) !important;
    }
}
/*** END Spec Lookup ***/
/* Override elkay-aem-remote-xf.css styles that interfere with distributor locator */
.wtb-container label {
    font-weight: inherit !important;
    color: inherit !important;
    font-size: inherit !important;
}

.wtb-container .nav {
    background-color: inherit !important;
    display: inherit !important;
    border-radius: inherit !important;
    font-weight: inherit !important;
}

.wtb-container .nav-link {
    color: inherit !important;
    margin: inherit !important;
}