:root {
    --primary: #0078c9;
    --primary-dark: #002856;
    --secondary-yellow:#ffb81d;
    --secondary-orange:#ff3507;
}

a:hover {
    text-decoration: none;
}

.banner-full-screen .header-nav {
    /*border-bottom-color: #eaeaea;*/
    /*border-top: 1px solid #ffffff;*/
    border-bottom: 1px solid #eaeaea;
}

.banner-full-screen .header-nav, .nav {
    background-color: #ffffff;

}

.prod-cat-item:hover a {
    color: var(--primary)
}

.caption {
    padding-inline: 0 !important;
    text-align: center;

    h3 {
        font-size: 2rem;
        margin: 0;
    }

    .prod-buttons {
        display: none;
    }

    a {
        color: #333333;
    }

    /*a:hover {*/
    /*    color: var(--salmon);*/
    /*}*/
}

.footer {
    background-color: var(--primary);
    padding: 30px 0 60px;
    color: #ffffff;

    a:link, .footer-col-title {
        color: #ffffff;
    }

    h4 {
        text-transform: uppercase;
        font-weight: bold;
        color: #ffffff;
    }
}

#loginPage {
    header, .header-main {
        display: none !important;
    }
    .pageBody {
        margin-top: 2rem;
    }

    .loginForm {
        /*background-color: #21303e;*/
        border-radius: .5rem;
        padding: 1rem;
        /*box-shadow: var(--box-shadow);*/
        /*color: #ffffff;*/
    }

    .login-logo {
        max-width: 360px;
        margin-inline: auto;
    }

    .login-support {
        /*color: #ffffff;*/
        h1 {
            /*color: #ffffff;*/
        }
    }
}