/* Custom code copied from the Webflow site */

a{text-decoration:none;}
button{
background-color:unset;
padding:unset;
text-align:inherit;
}

/* Snippet gets rid of top margin on first element in any rich text*/
.w-richtext>:first-child {
	margin-top: 0;
}

/* Snippet gets rid of bottom margin on last element in any rich text*/
.w-richtext>:last-child, .w-richtext ol li:last-child, .w-richtext ul li:last-child {
    margin-bottom: 0;
}

/* Snippet makes all link elements listed below to inherit color from their parent */
.w-nav-link,
.w-dropdown-btn,
.w-dropdown-toggle,
.w-dropdown-link
{
color: inherit;
}

/* Snippet prevents all click and hover interaction with an element */
.clickable-off {
  pointer-events: none;
}

/* Snippet enables all click and hover interaction with an element */
.clickable-on{
  pointer-events: auto;
}

/* Snippet enables you to add class of div-square which creates and maintains a 1:1 dimension of a div.*/
.div-square::after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

/*Hide focus outline for main content element*/
  main:focus-visible {
	outline: -webkit-focus-ring-color auto 0px;
}

/*Apply "..." After 3 lines of Text */
.text-style-3lines {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

/*Apply "..." After 2 lines of Text */
.text-style-2lines {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

/* Make sure containers never lose their center alignment*/
.container-medium, .container-small, .container-large {
  margin-right: auto !important;
  margin-left: auto !important;
}

.w-select{
-webkit-appearance: none;    
  -moz-appearance: none;
}

/*Hide focus outline on Safari when anchor links are used to go to a section*/
*:focus {
	outline: none;
}

/* Prevents social media icons from moving on hover on Safari */
.social-icon {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1, 1);
}

.u-underline{
text-underline-offset:6px;
}

.w-slide [aria-hidden="true"] {
         height: 0px;
    }

.is--textarea{resize:none;}

section{position:relative;}

/*WIZARDRY CODE*/
body {
 font-size: 1.1111111111111112vw;
}
/* Max Font Size */
@media screen and (min-width:1560px) {
 body {font-size: 17.333333333333332px;}
}
/* Min Font Size */
@media screen and (max-width:991px) {
 body {font-size: 11.011111111111111px;}
}

/* ---- Behaviour that Webflow Interactions used to handle ---- */

/* Categories dropdown (desktop): closed until the trigger is clicked */
.nav-dropdown-content { display: none; }
.nav-dropdown-wrapper.is-open .nav-dropdown-content { display: block; }
.nav-dropdon-icon { transition: transform .2s; display: flex; }
.nav-dropdown-wrapper.is-open .nav-dropdon-icon { transform: rotate(180deg); }
.nav-dropdown-wrapper.is-open .nav-link { text-decoration: underline; }

/* Hero arrow scales in on hover (desktop) */
@media (min-width: 992px) {
  .feature-arrow { transform: scale(0); transition: transform .3s ease; }
  ._70-feature-content:hover .feature-arrow { transform: scale(1); }
}

/* Mobile menu: the left nav becomes a full-screen panel */
@media screen and (max-width: 991px) {
  .nav-left { transition: height .4s ease; background-color: #fff; z-index: 50; }
  body.menu-open .nav-left { height: calc(100% - var(--nav-bottom, 0px)); overflow-y: auto; }
  body.menu-open .hamburger { display: none; }
  body.menu-open .menu-close { display: flex; }
  .nav-dropdown-wrapper { width: 100%; }
  .nav-dropdown-content { position: static; }
  .nav-tag-wrapper { flex-wrap: wrap; }
  .nav-tag-item { flex: 1 1 40%; }
  /* Stack the menu: Destinations row, then Categories with its tiles. Rows line up with the nav padding. */
  .nav-left { flex-direction: column; align-items: stretch; justify-content: flex-start; grid-row-gap: 0; }
  .nav-destinations { order: -1; width: auto; padding: .8rem 1rem; border-bottom: 1px solid var(--color--black, #000); }
  .nav-dropdown-trigger { width: 100%; padding-left: 1rem; padding-right: 1rem; }
}
@media screen and (max-width: 479px) {
  .nav-destinations, .nav-dropdown-trigger { padding-left: .6rem; padding-right: .6rem; }
}

/* Newsletter form states */
.w-form-done, .w-form-fail { display: none; }
.footer-form.is-done form { display: none; }
.footer-form.is-done .w-form-done { display: block; }
.footer-form.is-failed .w-form-fail { display: block; }

/* Pagination (Previous / Next) */
.w-pagination-wrapper { gap: .5rem; }

/* Buttons that replaced Webflow's clickable divs */
.nav-dropdown-trigger { border: 0; font: inherit; color: inherit; }
.nav-menu { font: inherit; color: inherit; background: none; }
@media screen and (min-width: 992px) { .nav-menu { border: 0; } }

/* Inconsolata (top bar clock), self-hosted instead of Google Fonts. Variable font: covers 400–700. */
@font-face{font-family:Inconsolata;src:url(/assets/fonts/inconsolata-latin.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* "More from <destination>" links under an article. */
.article-destinations{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:2rem}
.article-destinations .article-tag{margin-top:0;text-decoration:none}