/* Component: arcadian-comp-card-slider — extracted from main-with-blocks.css for R1 conditional loading */

.program-card-row__wrapper {
    margin: 6.4rem auto;
    overflow: clip
}

@media (width <= 1024.98px) {
    .program-card-row__wrapper {
        margin: 4.8rem auto
    }
}

@media (width <= 640.98px) {
    .program-card-row__wrapper {
        margin: 2.4rem auto
    }
}

@media (width >= 1025px) {
    .program-card-row__wrapper.hideControlsDesktop .glide__arrows {
        display: none
    }
}

@media (width <= 1024.98px) {
    .program-card-row__wrapper.hideControlsMobile .glide__arrows {
        display: none
    }
}

.program-card-row__content-container {
    flex-direction: column;
    gap: 4rem;
    display: flex
}

@media (width <= 640.98px) {
    .program-card-row__cards-container, .program-card-row__glide--desktop {
        display: none
    }
}

.program-card-row__cards-grid {
    grid-template-columns:repeat(3, 1fr);
    grid-auto-rows: auto;
    grid-auto-flow: row;
    gap: 2rem;
    display: grid
}

@media (width <= 1024.98px) {
    .program-card-row__cards-grid {
        grid-template-columns:repeat(2, 1fr)
    }
}

@media (width <= 640.98px) {
    .program-card-row__cards-grid {
        grid-template-columns:1fr
    }
}

.program-card-row__card {
    isolation: isolate;
    grid-template-rows:1fr auto auto auto;
    grid-template-columns:1fr;
    height: 100%;
    min-height: 55rem;
    display: grid
}

.program-card-row__card > :last-child {
    margin-bottom: 2rem
}

.program-card-row__card .program-card-row__image-wrapper {
    z-index: -1;
    grid-area: 1/1/5;
    grid-template-rows:1fr;
    grid-template-columns:1fr;
    display: grid;
    position: relative
}

.program-card-row__card .program-card-row__image-wrapper img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute
}

.program-card-row__card .program-card-row__image-wrapper a {
    grid-area: 1/1
}

.program-card-row__card .program-card-row__image-wrapper:after {
    content: " ";
    opacity: .2;
    pointer-events: none;
    background-color: #000;
    grid-area: 1/1;
    width: 100%;
    height: 100%;
    display: block
}

.program-card-row__card .program-card-row__categories-wrapper {
    grid-area: 1/1;
    align-self: end;
    padding-inline: 2rem
}

.program-card-row__card .program-card-row__categories-wrapper p {
    color: #fff
}

.program-card-row__card .program-card-row__title-wrapper {
    grid-area: 2/1;
    align-self: end;
    padding-inline: 2rem
}

.program-card-row__card .program-card-row__title {
    color: #fff;
    margin: 0
}

.program-card-row__card .program-card-row__content-wrapper {
    grid-area: 3/1;
    align-self: end;
    padding-inline: 2rem
}

.program-card-row__card .program-card-row__content {
    grid-template-rows:0fr;
    transition: grid-template-rows .2s;
    display: grid
}

.program-card-row__card .program-card-row__content p {
    color: #fff
}

.program-card-row__card .program-card-row__content > div {
    overflow: hidden
}

.program-card-row__card .program-card-row__link-wrapper {
    grid-area: 4/1;
    align-self: end;
    padding: 2rem 2rem 0
}

.program-card-row__card .wp-element-button {
    border-radius: unset;
    padding: 1.2rem 2rem;
    font-size: 1.6rem;
    display: block
}

.program-card-row__card .wp-element-button, .program-card-row__card .wp-element-button:hover {
    background-color: #000;
    border: 1px solid #000
}

.program-card-row__glide {
    display: none
}

@media (width <= 640.98px) {
    .program-card-row__glide {
        margin-top: 2.4rem;
        display: block
    }
}

.program-card-row__glide-flex {
    justify-content: center;
    display: flex
}

.program-card-row__slides {
    display: flex
}

.program-card-row__slides .program-card-row__slide {
    height: inherit
}

.program-card-row__track {
    width: 100%
}

@media (width <= 640.98px) {
    .program-card-row__track {
        width: calc(100% - 4rem)
    }
}

.program-card-row__track.glide__track {
    overflow: visible
}

.program-card-row__glide-controls {
    justify-content: center;
    display: flex
}

.program-card-row__glide-controls .glide__bullet--active {
    background-color: #000
}

.program-card-row__title {
    font-family: Libre Baskerville, Helvetica, Arial, sans-serif;
    font-size: 2.8rem;
    font-weight: 400;
    line-height: 150%
}

@media (width <= 1024.98px) {
    .program-card-row__title {
        font-size: 2rem
    }
}

.program-card-row__categories-wrapper p {
    font-family: Libre Baskerville, Helvetica, Arial, sans-serif;
    font-size: 2rem;
    font-weight: 400;
    line-height: 150%
}

.program-card-row__wrapper {
    margin: 10.4rem auto
}

@media (width <= 1024.98px) {
    .program-card-row__wrapper {
        margin: 4.8rem auto
    }
}

.program-card-row__content-container {
    gap: 4.8rem
}

.program-card-row__intro-content {
    -moz-column-gap: 2.4rem;
    grid-template-rows:auto auto;
    grid-template-columns:auto auto;
    column-gap: 2.4rem;
    display: grid
}

@media (width <= 640.98px) {
    .program-card-row__intro-content {
        display: block
    }
}

.program-card-row__heading {
    color: #d52838;
    max-width: 55.5rem;
    margin: 0
}

.program-card-row__heading + p {
    margin-top: 1.6rem !important
}

.program-card-row__description {
    grid-column: 1;
    max-width: 55.5rem;
    margin: 0
}

.program-card-row__cta-container {
    grid-area: 1/2/3;
    justify-content: flex-end;
    gap: 2.4rem;
    display: flex
}

@media (width <= 640.98px) {
    .program-card-row__cta-container {
        gap: 1.6rem;
        justify-content: unset;
        margin-top: 4rem;
        display: grid
    }
    .program-card-row__cta-container .cta-button {
        width: 100%
    }
}

.program-card-row__cards-grid {
    gap: 4.8rem
}

.program-card-row__title {
    color: #fff
}

@media (width <= 640.98px) {
    .program-card-row__title {
        font-size: 2.8rem;
        font-weight: 400;
        line-height: 150%
    }
}

.program-card-row__card {
    isolation: isolate;
    height: 60rem;
    position: relative
}

@media (width <= 640.98px) {
    .program-card-row__card {
        height: 43.4rem
    }
}

.program-card-row__card .program-card-row__content-wrapper {
    padding: 0 2.4rem 2.4rem !important
}

.program-card-row__card .program-card-row__content-wrapper p {
    color: #fff;
    font-size: 1.8rem
}

@media (width <= 640.98px) {
    .program-card-row__card .program-card-row__content-wrapper {
        display: none
    }
}

.program-card-row__card .program-card-row__image-wrapper {
    pointer-events: none;
    z-index: -1;
    aspect-ratio: unset;
    width: 100%;
    height: 100%;
    margin-bottom: 0;
    overflow: hidden
}

.program-card-row__image-wrapper {
    isolation: isolate;
    cursor: pointer;
    align-self: center;
    position: absolute
}

.program-card-row__image-wrapper img {
    z-index: -1;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%
}

.program-card-row__image-wrapper:after {
    pointer-events: none;
    z-index: 1;
    content: " ";
    opacity: 1;
    background: linear-gradient(#0000 21.91%, #0009 84.2%), linear-gradient(#0003 0% 100%), -331.592px -110px/254.676% 118.395% no-repeat;
    width: 100%;
    height: 100%;
    transition: width .3s, height .3s, opacity .3s;
    position: absolute;
    bottom: 0;
    right: 0
}

.program-card-row__categories-wrapper {
    background-color: #d52838;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 7.2rem;
    height: 7.2rem;
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    padding-inline: 0 !important
}

.program-card-row__categories-wrapper:before {
    color: #fff;
    content: "Age";
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 100%
}

.program-card-row__categories-wrapper p {
    color: #fff;
    margin: 0
}

.program-card-row__title-wrapper {
    padding: .8rem 2.4rem !important
}

@media (width <= 640.98px) {
    .program-card-row__title-wrapper {
        margin: 2.4rem
    }
}

.program-card-row__content-wrapper p {
    margin: 0;
    line-height: 175%
}

.program-card-row__cta-container .cta-button.cta-button--secondary a {
    color: #d52838;
    border-color: #d52838
}

.program-card-row__cta-container .cta-button.cta-button--secondary a:after {
    content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' viewBox='0 0 13 13' fill='none'><path d='M9.58594 2H0V0H13V13H11V3.41436L1.70718 12.7072L0.292969 11.293L9.58594 2Z' fill='%23d52838'/></svg>")
}

.program-card-row__link-wrapper {
    width: 100%;
    padding: 0 2.4rem .4rem !important
}

.program-card-row__link-wrapper .cta-button {
    width: 100%
}

.program-card-row__link-wrapper .cta-button a {
    z-index: 1
}

.program-card-row__link-wrapper .cta-button:after {
    pointer-events: none;
    z-index: -1;
    content: " ";
    opacity: 0;
    background-color: #d52838;
    width: 100%;
    height: 100%;
    transition: opacity .2s;
    position: absolute;
    top: 0;
    left: 0
}

@media (width >= 641px) {
    .program-card-row__link-wrapper .cta-button:hover:after {
        opacity: .5
    }
}

.program-card-row__glide {
    margin-top: 4.8rem
}

.program-card-row__glide-flex {
    padding-bottom: 4.8rem
}

.program-card-row__track {
    overflow: visible !important
}

.program-card-row__glide-controls {
    margin-top: 2.4rem
}

.program-card-row__glide-controls .glide__bullets {
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 1.6rem;
    margin: 0 .4rem;
    display: flex
}

.program-card-row__glide-controls .glide__bullet {
    cursor: pointer;
    background-color: #0000;
    padding: .6rem
}

.program-card-row__glide-controls .glide__bullet:after {
    content: " ";
    background-color: #898989;
    border-radius: 50%;
    width: 1.2rem;
    height: 1.2rem;
    transition: background-color .2s;
    display: block
}

.program-card-row__glide-controls .glide__bullet.glide__bullet--active:after {
    background-color: #d52838
}

.program-card-row__glide-controls .glide__arrow {
    cursor: pointer
}

.program-card-row__glide-controls .glide__arrow:after {
    opacity: .6;
    justify-content: center;
    align-items: center;
    width: 2.4rem;
    height: 2.4rem;
    transition: opacity .2s;
    display: flex
}

.program-card-row__glide-controls .glide__arrow:hover:after {
    opacity: 1
}

.program-card-row__glide-controls .glide__arrow--left:after {
    content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='13' height='19' viewBox='0 0 13 19' fill='none'><path fill-rule='evenodd' clip-rule='evenodd' d='M3.42901 9.99902L11.2072 17.7772L9.79297 19.1914L0.600582 9.99902L9.79297 0.80663L11.2072 2.22084L3.42901 9.99902Z' fill='%232B2824'/></svg>")
}

.program-card-row__glide-controls .glide__arrow--right:after {
    content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='13' height='19' viewBox='0 0 13 19' fill='none'><path fill-rule='evenodd' clip-rule='evenodd' d='M9.57099 10.001L1.79282 2.22281L3.20703 0.808594L12.3994 10.001L3.20703 19.1934L1.79282 17.7792L9.57099 10.001Z' fill='%232B2824'/></svg>")
}

.program-card-row__glide--desktop .program-card-row__track {
    width: 100%;
    overflow: hidden !important
}

.program-card-row__glide--desktop .program-card-row__glide-controls {
    margin-top: 0
}