:root {
    --site-color: #0E4FB5;
    
    /* Either navitem inherits or set colours */
    --navitem-background-color: inherit;
    --navitem-color: inherit;
    --navitem-border: 2px solid var(--site-color);

    --carousel-height: 230px;
 
}

.container-fluid {
    padding: 0px 20px 0px 20px;
    background-color: #ffffff;
}
@media only screen and (min-width: 768px) {
    .container-fluid {
        padding: 0px 65px 0px 65px;
    }
}


li.nav-item.active a {
    background-color: var(--navitem-background-color);
    color: var(--navitem-color);
    border-bottom: var(--navitem-border);
}
li.nav-item a:hover {
    background-color: var(--navitem-background-color);
    color: var(--navitem-color);
    border-bottom: var(--navitem-border);
}

.carousel-item {
    max-height: var(--carousel-height);
}

.jjl.border-bottom {
    border-color: var(--site-color) !Important;
}

.jjl-wrap {
    overflow-wrap:break-word;
}
.jjl-div-hdr {
    background-color: var(--site-color);
    color: white;
}