/**
 * @file
 * Global styles.
 */

.layout-container {
  padding-top: 0;
}

.region-header-above:has(.mtholyoke-announcements-banner) {
  z-index: 20;
}

.mtholyoke-announcements-banner {
  /* Keep text visible even if semantic vars are not initialized on this page. */
  background-color: var(--primary, #184f9f) !important;
  color: var(--color-primary-text-color, #fff) !important;

  /* Support text/link styles used by .text-content inside the field output. */
  --theme-link-color: currentColor;
  --theme-link-color-hover: currentColor;
  padding: var(--spacing-s);
  border: 0;
  position: relative;
}

.mtholyoke-announcements-banner::after {
  position: absolute;
  inset: 10px;
  content: "";
  pointer-events: none;
  border: 1px solid color-mix(in oklch, var(--white, #fff) 65%, transparent);
}

.mtholyoke-announcements-banner__inner {
  width: var(--container-width);
  margin-inline: auto;
  padding-block: var(--spacing-xxs);
}

.mtholyoke-announcements-banner__title {
  margin: 0;
  color: inherit !important;
}

.mtholyoke-announcements-banner :is(h1, h2, h3, h4, h5, h6, p, li, .field, .field__item, .text-content) {
  color: inherit !important;
}

.mtholyoke-announcements-banner a {
  color: inherit !important;
}

.mtholyoke-announcements-banner :is(p, ul, ol) {
  margin-block: var(--spacing-xxs);
}

.mtholyoke-announcements-banner :is(p, li):last-child {
  margin-bottom: 0;
}