/*
 * WordPress-only compatibility layer.
 * The approved compiled stylesheet remains the source of truth. These rules
 * stop late theme/customizer declarations from changing its visible design.
 */
body.hsc5-wordpress-page {
  margin: 0 !important;
  padding: 0 !important;
  background: #fff !important;
}

/* WordPress adds a generic `home` class to the front-page body. Keep the
 * design clipped horizontally without accidentally locking vertical scroll. */
body.home.hsc5-home-page {
  overflow-x: hidden !important;
  overflow-y: auto !important;
  height: auto !important;
}

body.hsc5-wordpress-page #hsc5-app,
body.hsc5-wordpress-page #hsc5-app * {
  box-sizing: border-box;
}

body.hsc5-wordpress-page #hsc5-app main {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.hsc5-wordpress-page #hsc5-app .hero h1,
body.hsc5-wordpress-page #hsc5-app .film h2,
body.hsc5-wordpress-page #hsc5-app .monthly-callout h2,
body.hsc5-wordpress-page #hsc5-app .offer-grid h3,
body.hsc5-wordpress-page #hsc5-app .itinerary-gate h2,
body.hsc5-wordpress-page #hsc5-app .reviews h2,
body.hsc5-wordpress-page #hsc5-app .price-card.featured h3,
body.hsc5-wordpress-page #hsc5-app .contact-intro h2,
body.hsc5-wordpress-page #hsc5-app .final-cta h2 {
  color: #fff !important;
}

body.hsc5-wordpress-page #hsc5-app .hero h1,
body.hsc5-wordpress-page #hsc5-app .section h2,
body.hsc5-wordpress-page #hsc5-app .film h2,
body.hsc5-wordpress-page #hsc5-app .adventure-story h2,
body.hsc5-wordpress-page #hsc5-app .itinerary-gate h2,
body.hsc5-wordpress-page #hsc5-app .final-cta h2,
body.hsc5-wordpress-page #hsc5-app .offer-grid h3,
body.hsc5-wordpress-page #hsc5-app .price-card h3,
body.hsc5-wordpress-page #hsc5-app .coach-portrait strong,
body.hsc5-wordpress-page #hsc5-app .questions summary {
  font-family: Georgia, "Times New Roman", serif !important;
  font-weight: 400 !important;
}

body.hsc5-wordpress-page #hsc5-app .hero h1 em {
  color: #a6dfda !important;
}

body.hsc5-wordpress-page #hsc5-app .surf-line {
  color: #ff9b76 !important;
}

body.hsc5-wordpress-page #hsc5-app .adventure-line,
body.hsc5-wordpress-page #hsc5-app .adventure-story h2 em,
body.hsc5-wordpress-page #hsc5-app .contact-intro h2 em,
body.hsc5-wordpress-page #hsc5-app .final-cta h2 em {
  color: #8ed4d0 !important;
}

body.hsc5-wordpress-page #hsc5-app .hero,
body.hsc5-wordpress-page #hsc5-app .hero p,
body.hsc5-wordpress-page #hsc5-app .hero a,
body.hsc5-wordpress-page #hsc5-app .nav,
body.hsc5-wordpress-page #hsc5-app .nav a,
body.hsc5-wordpress-page #hsc5-app .page-nav,
body.hsc5-wordpress-page #hsc5-app .page-nav a,
body.hsc5-wordpress-page #hsc5-app .offer,
body.hsc5-wordpress-page #hsc5-app .offer h3,
body.hsc5-wordpress-page #hsc5-app .film,
body.hsc5-wordpress-page #hsc5-app .monthly-callout,
body.hsc5-wordpress-page #hsc5-app .adventure-story,
body.hsc5-wordpress-page #hsc5-app .itinerary-gate,
body.hsc5-wordpress-page #hsc5-app .itinerary-gate p,
body.hsc5-wordpress-page #hsc5-app .reviews,
body.hsc5-wordpress-page #hsc5-app .contact-section,
body.hsc5-wordpress-page #hsc5-app .contact-section label,
body.hsc5-wordpress-page #hsc5-app .contact-section strong,
body.hsc5-wordpress-page #hsc5-app .final-cta,
body.hsc5-wordpress-page #hsc5-app footer,
body.hsc5-wordpress-page #hsc5-app footer a,
body.hsc5-wordpress-page #hsc5-app .button {
  color: #fff !important;
}

body.hsc5-wordpress-page #hsc5-app .offer-grid p {
  color: #d6e6eb !important;
}

body.hsc5-wordpress-page #hsc5-app .contact-intro > p:not(.eyebrow):not(.contact-welcome) {
  color: #c8dce3 !important;
}

body.hsc5-wordpress-page #hsc5-app .form-field input,
body.hsc5-wordpress-page #hsc5-app .form-field select,
body.hsc5-wordpress-page #hsc5-app .form-field textarea {
  color: #fff !important;
  background: rgba(255, 255, 255, .08) !important;
  border-color: rgba(255, 255, 255, .24) !important;
}

body.hsc5-wordpress-page #hsc5-app .form-field input::placeholder,
body.hsc5-wordpress-page #hsc5-app .form-field textarea::placeholder {
  color: #a8bec7 !important;
  opacity: 1 !important;
}

body.hsc5-wordpress-page #hsc5-app .form-field select option {
  color: #0b2c3d !important;
  background: #fff !important;
}

body.hsc5-wordpress-page #hsc5-app .nav nav a.active {
  color: #ff7043 !important;
}

body.hsc5-wordpress-page #hsc5-app .nav nav a:hover,
body.hsc5-wordpress-page #hsc5-app .nav nav a:focus-visible,
body.hsc5-wordpress-page #hsc5-app .page-nav a:hover,
body.hsc5-wordpress-page #hsc5-app .page-nav a:focus-visible {
  color: #8ed4d0 !important;
}

body.hsc5-wordpress-page #hsc5-app .nav .social-links a:hover {
  color: #005a91 !important;
}

body.hsc5-wordpress-page #hsc5-app .monthly-callout p,
body.hsc5-wordpress-page #hsc5-app .adventure-copy > p:not(.eyebrow),
body.hsc5-wordpress-page #hsc5-app .price-card.featured p {
  color: #d2e3e8 !important;
}

body.hsc5-wordpress-page #hsc5-app .final-cta > div > p:not(.eyebrow) {
  color: #fff !important;
}

body.hsc5-wordpress-page #hsc5-app .coach-portrait strong,
body.hsc5-wordpress-page #hsc5-app .coach-carousel figcaption {
  color: #fff !important;
}

body.hsc5-wordpress-page #hsc5-app .coach-portrait span,
body.hsc5-wordpress-page #hsc5-app .contact-welcome {
  color: #8ed4d0 !important;
}

body.hsc5-wordpress-page #hsc5-app .form-field label {
  color: #d8e7eb !important;
}

@media (min-width: 783px) {
  body.admin-bar.hsc5-wordpress-page #hsc5-app .nav { top: 32px; }
  body.admin-bar.hsc5-wordpress-page #hsc5-app .page-nav { top: 128px; }
}

@media (max-width: 782px) {
  body.admin-bar.hsc5-wordpress-page #hsc5-app .nav { top: 46px; }
  body.admin-bar.hsc5-wordpress-page #hsc5-app .page-nav { top: 124px; }
}