/**

 * Colors

 */

/**

 * Breakpoints & Media Queries

 */

/**

 * SCSS Variables.

 *

 * Please use variables from this sheet to ensure consistency across the UI.

 * Don't add to this sheet unless you're pretty sure the value will be reused in many places.

 * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.

 */

/**

 * Colors

 */

/**

 * Fonts & basic variables.

 */

/**

 * Grid System.

 * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/

 */

/**

 * Dimensions.

 */

/**

 * Shadows.

 */

/**

 * Editor widths.

 */

/**

 * Block & Editor UI.

 */

/**

 * Block paddings.

 */

/**

 * React Native specific.

 * These variables do not appear to be used anywhere else.

 */

/**

*  Converts a hex value into the rgb equivalent.

*

* @param {string} hex - the hexadecimal value to convert

* @return {string} comma separated rgb values

*/

/**

 * Breakpoint mixins

 */

/**

 * Long content fade mixin

 *

 * Creates a fading overlay to signify that the content is longer

 * than the space allows.

 */

/**

 * Focus styles.

 */

/**

 * Applies editor left position to the selector passed as argument

 */

/**

 * Styles that are reused verbatim in a few places

 */

/**

 * Allows users to opt-out of animations via OS-level preferences.

 */

/**

 * Reset default styles for JavaScript UI based pages.

 * This is a WP-admin agnostic reset

 */

/**

 * Reset the WP Admin page styles for Gutenberg-like pages.

 */

.wp-block-navigation {

  position: relative;

  --navigation-layout-justification-setting: flex-start;

  --navigation-layout-direction: row;

  --navigation-layout-wrap: wrap;

  --navigation-layout-justify: flex-start;

  --navigation-layout-align: center;

}

.wp-block-navigation ul {

  margin-top: 0;

  margin-bottom: 0;

  margin-right: 0;

  padding-right: 0;

}

.wp-block-navigation ul,

.wp-block-navigation ul li {

  list-style: none;

  padding: 0;

}

.wp-block-navigation .wp-block-navigation-item {

  display: flex;

  align-items: center;

  position: relative;

}

.wp-block-navigation .wp-block-navigation-item .wp-block-navigation__submenu-container:empty {

  display: none;

}

.wp-block-navigation .wp-block-navigation-item__content {

  color: inherit;

  display: block;

  padding: 0;

}

.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content {

  text-decoration: underline;

}

.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content:focus, .wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content:active {

  text-decoration: underline;

}

.wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content {

  text-decoration: line-through;

}

.wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content:focus, .wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content:active {

  text-decoration: line-through;

}

.wp-block-navigation:where(:not([class*="has-text-decoration"])) a {

  text-decoration: none;

}

.wp-block-navigation:where(:not([class*="has-text-decoration"])) a:focus, .wp-block-navigation:where(:not([class*="has-text-decoration"])) a:active {

  text-decoration: none;

}

.wp-block-navigation .wp-block-navigation__submenu-icon {

  align-self: center;

  line-height: 0;

  display: inline-block;

  font-size: inherit;

  padding: 0;

  background-color: inherit;

  color: currentColor;

  border: none;

  width: 0.6em;

  height: 0.6em;

  margin-right: 0.25em;

}

.wp-block-navigation .wp-block-navigation__submenu-icon svg {

  display: inline-block;

  stroke: currentColor;

  width: inherit;

  height: inherit;

  margin-top: 0.075em;

}

.wp-block-navigation.is-vertical {

  --navigation-layout-direction: column;

  --navigation-layout-justify: initial;

  --navigation-layout-align: flex-start;

}

.wp-block-navigation.no-wrap {

  --navigation-layout-wrap: nowrap;

}

.wp-block-navigation.items-justified-center {

  --navigation-layout-justification-setting: center;

  --navigation-layout-justify: center;

}

.wp-block-navigation.items-justified-center.is-vertical {

  --navigation-layout-align: center;

}

.wp-block-navigation.items-justified-right {

  --navigation-layout-justification-setting: flex-end;

  --navigation-layout-justify: flex-end;

}

.wp-block-navigation.items-justified-right.is-vertical {

  --navigation-layout-align: flex-end;

}

.wp-block-navigation.items-justified-space-between {

  --navigation-layout-justification-setting: space-between;

  --navigation-layout-justify: space-between;

}

.wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) {

  background-color: inherit;

  color: inherit;

  position: absolute;

  z-index: 2;

  display: flex;

  flex-direction: column;

  align-items: normal;

  opacity: 0;

  transition: opacity 0.1s linear;

  visibility: hidden;

  width: 0;

  height: 0;

  overflow: hidden;

  right: -1px;

  top: 100%;

}

.wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) > .wp-block-navigation-item > .wp-block-navigation-item__content {

  display: flex;

  flex-grow: 1;

}

.wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) > .wp-block-navigation-item > .wp-block-navigation-item__content .wp-block-navigation__submenu-icon {

  margin-left: 0;

  margin-right: auto;

}

.wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) .wp-block-navigation-item__content {

  margin: 0;

}

@media (min-width: 782px) {

  .wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) .wp-block-navigation__submenu-container {

    right: 100%;

    top: -1px;

  }

  .wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) .wp-block-navigation__submenu-container::before {

    content: "";

    position: absolute;

    left: 100%;

    height: 100%;

    display: block;

    width: 0.5em;

    background: transparent;

  }

  .wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) .wp-block-navigation__submenu-icon {

    margin-left: 0.25em;

  }

  .wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) .wp-block-navigation__submenu-icon svg {

    transform: rotate(90deg);

  }

}

.wp-block-navigation .has-child:where(:not(.open-on-click)):hover > .wp-block-navigation__submenu-container {

  visibility: visible;

  overflow: visible;

  opacity: 1;

  width: auto;

  height: auto;

  min-width: 200px;

}

.wp-block-navigation .has-child:where(:not(.open-on-click):not(.open-on-hover-click)):focus-within > .wp-block-navigation__submenu-container {

  visibility: visible;

  overflow: visible;

  opacity: 1;

  width: auto;

  height: auto;

  min-width: 200px;

}

.wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true] ~ .wp-block-navigation__submenu-container {

  visibility: visible;

  overflow: visible;

  opacity: 1;

  width: auto;

  height: auto;

  min-width: 200px;

}

.wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container {

  right: 0;

  top: 100%;

}

@media (min-width: 782px) {

  .wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {

    right: 100%;

    top: 0;

  }

}

.wp-block-navigation-submenu {

  position: relative;

  display: flex;

}

.wp-block-navigation-submenu .wp-block-navigation__submenu-icon svg {

  stroke: currentColor;

}

button.wp-block-navigation-item__content {

  background-color: transparent;

  border: none;

  color: currentColor;

  font-size: inherit;

  font-family: inherit;

  line-height: inherit;

  font-style: inherit;

  font-weight: inherit;

  text-transform: inherit;

  text-align: right;

}

.wp-block-navigation-submenu__toggle {

  cursor: pointer;

}

.wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle {

  padding-left: 0.85em;

}

.wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle + .wp-block-navigation__submenu-icon {

  margin-right: -0.6em;

  pointer-events: none;

}

/**

 * Margins

 */

.wp-block-navigation__responsive-container,

.wp-block-navigation__responsive-close,

.wp-block-navigation__responsive-dialog,

.wp-block-navigation,

.wp-block-navigation .wp-block-page-list,

.wp-block-navigation__container,

.wp-block-navigation__responsive-container-content {

  gap: inherit;

}

.wp-block-navigation:where(.has-background),

.wp-block-navigation:where(.has-background) .wp-block-navigation .wp-block-page-list,

.wp-block-navigation:where(.has-background) .wp-block-navigation__container {

  gap: inherit;

}

/**

 * Paddings

 */

.wp-block-navigation:where(.has-background) .wp-block-navigation-item__content {

  padding: 0.5em 1em;

}

.wp-block-navigation :where(.wp-block-navigation__submenu-container) .wp-block-navigation-item__content {

  padding: 0.5em 1em;

}

/**

 * Justifications.

 */

.wp-block-navigation.items-justified-space-between .wp-block-page-list > .has-child:last-child .wp-block-navigation__submenu-container,

.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .wp-block-navigation__submenu-container,

.wp-block-navigation.items-justified-right .wp-block-page-list > .has-child .wp-block-navigation__submenu-container,

.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container {

  right: auto;

  left: 0;

}

.wp-block-navigation.items-justified-space-between .wp-block-page-list > .has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,

.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,

.wp-block-navigation.items-justified-right .wp-block-page-list > .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,

.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {

  right: -1px;

  left: -1px;

}

@media (min-width: 782px) {

  .wp-block-navigation.items-justified-space-between .wp-block-page-list > .has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,

.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,

.wp-block-navigation.items-justified-right .wp-block-page-list > .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,

.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {

    right: auto;

    left: 100%;

  }

}

.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {

  background-color: #fff;

  color: #000;

  border: 1px solid rgba(0, 0, 0, 0.15);

}

.wp-block-navigation__container {

  display: flex;

  flex-wrap: var(--navigation-layout-wrap, wrap);

  flex-direction: var(--navigation-layout-direction, initial);

  justify-content: var(--navigation-layout-justify, initial);

  align-items: var(--navigation-layout-align, initial);

  list-style: none;

  margin: 0;

  padding-right: 0;

}

.wp-block-navigation__container .is-responsive {

  display: none;

}

.wp-block-navigation__container:only-child,

.wp-block-page-list:only-child {

  flex-grow: 1;

}

/**

 * Mobile menu.

 */

.wp-block-navigation__responsive-container {

  display: none;

  position: fixed;

  top: 0;

  right: 0;

  left: 0;

  bottom: 0;

}

.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content {

  display: flex;

  flex-wrap: var(--navigation-layout-wrap, wrap);

  flex-direction: var(--navigation-layout-direction, initial);

  justify-content: var(--navigation-layout-justify, initial);