/*
 * DO NOT EDIT THIS FILE.
 * See the following change record for more information,
 * https://www.drupal.org/node/3084859
 * @preserve
 */

/**
 * @file
 * Styles for menu placed in sidebar region.
 */

/*
 * Media query breakpoints.
 * Processed by postcss/postcss-custom-media.
 */

/* Navigation related breakpoints */

/* Grid related breakpoints */

/* Grid shifts from 6 to 14 columns. */

/* Width of the entire grid maxes out. */

.menu--sidebar {
  list-style: none
}

.menu--sidebar .menu {
    list-style: none;
  }

.menu--sidebar .menu--level-1 {
    margin: 0;
  }

[dir="ltr"] .menu--sidebar .menu__link {
    padding-left: 0
}

[dir="rtl"] .menu--sidebar .menu__link {
    padding-right: 0
}

[dir="ltr"] .menu--sidebar .menu__link {
    padding-right: 0
}

[dir="rtl"] .menu--sidebar .menu__link {
    padding-left: 0
}

.menu--sidebar .menu__link {
    position: relative;
    display: block;
    padding-top: var(--sp0-75);
    padding-bottom: var(--sp0-75);
    font-family: var(--font-serif);
    font-size: 1.125rem

    /* Bottom divider line. */
  }

[dir="ltr"] .menu--sidebar .menu__link::after {
      left: 0
}

[dir="rtl"] .menu--sidebar .menu__link::after {
      right: 0
}

.menu--sidebar .menu__link::after {
      position: absolute;
      bottom: 0;
      width: var(--sp4);
      height: 0;
      content: "";
      border-top: solid 2px var(--color--gray-95);
    }

.menu--sidebar .menu__link--link {
    text-decoration: none;
    color: var(--color-text-neutral-loud);
    font-weight: 600
  }

.menu--sidebar .menu__link--link:hover {
      color: var(--color--primary-50);
    }

.menu--sidebar {

  /* No bottom divider line for last menu item. */
}

.menu--sidebar .menu__item--level-1:last-child > .menu__link:last-child::after, .menu--sidebar .menu__item--level-1:last-child > .menu__item--level-2:last-child > .menu__link:last-child::after {
      content: none;
    }