/* 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;
}
*/
@media (min-width: 48rem) {
  .block-info-slides {
    padding: 0 clamp(1.25rem, -4.9166666667rem + 17.1296296296vw, 5.1rem) 0;
  }
}
.block-info-slides.slick-slider {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}
@media (max-width: 61.98rem) {
  .block-info-slides .slick-list {
    flex: 0 0 100%;
    margin-bottom: 0;
  }
}
@media (min-width: 62rem) {
  .block-info-slides .slick-list {
    width: 100%;
    margin: 0 auto;
  }
}
.block-info-slides .slick-track {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.block-info-slides .slick-arrow {
  top: auto;
}
@media (max-width: 61.98rem) {
  .block-info-slides .slick-arrow {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    margin-top: 1.5rem;
    transform: none;
  }
}
.block-info-slides .slick-arrow.slick-prev {
  order: 2;
  margin-left: auto;
}
@media (min-width: 62rem) {
  .block-info-slides .slick-arrow.slick-prev {
    left: 0;
    margin: 0;
    margin-right: 2.5rem;
  }
}
.block-info-slides .slick-arrow.slick-next {
  order: 3;
  margin-right: auto;
}
@media (min-width: 62rem) {
  .block-info-slides .slick-arrow.slick-next {
    right: 0;
    margin: 0;
    margin-left: 2.5rem;
  }
}

.component-lightbox-active + .block-cta-info-slider {
  position: relative;
  z-index: -1;
}

.acf-block.block-hero-home + .acf-block.block-cta-info-slider {
  padding: 3rem 0rem;
}

.acf-block.block-hero-standard + .acf-block.block-cta-info-slider {
  padding-top: 3rem;
}