/* 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-cta-grid.is-style-narrow .block-cta-grid__col {
    width: 66.6666666667%;
    max-width: 66.6666666667%;
  }
}
.block-cta-grid.is-style-narrow .block-cta-grid__content {
  margin: 0;
  padding: clamp(5.5rem, 4.9285714286rem + 1.1904761905vw, 6rem) clamp(1.25rem, -5.3214285714rem + 13.6904761905vw, 7rem) 6rem;
}
.block-cta-grid.is-style-narrow .block-cta-grid__col--img .block-cta-grid__content {
  padding: 3rem clamp(1.25rem, -1.3214285714rem + 5.3571428571vw, 3.5rem);
}
@media (min-width: 62rem) {
  .block-cta-grid:not(.is-style-narrow) .block-cta-grid__image-wrapper {
    text-align: right;
  }
}
.block-cta-grid__col {
  width: 100%;
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
}
.block-cta-grid__image-wrapper {
  margin-bottom: 1.5rem;
}
@media (min-width: 62rem) {
  .block-cta-grid__image-wrapper {
    width: 26%;
    margin-bottom: 0;
  }
}
.block-cta-grid__image {
  min-width: 12rem;
  border-radius: 50%;
  object-fit: cover;
  object-position: center;
}
.block-cta-grid__copy, .block-cta-grid__image-wrapper {
  position: relative;
  z-index: 1;
}
.block-cta-grid__content {
  position: relative;
  padding: clamp(5.5rem, 2.5rem + 6.25vw, 8.125rem) clamp(1.25rem, -13.3214285714rem + 30.3571428571vw, 14rem) clamp(6rem, 3.5714285714rem + 5.0595238095vw, 8.125rem);
  background-color: #cd0;
}
.block-cta-grid__content::before, .block-cta-grid__content::after {
  position: absolute;
  top: 0;
  content: "";
  z-index: 1;
  width: 11.5rem;
  height: 100%;
  background-color: #166886;
  opacity: 0.3;
  -webkit-clip-path: url(/wp-content/themes/propel/dist/acf-blocks/);
  clip-path: url(/wp-content/themes/propel/dist/acf-blocks/);
}
@media (max-width: 47.98rem) {
  .block-cta-grid__content::before, .block-cta-grid__content::after {
    width: 100%;
    -webkit-clip-path: polygon(0% -0.0000221768%, 42.5127563477% 7.2554893494%, 85.0255737305% 14.511013031%, 127.5383605957% 21.7665290833%, 170.0511322021% 29.0220451355%, 212.5639190674% 36.2775650024%, 255.0767211914% 43.5330848694%, 297.5895080566% 50.7886009216%, 340.1022644043% 58.0441207886%, 375% 56.2748413086%, 375% 13.1473388672%, 345.0198364258% 0.0000299197%, 301.8923339844% 0.0000234077%, 258.7648925781% 0.0000168956%, 215.6373901367% 0.0000103835%, 172.5099487305% 0.0000038715%, 129.3824462891% -0.0000026406%, 86.2549438477% -0.0000091527%, 43.1275024414% -0.0000156647%, 0% -0.0000221768%);
    clip-path: polygon(0% -0.0000221768%, 42.5127563477% 7.2554893494%, 85.0255737305% 14.511013031%, 127.5383605957% 21.7665290833%, 170.0511322021% 29.0220451355%, 212.5639190674% 36.2775650024%, 255.0767211914% 43.5330848694%, 297.5895080566% 50.7886009216%, 340.1022644043% 58.0441207886%, 375% 56.2748413086%, 375% 13.1473388672%, 345.0198364258% 0.0000299197%, 301.8923339844% 0.0000234077%, 258.7648925781% 0.0000168956%, 215.6373901367% 0.0000103835%, 172.5099487305% 0.0000038715%, 129.3824462891% -0.0000026406%, 86.2549438477% -0.0000091527%, 43.1275024414% -0.0000156647%, 0% -0.0000221768%);
  }
}
.block-cta-grid__content::before {
  left: 0;
}
@media (max-width: 47.98rem) {
  .block-cta-grid__content::before {
    right: 0;
  }
}
.block-cta-grid__content::after {
  right: 0;
  transform: rotate(180deg);
}
@media (max-width: 47.98rem) {
  .block-cta-grid__content::after {
    top: auto;
    left: 0;
    bottom: 0;
  }
}
@media (min-width: 62rem) {
  .block-cta-grid__col--img .block-cta-grid__content {
    display: flex;
    flex-flow: wrap;
    gap: 4rem;
    justify-content: space-between;
    align-items: flex-start;
    padding: 3rem clamp(1.25rem, -1.3214285714rem + 5.3571428571vw, 3.5rem);
  }
  .block-cta-grid__col--img .block-cta-grid__content .block-cta-grid__copy {
    flex-grow: 1;
    width: 60%;
  }
}
.block-cta-grid__col--img .block-cta-grid__content .has-text-align-center, .block-cta-grid__col--img .block-cta-grid__content {
  text-align: left !important;
}
.block-cta-grid__col--img .block-cta-grid__content .wp-block-buttons.is-content-justification-center, .block-cta-grid__col--img .block-cta-grid__content .wp-block-buttons {
  justify-content: flex-start;
}

.acf-block.bg-transparent.bg-image + .acf-block.block-cta-grid {
  padding: clamp(6rem, 2.5714285714rem + 7.1428571429vw, 9rem) 0;
}

.acf-block.bg-transparent:not(.block-tabs-side-image) + .acf-block.block-cta-grid,
:not(.acf-block) + .acf-block.block-cta-grid {
  padding-top: 0;
}