/* stylelint-disable order/order */
/* stylelint-enable order/order */
/*
 * Fonts
 *
 * The font settings are defined via the gulp figma task creates variables in the css/__base-includes/figma/_figma-font-styles.scss file based on the Figma file. Additional variables are defined here.
 */
/*
 * Colors
 *
 * The primary colors are defined via the gulp figma task creates variables in the css/__base-includes/figma/_figma-color-variables.scss file based on the Figma file. Additional variables are defined here.
 */
/*
 * Effects
 */
/*
 * Grid Settings
 */
/*
This file can be used for optional additions to the Figma-generated font style mixins in the figma/_figma-font-styles.scss file.

For example, if you want to add styles to the @overline mixin, just create a mixin here called @overline-custom and that CSS will be added to the primary mixin:

@mixin overline-custom() {
	font-weight: 700;
}
*/
.block-content-side-image {
  --clip-path-right: polygon(70% 0, 100% 0%, 100% 100%, 90% 100%);
  --clip-path-left: polygon(0 0, 30% 0, 13% 100%, 0 100%);
  position: relative;
  isolation: isolate;
  overflow: hidden;
}
@media (min-width: 48rem) {
  .block-content-side-image--style-collage {
    padding-bottom: 15.8125rem;
  }
}
@media (min-width: 62rem) {
  .block-content-side-image--right::before {
    position: absolute;
    top: 0;
    right: 0;
    content: "";
    z-index: -1;
    width: 30.4375rem;
    height: 100%;
    background-color: #ff6b36;
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 70% 100%);
  }
}
@media screen and (max-width: 1280px) {
  .block-content-side-image--right::after {
    right: 14.0625rem;
    transform: skew(24deg, 0deg);
  }
}
@media (max-width: 47.98rem) {
  .block-content-side-image--right {
    padding-bottom: 2.9375rem !important;
  }
  .block-content-side-image--right::before {
    position: absolute;
    bottom: 0;
    right: 0;
    content: "";
    z-index: -1;
    width: 100%;
    height: 80%;
    background-color: #ff6b36;
    clip-path: var(--clip-path-right);
  }
  .block-content-side-image--right .block-content-side-image__container {
    display: flex;
    flex-direction: column-reverse;
  }
  .block-content-side-image--right .block-content-side-image__image-col {
    margin-bottom: 0;
  }
}
@media (max-width: 61.98rem) {
  .block-content-side-image--right::before {
    position: absolute;
    bottom: 0;
    right: 0;
    content: "";
    z-index: -1;
    width: 100%;
    height: 100%;
    background-color: #ff6b36;
    clip-path: var(--clip-path-right);
  }
}
.block-content-side-image--right::after {
  position: absolute;
  bottom: 0;
  right: 13.4375rem;
  content: "";
  z-index: 1;
  width: 0.5rem;
  height: 17.8125rem;
  background-color: #00c0de;
  transform: skew(20deg, 0deg);
}
@media (max-width: 61.98rem) {
  .block-content-side-image--right::after {
    right: 25%;
    height: 11.25rem;
  }
}
@media (min-width: 48rem) {
  .block-content-side-image--right .block-content-side-image__image-col {
    order: 2;
  }
}
@media (min-width: 62rem) {
  .block-content-side-image--left::before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    z-index: -1;
    width: 30.4375rem;
    height: 100%;
    background-color: #ff6b36;
    clip-path: polygon(0 0, 100% 0%, 45% 100%, 0 100%);
  }
}
@media screen and (max-width: 1280px) {
  .block-content-side-image--left::after {
    left: 18.125rem;
    transform: skew(-21deg, 0deg);
  }
}
@media (max-width: 61.98rem) {
  .block-content-side-image--left::before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    z-index: -1;
    width: 100%;
    height: 100%;
    background-color: #ff6b36;
    clip-path: var(--clip-path-left);
  }
}
.block-content-side-image--left::after {
  position: absolute;
  left: 17.5rem;
  bottom: 0;
  content: "";
  z-index: 1;
  width: 0.5rem;
  height: 17.8125rem;
  background-color: #00c0de;
  transform: skew(-15deg, 0deg);
}
@media (max-width: 61.98rem) {
  .block-content-side-image--left::after {
    left: 12%;
  }
}
@media (max-width: 61.98rem) {
  .block-content-side-image::after {
    height: 31%;
  }
}
@media (max-width: 47.98rem) {
  .block-content-side-image::after {
    height: 11.25rem;
  }
}
.block-content-side-image.block-content-side-image--style-collage .block-content-side-image__image-col {
  position: relative;
}
.block-content-side-image.is-style-pink::before,
.block-content-side-image.is-style-pink .block-content-side-image__image-col::before {
  background-color: #ef517d;
}
.block-content-side-image.is-style-pink::after,
.block-content-side-image.is-style-pink .block-content-side-image__image-wrapper::after {
  background-color: #72554e;
}
.block-content-side-image.is-style-green::before,
.block-content-side-image.is-style-green .block-content-side-image__image-col::before {
  background-color: #8fa74e;
}
.block-content-side-image.is-style-green::after,
.block-content-side-image.is-style-green .block-content-side-image__image-wrapper::after {
  background-color: #dd4d86;
}
.block-content-side-image.is-style-teal::before,
.block-content-side-image.is-style-teal .block-content-side-image__image-col::before {
  background-color: #00aeaa;
}
.block-content-side-image.is-style-teal::after,
.block-content-side-image.is-style-teal .block-content-side-image__image-wrapper::after {
  background-color: #cd0;
}
.block-content-side-image.is-style-ais::before,
.block-content-side-image.is-style-ais .block-content-side-image__image-col::before {
  background-color: #e57742;
}
.block-content-side-image.is-style-ais::after,
.block-content-side-image.is-style-ais .block-content-side-image__image-wrapper::after {
  background-color: #f8b015;
}
.block-content-side-image.is-style-ael::before,
.block-content-side-image.is-style-ael .block-content-side-image__image-col::before {
  background-color: #ab0848;
}
.block-content-side-image.is-style-ael::after,
.block-content-side-image.is-style-ael .block-content-side-image__image-wrapper::after {
  background-color: #0076be;
}
.block-content-side-image.is-style-jazz-in-the-pines::before,
.block-content-side-image.is-style-jazz-in-the-pines .block-content-side-image__image-col::before {
  background-color: #2662a9;
}
.block-content-side-image.is-style-jazz-in-the-pines::after,
.block-content-side-image.is-style-jazz-in-the-pines .block-content-side-image__image-wrapper::after {
  background-color: #e1193e;
}
.block-content-side-image.is-style-ccse::before,
.block-content-side-image.is-style-ccse .block-content-side-image__image-col::before {
  background-color: #00b6dd;
}
.block-content-side-image.is-style-ccse::after,
.block-content-side-image.is-style-ccse .block-content-side-image__image-wrapper::after {
  background-color: #ede012;
}
.block-content-side-image.is-style-itl::before,
.block-content-side-image.is-style-itl .block-content-side-image__image-col::before {
  background-color: #ff6b36;
}
.block-content-side-image.is-style-itl::after,
.block-content-side-image.is-style-itl .block-content-side-image__image-wrapper::after {
  background-color: #2662a9;
}
.block-content-side-image.is-style-parks-exhibition-center::before,
.block-content-side-image.is-style-parks-exhibition-center .block-content-side-image__image-col::before {
  background-color: #2662a9;
}
.block-content-side-image.is-style-parks-exhibition-center::after,
.block-content-side-image.is-style-parks-exhibition-center .block-content-side-image__image-wrapper::after {
  background-color: #00aeaa;
}
.block-content-side-image.is-style-owoi::before,
.block-content-side-image.is-style-owoi .block-content-side-image__image-col::before {
  background-color: #8fa74e;
}
.block-content-side-image.is-style-owoi::after,
.block-content-side-image.is-style-owoi .block-content-side-image__image-wrapper::after {
  background-color: #0076be;
}
.block-content-side-image.is-style-advancement-team::before,
.block-content-side-image.is-style-advancement-team .block-content-side-image__image-col::before {
  background-color: #d2451d;
}
.block-content-side-image.is-style-advancement-team::after,
.block-content-side-image.is-style-advancement-team .block-content-side-image__image-wrapper::after {
  background-color: #888b8c;
}
.block-content-side-image.is-style-ootp-primary::before,
.block-content-side-image.is-style-ootp-primary .block-content-side-image__image-col::before {
  background-color: #007a8a;
}
.block-content-side-image.is-style-ootp-primary::after,
.block-content-side-image.is-style-ootp-primary .block-content-side-image__image-wrapper::after {
  background-color: #b06d03;
}
.block-content-side-image.is-style-ootp-secondary::before,
.block-content-side-image.is-style-ootp-secondary .block-content-side-image__image-col::before {
  background-color: #b06d03;
}
.block-content-side-image.is-style-ootp-secondary::after,
.block-content-side-image.is-style-ootp-secondary .block-content-side-image__image-wrapper::after {
  background-color: #007a8a;
}
.block-content-side-image.is-style-cc-primary::before,
.block-content-side-image.is-style-cc-primary .block-content-side-image__image-col::before {
  background-color: #c6a9c6;
}
.block-content-side-image.is-style-cc-primary::after,
.block-content-side-image.is-style-cc-primary .block-content-side-image__image-wrapper::after {
  background-color: #2d9da9;
}
.block-content-side-image.is-style-cc-secondary::before,
.block-content-side-image.is-style-cc-secondary .block-content-side-image__image-col::before {
  background-color: #2d9da9;
}
.block-content-side-image.is-style-cc-secondary::after,
.block-content-side-image.is-style-cc-secondary .block-content-side-image__image-wrapper::after {
  background-color: #c6a9c6;
}
@media (min-width: 48rem) {
  .block-content-side-image__container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}
.block-content-side-image .slick-slide .block-content-side-image__image-wrapper::after {
  display: none;
}
@media (max-width: 47.98rem) {
  .block-content-side-image__image-col {
    max-width: 41.25rem;
    margin-bottom: 3rem;
  }
  .block-content-side-image__image-col::after {
    display: none;
  }
  .block-content-side-image--style-collage .block-content-side-image__image-col {
    max-width: 85%;
  }
  .block-content-side-image--style-collage.block-content-side-image--right .block-content-side-image__image-col {
    margin-left: auto;
  }
  .block-content-side-image--style-collage.block-content-side-image--left .block-content-side-image__image-col {
    margin-right: auto;
  }
}
@media (min-width: 48rem) {
  .block-content-side-image__image-col {
    flex: 0 0 calc(50% - 1rem);
    max-width: calc(50% - 1rem);
  }
  .block-content-side-image--style-collage .block-content-side-image__image-col {
    flex: 0 0 calc(50% - 7.8125rem);
    max-width: calc(50% - 7.8125rem);
  }
}
.block-content-side-image__image-wrapper {
  padding-bottom: 100%;
}
@media (max-width: 61.98rem) {
  .block-content-side-image__image-wrapper {
    overflow: visible;
  }
}
@media (max-width: 61.98rem) {
  .block-content-side-image__image-wrapper {
    position: relative;
    min-height: 20.9375rem;
  }
  .block-content-side-image__image-wrapper::after {
    position: absolute;
    bottom: -25rem;
    content: "";
    z-index: 1;
    display: none;
    width: 0.5rem;
    height: 33.25rem;
    background-color: #00c0de;
  }
  .block-content-side-image--right .block-content-side-image__image-wrapper::after {
    right: 2.875rem;
    transform: skew(15deg, 0deg);
  }
  .block-content-side-image--left .block-content-side-image__image-wrapper::after {
    left: 2.875rem;
    transform: skew(-15deg, 0deg);
  }
}
.block-content-side-image__collage-image {
  position: absolute;
  bottom: -6.625rem;
  width: 60%;
  height: 60%;
  max-width: 19rem;
  max-height: 19rem;
}
@media (max-width: 47.98rem) {
  .block-content-side-image__collage-image {
    position: relative;
    bottom: auto;
    max-width: 10rem;
    max-height: 10rem;
    margin-top: -6rem;
    overflow: hidden;
  }
}
.block-content-side-image--right .block-content-side-image__collage-image {
  left: -7rem;
}
@media (max-width: 47.98rem) {
  .block-content-side-image--right .block-content-side-image__collage-image {
    left: auto;
    margin-left: -2.6875rem;
  }
}
.block-content-side-image--left .block-content-side-image__collage-image {
  right: -7rem;
}
@media (max-width: 47.98rem) {
  .block-content-side-image--left .block-content-side-image__collage-image {
    margin-left: 2.6875rem;
  }
}
.block-content-side-image__collage-image .block-content-side-image__image-wrapper-small {
  width: 100%;
  height: 100%;
}
.block-content-side-image__collage-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.block-content-side-image .c-btn--play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (min-width: 48rem) {
  .block-content-side-image__content-col {
    flex-grow: 1;
    max-width: 36rem;
  }
  .block-content-side-image--right .block-content-side-image__content-col {
    padding-right: 3rem;
  }
  .block-content-side-image--style-collage.block-content-side-image--right .block-content-side-image__content-col {
    padding-right: 7rem;
  }
  .block-content-side-image--left .block-content-side-image__content-col {
    padding-left: 3rem;
  }
  .block-content-side-image--style-collage.block-content-side-image--left .block-content-side-image__content-col {
    padding-left: 7rem;
  }
}
.block-content-side-image .slick-slider {
  z-index: auto;
}
.block-content-side-image .slick-slider .block-content-side-image__figure {
  background-color: #fff;
}
.block-content-side-image .slick-arrow.slick-arrow--primary {
  position: absolute;
  top: auto;
  bottom: 1.25rem;
  width: clamp(2rem, 0.8571428571rem + 2.380952381vw, 3rem);
  height: clamp(2rem, 0.8571428571rem + 2.380952381vw, 3rem);
  color: #0d0d0d;
  background-color: #fff;
}
.block-content-side-image .slick-arrow.slick-arrow--primary:hover {
  border-color: transparent;
}
.block-content-side-image .slick-arrow.slick-prev {
  left: auto;
  right: clamp(4rem, 2.2857142857rem + 3.5714285714vw, 5.5rem);
}
.block-content-side-image .slick-arrow.slick-next {
  right: clamp(1rem, 0.7142857143rem + 0.5952380952vw, 1.25rem);
}
@media (max-width: 47.98rem) {
  .block-content-side-image__content-col {
    position: relative;
    padding-bottom: 3.125rem;
  }
}
@media (max-width: 47.98rem) {
  .block-content-side-image__content-col::before {
    position: absolute;
    top: -100%;
    left: -50%;
    bottom: 0;
    right: -50%;
    content: "";
    z-index: -1;
    width: 200%;
    height: 200%;
    background-color: #fff;
  }
}
@media (max-width: 47.98rem) {
  .block-content-side-image__image-col {
    padding-top: 3rem;
  }
}

body[style="overflow: hidden;"] .acf-block.block-content-side-image {
  isolation: unset;
}

.acf-block.bg-transparent.block-content-side-image + .acf-block.bg-transparent.block-content-side-image,
.acf-block.bg-transparent + .acf-block.bg-transparent.block-content-side-image,
.acf-block.bg-white.block-content-side-image + .acf-block.bg-white {
  padding-top: clamp(6rem, 2.5714285714rem + 7.1428571429vw, 9rem);
}

.acf-block.block-content-side-image + .acf-block.block-content-side-image {
  padding-top: clamp(6rem, 2.5714285714rem + 7.1428571429vw, 9rem);
}

.acf-block:not(.block-content-side-image) + .acf-block.block-content-side-image {
  padding-top: clamp(6rem, 2.5714285714rem + 7.1428571429vw, 9rem);
}

.acf-block.block-content-side-image + .block-card-image-links {
  padding-top: clamp(6rem, 2.5714285714rem + 7.1428571429vw, 9rem) !important;
}

h2 + .block-content-side-image,
h3 + .block-content-side-image,
h4 + .block-content-side-image,
h5 + .block-content-side-image,
h6 + .block-content-side-image,
ul + .block-content-side-image:not(.block-content-side-image--left) {
  margin-top: clamp(4rem, 3.4285714286rem + 1.1904761905vw, 4.5rem);
}
@media (max-width: 61.98rem) {
  h2 + .block-content-side-image,
h3 + .block-content-side-image,
h4 + .block-content-side-image,
h5 + .block-content-side-image,
h6 + .block-content-side-image,
ul + .block-content-side-image:not(.block-content-side-image--left) {
    padding-top: 0;
  }
}