#main h1, #main h2, #main h3, #main h4, #main h5 {
    font-family: 'Helvetica Neue', Arial;
    color: #004d82;
}

#main p, #main p * {
    font-size: 1rem;
    color: #000;
}

@media (min-width: 1280px){
    .hero.regional {
        min-height: 423px !important;
    }
    
    .white-gradient {
        width: 70% !important;
    }
}

.hero__content {
    width: 700px !important;
}

.hero__content p {
    font-size: 1.5rem !important;
    color: #004d82 !important;
    font-weight: 500;
    line-height: 1.75rem !important;
}

.focus-area-card, 
.strategy-card {
    cursor: pointer;
    transition: transform 0.2s;
}

#strategyCardsContainer .col-md-4 {
    margin-bottom: 1.875rem;
}

.focus-area-card:hover, 
.focus-area-card:focus, 
.strategy-card:hover, 
.strategy-card:focus {
    transform: scale(1.02);
}

.focus-area-card.active-card, 
.strategy-card.active-card {
    background-color: #ffcf52;
}

#behaviours {
    width: 80%;
    margin: 0 auto;
    display: block;
    /*background-color: #fff3d1;*/
    background-color: #d1d2d4;
    padding: 1.25rem !important;
    border-radius: 30px;
    color: #004d82;
}

#behaviours .blurb {
    margin-bottom: 1.5rem;
    border-bottom: 1px solid #004d82;
}

#main #behaviours .blurb p {
    text-align: center;
    font-size: 1.25rem;
}

.fivecols {
    display: flex;
    justify-content: space-between;
    gap: 1.625rem;
}

.fivecols > div {
    flex: 1;
    min-width: 0;
    text-align: center;
}

#main .fivecols .core {
    font-size: 1.1rem;
}

#behaviours .core {
    font-weight: 700;
}

.component-tabs .tablink {
    color: unset !important;
}

#focus_outer {
    display: flex;
    align-items: center;
    height: 100%;
}

#focus_output {
    /*background-color: #fff3d1;*/
    background-color: #d1d2d4;
    border-radius: 30px;
    padding: 1.25rem !important;
}

#focus_output:empty {
    display: none;
}

#focus_output .fa-strats, #focus_output .fa-strats li, #focus_output .fa-outcomes, #focus_output .fa-outcomes li {
    color: #000;
}

#focus_output h4 {
    font-weight: 600;
}

#focus_output .fa-strats li, #focus_output .fa-outcomes li {
    font-size: 0.95rem;
    margin-bottom: 1.5rem;
}
 
#focuswheel .strategytext, #focuswheel .focustext, #focuswheel .iconparts {
    pointer-events: none;
}
 
#focuswheel .strategy:hover, #focuswheel .focus:hover, #focuswheel .focusicon:hover {
    cursor: pointer;
}
 
/*#focuswheel .strategy.active, #focuswheel .strategy.full-active {
    stroke: #fff;
    stroke-width: 15px;
    fill: #a7a7a7;
}

#focuswheel .focus.active, #focuswheel .focus.full-active {
    fill: #a7a7a7;
}

#focuswheel .focusicon.active, #focuswheel .focusicon.full-active {
    fill: #a7a7a7;
}*/

/*FOCUS AREA 1*/
#focuswheel .strategy.active.f1, #focuswheel .strategy.full-active.f1 {
    fill: #0061a8;
}

#focuswheel .focus.active.f1, #focuswheel .focus.full-active.f1, #focuswheel .focusicon.active.f1, #focuswheel .focusicon.full-active.f1 {
    fill: #0061a8;
}

/*FOCUS AREA 2*/
#focuswheel .strategy.active.f2, #focuswheel .strategy.full-active.f2 {
    fill: #ffbd21;
}

#focuswheel .focus.active.f2, #focuswheel .focus.full-active.f2, #focuswheel .focusicon.active.f2, #focuswheel .focusicon.full-active.f2 {
    fill: #ffbd21;
}

/*FOCUS AREA 3*/
#focuswheel .strategy.active.f3, #focuswheel .strategy.full-active.f3 {
    fill: #db3e18;
}

#focuswheel .focus.active.f3, #focuswheel .focus.full-active.f3, #focuswheel .focusicon.active.f3, #focuswheel .focusicon.full-active.f3 {
    fill: #db3e18;
}

/*FOCUS AREA 4*/
#focuswheel .strategy.active.f4, #focuswheel .strategy.full-active.f4 {
    fill: #008c97;
}

#focuswheel .focus.active.f4, #focuswheel .focus.full-active.f4, #focuswheel .focusicon.active.f4, #focuswheel .focusicon.full-active.f4 {
    fill: #008c97;
}

#main .component-tabs .tabs-to-accordions li {
    background-color: #004d81;
}