/* Overrides for developing the saved HTML as a responsive project. */
:root {
  --win-width: 100vw;
  --offset-width: 0px;
  --group-padding: 20px;
}

.motion-pending[data-motion="image"] { opacity: 0; }
.motion-pending[data-motion="fade"].inview,
.motion-pending[data-motion="hero"] { opacity: 0; }
.motion-pending[data-motion="title"] .motion-title-line { opacity: 0; transform: translateY(120px); }
.motion-title-mask { display: block; overflow: hidden; }
.motion-title-line { display: block; }
.ring-player { height: 100%; width: 100%; }

.transactions--slides { align-items: stretch; }
.transactions--slides > .swiper-slide { height: auto; }
.transactions--slider .transactions--navigation__prev,
.transactions--slider .transactions--navigation__next {
  width: 44px !important;
  height: 44px !important;
  flex-shrink: 0;
}
.transactions--slider .transactions--navigation__prev::after,
.transactions--slider .transactions--navigation__next::after {
  top: 50%; left: 50%; transform: translate(-50%, -50%);
}
.transactions--slider .transactions--navigation__pagination {
  display: flex;
  flex-wrap: wrap;
  min-width: 0;
}
.transactions--navigation__pagination button { padding: 0; border: 0; flex-shrink: 0; }
.transactions--slider button:focus-visible { outline: 2px solid var(--blue-300); outline-offset: 4px; }

.testimonials--slider .testimonials--navigation__prev,
.testimonials--slider .testimonials--navigation__next {
  width: 44px !important;
  height: 44px !important;
  padding: 0;
  flex-shrink: 0;
}
.testimonials--slider .testimonials--navigation__prev::after,
.testimonials--slider .testimonials--navigation__next::after {
  top: 50%; left: 50%; transform: translate(-50%, -50%);
}
.testimonials--slider .testimonials--navigation__pagination { width: auto; }
.testimonials--navigation__pagination button { padding: 0; border: 0; flex-shrink: 0; }
.testimonials--slider button:focus-visible,
.locations--title:focus-visible { outline: 2px solid var(--blue-200); outline-offset: 4px; }
.testimonials__animation { pointer-events: none; }

@media (width < 96rem) {
  .menu-is-open { overflow: hidden; }
  .menu-is-open .banner { background: var(--blue-400); }
  .menu-is-open .navbar--container {
    translate: 0 0;
    background: var(--blue-400);
  }
  .navbar--brand { width: 125px; margin-block: 24px; }
  .menu-is-open .navbar--container a { opacity: 1; }
  .menu-is-open #menu-secondary-nav > li:not(.nav-search) { display: block; }
  .navbar--container .nav .sub-menu {
    position: static;
    display: block;
    visibility: visible;
    opacity: 1;
    height: auto;
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .banner, .navbar--brand, .navbar--container { transition: none; }
  .locations--image, .locations--image.active, .locations--title { transition: none; }
}