/* ===================== */
/* VIEW TRANSITIONS */
/* ===================== */
@supports (view-transition-name: none) {
  ::view-transition-old(offcanvas-active),
  ::view-transition-new(offcanvas-active) {
    animation-duration: .35s;
    animation-timing-function: ease;
  }
}

/* ===================== */
/* OFFCANVAS LINKS */
/* ===================== */
.offcanvas a {
  text-decoration: none;
}

.offcanvas-menu a,
.offcanvas-menu button {
  padding: .75rem 0;
  display: block;
  font-size: 1rem;
}

/* ===================== */
/* DESKTOP MEGA MENU */
/* ===================== */
.mega-menu {
  left: 0;
  right: 0;
  padding: 1.5rem;
  background: #365670;
  color: #fff;
}
.mega-menu img {
  max-height: 160px;
  object-fit: cover;
  width: 100%;
}
.mega-menu a {
  color: #fff;
  display: block;
  padding: .25rem 0;
}

.mega-menu a:hover {
  color: #0d6efd;
}

@media (min-width: 992px) {
  .navbar .dropdown:hover > .dropdown-menu {
    display: block;
  }
}

/* ===================== */
/* REDUCED MOTION */
/* ===================== */
@media (prefers-reduced-motion: reduce) {
  * {
    transition: none !important;
    animation: none !important;
  }
}