/* TOP SECTION */


.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;
}


/* BOTTOM SECTION */

.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%;
    }

}