.card {
        display: block;
        position: relative;
        overflow: hidden;
        text-decoration: none;
}

.card-container {
        width: 100%;
        padding-right: 60px;
        padding-left: 60px;
        margin-right: auto;
        margin-left: auto;
        max-width: 1440px;
        margin-top: var(--global-spacing-xl);
        margin-bottom: var(--global-spacing-xl);
}

@media (max-width:1199.98px) {
        .card-container {
                padding-right: 30px;
                padding-left: 30px;
        }
}

.card-container-header {
        display: flex;
        flex-direction: column;
        gap: 15px;
        margin-bottom: var(--global-spacing-lg);
        padding: 0 var(--global-spacing-md) 0 var(--global-spacing-xl);
}

@media (max-width:991.98px) {
        .card-container-header {
                margin-bottom: var(--global-spacing);
                padding: 0 var(--global-spacing-xs);
        }
}

@media (max-width:767.98px) {
        .card-container-header {
                margin-bottom: 0;
        }
}

.card-group {
        display: grid;
        grid-gap: var(--global-spacing);
        grid-template-columns: 1.15fr 1fr;
}

@media (max-width:991.98px) {
        .card-group {
                grid-template-columns: 100%;
        }
}

.card--base {
        order: 2;
}

@media (max-width:991.98px) {
        .card--base {
                order: unset;
        }
}

.card--base:nth-child(3) {
        /* order: 1;
        grid-column: 2;
        grid-row: 1 / span 2; COMMENTED OUT BY PENTERA */
}

@media (max-width:991.98px) {
        .card--base:nth-child(3) {
                grid-column: unset;
                grid-row: unset;
                order: unset;
        }
}

@media (min-width:992px) {
        .card--base:nth-child(3) .card-intro {
                display: grid;
                grid-template-columns: repeat(2, 1fr);
                align-items: flex-end;
                gap: 20px;
        }
}

@media (min-width:768px) {
        .card--base:nth-child(3) .card-link-list {
                /* display: grid;
                grid-template-columns: repeat(2, 1fr);
                align-items: flex-end;
                -moz-column-gap: 20px;
                column-gap: 20px; COMMENTED OUT BY PENTERA */
        }
}

.card--base:nth-child(3) .card-link-list li {
        max-width: 100%;
}

.card--base:nth-child(5) {
        margin-bottom: 0;
}

@media (min-width:1200px) {
        .card--base:nth-child(5) {
                /* margin-bottom: var(--global-spacing-xxl); COMMENTED OUT BY PENTERA */
        }
}

.card--base:nth-child(5) .card-image {
        aspect-ratio: 1.25;
}

@media (max-width:1350px) {
        .card--base:nth-child(5) .card-image {
                aspect-ratio: 1;
        }
}

.card--base:hover .card-image img {
        transform: scale(1.1);
}

.card--base:hover .card-description {
        opacity: 1;
}

.card--base .card-image {
        aspect-ratio: 1.77;
        position: relative;
        height: 100%;
        width: 100%;
        border-radius: 30px;
        aspect-ratio: 1.4;
        overflow: hidden;
}

.card--base .card-image video,
.card--base .card-image img {
        position: absolute;
        -o-object-fit: cover;
        object-fit: cover;
        height: 100%;
        width: 100%;
}

@media (max-width:1199.98px) {
        .card--base .card-image {
                aspect-ratio: 1.25;
        }
}

@media (max-width:991.98px) {
        .card--base .card-image {
                aspect-ratio: 1;
        }
}

@media (max-width:767.98px) {
        .card--base .card-image {
                aspect-ratio: unset;
        }
}

.card--base .card-image img {
        transition: all ease-out 1.25s;
}

.card--base .card-image:before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: linear-gradient(45deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
        z-index: 1;
}

@media (max-width:991.98px) {
        .card--base .card-image {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
        }
}

.card--base .card-intro {
        margin-bottom: var(--global-spacing);
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
}

.card--base .card-intro p {
        margin-bottom: 0;
}

.card--base .card-heading {
        font-family: "Eksell Display", sans-serif;
        font-weight: 400;
        color: #fff;
}

.card--base .card-heading {
        font-size: 64px;
}

@media (min-width:575px) {
        .card--base .card-heading {
                font-size: calc(64px + 31 * (100vw - 575px) / 1025);
        }
}

@media (min-width:1600px) {
        .card--base .card-heading {
                /* font-size: 95px; COMMENTED OUT BY PENTERA */
                font-size: 75px;
        }
}

.card--base .card-content {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        height: 100%;
        padding: var(--global-spacing) var(--global-spacing) var(--global-spacing-md) var(--global-spacing-md);
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 1;
}

@media (max-width:1199.98px) {
        .card--base .card-content {
                padding: var(--global-spacing) var(--global-spacing) var(--global-spacing-md);
        }
}

@media (max-width:991.98px) {
        .card--base .card-content {
                position: relative;
        }
}

.card--base .card-description {
        color: #fff;
        font-family: "Gotham", sans-serif;
        font-weight: 400;
        font-weight: 700;
        margin-top: 15px;
        opacity: 0;
        transition: all ease-out 1.25s;
}

.card--base .card-description {
        font-size: 28px;
}

@media (min-width:575px) {
        .card--base .card-description {
                font-size: calc(28px + 2 * (100vw - 575px) / 1025);
        }
}

@media (min-width:1600px) {
        .card--base .card-description {
                font-size: 30px;
        }
}

@media (max-width:1199.98px) {
        .card--base .card-description {
                font-family: "Gotham", sans-serif;
                font-weight: 400;
        }

        .card--base .card-description {
                font-size: 20px;
        }
}

@media (max-width:1199.98px) and (min-width:575px) {
        .card--base .card-description {
                font-size: calc(20px + 4 * (100vw - 575px) / 1025);
        }
}

@media (max-width:1199.98px) and (min-width:1600px) {
        .card--base .card-description {
                font-size: 24px;
        }
}

@media (max-width:991.98px) {
        .card--base .card-description {
                opacity: 1;
        }
}

.card--base .card-link-list {
        list-style-type: none;
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: column;
        margin-top: auto;
}

.card--base .card-link-list li {
        padding: 0;
}

.card--base .card-link-list li {
        /* max-width: 55%; COMMENTED OUT BY PENTERA */
        max-width: 100%;
}

@media (max-width:991.98px) {
        .card--base .card-link-list li {
                max-width: 100%;
        }
}

.card--base .card-link-list li:last-child a {
        border: none;
}

.card--base .card-link-list li a {
        font-family: "Gotham", sans-serif;
        font-weight: 400;
        text-decoration: none;
        color: #000;
        padding: 10px 0;
        display: grid;
        grid-template-columns: 30px 1fr;
        gap: 10px;
        align-items: center;
        transition: all ease .25s;
        font-weight: 500;
        border-bottom: 1px solid rgba(255, 255, 255, 0.4);
        color: #fff;
}


.card--base .card-link-list li a {
        font-size: 16px;
}

@media (min-width:575px) {
        .card--base .card-link-list li a {
                font-size: calc(16px + 0 * (100vw - 575px) / 1025);
        }
}

@media (min-width:1600px) {
        .card--base .card-link-list li a {
                font-size: 16px;
        }
}

.card--base .card-link-list li a:before {
        content: "\f10c";
        font-family: "icons" !important;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        display: inline-block;
        vertical-align: middle;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: block;
        height: 30px;
        width: 30px;
        border-radius: 50%;
        line-height: 0;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        color: #000;
        background-color: #F7BF0A;
        margin-right: 10px;
}

.card--base .card-link-list li a:hover {
        gap: 15px;
}

.card--base .card-link-list li a:hover:hover:before {
        color: #F7BF0A;
        background-color: #000;
}

.card--preview {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 25px;
}

.card--preview:hover figure img {
        transform: scale(1.1);
}

.card--preview figure {
        aspect-ratio: 1.77;
        position: relative;
        height: 100%;
        width: 100%;
        aspect-ratio: 1.35;
        border-radius: 30px;
        overflow: hidden;
}

.card--preview figure video,
.card--preview figure img {
        position: absolute;
        -o-object-fit: cover;
        object-fit: cover;
        height: 100%;
        width: 100%;
}

.card--preview figure img {
        transition: all ease-out 1.25s;
}

.card--preview-date {
        font-family: "Gotham", sans-serif;
        font-weight: 400;
        display: block;
        margin-bottom: 15px;
}

.card--preview-date {
        font-size: 16px;
}

@media (min-width:575px) {
        .card--preview-date {
                font-size: calc(16px + 0 * (100vw - 575px) / 1025);
        }
}

@media (min-width:1600px) {
        .card--preview-date {
                font-size: 16px;
        }
}

.card--preview-heading {
        padding: 0;
        margin: 0;
}

.card--preview-heading a {
        color: #000;
        font-family: "Gotham", sans-serif;
        font-weight: 400;
        line-height: 30px;
        font-weight: 500;
        text-decoration: none;
        margin: 0;
        display: block;
        transition: all ease-in-out .25s;
}

.card--preview-heading a {
        font-size: 20px;
}

@media (min-width:575px) {
        .card--preview-heading a {
                font-size: calc(20px + 4 * (100vw - 575px) / 1025);
        }
}

@media (min-width:1600px) {
        .card--preview-heading a {
                font-size: 24px;
        }
}

.card--preview-heading a:after {
        content: "\f10c";
        font-family: "icons" !important;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        display: inline-block;
        vertical-align: middle;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        margin-left: 5px;
        transition: all ease-in .2s;
}

.card--preview-heading a:hover {
        color: #555;
        transition: all ease-in-out .25s;
}

.card--preview-heading a:hover:after {
        margin-left: 10px;
}

.card--preview--categories ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        padding: 0;
        margin-top: 20px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 10px;
}

.card--preview--categories ul li {
        padding: 0;
}

.card--preview--categories ul li {
        color: #000;
        background-color: #F7BF0A;
        font-size: 14px;
        font-weight: 500;
        text-transform: uppercase;
        padding: 5px 10px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        gap: 10px;
}

.card--preview--categories ul li:before {
        content: "\f120";
        font-family: "icons" !important;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        display: inline-block;
        vertical-align: middle;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
}

.card--dynamic-container {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 10px;
}

@media (max-width:767.98px) {
        .card--dynamic-container {
                gap: 5px;
        }
}

.card--dynamic-tags {
        font-family: "Gotham", sans-serif;
        font-weight: 500;
        text-transform: uppercase;
        font-weight: 700;
}

.card--dynamic-tags {
        font-size: 16px;
}

@media (min-width:575px) {
        .card--dynamic-tags {
                font-size: calc(16px + 0 * (100vw - 575px) / 1025);
        }
}

@media (min-width:1600px) {
        .card--dynamic-tags {
                font-size: 16px;
        }
}

.card--dynamic-date {
        font-family: "Gotham", sans-serif;
        font-weight: 500;
        text-transform: uppercase;
}

.card--dynamic-date {
        font-size: 16px;
}

@media (min-width:575px) {
        .card--dynamic-date {
                font-size: calc(16px + 0 * (100vw - 575px) / 1025);
        }
}

@media (min-width:1600px) {
        .card--dynamic-date {
                font-size: 16px;
        }
}

.card--dynamic-heading {
        padding: 0;
        margin: 0 0 5px;
}

.card--dynamic-heading a {
        color: #000;
        font-family: "Gotham", sans-serif;
        font-weight: 400;
        line-height: 30px;
        font-weight: 500;
        text-decoration: none;
        margin: 0;
        display: block;
        transition: all ease-in .2s;
}

.card--dynamic-heading a {
        font-size: 20px;
}

@media (min-width:575px) {
        .card--dynamic-heading a {
                font-size: calc(20px + 4 * (100vw - 575px) / 1025);
        }
}

@media (min-width:1600px) {
        .card--dynamic-heading a {
                font-size: 24px;
        }
}

.card--dynamic-heading a:after {
        content: "\f10c";
        font-family: "icons" !important;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        display: inline-block;
        vertical-align: middle;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        margin-left: 5px;
        transition: all ease-in .2s;
}

.card--dynamic-heading a:hover {
        color: #555;
}

.card--dynamic-heading a:hover:after {
        margin-left: 10px;
}

.card--featured {
        margin-bottom: var(--global-spacing-lg);
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        align-items: center;
        gap: var(--global-spacing-lg);
}

@media (max-width:991.98px) {
        .card--featured {
                gap: var(--global-spacing);
        }
}

@media (max-width:767.98px) {
        .card--featured {
                margin-bottom: var(--global-spacing-lg);
                grid-template-columns: 100%;
                gap: var(--global-spacing);
        }
}

.card--featured-media {
        position: relative;
        border-radius: 30px;
        aspect-ratio: 1.33;
        overflow: hidden;
}

.card--featured-media figure {
        height: 100%;
}

.card--featured-media .top-event {
        position: absolute;
        left: 20px;
        bottom: 20px;
        color: #fff;
        text-transform: uppercase;
        font-weight: 500;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        gap: 10px;
        z-index: 10;
}

@media (max-width:767.98px) {
        .card--featured-media .top-event {
                top: auto;
        }
}

.card--featured-media .top-event:before {
        color: #F7BF0A;
        background-color: #000;
        display: block;
        height: 40px;
        width: 40px;
        border-radius: 50%;
        line-height: 0;
        content: "\f154";
        font-family: "icons" !important;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        display: inline-block;
        vertical-align: middle;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
}

.card--featured-content {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        gap: 20px;
}

@media (max-width:767.98px) {
        .card--featured-content {
                padding-block: 0px;
        }
}

.card--featured-content .date {
        font-family: "Gotham", sans-serif;
        font-weight: 400;
}

.card--featured-content .date {
        font-size: 16px;
}



@media (min-width:575px) {
        .card--featured-content .date {
                font-size: calc(16px + 0 * (100vw - 575px) / 1025);
        }
}

@media (min-width:1600px) {
        .card--featured-content .date {
                font-size: 16px;
        }
}

.card--featured-content .headline {
        font-family: "Gotham", sans-serif;
        font-weight: 400;
        font-weight: 500;
}

.card--featured-content .headline {
        font-size: 28px;
}

@media (min-width:575px) {
        .card--featured-content .headline {
                font-size: calc(28px + 2 * (100vw - 575px) / 1025);
        }
}

@media (min-width:1600px) {
        .card--featured-content .headline {
                font-size: 30px;
        }
}

@media (max-width:767.98px) {
        .card--featured-content a {
                margin-top: 30px;
        }
}

.card--featured-categories ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        padding: 0;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 10px;
}

.card--featured-categories ul li {
        padding: 0;
}

.card--featured-categories ul li {
        color: #555;
        background-color: rgba(85, 85, 85, 0.1);
        font-size: 14px;
        font-weight: 500;
        text-transform: uppercase;
        padding: 5px 10px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        gap: 10px;
}

.card--featured-categories ul li:before {
        content: "\f120";
        font-family: "icons" !important;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        display: inline-block;
        vertical-align: middle;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
}

.card--featured-event-details {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        gap: var(--global-spacing);
        margin-bottom: 10px;
        white-space: nowrap;
}

@media (max-width:767.98px) {
        .card--featured-event-details {
                flex-direction: column;
                align-items: flex-start;
        }
}

.card--featured-event-details>* {
        font-weight: 500;
        text-transform: uppercase;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        gap: 15px;
}

.card--featured-event-details--times:before {
        content: "\f158";
        font-family: "icons" !important;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        display: inline-block;
        vertical-align: middle;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
}

.card--featured-event-details--location:before {
        content: "\f130";
        font-family: "icons" !important;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        display: inline-block;
        vertical-align: middle;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
}

.card[data-interactive*="flip"] {
        background-color: transparent;
        color: inherit;
        border: 0;
        border-radius: 0;
        box-shadow: none;
        transform-style: preserve-3d;
}

.card[data-interactive*="flip"] .card-flip-content {
        transition: transform 0.5s ease-in-out;
        width: 100%;
        height: 100%;
        transform-style: preserve-3d;
        transform-origin: center center;
        transform: rotateY(0);
}

.prefers-reduced-motion .card[data-interactive*="flip"] .card-flip-content {
        transition: none;
}

.card[data-interactive*="flip"] .card-front {
        aspect-ratio: 1;
        height: 100%;
        transform: rotateY(0);
        transform-style: preserve-3d;
        backface-visibility: hidden;
}

.card[data-interactive*="flip"] .card-back {
        position: absolute;
        bottom: 0;
        top: 0;
        left: 0;
        right: 0;
        background: #000;
        color: rgba(255, 255, 255, 0);
        transform: rotateY(-180deg);
        transform-style: preserve-3d;
        backface-visibility: hidden;
}

.card[data-interactive*="flip"].is-active {
        z-index: 1;
}

.card[data-interactive*="flip"].is-active .card-flip-content {
        transition: transform 0.5s ease-in-out;
        transform: rotateY(180deg);
}

.prefers-reduced-motion .card[data-interactive*="flip"].is-active .card-flip-content {
        transition: none;
}

.card[data-interactive*="flip"] .show-card-front,
.card[data-interactive*="flip"] .show-card-back {
        position: absolute;
        right: 20px;
        bottom: 20px;
        width: 50px;
        height: 50px;
        border-radius: 25px;
        background-color: #F7BF0A;
        padding: 0;
        border: none;
        outline: none;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        transition: all .5s ease;
}


.card[data-interactive*="flip"] .show-card-front:before,
.card[data-interactive*="flip"] .show-card-back:before {
        color: #000;
        content: "\f134";
        font-family: "icons" !important;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        display: inline-block;
        vertical-align: middle;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 25px;
        transition: all .5s ease;
}

.card[data-interactive*="flip"] .show-card-front:hover,
.card[data-interactive*="flip"] .show-card-back:hover {
        background-color: #000;
}

.card[data-interactive*="flip"] .show-card-front:hover:before,
.card[data-interactive*="flip"] .show-card-back:hover:before {
        color: #F7BF0A;
}

.card[data-interactive*="flip"] .show-card-front:before {
        transform: rotate(45deg);
}

.card[data-interactive*="flip"].card--media .card-front,
.card[data-interactive*="flip"].card--media .card-back,
.card[data-interactive*="flip"].card--callout .card-front,
.card[data-interactive*="flip"].card--callout .card-back {
        display: flex;
}