@charset "UTF-8";

:root {
    --max-width: 1320px;
    --columns: 12;
    --gutter: 24px;
    --offset: 24px;
    --media-query: "base";
    --color: hsla(0, 80%, 70%, 0.15);
    --color-text: hsla(0, 80%, 70%, 1);
    --repeating-width: calc(100% / var(--columns));
    --column-width: calc((100% / var(--columns)) - var(--gutter));
    --background-width: calc(100% + var(--gutter));
    --background-columns: repeating-linear-gradient( to right, var(--color), var(--color) var(--column-width), transparent var(--column-width), transparent var(--repeating-width) );
}

@media (min-width: 580px) {
    :root {
        --media-query: "small";
        --color: hsla(200, 80%, 70%, 0.15);
        --color-text: hsla(200, 80%, 70%, 1);
    }
}

@media (min-width: 960px) {
    :root {
        --media-query: "medium";
        --color: hsla(300, 80%, 70%, 0.15);
        --color-text: hsla(300, 80%, 70%, 1);
    }
}

@media (min-width: 1320px) {
    :root {
        --media-query: "large";
        --color: hsla(500, 80%, 70%, 0.15);
        --color-text: hsla(500, 80%, 70%, 1);
    }
}

::selection {
    background-color: #272727;
    color: #fff;
}

::-webkit-input-placeholder {
    color: #838383;
}

:-ms-input-placeholder {
    color: #838383;
}

::-ms-input-placeholder {
    color: #838383;
}

::placeholder {
    color: #838383;
}

html, body {
    background-color: #fff;
    color: #272727;
    font-family: "NORLYSText", sans-serif;
    font-size: 16px;
    scrollbar-gutter: stable;
}

:not(main) .u-constrain,
main:not(.u-constrain-disabled) .u-constrain {
    max-width: calc(1320px + 48px);
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 100%;
    padding-left: 24px;
    padding-right: 24px;
}

main > section[data-razor-tile="true"] {
    margin-bottom: 56px;
}

@media screen and (min-width: 576px) {
    main > section[data-razor-tile="true"] {
        margin-bottom: 96px;
    }
}

.react-app:empty::after {
    content: "";
    display: block;
    overflow: hidden;
    height: 470px;
    margin: 10px 0;
    width: 0;
    border: 0;
    animation: none;
}

#react-navigation {
    position: sticky;
    top: 0;
    min-height: 100px;
    z-index: 999
}

@media screen and (min-width:992px) {
    #react-navigation:not(.simple-header) {
        min-height: 176px;
        top: -60px
    }
}

@media print {
    #react-navigation {
        position: static
    }
}

[data-appname="digitalAddressLookup"]:empty {
    position: relative;
    min-height: 460px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    background-color: #efefef;
    overflow-x: hidden;
}


    [data-appname="digitalAddressLookup"]:empty::before {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        transform: translateX(-100%);
        animation: shimmer 2s infinite;
        content: '';
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 49%, rgba(255, 255, 255, 0) 100%);
    }

@keyframes shimmer {
    100% {
        transform: translateX(100%);
    }
}