ul li,
ol li {
    margin-bottom: 5px;
    font-size: 1.2rem;
}

ul,
ol {
    padding-inline-start: 20px;
    font-size: 1.2rem;
}

.textcardblock--contact .team-search {
    display: none !important;
}

.textcardblock--contact p {
    display: none !important;
}

.textcardblock--contact h2 {
    font-size: 32px;
    font-weight: 500;
}

.textcardblock-textwrap {
    height: auto !important;
}

.textcardblock--contact {
    height: 100%;
}

.contactPage ul li,
.contactPage ol li {
    line-height: 1.2;
    margin-bottom: 20px;
}

.contactPage ul {
    margin-top: 3px;
}

.fillter-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

#eventFilter {
    display: flex;
    justify-content: end;
    align-items: center;
}

.eventsOverviewPage #eventFilter .filterField {
    margin: 0;
    width: 250px;
    max-width: 250px;
    flex: 0 0 250px;
    padding: 0;
    position: relative;
}

    .eventsOverviewPage #eventFilter .filterField:after {
        content: "";
        border-width: 6px;
        border-style: solid;
        position: absolute;
        right: 15px;
        top: 54%;
        transform: translateY(-50%);
        border-color: transparent;
        border-top-color: #2d3b3e;
    }

    .eventsOverviewPage #eventFilter .filterField select {
        padding: 15px 15px;
        -webkit-appearance: none;
        -moz-appearance: none;
        text-indent: 1px;
        text-overflow: "";
        font-size: 18px;
    }

.eventsOverviewPage #eventFilter {
    margin: 0;
    gap: 15px;
}

.fillter-header .h2 {
    font-size: 38px;
    font-weight: 900;
    margin: 0;
}

.eventsOverviewPage #eventsList .eventitem-block-inner-card h3 {
    margin: 0 0 15px;
}

.eventsOverviewPage #eventsList .eventitem-block {
    background: #e5e5e5;
}

#eventsList {
    margin-bottom: 80px;
}

.eventsOverviewPage #eventsList .event-month.h4 {
    color: #2d3b3e;
    font-size: 22px;
}

.eventsOverviewPage #eventsList .eventitem-block-form label {
    margin-bottom: 5px;
}

.eventsOverviewPage .field_wrap.__textarea {
    margin-bottom: 15px;
}

#eventFilter {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
}

.eventsOverviewPage #eventFilter .filterField {
    margin: 0;
    width: 250px;
    max-width: 250px;
    flex: 0 0 250px;
    padding: 0;
    position: relative;
    box-sizing: border-box;
}

.page-content.careers-theme,
.basicPage.careers-theme,
.contactPage.careers-theme {
    background-color: #2c3b3e;
}

.careers-theme h2.tabbedCards-title,
.careers-theme h4.tabbedCards-subtitle,
.careers-theme h4.tabbedCards-subtitle a:link {
    color: white;
}

.page-content.careers-theme h2 {
    color: white;
}

.page-content.careers-theme .careers-jobtitle {
    color: #6fd4e4 !important;
}

.page-content.careers-theme .insertumbracoform-form {
    background: #384750 !important;
    color: white;
}

.page-content.careers-theme p,
.page-content.careers-theme h4 {
    color: white;
}

/* grid layout tweaks */
.page-content.careers-theme .cardgrid .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.page-content.careers-theme section.cardgrid.isDarkMode .cardblock {
    background-color: transparent;
}

/* intro copy only */
.page-content.careers-theme .card-carousel-intro p {
    color: white;
}

.isDarkMode .cardblock-textwrap .cardblock-title,
.isDarkMode .cardblock-textwrap p {
    color: #fff !important;
}

/* top card GRID only (keep these white) */
.page-content.careers-theme .cardgrid .cardblock-textwrap .cardblock-title,
.page-content.careers-theme .cardgrid .cardblock-textwrap p {
    color: #000;
}

/* ALL carousel slides (vacancies + inspired) stay black) */
.page-content.careers-theme .card-carousel .cardblock-textwrap .cardblock-title,
.page-content.careers-theme .card-carousel .cardblock-textwrap p {
    color: #000;
}

/* misc */
.careers-title {
    width: 50%;
}

.page-content.careers-theme h2.careers-h2 {
    font-size: 34px;
}

.careers-h2 {
    color: #6fd4e4 !important;
}

.page-content.careers-theme
.card-carousel
.container
.row
.card-carousel-items
.slick-list
.slick-slide.card-carousel-item
.cardblock {
    background-color: #f0f0f0;
}

.page-content.careers-theme .card-carousel .container .row .col-md-3 {
    background: #2c3b3e;
}

.page-content.careers-theme .imagecta-image {
    z-index: 0;
}

.careers-theme .textblock h2,
.careers-theme .textblock h3,
.careers-theme .textblock h4 {
    color: #6fd4e4;
}

.careers-theme .textblock ul li {
    color: white;
}

.careers-theme p.cardblock-title {
    color: white;
}

.careers-theme .cardblock p,
.careers-theme .cardblock .umbraco-forms-submitmessage {
    color: white;
}

.careers-theme .textblock p,
.careers-theme .textblock .umbraco-forms-submitmessage {
    color: white;
}

#careers-grid p {
    color: black;
}

.careers-theme .reusablecardgroup p {
    color: black;
}

.question__accordion__blk .accordion-item {
    background: transparent;
    border: 0;
}

h2.accordion-header {
    border: 0; /* kill the grey line from earlier */
    margin: 0;
}
.ctablock--red {
    background: #344347;
}

    .ctablock--red p, .ctablock--red .umbraco-forms-submitmessage, .ctablock--red h3, .ctablock--red h1 {
        color: #FFFFFF;
    }
.question__accordion__blk .accordion-button {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 100%;
    border: 0;
    background: transparent;
    box-shadow: none;
    outline: 0;
    border-radius: 0;
    position: relative; /* anchor for icon */
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 56px 20px 24px; /* space on right for icon */
}

    /* remove Bootstrap's default caret completely */
    .question__accordion__blk .accordion-button::after {
        background-image: none !important;
    }

    /* right-edge chevron that follows text colour */
    .question__accordion__blk .accordion-button::after {
        content: "";
        position: absolute;
        right: 16px;
        top: 50%;
        transform: translateY(-50%);
        width: 28px;
        height: 28px;
        background-color: currentColor; /* icon colour = title colour */
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        /* chevron-down via mask so we can recolour with currentColor */
        -webkit-mask: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>") no-repeat center / contain;
        mask: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>") no-repeat center / contain;
        transition: transform 0.2s ease;
    }

    /* open state – flip the chevron */
    .question__accordion__blk .accordion-button:not(.collapsed)::after {
        transform: translateY(-50%) rotate(180deg);
    }

    /* accessible focus ring */
    .question__accordion__blk .accordion-button:focus {
        outline: 0;
        box-shadow: 0 0 0 3px rgba(47, 111, 255, 0.25);
    }

/* ========== light variant ========== */

.question__accordion__blk--light .accordion-item {
    background: #f3f5f6;
    border: 1px solid #dce2e6;
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 14px;
}

.question__accordion__blk--light .accordion-button {
    color: #1f2937;
    font-weight: 800;
}

    .question__accordion__blk--light .accordion-button:not(.collapsed) {
        color: #1f2937;
    }

.question__accordion__blk--light .accordion-body {
    background: #ffffff;
    color: #1f2937;
    padding: 18px 24px;
    border-top: 1px solid #dce2e6;
}

/* ========== dark variant ========== */

.question__accordion__blk--dark .accordion-item {
    background: #223135;
    border: 1px solid #3a4a50;
    overflow: hidden;
    margin-bottom: 14px;
}

.question__accordion__blk--dark .accordion-button {
    color: #6fd4e4;
    font-weight: 100;
    font-size: smaller;
}

    .question__accordion__blk--dark .accordion-button:not(.collapsed) {
        color: #6fd4e4;
        box-shadow: none;
    }

.accordion-body.question__accordion__text {
    padding: 20px;
    line-height: normal;
}

.question__accordion__blk--dark .accordion-body,
.question__accordion__blk--dark .question__accordion__text p {
    background: #223135;
    color: #ffffff;
    border-top: 1px solid #3a4a50;
}

.question__accordion__blk--dark .question__accordion__text ul li::before {
    color: #ffffff;
}

/* ========== small screens ========== */

@media (max-width: 768px) {
    .eventsOverviewPage #eventFilter .filterField {
        flex: 0 0 100%;
    }

    .eventsOverviewPage #eventFilter .filterField {
        width: 100%;
        max-width: 100%;
    }
}

@media (max-width: 576px) {
    .question__accordion__blk .accordion-body {
        padding: 16px;
    }
}

@media (min-width: 768px) {
    .page-content.careers-theme .card-carousel .container::before {
        background: #2c3b3e;
    }

    .careers-title h1 {
        padding: 30px 0;
        font-size: 2.5rem;
        font-weight: 600;
    }
}