@font-face {
    font-family: 'ProximaNovaLtSemibold';
    src: url("/?originalUrl=https%3A%2F%2Fwww.econsumer.gov%2Fassets%2Ffonts%2Fproximanova_semibold%2FProximaNova-Sbold-webfont.eot");
    src: url("/?originalUrl=https%3A%2F%2Fwww.econsumer.gov%2Fassets%2Ffonts%2Fproximanova_semibold%2FProximaNova-Sbold-webfont.eot%3F%23iefix") format('embedded-opentype'), url("/?originalUrl=https%3A%2F%2Fwww.econsumer.gov%2Fassets%2Ffonts%2Fproximanova_semibold%2FProximaNova-Sbold-webfont.woff") format('woff'), url("/?originalUrl=https%3A%2F%2Fwww.econsumer.gov%2Fassets%2Ffonts%2Fproximanova_semibold%2FProximaNova-Sbold-webfont.ttf") format('truetype'), url("/?originalUrl=https%3A%2F%2Fwww.econsumer.gov%2Fassets%2Ffonts%2Fproximanova_semibold%2FProximaNova-Sbold-webfont.svg%23ProximaNovaLtSemibold") format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ProximaNovaRgRegular';
    src: url("/?originalUrl=https%3A%2F%2Fwww.econsumer.gov%2Fassets%2Ffonts%2Fproximanova_regular%2FProximaNova-Reg-webfont.eot");
    src: url("/?originalUrl=https%3A%2F%2Fwww.econsumer.gov%2Fassets%2Ffonts%2Fproximanova_regular%2FProximaNova-Reg-webfont.eot%3F%23iefix") format('embedded-opentype'), url("/?originalUrl=https%3A%2F%2Fwww.econsumer.gov%2Fassets%2Ffonts%2Fproximanova_regular%2FProximaNova-Reg-webfont.woff") format('woff'), url("/?originalUrl=https%3A%2F%2Fwww.econsumer.gov%2Fassets%2Ffonts%2Fproximanova_regular%2FProximaNova-Reg-webfont.ttf") format('truetype'), url("/?originalUrl=https%3A%2F%2Fwww.econsumer.gov%2Fassets%2Ffonts%2Fproximanova_regular%2FProximaNova-Reg-webfont.svg%23ProximaNovaRgRegular") format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

:root {
    --proxima-nova-semibold: 'ProximaNovaLtSemibold';
    --proxima-nova: 'ProximaNovaRgRegular';
    --darkest-blue: #1c3049;
    --dark-blue: #2B5597;
    --rf-dark-blue: #244873;
    --light-blue: #0097CE;
    --malibu: #7ed3f3;
    --malibu-light: #bee9f8;
    --iron-gray: #4d5155;
    --alt-background: #f6fbfe;
    --btn-disabled: #c9c9c9;
    --btn-dark-hover: #1e6e9c;
    --title-blue: #336699;
}

html, body {
    font-family: var(--proxima-nova), Helvetica, Arial, sans-serif;
    min-height: 100vh;
    max-width: 100vw;
    color: var(--iron-gray);
    overflow-x: hidden;
}

#app {
    min-height: 100vh;
}

.spinner-overlay {
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    z-index: 1000;
    left: 0;
    top: 0;
    background-color: #fff;
    opacity: 0.8;
}

.spinner-overlay-content {
    width: 3rem;
    height: 3rem;
    color: black;
}

.container {
    max-width: 1600px !important;
}

.form-control.invalid {
    border-color: red;
}

.red {
    color: red;
}
.cp {
    cursor: pointer;
}
.title-blue {
    color: var(--title-blue);
}

.econ-hyperlink {
    color: var(--dark-blue) !important;
    text-decoration: underline !important;
    cursor: pointer;
}

.econ-hyperlink:visited 
{
    color: var(--dark-blue) !important;
}

.econ-hyperlink:hover {
    /*color: var(--darkest-blue) !important;*/
    text-decoration: none !important;
    font-weight: bold;
}

.econ-btn {
    border-radius: .25rem;
    border: 0px;
    outline: 0px;
}
.econ-btn.econ-btn-dark {
    background-color: var(--darkest-blue);
    color: white
}

.econ-btn.econ-btn-dark:hover {
    opacity: 0.8;
}

.econ-btn.econ-btn-light {
    background-color: #ffffff;
    color: var(--darkest-blue);
    border: 2px solid var(--darkest-blue);
}

.econ-btn.econ-btn-light:hover {
    background-color: #eee;
    text-decoration: none;
}
.econ-btn:focus {
    opacity: 0.8;
}

.econ-h1 {
    font-size: 2.5rem;
    font-family: var(--proxima-nova-semibold), Helvetica, Arial, sans-serif;
    color: var(--darkest-blue);
    color: var(--title-blue);
}

.econ-h2 {
    font-size: 2rem;
    font-family: var(--proxima-nova-semibold), Helvetica, Arial, sans-serif;
    color: var(--darkest-blue);
    color: var(--title-blue);
}
.econ-h2.page-titles {
    color: black;
}

.econ-h3 {
    font-size: 1.75rem;
    font-family: var(--proxima-nova-semibold), Helvetica, Arial, sans-serif;
    color: var(--title-blue);
}
.econ-h3.page-titles {
    color: black;
}

.econ-h4 {
    font-size: 1.25rem;
}

.econ-h5 {
    font-size: 1.25rem;
}

.econ-p {
    font-size: 1rem;
}

@media print {
    .not-print-content {
        visibility: hidden;
        display: none;
    }
    .print-content-logo {
        visibility: visible;
        /*margin-top: -70px;*/
        margin-top: -35px;
    }
    .print-content-summary {
        visibility: visible;
        margin-top: -85px;
    }
        .print-content-summary hr {
            border-top: 1px solid #000000 !important;
        }
    .print-content-confirmation {
        visibility: visible;
        /*display: block;*/
        /*margin-top: -75px;*/
        margin-top: -85px;
        height: 100%;
        overflow: hidden;
    }
    .print-content-confirmation-subtitle-sections {
        margin-top: -30px;
    }
    /*html, body {
        height: 100%;
        overflow: hidden;
    }*/
}

@media only screen and (min-width: 425px) {
    .econ-h1 {
        font-size: 2.5rem;
    }

    .econ-h3 {
        font-size: 1.75rem;
    }

    .econ-h4 {
        font-size: 1.75rem;
    }

    .econ-h5 {
        font-size: 1.5rem;
    }
    .econ-p {
        font-size: 1rem;
    }
}

@media only screen and (min-width: 768px) {
    .econ-h1 {
        font-size: 2.5rem;
    }

    .econ-h3 {
        font-size: 1.75rem;
    }

    .econ-h4 {
        font-size: 1.5rem;
    }

    .econ-h5 {
        font-size: 1.25rem;
    }
    .econ-p {
        font-size: 1rem;
    }
}

@media only screen and (min-width: 1024px) {
    .econ-h1 {
        font-size: 2.5rem;
    }

    .econ-h3 {
        font-size: 1.75rem;
    }

    .econ-h4 {
        font-size: 1.75rem;
    }

    .econ-h5 {
        font-size: 1.63rem;
    }

    .econ-p {
        font-size: 1.125rem;
    }
    .econ-p {
        font-size: 1.125rem;
    }
}





/*BEGIN RESX CLASSES*************************************************************************/

/*begin footer*/
/*.footer-learn-more-link {
    text-decoration: none;
}
.footer-learn-more-link:hover {
    text-decoration: underline;
}*/

.footer-learn-more-link {
    text-decoration: underline !important;
    cursor: pointer;
}

.footer-learn-more-link:hover {
    text-decoration: none !important;
}
/*end footer*/

/*begin consumeralertlibrary*/
.archive-cards-main-wrapper {
    /*padding-bottom: 30px;*/
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    background-color: var(--alt-background);
}
.archive-card {
    line-height: .95;
    padding-top: 30px;
    display: flex;
    width: 100%;
}
.archive-card-img-div {
    padding-right: 5px;
}
.archive-card-img {
    width: 100px;
    height: 70px;
}
.alerts-title {
    padding-top: 5px;
}
@media only screen and (min-width: 1200px) {
    .archive-card {
        width: 45%;
        max-width: 45%;
        height: 150px;
    }

}
/*end consumeralertlibrary*/


/*begin featurestory and more steps to take*/
.story-img {
    max-width: 100%;
    min-height: 225px;
}
@media (min-width: 675px) {
    .story-img {
        max-width: 625px;
    }
}
@media (min-width: 992px) {
    .story-img {
        padding-left: 5px;
        float: right;
        max-width: 450px;
        max-height: 700px;
    }
    .story-img.fl-left {
        float: left;
        padding-left: 0;
        padding-right: 5px;
    }
}
/*end featurestory and more steps to take*/




/*END RESX CLASSES*******************************************************************************/