/* 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-primary-nav-item {
  margin-right: 2rem;
  text-align: left;
}
.block-primary-nav-item > .wp-block-button .wp-block-button__link {
  display: flex;
  gap: 0.25rem;
  align-items: center;
}
.block-primary-nav-item > .wp-block-button.is-style-text {
  position: relative;
}
.block-primary-nav-item > .wp-block-button.is-style-text::before {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  content: "";
  height: 3px;
  background-image: linear-gradient(90deg, #166886 0%, #00aeaa 13%, #00c0de 22.96%, #69cde6 33.85%, #cd0 44.27%, #eeb342 54.71%, #e9829f 66.01%, #e47449 76.39%, #ff6b36 86.77%, #d97c4e 98.54%);
  transform: scaleX(0);
  transform-origin: bottom left;
  pointer-events: none;
  transition: transform 0.4s ease-in-out;
}
.block-primary-nav--sub-nav .block-primary-nav-item > .wp-block-button.is-style-text::before {
  background-color: #0d0d0d;
  background-image: none;
}
.block-primary-nav-item > .wp-block-button.is-style-text:hover::before, .block-primary-nav-item > .wp-block-button.is-style-text.active::before {
  transform: scaleX(1);
}
.block-primary-nav-item > .wp-block-button.is-style-text .wp-block-button__link {
  padding: 0.5rem 0;
}
.block-primary-nav-item > .wp-block-button:not(:only-child) .wp-block-button__link::after {
  content: "\ea0f";
  font-weight: 400;
  font-size: 1rem;
  font-family: iconfont-propel;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: transform 0.4s ease-in-out;
}
.block-primary-nav-item > .wp-block-button:not(:only-child).active .wp-block-button__link::after {
  transform: rotate(180deg);
}
.block-primary-nav--sub-nav .block-primary-nav-item:first-of-type > .wp-block-button::before {
  display: none;
}
.block-primary-nav-item.is-style-align-right {
  margin-left: auto;
}
.block-primary-nav-item.is-style-align-right:last-of-type {
  margin-right: 0;
}
.block-primary-nav-item.is-style-align-right:not(:last-of-type) {
  margin-right: 1rem;
}
.block-primary-nav-item.is-style-align-right + .is-style-align-right {
  margin-left: 0;
}