/* theme colours */
/*f7ff00*/
/* CSS custom properties generated from SCSS variables */
:root {
  --ink: #000021;
  --ink-light: #606074;
  --white: #f6f8f9;
  --blue: #00c8ff;
  --blue-dark: #174a7a;
  --blue-gradient2: linear-gradient(to bottom left, #00B4DB, #0083B0);
  --blue-pink-gradient: linear-gradient(to top, #f953c6 20%, #8E2DE2, #00c8ff);
  --blue-green-gradient: linear-gradient(to bottom, #18b600, #00c8ff);
  --yellow-gradient2: linear-gradient(10deg, #f0ac00, #db36a4);
  --red-orange: #f83600;
  --red-gradient2: linear-gradient(170deg, #fe8c00, #f83600);
  --green-gradient2: linear-gradient(to bottom, #52c234, #061700);
  --pink-gradient2: radial-gradient(#ff6a00, #ee0979);
  --savage-bg: linear-gradient(135deg, #ff3300 0%, #ff5100 5%, #e97a15 20%, #76a088 40%, #00c8ff 100%);
  --savage-bg-fallback: #00c8ff;
}

body button#theme-toggle {
  display: inline-block;
  transition: all 3s;
  border-radius: 10rem;
  line-height: 2.6;
}
body button#theme-toggle:hover {
  box-shadow: none;
  transition: all 0.3s;
  border-radius: 1.8rem;
}
body button#theme-toggle #theme-label {
  display: inline-block;
  max-width: 0;
  margin-left: 0;
  overflow: hidden;
  white-space: nowrap;
  transition: all 0.5s ease-in-out;
}
body button#theme-toggle #theme-label.show-label {
  margin-left: 0.5rem;
  max-width: 11rem;
  transition: all 0.5s ease-in-out;
}
body a {
  color: #000021;
}
body a:focus, body a:hover {
  text-decoration: none;
  color: #606074;
}
body a.social-link {
  color: #000021;
}
body a.social-tripadvisor:hover {
  color: #00af87;
}
body a.social-facebook:hover {
  color: #3b5998;
}
body a.social-x:hover {
  color: #000000;
}
body a.social-instagram:hover {
  color: #003569;
  opacity: 0.5;
}
body a.social-youtube:hover {
  color: #ff0000;
}
body .quick-links .card.about-us {
  background: linear-gradient(to top, #f953c6 20%, #8E2DE2, #00c8ff);
}
body .quick-links .card.corporate {
  background: linear-gradient(to bottom left, #00B4DB, #0083B0);
}
body .quick-links .card.stag-hen {
  background: linear-gradient(10deg, #f0ac00, #db36a4);
}
body .quick-links .card.training {
  background: linear-gradient(to bottom, #18b600, #00c8ff);
}
body .quick-links .card.contact-us {
  background: linear-gradient(170deg, #fe8c00, #f83600);
}
body .quick-links a {
  color: #f6f8f9;
}
body .quick-links a:hover {
  opacity: 0.7;
}
body .btn-primary {
  background-color: rgba(0, 200, 255, 0.8);
  border-color: rgba(0, 200, 255, 0.8);
}
body .btn-primary:hover {
  background-color: #00c8ff;
  border-color: #00c8ff;
}
body .btn-orange {
  background-color: rgba(248, 54, 0, 0.8);
  border-color: rgba(248, 54, 0, 0.8);
  color: #f6f8f9;
}
body .btn-orange:hover {
  background-color: #f83600;
  border-color: #f83600;
}
body .btn-green {
  background-color: rgba(24, 182, 0, 0.8);
  border-color: rgba(24, 182, 0, 0.8);
}
body .btn-green:hover {
  background-color: #18b600;
  border-color: #18b600;
}
body .development-warning {
  background: repeating-linear-gradient(135deg, #f0ac00 0px, #f0ac00 20px, #000021 20px, #000021 40px);
  color: #f6f8f9;
}
body .development-warning a {
  color: #f6f8f9;
  text-decoration: underline;
}
body .development-warning a:hover {
  color: #f0ac00;
}
body .development-warning {
  padding: 2rem 0;
  position: relative;
}
body .development-warning::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(204, 204, 204, 0.1333333333);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  z-index: 0;
  pointer-events: none;
}
body .development-warning .container {
  position: relative;
  background: rgba(5, 40, 90, 0.9333333333);
  padding: 2rem 2.5rem;
  border-radius: 1rem;
  box-shadow: 0 0.2rem 1rem #000;
  width: fit-content;
}
body.multi-mode {
  background: linear-gradient(135deg, #ff3300 0%, #ff5100 5%, #e97a15 20%, #76a088 40%, #00c8ff 100%);
  color: #000021;
}
body.multi-mode button#theme-toggle {
  background: none;
  color: #000021;
}
body.multi-mode button#theme-toggle:hover {
  background: #000021;
  color: #f83600;
}
body.multi-mode button#theme-toggle .multi {
  display: none;
}
body.multi-mode button#theme-toggle .light {
  display: none;
}
body.multi-mode button#theme-toggle .dark {
  display: inline-block;
}
body.multi-mode .page-intro, body.multi-mode .page-info, body.multi-mode .nav-link {
  color: #f6f8f9;
}
body.multi-mode .nav-link.active {
  color: #00c8ff;
}
body.multi-mode ul.dropdown-menu.show {
  background-color: rgba(5, 40, 90, 0.9333333333);
}
body.multi-mode.our-team {
  background: linear-gradient(to top, #f953c6 20%, #8E2DE2, #00c8ff) fixed;
}
body.multi-mode.our-team .card {
  color: white;
  background: linear-gradient(to top, #ff3300 0%, #ff5100 5%, #e97a15 20%, #76a088 40%, #00c8ff 100%);
}
body.multi-mode.stag-hen {
  background: linear-gradient(10deg, #f0ac00, #db36a4) fixed;
}
body.multi-mode.training {
  background: linear-gradient(to bottom, #18b600, #00c8ff) fixed;
}
body.multi-mode.corporate {
  background: linear-gradient(to bottom left, #00B4DB, #0083B0) fixed;
}
body.multi-mode.contact-us {
  background: linear-gradient(170deg, #fe8c00, #f83600) fixed;
}
body.dark-mode {
  background: #000021;
  color: #f6f8f9;
}
body.dark-mode button#theme-toggle {
  background: linear-gradient(-45deg, #dfecf1, #f6f8f9);
  color: #000021;
}
body.dark-mode button#theme-toggle .multi {
  display: none;
}
body.dark-mode button#theme-toggle .light {
  display: inline-block;
}
body.dark-mode button#theme-toggle .dark {
  display: none;
}
body.dark-mode a {
  color: #f6f8f9;
}
body.dark-mode a:focus, body.dark-mode a:hover {
  text-decoration: none;
  color: #606074;
}
body.dark-mode .page-intro, body.dark-mode .page-info, body.dark-mode .nav-link {
  color: #f6f8f9;
}
body.dark-mode .nav-link.active {
  color: #00c8ff;
}
body.dark-mode ul.dropdown-menu.show {
  background-color: rgba(5, 40, 90, 0.9333333333);
}
body.dark-mode table, body.dark-mode table.table-striped > tbody > tr:nth-of-type(odd) > * {
  color: #f6f8f9;
}
body.dark-mode table:hover, body.dark-mode table.table-striped > tbody > tr:nth-of-type(odd) > *:hover {
  color: #dfecf1;
}
body.dark-mode table.table-hover > tbody > tr:hover > * {
  color: #dfecf1;
}
body.dark-mode.our-team {
  background: linear-gradient(to bottom, #191654, #4A00E0, #8E2DE2) fixed;
}
body.dark-mode.our-team .card {
  color: white;
  background: linear-gradient(to top, #ff3300 0%, #ff5100 5%, #e97a15 20%, #76a088 40%, #00c8ff 100%);
}
body.dark-mode.stag-hen {
  background: linear-gradient(170deg, #0e182a, #b91d73) fixed;
}
body.dark-mode.training {
  background: linear-gradient(to bottom, #061700, #007200, #18b600) fixed;
}
body.dark-mode.corporate {
  background: #05285a;
}
body.dark-mode.contact-us {
  background: linear-gradient(to bottom, #970000, #800000, #680000) fixed;
}
body.light-mode {
  background: linear-gradient(-45deg, #dfecf1, #f6f8f9);
  color: #000021;
}
body.light-mode button#theme-toggle {
  background: linear-gradient(135deg, #ff3300 0%, #ff5100 5%, #e97a15 20%, #76a088 40%, #00c8ff 100%);
  color: rgba(255, 255, 255, 0.5333333333);
}
body.light-mode button#theme-toggle #theme-label {
  color: #f6f8f9;
  font-weight: 400;
}
body.light-mode button#theme-toggle .multi {
  display: inline-block;
}
body.light-mode button#theme-toggle .light {
  display: none;
}
body.light-mode button#theme-toggle .dark {
  display: none;
}
body.light-mode .nav-link.active {
  color: #174a7a;
}
body.light-mode ul.dropdown-menu.show {
  background-color: rgba(246, 248, 249, 0.8666666667);
}
body.light-mode.our-team {
  background: linear-gradient(-45deg, #dfecf1, #f6f8f9) fixed;
}
body.light-mode.our-team .card {
  color: #000021;
  background: linear-gradient(to bottom, #ef32d9, #89fffd);
}
body.light-mode.stag-hen {
  background: linear-gradient(to bottom, #ef32d9, #89fffd) fixed;
}
body.light-mode.training {
  background: linear-gradient(to bottom, #43C6AC, #18b600) fixed;
}
body.light-mode.corporate {
  background: linear-gradient(to bottom, #f6f8f9, #99e9ff) fixed;
}
body.light-mode.contact-us {
  background: linear-gradient(to bottom, #f6f8f9, #c8bedc 80%, #f0ac00) fixed;
}

/* Focus styles for keyboard navigation */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

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

/*# sourceMappingURL=sav-themes.css.map */