/* Breakpoint files replace the platform file; retain its mobile menu contract. */
@import url('/css/mobile.css?v=20261021-mobile-utility');

@media (max-width: 991px) {
  .mr-header-alert {
    display: block;
    position: relative;
    z-index: 2;
    width: 100%;
    background: var(--mr-color-primary-shade);
    color: var(--mr-color-primary-contrast);
  }

  .mr-header-alert > .mr-header-alert-slot {
    box-sizing: border-box;
    width: 100%;
    min-height: 52px;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
  }

  .mr-header-alert ~ main.page-content {
    margin-top: 0 !important;
  }

  .mr-header-mobile-utility .features_nav {
    flex-wrap: wrap;
  }

  .mr-header-alert-slot .alert_wrapper {
    position: static;
    inset: auto;
  }

  .mr-header-topbar .mr-header-alert-slot .alert_wrapper.alert_mode_banner .alert_item,
  .mr-header-topbar .mr-header-alert-slot .alert_wrapper.alert_mode_banner .alert_title,
  .mr-header-topbar .mr-header-alert-slot .alert_wrapper.alert_mode_banner .alert_description {
    color: inherit;
  }

  .mr-navbar-brand img,
  .site-logo img {
    max-height: 72px;
  }

  .mr-navbar-nav > li > a {
    text-transform: none;
  }

  .site-hero {
    min-height: 420px;
  }

  .mr-nav-tiles,
  .stats-widget__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

}

@media (max-width: 640px) {
  .mr-header-alert-slot .alert_item::after {
    display: none;
  }

  .mr-header-alert-slot .alert_text {
    white-space: nowrap;
  }

  .mr-header-mobile-utility .features_nav {
    gap: .5rem 1rem;
  }

  .civic-rural-header .mr-navbar-toggle span {
    width: 1.2rem;
    height: 2px;
  }

  .civic-rural-header .mr-navbar-toggle:hover,
  .civic-rural-header .mr-navbar-toggle:focus-visible,
  .civic-rural-header #mr_search_submit:hover,
  .civic-rural-header #mr_search_submit:focus-visible,
  .civic-rural-header .mr-header-mobile-utility .navigation_extra_toggle:hover,
  .civic-rural-header .mr-header-mobile-utility .navigation_extra_toggle:focus-visible {
    background: color-mix(in srgb, var(--mr-color-primary) 10%, transparent);
  }

  .mr-nav-tiles,
  .stats-widget__grid {
    grid-template-columns: 1fr;
  }

  #alert_page .alert_page_current_card,
  #alert_page .alert_page_past_card {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 0.75rem;
    padding: 1rem;
  }

  #alert_page .alert_page_current_card::before,
  #alert_page .alert_page_past_card::before,
  #alert_page .alert_page_current_card .alert_overlay_body,
  #alert_page .alert_page_current_card .alert_details,
  #alert_page .alert_page_past_card .alert_overlay_body,
  #alert_page .alert_page_past_card .alert_details {
    grid-column: 1;
    grid-row: auto;
  }

  .inventory_widget {
    grid-template-columns: minmax(0, 1fr);
  }

  .inventory_widget .inventory_item {
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }

  .widget-documents .mr-document-search-result-head {
    grid-template-columns: 2.4rem minmax(0, 1fr) auto;
    align-items: start;
  }

  .widget-documents .mr-document-search-result-copy {
    width: 100%;
    min-width: 0;
  }

  .widget-documents .mr-document-search-result-meta {
    display: flex;
    min-width: 0;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.25rem;
  }

  .widget-documents .mr-document-search-result-link {
    grid-column: 1 / -1;
    width: 100%;
    justify-self: stretch;
    justify-content: center;
  }

  .careers-listing-template .careers-listing-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .careers-listing-template .career-card {
    min-width: 0;
    max-width: 100%;
    padding: 1rem;
  }

  .widget-directory .directory-toolbar {
    grid-template-columns: minmax(0, 1fr);
  }

  .widget-directory .directory-filter-field,
  .widget-directory .directory-filter-field > input,
  .widget-directory .directory-filter-field > select {
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }

  .widget-scheduler .calendar-top {
    flex-direction: column;
    align-items: stretch;
  }

  .widget-scheduler .calendar-top-left,
  .widget-scheduler .calendar-filters,
  .widget-scheduler .calendar-filters-wrapper {
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }

  .widget-scheduler .calendar-filters-wrapper {
    flex-direction: column;
    align-items: stretch;
  }

  .widget-scheduler .multiselect {
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }

  .widget-events .events_item {
    display: flex;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    flex-direction: column;
    align-items: stretch;
  }

  .widget-events .events_date {
    width: 100%;
    min-width: 0;
    flex-direction: row;
    align-items: baseline;
    justify-content: flex-start;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
  }

  .widget-events .events_body {
    grid-template-columns: minmax(0, 1fr);
    width: 100%;
    min-width: 0;
    max-width: 100%;
    padding: 1rem;
  }

  .widget-events :is(.events_title, .events_description, .events_details) {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  .widget-events .events_details {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4rem 1rem;
  }

  .widget-events .events_details_time,
  .widget-events .events_details_location {
    width: auto;
    min-width: 0;
    max-width: 100%;
    margin-right: 0;
  }

  .widget-events .events_details_time {
    flex: 0 0 auto;
    white-space: nowrap;
    overflow-wrap: normal;
  }

  .widget-events .events_details_location {
    flex: 0 1 auto;
  }

  .widget-events.mr-tone-light .events_date,
  .widget-events.mr-tone-light .events_date_month,
  .widget-events.mr-tone-light .events_date_day,
  .widget-events.mr-tone-light .events_details,
  .widget-events.mr-tone-light .events_details_time,
  .widget-events.mr-tone-light .events_details_location {
    color: var(--mr-color-primary-contrast);
  }

  .widget-slideshow .swiper-pagination-horizontal {
    right: 0;
    left: 0;
    width: auto;
  }

}