/*
 * Nector Prime homepage colour alignment.
 * Matches the public blog navy, blue and gold palette.
 */

:root {
    --nector-navy: #071526;
    --nector-navy-light: #0d2238;
    --nector-blue: #0b5fa5;
    --nector-gold: #d49a28;
    --nector-gold-light: #ffcb68;
    --nector-paper: #f6f8fb;
    --nector-ink: #152536;
}

body {
    color: var(--nector-ink);
    background-color: var(--nector-paper);
}

.menu-wrapper {
    background: var(--nector-navy) !important;
    border-radius: 0 0 10px 10px;
}

.menu-wrapper .ed-logo,
.menu-wrapper .ed-logo h1,
.menu-wrapper .ed-logo span {
    color: #ffffff !important;
}

.menu-wrapper .ed-menu a {
    color: #dce7f2 !important;
    font-weight: 700;
}

.menu-wrapper .ed-menu a:hover,
.menu-wrapper .ed-menu a:focus,
.menu-wrapper .ed-menu a.active {
    color: var(--nector-gold-light) !important;
}

.menu-trigger-inner {
    color: #ffffff !important;
}

.banner .overlay {
    background-color: rgba(7, 21, 38, 0.68) !important;
}

.banner-content h1,
.banner-content h2,
.banner-content h3,
.banner-content p {
    color: #ffffff !important;
}

.button,
button[type="submit"],
input[type="submit"] {
    background: var(--nector-gold) !important;
    border-color: var(--nector-gold) !important;
    color: #111820 !important;
    font-weight: 700 !important;
}

.button:hover,
.button:focus,
button[type="submit"]:hover,
button[type="submit"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
    background: var(--nector-gold-light) !important;
    border-color: var(--nector-gold-light) !important;
}

.bg-primary,
.preset-text-v2-separator .overlay {
    background: var(--nector-blue) !important;
}

h1,
h2,
h3 {
    color: var(--nector-navy);
}

.boxes-icon svg,
.ed-icon svg {
    color: var(--nector-blue);
}

.counter-content {
    color: var(--nector-blue) !important;
}

.footer-saga-content,
.footer-saga-content > .background,
.footer-saga-content footer {
    background: var(--nector-navy) !important;
}

.footer-saga-content,
.footer-saga-content h1,
.footer-saga-content h2,
.footer-saga-content h3,
.footer-saga-content p,
.footer-saga-content li,
.footer-saga-content .ed-menu a {
    color: #dce7f2 !important;
}

.footer-saga-content a {
    color: var(--nector-gold-light) !important;
}

.footer-saga-content a:hover,
.footer-saga-content a:focus {
    color: #ffffff !important;
}

@media screen and (max-width: 975px) {
    .menu-wrapper {
        border-radius: 0;
    }

    .menu-wrapper .ed-menu {
        background: var(--nector-navy-light) !important;
    }
}