.fc_division_archive .top_section .content_container {
display: grid;
grid-template-columns: 1fr 1fr;
gap: var(--gap-xl);
}
.fc_division_archive .top_section .content {
display: flex;
flex-direction: column;
gap: var(--gap-l);
}
.fc_division_archive .top_section .county-select {
background: var(--white-smoke);
padding: 40px clamp(20px, 6vw, 60px);
}
.fc_division_archive .top_section .county-select .title-xxs {
text-transform: uppercase;
color: var(--tertiary);
font-weight: 900;
margin: 0;
}
.fc_division_archive .top_section .county-select form {
display: flex;
align-items: center;
gap: var(--gap-m);
}
.fc_division_archive .top_section #map {
width: 100%;
position: relative;
padding-top: 40px;
}
.fc_division_archive .top_section #map > div {
height: 10px;
width: 10px;
position: absolute;
}
.fc_division_archive .top_section #map > #scotland {
top: 35%;
left: 43%;
}
.fc_division_archive .top_section #map > #northern_ireland {
top: 51%;
left: 12%;
}
.fc_division_archive .top_section #map > #yorkshire_north_east {
top: 50%;
left: 64%;
}
.fc_division_archive .top_section #map > #north_west {
top: 46%;
left: 50%;;
}
.fc_division_archive .top_section #map > #north_midlands {
top: 64%;
left: 73%;
}
.fc_division_archive .top_section #map > #west_midlands {
top: 69%;
left: 58%;
}
.fc_division_archive .top_section #map > #east_midlands {
top: 68%;
left: 87%;
}
.fc_division_archive .top_section #map > #wales {
top: 71%;
left: 43%;
}
.fc_division_archive .top_section #map > #greater_london {
top: 74%;
left: 81%;
}
.fc_division_archive .top_section #map > #south_east {
top: 77%;
left: 85%;
}
.fc_division_archive .top_section #map > #south_midlands {
top: 77%;
left: 68%;
}
.fc_division_archive .top_section #map > #south_west {
top: 78%;
left: 43%;
}
.fc_division_archive .top_section #map svg {
aspect-ratio: 0.617;
}
.fc_division_archive .top_section #map g path {
transition: 0.3s;
}
.fc_division_archive .top_section #map g.active {
fill: var(--tertiary);
}
.fc_division_archive .top_section #map .division_infoWindow {
position: absolute;
bottom: 0;
left: -180px;
background: white;
filter: drop-shadow(0px 4px 35px rgba(0, 0, 0, 0.05));
width: min(364px, 90vw);
color: initial;
text-align: center;
padding: var(--gap-l) var(--gap-m);
box-sizing: border-box;
}
.fc_division_archive .top_section #map .division_infoWindow:after {
content: '';
border: 20px solid white;
transform: rotate(45deg);
position: absolute;
bottom: -19px;
left: calc(50% - 19px);
height: 0;
width: 0;
z-index: -1;
} .fc_division_archive .division_container {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: var(--gap-m);
}
.fc_division_archive .division_container .division_card {
background: white;
padding: var(--gap-l);
display: flex;
flex-direction: column;
gap: var(--gap-m);
transition: 0.3s;
}
.fc_division_archive .division_container .division_card.active {
background: var(--tertiary);
}
.fc_division_archive .division_container .division_card.active *,
.fc_division_archive .division_container .division_card.active .division_metadata * {
color: white;
}
.fc_division_archive .division_container .division_card.active .title-small {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='28' height='30' fill='none'%3e%3cpath fill='white' d='M10.7 1.7c0-.5.4-1 1-1l4-.7a1 1 0 0 1 1.2 1v27.5c0 .5-.4 1-1 1l-4 .5a1 1 0 0 1-1.2-1V1.6Z'/%3e%3cpath fill='white' d='M17.8 4.7c0-.5.4-1 1-1l4.4-.5a1 1 0 0 1 1.2 1v18.9c0 .5-.5 1-1 1l-4.5.4a1 1 0 0 1-1-1V4.6ZM3.2 6.7c0-.5.5-1 1-1l4.4-.5a1 1 0 0 1 1.2 1v18.9c0 .5-.4 1-1 1l-4.4.4a1 1 0 0 1-1.2-1V6.6Z'/%3e%3cpath fill='white' d='M0 14c0-.5.4-1 1-1h.2a1 1 0 0 1 1.1 1v4.8c0 .5-.4 1-1 1h-.2a1 1 0 0 1-1.1-1V14ZM25.3 10.5c0-.5.4-1 1-1h.2a1 1 0 0 1 1.1 1v4.7c0 .6-.4 1-1 1.1h-.2a1 1 0 0 1-1-1v-4.8Z'/%3e%3c/svg%3e");
color: white;
}
.fc_division_archive .division_container .division_card .division_metadata {
display: flex;
flex-direction: column;
gap: var(--gap-s);
}
.fc_division_archive .division_container .division_card .division_metadata p.small {
font-weight: 600;
}
.fc_division_archive .division_container .division_card .division_metadata .title-xs {
font-weight: 900;
}
.fc_division_archive .division_container .division_card p {
margin: 0;
}
.fc_division_archive .division_container .division_card .division_metadata a {
color: var(--font);
font-size: 14px;
}
.fc_division_archive .division_container .division_card a {
color: var(--tertiary);
word-break: break-word;
}
.fc_division_archive .division_container .division_card a:hover {
color: var(--secondary);
}
.fc_division_archive .division_container .division_card .title-small {
color: var(--primary);
font-weight: bold;
background: left / 28px 30px no-repeat url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='28' height='30' fill='none'%3e%3cpath fill='%23274892' d='M10.7 1.7c0-.5.4-1 1-1l4-.7a1 1 0 0 1 1.2 1v27.5c0 .5-.4 1-1 1l-4 .5a1 1 0 0 1-1.2-1V1.6Z'/%3e%3cpath fill='%23F93A3C' d='M17.8 4.7c0-.5.4-1 1-1l4.4-.5a1 1 0 0 1 1.2 1v18.9c0 .5-.5 1-1 1l-4.5.4a1 1 0 0 1-1-1V4.6ZM3.2 6.7c0-.5.5-1 1-1l4.4-.5a1 1 0 0 1 1.2 1v18.9c0 .5-.4 1-1 1l-4.4.4a1 1 0 0 1-1.2-1V6.6Z'/%3e%3cpath fill='%23274892' d='M0 14c0-.5.4-1 1-1h.2a1 1 0 0 1 1.1 1v4.8c0 .5-.4 1-1 1h-.2a1 1 0 0 1-1.1-1V14ZM25.3 10.5c0-.5.4-1 1-1h.2a1 1 0 0 1 1.1 1v4.7c0 .6-.4 1-1 1.1h-.2a1 1 0 0 1-1-1v-4.8Z'/%3e%3c/svg%3e");
padding-left: 48px;
padding-block: 7px;
margin: 0;
}
@media (max-width: 1200px) {
.fc_division_archive .division_container {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 1000px) {
.fc_division_archive .top_section .content_container {
grid-template-columns: 1fr;
}
.fc_division_archive .top_section .content_container #map {
max-width: 600px;
justify-self: center;
}
}
@media (max-width: 800px) {
.fc_division_archive .division_container {
grid-template-columns: 1fr;
}
}
@media (max-width: 600px) {
.fc_division_archive .top_section .county-select form {
flex-direction: column;
}
.fc_division_archive .top_section .county-select form select {
width: 100%;
}
}.fc_contact_cta {
position: relative;
isolation: isolate;
overflow: hidden;
}
.fc_contact_cta .background_container {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
position: absolute;
width: 60%;
height: 100%;
top: 0;
z-index: -1;
}
.fc_contact_cta.text_right .background_container {
left: 0;
}
.fc_contact_cta.text_left .background_container {
right: 0;
}
.fc_contact_cta:after {
content: '';
position: absolute;
bottom: -10vw;
right: 5%;
background: center / cover no-repeat var(--logomark);
width: clamp(200px, 25vw, 480px);
aspect-ratio: 1;
z-index: 1;
}
.fc_contact_cta.text_right:after {
right: initial;
left: 5%
}
.fc_contact_cta.text_right:before {
content: '';
background: linear-gradient(270deg, #001137 44.27%, rgba(21, 44, 106, 0.50) 57.92%, rgba(2, 15, 65, 0.00) 100%);
inset: 0;
position: absolute;
z-index: 1;
}
.fc_contact_cta.text_left:before {
content: '';
background: linear-gradient(90deg, #001137 44.27%, rgba(21, 44, 106, 0.50) 57.92%, rgba(2, 15, 65, 0.00) 100%);
inset: 0;
position: absolute;
z-index: 1;
}
.fc_contact_cta .wp_content {
position: relative;
z-index: 2;
}
.fc_contact_cta.text_right .wp_content {
float: right;
}
.fc_contact_cta.text_right .wp_content > * {
text-align: right;
}
@media (min-width: 800px) {
.fc_contact_cta .wp_content {
max-width: 65%;
}
}
@media (max-width: 600px) {
.fc_contact_cta:after {
content: none;
}
}