:root {
    --sanlam-blue: #0075c9;
}

.brand-title img {
    filter: brightness(0%) invert(100%);
}

.btn-primary {
    background-color: var(--sanlam-blue);
    box-shadow: 0 0 0 var(--sanlam-blue),0 0 0 rgba(0,0,0,.25);
    border: none;
}

.btn-primary:hover {
    background-color: var(--sanlam-blue);
    box-shadow: 0 .1rem .5rem rgba(37,71,106,.5),0 .25rem 1rem rgba(0,0,0,.2);
    border: none;
}

.btn-secondary {
    color: #fff;
    background-color: #666 !important;
    border-color: #666;
}

.btn-secondary {
    color: #fff;
    background-color: #666;
}

/*#content {*/
/*    background-color: var(--sanlam-blue);*/
/*}*/

.header__btn:focus, .header__btn:hover {
    background-color: rgb(0, 117, 201);
    color: #e1e3e5;
}

.hd--expanded .content__header {
    background-color: var(--sanlam-blue);
}

.header {
    background-color: var(--sanlam-blue);
    color: #fff;
    grid-area: 1/1/2/3;
}

.content__boxed {
    background-color: #fff;
}

.mainnav__inner .mainnav__menu > .nav-item > .nav-link.active, .scroll-page {
    background-color: var(--sanlam-blue);
}

.mainnav__inner .nav-link.active:not(.important) {
    color: #000;
    font-weight: bold;
}

.hd--expanded.mn--max .content__header::before, .hd--expanded.mn--min .content__header::before {
    background-color: #0075C9;
}

body {
    background-color: #fff;
}