/* Accessible controls use the original PuriCloud navigation colors and spacing. */
nav.main li.puricloud-nav-item > span { position: relative; }
nav.main li.puricloud-nav-item > span::after { display: none !important; }
nav.main li.puricloud-nav-item > span > a { padding-right: 38px !important; }
nav.main .puricloud-submenu-toggle {
  position: absolute; right: 0; top: 0; bottom: 0; width: 36px;
  border: 0; padding: 0; border-radius: 0; background: transparent;
  color: inherit; cursor: pointer; display: flex; align-items: center; justify-content: center;
}
nav.main .puricloud-submenu-toggle::before {
  content: ''; width: 6px; height: 6px; border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor; transform: rotate(45deg);
}
nav.main .puricloud-submenu-toggle[aria-expanded="true"]::before { transform: rotate(225deg); }
nav.main li.puricloud-nav-item:hover > span > .puricloud-submenu-toggle,
nav.main li.puricloud-nav-item.puricloud-open > span > .puricloud-submenu-toggle { color: #28ace0; }
nav.main .puricloud-submenu-toggle:focus-visible, .puricloud-directory a:focus-visible { outline: 2px solid #28ace0; outline-offset: -3px; }
nav.main li.puricloud-nav-item:not(.puricloud-open) > ul { display: none !important; }
nav.main li.puricloud-nav-item.puricloud-open > ul {
  display: block !important; visibility: visible !important; opacity: 1 !important;
  transform: none !important; pointer-events: auto !important;
}
.puricloud-directory { padding: 18px 0; }
.puricloud-directory ul { display: flex; flex-wrap: wrap; gap: 12px 24px; list-style: none; padding: 0; margin: 0; }
.puricloud-booking { width: 100%; min-width: 0; }
.puricloud-booking.text.base-text { color: #fff; }
.video-wrapper iframe { max-width: 100%; height: auto; aspect-ratio: 16 / 9; }
.puricloud-table-scroll { max-width: 100%; overflow-x: auto; }
.puricloud-table-scroll table { min-width: 640px; }
.puricloud-table-scroll:focus-visible { outline: 2px solid #28ace0; }
@media (max-width: 991px) {
  nav.main li.puricloud-nav-item > span > a { padding-right: 60px !important; }
  nav.main .puricloud-submenu-toggle { width: 60px; min-height: 44px; }
  nav.main li.puricloud-nav-item > ul { display: none !important; }
  nav.main li.puricloud-nav-item.puricloud-open > ul { display: block !important; }
}