/* stylelint-disable order/order */
/*
* Converts an pixel value into a rem value.
*
* @param string  $values    the pixel value(s) as a number. Can convert multiple values if values separated by a space.
* @param integer $base      the base pixel value.
*
* @return string   a space-separated string of rem values.
*/
/*
* This is an abbreviated wrapper for the responsive-values function.
*/
/*
* Creates a CSS clamp value that sizes between breakpoints.
*
* @param integer $min                    the minimum pixel value.
* @param integer $max                    the maximum pixel value.
* @param string  $smallest-breakpoint    the name of the smallest breakpoint from the $grid-breakpoints variable.
* @param string  $largest-breakpoint     the name of the largest breakpoint from the $grid-breakpoints variable.
* @param string  $screen                 whether to use a horizontal (width) breakpoint or a vertical (height) breakpoint.
*
* @return string   a CSS clamp property value.
*/
/*
* Outputs a font family value from the $fonts variable.
*
* @param string  $key   the font key.
*
* @return string   a font family value.
*/
/*
* Outputs a color value from the $paints or $additional-paints variables.
*
* @param string  $key   the color name.
*
* @return string   a color value.
*/
/*
* Outputs an effect value from the $effects variable.
*
* @param string  $key   the effect name.
*
* @return string   an effect value.
*/
/* stylelint-enable order/order */
/*
* Used to target heading selectors.
*
* @param integer  $start               the first heading element to target. 1 through 6.
* @param integer  $end                 the last heading element to target. 1 through 6.
* @param string   $beforeCombinator    the CSS combinator to include before the heading classes.
* @param string   $afterCombinator     the CSS combinator to include after the heading classes.
* @param boolean  $includeFontClasses  whether or not to include the .has-t-1... classes or just output the standard heading elements.
*
* @return string  The included CSS wrapped with selectors for the specified headings.
*/
/*
* Used to add properties to a for a pseudo element to make an icon based on the iconfont set.
*
* @param string   $content     the content for the icon. Usually uses one of the iconfont variables.
* @param string   $font-size   the font size with unit.
*
* @return string  The CSS properties for the icon.
*/
/*
* Generates CSS to fit an element into the 12-column grid. Only works when used on an element where the parent element is the width of the entire page.
*
* @return string  CSS properties to set the width of the element to the specified column sizes.
*/
/*
* Used to target elements with a background color that has a text color different from the standard color.
*
* @return string  The included CSS wrapped with selectors for the specified background.
*/
/*
* Used to add the CSS Grid properties for the 12-column grid.
*
* @return string  The CSS Grid properties for the 12-column grid.
*/
/*
* Used to detect device type, either hover (mouse) device or pointer (touch) device.
* Adds the style into the media query code.
*/
/*
* Used to add a wavy line icon style to a wavy-line div
*/
/*
* Used to add a double pulsing animation to the element
*/
/*
* Used to add style to the pulsing play button
*/
/****************
 * Fonts
 *
 * The font settings are defined via the gulp figma which task creates variables in the css/__base-includes/figma/_figma-font-styles.scss file based on the Figma file. Additional variables are defined here.
 ****************/
/*
* This array is used to specify the fonts used on the project with the following parameters:
	base - the name for use in the font() mixin.
		css - the output CSS value.
		figma-name: - the 'font-family' name ued in the _figma-font-variable.scss file.
	)
*/
/****************
 * Colors
 *
 * The primary colors are defined via the gulp figma task which creates variables in the css/__base-includes/figma/_figma-color-variables.scss file based on the Figma file. Additional variables are defined here.
 ****************/
/* If additional colors need to be added to the _figma-color-variables.scss, they can be added to this variable: */
/* This variable controls the background colors generated in the ACF background_color field and the background color classes - bg-white, bg-gray-92, etc: */
/* If a background color uses a different font color than the default color, use these variables to specify the alternate colors */
/* Backgrounds specified in this variable will use the alternative text colors: */
/****************
 * Effects
 ****************/
/****************
 * Grid Settings
 ****************/
/****************
 * Block Spacing
 *
 * These variables are based on the "Spacing" rules found in the "Foundations" section in Figma. These control the default spacing between blocks of different colors.
 ****************/
/*
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-tabs-standard {
  padding-bottom: clamp(4.5rem, 0.5rem + 8.3333333333vw, 8rem);
}
@media (max-width: 61.98rem) {
  .block-tabs-standard .container {
    padding: 0;
  }
}
@media (min-width: 75rem) {
  .block-tabs-standard .block-tabs-standard__content > section {
    padding-right: 0;
    padding-left: 0;
  }
}
.block-tabs-standard .block-tabs-standard__content > section.wp-block-columns-wrapper .wp-block-column {
  margin-bottom: 1rem;
}
@media (min-width: 75rem) {
  .block-tabs-standard .block-tabs-standard__content > section.wp-block-columns-wrapper .wp-block-column {
    margin-bottom: 0;
  }
}
.block-tabs-standard .block-tabs-standard__content > section.wp-block-columns-wrapper .wp-block-column .wp-block-heading {
  margin-bottom: 0;
}
.block-tabs-standard .block-tabs-standard-tab-wrapper {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 2rem;
  padding: 0;
}
@media (min-width: 75rem) {
  .block-tabs-standard .block-tabs-standard-tab-wrapper {
    margin-top: 4rem;
    margin-bottom: 1.5rem;
  }
}
.block-tabs-standard .block-tabs-standard-tab-wrapper .block-tabs-standard-tab-wrapper__content {
  display: contents;
  padding: 0 1.5625rem;
}
@media (min-width: 75rem) {
  .block-tabs-standard .block-tabs-standard-tab-wrapper .block-tabs-standard-tab-wrapper__content:first-child .wp-block-button {
    margin-left: 0;
  }
  .block-tabs-standard .block-tabs-standard-tab-wrapper .block-tabs-standard-tab-wrapper__content:last-child .wp-block-button {
    margin-right: 0;
  }
}
.block-tabs-standard .block-tabs-standard-tab-wrapper .block-tabs-standard-tab-wrapper__content:first-of-type > .wp-block-button:not(.initialized)::after {
  transform: scaleX(1);
}
.block-tabs-standard .block-tabs-standard-tab-wrapper .block-tabs-standard-tab-wrapper__content:first-of-type > .wp-block-button:not(.initialized) + .block-tabs-standard-tab-slide__content {
  display: block;
}
.block-tabs-standard .block-tabs-standard-tab-wrapper .block-tabs-standard-tab-wrapper__content > .wp-block-button {
  position: relative;
  order: 1;
  margin: 0 auto;
  text-align: center;
}
@media (min-width: 75rem) {
  .block-tabs-standard .block-tabs-standard-tab-wrapper .block-tabs-standard-tab-wrapper__content > .wp-block-button,
.block-tabs-standard .block-tabs-standard-tab-wrapper .block-tabs-standard-tab-wrapper__content > .wp-block-button * {
    color: #4f6379;
  }
  .block-tabs-standard .block-tabs-standard-tab-wrapper .block-tabs-standard-tab-wrapper__content > .wp-block-button.active + .block-tabs-standard-tab-slide__content .block-tabs-standard-tab-content,
.block-tabs-standard .block-tabs-standard-tab-wrapper .block-tabs-standard-tab-wrapper__content > .wp-block-button.active + .block-tabs-standard-tab-slide__content .block-tabs-standard-tab-images {
    animation: fadeInTabs 0.5s ease-in-out;
  }
}
.block-tabs-standard .block-tabs-standard-tab-wrapper .block-tabs-standard-tab-wrapper__content > .wp-block-button button {
  padding: 0;
}
@media (min-width: 75rem) {
  .block-tabs-standard .block-tabs-standard-tab-wrapper .block-tabs-standard-tab-wrapper__content > .wp-block-button button.wp-block-button__link {
    margin-bottom: 0.75rem;
  }
}
@media (min-width: 75rem) {
  .block-tabs-standard .block-tabs-standard-tab-wrapper .block-tabs-standard-tab-wrapper__content > .wp-block-button.active {
    z-index: 1;
    border-bottom: 0.125rem solid #0368e0;
  }
}
.block-tabs-standard .block-tabs-standard-tab-wrapper .block-tabs-standard-tab-wrapper__content > .wp-block-button.active,
.block-tabs-standard .block-tabs-standard-tab-wrapper .block-tabs-standard-tab-wrapper__content > .wp-block-button.active * {
  color: #024da5;
}
.block-tabs-standard .block-tabs-standard-tab-wrapper .block-tabs-standard-tab-wrapper__content > .wp-block-button,
.block-tabs-standard .block-tabs-standard-tab-wrapper .block-tabs-standard-tab-wrapper__content > .wp-block-button * {
  font-weight: var(--link-1-font-weight);
  font-size: var(--link-1-font-size);
  font-family: var(--link-1-font-family);
  line-height: var(--link-1-line-height);
  text-transform: var(--link-1-text-transform);
}
.block-tabs-standard .block-tabs-standard-tab-wrapper .block-tabs-standard-tab-wrapper__content > .wp-block-button .wp-element-button {
  font-weight: var(--link-1-font-weight);
  font-size: var(--link-1-font-size);
  font-family: var(--link-1-font-family);
  line-height: var(--link-1-line-height);
  text-transform: var(--link-1-text-transform);
  margin: 0;
  margin-bottom: 1.25rem;
  padding-right: 0;
  color: #024da5;
  border: none;
  border-radius: 0;
  background-color: transparent;
  cursor: text;
  -webkit-appearance: none;
  appearance: none;
}
@media (min-width: 62rem) {
  .block-tabs-standard .block-tabs-standard-tab-wrapper .block-tabs-standard-tab-wrapper__content > .wp-block-button .wp-element-button {
    font-weight: var(--nav-2-font-weight);
    font-size: var(--nav-2-font-size);
    font-family: var(--nav-2-font-family);
    line-height: var(--nav-2-line-height);
    color: #151f2b;
    cursor: pointer;
  }
}
@media (min-width: 75rem) {
  .block-tabs-standard .block-tabs-standard-tab-wrapper .block-tabs-standard-tab-wrapper__content > .wp-block-button.active + .block-tabs-standard-tab-slide__content {
    order: 2;
    display: flex;
  }
}
.block-tabs-standard .block-tabs-standard-tab-wrapper .block-tabs-standard-tab-wrapper__content > .wp-block-button.active::after {
  transform: scaleX(1);
}
.block-tabs-standard .block-tabs-standard-tab-wrapper .block-tabs-standard-tab-wrapper__content .block-tabs-standard-tab-slide__content {
  position: relative;
  display: block;
}
@media (min-width: 75rem) {
  .block-tabs-standard .block-tabs-standard-tab-wrapper .block-tabs-standard-tab-wrapper__content .block-tabs-standard-tab-slide__content {
    justify-content: space-between;
    margin-top: 2.5rem;
    margin-right: 2.5rem;
    border-radius: 0.625rem;
    background-color: #d7e2ee;
  }
  .block-tabs-standard .block-tabs-standard-tab-wrapper .block-tabs-standard-tab-wrapper__content .block-tabs-standard-tab-slide__content::before {
    position: absolute;
    top: -2.5625rem;
    left: 0;
    content: "";
    width: calc(100% + 2.5rem);
    height: 0.0625rem;
    background-color: #d7e2ee;
  }
}
@media (min-width: 75rem) {
  .block-tabs-standard .block-tabs-standard-tab-wrapper .block-tabs-standard-tab-wrapper__content .block-tabs-standard-tab-slide__content {
    display: none;
  }
}
.block-tabs-standard .block-tabs-standard-tab-wrapper .block-tabs-standard-tab-wrapper__content .block-tabs-standard-tab-slide__content .block-tabs-standard-tab-content {
  padding: clamp(2.5rem, 0.2142857143rem + 4.7619047619vw, 4.5rem) clamp(1.25rem, -0.1785714286rem + 2.9761904762vw, 2.5rem) clamp(4.5rem, 14.1428571429rem + -10.7142857143vw, 9rem) clamp(1.25rem, -0.1785714286rem + 2.9761904762vw, 2.5rem);
}
@media (min-width: 75rem) {
  .block-tabs-standard .block-tabs-standard-tab-wrapper .block-tabs-standard-tab-wrapper__content .block-tabs-standard-tab-slide__content .block-tabs-standard-tab-content {
    width: 44.026%;
  }
}
@media (max-width: 74.98rem) {
  .block-tabs-standard .block-tabs-standard-tab-wrapper .block-tabs-standard-tab-wrapper__content .block-tabs-standard-tab-slide__content .block-tabs-standard-tab-content {
    border-radius: 0.625rem;
    background-color: #d7e2ee;
  }
  .block-tabs-standard .block-tabs-standard-tab-wrapper .block-tabs-standard-tab-wrapper__content .block-tabs-standard-tab-slide__content .block-tabs-standard-tab-content > p {
    max-height: clamp(8.75rem, 6.75rem + 4.1666666667vw, 10.5rem);
    overflow-y: auto;
  }
}
.block-tabs-standard .block-tabs-standard-tab-wrapper .block-tabs-standard-tab-wrapper__content .block-tabs-standard-tab-slide__content .block-tabs-standard-tab-content h3 {
  position: relative;
  z-index: 10;
  margin-bottom: 0.75rem;
}
@media (min-width: 75rem) {
  .block-tabs-standard .block-tabs-standard-tab-wrapper .block-tabs-standard-tab-wrapper__content .block-tabs-standard-tab-slide__content .block-tabs-standard-tab-content h3 {
    margin-bottom: 1.5rem;
  }
}
.block-tabs-standard .block-tabs-standard-tab-wrapper .block-tabs-standard-tab-wrapper__content .block-tabs-standard-tab-slide__content .block-tabs-standard-tab-content h3 .decorative-title {
  font-weight: var(--t3-alt-font-weight);
  font-size: var(--t3-alt-font-size);
  font-family: var(--t3-alt-font-family);
  line-height: var(--t3-alt-line-height);
  position: relative;
  z-index: -1;
}
.block-tabs-standard .block-tabs-standard-tab-wrapper .block-tabs-standard-tab-wrapper__content .block-tabs-standard-tab-slide__content .block-tabs-standard-tab-images {
  margin: -8rem -0.9375rem 0;
}
@media (min-width: 75rem) {
  .block-tabs-standard .block-tabs-standard-tab-wrapper .block-tabs-standard-tab-wrapper__content .block-tabs-standard-tab-slide__content .block-tabs-standard-tab-images {
    width: 55.974%;
    margin: 0 0 -1.5rem 0;
    padding-top: 1.5rem;
  }
}
.block-tabs-standard .block-tabs-standard-tab-wrapper .block-tabs-standard-tab-wrapper__content .block-tabs-standard-tab-slide__content .block-tabs-standard-tab-images figure {
  position: relative;
  z-index: 5;
  width: 49.1%;
  height: 0;
  padding-bottom: 48.75%;
}
@media (min-width: 62rem) {
  .block-tabs-standard .block-tabs-standard-tab-wrapper .block-tabs-standard-tab-wrapper__content .block-tabs-standard-tab-slide__content .block-tabs-standard-tab-images figure {
    width: 52%;
    padding-bottom: 51.85%;
  }
}
@media (max-width: 74.98rem) {
  .block-tabs-standard .block-tabs-standard-tab-wrapper .block-tabs-standard-tab-wrapper__content .block-tabs-standard-tab-slide__content .block-tabs-standard-tab-images figure {
    margin-top: clamp(0rem, -2.3854961832rem + 10.1781170483vw, 2.5rem);
  }
}
.block-tabs-standard .block-tabs-standard-tab-wrapper .block-tabs-standard-tab-wrapper__content .block-tabs-standard-tab-slide__content .block-tabs-standard-tab-images figure img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  object-fit: cover;
  border-radius: 0.625rem;
}
@media (min-width: 62rem) {
  .block-tabs-standard .block-tabs-standard-tab-wrapper .block-tabs-standard-tab-wrapper__content .block-tabs-standard-tab-slide__content .block-tabs-standard-tab-images figure img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    object-fit: cover;
  }
}
.block-tabs-standard .block-tabs-standard-tab-wrapper .block-tabs-standard-tab-wrapper__content .block-tabs-standard-tab-slide__content .block-tabs-standard-tab-images figure + figure {
  z-index: 1;
  width: 70%;
  padding-bottom: 53.55%;
  margin: clamp(-17.375rem, -0.0982142857rem + -19.1964285714vw, -9.3125rem) 0 0 clamp(6.6875rem, -1.7410714286rem + 17.5595238095vw, 14.0625rem);
}
@media (min-width: 23.75rem) and (max-width: 42.5rem) {
  .block-tabs-standard .block-tabs-standard-tab-wrapper .block-tabs-standard-tab-wrapper__content .block-tabs-standard-tab-slide__content .block-tabs-standard-tab-images figure + figure {
    margin: clamp(-17.375rem, -0.2421875rem + -40.3125vw, -9.3125rem) 0 0 clamp(6.375rem, -0.4453125rem + 30.3125vw, 12.4375rem);
  }
}
@media (min-width: 62rem) and (max-width: 74.98rem) {
  .block-tabs-standard .block-tabs-standard-tab-wrapper .block-tabs-standard-tab-wrapper__content .block-tabs-standard-tab-slide__content .block-tabs-standard-tab-images figure + figure {
    margin: clamp(-14.0625rem, -0.8680555556rem + -17.5925925926vw, -9.3125rem) 0 0 clamp(6.6875rem, 3.6160714286rem + 6.3988095238vw, 9.375rem);
  }
}
@media (min-width: 48rem) {
  .block-tabs-standard .block-tabs-standard-tab-wrapper .block-tabs-standard-tab-wrapper__content .block-tabs-standard-tab-slide__content .block-tabs-standard-tab-images figure + figure img {
    width: 100%;
  }
}
@media (min-width: 62rem) {
  .block-tabs-standard .block-tabs-standard-tab-wrapper .block-tabs-standard-tab-wrapper__content .block-tabs-standard-tab-slide__content .block-tabs-standard-tab-images figure + figure {
    width: 74.25%;
    padding-bottom: 56.9%;
  }
}
.block-tabs-standard .block-tabs-standard-tab-wrapper .block-tabs-standard-tab-wrapper__content .block-tabs-standard-tab-slide__content .block-tabs-standard-tab-images figure:first-child:last-child {
  width: 100%;
  padding-bottom: 67.25%;
}
@media (min-width: 75rem) {
  .block-tabs-standard .block-tabs-standard-tab-wrapper .block-tabs-standard-tab-wrapper__content .block-tabs-standard-tab-slide__content .block-tabs-standard-tab-images figure:first-child:last-child {
    width: 90.25%;
    padding-bottom: 60.7%;
    margin-top: 2.5rem;
  }
}
.block-tabs-standard .block-tabs-standard-tab-wrapper .block-tabs-standard-tab-wrapper__content .block-tabs-standard-tab-slide__content .block-tabs-standard-tab-images figure:first-child:last-child img {
  width: 100%;
}
@media (min-width: 75rem) {
  .block-tabs-standard .block-tabs-standard-tab-wrapper .block-tabs-standard-tab-wrapper__content .block-tabs-standard-tab-slide__content .block-tabs-standard-tab-images figure:first-child:last-child img {
    margin-left: 5.8125rem;
  }
}
.block-tabs-standard .block-tabs-standard-tab-wrapper .slick-arrow {
  top: 0.875rem;
  width: 2rem;
  height: 2rem;
  border: 2px solid #adb7c2;
  background: none;
}
.block-tabs-standard .block-tabs-standard-tab-wrapper .slick-arrow::after {
  color: #024da5;
  font-size: 1rem;
}
.block-tabs-standard .block-tabs-standard-tab-wrapper .slick-arrow:hover {
  border-color: #024da5;
  background-color: #024da5;
}
.block-tabs-standard .block-tabs-standard-tab-wrapper .slick-arrow:hover::after {
  color: #f2f3f5;
}
.block-tabs-standard .block-tabs-standard-tab-wrapper .slick-arrow.slick-prev {
  left: 1.5625rem;
}
.block-tabs-standard .block-tabs-standard-tab-wrapper .slick-arrow.slick-next {
  right: 1.5625rem;
}
.block-tabs-standard .wp-block-columns-wrapper {
  padding: 0 1.25rem;
}
.block-tabs-standard h2 .decorative-title {
  font-weight: var(--t2-alt-font-weight);
  font-size: var(--t2-alt-font-size);
  font-family: var(--t2-alt-font-family);
  line-height: var(--t2-alt-line-height);
}
.block-tabs-standard h3 .decorative-title {
  font-weight: var(--t3-alt-font-weight);
  font-size: var(--t3-alt-font-size);
  font-family: var(--t3-alt-font-family);
  line-height: var(--t3-alt-line-height);
}

@keyframes fadeInTabs {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}