/* 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-info-slide__content-col {
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
}
.block-info-slide .overline {
  font-weight: var(--overline-font-weight);
  font-size: var(--overline-font-size);
  font-family: var(--overline-font-family);
  line-height: var(--overline-line-height);
  letter-spacing: var(--overline-letter-spacing);
  text-transform: var(--overline-text-transform);
  margin-bottom: var(--overline-margin-bottom);
  font-weight: 700;
  display: inline-block;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0.75rem;
  background-color: #00aeaa;
}
.block-info-slide .overline:last-child {
  margin-bottom: 0;
}
.block-info-slide__content, .block-info-slide__image-wrapper {
  width: 50%;
}
@media (max-width: 61.98rem) {
  .block-info-slide__content, .block-info-slide__image-wrapper {
    width: 100%;
  }
}
.block-info-slide__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: clamp(1.25rem, -0.5357142857rem + 3.7202380952vw, 2.8125rem) clamp(1.25rem, -5.4642857143rem + 13.9880952381vw, 7.125rem) clamp(1.625rem, 0.2678571429rem + 2.8273809524vw, 2.8125rem) clamp(1.25rem, -1.3214285714rem + 5.3571428571vw, 3.5rem);
}
.block-info-slide__text h1,
.block-info-slide__text h2,
.block-info-slide__text h3,
.block-info-slide__text h4,
.block-info-slide__text h5,
.block-info-slide__text h6 {
  font-weight: var(--title-1-font-weight);
  font-size: var(--title-1-font-size);
  font-family: var(--title-1-font-family);
  line-height: var(--title-1-line-height);
  margin-bottom: var(--title-1-margin-bottom);
}
.block-info-slide__text h1:last-child,
.block-info-slide__text h2:last-child,
.block-info-slide__text h3:last-child,
.block-info-slide__text h4:last-child,
.block-info-slide__text h5:last-child,
.block-info-slide__text h6:last-child {
  margin-bottom: 0;
}
.block-info-slide__text p {
  font-weight: var(--subtitle-1-font-weight);
  font-size: var(--subtitle-1-font-size);
  font-family: var(--subtitle-1-font-family);
  line-height: var(--subtitle-1-line-height);
  margin-bottom: var(--subtitle-1-margin-bottom);
}
.block-info-slide__text p:last-child {
  margin-bottom: 0;
}
.block-info-slide__image-wrapper {
  clip-path: polygon(10% 0%, 100% 0%, 100% 100%, 0% 100%);
}
@media (max-width: 61.98rem) {
  .block-info-slide__image-wrapper {
    padding-top: 1.875rem;
    background: #fff;
    clip-path: polygon(0 0, 100% 10%, 100% 100%, 0% 100%);
  }
}
.block-info-slide__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 61.98rem) {
  .block-info-slide__image {
    object-position: center;
  }
}
.block-info-slide .wp-block-buttons:not(:first-child) {
  margin-top: 1.875rem;
}
.block-info-slide .wp-block-buttons {
  gap: 0.75rem;
}