/* The base of every page, from the design system's tokens.
   Author: Pravash Karki - pravashkarki.com
   This top part is written by hand in docs/tools/foundation-head.css. The part below the marker is generated.
   Loaded last, after the theme's own stylesheets. */

:root {
  --bs-body-font-family: var(--font-body);
  --bs-body-font-size: var(--text-body-lg);
  --bs-body-font-weight: var(--weight-450);
  --bs-body-line-height: var(--leading-body);
  --bs-body-color: var(--color-contrast);
  --bs-body-color-rgb: 11, 31, 46;
  --bs-body-bg: var(--color-base);
  --bs-link-color: var(--color-link);
  --bs-link-hover-color: var(--color-contrast);
  --bs-primary: var(--color-dark);
  --bs-primary-rgb: 11, 31, 46;
  --bs-border-color: var(--color-outline);
}

/* Body line height. The theme set 1.75 on body, p and Bootstrap; the system is 1.5 for ordinary
   copy and 1.7 only for long reading at the larger size. */
body, p, li, dd, td, th {
  line-height: var(--leading-body);
}

h1, h2, h3, h4, h5, h6 { color: var(--color-contrast); }

/* Two typefaces. Page titles and section headings take the logo's own, Omnes at its condensed width,
   loaded from Adobe by the link in the header. If Adobe does not answer, they show in Mulish, which the site serves itself.
   Small headings stay in Mulish: condensed letters get tight when small. */
h1, h2 {
  font-family: "omnes-variable", var(--font-body);
  /* The weight is set on the axis, so it holds whatever weight the theme gives a heading. */
  font-variation-settings: "wdth" 53, "wght" 600;
  font-weight: 600;
  letter-spacing: 0;
}

/* A section's title stands one step, --space-5, clear of what it opens, on every page and at every width. The theme gave
   10 pixels on a wide screen and none on a phone. The blog grid's negative top margin pulled its cards into the title. */
.title-head-content,
.common-module > h2 { margin-bottom: var(--space-5); }
.title-head-content + ul.blog-list { margin-top: 0; }

/* One focus ring on everything that takes focus. The theme removes the outline from every element. */
:focus-visible {
  outline: var(--focus-width) solid var(--color-focus) !important;
  outline-offset: var(--focus-offset);
}

/* The main menu is a dark bar. Its links are white at rest. On hover, focus and press they take the leaf green,
   the one pairing with green words the identity measures on the dark ground (6.93 to 1). The dark green the
   generated part would give them fails there. */
@media (min-width: 992px) {
  #header #main-menu.navbar #mainnav > .nav-item > .nav-link:is(:hover, :focus, :active),
  #header #main-menu.navbar #mainnav > .nav-item > .nav-link:is(:hover, :focus, :active)::after { color: var(--color-primary); }
  /* On a dark ground the ring is white. The menu's dropdowns are white, so only the bar's own links take it. */
  #mainnav > .nav-item > .nav-link:focus-visible,
  #main-menu .header__right :focus-visible { outline-color: var(--color-focus-on-dark) !important; }
}
#footer .footer-last-wrapper :focus-visible { outline-color: var(--color-focus-on-dark) !important; }

/* The skip link: the first thing a keyboard reaches. Off screen until focused. */
.skip-link { position: absolute; left: var(--space-4); top: var(--space-4); z-index: var(--layer-toast); padding: var(--space-3) var(--space-4); background: var(--color-dark); color: var(--color-on-dark); border-radius: var(--radius-md); transform: translateY(-200%); }
.skip-link:focus { transform: none; color: var(--color-on-dark); }
main:focus { outline: none; }

/* Headings speak in sentence case, with no bar under them. Small labels keep their capitals. */
.title h2, .fancy-faq__title, .title-head-content .title :is(h1, h2, h5) { text-transform: none; }
.title::before, .title-head-content .title::before, .page-title:not(.fixed-position)::before, .home-title-content::before,
.home-activity-wrap .home-activity-content .title-head-content .title h5::before { content: none; }

/* Grounds: the theme's pale blues become the surface colour. */
.common-box.featured-package, .common-box.best-package, .home-blog.common-box,
.review-bottom figure, .btn-popup, .common-module.image-content, .contact-form-wrapper,
.order-wrapper .order-list, .increment_decrement .handler span, .featured-review .item figure, .review .item figure,
blockquote, .similar-trips { background-color: var(--color-surface); }

/* Shadows are rare: the system keeps one, under the booking box. The theme's card shadows give way to the hairline border. */
.booking-form .common-module, .common-module.booking-quick-info, .standard-form.booking-form, .common-module.author-slot,
.category-card, .load-reviews li.item, .review-slider .item { box-shadow: none; border: var(--border-hairline) solid var(--color-outline); border-radius: var(--radius-2xl); corner-shape: squircle; }
.view-more-btn .btn { box-shadow: none; }

/* Text fields in a page take the form field part. The header search, the newsletter, joined fields (the traveller counter among them) and dropdowns wait for their own parts. */
:is(main, .fancybox-content) :is(input:not([type=checkbox], [type=radio], [type=submit], [type=button], [type=hidden], [type=range], [type=file], [type=search]), textarea):not(.input-group:has(> .input-group-text, > .btn, > button, > .input-group-append, > .input-group-prepend) > *, .blog-search *, .increment_decrement *) {
  min-height: var(--touch-min); padding: var(--space-2) var(--space-3);
  border: var(--border-hairline) solid var(--color-muted); border-radius: var(--radius-xl); corner-shape: squircle;
  background-color: var(--color-base); color: var(--color-contrast);
}
:is(main, .fancybox-content) textarea:not(.input-group:has(> .input-group-text, > .btn, > button, > .input-group-append, > .input-group-prepend) > *, .increment_decrement *) { min-height: var(--space-12); resize: vertical; }
:is(main, .fancybox-content) :is(input, textarea):not(.input-group:has(> .input-group-text, > .btn, > button, > .input-group-append, > .input-group-prepend) > *, .blog-search *, .increment_decrement *):hover { border-color: var(--color-contrast); }
:is(main, .fancybox-content) :is(input, textarea):not(.input-group:has(> .input-group-text, > .btn, > button, > .input-group-append, > .input-group-prepend) > *, .blog-search *, .increment_decrement *):focus { border-color: var(--color-contrast); box-shadow: none; }
:is(main, .fancybox-content) :is(input, textarea)::placeholder { color: var(--color-muted); opacity: 1; }

/* A text link to another site carries Forma's Shortcut mark after its words, in the link's colour and scaled to its text.
   The footer script adds the class and a hidden "(another site)"; buttons, photographs, logos, icon-only links and WhatsApp are left out. */
.link-external::after { content: ""; display: inline-block; width: calc(1em - var(--space-1)); height: calc(1em - var(--space-1)); margin-left: var(--space-1); background: currentColor; -webkit-mask: url("../images/icons/external-link.svg") center / contain no-repeat; mask: url("../images/icons/external-link.svg") center / contain no-repeat; }

/* A field's label stands above it, bold in the contrast colour, as the form field part draws it. A required label's star takes the error colour. */
.form-group > label:not(.form-check-label, .sr-only, .visually-hidden), label.form-label { display: block; margin-bottom: var(--space-1); color: var(--color-contrast); font-weight: var(--weight-bold); text-transform: none; }
.required::after { color: var(--color-error); }

/* The frame's icons are Forma's, at 20 pixels, in the colour of the words beside them. */
.frame-icon { display: inline-block; width: calc(var(--space-4) + var(--space-1)); height: calc(var(--space-4) + var(--space-1)); vertical-align: middle; background: currentColor; -webkit-mask: var(--frame-icon) center / contain no-repeat; mask: var(--frame-icon) center / contain no-repeat; }
.frame-icon--search { --frame-icon: url("../images/icons/search.svg"); }
.frame-icon--menu { --frame-icon: url("../images/icons/menu.svg"); }
#main-menu .navbar-toggler .navbar-toggler-icon { display: inline-flex; align-items: center; justify-content: center; width: auto; height: auto; }
#main-menu .navbar-toggler .navbar-toggler-icon::before, #main-menu .navbar-toggler.in .navbar-toggler-icon::before { content: none; }
.frame-icon--menu { width: var(--space-5); height: var(--space-5); color: var(--color-contrast); }
#main-menu .navbar-toggler.in .frame-icon--menu { --frame-icon: url("../images/icons/close.svg"); }
@media (max-width: 991.98px) {
  #main-menu .navbar-toggler { display: inline-flex; align-items: center; justify-content: center; align-self: center; min-width: var(--touch-min); min-height: var(--touch-min); padding: 0; }
}
.header__right .mobile-search-toggler { display: inline-flex; align-items: center; justify-content: center; min-width: var(--touch-min); min-height: var(--touch-min); line-height: 1; }
/* Bootstrap squares the corners of a field that has any sibling in its input group, the hidden error line included. Where nothing is attached, the field keeps its own corners. */
:is(main, .fancybox-content) .input-group:not(:has(> .input-group-text, > .btn, > button, > .input-group-append, > .input-group-prepend)) > .form-control { border-radius: var(--radius-xl) !important; }
/* Pagination, the design system's part (styleguide/components.html#pagination). Bootstrap's own .pagination is reset on the nav. */
nav.pagination { display: block; margin: var(--space-7) 0 0; padding: 0; }
nav.pagination ul { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: var(--space-2); margin: 0; padding: 0; overflow: visible; list-style: none; }
/* The old review slider's rule (.home-review ul li, 45% wide under 992px) reaches the pagination on the reviews page. */
nav.pagination ul li { flex: 0 0 auto; max-width: none; }
.pagination__page, .pagination__step { display: inline-flex; align-items: center; justify-content: center; min-width: var(--touch-min); height: var(--touch-min); border: var(--border-hairline) solid var(--color-outline); border-radius: var(--radius-pill); background: var(--color-base); color: var(--color-contrast); font-size: var(--text-body-md); font-weight: var(--weight-bold); line-height: 1; text-decoration: none; }
.pagination__step { padding: 0 var(--space-4); }
.pagination__page:hover, .pagination__step:hover { border-color: var(--color-contrast); color: var(--color-contrast); }
.pagination__page:focus-visible, .pagination__step:focus-visible { border-color: var(--color-contrast); outline: var(--focus-width) solid var(--color-focus); outline-offset: var(--focus-offset); }
.pagination__page[aria-current="page"] { border-color: var(--color-dark); background: var(--color-dark); color: var(--color-on-dark); }
.pagination__gap { display: inline-flex; align-items: center; min-height: var(--touch-min); padding: 0 var(--space-1); color: var(--color-muted); }
/* The share control on every page, as on the trip page: words in the body size, not capitals, with Forma's share icon. */
.share-social .dropdown-toggle { display: inline-flex; align-items: center; gap: var(--space-2); min-height: var(--touch-min); padding: 0; border: 0; background: none; color: var(--color-contrast); font-size: var(--text-body-md); font-weight: var(--weight-450); text-transform: none; letter-spacing: 0; }
.share-social .dropdown-toggle::after, .share-social .dropdown-toggle i { display: none; }
.share-social .dropdown-toggle::before { content: ""; width: calc(var(--space-5) - var(--space-1)); height: calc(var(--space-5) - var(--space-1)); background: currentColor; -webkit-mask: url("../images/icons/share.svg") center / contain no-repeat; mask: url("../images/icons/share.svg") center / contain no-repeat; }
.share-social .dropdown-toggle:hover, .share-social .dropdown-toggle:focus { color: var(--color-contrast); }
.share-social .dropdown-toggle:hover { text-decoration: underline; text-underline-offset: var(--space-1); }
.share-social .dropdown-toggle span { text-transform: none; letter-spacing: 0; }
/* The newsletter sign-up in the footer: equal fields where there is room, stacked on a phone. The footer is outside
   main, so the page rules for fields do not reach it. */
#newsletter-form { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-3); max-width: calc(var(--space-12) * 3.25); }
.associated-wrapper .newsletter #newsletter-form .form-group.email_address { width: auto; margin-right: 0; }
@media (min-width: 992px) { .associated-wrapper > .container > .row > .col-lg-6:first-child { padding-right: var(--space-9); } .associated-wrapper > .container > .row > .col-lg-6:last-child { padding-left: var(--space-9); } }
#newsletter-form .form-group { margin: 0; }
#newsletter-form .newsletter__field { display: grid; gap: var(--space-2); min-width: 0; }
/* The Form field part's error: words under the field, in the error colour and bold, and a strong error border. */
.field__error { color: var(--color-error); font-size: var(--text-body-md); font-weight: var(--weight-bold); line-height: var(--leading-body); }
.field--error .form-control,
#newsletter-form .newsletter__field.field--error .form-control,
#newsletter-form .newsletter__field.field--error .form-control:is(:hover, :focus-visible) { border: var(--border-strong) solid var(--color-error); }
#newsletter-form .newsletter__required { margin: 0; color: var(--color-muted); font-size: var(--text-body-md); }
#newsletter-form .newsletter__field label { margin: 0; color: var(--color-contrast); font-size: var(--text-body-md); font-weight: var(--weight-bold); }
.associated-wrapper .associated-wrapper__heading { font-size: var(--text-heading-sm); line-height: var(--leading-heading); }
.associated-wrapper .newsletter .newsletter-title p { font-size: var(--text-body-lg); }
#newsletter-form .newsletter__field .form-control { width: 100%; min-height: var(--touch-min); padding: var(--space-2) var(--space-3); border: var(--border-hairline) solid var(--color-muted); border-radius: var(--radius-xl); corner-shape: squircle; background: var(--color-base); color: var(--color-contrast); font-size: var(--text-body-lg); box-shadow: none; }
#newsletter-form .newsletter__field .form-control:hover { border-color: var(--color-contrast); }
#newsletter-form .newsletter__field .form-control:focus-visible { border-color: var(--color-contrast); outline: var(--focus-width) solid var(--color-focus); outline-offset: var(--focus-offset); }
#newsletter-form .subscribe-btn { grid-column: 1 / -1; justify-self: start; }
#newsletter-form .subscribe-btn .btn { display: inline-flex; align-items: center; gap: var(--space-2); min-height: var(--touch-min); padding: var(--space-2) var(--space-5); border: var(--border-strong) solid var(--color-dark); border-radius: var(--radius-2xl); corner-shape: squircle; font-size: var(--text-body-lg); font-weight: var(--weight-bold); }
#newsletter-form .newsletter__submit-icon { display: inline-block; width: calc(var(--space-5) - var(--space-1)); height: calc(var(--space-5) - var(--space-1)); background: currentColor; -webkit-mask: url("../images/icons/email.svg") center / contain no-repeat; mask: url("../images/icons/email.svg") center / contain no-repeat; }
/* The association logos: each white tile takes a field's corner and a small shadow. The strip sits on the page's
   surface and meets the section above on a straight edge. */
/* The bodies the company is associated with, each named in full beside its logo with what it does, then the way to the
   licences. One item per row keeps every role legible. The newsletter and the list split the strip in two from 992 pixels. */
.associated-wrapper .associated { display: block; margin-top: 0; text-align: start; }
.associated-wrapper .associated ul.associated__list { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-3); margin: 0; padding: 0; list-style: none; }
.associated-wrapper .associated ul.associated__list > li.associated__item { display: flex; align-items: flex-start; gap: var(--space-3); width: auto; max-width: none; height: auto; margin: 0; padding: 0; background: none; text-align: start; }
.associated-wrapper .associated .associated__logo { display: flex; flex: none; align-items: center; justify-content: center; width: var(--space-9); height: var(--space-9); margin: 0; padding: var(--space-2); border-radius: var(--radius-xl); corner-shape: squircle; background: var(--color-base); box-shadow: 0 var(--space-1) var(--space-4) rgba(11, 31, 46, 0.10); }
.associated-wrapper .associated .associated__logo img { max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; }
.associated-wrapper .associated .associated__body { display: grid; gap: var(--space-1); margin: 0; min-width: 0; }
.associated-wrapper .associated .associated__name { display: block; margin: 0; color: var(--color-contrast); font-size: var(--text-body-lg); font-weight: var(--weight-bold); line-height: var(--leading-heading); }
.associated-wrapper .associated .associated__full { display: block; margin: 0; color: var(--color-contrast); font-size: var(--text-body-md); font-weight: var(--weight-450); line-height: var(--leading-heading); }
.associated-wrapper .associated .associated__what { display: block; margin: 0; color: var(--color-muted); font-size: var(--text-body-md); font-weight: var(--weight-450); line-height: var(--leading-body); }
.associated-wrapper .associated .associated__proof { display: inline-flex; align-items: center; min-height: var(--touch-min); margin-top: var(--space-3); color: var(--color-link); font-weight: var(--weight-bold); text-decoration: underline; text-underline-offset: var(--space-1); }
.associated-wrapper .associated .associated__proof:hover { color: var(--color-contrast); }
@media (max-width: 991.98px) { .associated-wrapper .associated { margin-top: var(--space-7); } }
.associated-wrapper { padding: var(--space-9) 0; background: linear-gradient(180deg, var(--color-primary-light) 0%, var(--color-surface) 100%); }
@media (max-width: 767.98px) { .associated-wrapper { padding: var(--space-8) 0; } }
.associated-wrapper::before { content: none; }
.associated-wrapper .newsletter { padding-top: var(--space-3); }
#newsletter-form .newsletter__field { text-align: start; }
@media (max-width: 575.98px) { #newsletter-form .subscribe-btn { justify-self: stretch; } #newsletter-form .subscribe-btn .btn { width: 100%; justify-content: center; } }
/* The copyright line: small body type, no capitals. */
#footer .footer-last-wrapper .copy-right p, #footer .footer-last-wrapper .copy-right p a { font-size: var(--text-body-md); font-weight: var(--weight-450); text-transform: none; letter-spacing: 0; }
#footer .footer-last-wrapper .copy-right p > span:first-child { font-size: var(--text-body-md); }
#footer .footer-last-wrapper .copy-right p { display: flex; flex-wrap: wrap; justify-content: center; align-items: baseline; gap: var(--space-2) var(--space-8); }
/* The credit is quiet: night-400 on the dark footer still measures about 5.5 to 1, so it stays readable at AA. */
#footer .footer-last-wrapper .copy-right .site-credit,
#footer .footer-last-wrapper .copy-right p .site-credit a { color: var(--night-400); font-size: var(--text-body-sm); }
#footer .footer-last-wrapper .copy-right p .site-credit a:hover { color: var(--color-on-dark); }
/* The footer's social links: a step of space after the contact lines, and rounded tiles. */
/* The footer's first column: the logo, a few lines on who the company is, its legal name, then the contact lines. */
/* The theme forced this column heading into all capitals; sentence case, as decided for every heading. */
#footer .footer-top-wrapper .module-title { text-transform: none; letter-spacing: 0; }
#footer .footer-top-wrapper .footer-contact-address p.footer-about { max-width: calc(var(--space-12) * 2.5); margin: var(--space-3) 0 var(--space-2); color: var(--color-muted); font-size: var(--text-body-md); line-height: var(--leading-body); }
#footer .footer-top-wrapper .footer-contact-address p.footer-legal-name { margin: 0 0 var(--space-3); color: var(--color-contrast); font-size: var(--text-body-xl); font-weight: var(--weight-bold); line-height: var(--leading-heading); }
/* Each contact line: the icon beside the words, centred on them, not lifted above. */
#footer .footer-contact-address ul li:is(.footer-address, .footer-email, .footer-number) { display: flex; align-items: center; gap: var(--space-2); padding-left: 0; font-size: var(--text-body-md); }
#footer .footer-contact-address ul li:is(.footer-address, .footer-email, .footer-number)::before { position: static; flex: none; width: calc(var(--space-4) + var(--space-1)); height: calc(var(--space-4) + var(--space-1)); vertical-align: middle; }
/* Under the newsletter, as the other way to keep in touch, set off by a short rule. */
.newsletter .newsletter__rule { width: var(--space-9); margin: var(--space-5) 0 var(--space-4); border: 0; border-top: var(--border-hairline) solid var(--color-outline); opacity: 1; }
.newsletter .footer-social-icon { margin-top: 0; }
.newsletter .footer-social-icon > span { margin-bottom: var(--space-2); color: var(--color-contrast); font-size: var(--text-body-lg); font-weight: var(--weight-bold); }
.newsletter .footer-social-icon .socials { gap: var(--space-2); }
.newsletter .footer-social-icon .socials li + li { padding-left: 0; }
.newsletter .footer-social-icon .socials i { border-radius: var(--radius-md); corner-shape: squircle; }
/* The footer's Tripadvisor column: the logo, the rating from config/reviews.php, the Travelers' Choice badges and the
   way to the reviews, centred as one block. */
#footer .footer-ta { display: grid; justify-items: center; gap: var(--space-3); text-align: center; }
#footer .footer-ta__title { margin: 0; line-height: 0; }
#footer .footer-ta__title img { width: auto; height: var(--space-5); }
#footer .footer-ta__summary { display: grid; gap: var(--space-1); max-width: calc(var(--space-12) * 2.2); padding: var(--space-3); border: var(--border-hairline) solid var(--color-outline); border-radius: var(--radius-xl); corner-shape: squircle; background: var(--color-surface); }
#footer .footer-ta p.footer-ta__score { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: center; gap: var(--space-1); margin: 0; color: var(--color-contrast); }
#footer .footer-ta__rating { font-family: var(--font-body); font-size: var(--text-body-lg); font-weight: var(--weight-bold); line-height: var(--leading-tight); }
#footer .footer-ta__out-of { font-size: var(--text-body-md); font-weight: var(--weight-450); }
#footer .footer-ta .footer-ta__summary p.footer-ta__note { margin: 0; padding-top: var(--space-2); border-top: var(--border-hairline) solid var(--color-outline); color: var(--color-muted); font-size: var(--text-body-md); line-height: var(--leading-body); }
/* The two years' badges read as one pair: equal visual slots, one baseline, closer to each other than to the rating
   above or the link below. */
#footer .footer-ta ul.footer-ta-grid { --footer-ta-badge-slot: var(--space-11); display: grid; grid-template-columns: repeat(2, var(--footer-ta-badge-slot)); justify-content: center; align-items: end; gap: var(--space-3); margin: 0; padding: var(--space-2) 0 0; list-style: none; }
#footer .footer-ta .footer-ta-grid > li { display: flex; align-items: flex-end; justify-content: center; width: var(--footer-ta-badge-slot); height: var(--footer-ta-badge-slot); margin: 0; padding: 0; }
#footer .footer-ta-grid .footer-ta-item { display: block; width: 100%; height: 100%; object-fit: contain; }
/* The footer's white panel takes the page's one corner and a quiet lift from the dark footer ground. */
#footer .footer-top-wrapper { border-radius: var(--radius-2xl); corner-shape: squircle; box-shadow: 0 var(--space-3) var(--space-8) rgba(11, 31, 46, 0.16); }

/* The breadcrumb's own band, at the top of every page but the home page, the trip page's since 7 October 2026.
   A breadcrumb's rule: every step but the last is a link and looks like one. The last is the page you are on:
   plain words, heavier, not a link. The marks between them are quiet. */
/* The theme hides the breadcrumb under 992 pixels and un-hides it only inside the banner's wrapper. The band is outside it now. */
.breadcrumb-band .page-nav { margin: 0; display: block; }
.breadcrumb-band .page-nav-wrapper { justify-content: space-between; gap: var(--space-4, 16px); }
.breadcrumb-band .breadcrumb { font-size: var(--text-body-md, 0.875rem); }
.breadcrumb-band .breadcrumb li a {
  color: var(--color-link, #295e1d) !important;
  text-decoration: none;
}
.breadcrumb-band .breadcrumb li a:hover,
.breadcrumb-band .breadcrumb li a:focus-visible { text-decoration: underline; text-underline-offset: 3px; }
.breadcrumb-band .breadcrumb .breadcrumb-item.active {
  color: var(--color-contrast, #0b1f2e) !important;
  font-weight: 700;
}
.breadcrumb-band .breadcrumb .breadcrumb-item + .breadcrumb-item::before { color: var(--color-muted, #51606b) !important; }

/* Sharing, at the right end of the band, in the breadcrumb's own size. The icon is from the site's set. */
.breadcrumb-band .breadcrumb-band__share { flex: none; }
.breadcrumb-band .breadcrumb-band__share .share-social .btn {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2, 8px);
  min-height: var(--touch-min, 44px);
  padding: 0;
  border: 0;
  background: none;
  color: var(--color-contrast, #0b1f2e);
  font-size: var(--text-body-md, 0.875rem);
  font-weight: var(--weight-450, 450);
  text-transform: none;
  letter-spacing: 0;
}
.breadcrumb-band .breadcrumb-band__share .share-social .btn::after { display: none; }
.breadcrumb-band .breadcrumb-band__share .share-social .btn i { display: none; }
.breadcrumb-band .breadcrumb-band__share .share-social .btn::before {
  content: "";
  width: calc(var(--space-5, 24px) - var(--space-1, 4px));
  height: calc(var(--space-5, 24px) - var(--space-1, 4px));
  background: currentColor;
  -webkit-mask: url("../images/icons/share.svg") center / contain no-repeat;
  mask: url("../images/icons/share.svg") center / contain no-repeat;
}
.breadcrumb-band .breadcrumb-band__share .share-social .btn:focus-visible,
.breadcrumb-band .breadcrumb li a:focus-visible { outline: 2px solid var(--color-focus, #295e1d); outline-offset: 2px; }
.breadcrumb-band .breadcrumb-band__share .share-social .btn:hover,
.breadcrumb-band .breadcrumb-band__share .share-social .btn:focus { color: var(--color-contrast, #0b1f2e); }
.breadcrumb-band .breadcrumb-band__share .share-social .btn:hover { text-decoration: underline; text-underline-offset: 3px; }

/* On a phone the band keeps the breadcrumb on one line that can be swiped, and sharing stays at its end. */
@media (max-width: 991.98px) {
  .breadcrumb-band .page-nav-container { min-width: 0; overflow-x: auto; scrollbar-width: none; }
  .breadcrumb-band .page-nav-wrapper { justify-content: flex-start; }
  .breadcrumb-band .page-nav-container { flex: 1 1 auto; }
  .breadcrumb-band .breadcrumb { flex-wrap: nowrap; justify-content: flex-start; white-space: nowrap; }
  .breadcrumb-band .breadcrumb .breadcrumb-item { flex: none; }
  .breadcrumb-band .page-nav-container::-webkit-scrollbar { display: none; }
}
/* A page with no banner, as the blog: its search sits on the page under the band, not on the dark strip meant to follow a banner. */
.breadcrumb-band + .blog-search-wrapper { padding-top: var(--space-6); background-color: transparent; }

/* The Button part (styleguide/components.html#button) on every page. The theme's button classes take its shape:
   44 pixels at least, the body's large size in bold, no capitals, one corner, no shadow. The main button is the
   near-black blue, lightening to night 800; the theme's outline and second colours become the second button.
   A part with its own rule (the hero, the booking box, the trip page's small buttons) keeps it: those rules are more specific. */
.btn.btn-primary, .btn.btn-secondary, .btn.btn-outline, .btn.btn-extra, .btn.radius {
  display: inline-flex; align-items: center; justify-content: center; gap: var(--space-2);
  min-height: var(--touch-min); height: auto; padding: var(--space-2) var(--space-5);
  border: var(--border-strong) solid var(--color-dark); border-radius: var(--radius-2xl); corner-shape: squircle;
  font-family: var(--font-body); font-size: var(--text-body-lg); font-weight: var(--weight-bold); line-height: var(--leading-heading);
  text-transform: none; letter-spacing: 0; box-shadow: none;
}
.btn.btn-primary, .btn.btn-extra { background-color: var(--color-dark); color: var(--color-on-dark); }
.btn.btn-primary:hover, .btn.btn-extra:hover { border-color: var(--night-800); background-color: var(--night-800); color: var(--color-on-dark); }
.btn.btn-secondary, .btn.btn-outline { background-color: var(--color-base); color: var(--color-contrast); }
.btn.btn-secondary:hover, .btn.btn-outline:hover { border-color: var(--color-dark); background-color: var(--color-surface); color: var(--color-contrast); }
.btn.btn-primary::before, .btn.btn-primary::after { box-shadow: none; }
.booking-form button.btn, .enquiry-form button.btn, .booking-module .booking-check-btn .view-more .btn { text-transform: none; }
/* The team and documents pages' tabs take the button's shape: the open one the main button, the others the second. */
.line-tabs .nav-tabs { gap: var(--space-2); border: 0; }
.line-tabs .nav-tabs > .nav-item + .nav-item { margin-left: 0; }
.line-tabs .nav-tabs > .nav-item > .nav-link {
  min-height: var(--touch-min); padding: var(--space-2) var(--space-5);
  border: var(--border-strong) solid var(--color-dark); border-radius: var(--radius-2xl); corner-shape: squircle;
  background: var(--color-base); color: var(--color-contrast);
  font-size: var(--text-body-lg); font-weight: var(--weight-bold); line-height: var(--leading-heading); text-transform: none; letter-spacing: 0;
}
.line-tabs .nav-tabs > .nav-item > .nav-link:hover { background: var(--color-surface); color: var(--color-contrast); }
.line-tabs .nav-tabs > .nav-item > .nav-link.active { background: var(--color-dark); color: var(--color-on-dark); }
.line-tabs .nav-tabs > .nav-item > .nav-link::before, .line-tabs .nav-tabs > .nav-item > .nav-link::after { content: none; }

/* ── Old colours restated by role. GENERATED by docs/tools/build-foundation.py. Do not edit below this line. ── */
.custom-control-input:checked~.custom-control-label:before{background-color:var(--color-dark)}
.custom-control-input:focus~.custom-control-label:before{-webkit-box-shadow:0 0 0 1px #fff,0 0 0 .25rem color-mix(in srgb, var(--color-dark) 25%, transparent);box-shadow:0 0 0 1px #fff,0 0 0 .25rem color-mix(in srgb, var(--color-dark) 25%, transparent)}
.custom-checkbox .custom-control-input:checked~.custom-control-label:before{background-color:var(--color-dark)}
.custom-checkbox .custom-control-input:indeterminate~.custom-control-label:before{background-color:var(--color-dark)}
.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label:before{background-color:color-mix(in srgb, var(--color-dark) 50%, transparent)}
.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label:before{background-color:color-mix(in srgb, var(--color-dark) 50%, transparent)}
.custom-radio .custom-control-input:checked~.custom-control-label:before{background-color:var(--color-dark)}
.custom-radio .custom-control-input:disabled:checked~.custom-control-label:before{background-color:color-mix(in srgb, var(--color-dark) 50%, transparent)}
.custom-file-input:focus~.custom-file-label{-webkit-box-shadow:0 0 0 .25rem color-mix(in srgb, var(--color-dark) 25%, transparent);box-shadow:0 0 0 .25rem color-mix(in srgb, var(--color-dark) 25%, transparent)}
.custom-range:focus::-webkit-slider-thumb{-webkit-box-shadow:0 0 0 1px #fff,0 0 0 .25rem color-mix(in srgb, var(--color-dark) 25%, transparent);box-shadow:0 0 0 1px #fff,0 0 0 .25rem color-mix(in srgb, var(--color-dark) 25%, transparent)}
.custom-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem color-mix(in srgb, var(--color-dark) 25%, transparent)}
.custom-range:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem color-mix(in srgb, var(--color-dark) 25%, transparent)}
.custom-range::-webkit-slider-thumb{background-color:var(--color-dark)}
.custom-range::-moz-range-thumb{background-color:var(--color-dark)}
.custom-range::-ms-thumb{background-color:var(--color-dark)}
.form-control:focus{-webkit-box-shadow:0 0 0 .25rem color-mix(in srgb, var(--color-dark) 25%, transparent);box-shadow:0 0 0 .25rem color-mix(in srgb, var(--color-dark) 25%, transparent)}
.form-select:focus{-webkit-box-shadow:0 0 0 .25rem color-mix(in srgb, var(--color-dark) 25%, transparent);box-shadow:0 0 0 .25rem color-mix(in srgb, var(--color-dark) 25%, transparent)}
.form-check-input:focus{-webkit-box-shadow:0 0 0 .25rem color-mix(in srgb, var(--color-dark) 25%, transparent);box-shadow:0 0 0 .25rem color-mix(in srgb, var(--color-dark) 25%, transparent)}
.form-check-input:checked{background-color:var(--color-dark);border-color:var(--color-dark)}
.form-check-input[type=checkbox]:indeterminate{background-color:var(--color-dark);border-color:var(--color-dark);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")}
.form-range:focus::-webkit-slider-thumb{-webkit-box-shadow:0 0 0 1px #fff,0 0 0 .25rem color-mix(in srgb, var(--color-dark) 25%, transparent);box-shadow:0 0 0 1px #fff,0 0 0 .25rem color-mix(in srgb, var(--color-dark) 25%, transparent)}
.form-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem color-mix(in srgb, var(--color-dark) 25%, transparent)}
.form-range::-webkit-slider-thumb{background-color:var(--color-dark)}
.form-range::-webkit-slider-thumb:active{background-color:var(--color-surface)}
.form-range::-moz-range-thumb{background-color:var(--color-dark)}
.form-range::-moz-range-thumb:active{background-color:var(--color-surface)}
.valid-feedback{color:var(--color-primary-dark)}
.valid-tooltip{background-color:color-mix(in srgb, var(--color-dark) 90%, transparent)}
.form-control.is-valid,.was-validated .form-control:valid{border-color:var(--color-primary-dark)}
.form-control.is-valid:focus,.was-validated .form-control:valid:focus{border-color:var(--color-primary-dark);-webkit-box-shadow:0 0 0 .25rem color-mix(in srgb, var(--color-primary-dark) 25%, transparent);box-shadow:0 0 0 .25rem color-mix(in srgb, var(--color-primary-dark) 25%, transparent)}
.form-select.is-valid,.was-validated .form-select:valid{border-color:var(--color-primary-dark)}
.form-select.is-valid:focus,.was-validated .form-select:valid:focus{border-color:var(--color-primary-dark);-webkit-box-shadow:0 0 0 .25rem color-mix(in srgb, var(--color-primary-dark) 25%, transparent);box-shadow:0 0 0 .25rem color-mix(in srgb, var(--color-primary-dark) 25%, transparent)}
.form-check-input.is-valid,.was-validated .form-check-input:valid{border-color:var(--color-primary-dark)}
.form-check-input.is-valid:checked,.was-validated .form-check-input:valid:checked{background-color:var(--color-dark)}
.form-check-input.is-valid:focus,.was-validated .form-check-input:valid:focus{-webkit-box-shadow:0 0 0 .25rem color-mix(in srgb, var(--color-primary-dark) 25%, transparent);box-shadow:0 0 0 .25rem color-mix(in srgb, var(--color-primary-dark) 25%, transparent)}
.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:var(--color-primary-dark)}
.alert-secondary .alert-link{color:var(--color-primary-dark)}
.alert-success .alert-link{color:var(--color-primary-dark)}
.list-group-item-primary{color:var(--color-contrast);background-color:var(--color-surface)}
.list-group-item-primary.list-group-item-action:focus,.list-group-item-primary.list-group-item-action:hover{color:var(--color-contrast)}
.list-group-item-primary.list-group-item-action.active{background-color:var(--night-800);border-color:var(--night-800)}
.list-group-item-secondary{color:var(--color-primary-dark);background-color:var(--color-primary-light)}
.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover{color:var(--color-primary-dark)}
.list-group-item-secondary.list-group-item-action.active{background-color:var(--color-dark);border-color:var(--color-primary-dark)}
.list-group-item-success{color:var(--color-primary-dark);background-color:var(--color-primary-light)}
.list-group-item-success.list-group-item-action:focus,.list-group-item-success.list-group-item-action:hover{color:var(--color-primary-dark)}
.list-group-item-success.list-group-item-action.active{background-color:var(--color-dark);border-color:var(--color-primary-dark)}
.list-group-item-info{color:var(--color-contrast);background-color:var(--color-surface)}
.list-group-item-info.list-group-item-action:focus,.list-group-item-info.list-group-item-action:hover{color:var(--color-contrast);background-color:var(--color-surface)}
.list-group-item-info.list-group-item-action.active{background-color:var(--night-800);border-color:var(--night-800)}
.btn-close:focus{-webkit-box-shadow:0 0 0 .25rem color-mix(in srgb, var(--color-dark) 25%, transparent);box-shadow:0 0 0 .25rem color-mix(in srgb, var(--color-dark) 25%, transparent)}
.link-primary{color:var(--color-contrast)!important}
.link-primary:focus,.link-primary:hover{color:var(--color-contrast)!important}
.link-secondary{color:var(--color-primary-dark)!important}
.link-secondary:focus,.link-secondary:hover{color:var(--color-primary-dark)!important}
.link-success{color:var(--color-primary-dark)!important}
.link-success:focus,.link-success:hover{color:var(--color-primary-dark)!important}
.link-info{color:var(--color-link)!important}
::-moz-selection{background-color:var(--color-dark)}
::selection{background-color:var(--color-dark)}
.text-primary{color:var(--color-contrast)!important}
.text-secondary{color:var(--color-primary-dark)!important}
form .form-control{border-color:var(--color-outline)}
.btn.btn-primary{background-color:var(--color-dark);border-color:var(--color-dark)}
.btn.btn-primary:active,.btn.btn-primary:focus,.btn.btn-primary:hover{background-color:var(--night-800);border-color:var(--night-800)}
.btn.btn-extra{background-color:var(--color-dark);border-color:var(--color-dark)}
.btn.btn-extra:active,.btn.btn-extra:focus,.btn.btn-extra:hover{background-color:var(--color-dark);border-color:var(--color-dark)}
.btn.btn-round{color:var(--color-primary-dark);border:1px solid var(--color-primary-dark)}
.btn.btn-round:active,.btn.btn-round:focus,.btn.btn-round:hover{background-color:var(--color-dark)}
.btn.btn-secondary{background-color:var(--color-dark);border-color:var(--color-dark)}
.btn.btn-secondary:active,.btn.btn-secondary:focus,.btn.btn-secondary:hover{background-color:var(--night-800);border-color:var(--night-800)}
.btn.btn-outline{border:1px solid var(--color-dark);color:var(--color-contrast)}
.btn.btn-extra-outline{border:1px solid var(--color-dark);color:var(--color-link)}
.btn.btn-extra-outline:active,.btn.btn-extra-outline:focus,.btn.btn-extra-outline:hover{background-color:var(--color-dark)}
.btn.has-arrow:hover:after{background-color:color-mix(in srgb, var(--color-dark) 6%, transparent)}
blockquote:before{background-color:var(--color-dark)}
article.common-module>ul>li:before{color:var(--color-primary-dark)}
.two-col-layout ul>li:before{color:var(--color-primary-dark)}
.subtitle i{color:var(--color-primary-dark)}
.btn-more-less.with-text{color:var(--color-contrast)}
a{color:var(--color-link)}
a:hover{color:var(--color-link)}
i[class*=" ratings_"],i[class^=ratings_]{color:var(--color-rating)}
#header.fixed-position .header__bottom,.header.fixed-position .header__bottom{background-color:var(--color-dark)}
#header.fixed-position #main-menu.navbar .nav-link:active,#header.fixed-position #main-menu.navbar .nav-link:focus,#header.fixed-position #main-menu.navbar .nav-link:hover,.header.fixed-position #main-menu.navbar .nav-link:active,.header.fixed-position #main-menu.navbar .nav-link:focus,.header.fixed-position #main-menu.navbar .nav-link:hover{color:var(--color-primary-dark)}
#header__top__content__right>div:after,.header__top__content__right>div:after{color:var(--color-contrast)}
#header__top__content__right .top-email span a,.header__top__content__right .top-email span a{color:var(--color-contrast)}
#header__top__content__right .top-contact span a,.header__top__content__right .top-contact span a{color:var(--color-contrast)}
#header__top__content__left .license-no,.header__top__content__left .license-no{color:var(--color-contrast)}
#header .top-left .top-reg,.header .top-left .top-reg{color:var(--color-contrast)}
@media (min-width:992px){.key-search:before{border:2px solid var(--color-primary-dark);color:var(--color-primary-dark)}}
@media (min-width:992px){.key-search .form-control{background-color:var(--color-dark)}}
.key-search button[type=submit] i{color:var(--color-contrast)}
@media (min-width:992px){.key-search button[type=submit] i{color:#fff}}
.mobile-key-search .form-control{background-color:var(--color-dark)}
@media (min-width:992px){#main-menu.navbar .nav-item>.nav-link:active,#main-menu.navbar .nav-item>.nav-link:focus,#main-menu.navbar .nav-item>.nav-link:hover{color:var(--color-primary-dark)}}
@media (min-width:992px){#main-menu.navbar .nav-item>.nav-link:active:after,#main-menu.navbar .nav-item>.nav-link:focus:after,#main-menu.navbar .nav-item>.nav-link:hover:after{color:var(--color-primary-dark)}}
.top-search .btn.search i{color:var(--color-primary-dark)}
#main-menu .dropdown-menu .dropdown-item>a:focus,#main-menu .dropdown-menu .dropdown-item>a:hover{color:var(--color-primary-dark)}
#main-menu .navbar-toggler .navbar-toggler-icon:before{color:var(--color-contrast)}
#main-menu .navbar-toggler.in .navbar-toggler-icon:before{color:var(--color-contrast)}
.header__bottom{background-color:var(--color-dark)}
@media (max-width:991.98px){.header__bottom{background-color:#fff}}
#main-menu .mega-menu .dropdown-menu .container::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px color-mix(in srgb, var(--color-dark) 30%, transparent)}
#main-menu .mega-menu .dropdown-menu .container::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 6px color-mix(in srgb, var(--color-dark) 25%, transparent);background-color:color-mix(in srgb, var(--color-dark) 80%, transparent)}
#main-menu .mega-menu .dropdown-menu .mega-item span.dropdown-header{color:var(--color-primary-dark)}
#main-menu .mega-menu .dropdown-menu .mega-item span.dropdown-header a{color:var(--color-primary-dark)}
#main-menu .mega-menu .dropdown-menu .mega-item span.dropdown-header a:hover{color:var(--color-primary-dark)}
@media (min-width:992px){#main-menu .mega-menu .dropdown-menu span.dropdown-header{color:var(--color-primary-dark)}}
@media (min-width:992px){#main-menu .mega-menu .dropdown-menu span.dropdown-header a{color:var(--color-primary-dark)}}
@media (min-width:992px){#main-menu .mega-menu .dropdown-menu span.dropdown-header a:hover{color:var(--color-primary-dark)}}
@media (max-width:991.98px){#main-menu .mega-menu .dropdown-menu span.dropdown-header a:hover{color:var(--color-primary-dark)}}
#main-menu .slicknav_menu .slicknav_nav .slicknav_open .nav-link{color:var(--color-contrast)}
#main-menu .top-nav ul>li a{color:var(--color-primary-dark);border:1px solid var(--color-primary-dark)}
.navbar-expand .header-right a.search-toggler i{color:var(--color-contrast)}
.navbar-expand .header-right a.phone b{color:var(--color-contrast)}
.navbar-expand-sm .header-right a.search-toggler i{color:var(--color-contrast)}
.navbar-expand-sm .header-right a.phone b{color:var(--color-contrast)}
.navbar-expand-md .header-right a.search-toggler i{color:var(--color-contrast)}
.navbar-expand-md .header-right a.phone b{color:var(--color-contrast)}
.navbar-expand-lg .header-right a.search-toggler i{color:var(--color-contrast)}
.navbar-expand-lg .header-right a.phone b{color:var(--color-contrast)}
.navbar-expand-xl .header-right a.search-toggler i{color:var(--color-contrast)}
.navbar-expand-xl .header-right a.phone b{color:var(--color-contrast)}
.navbar-expand-xxl .header-right a.search-toggler i{color:var(--color-contrast)}
.navbar-expand-xxl .header-right a.phone b{color:var(--color-contrast)}
#main-menu.navbar-light .slicknav_menu .slicknav_arrow{border-color:var(--color-primary-dark);color:var(--color-primary-dark)}
#main-menu.navbar-light .slicknav_menu .slicknav_nav .slicknav_open>a,#main-menu.navbar-light .slicknav_menu .slicknav_nav .slicknav_open>a>a{color:var(--color-primary-dark)}
#main-menu.navbar-light .header__right{color:var(--color-contrast)}
#main-menu.navbar-light .header__right a:not(.btn){color:var(--color-contrast)}
#main-menu.navbar-dark .slicknav_menu{background-color:var(--color-dark)}
#main-menu.navbar-dark .header__right a{color:var(--color-contrast)}
@media (max-width:991.98px){#main-menu.navbar-dark .header__right a{color:var(--color-contrast)}}
.sm-contact{background-color:var(--color-dark)}
.banner-wrapper .news-alert{background-color:color-mix(in srgb, var(--color-dark) 80%, transparent)}
.trip-search .btn.search-btn i{color:var(--color-contrast)}
.why-wrapper .why-list li .item{background-color:var(--color-dark)}
.why-wrapper .why-list li .item:before{background-color:var(--color-dark)}
.why-wrapper .why-list li .item:active,.why-wrapper .why-list li .item:focus,.why-wrapper .why-list li .item:hover{background-color:var(--color-dark)}
.main-content-wrapper .title-head-content .title h1{color:var(--color-contrast)}
.home-activity-wrap .home-activity-content .title-head-content .title h5:before{background-color:var(--color-dark)}
.home-activity-wrap .view-more-btn .btn{color:var(--color-primary-dark)}
.trip-type-wrapper .form-check-input:checked[type=radio]:before{color:var(--color-primary-dark)}
.trip-type-wrapper .form-check-input:checked{border-color:var(--color-primary-dark)}
.category-navigation .category-button-next,.category-navigation .category-button-prev,.category-navigation .package-button-next,.category-navigation .package-button-prev,.category-navigation .review-button-next,.category-navigation .review-button-prev,.review-navigation .category-button-next,.review-navigation .category-button-prev,.review-navigation .package-button-next,.review-navigation .package-button-prev,.review-navigation .review-button-next,.review-navigation .review-button-prev,.why-navigation .category-button-next,.why-navigation .category-button-prev,.why-navigation .package-button-next,.why-navigation .package-button-prev,.why-navigation .review-button-next,.why-navigation .review-button-prev{background-color:var(--color-dark)}
.category-navigation .category-button-next:hover,.category-navigation .category-button-prev:hover,.category-navigation .package-button-next:hover,.category-navigation .package-button-prev:hover,.category-navigation .review-button-next:hover,.category-navigation .review-button-prev:hover,.review-navigation .category-button-next:hover,.review-navigation .category-button-prev:hover,.review-navigation .package-button-next:hover,.review-navigation .package-button-prev:hover,.review-navigation .review-button-next:hover,.review-navigation .review-button-prev:hover,.why-navigation .category-button-next:hover,.why-navigation .category-button-prev:hover,.why-navigation .package-button-next:hover,.why-navigation .package-button-prev:hover,.why-navigation .review-button-next:hover,.why-navigation .review-button-prev:hover{background-color:var(--night-800)}
.package-list figure .image-thumb .btn i{color:var(--color-primary-dark)}
.package-list figcaption .intro-text .photo_number{color:var(--color-primary-dark)}
.package-list figcaption .intro-text span.normal b{color:var(--color-contrast)}
.home-navigation,.package-review-navigation{color:var(--color-contrast)}
.home-navigation>div:hover,.package-review-navigation>div:hover{background-color:var(--color-dark)}
.home-navigation .home-btn-prev,.home-navigation .package-review-btn-prev,.package-review-navigation .home-btn-prev,.package-review-navigation .package-review-btn-prev{background-color:var(--color-dark)}
.home-navigation .home-btn-next,.home-navigation .package-review-btn-next,.package-review-navigation .home-btn-next,.package-review-navigation .package-review-btn-next{background-color:var(--color-dark)}
.review-text::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px color-mix(in srgb, var(--color-dark) 30%, transparent)}
.review-text::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 6px color-mix(in srgb, var(--color-dark) 25%, transparent);background-color:color-mix(in srgb, var(--color-dark) 80%, transparent)}
.title-head-content .title:before{background-color:var(--color-dark)}
.category-list .price_tag{background-color:var(--color-dark)}
ul.category-list figcaption .photo_number,ul.common__gallery figcaption .photo_number{color:var(--color-primary-dark)}
ul.category-list figcaption .package-meta .duration-rating .duration:before,ul.common__gallery figcaption .package-meta .duration-rating .duration:before{color:var(--color-primary-dark)}
.trip-map::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px color-mix(in srgb, var(--color-dark) 30%, transparent)}
.trip-map::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 6px color-mix(in srgb, var(--color-dark) 25%, transparent);background-color:color-mix(in srgb, var(--color-dark) 80%, transparent)}
.total-count b{color:var(--color-primary-dark)}
.nav-tabs.package-tab .nav-item>.nav-link.active,.nav-tabs.package-tab .nav-item>.nav-link:hover{background-color:var(--color-dark)}
.download-btn i{color:var(--color-contrast)}
.key-wrapper ul.trip-fact>li.item:before{color:var(--color-contrast)}
.key-wrapper ul.trip-fact>li.item.difficulty i{color:var(--color-contrast)}
.package-review-title .write-review-btn .btn{border:2px solid var(--color-dark);color:var(--color-contrast)}
.package-review-title .write-review-btn .btn:focus,.package-review-title .write-review-btn .btn:hover{background-color:var(--color-dark)}
.highlights>ul>li:before{color:var(--color-primary-dark)}
.alert-highlights{border:1px solid var(--color-dark)}
.alert-highlights p:before{color:var(--color-primary-dark)}
.alert-highlights>ul>li:before{color:var(--color-primary-dark)}
.team-leader{border-right:5px solid var(--color-dark)}
.trip-note-wrapper .trip-custom .btn{color:var(--color-contrast);border:2px solid var(--color-dark)}
.trip-note-wrapper .trip-custom .btn:focus,.trip-note-wrapper .trip-custom .btn:hover{background-color:var(--color-dark)}
.departure-wrapper{border:1px solid var(--color-outline)}
.departure-note,.itinerary-brief,.package-note-content{background-color:var(--color-dark)}
.itinerary-btn .btn{color:var(--color-contrast)}
.itinerary-content .accordion-item .days b{color:var(--color-contrast);background:-webkit-gradient(linear,left bottom,left top,color-stop(50%,#f7fcff),color-stop(50%,var(--color-dark)));background:linear-gradient(to top,#f7fcff 50%,var(--color-dark) 50%)}
.itinerary-content .accordion-item .accordion-button{color:var(--color-contrast)}
.itinerary-content .accordion-item .accordion-button:not(.collapsed){color:var(--color-contrast)}
.itinerary-content .itinerary-meta ul li{color:var(--color-contrast)}
.itinerary-content .itinerary-meta ul li span{color:var(--color-contrast)}
.itinerary-content .itinerary-meta ul li span b{color:var(--color-contrast)}
.itinerary-navigation span{color:var(--color-primary-dark)}
.itinerary-navigation span:focus,.itinerary-navigation span:hover{color:var(--color-primary-dark)}
.content-title .btn{border:1px solid var(--color-dark);color:var(--color-contrast)}
.content-title .btn:hover{background-color:var(--color-dark)}
.cost-tab .btn-outline-primary{border:2px solid var(--color-dark);color:var(--color-contrast)}
.cost-tab .btn{border:2px solid var(--color-dark);color:var(--color-contrast)}
.cost-tab .btn.active{color:var(--color-contrast)}
.cost-tab .btn.active:before{color:var(--color-contrast)}
.cost-tab .btn:focus,.cost-tab .btn:hover{color:var(--color-contrast)}
.inclusions ul li:before{color:var(--color-primary-dark)}
.cost_dtl .cost_detail ul li:before{color:var(--color-contrast)}
.cost_dtl .cost_detail.cost_exclude ul li:before{color:var(--color-contrast)}
#inclusions .inclusions-tabs>.nav-tabs>.nav-item>.nav-link{background-color:var(--color-dark);border:2px solid var(--color-dark)}
#inclusions .inclusions-tabs>.nav-tabs>.nav-item>.nav-link.active{border-color:var(--color-dark);color:var(--color-contrast)}
.booking-module-content .save{background-color:var(--color-dark)}
.book-service ul>li{color:var(--color-contrast)}
.book-service ul>li:before{color:var(--color-contrast)}
.booking-module form .form-control{border-color:var(--color-outline)}
.booking-module form .calendar:after{color:var(--color-link)}
.booking-module .package-price:before{color:var(--color-contrast)}
.booking-module .package-price__tag b{color:var(--color-contrast)}
.booking-module .booking-trip .btn.check-available{background-color:var(--color-dark)}
.booking-module .booking-trip .btn.check-available.focus,.booking-module .booking-trip .btn.check-available:active,.booking-module .booking-trip .btn.check-available:hover{background-color:var(--night-800)}
.booking-module .booking-trip .btn.customize-trip{color:var(--color-contrast);border:1px solid var(--color-dark)}
.booking-module .booking-trip .btn.customize-trip.focus,.booking-module .booking-trip .btn.customize-trip:active,.booking-module .booking-trip .btn.customize-trip:hover{color:var(--color-contrast)}
.group-price .cost-schedule table tbody tr{border-bottom:1px solid var(--color-outline)}
.featured-price-view .booking-trip{background:var(--color-dark)}
.featured-price-view .booking-trip:focus,.featured-price-view .booking-trip:hover{background-color:var(--night-800)}
.banner-video span i{color:var(--color-primary-dark)}
.banner-video span:hover i{color:var(--color-primary-dark)}
.featured-price-view .booking-trip{background:var(--color-dark)}
.featured-price-view .booking-trip:focus,.featured-price-view .booking-trip:hover{background-color:var(--night-800)}
.featured-price-view .booking-trip{background:var(--color-dark)}
.featured-price-view .booking-trip:focus,.featured-price-view .booking-trip:hover{background-color:var(--night-800)}
ul.blog-list .intro-image a:after{color:var(--color-primary-dark)}
ul figure figcaption h4 a{color:var(--color-contrast)}
.booking-quick-info .grand-total .table tr.amount-due{background-color:var(--color-dark)}
.increment_decrement{border:1px solid var(--color-outline)}
.review .item .review-header h4 a:hover{color:var(--color-contrast)}
.review .item .review-footer .intro-img{background-color:var(--color-dark)}
.review__reply p{color:var(--color-primary-dark)}
.review-list .item figure i,.review-list .item figure img{color:var(--color-contrast)}
.review-navigation{color:var(--color-contrast)}
.review-tag{background-color:var(--color-dark)}
.home-title-content{color:var(--color-contrast)}
.home-review h3 b{color:var(--color-contrast)}
.featured-review .item figure i,.featured-review .item figure img,.review .item figure i,.review .item figure img{color:var(--color-contrast)}
.featured-review h2,.review h2{color:var(--color-contrast)}
.featured-review .review:before,.review .review:before{border-bottom:4px solid var(--color-dark);background-color:var(--color-surface)}
.date-btn .btn.active,.date-btn .btn:focus,.date-btn .btn:hover{background-color:var(--color-dark);border-color:var(--color-dark)}
.package-departure .departure-content .departure-item .start-date span.space{background-color:var(--color-dark)}
.package-departure .depa-book .btn i:after{background-color:var(--color-dark)}
.depa-status span b{color:var(--color-primary-dark)!important}
.depature-dates .depature-table .table th{color:var(--color-contrast)}
.depature-dates .depature-table .table td.date b i,.depature-dates .depature-table .table td.price b i,.depature-dates .depature-table .table td.space b i{color:var(--color-contrast)}
.depature-dates .depature-table .table td.price small{background-color:var(--color-dark)}
.depature-dates .depature-table .table td.available b,.depature-dates .depature-table .table td.date b,.depature-dates .depature-table .table td.date-end b,.depature-dates .depature-table .table td.price b,.depature-dates .depature-table .table td.space b{color:var(--color-contrast)}
.depature-dates .depature-table .table td.available i,.depature-dates .depature-table .table td.date i,.depature-dates .depature-table .table td.date-end i,.depature-dates .depature-table .table td.price i,.depature-dates .depature-table .table td.space i{color:var(--color-primary-dark)}
.depature-dates .depature-table .table td.available .content span small{color:var(--color-primary-dark)}
.depature-dates .depature-table .btn{color:var(--color-contrast);border:1px solid var(--color-dark)}
.depature-dates .depature-table .btn:active,.depature-dates .depature-table .btn:focus,.depature-dates .depature-table .btn:hover{background-color:var(--color-dark)}
#depature-dates .sorting .form-control{border-color:var(--color-dark)}
#depature-dates .sorting .custom_select:after{color:var(--color-contrast)}
.package-gallery-photo .package-gallery-navigation>div{background-color:var(--color-dark)}
.contact-form form .form-control{border-color:var(--color-dark)}
.call-us .call-contact{color:var(--color-contrast)}
.call-us span a{color:var(--color-contrast)}
.contact a{text-decoration-color:var(--color-primary-dark)}
.contact a:hover{color:var(--color-primary-dark)}
.faqs .accordion-item{border-bottom:1px solid var(--color-outline)}
.faqs .accordion-item .accordion-header h4{color:var(--color-contrast)}
.faqs .accordion-item .accordion-header h4:after{color:var(--color-contrast)}
.faqs .accordion-item .accordion-header h4 span{color:var(--color-contrast)}
.line-tabs .nav-tabs>.nav-item>.nav-link{background-color:var(--color-dark);border-color:var(--color-dark)}
.line-tabs .nav-tabs>.nav-item>.nav-link.active{border-color:var(--color-dark);background-color:var(--color-dark)}
.line-tabs .nav-tabs>.nav-item>.nav-link.active:before{border-top:10px solid var(--color-dark)}
.team-list>li .intro-text .team-header h4{color:var(--color-contrast)}
.team-list>li .intro-text a.btn-outline-secondary i{background-color:var(--color-dark)}
.team-list>li .intro-text a.btn-outline-secondary:focus,.team-list>li .intro-text a.btn-outline-secondary:hover{background-color:var(--color-dark);border-color:var(--color-dark)}
.team-list>li .intro-text a.btn-outline-secondary:focus i,.team-list>li .intro-text a.btn-outline-secondary:hover i{color:var(--color-contrast)}
.team-list>li .designation{color:var(--color-contrast)}
.common-module.team .team-title .designation{color:var(--color-contrast)}
.company-profile .documents-link{color:var(--color-contrast)}
.company-profile .documents-link .text h2{color:var(--color-contrast)}
.company-profile .documents-link .text .link{color:var(--color-primary-dark)}
.company-profile .team-intro-text{border-bottom:3px solid var(--color-dark);background-color:var(--color-surface)}
.company-profile .team-intro-text h2{color:var(--color-contrast)}
.js-toc{color:var(--color-contrast)}
.js-toc .toc-list a{color:var(--color-contrast)}
.taging ul .item{border:2px solid var(--color-primary-dark);color:var(--color-primary-dark)}
.taging ul .item:focus,.taging ul .item:hover{background-color:var(--color-dark)}
.taging a:focus,.taging a:hover{background-color:var(--color-dark)}
.blog-search-wrapper{background-color:var(--color-dark)}
.blog-search button{color:var(--color-contrast)}
.blog-search button:before{color:var(--color-primary-dark)}
.blog-meta>li:before{color:var(--color-primary-dark)}
.faqs .accordion-body>ul>li:before,.useful-content>ul>li:before{color:var(--color-primary-dark)}
.side-nav ul li a{color:var(--color-contrast);border:2px solid var(--color-dark)}
.side-nav ul li a:focus,.side-nav ul li a:hover{background-color:var(--color-dark)}
.author-slot .author-header .intro-text h4{color:var(--color-contrast)}
.page-title:before{background-color:var(--color-dark)}
.page-title h1{color:var(--color-contrast)}
@media (min-width:992px){.page-title.fixed-position:before{background:-webkit-gradient(linear,left top,right top,from(var(--color-dark)),to(var(--color-dark)));background:linear-gradient(to right,var(--color-dark) 0,var(--color-dark) 100%)}}
.cart-content .table-responsive h4{color:var(--color-contrast)}
.cart-content .table .item .intro-text h4{color:var(--color-contrast)}
.cart-content .table .item .intro-text h4 a{color:var(--color-contrast)}
.cart-content .table td .price{color:var(--color-contrast)}
.cart-content .table td .sub-price{color:var(--color-primary-dark)}
.cart-content .sub-detail span b{color:var(--color-primary-dark)}
.edit i{color:var(--color-contrast)}
.custom-checkbox .custom-control-label:before{border:1px solid var(--color-outline)}
.order .order-list h4{color:var(--color-contrast)}
.order .mini-cost span{color:var(--color-contrast)}
.common-primary{background-color:var(--color-dark)}
.page-banner+.page-nav .breadcrumb{color:var(--color-contrast)}
.page-banner+.page-nav .breadcrumb .breadcrumb-item:before{color:var(--color-contrast)}
.page-banner+.page-nav .breadcrumb .breadcrumb-item+.breadcrumb-item:before{color:var(--color-contrast)}
.page-banner+.page-nav .breadcrumb li a{color:var(--color-contrast)}
.page-banner+.page-nav .breadcrumb li.active{color:var(--color-contrast)}
.page-nav .breadcrumb{color:var(--color-contrast)}
.page-nav .breadcrumb .breadcrumb-item:before{color:var(--color-contrast)}
.page-nav .breadcrumb .breadcrumb-item+.breadcrumb-item:before{color:var(--color-contrast)}
.page-nav .breadcrumb li a{color:var(--color-contrast)}
.page-nav .breadcrumb li.active{color:var(--color-contrast)}
.share-social button:active,.share-social button:focus,.share-social button:hover{color:var(--color-primary-dark)}
.share-social button i{color:var(--color-primary-dark)}
.share-social button i:after{border:1px solid var(--color-primary-dark)}
.share_it i{color:var(--color-contrast)}
.tag{background-color:var(--color-dark)}
.ribbon{color:var(--color-primary-dark)}
.rating>input:checked~label,.rating>input:not(:checked)>label:hover,.rating>input:not(:checked)>label:hover label{color:var(--color-primary-dark)!important}
.rating>input:checked+label:hover,.rating>input:checked~label:hover,.rating>input:checked~label:hover~label,.rating>label:hover~input:checked~label{color:var(--color-primary-dark)!important}
.calendar:after{color:var(--color-contrast)}
.filter-box .custom-checkbox .custom-control-input:checked~.custom-control-label:before,.filter-box .custom-control-input:checked~.custom-control-label:before{background-color:var(--color-dark)}
.filter-box .filter-item .filter-title{color:var(--color-contrast)}
.range-slider .ui-widget-content{background-color:color-mix(in srgb, var(--color-dark) 25%, transparent)}
.range-slider .ui-widget-header{background:var(--color-dark)}
.range-slider .ui-state-default,.range-slider .ui-widget-content .ui-state-default,.range-slider .ui-widget-header .ui-state-default{background:color-mix(in srgb, var(--color-dark) 90%, transparent)}
.filter-option .layout-holder .select-holder .form-control{background-color:var(--color-dark)}
.filter-option .layout-holder .layout-action .link.active{color:var(--color-contrast)}
.custom-pagination .pagination{color:var(--color-primary-dark)}
.custom-pagination .pagination>li>a{color:var(--color-primary-dark);border:2px solid var(--color-primary-dark)}
.custom-pagination .pagination a:hover,.custom-pagination .pagination>.active>a,.custom-pagination .pagination>.active>a:focus,.custom-pagination .pagination>.active>a:hover,.custom-pagination .pagination>.active>span,.custom-pagination .pagination>.active>span:focus,.custom-pagination .pagination>.active>span:hover{background-color:var(--color-dark);border-color:var(--color-dark)}
.site-map .site-map-title{color:var(--color-contrast)}
.site-map .site-map-title a{color:var(--color-contrast)}
.site-map .site-col.width2 ul>li a:hover,.site-map .site-col.width3 ul>li a:hover{color:var(--color-primary-dark)}
.tt-menu::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px color-mix(in srgb, var(--color-dark) 30%, transparent)}
.tt-menu::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 6px color-mix(in srgb, var(--color-dark) 25%, transparent);background-color:color-mix(in srgb, var(--color-dark) 80%, transparent)}
.popUp-cookies .module-closer .fa{background-color:var(--color-dark)}
.associated-wrapper .newsletter form .form-control{border-color:var(--color-dark)}
#footer{background-color:var(--color-dark)}
#footer .footer-top-wrapper .module-title span{background-color:var(--color-dark)}
#footer .footer-top-wrapper .module-title span:after{border:6px solid var(--color-dark);border-bottom-color:transparent;border-right-color:transparent}
#footer .footer-contact-address ul li.footer-address:before,#footer .footer-contact-address ul li.footer-email:before,#footer .footer-contact-address ul li.footer-number:before{color:var(--color-contrast)}
.itinerary-photos-slider-navigation > div{background-color:var(--color-dark)}
.itinerary .accordion-collapse .activities-inclusions-container ul li:before{color:var(--color-primary-dark)}
.activities-inclusions-container__title::before{color:var(--color-primary-dark)}
.accordion-expand-collapse-btn{color:var(--color-contrast)}
.itinerary-content .accordion-item .accordion-button{color:var(--color-contrast, #0b1f2e)}
.cards-module__title{color:var(--color-contrast)}
.cards-module__card-inner{box-shadow:0 2px 12px color-mix(in srgb, var(--color-dark) 10%, transparent),
    0 1px 3px rgba(0, 0, 0, 0.06)}
.cards-module__card-inner:hover{border-color:color-mix(in srgb, var(--color-dark) 25%, transparent);box-shadow:0 8px 24px color-mix(in srgb, var(--color-dark) 12%, transparent),
    0 2px 6px rgba(0, 0, 0, 0.06)}
.cards-module__card-title{color:var(--color-contrast)}
.cards-module__card-link{color:var(--color-contrast);border:2px solid var(--color-dark)}
.cards-module__card-link:hover{background-color:var(--color-dark)}
.author-slot .author-header .intro-text .author-header__name{color:var(--color-contrast)}
.enquiry-form .form-control:focus,
.enquiry-form .form-select:focus,
.booking-form .form-control:focus,
.booking-form .form-select:focus,
.popup-form .form-control:focus,
.popup-form .form-select:focus{border-color:var(--color-dark);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-dark) 20%, transparent)}
.enquiry-form__success{color:var(--color-contrast)}
.booking-trip .btn-check-availability,
.booking-trip .customize-trip{border:1px solid var(--color-dark) !important;color:var(--color-contrast) !important}
.booking-trip .btn-check-availability:hover,
.booking-trip .btn-check-availability:focus,
.booking-trip .customize-trip:hover,
.booking-trip .customize-trip:focus{background-color:color-mix(in srgb, var(--color-dark) 6%, transparent) !important;border-color:var(--color-dark) !important;color:var(--color-contrast) !important}
a.booking-trip__inquiry{color:var(--color-contrast);border:1px solid var(--color-outline)}
a.booking-trip__inquiry:hover{border-color:var(--color-dark);color:var(--color-contrast)}
a.booking-trip__inquiry:focus-visible{border-color:var(--color-dark);color:var(--color-contrast);outline:2px solid var(--color-dark)}
a.booking-trip__inquiry .booking-trip__inquiry-title{color:var(--color-contrast)}
a.booking-trip__inquiry .booking-trip__inquiry-action{color:var(--color-contrast)}
.booking-module .booking-trip .booking-download-pdf{color:var(--color-contrast)}
.booking-module .booking-trip .booking-download-pdf .fa{color:var(--color-contrast)}
.booking-module .booking-trip .booking-download-pdf:hover,
.booking-module .booking-trip .booking-download-pdf:focus{color:var(--color-primary-dark)}
.booking-module .booking-trip .booking-download-pdf:hover .fa,
.booking-module .booking-trip .booking-download-pdf:focus .fa{color:var(--color-primary-dark)}
.main-content-wrapper .title-head-content .title h2{color:var(--color-contrast)}
@media (min-width: 992px){#mainnav > .dropdown:not(.mega-menu) > .dropdown-menu > .dropdown-item > a{color:var(--color-contrast)}}
@media (min-width: 992px){#mainnav > .dropdown:not(.mega-menu) > .dropdown-menu > .dropdown-item > a:hover,
  #mainnav > .dropdown:not(.mega-menu) > .dropdown-menu > .dropdown-item > a:focus{color:var(--color-primary-dark)}}
@media (min-width: 992px){#main-menu .mega-menu .mega-menu-tabs__btn{color:var(--color-contrast)}}
@media (min-width: 992px){#main-menu .mega-menu .mega-menu-tabs__item.is-active .mega-menu-tabs__btn{border-left-color:var(--color-primary-dark);color:var(--color-contrast)}}
@media (min-width: 992px){#main-menu .mega-menu .mega-menu-tabs__btn:hover,
  #main-menu .mega-menu .mega-menu-tabs__btn:focus{color:var(--color-contrast)}}
@media (min-width: 992px){#main-menu .mega-menu .dropdown-menu .mega-item .dropdown-item > a{color:var(--color-contrast)}}
@media (min-width: 992px){#main-menu .mega-menu .dropdown-menu .mega-item .dropdown-item > a:hover,
  #main-menu .mega-menu .dropdown-menu .mega-item .dropdown-item > a:focus{color:var(--color-primary-dark)}}
@media (min-width: 992px){#main-menu .mega-menu .mega-menu-tabs__btn{color:var(--color-contrast)}}
@media (min-width: 992px){#main-menu .mega-menu .mega-menu-tabs__item.is-active .mega-menu-tabs__btn{border-left-color:var(--color-primary-dark);color:var(--color-contrast)}}
.package-list .package-card{border:1px solid var(--color-outline)}
.package-list .package-card:hover,
a.package-card:focus-visible,
.package-list .package-card:focus-within{border-color:var(--color-primary-dark);box-shadow:0 10px 24px color-mix(in srgb, var(--color-dark) 12%, transparent)}
a.package-card:focus-visible,
.package-card__cover:focus-visible{outline:2px solid var(--color-dark)}
.package-list .ribbon--recommended,
.trip-row .ribbon--recommended{background-color:var(--color-dark)}
.package-list .ribbon--popular,
.package-list .ribbon--famous,
.trip-row .ribbon--popular,
.trip-row .ribbon--famous{background-color:var(--color-dark)}
.package-list .package-card:hover .package-card__body h1,
.package-list .package-card:hover .package-card__body h2,
.package-list .package-card:hover .package-card__body h3,
.package-list .package-card:hover .package-card__body h4,
.package-list .package-card:hover .package-card__body h5,
.package-list .package-card:hover .package-card__body h6,
.package-list .package-card:hover .package-card__body p,
.package-list .package-card:hover .package-card__body .package-card__title,
.package-list .package-card:focus-within .package-card__body h1,
.package-list .package-card:focus-within .package-card__body h2,
.package-list .package-card:focus-within .package-card__body h3,
.package-list .package-card:focus-within .package-card__body h4,
.package-list .package-card:focus-within .package-card__body h5,
.package-list .package-card:focus-within .package-card__body h6,
.package-list .package-card:focus-within .package-card__body p,
.package-list .package-card:focus-within .package-card__body .package-card__title{color:var(--color-contrast)}
.package-list .package-card__body .intro-text span.normal b{color:var(--color-contrast)}
.trip-row{border:1px solid var(--color-outline)}
.trip-row__title a:hover,
.trip-row__title a:focus-visible{color:var(--color-contrast)}
.trip-row__meta .normal b{color:var(--color-contrast)}
.package-review-summary{border-bottom:1px solid var(--color-outline)}
.package-review-summary__rating:hover,
.package-review-summary__rating:focus-visible{color:var(--color-contrast)}
.package-review-summary__rating:hover .package-review-summary__count,
.package-review-summary__rating:focus-visible .package-review-summary__count{color:var(--color-contrast)}
.package-review-summary__rating i[class^="ratings_"],
.package-review-summary__rating i[class*=" ratings_"]{color:var(--color-rating)}
.package-review-summary__score{color:var(--color-contrast)}
.notice-popup__close{background:var(--color-dark)}
.notice-popup__header{border-bottom:1px solid var(--color-outline);background:linear-gradient(180deg, color-mix(in srgb, var(--color-dark) 6%, transparent) 0%, #fff 100%)}
.notice-popup__eyebrow{color:var(--color-primary-dark)}
.notice-popup__title{color:var(--color-contrast)}
.notice-popup__body a{color:var(--color-contrast)}
.notice-popup__body a:hover,
.notice-popup__body a:focus-visible{color:var(--color-primary-dark)}
.notice-popup__actions{border-top:1px solid var(--color-outline)}
.enquiry-notice__icon{color:var(--color-contrast)}
.enquiry-notice a{color:var(--color-contrast)}
.enquiry-notice--sent{border-left-color:var(--color-primary-dark)}