:root {
    --primary-col: #005EB8;
    --light-col: #84D3FF;
    --dark-col: #004180;
}

h1 {
    color: var(--dark-col);
    background: unset;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
}

h2 {
    color: var(--primary-col);
}

.btn-global-secondary {
    border-color: var(--light-col);
    color: #fff;
    &:hover,
    &:focus {
        background-color: transparent;
        color: #fff;
    }
}

.underline::before {
    border-color: var(--dark-col);
}

a,
#qg-site-nav .nav-link {
    transition: all .2s;
}

#qg-site-nav .nav-link:hover, 
#qg-site-nav .nav-link:focus, #qg-site-nav .show .nav-link {
    background: var(--dark-col) !important;
}

#qg-site-nav .mega-menu a, 
#qg-site-nav .mega-menu a:link, 
#qg-site-nav .mega-menu a:visited, 
#qg-site-nav .mega-menu a:hover {
    color: var(--dark-col);
}

#acknowledge-note,
.bg-dark {
    background: var(--primary-col);
    background: linear-gradient(343deg, var(--dark-col) 33%, var(--primary-col) 100%);
}

.qg-site-footer {
    background: var(--primary-col);
    border-color: var(--light-col);
    h3,
    p,
    ul li a {
        color: #fff;
    }

    ul li::before {
        color: var(--light-col);
    }

    ul li a {
        transition: all .2s;
        &:hover {
            color: var(--light-col);
        }
    }
}

.tile-hover u {
    color: var(--primary-col);
}

.slick-dark .slick-prev:before, 
.slick-dark .slick-next:before {
    color: var(--primary-col);
}

#qg-content #qg-section-nav li.active > a {
    color: var(--primary-col)!important;
}

#qg-branding {
    text-shadow: 2px 3px 5px #000;
}

.ambassador-tile {
    h3 {
        font-size: 1.1rem;
        margin-top: 10px;
        color: var(--primary-col);
    }

    a {
        h4 {
            font-size: 14px;
            margin: 0;
            padding: 6px 12px;
            display: flex;
            min-height: 4em;
            align-items: center;
        }

        h4,
        span {
            background-color: var(--primary-col);
            color: #fff;
            transition: all .2s;
        }

        &:hover,
        &:focus {
            h4,
            span {
                text-decoration: underline;
                color: var(--light-col)!important;
            }
        }
    }
}

.partner-images {
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
    margin-top: 3rem;
    >* {
        width: 100%;
    }

    img {
        width: 100%;
    }
}

@media(min-width: 600px) {
    .partner-images {
        >* {
            max-width: 250px;
        }

        .qld-logo {
            max-width: 450px;
        }
    }
}

/* Footer */

.qg-footer-feedback .status p,
.qg-footer-feedback .questions .captchaPrivacyTerms {
    color: #212529;
}