@import "colors.css";

body.home-pg.home-corporate-2, body.home-pg.landing-corporate {
    background: #FFFFFF!important;
}

.bg-depth-blue {
    background-color: var(--depth-blue);
}

/* Rebranding */
body.step_1, body.step_2, body.step_3, body.home-corporate-2, body.home-pg, body.metlife-pg, body.error-page {

    background: var(--neutral-grey)!important;

    section.main-desktop .copy-container-bg {
        background: none!important;
    }


    header.site-header.top-line {
        background: var(--depth-blue)!important;
    }

    nav#webNavbar {
        border-bottom: none!important;
    }

    .loginActivateLayout .nav-tab.downriver-background > .nav-menu.active > *{
        color: var(--depth-blue)!important;
    }

    div.loginActivateLayout .nav-tab .nav-menu:not(.active):after {
        background-color: var(--depth-blue)!important;
    }

    div.loginActivateLayout .nav-tab.downriver-background {
        background: var(--depth-blue)!important;
    }
    div.textDiv {
        background: var(--color-primary-default)!important;
    }

    div.activation-block {
        text-align: center;
        padding: 0 40px;
    }

    section.main-desktop h1.activation-title {
        font-size: 5rem;
        color: #FFFFFF;
        text-align: center;
    }

    section.main-desktop button#btnLogin, section.main-desktop button#btnReset, section.main-desktop button#nextStep, section.main-desktop button#next_Step, section.main-desktop button#homeBtn, section.main-desktop a#lastStep, section.main-desktop button#prevStep, section.main-desktop #finish {
        background: var(--color-primary-default)!important;
        color: #FFFFFF;
        border: 1px solid var(--color-primary-default) !important;
        padding: 0.5rem 2rem;
        border-radius: 2rem!important;
    }

    .btn {
        padding: 0.5rem 2rem;
        border-radius: 2rem;
    }

    .btn-primary, a.bg-primary, section.bg-primary, button.bg-primary, a.btn.bg-primary, div.bg-primary, nav.site-header .btn-primary {
        background: var(--color-primary-default)!important;
        color: #FFFFFF;
        border: 1px solid var(--color-primary-default) !important;
        padding: 0.5rem 2rem;
        border-radius: 2rem;
    }

    .btn-primary:hover, nav.site-header .btn-primary:hover {
        background: var(--color-primary-default-hover)!important;
        border: 1px solid var(--color-primary-default-hover)!important;
        color: #FFFFFF!important;
    }

    .btn-primary[disabled] {
        background: var(--color-primary-disabled)!important;
        border: 1px solid var(--color-primary-disabled)!important;
        color: #FFFFFF;
    }

    .btn-primary:active, .btn-primary:focus {
        background: var(--color-primary-default-hover)!important;
        border: 1px solid var(--color-primary-default-hover)!important;
    }

    .btn-outline-primary, nav.site-header .btn-outline-primary, a.btn-outline-primary {
        background: #FFFFFF;
        color: var(--color-primary-default)!important;
        padding: 0.5rem 3rem;
        border-radius: 2rem;
        border: 1px solid var(--color-primary-default)!important;
    }

    .btn-outline-primary:hover, nav.site-header .btn-outline-primary:hover, a.btn-outline-primary:hover {
        background: #FFFFFF!important;
        color: var(--color-primary-default-hover)!important;
        border: 1px solid var(--color-primary-default-hover)!important;

    }
    .btn-outline-primary:active, .btn-outline-primary:focus, nav.site-header .btn-outline-primary:active, nav.site-header .btn-outline-primary:focus, a.btn-outline-primary:active, a.btn-outline-primary:focus {
        background: #FFFFFF!important;
        color: var(--color-primary-default-hover)!important;
        border: 1px solid var(--color-primary-default-hover)!important;
    }

    #navbarSupportedContent {
        margin-left: 20px;

        a.nav-link {
            color: var(--color-black);
        }

        a.nav-link:hover {
            color: var(--color-primary-default-hover);
        }
    }

    #termsAndConditionsContainer a {
        color: var(--color-primary-default)!important;
    }

    #termsAndConditionsContainer a:hover {
        color: var(--color-primary-default-hover)!important;
    }

    section.statistics {
        background: var(--color-primary-default)!important;
    }

    section.metlife-serious-decision {
        border-top: 0!important;
        padding-top: 10px;
    }

    section.metlife-serious-decision span.serious-huge-text {
        color: var(--depth-blue)!important;
    }

    section.metlife-center-button a.btn.btn-outline-primary {
        background: #FFFFFF;
        color: var(--color-primary-default)!important;
        padding: 0.5rem 3rem;
        border-radius: 2rem;
        border: 1px solid var(--color-primary-default)!important;
    }

    section.metlife-center-button a.btn.btn-outline-primary:hover{
        background: #FFFFFF;
        color: var(--color-primary-default-hover)!important;
        padding: 0.5rem 3rem;
        border-radius: 2rem;
        border: 1px solid var(--color-primary-default-hover)!important;
    }

    section.metlife-footer {
        background: var(--sky-blue)!important;
    }

    #testimonials-carousel .carousel-control-prev-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23097167' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e");
    }

    #testimonials-carousel .carousel-control-next-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23097167' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");
    }

    #three-steps a {
        color: var(--color-primary-default)!important;
    }

    #three-steps a:hover {
        color: var(--color-primary-default-hover)!important;
    }

    section#footer-social a {
        color: var(--color-primary-default);
    }

    section#footer-social a:hover {
        color: var(--color-primary-default-hover);
    }

    .loginActivateLayout .nav-tab > .nav-menu.active > h1:after {
        background: var(--color-primary-default);
    }
}