/* Put chevrons on the slider wrapper */
.wp-block-ymca-slider.is-style-content-slider {
    position: relative;
    overflow: visible;
}

/* Chevron base */
.wp-block-ymca-slider.is-style-content-slider::before,
.wp-block-ymca-slider.is-style-content-slider::after {
    content: "";
    position: absolute;
    background-color: var(--accent-1);
    mask-image: url('data:image/svg+xml;utf8,<svg id="Layer_2" fill="currentColor" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 274.71 467.49"><g id="Layer_1-2" data-name="Layer 1"><path d="M112.16,217.34s0,.04.04.04h0v-.04h-.04ZM267.3,220.29l-.98-1.68L157.03,29.29l-1.89-3.29C145.85,9.92,128.07,0,108.34,0H18.21C8.14,0,0,8.16,0,18.21c0,3.12.72,6.12,2.17,8.62l110.02,190.55c5.01,8.56,7.9,18.52,7.9,29.19s-2.72,20.01-7.48,28.4L16.95,440.66c-1.44,2.49-2.17,5.5-2.17,8.62,0,10.05,8.14,18.21,18.23,18.21h92.49c19.73,0,37.49-9.92,46.76-25.98l1.91-3.31,91.98-159.32,1.72-2.95c4.67-8.14,6.84-17.42,6.84-27.3s-2.63-20.01-7.41-28.32v-.02Z"/></g></svg>');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    pointer-events: none;
    z-index: 3;
}

/*Top-left chevron */
.wp-block-ymca-slider.is-style-content-slider::before {
    width: 92px;
    height: 158px;
    top: 0;
    left: 0;
    transform: translate(-65%, -48%);
    z-index: 0;
}

/* Bottom-right chevron */
.wp-block-ymca-slider.is-style-content-slider::after {
    width: 62px;
    height: 105px;
    right: 0;
    bottom: 0;
    transform: translate(35%, -25%);
}

@media (max-width: 1200px) {
    .wp-block-ymca-content-slide .ymca-content-slide__grid {
        grid-template-columns: 50% 50%;
    }
}

@media (max-width: 886px) {
    .wp-block-ymca-content-slide .ymca-content-slide__grid {
        grid-template-columns: 1fr;
    }

    .ymca-slider:has(.wp-block-ymca-content-slide) {
        --ymca-image-border-radius: 12px 12px 0 0 !important;
    }

    /* .wp-block-ymca-content-slide .ymca-content-slide__media,
  .wp-block-ymca-content-slide .ymca-content-slide__media img {
    border-radius: 12px 12px 0 0;
  } */

    .wp-block-cover:has(.wp-block-ymca-content-slide .ymca-content-slide__grid) {
        padding: 4em;
    }

    .wp-block-ymca-content-slide .ymca-content-slide__body {
        padding: 2rem 35px;
    }
}

@media (max-width: 600px) {
    .wp-block-cover:has(.wp-block-ymca-content-slide .ymca-content-slide__grid) {
        padding: 0 36px;
    }

    .wp-block-ymca-content-slide .ymca-content-slide__body {
        padding: 22px;
    }

    .bmg-split-content-slider .bmg-section-title {
        font-size: 40px !important;
    }

    .bmg-split-content-slider .ymca-slider h2 {
        font-size: 35px;
    }
}

@media (max-width: 500px) {
    .wp-block-ymca-slider.is-style-content-slider::before {
        z-index: 1;
        transform: scale(0.6) translate(-60px, -98px);
    }
    .wp-block-ymca-slider.is-style-content-slider::after {
        width: 40px;
        height: 70px;
        right: 0;
        bottom: 0;
        transform: translate(35%, -80%);
    }
}