/* Shared cross-device refinements */
html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
body {
  min-width: 0;
  overflow-x: hidden;
}
img,
video,
canvas,
svg {
  max-width: 100%;
}
#content iframe {
  max-width: 100%;
}
#content,
#footer {
  overflow-wrap: break-word;
  word-wrap: break-word;
}
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
label[for]:focus-visible {
  outline: 3px solid rgba(214, 174, 69, .75);
  outline-offset: 3px;
}

/* Compact desktop navigation for notebooks and landscape tablets. */
@media (min-width: 992px) and (max-width: 1199px) {
  #main-nav #logo img {
    width: auto;
    max-width: 190px;
    max-height: 58px;
  }
  #main-nav .menu > .menu-item {
    margin-left: 11px;
  }
  #main-nav .menu > .menu-item > a {
    font-size: 14px !important;
    letter-spacing: -.15px;
  }
  #main-nav .sub-menu .menu-item > a {
    font-size: 14px;
  }
}

/* Tablet header: keep quick actions and navigation on a single row. */
@media (min-width: 768px) and (max-width: 991px) {
  #header .absolute-header {
    min-height: 44px;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
  #header .absolute-header > .pull-left {
    display: none !important;
  }
  #header .absolute-header .pull-right {
    width: 100%;
    float: none !important;
    justify-content: center;
  }
  #main-nav #logo img {
    width: auto;
    max-height: 54px;
  }
  #footer.up-site-footer > .container > .row > .col-sm-4:nth-child(1),
  #footer.up-site-footer > .container > .row > .col-sm-4:nth-child(2) {
    width: 50%;
    flex: 0 0 50%;
  }
  #footer.up-site-footer > .container > .row > .col-sm-4:nth-child(3) {
    width: calc(100% - 30px);
    flex: 0 0 calc(100% - 30px);
    margin: 8px 15px 18px;
  }
  #footer.up-site-footer > .container > .row > .col-sm-4:nth-child(3):before {
    display: none;
  }
  #content .content-padding-lg > .container.content-padding-lg {
    width: 100%;
    max-width: 100%;
  }
}

@media (max-width: 767px) {
  #main-nav .menu,
  #secondary-nav .menu {
    max-height: calc(100vh - 150px);
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
  }
  #main-nav .menu > .menu-item > a,
  #secondary-nav .menu > .menu-item > a {
    min-height: 44px;
  }
  #content h1 { font-size: clamp(27px, 8vw, 38px); }
  #content h2 { font-size: clamp(24px, 7vw, 34px); }
  #content h3 { font-size: clamp(21px, 6vw, 29px); }
  #content input,
  #content select,
  #content textarea,
  #content button {
    max-width: 100%;
  }
  .upall-list-wrap,
  .upall-list-event,
  .upall-list-top,
  .upall-list-top > span {
    min-width: 0;
    max-width: 100%;
  }
  .upall-list-event {
    width: 100%;
    box-sizing: border-box;
  }
  .upall-list-top > span {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
  }
  .upall-list-top .upall-date-chip,
  .upall-list-top .upall-time-chip,
  .upall-list-top .upall-status-chip,
  .upall-list-top .upall-feature-chip,
  .upall-list-top .upall-level-chip {
    max-width: 100%;
    height: auto;
    min-height: 27px;
    white-space: normal;
    line-height: 1.35;
    padding-top: 5px;
    padding-bottom: 5px;
  }
}

@media (max-width: 390px) {
  #header .absolute-header .pull-right {
    gap: 4px;
  }
  #header .absolute-header .pull-right > .btn > a {
    padding-right: 8px !important;
  }
  #header .absolute-header .pull-right > .weather > a {
    padding-left: 6px !important;
    padding-right: 6px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  *,
  *::before,
  *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}