:root {
    --primary-colour: #0a55a0;
    --accent-colour: #ff960f;
    --light-accent-colour: #ffbf6b;
    --heading-colour: #0a55a0;
    --max-embed-height: 600px;
    --cta-foreground-color: #06427F;
}
@media (min-width: 1024px) {
    :root {
        --max-embed-height: 768px;
    }
}

.primary-colour-background, .primary-colour-background-active { background-color: var(--primary-colour) !important; }
.primary-colour-background-active:active { filter: brightness(1.1) !important; }
.primary-colour-background-active:focus { filter: brightness(1.1) !important; }
.primary-colour-foreground { color: var(--primary-colour) !important; }
.primary-colour-border { border-color: var(--primary-colour) !important; }

.accent-colour-background { background-color: var(--accent-colour) !important; }
.accent-colour-foreground { color: var(--accent-colour) !important; }
.accent-colour-border { border-color: var(--accent-colour) !important; }

.light-accent-colour-background { background-color: var(--light-accent-colour) !important; }
.light-accent-colour-foreground { color: var(--light-accent-colour) !important; }
.light-accent-colour-border { border-color: var(--light-accent-colour) !important; }

.cta-colour-background { background-color: var(--accent-colour) !important; }
.cta-colour-background:active, .cta-colour-background:focus { filter: brightness(1.1) !important; }
.cta-colour-foreground { color: var(--cta-foreground-colour) !important; }
.cta-colour-border { border-color: var(--accent-colour) !important; }

.heading-colour-foreground { color: var(--heading-colour) !important; }

.critical-alert-colour-background { background-color: #EB0800 !important; }
.critical-alert-colour-foreground { color: white !important; font-weight: bold; }
.advisory-alert-colour-background { background-color: #FFE44B !important; }
.advisory-alert-colour-foreground { color: black !important; }
.cancelled-alert-colour-background { background-color: #c0c0c0 !important; }
.cancelled-alert-colour-foreground { color: black !important; }
.multiple-alert-colour-background { background-color: #ff960f !important; }
.admin-alert-colour-background, .test-alert-colour-background { background-color: #76B6FF !important; }
.admin-alert-colour-foreground, .test-alert-colour-foreground { color: black !important; }
.info-alert-colour-background { background-color: #9AC750 !important; }

.outline {
    border: 2px solid var(--primary-colour);
    min-height: 480px;
    max-height: var(--max-embed-height);
    overflow: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none; 
}

.outline::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.map.embed {
    border: 2px solid var(--primary-colour);
}
.map.embed.selected {
    border-left: none;
    border-top: none;
    width: calc(100% - 2px);        
}  

@media (min-width: 1024px) {
    .map.embed {
        border-left: none;
        border-top: none;        
    }
}

.bc5 {
    --primary-colour: #15618d;
    --accent-colour: #4d8338;
    --light-accent-colour: #87b44f;
    --heading-colour: #5c797e;
}

.bc8 {
    --primary-colour: #6a6255;
    --accent-colour: #12bdba;
    --light-accent-colour: #c1d82f;
    --heading-colour: #387f81;
}

.bc9 {
    --primary-colour: #205277;
    --accent-colour: #647d4b;
    --light-accent-colour: #708c54;
    --heading-colour: #205277;
}