/* Extracted inline styles for the travel landing page */
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html { -webkit-tap-highlight-color: rgba(0,0,0,0); }

select {
	appearance: none;
}
/* 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 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;
}
/* Make sure containers never lose their center alignment*/
.container-medium, .container-small, .container-large {
	margin-right: auto !important;
	margin-left: auto !important;
}
/*Reset buttons, and links styles*/
a {
	color: inherit;
	text-decoration: inherit;
	font-size: inherit;
}
/*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;
}
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
  .text-rich-text p, a { overflow-wrap: break-word; word-wrap: break-word; -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; }
  }
.dropdown_list.w--open {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  }
 /*cta buttons in nav-bar*/
  @media (max-width: 1024px) {
  .nav-btn-box_desktop {
    display: none;
  }
  .nav-btn-box_tab-mob {
    display: block;
  }
}

@media only screen and (max-width: 583px) {
    iframe {
      height: 300px !important;
    }
  }
  #tp-widget-wrapper {
    display: none !important;
  }

/* --- Fix: constrain oversized app QR code (match Webflow: 146px desktop, hidden on mobile) --- */
.travel_app-qr-img {
  width: 146px !important;
  max-width: 146px !important;
  height: auto !important;
  margin-top: 48px;
}
@media screen and (max-width: 767px) {
  .travel_app-qr-img { display: none !important; }
}

/* --- Footer: grey main area (like the WP theme footer) with a pink copyright bar at the bottom --- */
.footer-section,
.section.footer-section,
.section.footer-section.is-travel { background-color: #ECEBF1 !important; }
/* main footer text: dark grey on the light background */
.footer-section .footer-block-title { color: #4A4954 !important; }
.footer-section .footer-link,
.footer-section .nav-link,
.footer-section .footer_qr-text,
.footer-section .footer-desc,
.footer-section .footer-desc a,
.footer-section .footer-link-block .nav-link { color: #6E6C78 !important; }
.footer-section .footer-link:hover,
.footer-section .nav-link:hover { color: #1F1E26 !important; }
.footer-section .footer-divider { background-color: #D9D7E0 !important; }
/* logos/icons render normally (dark) on the grey background, so the BBB logo shows */
.footer-section .footer-link-icon,
.footer-section .footer_bbb-logo,
.footer-section .footer-brand-img { filter: none !important; }
/* bottom copyright bar: pink with white text */
.footer-section .footer-note-box { background-color: #FF0099 !important; padding: 18px 24px !important; }
.footer-section .footer-note-box,
.footer-section .footer-note-box *,
.footer-section .footer-note_text,
.footer-section .footer-note_text a { color: #FFFFFF !important; }


/* --- Reviews carousel: self-contained display control (paired with travel-landing-custom.js).
       Overrides Webflow's slider layout so our own JS fully drives it. --- */
/* make the quote panel stretch to match the illustration's height (like Webflow),
   and fade between slides. All slides are absolutely stacked to fill the area. */
.travel_slider-wrapper { align-items: stretch !important; }
.travel_slider-right { height: auto !important; }
.travel_slider,
.travel_slider.w-slider { height: 100% !important; min-height: 0 !important; }
.travel_slider .w-slider-mask {
  transform: none !important;
  width: 100% !important;
  height: 100% !important;
  position: relative !important;
}
.travel_slider .w-slide {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transition: opacity .6s ease;
}
.travel_slider .w-slide.sc-active {
  opacity: 1 !important;
  pointer-events: auto !important;
}
/* hide Webflow's auto-generated nav dots; we rotate automatically */
.travel_slider .w-slider-nav { display: none !important; }