/* Component: arcadian-comp-media-and-content — extracted from main-with-blocks.css for R1 conditional loading */

@media (width <= 1024.98px) {
    .wp-block-block-builder-by-arc-media-and-content.media-asset-hidden-mobile .media-and-content__image {
        display: none
    }
}

.media-and-content-video__stacking-grid {
    isolation: isolate;
    grid-template-rows:1fr;
    grid-template-columns:1fr;
    justify-content: center;
    width: 100%;
    height: 100%;
    display: grid;
    overflow: clip
}

.media-and-content__video-wrapper {
    aspect-ratio: 16/9;
    z-index: -1;
    grid-area: 1/1;
    justify-content: center;
    align-items: center;
    display: flex
}

.media-and-content-video__poster {
    cursor: pointer;
    grid-area: 1/1
}

.media-and-content-video__poster > * {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100% !important
}

.media-and-content-video__poster-image, .media-and-content-video__video {
    aspect-ratio: 16/9;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%;
    height: 100%
}

.media-and-content-video__overlay {
    cursor: pointer;
    z-index: 1;
    grid-area: 1/1;
    justify-content: center;
    align-items: center;
    display: flex
}

.media-and-content-video__overlay:hover .media-and-content-video__overlay-icon {
    scale: 1.2
}

.media-and-content-video__overlay .media-and-content-video__overlay-icon {
    border: 2px solid #fff;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 6rem;
    height: 6rem;
    display: flex
}

.media-and-content-video__overlay .media-and-content-video__overlay-icon:focus-visible {
    outline: 3px solid red
}

.media-and-content-video__overlay .media-and-content-video__overlay-icon:before {
    content: " ";
    border: 15px solid #0000;
    border-left: 25px solid #fff;
    border-right-width: 0;
    transform: translate(3px)
}

.media-and-content__video {
    aspect-ratio: unset
}

.media-and-content__video, .media-and-content__video > * {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%
}

@media screen and (width <= 640.98px) {
    .media-and-content__buttons-wrapper {
        flex-direction: column;
        gap: 1.6rem
    }
}

@media (width <= 1024.98px) {
    .media-and-content__col-one-background {
        border-right: unset
    }
}

@media (width <= 1024.98px) {
    .variable-container .media-and-content__content-container.no-media .media-and-content__col-one-background {
        grid-row: 2;
        transform: translate(0)
    }
}

@media (width <= 1024.98px) {
    .variable-container .media-and-content__content-container.media-right {
        direction: ltr
    }
}

@media (width <= 1024.98px) {
    .variable-container .media-and-content__content-container.media-right .arc-column-two {
        transform: translate(0)
    }
}

@media (width <= 1024.98px) {
    .variable-container .media-and-content__content-container.media-left .media-and-content__col-one-background, .variable-container .media-and-content__content-container.media-right .media-and-content__col-one-background {
        grid-row: 2;
        transform: translate(0)
    }
    .variable-container .media-and-content__content-container .arc-column-two {
        transform: translate(0)
    }
}

@media (width >= 1025px) {
    .variable-container.col-one-overflow .media-left .media-and-content__column-two {
        padding-right: 0
    }
    .variable-container.col-one-overflow .media-right .media-and-content__column-two {
        padding-left: 0
    }
}

@media (width <= 1024.98px) {
    .variable-container .media-and-content__col-one-background, .variable-container .media-and-content__col-two-background {
        width: 100%
    }
}

.variable-container__fullscreen .arc-column-one.media-and-content__column-one {
    grid-column: 1/4
}

.media-and-content__content-container {
    isolation: isolate
}

.media-and-content__image {
    width: 100%;
    height: 100%
}

.media-and-content__image > * {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100% !important;
}

.media-and-content__video {
    width: 100%;
    height: 100%
}

.media-and-content__video > * {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%
}

.media-and-content__buttons-wrapper {
    gap: 4rem;
    margin-top: 4rem;
    display: flex
}

@media screen and (width <= 767px) {
    .media-and-content__buttons-wrapper {
        flex-direction: column;
        gap: 1.6rem
    }
}

.media-and-content__tagline {
    font-size: 2.4rem;
    font-weight: 400
}

.media-and-content__heading {
    font-size: 3.6rem;
    font-weight: 400;
    line-height: 1.5
}

.media-and-content__description {
    font-size: 1.8rem;
    font-weight: 400
}

.media-and-content__description.text-right {
    text-align: right
}

.media-and-content__description.text-left {
    text-align: left
}

.media-and-content__description.text-center {
    text-align: center
}

.media-and-content__col-one-background {
    z-index: -1;
    background-color: silver;
    border-right: 1px solid silver;
    width: 50%;
    height: 100%;
    transform: translate(100%)
}

@media (width <= 1024.98px) {
    .media-and-content__col-one-background {
        border-right: unset
    }
}

.media-and-content__col-two-background {
    z-index: -1;
    background-color: #515151;
    width: 50%;
    height: 100%;
    transform: translate(0%)
}

.variable-container .media-and-content__content-container {
    display: grid
}

@media (width <= 1024.98px) {
    .variable-container .media-and-content__content-container.no-media .media-and-content__col-one-background {
        grid-row: 2;
        transform: translate(0%)
    }
}

.variable-container .media-and-content__content-container.media-right {
    direction: rtl
}

@media (width <= 1024.98px) {
    .variable-container .media-and-content__content-container.media-right {
        direction: ltr
    }
}

.variable-container .media-and-content__content-container.media-right .arc-column-two {
    direction: ltr;
    transform: translate(-100%)
}

@media (width <= 1024.98px) {
    .variable-container .media-and-content__content-container.media-right .arc-column-two {
        transform: translate(0%)
    }
}

.variable-container .media-and-content__content-container.media-right .media-and-content__col-one-background {
    transform: translate(-100%)
}

@media (width <= 1024.98px) {
    .variable-container .media-and-content__content-container.media-right .media-and-content__col-one-background, .variable-container .media-and-content__content-container.media-left .media-and-content__col-one-background {
        grid-row: 2;
        transform: translate(0%)
    }
    .variable-container .media-and-content__content-container .arc-column-two {
        transform: translate(0%)
    }
}

.variable-container.col-one-overflow .media-and-content__col-one-background, .variable-container.col-two-overflow .media-and-content__col-two-background {
    grid-column: 1/4
}

@media (width <= 1024.98px) {
    .variable-container .media-and-content__col-two-background, .variable-container .media-and-content__col-one-background {
        width: 100%
    }
}

.media-and-content__heading {
    font-family: Libre Baskerville, Helvetica, Arial, sans-serif;
    font-size: 3.6rem;
    font-weight: 400;
    line-height: 150%
}

@media (width <= 1024.98px) {
    .media-and-content__heading {
        font-size: 2.8rem
    }
}

.media-and-content__container.arcadian-style__alternate .media-and-content__description h4, .media-and-content__container.alternate-style .media-and-content__description h4 {
    font-family: Red Hat Display, Helvetica, Arial, sans-serif;
    font-size: 2.4rem;
    font-weight: 600;
    line-height: 175%
}

@media (width <= 1024.98px) {
    .media-and-content__container.arcadian-style__alternate .media-and-content__description h4, .media-and-content__container.alternate-style .media-and-content__description h4 {
        font-size: 2rem
    }
}

.media-and-content__description {
    font-family: Red Hat Display, Helvetica, Arial, sans-serif;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 175%
}

.media-and-content__container.default .media-and-content__column-two .cta-button--primary a {
    color: #d52838;
    background-color: #fff
}

.media-and-content__container.default .media-and-content__column-two .cta-button--primary 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>") !important
}

.media-and-content__container.default .media-and-content__column-two .cta-button--secondary a {
    color: #fff;
    background-color: #0000;
    border-color: #fff
}

.media-and-content__container.default .media-and-content__column-two .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='white'/></svg>") !important
}

@media (width <= 1024.98px) {
    .media-and-content__container.default .media-and-content__column-two {
        padding: 4.8rem 2.4rem
    }
}

.wp-block-block-builder-montessori-media-and-text-montessori:not(.variable-container__fullscreen) .media-and-content__container, .wp-block-block-builder-by-arc-media-and-content:not(.variable-container__fullscreen) .media-and-content__container {
    margin-top: 4rem;
    margin-bottom: 4rem
}

@media (width >= 1025px) {
    .wp-block-block-builder-montessori-media-and-text-montessori:not(.variable-container__fullscreen) .media-and-content__image, .wp-block-block-builder-by-arc-media-and-content:not(.variable-container__fullscreen) .media-and-content__image {
        min-height: 50rem
    }
}

.wp-block-block-builder-montessori-media-and-text-montessori:not(.variable-container__fullscreen) .media-and-content__column-two, .wp-block-block-builder-by-arc-media-and-content:not(.variable-container__fullscreen) .media-and-content__column-two {
    padding: 6.8rem 9rem
}

@media (width <= 1024.98px) {
    .wp-block-block-builder-montessori-media-and-text-montessori:not(.variable-container__fullscreen) .media-and-content__column-two, .wp-block-block-builder-by-arc-media-and-content:not(.variable-container__fullscreen) .media-and-content__column-two {
        padding: 4.8rem 2.4rem
    }
}

.media-and-content__container.arcadian-style__default .gfield_required, .media-and-content__container.arcadian-style__default label, .media-and-content__container.arcadian-style__default legend, .media-and-content__container.arcadian-style__default .gfield_description, .media-and-content__container.arcadian-style__default .gsection_title, .media-and-content__container.normal .gfield_required, .media-and-content__container.normal label, .media-and-content__container.normal legend, .media-and-content__container.normal .gfield_description, .media-and-content__container.normal .gsection_title {
    color: #fff !important
}

.media-and-content__container.arcadian-style__default .gsection_description, .media-and-content__container.normal .gsection_description {
    display: block
}

.media-and-content__container.arcadian-style__default .gform_footer, .media-and-content__container.normal .gform_footer {
    background-color: #fff !important
}

.media-and-content__container.arcadian-style__default .gform_footer input, .media-and-content__container.normal .gform_footer input {
    color: #d52838 !important
}

.media-and-content__container.arcadian-style__default .gform_footer:after, .media-and-content__container.normal .gform_footer: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>") !important
}

.media-and-content__container.arcadian-style__default:not(.alternate-style) .media-and-content__buttons-wrapper .cta-button--primary a, .media-and-content__container.normal:not(.alternate-style) .media-and-content__buttons-wrapper .cta-button--primary a {
    color: #d52838;
    background-color: #fff !important
}

.media-and-content__container.arcadian-style__default:not(.alternate-style) .media-and-content__buttons-wrapper .cta-button--primary a:after, .media-and-content__container.normal:not(.alternate-style) .media-and-content__buttons-wrapper .cta-button--primary 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>") !important
}

.media-and-content__container.arcadian-style__alternate .media-and-content__description h1, .media-and-content__container.arcadian-style__alternate .media-and-content__description h2, .media-and-content__container.arcadian-style__alternate .media-and-content__description h3, .media-and-content__container.arcadian-style__alternate .media-and-content__description h5, .media-and-content__container.arcadian-style__alternate .media-and-content__description h6, .media-and-content__container.alternate-style .media-and-content__description h1, .media-and-content__container.alternate-style .media-and-content__description h2, .media-and-content__container.alternate-style .media-and-content__description h3, .media-and-content__container.alternate-style .media-and-content__description h5, .media-and-content__container.alternate-style .media-and-content__description h6 {
    color: #d52838
}

.media-and-content__container.arcadian-style__alternate .media-and-content__description h4, .media-and-content__container.alternate-style .media-and-content__description h4 {
    color: #484c4c
}

.media-and-content__container.arcadian-style__alternate .media-and-content__description p, .media-and-content__container.alternate-style .media-and-content__description p, .media-and-content__container.arcadian-style__alternate .media-and-content__description li, .media-and-content__container.alternate-style .media-and-content__description li {
    color: #2b2824
}

.media-and-content__container.arcadian-style__alternate .media-and-content__description a, .media-and-content__container.alternate-style .media-and-content__description a {
    color: #d52838;
    text-underline-offset: .4rem;
    font-weight: 600
}

.media-and-content__container.arcadian-style__alternate .gform_confirmation_message, .media-and-content__container.alternate-style .gform_confirmation_message {
    color: #2b2824 !important
}

.media-and-content__container.arcadian-style__alternate .cta-button--secondary a, .media-and-content__container.alternate-style .cta-button--secondary a {
    color: #d52838;
    background-color: #0000;
    border-color: #d52838
}

.media-and-content__container.arcadian-style__alternate .cta-button--secondary a:after, .media-and-content__container.alternate-style .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>") !important
}

.media-and-content__container.arcadian-style__alternate .media-and-content__column-two, .media-and-content__container.arcadian-style__alternate .media-and-content__col-one-background, .media-and-content__container.alternate-style .media-and-content__column-two, .media-and-content__container.alternate-style .media-and-content__col-one-background {
    background: #fff;
    border-color: #fff
}

.media-and-content__content-container {
    color: #fff;
    min-height: 40rem
}

.media-and-content__column-two {
    background-color: #d52838;
    padding: 6.8rem 9rem
}

@media (width <= 1024.98px) {
    .media-and-content__column-two {
        padding: 4.8rem 2.4rem
    }
}

.media-and-content__description {
    line-height: 175%
}

.media-and-content__description.text-center .gform_footer {
    margin-inline: auto !important
}

.media-and-content__description.text-right .gform_footer {
    float: right
}

.media-and-content__description > :last-child {
    margin-bottom: 0
}

.media-and-content__description h2, .media-and-content__description h3, .media-and-content__description h4, .media-and-content__description h5 {
    margin: 0 0 1.6rem
}

.media-and-content__description ul {
    margin-bottom: 1.6rem;
    padding-left: 1.8rem
}

.media-and-content__description a {
    color: #fff;
    text-underline-offset: .4rem;
    font-weight: 600
}

.media-and-content__col-one-background {
    background-color: #d52838;
    border-right: 1px solid #d52838
}

@media (width <= 1024.98px) {
    .media-and-content__col-one-background {
        border-right: none
    }
}

.media-and-content__buttons-wrapper {
    flex-wrap: wrap;
    row-gap: 2.4rem
}

.media-and-content__buttons-wrapper.text-left {
    justify-content: flex-start
}

.media-and-content__buttons-wrapper.text-center {
    justify-content: center
}

.media-and-content__buttons-wrapper.text-right {
    justify-content: flex-end
}

.col-one-overflow .media-right .media-and-content__column-two {
    padding-left: 0
}

.col-one-overflow .media-left .media-and-content__column-two {
    padding-right: 0
}

@media (width <= 1024.98px) {
    .col-one-overflow .media-and-content__column-two {
        padding-left: 0;
        padding-right: 0
    }
}

.no-media .media-and-content__column-one {
    padding: 14.8rem 9rem
}

@media (width <= 1024.98px) {
    .no-media .media-and-content__column-one {
        padding: 4.8rem 2.4rem
    }
    .no-media .col-two-overflow .media-and-content__column-one {
        padding-left: 0;
        padding-right: 0
    }
}

.media-and-content__video-wrapper {
    aspect-ratio: unset
}

.media-and-content__video video, .media-and-content__video iframe {
    aspect-ratio: 16/9
}

.media-and-content__image {
    min-height: unset;
    max-height: 37.5rem
}

@media (width >= 1025px) {
    .media-and-content__image {
        min-height: 50rem;
        max-height: unset;
        position: relative
    }
    .media-and-content__image img {
        position: absolute
    }
}

.alternate .media-and-content__col-one-background {
    background-color: #fff;
    border-right: none
}

.alternate .media-and-content__heading {
    color: #d52838
}

.media-and-content-video__overlay {
    background-color: #00000080 !important
}

.media-and-content-video__overlay .media-and-content-video__overlay-icon {
    border: none;
    width: 10rem;
    height: 10rem;
    transition: scale .2s
}

.media-and-content-video__overlay .media-and-content-video__overlay-icon:before {
    border-width: 3.8rem 0 3.8rem 6.6rem
}

@media (width <= 1024.98px) {
    .col-one-overflow .media-and-content__column-two {
        padding-inline: 0 !important
    }
}

html :where(.wp-block) .media-and-content__image img {
    height: 100% !important
}
