:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--foreground: #1C1C1C;--wp--preset--color--background: #FFFBEB;--wp--preset--color--primary: #FD319F;--wp--preset--color--secondary: #FFB524;--wp--preset--color--tertiary: #89e5ff;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 1rem;--wp--preset--font-size--medium: clamp(1.2rem, 2vw, 1.4rem);--wp--preset--font-size--large: clamp(2rem, 4vw, 3rem);--wp--preset--font-size--x-large: clamp(2rem, 5vw, 4rem);--wp--preset--font-size--x-small: 0.8rem;--wp--preset--font-size--giant: clamp(3rem, 6vw, 5rem);--wp--preset--font-family--system-font: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;--wp--preset--font-family--londrina-solid: "Londrina Solid", sans-serif;--wp--preset--font-family--londrina-outline: "Londrina Outline", sans-serif;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);--wp--custom--header-height--desktop: 97px;--wp--custom--header-height--mobile: 97px;--wp--custom--spacing--small: max(1.25rem, 5vw);--wp--custom--spacing--medium: clamp(2rem, 8vw, calc(4 * var(--wp--style--block-gap)));--wp--custom--spacing--large: clamp(4rem, 10vw, 8rem);--wp--custom--spacing--outer: var(--wp--custom--spacing--small, 1.25rem);--wp--custom--spacing--horizontal: clamp(1rem, 5vw, 2rem);--wp--custom--spacing--vertical: clamp(3rem, 5vw, 5rem);--wp--custom--typography--font-size--huge: clamp(1.75rem, 3vw, 2rem);--wp--custom--typography--font-size--gigantic: clamp(2.5rem, 5vw, 3.5rem);--wp--custom--typography--font-size--colossal: clamp(3.5rem, 6vw, 6rem);--wp--custom--typography--line-height--tiny: 0.8;--wp--custom--typography--line-height--small: 1.1;--wp--custom--typography--line-height--medium: 1.3;--wp--custom--typography--line-height--normal: 1.5;}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:root { --wp--style--global--content-size: 950px;--wp--style--global--wide-size: 1250px; }:where(body) { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.wp-site-blocks) > * { margin-block-start: clamp(1rem,4vw,1.5rem); margin-block-end: 0; }:where(.wp-site-blocks) > :first-child { margin-block-start: 0; }:where(.wp-site-blocks) > :last-child { margin-block-end: 0; }:root { --wp--style--block-gap: clamp(1rem,4vw,1.5rem); }:root :where(.is-layout-flow) > :first-child{margin-block-start: 0;}:root :where(.is-layout-flow) > :last-child{margin-block-end: 0;}:root :where(.is-layout-flow) > *{margin-block-start: clamp(1rem,4vw,1.5rem);margin-block-end: 0;}:root :where(.is-layout-constrained) > :first-child{margin-block-start: 0;}:root :where(.is-layout-constrained) > :last-child{margin-block-end: 0;}:root :where(.is-layout-constrained) > *{margin-block-start: clamp(1rem,4vw,1.5rem);margin-block-end: 0;}:root :where(.is-layout-flex){gap: clamp(1rem,4vw,1.5rem);}:root :where(.is-layout-grid){gap: clamp(1rem,4vw,1.5rem);}.is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{background-color: var(--wp--preset--color--background);color: var(--wp--preset--color--foreground);font-family: var(--wp--preset--font-family--londrina-solid);font-size: var(--wp--preset--font-size--small);font-weight: 300;line-height: var(--wp--custom--typography--line-height--medium);padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}a:where(:not(.wp-element-button)){color: var(--wp--preset--color--foreground);}h1, h2, h3, h4, h5, h6{line-height: 1.1;}h1{font-family: var(--wp--preset--font-family--londrina-solid);font-size: var(--wp--custom--typography--font-size--colossal);font-weight: 900;line-height: var(--wp--custom--typography--line-height--tiny);text-transform: uppercase;}h2{font-family: var(--wp--preset--font-family--londrina-solid);font-size: var(--wp--custom--typography--font-size--gigantic);font-weight: 900;line-height: var(--wp--custom--typography--line-height--small);text-transform: uppercase;}h3{font-family: var(--wp--preset--font-family--londrina-solid);font-size: var(--wp--custom--typography--font-size--huge);font-weight: 900;line-height: 1.1;text-transform: uppercase;}h4{font-family: var(--wp--preset--font-family--londrina-solid);font-size: var(--wp--preset--font-size--x-large);font-weight: 900;line-height: var(--wp--custom--typography--line-height--small);text-transform: uppercase;}h5{font-family: var(--wp--preset--font-family--londrina-solid);font-size: var(--wp--preset--font-size--medium);font-weight: 900;letter-spacing: 0.06rem;line-height: var(--wp--custom--typography--line-height--small);text-transform: uppercase;}h6{font-family: var(--wp--preset--font-family--londrina-solid);font-size: var(--wp--preset--font-size--medium);font-weight: 900;letter-spacing: 0.06rem;line-height: var(--wp--custom--typography--line-height--normal);text-transform: uppercase;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-foreground-color{color: var(--wp--preset--color--foreground) !important;}.has-background-color{color: var(--wp--preset--color--background) !important;}.has-primary-color{color: var(--wp--preset--color--primary) !important;}.has-secondary-color{color: var(--wp--preset--color--secondary) !important;}.has-tertiary-color{color: var(--wp--preset--color--tertiary) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-foreground-background-color{background-color: var(--wp--preset--color--foreground) !important;}.has-background-background-color{background-color: var(--wp--preset--color--background) !important;}.has-primary-background-color{background-color: var(--wp--preset--color--primary) !important;}.has-secondary-background-color{background-color: var(--wp--preset--color--secondary) !important;}.has-tertiary-background-color{background-color: var(--wp--preset--color--tertiary) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-foreground-border-color{border-color: var(--wp--preset--color--foreground) !important;}.has-background-border-color{border-color: var(--wp--preset--color--background) !important;}.has-primary-border-color{border-color: var(--wp--preset--color--primary) !important;}.has-secondary-border-color{border-color: var(--wp--preset--color--secondary) !important;}.has-tertiary-border-color{border-color: var(--wp--preset--color--tertiary) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}.has-x-small-font-size{font-size: var(--wp--preset--font-size--x-small) !important;}.has-giant-font-size{font-size: var(--wp--preset--font-size--giant) !important;}.has-system-font-font-family{font-family: var(--wp--preset--font-family--system-font) !important;}.has-londrina-solid-font-family{font-family: var(--wp--preset--font-family--londrina-solid) !important;}.has-londrina-outline-font-family{font-family: var(--wp--preset--font-family--londrina-outline) !important;}/* Audit #9 (19 Sep 2026): straight section dividers sitewide.
   Hides the torn/wave edge graphics. Delete this block to restore them. */
.rough-bottom-cream::after,
.rough-top-yellow::after,
.rough-top-blue::after {
  display: none !important;
}
/* Contact page: torn yellow edge image (Yellow-divider-vector-up.svg) */
.wp-block-image:has(> img.wp-image-65219) {
  display: none !important;
}

/* Audit #9 rev 2 (20 Sep 2026): straight edges on images too.
   Removes the torn-paper mask from product galleries, product/listing thumbnails
   and framed images (svg-frame, svg-frame-2, svg-frame-square, rough-edges).
   Delete this block to restore the torn edges. */
:is(.svg-frame, .svg-frame-2, .svg-frame-square, .rough-edges) {
  -webkit-mask-image: none !important;
  mask-image: none !important;
}
/* Rev 2b (20 Sep 2026): with the mask gone, the stacked product gallery (phones/tablets, under 782px)
   showed a gap on the left and was cut off on the right. Make it run the full screen width. */
@media (max-width: 781px) {
  .wp-block-woocommerce-product-image-gallery.rough-edges {
    width: 100vw !important;
    max-width: none !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
  }
}
/* End audit #9 rev 2 */

/* Audit #4 (20 Sep 2026, rev 2) - sticky Book Now bar: shows the product's option (Duration / Departures / Size) next to price + Book Now so Book Now can be used from the bar, and keeps the HubSpot chat launcher clear of the bar (#37). To undo, delete from here to "End audit #4". */
.fixed-banner form.variations_form table.variations { display: block !important; margin: 0 !important; border: 0; }
.fixed-banner table.variations tbody { display: block; }
.fixed-banner table.variations tr { display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 4px; }
.fixed-banner table.variations th, .fixed-banner table.variations td { display: block; padding: 0 !important; margin: 0 !important; border: 0; }
.fixed-banner table.variations th.label, .fixed-banner table.variations th.label label { color: #fff !important; font-size: 11px !important; line-height: 1.2; text-align: left; text-transform: uppercase; margin: 0 !important; }
.fixed-banner table.variations td.value { width: 100% !important; }
.fixed-banner table.variations .reset_variations { display: none !important; }
.fixed-banner table.variations select { width: 100% !important; height: 44px !important; min-height: 44px; margin: 0 !important; background-color: #fff !important; color: #1c1c1c !important; border-color: #fff !important; font-size: 16px !important; }
.fixed-banner .quantity { display: none !important; }
/* keep the HubSpot chat launcher above the bar while the bar is showing (bar is up to ~132px tall on desktop, ~145px on phones) */
html:not(.hs-messages-widget-open) body:has(.wp-block-add-to-cart-form.fixed-banner) #hubspot-messages-iframe-container { bottom: 136px !important; }
@media (min-width: 769px) {
  .fixed-banner form.variations_form { display: flex !important; align-items: center; gap: 24px; }
  .fixed-banner form.variations_form table.variations { flex: 0 1 380px; }
  .fixed-banner form.variations_form .single_variation_wrap { flex: 1 1 auto; }
  .fixed-banner form.variations_form .custom-text { display: none !important; }
  .fixed-banner form.variations_form .woocommerce-variation-add-to-cart { justify-content: flex-end !important; gap: 24px; }
}
@media (max-width: 768px) {
  .wp-block-add-to-cart-form.fixed-banner { padding: 10px 14px calc(10px + env(safe-area-inset-bottom)) !important; }
  .fixed-banner form.variations_form { display: block !important; }
  .fixed-banner form.variations_form table.variations { width: 100%; margin: 0 0 10px !important; }
  .fixed-banner table.variations select { height: 40px !important; min-height: 40px; }
  .fixed-banner .woocommerce-variation-add-to-cart { flex-wrap: nowrap; align-items: center; }
  .fixed-banner .price-before-add-to-cart, .fixed-banner .woocommerce-Price-amount.amount { font-size: 1.4rem !important; line-height: 1.1; }
  .fixed-banner .price-container p { margin: 2px 0 0 !important; font-size: 11px; }
  .fixed-banner .single_add_to_cart_button { flex: 0 0 auto; width: auto !important; margin: 0 !important; white-space: nowrap; }
  html:not(.hs-messages-widget-open) body:has(.wp-block-add-to-cart-form.fixed-banner) #hubspot-messages-iframe-container { bottom: 150px !important; }
}
/* End audit #4 */
/* Header nav + Book Now (20 Sep 2026): header stays on one line at every width, Book Now button at the far right of the header (block "header-book-now" in the Header template part), and the menu button is shown at mid widths so Our Story / Merch etc. stay reachable. To undo, delete from here to "End header nav" and remove the Book Now button from the Header template part. */
header .primary-header{flex-wrap:nowrap}
header .primary-header > *{min-width:0}
header .primary-header .header-book-now{flex-shrink:0;gap:0}
header .primary-header .header-book-now .wp-block-button__link{padding:.45em 1.1em;font-size:16px;line-height:1.2;white-space:nowrap}
header .primary-header .wp-block-navigation-item__label{white-space:nowrap}
/* 1025-1239px: Our Story / Merch / Photos move into the menu button */
@media (min-width:1025px) and (max-width:1239px){
header .primary-header nav.hide-on-tablet:not(.is-responsive){display:none !important}
header .primary-header nav.is-responsive.hide-on-desktop{display:flex !important}
}
/* 600-1024px (tablets): show the menu button, which the theme hides here */
@media (min-width:600px) and (max-width:1024px){
header .primary-header nav.is-responsive.hide-on-tablet{display:flex !important}
}
/* under 1000px: the four main links go into the menu button too */
@media (max-width:999px){
header .primary-header > nav.wp-block-navigation{display:none !important}
}
/* phones (under 600px): smaller logo, tighter spacing and a compact Book Now so everything fits on one line down to 320px */
@media (max-width:599px){
header .primary-header, header .primary-header > .wp-block-group.is-nowrap{gap:10px}
header .primary-header > .wp-block-group:first-child{flex:0 1 auto}
header .primary-header .wp-block-minimly-minimly-dynamic-logo{width:clamp(80px, calc(100vw - 252px), 163px)}
header .primary-header .wp-block-minimly-minimly-dynamic-logo a, header .primary-header .wp-block-minimly-minimly-dynamic-logo img{display:block;max-width:100%;height:auto}
header .primary-header .header-book-now .wp-block-button__link{font-size:14px;padding:.4em .75em}
}
/* End header nav */
/* Sticky header (20 Sep 2026): the header stays pinned to the top on every page and no longer slides away on scroll-down. The theme still switches it to the solid (cream) style after ~600px of scrolling; before that, a soft dark shade fades in behind the see-through header on hero pages so the white links stay readable. To undo, delete from here to "End sticky header". */
header.wp-block-template-part{position:fixed !important}
header.wp-block-template-part.is-hidden{transform:none}
body.admin-bar header.wp-block-template-part{top:32px}
@media (max-width:782px){body.admin-bar header.wp-block-template-part{top:46px}}
@media (max-width:600px){body.admin-bar header.wp-block-template-part{top:0}}
@supports (animation-timeline: scroll()){@media (max-width:600px){
/* logged in on narrow windows the admin bar scrolls away, so slide the header up with it */
@keyframes mojo-adminbar-offset{from{top:46px}to{top:0}}
body.admin-bar header.wp-block-template-part{animation:mojo-adminbar-offset linear both;animation-timeline:scroll(root);animation-range:0 46px}
}}
html{scroll-padding-top:140px}
@supports (animation-timeline: scroll()){
@keyframes mojo-header-shade{from{opacity:0}to{opacity:1}}
body.transparent-nav header.wp-block-template-part:not(.mega-menu__active):not(.search-dropdown-active)::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(rgba(0,0,0,.55),rgba(0,0,0,.25));opacity:0;animation:mojo-header-shade linear both;animation-timeline:scroll(root);animation-range:0 160px}
}
/* Header colour fade (20 Sep 2026): when the see-through header turns solid on scroll (and back), the background, text/icon colour and logo now fade over 0.4s instead of switching instantly. To undo, delete from here to "End header fade". */
header.wp-block-template-part, header.wp-block-template-part > .primary-header, header.wp-block-template-part > .top-bar{transition:background-color .4s ease, color .4s ease, transform .2s ease-out}
header .wp-block-minimly-minimly-dynamic-logo a{display:block !important;position:relative}
header .wp-block-minimly-minimly-dynamic-logo a > .m-logo{display:block !important;transition:opacity .4s ease}
header .wp-block-minimly-minimly-dynamic-logo a > .m-light{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:left center}
header .wp-block-minimly-minimly-dynamic-logo a > .m-light{opacity:0}
.light-header:not(.detached-header) header:not(.mega-menu__active):not(.search-dropdown-active) .wp-block-minimly-minimly-dynamic-logo a > .m-light{opacity:1}
.light-header:not(.detached-header) header:not(.mega-menu__active):not(.search-dropdown-active) .wp-block-minimly-minimly-dynamic-logo a > .m-dark{opacity:0}
@media (max-width:601px){
.single-product:not(.detached-header) header .wp-block-minimly-minimly-dynamic-logo a > .m-light{opacity:1}
.single-product:not(.detached-header) header .wp-block-minimly-minimly-dynamic-logo a > .m-dark{opacity:0}
}
/* End header fade */
/* End sticky header */
/* Menus (20 Sep 2026): tidier dropdowns. Desktop mega menus get a shadow, a short fade-in, same-shape rounded photos (with a soft placeholder while they load) and scroll if taller than the screen. The menu button opens a side panel on tablets/desktop (full screen on phones) with smaller, evenly spaced links. To undo, delete from here to "End menus". */
header .mega-menu{box-shadow:0 22px 30px -22px rgba(0,0,0,.35);border-top:1px solid rgba(0,0,0,.08);max-height:calc(100vh - 150px);overflow-y:auto;animation:mojo-menu-in .18s ease-out}
@keyframes mojo-menu-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
header .mega-menu figure.wp-block-image{margin:0 0 .75rem}
header .mega-menu figure.wp-block-image a{display:block;overflow:hidden;border-radius:12px;background:#ebe6d8}
header .mega-menu figure.wp-block-image img{display:block;width:100% !important;height:auto !important;aspect-ratio:3/2;object-fit:cover;border-radius:12px;transition:transform .35s ease}
header .mega-menu figure.wp-block-image a:hover img{transform:scale(1.04)}
/* menu button panel */
header .wp-block-navigation__responsive-container.is-menu-open{background:rgba(20,20,20,.5) !important;padding:0 !important;overflow:hidden !important}
header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-close{position:relative;max-width:none;width:min(420px,100%);height:100%;margin:0 0 0 auto;background:var(--wp--preset--color--primary);overflow-y:auto;overscroll-behavior:contain;box-shadow:-12px 0 30px rgba(0,0,0,.25);animation:mojo-drawer-in .25s ease-out}
@keyframes mojo-drawer-in{from{left:48px;opacity:.4}to{left:0;opacity:1}}
header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog{position:relative;margin:0 !important;padding:76px 32px 48px}
header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close{position:absolute;top:24px;right:24px;padding:4px}
header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close svg{width:30px;height:30px}
header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{padding:0 !important;align-items:stretch !important}
header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content > ul{gap:0 !important;width:100%;flex-direction:column !important;flex-wrap:nowrap !important;align-items:stretch !important}
header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content > ul > li{width:100%;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.28)}
header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content > ul > li > a{font-size:26px;line-height:1.1}
header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container{padding:10px 0 2px 16px !important;margin-top:8px !important;gap:8px !important;border-left:2px solid rgba(255,255,255,.45) !important;width:100%}
header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container a{font-size:18px;line-height:1.2;padding:2px 0 !important;opacity:.95}
header .wp-block-navigation__responsive-container.is-menu-open a:hover{text-decoration:underline;text-underline-offset:4px}
header .wp-block-navigation__responsive-container.is-menu-open li.small-nav{border-bottom:0 !important;padding:6px 0 !important}
header .wp-block-navigation__responsive-container.is-menu-open li.small-nav > a{font-size:17px !important}
header .wp-block-navigation__responsive-container.is-menu-open li:not(.small-nav) + li.small-nav{margin-top:14px}
header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-icon{font-size:22px !important;top:19px !important;right:4px !important;padding:0 !important;border-radius:8px;outline:none}
header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-icon:focus-visible{outline:2px solid #fff}
header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-icon svg{width:100% !important;height:100% !important;margin:0 !important}
@media (max-width:781px){header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-submenu__toggle[aria-expanded="false"] ~ .wp-block-navigation__submenu-container{padding:0 !important;margin:0 !important;border-left:0 !important}}
/* click outside the panel to close it: the close button gets an invisible full-screen layer behind the panel, so a click on the dimmed backdrop presses Close */
header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close{z-index:auto}
header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close::before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;cursor:default}
html.has-modal-open #hubspot-messages-iframe-container{visibility:hidden !important}
/* End menus */
/* Compact mega menus (21 Sep 2026): Destinations, Surf Experiences, Academy and Talk to us dropdowns redesigned to one compact standard. A 680px card centred under the nav links instead of a full-width panel; small uppercase heading + "View all"; every option is the same tile (small photo + label + arrow) in a two-column grid, the whole tile is clickable; Talk to us uses the same tiles without photos. Overrides the mega-menu rules in the "Menus" block. To undo, delete from here to "End compact mega menus". */
@media (min-width:768px){
header .mega-menu{width:min(680px,calc(100vw - 48px));margin:10px 0 0 max(24px,calc(50% - 381px));border:0 !important;border-radius:16px;overflow:hidden auto;max-height:calc(100vh - 170px);box-shadow:0 18px 40px -12px rgba(0,0,0,.35),0 0 0 1px rgba(0,0,0,.06) !important;background:#fff}
header .mega-menu > .wp-block-group{padding:16px 18px 18px !important;gap:10px !important}
header .mega-menu .is-nowrap{display:flex !important;align-items:center !important;justify-content:space-between !important;gap:12px !important;margin:0 !important;padding:0 6px 10px !important;border-bottom:1px solid rgba(0,0,0,.08);width:auto !important}
header .mega-menu .is-nowrap p{margin:0 !important}
header .mega-menu .is-nowrap p.has-large-font-size{font-size:14px !important;line-height:1.2 !important;letter-spacing:.08em;opacity:.6}
header .mega-menu .is-nowrap p.has-small-font-size a{font-size:13px !important;letter-spacing:.05em;text-decoration:none !important;white-space:nowrap}
header .mega-menu .is-nowrap p.has-small-font-size a::after{content:" \2192"}
header .mega-menu .is-nowrap p.has-small-font-size a:hover{text-decoration:underline !important;text-underline-offset:3px}
header .mega-menu .minimly-grid--wrapper{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:6px !important;margin:0 !important;width:100% !important}
header .mega-menu .minimly-grid--wrapper > .wp-block-column{position:relative;display:flex !important;flex-direction:row !important;align-items:center !important;gap:14px !important;min-height:76px;padding:8px 12px 8px 8px !important;margin:0 !important;border-radius:12px;transition:background-color .15s ease;width:auto !important;flex-basis:auto !important}
header .mega-menu .minimly-grid--wrapper > .wp-block-column:hover,header .mega-menu .minimly-grid--wrapper > .wp-block-column:focus-within{background:#f6f2e8}
header .mega-menu .minimly-grid--wrapper figure.wp-block-image{flex:0 0 84px;width:84px !important;margin:0 !important}
header .mega-menu .minimly-grid--wrapper figure.wp-block-image a{border-radius:8px}
header .mega-menu .minimly-grid--wrapper figure.wp-block-image img{width:84px !important;height:60px !important;aspect-ratio:auto;border-radius:8px !important;max-width:none;background:#ebe6d8}
header .mega-menu .minimly-grid--wrapper > .wp-block-column:hover figure img{transform:scale(1.06)}
header .mega-menu .minimly-grid--wrapper p.has-medium-font-size{flex:1 1 auto;display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 !important;font-size:17px !important;line-height:1.15 !important}
header .mega-menu .minimly-grid--wrapper p.has-medium-font-size a{text-decoration:none !important}
header .mega-menu .minimly-grid--wrapper p.has-medium-font-size a::after{content:"";position:absolute;inset:0;border-radius:12px;z-index:1}
header .mega-menu .minimly-grid--wrapper p.has-medium-font-size::after{content:"\2192";font-size:16px;opacity:.35;transition:transform .15s ease,opacity .15s ease}
header .mega-menu .minimly-grid--wrapper > .wp-block-column:hover p.has-medium-font-size::after{opacity:1;transform:translateX(3px)}
header .mega-menu .minimly-grid--wrapper a:focus-visible{outline:none}
header .mega-menu .minimly-grid--wrapper > .wp-block-column:has(a:focus-visible),header .mega-menu-talk-to-us .minimly-grid--wrapper p.has-medium-font-size:has(a:focus-visible){outline:2px solid currentColor;outline-offset:-2px}
/* Talk to us: same tiles, no photo */
header .mega-menu-talk-to-us .minimly-grid--wrapper > .wp-block-column:has(> figure:only-child){display:none !important}
header .mega-menu-talk-to-us .minimly-grid--wrapper > .wp-block-column:not(:has(> figure)){display:contents !important}
header .mega-menu-talk-to-us .minimly-grid--wrapper p.has-medium-font-size{position:relative;min-height:60px;padding:8px 14px !important;border-radius:12px;transition:background-color .15s ease}
header .mega-menu-talk-to-us .minimly-grid--wrapper p.has-medium-font-size:hover,header .mega-menu-talk-to-us .minimly-grid--wrapper p.has-medium-font-size:focus-within{background:#f6f2e8}
header .mega-menu-talk-to-us .minimly-grid--wrapper p.has-medium-font-size:hover::after{opacity:1;transform:translateX(3px)}
}
/* End compact mega menus */


/* === Surf Trips page, Phase 1 (20 Sept 2026) — scoped to /product-category/surf-trips/ === */
/* Header: title full width, then intro, then region chips + Filter on one row */
.term-surf-trips .wp-block-columns:has(.wp-block-query-title){flex-wrap:wrap!important;row-gap:12px;align-items:center!important}
.term-surf-trips .wp-block-columns:has(.wp-block-query-title)>.wp-block-column{flex:0 0 100%!important;margin:0!important}
.term-surf-trips .wp-block-columns:has(.wp-block-query-title)>.wp-block-column:last-child{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.term-surf-trips .wp-block-term-description{display:contents}
.term-surf-trips .wp-block-term-description p{margin:0}
.term-surf-trips .wp-block-term-description p:first-child{flex:0 0 100%;max-width:100%;padding-right:max(0px,calc(100% - 680px));box-sizing:border-box;font-size:1.05rem;line-height:1.5}
.term-surf-trips .wp-block-term-description p:last-child{flex:1 1 auto;display:flex;flex-wrap:wrap;gap:8px}
.term-surf-trips .filter-button{margin:0!important;flex:0 0 auto}
.term-surf-trips .wp-block-term-description a{display:inline-flex;align-items:center;min-height:40px;padding:0 18px;border:2px solid currentColor;border-radius:999px;font-weight:700;font-size:.95rem;text-decoration:none;white-space:nowrap;transition:background .15s,color .15s}
.term-surf-trips .wp-block-term-description a:hover{background:rgba(0,0,0,.06)}
/* Cards */
.term-surf-trips ul.wp-block-post-template>li.product>.wp-block-group{position:relative;transition:transform .2s ease}
.term-surf-trips ul.wp-block-post-template>li.product>.wp-block-group:hover{transform:translateY(-4px)}
.term-surf-trips ul.wp-block-post-template .wc-block-components-product-image{aspect-ratio:4/3;overflow:hidden;border-radius:12px;margin-bottom:12px}
.term-surf-trips ul.wp-block-post-template .wc-block-components-product-image a,
.term-surf-trips ul.wp-block-post-template .wc-block-components-product-image img{display:block;width:100%!important;height:100%!important;object-fit:cover;aspect-ratio:auto}
.term-surf-trips ul.wp-block-post-template .wc-block-components-product-image img{transition:transform .35s ease}
.term-surf-trips ul.wp-block-post-template>li.product>.wp-block-group:hover .wc-block-components-product-image img{transform:scale(1.04)}
/* Location (and rating) as pills over the photo */
.term-surf-trips ul.wp-block-post-template .wp-block-group.is-content-justification-space-between{position:absolute;top:10px;left:10px;right:10px;z-index:2;pointer-events:none;align-items:flex-start;gap:6px;margin:0!important}
.term-surf-trips ul.wp-block-post-template .location-route,
.term-surf-trips ul.wp-block-post-template .wc-block-components-product-rating{background:rgba(255,255,255,.94);color:#111;border-radius:999px;padding:4px 10px;font-size:11px;line-height:1.3;font-weight:700;box-shadow:0 1px 4px rgba(0,0,0,.15);margin:0!important}
.term-surf-trips ul.wp-block-post-template .location-route{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.term-surf-trips ul.wp-block-post-template .wc-block-components-product-rating{flex:0 0 auto}
.term-surf-trips ul.wp-block-post-template .location-route p{margin:0;overflow:hidden;text-overflow:ellipsis}
.term-surf-trips ul.wp-block-post-template .wc-block-components-product-rating__container{height:auto}
/* One price line: hide the second (IDR) price, add "per person" except day-priced Academy trips */
.term-surf-trips ul.wp-block-post-template li.product:not(.product_cat-surfacademy) .wc-block-components-product-price>span:not(.woocommerce-Price-amount){display:none!important}
.term-surf-trips ul.wp-block-post-template li.product:not(.product_cat-surfacademy) .wc-block-components-product-price::after{content:" per person";font-size:.8em;font-weight:400;opacity:.75}
/* Whole card clickable */
.term-surf-trips ul.wp-block-post-template .wp-block-post-title a::after{content:"";position:absolute;inset:0;z-index:1}
.term-surf-trips ul.wp-block-post-template .wp-block-post-title a:focus-visible{outline:none}
.term-surf-trips ul.wp-block-post-template>li.product>.wp-block-group:has(.wp-block-post-title a:focus-visible){outline:3px solid #111;outline-offset:4px;border-radius:12px}
@media (max-width:600px){.term-surf-trips .wp-block-term-description p:last-child{flex:1 1 100%;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -16px!important;padding:2px 16px!important}.term-surf-trips .wp-block-term-description p:last-child::-webkit-scrollbar{display:none}.term-surf-trips .wp-block-term-description a{min-height:36px;padding:0 14px;font-size:.85rem;flex:0 0 auto}}
@media (prefers-reduced-motion:reduce){.term-surf-trips ul.wp-block-post-template *{transition:none!important;transform:none!important}}
/* === End Surf Trips Phase 1 === */

/* === Filter popup (Popup Maker 68049) restyle (20 Sept 2026) === */
#pum-68049 .pum-container{display:flex!important;flex-direction:column!important;overflow:hidden!important;max-height:calc(100dvh - 24px)!important;border-radius:16px!important;padding:0!important;background:#fff!important;box-shadow:0 24px 60px rgba(0,0,0,.3)!important;border:0!important}
#pum-68049 .pum-content{flex:1 1 auto;min-height:0;overflow-y:auto!important;overscroll-behavior:contain;padding:24px 28px 0!important}
@media (max-width:599px){#pum-68049 .pum-content{padding:20px 18px 0!important}}
#pum-68049 .pum-close{position:absolute!important;z-index:10!important;display:flex!important;align-items:center!important;justify-content:center!important;min-width:40px!important;font-family:Arial,Helvetica,sans-serif!important;font-weight:700!important;top:14px!important;right:14px!important;width:40px!important;height:40px!important;border-radius:50%!important;background:#f3efe4!important;color:#111!important;border:0!important;line-height:1!important;padding:0!important;box-shadow:none!important;text-align:center!important;font-size:20px!important;text-indent:0!important}
#pum-68049 form.searchandfilter>ul{margin:0!important;padding:0!important}
#pum-68049 form.searchandfilter>ul>li{margin:0!important;padding:18px 0!important;border-top:1px solid #ece6d6;list-style:none}
#pum-68049 form.searchandfilter>ul>li:first-child{border-top:0}
#pum-68049 form.searchandfilter>ul>li>h4{font-size:1.1rem!important;letter-spacing:.02em;margin:0 0 12px!important;color:#111!important}
/* Options as pills */
#pum-68049 form.searchandfilter>ul>li>ul{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin:0!important;padding:0!important}
#pum-68049 form.searchandfilter>ul>li>ul>li{position:relative;display:block!important;width:auto!important;margin:0!important;padding:0!important;border:0!important;background:none!important;list-style:none}
#pum-68049 form.searchandfilter>ul>li>ul>li:not(.sf-option-disabled){opacity:1!important}
#pum-68049 form.searchandfilter>ul>li>ul>li>input.sf-input-checkbox{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;min-width:0!important;margin:0!important;pointer-events:none}
#pum-68049 form.searchandfilter>ul>li>ul>li>label{display:inline-flex!important;align-items:center;min-height:38px;padding:8px 16px!important;border:1.5px solid #d9d2c1!important;border-radius:999px!important;background:#fff!important;color:#222!important;font-size:13px!important;line-height:1.2!important;font-weight:700;cursor:pointer;transition:background .15s,border-color .15s,color .15s;width:auto!important;margin:0!important}
#pum-68049 form.searchandfilter>ul>li>ul>li>label:hover{border-color:#111!important}
#pum-68049 form.searchandfilter>ul>li>ul>li>input:checked+label,
#pum-68049 form.searchandfilter>ul>li>ul>li.sf-option-active>label{background:#111!important;border-color:#111!important;color:#fff!important}
#pum-68049 form.searchandfilter>ul>li>ul>li>input:focus-visible+label{outline:2px solid #111;outline-offset:2px}
/* Surf experience: cards with the level description */
#pum-68049 form.searchandfilter>ul>li[data-sf-field-name="_sft_pa_experience"]>ul{display:grid!important;grid-template-columns:1fr!important}
#pum-68049 form.searchandfilter>ul>li[data-sf-field-name="_sft_pa_experience"]>ul>li>label{display:block!important;text-align:left;border-radius:12px!important;padding:12px 14px!important;font-weight:400;font-size:12.5px!important;line-height:1.4!important}
#pum-68049 form.searchandfilter>ul>li[data-sf-field-name="_sft_pa_experience"]>ul>li>label::first-line{font-weight:700;font-size:14px}
/* Price */
#pum-68049 li[data-sf-field-name="_sfm__price"] .sf-meta-range{display:flex!important;flex-wrap:wrap;align-items:center;gap:8px}
#pum-68049 li[data-sf-field-name="_sfm__price"] .sf-meta-range>label{flex:1 1 0;min-width:0;margin:0!important}
#pum-68049 li[data-sf-field-name="_sfm__price"] .sf-meta-range>label input{width:100%!important;height:42px!important;border:1.5px solid #d9d2c1!important;border-radius:10px!important;padding:0 12px!important;font-size:14px!important}
#pum-68049 li[data-sf-field-name="_sfm__price"] .meta-slider{flex:0 0 calc(100% - 20px);margin:14px 10px 4px!important}
/* Apply + Reset: sticky action bar */
#pum-68049 li[data-sf-field-name="submit"]{position:sticky;bottom:0;z-index:3;display:flex!important;justify-content:flex-end;background:#fff;padding:14px 0 18px!important;border-top:1px solid #ece6d6!important;box-shadow:0 -12px 18px -14px rgba(0,0,0,.3)}
#pum-68049 li[data-sf-field-name="submit"] input[type=submit]{box-sizing:border-box!important;width:220px!important;min-width:0!important;height:52px!important;padding:0 24px!important;margin:0!important;background:#ffb524!important;color:#1c1c1c!important;border:2px solid #1c1c1c!important;border-radius:5px!important;font-size:16px!important;line-height:1!important;cursor:pointer}
#pum-68049 li[data-sf-field-name="submit"] input[type=submit]:hover{background:#ffc550!important}
/* Wider two-column layout on tablet/desktop */
@media (min-width:900px){
#pum-68049 .pum-container{width:min(1100px,94vw)!important;max-width:none!important;left:50%!important;right:auto!important;margin-left:0!important;transform:translateX(-50%)!important;top:5vh!important;max-height:90vh!important}
#pum-68049 form.searchandfilter>ul{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:40px;align-items:start}
#pum-68049 form.searchandfilter>ul>li{grid-column:1/-1}
#pum-68049 li[data-sf-field-name="_sft_destination"]{grid-column:span 7!important}
#pum-68049 li[data-sf-field-name="_sfm__price"]{grid-column:span 5!important;border-top:0!important}
#pum-68049 li[data-sf-field-name="_sft_pa_duration"]{grid-column:span 7!important}
#pum-68049 li[data-sf-field-name="_sft_pa_experience"]{grid-column:span 5!important;grid-row:span 2}
#pum-68049 li[data-sf-field-name="_sft_product_tag"]{grid-column:span 7!important}
}
/* Reset filters: outline button inside the sticky bar */
#pum-68049 form.searchandfilter>ul>li[data-sf-field-name="reset"]{position:sticky;bottom:0;z-index:4;height:0;padding:0!important;margin:0!important;border:0!important;overflow:visible;grid-column:1/-1}
#pum-68049 li[data-sf-field-name="reset"] a.search-filter-reset{position:absolute;bottom:18px;right:232px;left:auto;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;height:52px;padding:0 22px;background:#fff;color:#1c1c1c!important;border:2px solid #1c1c1c;border-radius:5px;font-family:"Londrina Solid",sans-serif;font-weight:800;text-transform:uppercase;font-size:16px;line-height:1;text-decoration:none!important;white-space:nowrap;transition:background .15s}
#pum-68049 li[data-sf-field-name="reset"] a.search-filter-reset:hover{background:#f3efe4}
@media (max-width:599px){
#pum-68049 li[data-sf-field-name="submit"] input[type=submit]{width:calc(60% - 5px)!important;padding:0 12px!important}
#pum-68049 li[data-sf-field-name="reset"] a.search-filter-reset{left:0;right:auto;width:calc(40% - 5px);padding:0 10px}
}
/* Phone + tablet: keep the whole popup (and its buttons) on screen */
@media (max-width:899px){#pum-68049 .pum-container{top:12px!important;left:12px!important;right:12px!important;width:auto!important;min-width:0!important;max-width:none!important;margin:0!important;max-height:calc(100dvh - 24px)!important}}
@media (min-width:600px) and (max-width:899px){#pum-68049 .pum-container{left:50%!important;right:auto!important;width:min(720px,calc(100vw - 24px))!important;transform:translateX(-50%)!important}}
@media (max-width:782px){body.admin-bar #pum-68049 .pum-container{top:58px!important;max-height:calc(100dvh - 70px)!important}}
@media (min-width:783px) and (max-width:899px){body.admin-bar #pum-68049 .pum-container{top:44px!important;max-height:calc(100dvh - 56px)!important}}
/* Hide the chat bubble while a popup is open */
html.pum-open #hubspot-messages-iframe-container{visibility:hidden!important}
/* === End filter popup === */

/* === Surf Trips page, Phase 2 (20 Sept 2026) === */
/* Header row: intro / region chips + sort + filter / spot chips */
.term-surf-trips .mojo-st-intro{order:0}
.term-surf-trips .mojo-st-regions{order:1;flex:1 1 auto;display:flex;flex-wrap:wrap;gap:8px}
.term-surf-trips .mojo-st-sort{order:2;display:flex;align-items:center;gap:8px}
.term-surf-trips .filter-button{order:3}
.term-surf-trips .mojo-st-spots{order:4;flex:0 0 100%;display:flex;flex-wrap:wrap;gap:8px}
.term-surf-trips .wp-block-term-description a.mojo-chip.is-active{background:#111;border-color:#111;color:#fff}
.term-surf-trips .mojo-chip-count{font-weight:400;opacity:.65;margin-left:6px;font-size:.85em}
.term-surf-trips .mojo-st-spots a.mojo-chip{min-height:34px;padding:0 14px;font-size:.85rem;border-width:1.5px}
.term-surf-trips .mojo-st-sort label{font-weight:700;font-size:.9rem;margin:0}
.term-surf-trips .mojo-st-sort select{height:44px;border:2px solid #111;border-radius:999px;padding:0 38px 0 16px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23111' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 14px center;-webkit-appearance:none;appearance:none;font-family:inherit;font-weight:700;font-size:.9rem;color:#111;cursor:pointer}
@media (max-width:600px){
.term-surf-trips .mojo-st-regions,.term-surf-trips .mojo-st-spots{flex:0 0 100%;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -16px!important;padding:2px 16px!important}
.term-surf-trips .mojo-st-regions::-webkit-scrollbar,.term-surf-trips .mojo-st-spots::-webkit-scrollbar{display:none}
.term-surf-trips .mojo-st-regions a,.term-surf-trips .mojo-st-spots a{flex:0 0 auto}
.term-surf-trips .mojo-st-sort{flex:1 1 auto}
.term-surf-trips .mojo-st-sort select{flex:1 1 auto;width:100%}
.term-surf-trips .mojo-st-spots{order:2}
}
/* Card facts: length, level, inclusions */
.term-surf-trips .mojo-st-facts{margin:6px 0 0;font-size:13px;font-weight:700;color:#444;line-height:1.35}
.term-surf-trips .mojo-st-incl{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px 12px;font-size:12px;color:#555;line-height:1.2}
.term-surf-trips .mojo-st-incl li{display:inline-flex;align-items:center;gap:5px;margin:0;padding:0}
.term-surf-trips .mojo-st-incl svg{flex:0 0 16px;color:#111}
/* Sale badge on the photo (shows when a trip has a WooCommerce sale price) */
.term-surf-trips ul.wp-block-post-template .wc-block-components-product-image{position:relative}
.term-surf-trips ul.wp-block-post-template .wc-block-components-product-sale-badge{position:absolute!important;left:10px!important;bottom:10px!important;top:auto!important;right:auto!important;z-index:2;margin:0!important;background:#e8457f!important;color:#fff!important;border:0!important;border-radius:999px!important;padding:4px 10px!important;font-size:11px!important;font-weight:700;text-transform:uppercase}
/* Region sections */
.term-surf-trips .mojo-st-grouped{display:flex;flex-direction:column;gap:48px}
.term-surf-trips .mojo-st-region-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 20px;margin:0 0 20px;padding-top:16px;border-top:2px solid #111}
.term-surf-trips .mojo-st-region-head h2{margin:0;font-size:clamp(1.6rem,3vw,2.2rem);line-height:1.1}
.term-surf-trips .mojo-st-region-count{font-size:.5em;opacity:.6;margin-left:6px;white-space:nowrap}
.term-surf-trips .mojo-st-region-head p{margin:0;flex:1 1 320px;color:#444;font-size:.95rem}
.term-surf-trips .mojo-st-region-link{font-weight:700;font-size:.9rem;color:#111;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
/* "Not sure where to go?" */
.term-surf-trips .mojo-st-help{list-style:none;margin:0;padding:0}
.term-surf-trips .mojo-st-help p{margin:0}
.term-surf-trips .mojo-st-help-inner{background:#111;color:#fff;border-radius:12px;padding:24px;display:flex;flex-direction:column;justify-content:center;gap:10px;height:100%;min-height:220px;box-sizing:border-box}
.term-surf-trips .mojo-st-help-title{color:#ffb524;font-family:"Londrina Solid",sans-serif;font-weight:800;text-transform:uppercase;font-size:1.5rem;line-height:1.1}
.term-surf-trips aside.mojo-st-help .mojo-st-help-inner{flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px 24px;min-height:0;border-radius:16px;padding:24px 28px}
.term-surf-trips aside.mojo-st-help .mojo-st-help-inner p:not(.mojo-st-help-title){flex:1 1 280px}
.term-surf-trips .mojo-st-help-btn{align-self:flex-start;display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 22px;background:#ffb524;color:#1c1c1c!important;border:2px solid #1c1c1c;border-radius:5px;font-family:"Londrina Solid",sans-serif;font-weight:800;text-transform:uppercase;text-decoration:none!important;white-space:nowrap}
.term-surf-trips aside.mojo-st-help .mojo-st-help-btn{align-self:center}
.term-surf-trips .mojo-st-help-btn:hover{background:#ffc550}
/* Empty state */
.term-surf-trips .mojo-st-empty{border:2px dashed #d9d2c1;border-radius:16px;padding:32px 24px;text-align:center;max-width:640px;margin:24px auto}
.term-surf-trips .mojo-st-empty p{margin:0 0 10px}
.term-surf-trips .mojo-st-empty-title{font-family:"Londrina Solid",sans-serif;font-weight:800;text-transform:uppercase;font-size:1.5rem}
.term-surf-trips .mojo-st-empty-actions{display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap;margin-top:16px!important}
.term-surf-trips .mojo-st-empty-actions .mojo-st-help-btn{align-self:auto}
.term-surf-trips .mojo-st-empty-link{font-weight:700;color:#111;text-decoration:underline}
/* Phase 2 polish: stack rating under the location pill so neither gets cut off */
.term-surf-trips ul.wp-block-post-template .wp-block-group.is-content-justification-space-between{flex-direction:column!important;align-items:flex-start!important;gap:6px!important}
.term-surf-trips ul.wp-block-post-template .location-route{max-width:100%}
.term-surf-trips .mojo-st-sort label{white-space:nowrap}
@media (max-width:600px){
.term-surf-trips .mojo-st-spots{order:2}
.term-surf-trips .mojo-st-sort{order:3}
.term-surf-trips .filter-button{order:4}
.term-surf-trips .mojo-st-sort label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.term-surf-trips .filter-button .wp-block-button__link{height:44px;display:inline-flex;align-items:center}
}
@media (max-width:860px){
.term-surf-trips .mojo-st-regions{flex:0 0 100%}
.term-surf-trips .mojo-st-spots{order:2}
.term-surf-trips .mojo-st-sort{order:3;flex:1 1 0;min-width:0}
.term-surf-trips .mojo-st-sort select{flex:1 1 auto;width:100%;min-width:0}
.term-surf-trips .filter-button{order:4;width:auto!important;flex:0 0 auto!important}
}
@media (max-width:600px){.term-surf-trips .mojo-st-sort{min-width:170px}}
/* Filter button matches the chips and sort menu */
.term-surf-trips .filter-button .wp-block-button__link{box-sizing:border-box;display:inline-flex!important;align-items:center;gap:8px;height:44px!important;padding:0 20px!important;background:#fff!important;color:#111!important;border:2px solid #111!important;border-radius:999px!important;font-size:.95rem!important;font-weight:700!important;text-transform:none!important;line-height:1!important;transition:background .15s}
.term-surf-trips .filter-button .wp-block-button__link:hover{background:#f3efe4!important}
.term-surf-trips .filter-button .wp-block-button__link img{filter:invert(1);width:16px!important;height:auto!important;margin:0!important}
@media (min-width:601px) and (max-width:860px){.term-surf-trips .mojo-st-sort{flex:0 1 auto}.term-surf-trips .mojo-st-sort select{width:auto;min-width:220px}}
/* === End Surf Trips Phase 2 === */

/* === Surf Trips: Academy filter (20 Sept 2026) === */
.term-surf-trips .mojo-st-types{order:1;flex:0 0 100%;min-width:0}
.term-surf-trips .mojo-st-regions{order:2}
.term-surf-trips .mojo-st-sort{order:3}
.term-surf-trips .filter-button{order:4}
.term-surf-trips .mojo-st-spots{order:5}
@media (max-width:860px){.term-surf-trips .mojo-st-spots{order:3}.term-surf-trips .mojo-st-sort{order:4}.term-surf-trips .filter-button{order:5}}
.term-surf-trips .mojo-seg{display:inline-flex;gap:4px;padding:4px;background:#f3efe4;border-radius:999px;max-width:100%;overflow-x:auto;scrollbar-width:none;vertical-align:top}
.term-surf-trips .mojo-seg::-webkit-scrollbar{display:none}
.term-surf-trips .wp-block-term-description .mojo-st-types a.mojo-chip{flex:0 0 auto;border:0!important;min-height:40px;padding:0 18px;background:transparent;color:#111}
.term-surf-trips .wp-block-term-description .mojo-st-types a.mojo-chip:hover{background:rgba(0,0,0,.06)}
.term-surf-trips .wp-block-term-description .mojo-st-types a.mojo-chip.is-active{background:#111;color:#fff}
@media (max-width:600px){.term-surf-trips .wp-block-term-description .mojo-st-types a.mojo-chip{min-height:36px;padding:0 12px;font-size:.85rem}}
/* Academy label on cards and section accent */
.term-surf-trips .mojo-st-kind{display:inline-block;margin:0 8px 0 0;padding:2px 8px;border-radius:999px;background:#e8457f;color:#fff;font-size:10.5px;line-height:1.5;letter-spacing:.03em;text-transform:uppercase;vertical-align:1px}
.term-surf-trips .mojo-st-academy .mojo-st-region-head{border-top-color:#e8457f}
.term-surf-trips .mojo-st-academy .mojo-st-region-head h2{color:#e8457f}
.term-surf-trips .mojo-st-kind{display:table;margin:0 0 5px}
/* === End Academy filter === */

/* Surf-now form (20 Sept 2026): Gravity Form 4 on /surf-now/ (page 68592) restyled to match the site: compact white card, section headings, choice tiles, yellow Submit. Scoped to that page, so the product enquiry popup is unchanged. */
body.page-id-68592 .entry-content > .wp-block-group { padding-top: 40px; padding-bottom: 64px; }
body.page-id-68592 #gform_wrapper_4 {
  --mojo-ink: #1c1c1c; --mojo-yellow: #ffb524; --mojo-pink: #fd319f; --mojo-tint: #fff3d1;
  width: 100%; max-width: 820px; margin: 0 auto;
}
body.page-id-68592 #gform_wrapper_4 .gform_heading { text-align: center; margin: 0 0 22px; }
body.page-id-68592 #gform_wrapper_4 .gform_title {
  font-size: clamp(38px, 5vw, 56px); line-height: .95; color: var(--mojo-ink); margin: 0;
}
body.page-id-68592 #gform_wrapper_4 .gform_description:empty { display: none; }
/* card */
body.page-id-68592 #gform_4 {
  background: #fff; border: 2px solid var(--mojo-ink); border-radius: 14px;
  box-shadow: 6px 6px 0 var(--mojo-yellow); padding: 30px 40px 32px;
}
body.page-id-68592 #gform_wrapper_4 .gform_fields { row-gap: 22px; }
/* section headings ("Your trip" is added after the Email field) */
body.page-id-68592 #gform_wrapper_4 .gsection { border: 0; padding: 0; margin: 0; }
body.page-id-68592 #gform_wrapper_4 .gsection_title,
body.page-id-68592 #gform_wrapper_4 #field_4_2::after {
  display: block; margin: 0; padding: 0; font-size: 24px; line-height: 1; font-weight: 400;
  text-transform: uppercase; color: var(--mojo-ink);
}
body.page-id-68592 #gform_wrapper_4 #field_4_2::after {
  content: "Your trip"; margin-top: 26px; padding-top: 22px; border-top: 2px dashed rgba(28,28,28,.25);
}
/* labels */
body.page-id-68592 #gform_wrapper_4 .gfield_label {
  font-size: 18px; line-height: 1.2; font-weight: 400; color: var(--mojo-ink); margin-bottom: 8px;
}
body.page-id-68592 #gform_wrapper_4 .gfield_required_text { font-size: 0; }
body.page-id-68592 #gform_wrapper_4 .gfield_required_text::after { content: "*"; font-size: 18px; color: var(--mojo-pink); margin-left: 2px; }
body.page-id-68592 #gform_wrapper_4 .gform-field-label--type-sub { font-size: 14px; color: #555; margin-bottom: 4px; }
/* text inputs */
body.page-id-68592 #gform_wrapper_4 input[type="text"],
body.page-id-68592 #gform_wrapper_4 input[type="email"],
body.page-id-68592 #gform_wrapper_4 input[type="tel"],
body.page-id-68592 #gform_wrapper_4 textarea {
  min-height: 46px; border: 2px solid var(--mojo-ink); border-radius: 8px; background-color: #fff;
  font-family: inherit; font-size: 17px; color: var(--mojo-ink); padding-inline: 14px; box-shadow: none;
}
body.page-id-68592 #gform_wrapper_4 input:is([type="text"],[type="email"],[type="tel"]):focus,
body.page-id-68592 #gform_wrapper_4 textarea:focus {
  outline: none; border-color: var(--mojo-pink); box-shadow: 0 0 0 3px rgba(253,49,159,.25);
}
body.page-id-68592 #gform_wrapper_4 .ginput_container_date { max-width: 300px; }
/* choice tiles */
body.page-id-68592 #gform_wrapper_4 .gfield_radio,
body.page-id-68592 #gform_wrapper_4 .gfield_checkbox {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px;
}
body.page-id-68592 #gform_wrapper_4 #field_4_25 .gfield_checkbox,
body.page-id-68592 #gform_wrapper_4 #field_4_33 .gfield_radio,
body.page-id-68592 #gform_wrapper_4 #field_4_26 .gfield_checkbox { grid-template-columns: repeat(3, minmax(0, 1fr)); }
body.page-id-68592 #gform_wrapper_4 #field_4_29 .gfield_checkbox,
body.page-id-68592 #gform_wrapper_4 #field_4_32 .gfield_radio { grid-template-columns: 1fr; gap: 6px; }
body.page-id-68592 #gform_wrapper_4 .gchoice { position: relative; margin: 0; display: block; }
body.page-id-68592 #gform_wrapper_4 .gchoice > input {
  position: absolute; left: 13px; top: 50%; transform: translateY(-50%); margin: 0; z-index: 1;
  border: 2px solid var(--mojo-ink); background-color: #fff;
}
body.page-id-68592 #gform_wrapper_4 .gchoice > label {
  display: flex; align-items: center; width: 100%; max-width: none; min-height: 44px; margin: 0;
  padding: 8px 12px 8px 44px; border: 2px solid var(--mojo-ink); border-radius: 8px; background: #fff;
  font-size: 16px; line-height: 1.2; color: var(--mojo-ink); cursor: pointer;
  transition: background-color .15s ease;
}
body.page-id-68592 #gform_wrapper_4 .gchoice > label:hover { background: var(--mojo-tint); }
body.page-id-68592 #gform_wrapper_4 .gchoice > input:checked + label { background: var(--mojo-yellow); }
body.page-id-68592 #gform_wrapper_4 .gchoice > input:focus-visible + label { outline: 3px solid var(--mojo-pink); outline-offset: 2px; }
body.page-id-68592 #gform_wrapper_4 .gchoice > input:focus { box-shadow: none; outline: none; }
body.page-id-68592 #gform_wrapper_4 .gchoice > input[type="radio"]:checked::before { background-color: var(--mojo-ink); }
body.page-id-68592 #gform_wrapper_4 .gchoice > input[type="checkbox"]:checked { background-color: var(--mojo-ink); border-color: var(--mojo-ink); }
body.page-id-68592 #gform_wrapper_4 .gchoice > input[type="checkbox"]:checked::before { color: #fff; }
/* Select all */
body.page-id-68592 #gform_wrapper_4 .gfield-choice-toggle-all { grid-column: 1 / -1; margin-top: 2px; }
body.page-id-68592 #gform_wrapper_4 .gfield_choice_all_toggle {
  background: transparent; color: var(--mojo-ink); border: 2px solid var(--mojo-ink); border-radius: 5px;
  font-family: inherit; font-size: 14px; text-transform: uppercase; padding: 6px 14px; min-height: 0; box-shadow: none;
}
body.page-id-68592 #gform_wrapper_4 .gfield_choice_all_toggle:hover { background: var(--mojo-ink); color: #fff; }
/* submit */
body.page-id-68592 #gform_wrapper_4 .gform_footer {
  margin-top: 26px; padding: 22px 0 0; border-top: 2px dashed rgba(28,28,28,.25); justify-content: center;
}
body.page-id-68592 #gform_wrapper_4 .gform_footer .gform_button {
  background: var(--mojo-yellow); color: var(--mojo-ink); border: 2px solid var(--mojo-ink); border-radius: 5px;
  font-family: inherit; font-size: 22px; line-height: 1; text-transform: uppercase;
  padding: 14px 40px; min-width: 240px; box-shadow: none; transition: transform .15s ease, box-shadow .15s ease;
}
body.page-id-68592 #gform_wrapper_4 .gform_footer .gform_button:hover {
  transform: translate(-2px, -2px); box-shadow: 4px 4px 0 var(--mojo-ink);
}
/* errors + confirmation */
body.page-id-68592 #gform_wrapper_4 .gfield_error input:is([type="text"],[type="email"]),
body.page-id-68592 #gform_wrapper_4 .gfield_error .gchoice > label { border-color: #c02b0a; }
body.page-id-68592 #gform_wrapper_4 .gform_validation_errors { border-radius: 8px; }
body.page-id-68592 .gform_confirmation_wrapper .gform_confirmation_message {
  max-width: 820px; margin: 0 auto; background: #fff; border: 2px solid #1c1c1c; border-radius: 14px;
  box-shadow: 6px 6px 0 #ffb524; padding: 32px; font-size: 20px; text-align: center;
}
@media (max-width: 760px) {
  body.page-id-68592 #gform_wrapper_4 #field_4_26 .gfield_checkbox { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  body.page-id-68592 .entry-content > .wp-block-group { padding: 28px 16px 48px; }
  body.page-id-68592 #gform_4 { padding: 22px 16px 24px; border-radius: 12px; box-shadow: 4px 4px 0 #ffb524; }
  body.page-id-68592 #gform_wrapper_4 .gfield_radio,
  body.page-id-68592 #gform_wrapper_4 .gfield_checkbox,
  body.page-id-68592 #gform_wrapper_4 #field_4_26 .gfield_checkbox { grid-template-columns: 1fr; }
  body.page-id-68592 #gform_wrapper_4 #field_4_25 .gfield_checkbox,
  body.page-id-68592 #gform_wrapper_4 #field_4_33 .gfield_radio,
  body.page-id-68592 #gform_wrapper_4 #field_4_31 .gfield_radio { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.page-id-68592 #gform_wrapper_4 .ginput_container_date { max-width: none; }
  body.page-id-68592 #gform_wrapper_4 .gform_footer .gform_button { width: 100%; min-width: 0; }
}
/* labels keep the * on the same line; phones: first/last name side by side, 2-column destinations */
body.page-id-68592 #gform_wrapper_4 .gfield_label { display: block; }
body.page-id-68592 #gform_wrapper_4 .gfield_label .gfield_required { display: inline; margin-left: 4px; }
@media (max-width: 600px) {
  body.page-id-68592 #gform_wrapper_4 .ginput_container--name { flex-wrap: nowrap; column-gap: 10px; }
  body.page-id-68592 #gform_wrapper_4 .ginput_container--name > span { flex: 1 1 0; min-width: 0; }
  body.page-id-68592 #gform_wrapper_4 #field_4_26 .gfield_checkbox { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.page-id-68592 #gform_wrapper_4 .gchoice > label { padding-left: 38px; font-size: 15px; }
  body.page-id-68592 #gform_wrapper_4 .gchoice > input { left: 11px; }
}
/* End surf-now form */


/* Other forms (20 Sept 2026): same design as the /surf-now/ form for Contact Us (form 2, /contact-mojo/), Mojo Care (form 5, /mojocare/), Academy inline (form 7, #join on /product-category/surfacademy/), the product enquiry popups (70960 form 4, 70468 form 7) and the footer Subscribe form (form 3). */
:is(body.page-id-65511 #gform_wrapper_2, body.page-id-69745 #gform_wrapper_5, #join #gform_wrapper_7, .pum-container #gform_wrapper_4, .pum-container #gform_wrapper_7) { --mojo-ink: #1c1c1c; --mojo-yellow: #ffb524; --mojo-pink: #fd319f; --mojo-tint: #fff3d1; }
/* page forms: white card */
:is(body.page-id-65511 #gform_wrapper_2, body.page-id-69745 #gform_wrapper_5) { width: 100%; max-width: 640px; margin-inline: 0; }
#join #gform_wrapper_7 { width: 100%; max-width: 820px; margin-inline: auto; }
:is(body.page-id-65511 #gform_2, body.page-id-69745 #gform_5, #join #gform_7) { background: #fff; border: 2px solid var(--mojo-ink); border-radius: 14px; box-shadow: 6px 6px 0 var(--mojo-yellow); padding: 30px 36px 32px; }
/* popups: the popup box becomes the card */
:is(#pum-70960, #pum-70468) .pum-container { border: 2px solid #1c1c1c; border-radius: 14px; box-shadow: 6px 6px 0 #ffb524; padding: 22px 26px 26px; }
:is(#pum-70960, #pum-70468) .pum-close { display: flex; align-items: center; justify-content: center; padding: 0; width: 34px; height: 34px; border: 2px solid #1c1c1c; border-radius: 50%; background: #fff; color: #1c1c1c; font-family: inherit; font-size: 16px; line-height: 1; top: 12px; right: 12px; box-shadow: none; }
:is(#pum-70960, #pum-70468) .pum-close:hover { background: #ffb524; }
/* shared form styling */
:is(body.page-id-65511 #gform_wrapper_2, body.page-id-69745 #gform_wrapper_5, #join #gform_wrapper_7, .pum-container #gform_wrapper_4, .pum-container #gform_wrapper_7) .gform_required_legend { display: none; }
:is(body.page-id-65511 #gform_wrapper_2, body.page-id-69745 #gform_wrapper_5, #join #gform_wrapper_7, .pum-container #gform_wrapper_4, .pum-container #gform_wrapper_7) .gform_fields { row-gap: 22px; }
:is(body.page-id-65511 #gform_wrapper_2, body.page-id-69745 #gform_wrapper_5, #join #gform_wrapper_7, .pum-container #gform_wrapper_4, .pum-container #gform_wrapper_7) .gsection { border: 0; padding: 0; margin: 0; }
:is(body.page-id-65511 #gform_wrapper_2, body.page-id-69745 #gform_wrapper_5, #join #gform_wrapper_7, .pum-container #gform_wrapper_4, .pum-container #gform_wrapper_7) .gsection_title { font-size: 24px; line-height: 1; font-weight: 400; text-transform: uppercase; color: var(--mojo-ink); margin: 0; }
:is(body.page-id-65511 #gform_wrapper_2, body.page-id-69745 #gform_wrapper_5, #join #gform_wrapper_7, .pum-container #gform_wrapper_4, .pum-container #gform_wrapper_7) .gfield_label { display: block; font-size: 18px; line-height: 1.2; font-weight: 400; color: var(--mojo-ink); margin-bottom: 8px; }
:is(body.page-id-65511 #gform_wrapper_2, body.page-id-69745 #gform_wrapper_5, #join #gform_wrapper_7, .pum-container #gform_wrapper_4, .pum-container #gform_wrapper_7) .gfield_label .gfield_required { display: inline; margin-left: 4px; }
:is(body.page-id-65511 #gform_wrapper_2, body.page-id-69745 #gform_wrapper_5, #join #gform_wrapper_7, .pum-container #gform_wrapper_4, .pum-container #gform_wrapper_7) .gfield_required_asterisk { color: var(--mojo-pink); font-size: 18px; }
:is(body.page-id-65511 #gform_wrapper_2, body.page-id-69745 #gform_wrapper_5, #join #gform_wrapper_7, .pum-container #gform_wrapper_4, .pum-container #gform_wrapper_7) .gfield_required_text { font-size: 0; }
:is(body.page-id-65511 #gform_wrapper_2, body.page-id-69745 #gform_wrapper_5, #join #gform_wrapper_7, .pum-container #gform_wrapper_4, .pum-container #gform_wrapper_7) .gfield_required_text::after { content: "*"; font-size: 18px; color: var(--mojo-pink); }
:is(body.page-id-65511 #gform_wrapper_2, body.page-id-69745 #gform_wrapper_5, #join #gform_wrapper_7, .pum-container #gform_wrapper_4, .pum-container #gform_wrapper_7) .gform-field-label--type-sub, :is(body.page-id-65511 #gform_wrapper_2, body.page-id-69745 #gform_wrapper_5, #join #gform_wrapper_7, .pum-container #gform_wrapper_4, .pum-container #gform_wrapper_7) .ginput_complex label { font-size: 14px; color: #555; }
:is(body.page-id-65511 #gform_wrapper_2, body.page-id-69745 #gform_wrapper_5, #join #gform_wrapper_7, .pum-container #gform_wrapper_4, .pum-container #gform_wrapper_7) input:is([type="text"], [type="email"], [type="tel"], [type="number"]), :is(body.page-id-65511 #gform_wrapper_2, body.page-id-69745 #gform_wrapper_5, #join #gform_wrapper_7, .pum-container #gform_wrapper_4, .pum-container #gform_wrapper_7) select, :is(body.page-id-65511 #gform_wrapper_2, body.page-id-69745 #gform_wrapper_5, #join #gform_wrapper_7, .pum-container #gform_wrapper_4, .pum-container #gform_wrapper_7) textarea { min-height: 46px; border: 2px solid var(--mojo-ink); border-radius: 8px; background-color: #fff; font-family: inherit; font-size: 17px; color: var(--mojo-ink); padding: 0 14px; box-shadow: none; }
:is(body.page-id-65511 #gform_wrapper_2, body.page-id-69745 #gform_wrapper_5, #join #gform_wrapper_7, .pum-container #gform_wrapper_4, .pum-container #gform_wrapper_7) select { padding-right: 32px; }
:is(body.page-id-65511 #gform_wrapper_2, body.page-id-69745 #gform_wrapper_5, #join #gform_wrapper_7, .pum-container #gform_wrapper_4, .pum-container #gform_wrapper_7) textarea { height: 140px; min-height: 0; padding: 10px 14px; }
:is(body.page-id-65511 #gform_wrapper_2, body.page-id-69745 #gform_wrapper_5, #join #gform_wrapper_7, .pum-container #gform_wrapper_4, .pum-container #gform_wrapper_7) :is(input, select, textarea):focus { outline: none; border-color: var(--mojo-pink); box-shadow: 0 0 0 3px rgba(253,49,159,.25); }
:is(body.page-id-65511 #gform_wrapper_2, body.page-id-69745 #gform_wrapper_5, #join #gform_wrapper_7, .pum-container #gform_wrapper_4, .pum-container #gform_wrapper_7) .ginput_container_date:has(> input) { max-width: 300px; }
:is(body.page-id-65511 #gform_wrapper_2, body.page-id-69745 #gform_wrapper_5, #join #gform_wrapper_7, .pum-container #gform_wrapper_4, .pum-container #gform_wrapper_7) .ginput_container_date > input { width: 100%; }
/* choice tiles */
  :is(body.page-id-65511 #gform_wrapper_2, body.page-id-69745 #gform_wrapper_5, #join #gform_wrapper_7, .pum-container #gform_wrapper_4, .pum-container #gform_wrapper_7) :is(.gfield_radio, .gfield_checkbox) { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
:is(body.page-id-65511 #gform_wrapper_2, body.page-id-69745 #gform_wrapper_5, #join #gform_wrapper_7, .pum-container #gform_wrapper_4, .pum-container #gform_wrapper_7) .gchoice, :is(body.page-id-65511 #gform_wrapper_2, body.page-id-69745 #gform_wrapper_5, #join #gform_wrapper_7, .pum-container #gform_wrapper_4, .pum-container #gform_wrapper_7) .ginput_container_consent { position: relative; margin: 0; display: block; }
:is(body.page-id-65511 #gform_wrapper_2, body.page-id-69745 #gform_wrapper_5, #join #gform_wrapper_7, .pum-container #gform_wrapper_4, .pum-container #gform_wrapper_7) :is(.gchoice, .ginput_container_consent) > input:is([type="radio"], [type="checkbox"]) { position: absolute; left: 13px; top: 50%; transform: translateY(-50%); margin: 0; z-index: 1; width: 18px; height: 18px; accent-color: var(--mojo-ink); }
:is(body.page-id-65511 #gform_wrapper_2, body.page-id-69745 #gform_wrapper_5, #join #gform_wrapper_7, .pum-container #gform_wrapper_4, .pum-container #gform_wrapper_7) :is(.gchoice, .ginput_container_consent) > label { display: flex; align-items: center; width: 100%; max-width: none; min-height: 44px; margin: 0; padding: 8px 12px 8px 44px; border: 2px solid var(--mojo-ink); border-radius: 8px; background: #fff; font-size: 16px; line-height: 1.2; color: var(--mojo-ink); cursor: pointer; transition: background-color .15s ease; }
:is(body.page-id-65511 #gform_wrapper_2, body.page-id-69745 #gform_wrapper_5, #join #gform_wrapper_7, .pum-container #gform_wrapper_4, .pum-container #gform_wrapper_7) :is(.gchoice, .ginput_container_consent) > label:hover { background: var(--mojo-tint); }
:is(body.page-id-65511 #gform_wrapper_2, body.page-id-69745 #gform_wrapper_5, #join #gform_wrapper_7, .pum-container #gform_wrapper_4, .pum-container #gform_wrapper_7) :is(.gchoice, .ginput_container_consent) > input:checked + label { background: var(--mojo-yellow); }
:is(body.page-id-65511 #gform_wrapper_2, body.page-id-69745 #gform_wrapper_5, #join #gform_wrapper_7, .pum-container #gform_wrapper_4, .pum-container #gform_wrapper_7) :is(.gchoice, .ginput_container_consent) > input:focus-visible + label { outline: 3px solid var(--mojo-pink); outline-offset: 2px; }
:is(body.page-id-65511 #gform_wrapper_2, body.page-id-69745 #gform_wrapper_5, #join #gform_wrapper_7, .pum-container #gform_wrapper_4, .pum-container #gform_wrapper_7) :is(.gchoice, .ginput_container_consent) > input:focus { box-shadow: none; outline: none; }
:is(body.page-id-65511 #gform_wrapper_2, body.page-id-69745 #gform_wrapper_5, #join #gform_wrapper_7, .pum-container #gform_wrapper_4, .pum-container #gform_wrapper_7).gform-theme--framework .gchoice > input[type="radio"]:checked::before { background-color: var(--mojo-ink); }
:is(body.page-id-65511 #gform_wrapper_2, body.page-id-69745 #gform_wrapper_5, #join #gform_wrapper_7, .pum-container #gform_wrapper_4, .pum-container #gform_wrapper_7).gform-theme--framework .gchoice > input { border: 2px solid var(--mojo-ink); background-color: #fff; }
:is(body.page-id-65511 #gform_wrapper_2, body.page-id-69745 #gform_wrapper_5, #join #gform_wrapper_7, .pum-container #gform_wrapper_4, .pum-container #gform_wrapper_7).gform-theme--framework .gchoice > input[type="checkbox"]:checked { background-color: var(--mojo-ink); border-color: var(--mojo-ink); }
:is(body.page-id-65511 #gform_wrapper_2, body.page-id-69745 #gform_wrapper_5, #join #gform_wrapper_7, .pum-container #gform_wrapper_4, .pum-container #gform_wrapper_7).gform-theme--framework .gchoice > input[type="checkbox"]:checked::before { color: #fff; }
:is(body.page-id-65511 #gform_wrapper_2, body.page-id-69745 #gform_wrapper_5, #join #gform_wrapper_7, .pum-container #gform_wrapper_4, .pum-container #gform_wrapper_7) .gfield-choice-toggle-all { grid-column: 1 / -1; margin-top: 2px; }
:is(body.page-id-65511 #gform_wrapper_2, body.page-id-69745 #gform_wrapper_5, #join #gform_wrapper_7, .pum-container #gform_wrapper_4, .pum-container #gform_wrapper_7) .gfield_choice_all_toggle { background: transparent; color: var(--mojo-ink); border: 2px solid var(--mojo-ink); border-radius: 5px; font-family: inherit; font-size: 14px; text-transform: uppercase; padding: 6px 14px; min-height: 0; box-shadow: none; }
:is(body.page-id-65511 #gform_wrapper_2, body.page-id-69745 #gform_wrapper_5, #join #gform_wrapper_7, .pum-container #gform_wrapper_4, .pum-container #gform_wrapper_7) .gfield_choice_all_toggle:hover { background: var(--mojo-ink); color: #fff; }
/* submit */
  :is(body.page-id-65511 #gform_wrapper_2, body.page-id-69745 #gform_wrapper_5, #join #gform_wrapper_7, .pum-container #gform_wrapper_4, .pum-container #gform_wrapper_7) .gform_footer { margin-top: 26px; padding: 22px 0 0; border-top: 2px dashed rgba(28,28,28,.25); display: flex; justify-content: center; }
:is(body.page-id-65511 #gform_wrapper_2, body.page-id-69745 #gform_wrapper_5, #join #gform_wrapper_7, .pum-container #gform_wrapper_4, .pum-container #gform_wrapper_7) .gform_footer :is(input[type="submit"], button) { width: auto; background: var(--mojo-yellow); color: var(--mojo-ink); border: 2px solid var(--mojo-ink); border-radius: 5px; font-family: inherit; font-size: 22px; line-height: 1; text-transform: uppercase; padding: 14px 40px; min-width: 240px; box-shadow: none; transition: transform .15s ease, box-shadow .15s ease; }
:is(body.page-id-65511 #gform_wrapper_2, body.page-id-69745 #gform_wrapper_5, #join #gform_wrapper_7, .pum-container #gform_wrapper_4, .pum-container #gform_wrapper_7) .gform_footer :is(input[type="submit"], button):hover { transform: translate(-2px, -2px); box-shadow: 4px 4px 0 var(--mojo-ink); }
/* errors */
  :is(body.page-id-65511 #gform_wrapper_2, body.page-id-69745 #gform_wrapper_5, #join #gform_wrapper_7, .pum-container #gform_wrapper_4, .pum-container #gform_wrapper_7) .gfield_error :is(input:is([type="text"], [type="email"], [type="tel"]), select, textarea), :is(body.page-id-65511 #gform_wrapper_2, body.page-id-69745 #gform_wrapper_5, #join #gform_wrapper_7, .pum-container #gform_wrapper_4, .pum-container #gform_wrapper_7) .gfield_error :is(.gchoice, .ginput_container_consent) > label { border-color: #c02b0a; }
:is(body.page-id-65511 #gform_wrapper_2, body.page-id-69745 #gform_wrapper_5, #join #gform_wrapper_7, .pum-container #gform_wrapper_4, .pum-container #gform_wrapper_7) .gform_validation_errors { border-radius: 8px; }
/* 3-column choices: Academy stay length + surf level; product popup trip length + destinations */
:is(#join #gform_wrapper_7, .pum-container #gform_wrapper_7) :is(#field_7_16, #field_7_15) .gfield_radio { grid-template-columns: repeat(3, minmax(0, 1fr)); }
:is(#gform_wrapper_4, #gform_wrapper_7) #field_4_32 .gfield_radio { grid-template-columns: 1fr; gap: 6px; }
/* product popup (form 4): "Your trip" heading like /surf-now/ */
.pum-container #gform_wrapper_4 #field_4_2::after { content: "Your trip"; display: block; margin-top: 26px; padding-top: 22px; border-top: 2px dashed rgba(28,28,28,.25); font-size: 24px; line-height: 1; text-transform: uppercase; color: #1c1c1c; }
.pum-container #gform_wrapper_4 .gsection_title { padding-bottom: 0; }
/* popups: a little tighter */
:is(.pum-container #gform_wrapper_4, .pum-container #gform_wrapper_7) .gform_fields { row-gap: 18px; }
:is(.pum-container #gform_wrapper_4, .pum-container #gform_wrapper_7) .gfield_label { font-size: 17px; }
/* footer Subscribe (form 3) on the dark footer */
#gform_wrapper_3 .gform_required_legend { display: none; }
#gform_wrapper_3 .gform_fields { row-gap: 14px; }
#gform_wrapper_3 #field_3_3, #gform_wrapper_3 #field_3_5 { grid-column: 1 / -1; }
#gform_wrapper_3 .gfield_label { display: block; font-size: 17px; line-height: 1.25; font-weight: 400; margin-bottom: 8px; }
#gform_wrapper_3 .gfield_label .gfield_required { display: inline; margin-left: 4px; }
#gform_wrapper_3 .gfield_required_asterisk { color: #fd319f; }
#gform_wrapper_3 input[type="email"] { width: 100%; min-height: 46px; border: 2px solid #fffbeb; border-radius: 8px; background: transparent; font-family: inherit; font-size: 17px; color: #fffbeb; padding: 0 14px; box-shadow: none; }
#gform_wrapper_3 input[type="email"]::placeholder { color: rgba(255,251,235,.6); }
#gform_wrapper_3 input[type="email"]:focus { outline: none; border-color: #ffb524; box-shadow: 0 0 0 3px rgba(255,181,36,.3); }
#gform_wrapper_3 .gfield_radio { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
#gform_wrapper_3 .gchoice { position: relative; margin: 0; }
#gform_wrapper_3 .gchoice > input { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); margin: 0; width: 16px; height: 16px; accent-color: #1c1c1c; }
#gform_wrapper_3 .gchoice > label { display: flex; align-items: center; width: 100%; max-width: none; min-height: 42px; margin: 0; padding: 6px 10px 6px 38px; border: 2px solid #fffbeb; border-radius: 8px; font-size: 15px; color: #fffbeb; cursor: pointer; transition: background-color .15s ease; }
#gform_wrapper_3 .gchoice > label:hover { background: rgba(255,251,235,.1); }
#gform_wrapper_3 .gchoice > input:checked + label { background: #ffb524; border-color: #ffb524; color: #1c1c1c; }
#gform_wrapper_3 .gchoice > input:focus-visible + label { outline: 3px solid #fd319f; outline-offset: 2px; }
#gform_wrapper_3 .gform_footer { margin-top: 16px; padding: 0; }
#gform_wrapper_3 .gform_footer :is(input[type="submit"], button) { width: 100%; min-height: 48px; background: #fd319f; color: #1c1c1c; border: 2px solid #fd319f; border-radius: 5px; font-family: inherit; font-size: 20px; line-height: 1; text-transform: uppercase; box-shadow: none; transition: background-color .15s ease, border-color .15s ease; }
#gform_wrapper_3 .gform_footer :is(input[type="submit"], button):hover { background: #ffb524; border-color: #ffb524; }
@media (max-width: 600px) {
  :is(body.page-id-65511 #gform_2, body.page-id-69745 #gform_5, #join #gform_7) { padding: 22px 16px 24px; border-radius: 12px; box-shadow: 4px 4px 0 #ffb524; }
  :is(#pum-70960, #pum-70468) .pum-container { padding: 18px 16px 20px; box-shadow: 4px 4px 0 #ffb524; }
  :is(body.page-id-65511 #gform_wrapper_2, body.page-id-69745 #gform_wrapper_5, #join #gform_wrapper_7, .pum-container #gform_wrapper_4, .pum-container #gform_wrapper_7) .ginput_container--name { flex-wrap: nowrap; column-gap: 10px; }
  :is(body.page-id-65511 #gform_wrapper_2, body.page-id-69745 #gform_wrapper_5, #join #gform_wrapper_7, .pum-container #gform_wrapper_4, .pum-container #gform_wrapper_7) .ginput_container--name > span { flex: 1 1 0; min-width: 0; }
  :is(body.page-id-65511 #gform_wrapper_2, body.page-id-69745 #gform_wrapper_5, #join #gform_wrapper_7, .pum-container #gform_wrapper_4, .pum-container #gform_wrapper_7) :is(.gchoice, .ginput_container_consent) > label { padding-left: 38px; font-size: 15px; }
  :is(body.page-id-65511 #gform_wrapper_2, body.page-id-69745 #gform_wrapper_5, #join #gform_wrapper_7, .pum-container #gform_wrapper_4, .pum-container #gform_wrapper_7) :is(.gchoice, .ginput_container_consent) > input { left: 11px; }
  :is(body.page-id-65511 #gform_wrapper_2, body.page-id-69745 #gform_wrapper_5, #join #gform_wrapper_7, .pum-container #gform_wrapper_4, .pum-container #gform_wrapper_7) .ginput_container_date:has(> input) { max-width: none; }
  :is(body.page-id-65511 #gform_wrapper_2, body.page-id-69745 #gform_wrapper_5, #join #gform_wrapper_7, .pum-container #gform_wrapper_4, .pum-container #gform_wrapper_7) .gform_footer :is(input[type="submit"], button) { width: 100%; min-width: 0; }
  :is(#join #gform_wrapper_7, .pum-container #gform_wrapper_7) :is(#field_7_16, #field_7_15) .gfield_radio { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  :is(#join #gform_wrapper_7, .pum-container #gform_wrapper_7) :is(#field_7_16, #field_7_15) .gchoice > label { padding: 6px 6px 6px 32px; font-size: 14px; }
  :is(#join #gform_wrapper_7, .pum-container #gform_wrapper_7) :is(#field_7_16, #field_7_15) .gchoice > input { left: 9px; }
}
/* bold radios/checkboxes for the older-style forms (2, 5, 7 inline, 3) to match the /surf-now/ ones */
:is(body.page-id-65511 #gform_wrapper_2, body.page-id-69745 #gform_wrapper_5, #join #gform_wrapper_7) :is(.gchoice, .ginput_container_consent) > input:is([type="radio"], [type="checkbox"]),
#gform_wrapper_3 .gchoice > input[type="radio"] {
  appearance: none; -webkit-appearance: none; width: 20px; height: 20px; border: 2px solid #1c1c1c; border-radius: 50%; background: #fff; cursor: pointer;
}
:is(body.page-id-65511 #gform_wrapper_2, body.page-id-69745 #gform_wrapper_5, #join #gform_wrapper_7) :is(.gchoice, .ginput_container_consent) > input[type="checkbox"] { border-radius: 4px; }
:is(body.page-id-65511 #gform_wrapper_2, body.page-id-69745 #gform_wrapper_5, #join #gform_wrapper_7) .gchoice > input[type="radio"]:checked,
#gform_wrapper_3 .gchoice > input[type="radio"]:checked { background: #1c1c1c; box-shadow: inset 0 0 0 4px #fff; }
:is(body.page-id-65511 #gform_wrapper_2, body.page-id-69745 #gform_wrapper_5, #join #gform_wrapper_7) :is(.gchoice, .ginput_container_consent) > input[type="checkbox"]:checked {
  background: #1c1c1c url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-7' fill='none' stroke='white' stroke-width='2.2'/%3E%3C/svg%3E") center / 14px no-repeat;
}
#gform_wrapper_3 .gchoice > input[type="radio"] { border-color: #fffbeb; background: transparent; }
#gform_wrapper_3 .gchoice > input[type="radio"]:checked { border-color: #1c1c1c; background: #1c1c1c; box-shadow: inset 0 0 0 4px #ffb524; }
/* date dropdowns (Academy form): keep Day / Month / Year readable */
#join #gform_wrapper_7 #field_7_7 .ginput_container_date { flex: 0 0 auto; width: auto; max-width: none; }
#join #gform_wrapper_7 #field_7_7 select { width: auto; min-width: 104px; padding: 0 30px 0 12px; }
#join #gform_wrapper_7 #field_7_7 .gfield_date_dropdown_month select { min-width: 132px; }
/* selects: one consistent arrow */
:is(body.page-id-65511 #gform_wrapper_2, body.page-id-69745 #gform_wrapper_5, #join #gform_wrapper_7, .pum-container #gform_wrapper_4, .pum-container #gform_wrapper_7) select {
  appearance: none; -webkit-appearance: none; cursor: pointer;
  background-color: #fff; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%231c1c1c' stroke-width='2'/%3E%3C/svg%3E") !important; background-position: right 12px center !important; background-size: 12px 8px !important; background-repeat: no-repeat !important;
}
/* Academy popup: Day / Month / Year on one row */
.pum-container #gform_wrapper_7 #field_7_7 .ginput_complex { margin: 0; display: grid; grid-template-columns: 1fr 1.3fr 1fr; gap: 8px; }
.pum-container #gform_wrapper_7 #field_7_7 .ginput_container_date { width: auto; max-width: none; padding: 0; margin: 0; }
.pum-container #gform_wrapper_7 #field_7_7 select { width: 100%; padding: 0 30px 0 12px; }
/* popups: full-width submit in both */
:is(#pum-70960 #gform_wrapper_4, #pum-70468 #gform_wrapper_7) .gform_footer :is(input[type="submit"], button) { width: 100%; min-width: 0; }
/* invisible reCAPTCHA field takes no space */
:is(#join #gform_wrapper_7, .pum-container #gform_wrapper_7, body.page-id-65511 #gform_wrapper_2, #gform_wrapper_3) .gfield--type-captcha:has([data-size="invisible"]) { position: absolute; }
/* phones: Academy form Day / Month / Year on one row */
@media (max-width: 600px) {
  #join #gform_wrapper_7 #field_7_7 .ginput_complex { margin: 0; display: grid; grid-template-columns: 1fr 1.3fr 1fr; gap: 8px; }
  #join #gform_wrapper_7 #field_7_7 .ginput_container_date { padding: 0; margin: 0; }
  #join #gform_wrapper_7 #field_7_7 select, #join #gform_wrapper_7 #field_7_7 .gfield_date_dropdown_month select { width: 100%; min-width: 0; }
}
/* End other forms */

/* Contact page layout (20 Sept 2026): /contact-mojo/ (page 65511). Form card styling is in "Other forms" above; this block does the page around it. */
body.page-id-65511 { --cp-ink: #1c1c1c; --cp-yellow: #ffb524; --cp-pink: #fd319f; }
/* top section: less empty space under the header, centred 1280px layout, form left + contact card right */
body.page-id-65511 .wp-block-post-content > .wp-block-columns:first-child { padding-top: 40px !important; padding-bottom: 64px; max-width: 1136px; margin-inline: auto; gap: 48px; align-items: flex-start; }
body.page-id-65511 .wp-block-post-content > .wp-block-columns:first-child > .wp-block-column:first-child { flex: 1 1 0 !important; min-width: 0; }
body.page-id-65511 .wp-block-post-content > .wp-block-columns:first-child > .wp-block-column:first-child > p { font-size: 18px; line-height: 1.45; max-width: 620px; }
/* contact details card */
body.page-id-65511 .wp-block-post-content > .wp-block-columns:first-child > .wp-block-column:last-child { flex: 0 0 400px !important; align-self: flex-start; position: sticky; top: 160px; margin-top: 210px; background: #fff; border: 2px solid var(--cp-ink); border-radius: 14px; box-shadow: 6px 6px 0 var(--cp-pink); padding: 28px 28px 26px; }
body.page-id-65511 .wp-block-post-content > .wp-block-columns:first-child > .wp-block-column:last-child::before { content: "Other ways to reach us"; display: block; font-family: "Londrina Solid", sans-serif; font-size: 30px; line-height: 1; text-transform: uppercase; color: var(--cp-ink); margin-bottom: 6px; }
body.page-id-65511 .wp-block-post-content > .wp-block-columns:first-child > .wp-block-column:last-child > .wp-block-group { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; margin: 0; padding: 14px 0; border-bottom: 2px dashed rgba(28,28,28,.2); }
body.page-id-65511 .wp-block-post-content > .wp-block-columns:first-child > .wp-block-column:last-child > .wp-block-group > h6 { width: auto !important; flex-basis: auto !important; margin: 0; font-size: 14px; letter-spacing: .04em; color: #6b6b6b; }
body.page-id-65511 .wp-block-post-content > .wp-block-columns:first-child > .wp-block-column:last-child > .wp-block-group > p { margin: 0; font-size: 19px; line-height: 1.3; width: auto !important; max-width: none !important; flex-basis: auto !important; }
body.page-id-65511 .wp-block-post-content > .wp-block-columns:first-child > .wp-block-column:last-child > .wp-block-group > p a { color: var(--cp-ink); text-decoration: underline; text-decoration-color: var(--cp-yellow); text-decoration-thickness: 3px; text-underline-offset: 4px; }
body.page-id-65511 .wp-block-post-content > .wp-block-columns:first-child > .wp-block-column:last-child > .wp-block-group > p a:hover { color: var(--cp-pink); text-decoration-color: var(--cp-pink); }
/* social icons: round buttons */
body.page-id-65511 .wp-block-post-content > .wp-block-columns:first-child > .wp-block-column:last-child > .wp-block-group:last-child { flex-direction: row; gap: 10px; border-bottom: 0; padding: 18px 0 0; }
body.page-id-65511 .wp-block-post-content > .wp-block-columns:first-child > .wp-block-column:last-child > .wp-block-group:last-child > figure { margin: 0; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; border: 2px solid var(--cp-ink); border-radius: 50%; background: #fff; transition: background-color .15s ease, transform .15s ease; }
body.page-id-65511 .wp-block-post-content > .wp-block-columns:first-child > .wp-block-column:last-child > .wp-block-group:last-child > figure:has(a:hover) { background: var(--cp-yellow); transform: translateY(-2px); }
body.page-id-65511 .wp-block-post-content > .wp-block-columns:first-child > .wp-block-column:last-child > .wp-block-group:last-child > figure a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; border-radius: 50%; }
body.page-id-65511 .wp-block-post-content > .wp-block-columns:first-child > .wp-block-column:last-child > .wp-block-group:last-child > figure img { width: 20px !important; height: 20px !important; }

/* locations: one centred set of white cards (4 + 3 on desktop) with a heading */
body.page-id-65511 .ticss-7d7534ba { display: flex; flex-wrap: wrap; justify-content: center; gap: 28px 24px; padding: 72px max(32px, calc((100% - 1280px) / 2)) 88px !important; }
body.page-id-65511 .ticss-7d7534ba::before { content: "Our camps & offices"; flex: 0 0 100%; text-align: center; font-family: "Londrina Solid", sans-serif; font-size: 56px; line-height: 1; text-transform: uppercase; color: var(--cp-ink); margin-bottom: 12px; }
body.page-id-65511 .ticss-7d7534ba > .minimly-grid--wrapper { display: contents; }
body.page-id-65511 .ticss-7d7534ba > .minimly-grid--wrapper > .wp-block-column { flex: 0 1 calc((100% - 72px) / 4); min-width: 0; margin: 0 !important; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 10px; background: #fff; border: 2px solid var(--cp-ink); border-radius: 14px; box-shadow: 6px 6px 0 var(--cp-ink); padding: 26px 20px 24px; }
body.page-id-65511 .ticss-7d7534ba > .minimly-grid--wrapper > .wp-block-column > * { margin: 0 !important; }
body.page-id-65511 .ticss-7d7534ba > .minimly-grid--wrapper > .wp-block-column > figure { height: 80px; display: flex; align-items: center; justify-content: center; margin-bottom: 4px !important; }
body.page-id-65511 .ticss-7d7534ba > .minimly-grid--wrapper > .wp-block-column > figure img { max-height: 80px; width: auto; }
body.page-id-65511 .ticss-7d7534ba > .minimly-grid--wrapper > .wp-block-column > h4 { font-size: 24px; line-height: 1.05; }
body.page-id-65511 .ticss-7d7534ba > .minimly-grid--wrapper > .wp-block-column > p { max-width: 300px; font-size: 16px; line-height: 1.35; }
body.page-id-65511 .ticss-7d7534ba > .minimly-grid--wrapper > .wp-block-column > p:last-of-type { font-weight: 700; }
body.page-id-65511 .ticss-7d7534ba > .minimly-grid--wrapper > .wp-block-column > .wp-block-buttons { margin-top: auto !important; padding-top: 8px; width: 100%; }
body.page-id-65511 .ticss-7d7534ba > .minimly-grid--wrapper > .wp-block-column .wp-block-button { width: 100%; }
body.page-id-65511 .ticss-7d7534ba > .minimly-grid--wrapper > .wp-block-column .wp-block-button__link { width: 100%; justify-content: center; border: 2px solid var(--cp-ink) !important; border-radius: 8px; transition: transform .15s ease, box-shadow .15s ease; }
body.page-id-65511 .ticss-7d7534ba > .minimly-grid--wrapper > .wp-block-column .wp-block-button__link:hover { transform: translate(-2px, -2px); box-shadow: 4px 4px 0 var(--cp-ink); }

/* tablets / small laptops */
@media (max-width: 1100px) {
  body.page-id-65511 .wp-block-post-content > .wp-block-columns:first-child { gap: 32px; }
  body.page-id-65511 .wp-block-post-content > .wp-block-columns:first-child > .wp-block-column:last-child { flex-basis: 340px !important; margin-top: 190px; }
  body.page-id-65511 .ticss-7d7534ba > .minimly-grid--wrapper > .wp-block-column { flex-basis: calc((100% - 48px) / 3); }
}
/* stacked (under 782px): contact card under the form */
@media (max-width: 781px) {
  body.page-id-65511 .wp-block-post-content > .wp-block-columns:first-child { padding: 8px 16px 40px !important; gap: 8px; }
  body.page-id-65511 .wp-block-post-content > .wp-block-columns:first-child > .wp-block-column:first-child { flex: 0 0 100% !important; padding: 32px 0 16px !important; }
  body.page-id-65511 .wp-block-post-content > .wp-block-columns:first-child > .wp-block-column:last-child { flex: 0 0 100% !important; width: 100%; margin: 0; max-width: 640px; position: static; padding: 22px 20px 20px; box-shadow: 4px 4px 0 var(--cp-pink); }
  body.page-id-65511 .wp-block-post-content > .wp-block-columns:first-child > .wp-block-column:last-child::before { font-size: 26px; }
  body.page-id-65511 .ticss-7d7534ba { padding: 48px 16px 56px !important; gap: 16px; }
  body.page-id-65511 .ticss-7d7534ba::before { font-size: 40px; margin-bottom: 8px; }
  body.page-id-65511 .ticss-7d7534ba > .minimly-grid--wrapper > .wp-block-column { flex-basis: calc((100% - 16px) / 2); }
}
/* phones: compact cards, icon on the left */
@media (max-width: 600px) {
  body.page-id-65511 .wp-block-post-content > .wp-block-columns:first-child > .wp-block-column:first-child > p { font-size: 16px; }
  body.page-id-65511 .ticss-7d7534ba > .minimly-grid--wrapper > .wp-block-column { flex-basis: 100%; max-width: none; display: grid; grid-template-columns: 56px 1fr; column-gap: 14px; row-gap: 6px; align-items: start; text-align: left; padding: 18px 16px 16px; box-shadow: 4px 4px 0 var(--cp-ink); }
  body.page-id-65511 .ticss-7d7534ba > .minimly-grid--wrapper > .wp-block-column > figure { grid-column: 1; grid-row: 1 / span 3; height: 56px; margin: 0 !important; }
  body.page-id-65511 .ticss-7d7534ba > .minimly-grid--wrapper > .wp-block-column > figure img { max-height: 56px; max-width: 56px; }
  body.page-id-65511 .ticss-7d7534ba > .minimly-grid--wrapper > .wp-block-column > :not(figure):not(.wp-block-buttons) { grid-column: 2; text-align: left; max-width: none; }
  body.page-id-65511 .ticss-7d7534ba > .minimly-grid--wrapper > .wp-block-column > h4 { font-size: 22px; }
  body.page-id-65511 .ticss-7d7534ba > .minimly-grid--wrapper > .wp-block-column > p { font-size: 15px; }
  body.page-id-65511 .ticss-7d7534ba > .minimly-grid--wrapper > .wp-block-column > .wp-block-buttons { grid-column: 1 / -1; padding-top: 6px; }
}
/* End contact page layout */

/* Footer (20 Sep 2026, audit #23 + restyle, rev 2): the footer template part has a "More" column (Mojo Life, Photo Website, Jobs & Internships, Farm Jobs), a Call button under "Chat to a surfer" and a tagline under the logo. Rev 2 centres the top section: newsletter card first (heading left, form right, email + Subscribe on one row), then logo, tagline, socials and ASI badge centred underneath. Then five link columns and the bottom bar. The torn divider image is hidden. */
.footer-container { --ft-muted: rgba(255, 251, 235, .7); --ft-line: rgba(255, 251, 235, .14); }
/* Top section: one centred column */
.footer-container > .footer-top { flex-direction: column !important; flex-wrap: nowrap !important; align-items: center !important; gap: clamp(40px, 5vw, 64px) !important; }
.footer-container .footer-top > .wp-block-column { flex: 0 0 auto !important; width: 100%; margin: 0 !important; }
/* Newsletter card */
.footer-container .footer-top > .wp-block-column:last-child { order: -1; max-width: 1080px; display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); align-items: center; gap: 28px clamp(32px, 5vw, 64px); padding: clamp(28px, 4.5vw, 56px) !important; border: 1px solid var(--ft-line); border-radius: 24px; background: radial-gradient(120% 140% at 0% 0%, rgba(253, 49, 159, .20) 0%, rgba(253, 49, 159, 0) 55%), radial-gradient(90% 120% at 100% 100%, rgba(255, 181, 36, .12) 0%, rgba(255, 181, 36, 0) 55%), rgba(255, 251, 235, .04); box-shadow: 0 24px 60px rgba(0, 0, 0, .25); }
.footer-container .footer-top > .wp-block-column:last-child > * { margin: 0 !important; }
.footer-container .footer-top > .wp-block-column:last-child h3 { font-size: clamp(28px, 3.2vw, 44px) !important; line-height: 1.05 !important; letter-spacing: .005em; text-wrap: balance; }
.footer-container .footer-top > .wp-block-column:last-child h3::before { content: "Newsletter"; display: block; width: max-content; margin-bottom: 16px; padding: 5px 12px; border-radius: 999px; background: var(--wp--preset--color--secondary); color: var(--wp--preset--color--foreground); font-size: 13px; line-height: 1.2; letter-spacing: .08em; }
.footer-container .footer-top .gform_wrapper { margin: 0 !important; }
.footer-container .footer-top .gform_wrapper form { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 10px; row-gap: 18px; align-items: start; }
.footer-container .footer-top .gform_wrapper .gform-body,
.footer-container .footer-top .gform_wrapper .gform_fields { display: contents !important; }
.footer-container .footer-top .gform_wrapper .gfield--type-email { grid-column: 1 !important; grid-row: 1 !important; }
.footer-container .footer-top .gform_wrapper .gform_footer { grid-column: 2 !important; grid-row: 1 !important; margin: 0 !important; padding: 0 !important; }
.footer-container .footer-top .gform_wrapper .gfield--type-choice { grid-column: 1 / -1 !important; grid-row: 2 !important; margin: 0 !important; }
.footer-container .footer-top .gform_wrapper .gform_validation_errors,
.footer-container .footer-top .gform_wrapper .gform_confirmation_message { grid-column: 1 / -1 !important; }
.footer-container .footer-top .gform_wrapper .gfield--type-hidden,
.footer-container .footer-top .gform_wrapper .gform_validation_container,
.footer-container .footer-top .gform_wrapper .gfield--type-captcha { grid-column: 1 / -1 !important; }
.footer-container .footer-top .gform_wrapper input[type="email"] { height: 54px !important; box-sizing: border-box !important; border-radius: 12px !important; background: rgba(255, 251, 235, .06) !important; padding: 0 16px !important; }
.footer-container .footer-top .gform_wrapper .gform_footer .gform_button { height: 54px !important; box-sizing: border-box !important; margin: 0 !important; width: auto !important; padding: 0 28px !important; border-radius: 12px !important; white-space: nowrap; transition: transform .15s, box-shadow .15s; }
.footer-container .footer-top .gform_wrapper .gform_footer .gform_button:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(253, 49, 159, .35); }
.footer-container .footer-top .gform_wrapper .gfield--type-choice legend { color: var(--ft-muted); font-size: 15px !important; margin-bottom: 10px !important; }
.footer-container .footer-top .gform_wrapper .gfield_radio { display: grid !important; grid-template-columns: 1fr 1fr; gap: 10px; }
.footer-container .footer-top .gform_wrapper .gfield_radio .gchoice { margin: 0 !important; width: auto !important; }
.footer-container .footer-top .gform_wrapper .gfield_radio label { border-radius: 12px !important; }
/* Brand block, centred under the card */
.footer-container .footer-top > .wp-block-column:first-child { max-width: 720px; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 18px; }
.footer-container .footer-top > .wp-block-column:first-child > * { margin: 0 !important; }
.footer-container .footer-top > .wp-block-column:first-child > .wp-block-image:first-child img { width: 220px; max-width: 100%; height: auto; }
.footer-container .footer-tagline { color: var(--ft-muted); font-size: 17px; line-height: 1.5; max-width: 40ch; }
.footer-container .footer-top > .wp-block-column:first-child > .wp-block-group { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
.footer-container .footer-top > .wp-block-column:first-child > .wp-block-group > figure { margin: 0 !important; }
.footer-container .footer-top > .wp-block-column:first-child > .wp-block-group a { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; border: 1px solid var(--ft-line); background: rgba(255, 251, 235, .05); transition: background-color .2s, border-color .2s, transform .2s; }
.footer-container .footer-top > .wp-block-column:first-child > .wp-block-group a:hover { background: var(--wp--preset--color--primary); border-color: var(--wp--preset--color--primary); transform: translateY(-2px); }
.footer-container .footer-top > .wp-block-column:first-child > .wp-block-group img { width: 20px !important; height: 20px !important; }
.footer-container .footer-top > .wp-block-column:first-child > .wp-block-image:last-child { display: flex; justify-content: center; }
.footer-container .footer-top > .wp-block-column:first-child > .wp-block-image:last-child img { width: 84px !important; height: auto !important; }
.footer-container > figure.wp-block-image.alignfull { display: none !important; }
/* Link columns */
.footer-container.footer-container .footer-navigation-container { display: grid !important; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 36px 28px; margin-top: clamp(40px, 5vw, 64px) !important; padding-top: clamp(36px, 4vw, 52px); border-top: 1px solid var(--ft-line); }
.footer-container .footer-navigation-container > .wp-block-column { margin: 0 !important; min-width: 0; }
.footer-container .footer-navigation-container h5 { color: var(--wp--preset--color--secondary) !important; font-size: 15px !important; letter-spacing: .06em; margin: 0 0 14px !important; }
.footer-container .footer-navigation-container ul { margin: 0 !important; font-size: 15px !important; line-height: 1.9 !important; }
.footer-container.footer-container .footer-navigation-container li a { color: var(--ft-muted) !important; text-decoration: none !important; transition: color .15s; }
.footer-container.footer-container .footer-navigation-container li a:hover { color: var(--wp--preset--color--background) !important; text-decoration: underline !important; text-decoration-color: var(--wp--preset--color--primary) !important; text-decoration-thickness: 2px !important; text-underline-offset: 4px; }
.footer-container .footer-call { margin: 16px 0 0 !important; }
.footer-container.footer-container .footer-call a { display: inline-flex; align-items: center; gap: 8px; padding: 9px 16px; border: 1.5px solid var(--wp--preset--color--primary); border-radius: 999px; color: var(--wp--preset--color--primary) !important; font-size: 14px; line-height: 1.2; text-decoration: none !important; white-space: nowrap; transition: background-color .15s, color .15s; }
.footer-container.footer-container .footer-call a:hover { background: var(--wp--preset--color--primary); color: var(--wp--preset--color--foreground) !important; }
.footer-container a:focus-visible { outline: 2px solid var(--wp--preset--color--secondary); outline-offset: 3px; border-radius: 4px; }
.footer-container > .wp-block-group:last-child { margin-top: clamp(40px, 5vw, 56px) !important; padding-top: 22px !important; border-top: 1px solid var(--ft-line); color: var(--ft-muted); font-size: 13px !important; row-gap: 8px; }
.footer-container > .wp-block-group:last-child a { color: var(--wp--preset--color--background) !important; }
@media (max-width: 1100px) {
  .footer-container.footer-container .footer-navigation-container { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 860px) {
  .footer-container .footer-top > .wp-block-column:last-child { grid-template-columns: minmax(0, 1fr); text-align: center; }
  .footer-container .footer-top > .wp-block-column:last-child h3::before { margin-left: auto; margin-right: auto; }
  .footer-container .footer-top .gform_wrapper .gfield--type-choice legend { text-align: center; width: 100%; }
}
@media (max-width: 781px) {
  .footer-container.footer-container .footer-navigation-container { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px 20px; }
  .footer-container > .wp-block-group:last-child { flex-direction: column; align-items: flex-start !important; }
}
@media (max-width: 480px) {
  .footer-container .footer-top .gform_wrapper form { grid-template-columns: minmax(0, 1fr); }
  .footer-container .footer-top .gform_wrapper .gform_footer { grid-column: 1 !important; grid-row: 3 !important; }
  .footer-container .footer-top .gform_wrapper .gfield--type-choice { grid-row: 2 !important; }
  .footer-container .footer-top .gform_wrapper .gform_footer .gform_button { width: 100% !important; }
}
/* Rev 3 (21 Sep 2026): on wide screens (1100px and up) the logo block and the newsletter card sit side by side on one line, centred together, logo block on the left. Inside the card the heading sits above the form until 1500px, then beside it. */
@media (min-width: 1100px) {
  .footer-container > .footer-top { flex-direction: row !important; justify-content: center !important; align-items: center !important; max-width: 1480px; margin-left: auto !important; margin-right: auto !important; gap: clamp(48px, 5vw, 96px) !important; }
  .footer-container .footer-top > .wp-block-column:first-child { order: 0; flex: 0 1 360px !important; width: auto; }
  .footer-container .footer-top > .wp-block-column:last-child { order: 1; flex: 1 1 0 !important; width: auto; max-width: 1020px; grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .footer-container .footer-top > .wp-block-column:last-child h3 { font-size: clamp(28px, 2.4vw, 38px) !important; }
}
@media (min-width: 1500px) {
  .footer-container .footer-top > .wp-block-column:last-child { grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); gap: 28px 48px; }
}
/* End footer */

/* === Destinations page redesign (21 Sept 2026) — /destinations/ (locations archive). Markup from WPCode snippet "Destinations page redesign". === */
body.mojo-destinations .wp-site-blocks>.wp-block-group:has(.mojo-dest){padding-bottom:clamp(48px,6vw,88px)}
body.mojo-destinations h1.double-heading{margin-bottom:0!important}
.mojo-dest{--md-pink:#fd319f;--md-yellow:#ffb524;--md-ink:#1c1c1c;--md-dark:#111;margin-top:14px}
.mojo-dest-intro{max-width:680px;font-size:1.05rem;line-height:1.5;margin:0 0 20px}
.mojo-dest-chips{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:22px;margin-bottom:32px;border-bottom:2px solid var(--md-dark)}
.mojo-dest-chip{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 18px;border-radius:999px;background:#fff;border:2px solid var(--md-dark);color:var(--md-ink);font-weight:700;font-size:.95rem;text-decoration:none!important;transition:background .15s,color .15s}
.mojo-dest-chip span{font-size:.8em;opacity:.65}
.mojo-dest-chip:hover{background:var(--md-yellow)}
.mojo-dest-chip.is-dark{background:var(--md-dark);color:#fff}
.mojo-dest-chip.is-dark:hover{background:var(--md-pink);border-color:var(--md-pink)}
.mojo-dest-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,2.4vw,36px);margin:0;padding:0}
.mojo-dest-card{display:flex;flex-direction:column;min-width:0;scroll-margin-top:190px}
.mojo-dest-media{position:relative;display:block;aspect-ratio:4/3;border-radius:12px;overflow:hidden;background:#eadfc2}
.mojo-dest-media img.mojo-dest-img{display:block;width:100%!important;height:100%!important;object-fit:cover;border-radius:0!important;transition:transform .4s ease}
.mojo-dest-card:hover .mojo-dest-media img{transform:scale(1.04)}
.mojo-dest-pill{position:absolute;left:12px;top:12px;max-width:calc(100% - 24px);padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.94);box-shadow:0 1px 4px rgba(0,0,0,.15);color:var(--md-dark);font-size:12px;font-weight:700;text-transform:uppercase;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mojo-dest-body{display:flex;flex-direction:column;flex:1;padding-top:16px}
.mojo-dest-title{margin:0 0 8px!important;font-size:clamp(1.8rem,2.4vw,2.3rem)!important;line-height:1!important;text-transform:uppercase}
.mojo-dest-title a{color:var(--md-ink)!important;text-decoration:none!important}
.mojo-dest-title a:hover{color:var(--md-pink)!important}
.mojo-dest-count{display:inline-block;margin-left:6px;font-size:1rem;vertical-align:middle;opacity:.55;white-space:nowrap}
.mojo-dest-pitch{margin:0 0 14px;font-size:1rem;line-height:1.5}
.mojo-dest-spots{list-style:none!important;display:flex;flex-wrap:wrap;gap:6px;margin:0 0 20px!important;padding:0!important}
.mojo-dest-spots li{margin:0!important;padding:0!important}
.mojo-dest-spots li::before{content:none!important}
.mojo-dest-spots a{display:inline-block;padding:3px 12px;border-radius:999px;background:rgba(17,17,17,.07);color:var(--md-ink)!important;font-size:.85rem;font-weight:700;text-decoration:none!important}
.mojo-dest-spots a:hover{background:var(--md-yellow)}
.mojo-dest-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px;margin-top:auto}
.mojo-dest-btn{display:inline-flex;align-items:center;height:44px;padding:0 22px;border-radius:5px;border:2px solid var(--md-ink);background:var(--md-yellow);color:var(--md-ink)!important;font-size:1rem;text-transform:uppercase;text-decoration:none!important;transition:transform .15s,box-shadow .15s}
.mojo-dest-btn:hover{transform:translate(-2px,-2px);box-shadow:3px 3px 0 var(--md-ink)}
.mojo-dest-link{color:var(--md-dark)!important;font-size:.95rem;text-decoration:underline!important;text-underline-offset:3px}
.mojo-dest-link:hover{color:var(--md-pink)!important}
.mojo-dest-help{margin-top:clamp(40px,5vw,64px)}
.mojo-dest-help-inner{display:flex;align-items:center;gap:12px 24px;background:var(--md-dark);color:#fff;border-radius:16px;padding:24px 28px}
.mojo-dest-help-inner p{margin:0;color:#fff}
.mojo-dest-help-title{color:var(--md-yellow)!important;font-size:1.6rem;text-transform:uppercase;white-space:nowrap}
.mojo-dest-help-btn{margin-left:auto;display:inline-flex;align-items:center;height:44px;padding:0 22px;border-radius:5px;border:2px solid var(--md-ink);background:var(--md-yellow);color:var(--md-ink)!important;text-transform:uppercase;white-space:nowrap;text-decoration:none!important}
.mojo-dest-help-btn:hover{background:#fff}
@media (max-width:999px){
 .mojo-dest-grid{grid-template-columns:1fr;gap:32px}
 .mojo-dest-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:center}
 .mojo-dest-body{padding-top:0}
 .mojo-dest-help-inner{flex-wrap:wrap}
 .mojo-dest-help-btn{margin-left:0}
}
@media (max-width:640px){
 .mojo-dest-chip{height:34px;padding:0 14px}
 .mojo-dest-card{display:flex;gap:0}
 .mojo-dest-body{padding-top:14px}
 .mojo-dest-help-inner{flex-direction:column;align-items:flex-start;padding:22px}
 .mojo-dest-help-title{white-space:normal}
}
/* === End Destinations page redesign === */

/* === Destination pages redesign (21 Sept 2026) — the /locations/ destination pages. Markup from WPCode snippet "Destination pages redesign". === */
.mojo-loc{--ml-pink:#fd319f;--ml-yellow:#ffb524;--ml-ink:#1c1c1c;--ml-dark:#111;--ml-cream:#fffbeb;max-width:1560px;margin:0 auto;padding:0 clamp(16px,3vw,40px) clamp(48px,6vw,88px)}
.mojo-loc img{display:block;max-width:100%}
.mojo-loc-hero{position:relative;margin:0 0 28px;border-radius:18px;overflow:hidden;min-height:clamp(420px,52vw,600px);display:flex;align-items:flex-end;background:#222}
.mojo-loc-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mojo-loc-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.15) 0%,rgba(0,0,0,.35) 45%,rgba(0,0,0,.82) 100%)}
.mojo-loc-hero-inner{position:relative;z-index:1;width:100%;max-width:760px;padding:clamp(24px,3vw,44px);color:#fff}
.mojo-loc-hero-inner *{color:#fff}
.mojo-loc-kicker{margin:0 0 10px!important;font-size:.85rem;text-transform:uppercase;letter-spacing:.04em;opacity:.85}
.mojo-loc-kicker a{color:#fff!important;text-decoration:underline!important;text-underline-offset:3px}
.mojo-loc-hero h1{margin:0 0 12px!important;font-size:clamp(2.6rem,6vw,5rem)!important;line-height:.95!important;color:var(--ml-yellow)!important;text-transform:uppercase}
.mojo-loc-intro{margin:0 0 16px!important;font-size:clamp(1rem,1.3vw,1.15rem);line-height:1.5;max-width:60ch}
.mojo-loc-facts{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px!important}
.mojo-loc-facts span{padding:4px 12px;border-radius:999px;background:rgba(255,255,255,.16);font-size:.85rem;font-weight:700;text-transform:uppercase}
.mojo-loc-cta{display:flex;flex-wrap:wrap;gap:12px;margin:0!important}
.mojo-loc-btn{display:inline-flex;align-items:center;height:46px;padding:0 22px;border-radius:5px;border:2px solid var(--ml-ink);background:var(--ml-yellow);color:var(--ml-ink)!important;font-size:1rem;text-transform:uppercase;text-decoration:none!important;transition:transform .15s,box-shadow .15s}
.mojo-loc-btn:hover{transform:translate(-2px,-2px);box-shadow:3px 3px 0 var(--ml-ink)}
.mojo-loc-btn.is-ghost{background:transparent;border-color:#fff;color:#fff!important}
.mojo-loc-btn.is-ghost:hover{background:#fff;color:var(--ml-ink)!important;box-shadow:none;transform:none}
.mojo-loc-jump{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:20px;margin-bottom:8px;border-bottom:2px solid var(--ml-dark)}
.mojo-loc-jump a{display:inline-flex;align-items:center;height:36px;padding:0 16px;border-radius:999px;border:2px solid var(--ml-dark);background:#fff;color:var(--ml-ink)!important;font-size:.9rem;font-weight:700;text-decoration:none!important}
.mojo-loc-jump a:hover{background:var(--ml-yellow)}
.mojo-loc-section{padding-top:clamp(36px,4.5vw,64px)}
.mojo-loc-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 20px;margin-bottom:22px}
.mojo-loc-head h2{margin:0!important;font-size:clamp(1.9rem,3.2vw,2.8rem)!important;line-height:1!important;text-transform:uppercase;color:var(--ml-ink)!important}
.mojo-loc-head p{margin:0!important;font-size:1rem;opacity:.75}
.mojo-loc-count{font-size:1rem;opacity:.5;vertical-align:middle}
.mojo-loc-link{color:var(--ml-dark)!important;font-size:.95rem;font-weight:700;text-decoration:underline!important;text-underline-offset:3px;white-space:nowrap}
.mojo-loc-link:hover{color:var(--ml-pink)!important}
.mojo-loc-head .mojo-loc-link{margin-left:auto}
.mojo-loc-pill{position:absolute;left:12px;top:12px;max-width:calc(100% - 24px);padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.94);box-shadow:0 1px 4px rgba(0,0,0,.15);color:var(--ml-dark);font-size:12px;font-weight:700;text-transform:uppercase;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mojo-loc-camps{display:grid;gap:clamp(24px,3vw,40px)}
.mojo-loc-camp{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(20px,2.5vw,36px);align-items:center}
.mojo-loc-camp:nth-child(even) .mojo-loc-camp-media{order:2}
.mojo-loc-camp-media{position:relative;display:block;aspect-ratio:4/3;border-radius:14px;overflow:hidden;background:#eadfc2}
.mojo-loc-camp-media img{width:100%!important;height:100%!important;object-fit:cover;border-radius:0!important;transition:transform .4s ease}
.mojo-loc-camp:hover .mojo-loc-camp-media img{transform:scale(1.04)}
.mojo-loc-camp-body h3{margin:0 0 10px!important;font-size:clamp(1.6rem,2.4vw,2.2rem)!important;line-height:1.05!important;text-transform:uppercase}
.mojo-loc-camp-body h3 a{color:var(--ml-ink)!important;text-decoration:none!important}
.mojo-loc-camp-body h3 a:hover{color:var(--ml-pink)!important}
.mojo-loc-camp-body p{margin:0 0 16px!important;font-size:1rem;line-height:1.55}
.mojo-loc-camp-links{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin:0!important}
.mojo-loc-link.is-external{color:var(--ml-pink)!important}
.mojo-loc-ways{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:clamp(16px,2vw,28px)}
.mojo-loc-way{display:flex;flex-direction:column;gap:6px;padding:22px;border-radius:14px;border:2px solid var(--ml-ink);background:#fff;color:var(--ml-ink)!important;text-decoration:none!important;transition:transform .15s,box-shadow .15s}
.mojo-loc-way:hover{transform:translate(-3px,-3px);box-shadow:5px 5px 0 var(--ml-pink)}
.mojo-loc-way-top{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ml-pink)}
.mojo-loc-way strong{font-size:1.5rem;line-height:1.05;text-transform:uppercase;font-weight:400}
.mojo-loc-way-meta{font-size:.9rem;font-weight:700;opacity:.6}
.mojo-loc-trips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,2vw,28px)}
.mojo-loc-trip{display:flex;flex-direction:column;color:var(--ml-ink)!important;text-decoration:none!important}
.mojo-loc-trip-media{position:relative;display:block;aspect-ratio:4/3;border-radius:12px;overflow:hidden;background:#eadfc2;margin-bottom:12px}
.mojo-loc-trip-media img{width:100%!important;height:100%!important;object-fit:cover;border-radius:0!important;transition:transform .4s ease}
.mojo-loc-trip:hover .mojo-loc-trip-media img{transform:scale(1.04)}
.mojo-loc-trip-title{font-size:1.15rem;line-height:1.15;text-transform:uppercase;margin-bottom:6px}
.mojo-loc-trip:hover .mojo-loc-trip-title{color:var(--ml-pink)}
.mojo-loc-trip-price{font-size:.95rem;font-weight:700}
.mojo-loc-trip-price em{font-style:normal;font-weight:400;opacity:.6;margin-left:6px}
.mojo-loc-trip-price del{opacity:.5;font-weight:400;margin-right:4px}
.mojo-loc-video{border-radius:16px;overflow:hidden}
.mojo-loc-video iframe{width:100%;aspect-ratio:16/9;height:auto;display:block;border:0}
.mojo-loc-help{margin-top:clamp(40px,5vw,64px)}
.mojo-loc-help-inner{display:flex;align-items:center;gap:12px 24px;background:var(--ml-dark);color:#fff;border-radius:16px;padding:24px 28px}
.mojo-loc-help-inner p{margin:0!important;color:#fff}
.mojo-loc-help-title{color:var(--ml-yellow)!important;font-size:1.6rem;text-transform:uppercase;white-space:nowrap}
.mojo-loc-help-btn{margin-left:auto;display:inline-flex;align-items:center;height:44px;padding:0 22px;border-radius:5px;border:2px solid var(--ml-ink);background:var(--ml-yellow);color:var(--ml-ink)!important;text-transform:uppercase;white-space:nowrap;text-decoration:none!important}
.mojo-loc-help-btn:hover{background:#fff}
.mojo-loc-other-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:clamp(16px,2vw,28px)}
.mojo-loc-other{position:relative;display:block;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#222;color:#fff!important;text-decoration:none!important}
.mojo-loc-other img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.mojo-loc-other:hover img{transform:scale(1.05)}
.mojo-loc-other span{position:absolute;inset:auto 0 0 0;z-index:1;padding:18px;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.75));font-size:1.5rem;text-transform:uppercase}
.mojo-loc-other em{font-style:normal}
/* Camp pages: link to the accommodation's own website */
.mojo-camp-site{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;max-width:1200px;margin:24px auto 0;padding:16px 22px;border-radius:14px;border:2px solid var(--ml-ink,#1c1c1c);background:#fff}
.mojo-camp-site p{margin:0!important;font-size:1.05rem}
.mojo-camp-site .mojo-loc-btn{margin-left:auto;--ml-ink:#1c1c1c;--ml-yellow:#ffb524}
@media (max-width:1100px){
 .mojo-loc-trips{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:820px){
 .mojo-loc-camp{grid-template-columns:1fr;gap:16px}
 .mojo-loc-camp:nth-child(even) .mojo-loc-camp-media{order:0}
 .mojo-loc-help-inner{flex-wrap:wrap}
 .mojo-loc-help-btn{margin-left:0}
 .mojo-camp-site .mojo-loc-btn{margin-left:0}
}
@media (max-width:640px){
 .mojo-loc-hero{min-height:440px;border-radius:14px}
 .mojo-loc-help-inner{flex-direction:column;align-items:flex-start;padding:22px}
 .mojo-loc-help-title{white-space:normal}
 .mojo-loc-cta .mojo-loc-btn{flex:1 1 100%;justify-content:center}
}
/* === End destination pages redesign === */

/* === Destination pages, part 2 (21 Sept 2026): full-width hero, hand-drawn icons, camp pages and the /surf-camps/ archive === */
body.mojo-location .wp-site-blocks,body.mojo-camp-page .wp-site-blocks,body.mojo-camps-archive-page .wp-site-blocks{overflow-x:clip}
.mojo-loc-hero{width:auto;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);border-radius:0;min-height:clamp(460px,58vw,680px)}
.mojo-loc-hero-inner{max-width:1560px;margin:0 auto;padding-left:clamp(20px,4vw,56px);padding-right:clamp(20px,4vw,56px)}
body.mojo-location .wp-site-blocks>.wp-block-group:has(.mojo-loc),body.mojo-camp-page .wp-site-blocks>.wp-block-group:has(.mojo-loc){padding-top:0!important}
/* Hand-drawn icons (existing media library SVGs) */
.mojo-ico{display:inline-block;width:52px;height:52px;object-fit:contain;object-position:left bottom;vertical-align:middle}
.mojo-ico.is-head{width:44px;height:44px;margin-right:12px;margin-bottom:4px}
.mojo-ico.is-light{filter:invert(1);width:40px;height:40px;margin-right:10px}
.mojo-loc-way .mojo-ico{margin-bottom:4px}
/* Camp pages */
.mojo-camp-incl{display:flex;flex-wrap:wrap;gap:12px 28px;justify-content:center;padding:26px clamp(16px,3vw,40px);margin:0 auto;border-bottom:2px solid var(--ml-dark,#111)}
.mojo-camp-incl-item{display:inline-flex;align-items:center;gap:10px;font-size:1rem;font-weight:700;text-transform:uppercase}
.mojo-camp-incl-item .mojo-ico{width:46px;height:46px}
body.mojo-camp-page .wp-block-group.text-only,body.mojo-camp-page .wp-block-columns{margin-left:auto;margin-right:auto}
body.mojo-camp-page .wp-block-image img,body.mojo-camp-page .wp-block-cover{border-radius:14px}
body.mojo-camp-page .wp-block-embed iframe{border-radius:14px}
body.mojo-camp-page h2{text-transform:uppercase}
/* /surf-camps/ archive */
.mojo-camps-archive{padding-top:clamp(24px,3vw,40px)}
.mojo-camps-archive .mojo-loc-intro{max-width:70ch;margin-bottom:20px}
.mojo-camps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,2.4vw,36px)}
.mojo-camps-card{display:flex;flex-direction:column;min-width:0}
.mojo-camps-card .mojo-loc-camp-media{aspect-ratio:4/3;margin-bottom:14px}
.mojo-camps-card h3{font-size:clamp(1.3rem,1.8vw,1.7rem)!important}
.mojo-camps-card .mojo-loc-camp-links{gap:10px 16px}
body.mojo-camps-archive-page .wp-block-group.has-background:has(.mojo-camps-archive){background:transparent!important}
@media (max-width:1100px){.mojo-camps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){
 .mojo-camps-grid{grid-template-columns:1fr}
 .mojo-camp-incl{gap:10px 18px;justify-content:flex-start}
 .mojo-camp-incl-item{font-size:.9rem}
 .mojo-camp-incl-item .mojo-ico{width:38px;height:38px}
 .mojo-ico.is-head{width:34px;height:34px;margin-right:8px}
}

/* Hero text centred (21 Sept 2026) */
.mojo-loc-hero{align-items:center;text-align:center}
.mojo-loc-hero-inner{max-width:900px;margin-left:auto;margin-right:auto;padding-top:clamp(40px,6vw,80px);padding-bottom:clamp(40px,6vw,80px)}
.mojo-loc-hero .mojo-loc-intro{margin-left:auto;margin-right:auto;max-width:56ch}
.mojo-loc-kicker,.mojo-loc-facts,.mojo-loc-cta{justify-content:center}
.mojo-loc-facts,.mojo-loc-cta{display:flex}
/* End hero text centred */

/* Hero + camps section, rev 2 (21 Sept 2026) */
.mojo-loc-hero{min-height:clamp(440px,48vw,620px);align-items:center}
.mojo-loc-hero-inner{display:flex;flex-direction:column;align-items:center;gap:14px;padding-top:clamp(32px,4vw,56px);padding-bottom:clamp(32px,4vw,56px)}
.mojo-loc-hero-inner>*{margin:0!important;width:100%}
.mojo-loc-hero .mojo-loc-intro{max-width:56ch;margin-left:auto!important;margin-right:auto!important}
.mojo-loc-hero h1{margin-bottom:2px!important}
.mojo-loc-jump{justify-content:center}
.mojo-loc-camps{gap:0}
.mojo-loc-camp{padding:clamp(28px,3.4vw,48px) 0;align-items:start}
.mojo-loc-camp+.mojo-loc-camp{border-top:1px dashed rgba(17,17,17,.25)}
.mojo-loc-camp .mojo-loc-camp-media{position:sticky;top:150px}
.mojo-loc-camp-eyebrow{margin:0 0 8px!important;font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ml-pink)}
.mojo-loc-camp-body p{margin:0 0 14px!important;font-size:1.02rem;line-height:1.6}
.mojo-loc-camp-incl{display:flex;flex-wrap:wrap;gap:8px 12px;margin:2px 0 20px!important}
.mojo-loc-camp-incl span{display:inline-flex;align-items:center;gap:8px;padding:4px 14px 4px 6px;border-radius:999px;background:rgba(17,17,17,.06);font-size:.78rem;font-weight:700;text-transform:uppercase;line-height:1.2}
.mojo-loc-camp-incl .mojo-ico{width:30px;height:30px}
@media (max-width:820px){
 .mojo-loc-camp{padding:24px 0}
 .mojo-loc-camp .mojo-loc-camp-media{position:static}
}
/* End hero + camps rev 2 */

/* Hero clears the fixed header (21 Sept 2026) */
.mojo-loc-hero-inner{padding-top:calc(156px + clamp(24px,3vw,48px))}
@media (max-width:782px){.mojo-loc-hero-inner{padding-top:calc(130px + 24px)}}
/* End hero header offset */

/* Section icons sit beside the heading (21 Sept 2026) */
.mojo-loc-head h2{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.mojo-ico.is-head{margin:0!important;flex:0 0 auto}
/* End section icons */
/* === End destination pages part 2 === */

/* === Our Story page redesign (21 Sept 2026) — /our-story/ (page 64908).
   Markup from WPCode snippet "Our Story page redesign". Reuses the destination-page
   components (.mojo-loc hero, jump chips, sections, help banner). === */
body.mojo-story .wp-site-blocks{overflow-x:clip}
body.mojo-story .wp-site-blocks>.wp-block-group:has(.mojo-loc){padding-top:0!important}
body.mojo-story .wp-site-blocks>.wp-block-group:has(.mojo-loc){padding-bottom:clamp(40px,5vw,72px)}
.mojo-story-wrap .mojo-loc-jump{margin-bottom:0}

/* Our story: video beside the copy */
.mojo-story-split{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(20px,3vw,44px);align-items:center}
.mojo-story-video{border-radius:18px;overflow:hidden;border:2px solid var(--ml-ink);background:#000}
.mojo-story-video video{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}
.mojo-story-copy p{margin:0 0 14px;font-size:clamp(1rem,1.2vw,1.1rem);line-height:1.6}
.mojo-story-copy .mojo-loc-cta{margin-top:20px!important}

/* What Mojo stands for: value cards */
.mojo-story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,28px)}
.mojo-story-card{display:flex;flex-direction:column;border:2px solid var(--ml-ink);border-radius:16px;background:#fff;overflow:hidden;transition:transform .15s,box-shadow .15s}
.mojo-story-card:hover{transform:translate(-3px,-3px);box-shadow:5px 5px 0 var(--ml-pink)}
.mojo-story-media{aspect-ratio:16/10;overflow:hidden;border-bottom:2px solid var(--ml-ink)}
.mojo-story-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s}
.mojo-story-card:hover .mojo-story-media img{transform:scale(1.04)}
.mojo-story-body{display:flex;flex-direction:column;gap:10px;flex:1;padding:20px 22px 24px}
.mojo-story-body h3{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0!important;font-size:clamp(1.45rem,2vw,1.75rem)!important;line-height:1.05!important;text-transform:uppercase;color:var(--ml-ink)!important}
.mojo-story-body p{margin:0;font-size:.98rem;line-height:1.55}
.mojo-story-badge{margin-top:auto!important;padding-top:4px}
.mojo-story-badge img{width:132px;height:auto}

/* Sustainability band */
.mojo-story-sus{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(20px,3vw,44px);align-items:center;background:var(--ml-cream);border:2px solid var(--ml-ink);border-radius:18px;overflow:hidden}
.mojo-story-sus-media{min-height:300px;max-height:480px;height:100%}
.mojo-story-sus-media img{display:block;width:100%;height:100%;object-fit:cover}
.mojo-story-sus-body{padding:clamp(24px,3vw,44px) clamp(24px,3vw,44px) clamp(24px,3vw,44px) 0}
.mojo-story-kicker{margin:0 0 6px!important;font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ml-pink)}
.mojo-story-sus-body h2{margin:0 0 12px!important;font-size:clamp(1.7rem,2.6vw,2.4rem)!important;line-height:1.05!important;text-transform:uppercase;color:var(--ml-ink)!important}
.mojo-story-sus-body p{margin:0 0 22px;font-size:1rem;line-height:1.55;max-width:60ch}

@media (max-width:1180px){
  .mojo-story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  .mojo-story-grid{grid-template-columns:1fr}
}
@media (max-width:900px){
  .mojo-story-split,.mojo-story-sus{grid-template-columns:1fr}
  .mojo-story-sus-media{min-height:220px}
  .mojo-story-sus-body{padding:clamp(20px,4vw,32px)}
}
@media (max-width:640px){
  .mojo-story-body h3{font-size:1.35rem!important}
  .mojo-story-body{padding:18px 18px 22px}
}
/* === End Our Story page redesign === */

/* Merch shop page /merchandise/ (21 Sep 2026): /products/-style heading, sidebar with categories + filters, product cards. Markup from WPCode snippet "Merch shop at /merchandise/". */
.mojo-merch .wp-site-blocks{overflow-x:clip}
.mojo-mx{--mx-ink:#1c1c1c;--mx-cream:#f3efe4;--mx-pink:#fd319f;--mx-yellow:#ffb524;box-sizing:border-box;width:100%;margin:0;padding:clamp(4px,1.5vw,20px) 0 8px;color:var(--mx-ink)}
.mojo-mx *,.mojo-mx *::before,.mojo-mx *::after{box-sizing:border-box}
.mojo-mx-head{margin:0 0 clamp(20px,3vw,36px)}
.mojo-mx-kicker{margin:0 0 6px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;font-size:.95rem}
.mojo-mx-kicker a{color:inherit;text-decoration:none}
.mojo-mx-title{margin:0 0 12px;font-size:clamp(44px,7vw,80px);line-height:1.02;font-weight:900;text-transform:uppercase;color:var(--mx-pink)}
.mojo-mx-intro{margin:0;max-width:62ch;font-size:1.05rem;line-height:1.5}
.mojo-mx-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;align-items:start}
@media (min-width:960px){.mojo-mx-layout{grid-template-columns:250px minmax(0,1fr);gap:clamp(32px,3.5vw,56px)}}

/* Sidebar */
.mojo-mx-side{min-width:0}
@media (min-width:960px){.mojo-mx-side{position:sticky;top:calc(176px + var(--wp-admin--admin-bar--height,0px));max-height:calc(100vh - 196px - var(--wp-admin--admin-bar--height,0px));overflow-y:auto;overscroll-behavior:contain;padding-right:4px;scrollbar-width:thin}}
.mojo-mx-filters{margin:0}
.mojo-mx-toggle{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.mojo-mx-summary{display:inline-flex;align-items:center;gap:10px;min-height:46px;margin:0;padding:0 20px;border:2px solid var(--mx-ink);border-radius:999px;background:#fff;font-weight:700;cursor:pointer;user-select:none}
.mojo-mx-toggle:focus-visible+.mojo-mx-summary{outline:3px solid var(--mx-pink);outline-offset:2px}
.mojo-mx-summary-ico{display:inline-flex}
.mojo-mx-summary-n{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--mx-pink);color:#fff;font-size:.8rem}
.mojo-mx-toggle:checked+.mojo-mx-summary{background:var(--mx-ink);color:#fff}
.mojo-mx-panel{display:none;margin-top:12px;padding:18px;border:2px solid var(--mx-ink);border-radius:16px;background:#fff}
.mojo-mx-toggle:checked~.mojo-mx-panel{display:block}
@media (min-width:960px){.mojo-mx-summary{display:none}.mojo-mx-panel,.mojo-mx-toggle~.mojo-mx-panel{display:block;margin:0;padding:0;border:0;background:none}}
.mojo-mx-sec{margin:0 0 22px}
.mojo-mx-sec-title{margin:0 0 8px;padding-bottom:8px;border-bottom:2px solid var(--mx-ink);font-weight:900;text-transform:uppercase;font-size:1.05rem;letter-spacing:.02em}
.mojo-mx-sec ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.mojo-mx-opt-link{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:40px;padding:0 14px;border-radius:999px;color:var(--mx-ink);text-decoration:none;font-weight:700;font-size:.95rem;transition:background .15s}
.mojo-mx-opt-link:hover{background:var(--mx-cream)}
.mojo-mx-opt-link.is-active{background:var(--mx-ink);color:#fff}
.mojo-mx-opt-link.is-empty{opacity:.45}
.mojo-mx-n{font-weight:400;opacity:.65;font-size:.85em}
.mojo-mx-opt-link.is-toggle{position:relative;padding-left:58px}
.mojo-mx-opt-link.is-toggle::before{content:"";position:absolute;left:14px;top:50%;width:34px;height:20px;margin-top:-10px;border-radius:999px;background:#cfc9b8;transition:background .15s}
.mojo-mx-opt-link.is-toggle::after{content:"";position:absolute;left:17px;top:50%;width:14px;height:14px;margin-top:-7px;border-radius:50%;background:#fff;transition:transform .15s}
.mojo-mx-opt-link.is-toggle.is-active{background:none;color:var(--mx-ink)}
.mojo-mx-opt-link.is-toggle.is-active::before{background:var(--mx-pink)}
.mojo-mx-opt-link.is-toggle.is-active::after{transform:translateX(14px)}
.mojo-mx-opt-link.is-toggle:hover{background:var(--mx-cream)}
.mojo-mx-note{margin:6px 14px 0;font-size:.8rem;opacity:.7}
.mojo-mx-clear{display:inline-block;margin:0 0 8px 14px;font-weight:700;font-size:.9rem;color:var(--mx-ink);text-decoration:underline}
.mojo-mx-side-help{display:none;margin-top:6px;padding:16px;border-radius:14px;background:var(--mx-cream);font-size:.9rem;line-height:1.45}
.mojo-mx-side-help .mojo-mx-sec-title{border:0;padding:0;margin-bottom:4px;font-size:.95rem}
.mojo-mx-side-help p{margin:0}
.mojo-mx-side-help a{color:inherit;font-weight:700}
@media (min-width:960px){.mojo-mx-side-help{display:block}}

/* Toolbar */
.mojo-mx-main{min-width:0}
.mojo-mx-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin:0 0 20px}
.mojo-mx-count{margin:0;font-size:.95rem}
.mojo-mx-count span{opacity:.65}
.mojo-mx-pills{display:flex;flex-wrap:wrap;gap:8px}
.mojo-mx-pill{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 14px;border-radius:999px;background:var(--mx-ink);color:#fff;text-decoration:none;font-weight:700;font-size:.85rem}
.mojo-mx-pill svg{flex:none}
.mojo-mx-pill:hover{background:var(--mx-pink);color:#fff}
.mojo-mx-sort{display:flex;align-items:center;gap:8px;margin-left:auto}
.mojo-mx-sort label{font-weight:700;font-size:.9rem;margin:0}
.mojo-mx-sort select{height:44px;border:2px solid var(--mx-ink);border-radius:999px;padding:0 38px 0 16px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23111' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 14px center;-webkit-appearance:none;appearance:none;font-family:inherit;font-weight:700;font-size:.9rem;color:var(--mx-ink);cursor:pointer}

/* Sections (default view) */
.mojo-mx-group{margin:0 0 clamp(32px,4vw,52px)}
.mojo-mx-group-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 18px;margin:0 0 20px;padding-top:16px;border-top:2px solid #111}
.mojo-mx-group-head h2{margin:0;font-size:clamp(28px,3vw,35px);line-height:1;font-weight:900;text-transform:uppercase}
.mojo-mx-group-count{font-size:.5em;opacity:.6;margin-left:8px;white-space:nowrap}
.mojo-mx-group-head p{margin:0;font-size:.95rem}
.mojo-mx-group-link{margin-left:auto;font-size:.9rem;font-weight:700;color:var(--mx-ink);text-decoration:underline}

/* Cards */
.mojo-mx-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}
@media (min-width:700px){.mojo-mx-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 22px}}
@media (min-width:1500px){.mojo-mx-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.mojo-mx-card{margin:0;padding:0;min-width:0}
.mojo-mx-card-link{display:flex;flex-direction:column;gap:10px;height:100%;color:var(--mx-ink);text-decoration:none}
.mojo-mx-media{position:relative;display:block;aspect-ratio:1/1;border-radius:12px;overflow:hidden;background:#fff}
.mojo-mx-media img{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none;object-fit:contain;border-radius:0;transition:transform .35s ease,opacity .3s ease}
.mojo-mx-card-link:hover .mojo-mx-img,.mojo-mx-card-link:focus-visible .mojo-mx-img{transform:scale(1.04)}
.mojo-mx-img2{opacity:0}
@media (hover:hover){.mojo-mx-card.has-img2 .mojo-mx-card-link:hover .mojo-mx-img2{opacity:1}}
.mojo-mx-card.is-out .mojo-mx-media img{opacity:.55;filter:grayscale(.6)}
.mojo-mx-badges{position:absolute;top:10px;left:10px;display:flex;flex-wrap:wrap;gap:6px;z-index:1}
.mojo-mx-badge{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border-radius:999px;background:#fff;font-weight:700;font-size:.75rem;text-transform:uppercase;letter-spacing:.02em;box-shadow:0 1px 3px rgba(0,0,0,.12)}
.mojo-mx-badge.is-out{background:var(--mx-ink);color:#fff}
.mojo-mx-badge.is-sale{background:var(--mx-pink);color:#fff}
.mojo-mx-badge.is-low{color:var(--mx-pink)}
.mojo-mx-body{display:flex;flex-direction:column;gap:6px}
.mojo-mx-name{margin:0;font-size:clamp(1rem,1.3vw,1.25rem);line-height:1.05;font-weight:900;text-transform:uppercase}
.mojo-mx-card-link:hover .mojo-mx-name{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}
.mojo-mx-price{font-weight:700;font-size:1rem}
.mojo-mx-price del{opacity:.55;font-weight:400;margin-right:4px}
.mojo-mx-price ins{text-decoration:none;color:var(--mx-pink)}
.mojo-mx-opts{display:flex;flex-wrap:wrap;gap:4px}
.mojo-mx-opt{display:inline-flex;align-items:center;min-height:22px;padding:0 8px;border:1.5px solid rgba(28,28,28,.35);border-radius:999px;font-size:.72rem;font-weight:700;line-height:1}
.mojo-mx-card.is-out .mojo-mx-opt{opacity:.5}

/* Empty + help banner */
.mojo-mx-empty{padding:40px 24px;border-radius:16px;background:var(--mx-cream);text-align:center}
.mojo-mx-empty-title{margin:0 0 6px;font-weight:900;text-transform:uppercase;font-size:1.4rem}
.mojo-mx-empty p{margin:0}
.mojo-mx-empty a{color:inherit;font-weight:700}
.mojo-mx-help{margin:clamp(24px,4vw,44px) 0 0}
.mojo-mx-help-inner{display:flex;flex-wrap:wrap;align-items:center;gap:10px 24px;padding:24px 26px;border-radius:16px;background:#111;color:#fff}
.mojo-mx-help-inner p{margin:0}
.mojo-mx-help-title{color:var(--mx-yellow);font-weight:900;text-transform:uppercase;font-size:1.5rem}
.mojo-mx-help-btn{display:inline-flex;align-items:center;min-height:46px;margin-left:auto;padding:0 22px;border:2px solid var(--mx-ink);border-radius:5px;background:var(--mx-yellow);color:var(--mx-ink);font-weight:900;text-transform:uppercase;text-decoration:none}
.mojo-mx-help-btn:hover{background:#fff;color:var(--mx-ink)}
@media (max-width:599px){.mojo-mx-sort{margin-left:0;width:100%}.mojo-mx-sort select{flex:1}.mojo-mx-help-btn{margin-left:0}.mojo-mx-group-link{margin-left:0}}
/* End merch shop page */

/* === Homepage redesign (21 Sept 2026) — / (page 2). Markup from WPCode snippet "Homepage redesign".
   The hero (video, H1, buttons, quote) is untouched; everything below it reuses the destination-page
   and Our Story components (.mojo-loc-*, .mojo-camps-card, .mojo-dest-chip, .mojo-story-sus). === */
body.mojo-home-page .wp-site-blocks{overflow-x:clip}
.mojo-home-outer{margin-top:0!important;margin-bottom:0!important}
.mojo-home{--md-pink:#fd319f;--md-yellow:#ffb524;--md-ink:#1c1c1c;--md-dark:#111;padding-top:clamp(40px,5vw,72px)}
.mojo-home a:not([class]){color:var(--ml-ink);text-decoration:underline;text-underline-offset:3px}
.mojo-home a:not([class]):hover{color:var(--ml-pink)}

/* Intro: descriptive H2 + copy beside the four "why Mojo" points */
.mojo-home-intro{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:center;padding-bottom:clamp(28px,3.5vw,44px)}
.mojo-home-intro h2{margin:0 0 16px!important;font-size:clamp(2rem,3.6vw,3.2rem)!important;line-height:1!important;text-transform:uppercase;color:var(--ml-ink)!important}
.mojo-home-intro-copy>p:not([class]){margin:0 0 14px!important;font-size:clamp(1rem,1.2vw,1.1rem);line-height:1.6;max-width:64ch}
.mojo-home-facts{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 22px!important}
.mojo-home-facts span{padding:5px 13px;border-radius:999px;border:2px solid var(--ml-ink);background:#fff;font-size:.82rem;font-weight:700;text-transform:uppercase}
.mojo-home .mojo-loc-cta{justify-content:flex-start}
.mojo-home-intro .mojo-loc-cta{align-items:center;gap:14px 22px}
.mojo-home-usps{list-style:none;margin:0!important;padding:0!important;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,1.6vw,20px)}
.mojo-home-usps li{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin:0;padding:20px;border:2px solid var(--ml-ink);border-radius:14px;background:#fff;font-size:1.02rem;line-height:1.35;font-weight:700}
.mojo-home-usps .mojo-home-usp-ico{width:auto!important;height:64px!important;max-width:90px;object-fit:contain}

/* Region chips */
.mojo-home .mojo-home-chips{margin-bottom:24px;padding-bottom:0;border-bottom:0}

/* Camp cards: 4 + 3 on desktop */
.mojo-home-camps{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(20px,2.2vw,32px)}
.mojo-home-camp{grid-column:span 3}
.mojo-home-camp:nth-child(n+5){grid-column:span 4}
.mojo-home-camp .mojo-loc-camp-media{aspect-ratio:4/3}
.mojo-home-camp .mojo-loc-camp-media img{object-position:center 40%}
.mojo-home-camp:hover .mojo-loc-camp-media img{transform:scale(1.04)}
.mojo-home-camp h3{margin:0 0 8px!important}
.mojo-home-camp .mojo-loc-camp-body p:not(.mojo-loc-camp-eyebrow):not(.mojo-loc-camp-links){font-size:.96rem;line-height:1.5;margin-bottom:10px!important}

/* Ways: four across */
.mojo-home-ways{grid-template-columns:repeat(4,minmax(0,1fr))}

/* Review */
.mojo-home-review{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:stretch;background:var(--ml-dark);color:#fff;border:2px solid var(--ml-ink);border-radius:18px;overflow:hidden}
.mojo-home-review-media{min-height:320px;max-height:520px}
.mojo-home-review-media img{width:100%;height:100%;object-fit:cover;object-position:15% 57%}
.mojo-home-review-body{display:flex;flex-direction:column;justify-content:center;padding:clamp(24px,3.5vw,52px)}
.mojo-home-review-body h2{margin:0 0 14px!important;font-size:clamp(1.8rem,2.8vw,2.6rem)!important;line-height:1!important;text-transform:uppercase;color:var(--ml-yellow)!important}
.mojo-home-stars{display:flex;gap:6px;margin:0 0 14px!important}
.mojo-home-stars img{width:26px!important;height:26px!important}
.mojo-home-quote{margin:0 0 22px!important;padding:0!important;border:0!important}
.mojo-home-quote p{margin:0 0 10px!important;font-size:clamp(1.15rem,1.7vw,1.45rem);line-height:1.4;font-weight:700;color:#fff}
.mojo-home-quote cite{font-style:normal;font-size:.95rem;opacity:.75;color:#fff}

/* FAQ */
.mojo-home-faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px clamp(16px,2vw,28px);align-items:start}
.mojo-home-faq-item{border:2px solid var(--ml-ink);border-radius:14px;background:#fff;overflow:hidden}
.mojo-home-faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;cursor:pointer;list-style:none}
.mojo-home-faq-item summary::-webkit-details-marker{display:none}
.mojo-home-faq-item summary::after{content:"+";flex:0 0 auto;font-size:1.6rem;line-height:1;transition:transform .2s}
.mojo-home-faq-item[open] summary::after{transform:rotate(45deg)}
.mojo-home-faq-item summary:hover{background:var(--ml-cream)}
.mojo-home-faq-item summary:focus-visible{outline:3px solid var(--ml-pink);outline-offset:-3px}
.mojo-home-faq-item h3{margin:0!important;font-size:1.1rem!important;line-height:1.25!important;text-transform:uppercase;color:var(--ml-ink)!important}
.mojo-home-faq-a{padding:0 20px 18px}
.mojo-home-faq-a p{margin:0!important;font-size:1rem;line-height:1.6}

@media (max-width:1100px){
 .mojo-home-camp,.mojo-home-camp:nth-child(n+5){grid-column:span 6}
 .mojo-home-ways{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
 .mojo-home-intro,.mojo-home-review{grid-template-columns:1fr}
 .mojo-home-review-media{min-height:240px;max-height:340px}
 .mojo-home-faq{grid-template-columns:1fr}
}
@media (max-width:640px){
 .mojo-home-camps{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;margin-right:calc(-1 * clamp(16px,3vw,40px));padding-right:clamp(16px,3vw,40px);padding-bottom:6px}
 .mojo-home-camp,.mojo-home-camp:nth-child(n+5){flex:0 0 80%;scroll-snap-align:start}
 .mojo-home-ways{grid-template-columns:1fr}
 .mojo-home-usps li{padding:16px;font-size:.95rem}
 .mojo-home-usps .mojo-home-usp-ico{height:52px!important}
 .mojo-home-intro .mojo-loc-cta .mojo-loc-btn{flex:0 1 auto}
 .mojo-home .mojo-loc-head h2{flex-wrap:nowrap;font-size:1.75rem!important}
 .mojo-home .mojo-loc-help-title{margin:0!important}
 .mojo-home .mojo-home-review .mojo-loc-cta .mojo-loc-btn{flex:1 1 100%;justify-content:center}
}
/* === End Homepage redesign === */
/* Menu panel redesign (21 Sep 2026): the pink slide-out menu (menu button, Navigation (Mobile) nav 22) restyled to match the compact mega menus and the rest of the site. White panel with a "Menu" title and round close button; each section (Destinations, Surf Experiences, Academy, Talk to us) is a collapsible row with a chevron; options are tiles with an arrow and cream hover like the desktop dropdowns; Our Story / Merch / Photos / Sustainability as a 2x2 grid; yellow Book Now and a call pill at the bottom. Overrides the menu-panel rules in the "Menus" block. To undo, delete from here to "End menu panel redesign". */
header .wp-block-navigation__responsive-container.is-menu-open{background:rgba(20,20,20,.55) !important}
header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-close{width:min(440px,100%);background:#fff !important;color:#1c1c1c !important;box-shadow:-18px 0 40px -12px rgba(0,0,0,.4)}
header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog{padding:0 0 32px !important;color:#1c1c1c}
header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog::before{content:"Menu";display:flex;align-items:center;height:68px;padding:0 24px;margin-bottom:6px;border-bottom:1px solid rgba(0,0,0,.08);font-family:"Londrina Solid",sans-serif;font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:#77736a}
header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close{top:14px !important;right:16px !important;width:40px !important;height:40px !important;padding:0 !important;display:flex !important;align-items:center;justify-content:center;border-radius:50% !important;border:1px solid rgba(0,0,0,.12) !important;background:#fff !important;color:#1c1c1c !important;cursor:pointer;transition:background .15s}
header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close:hover{background:#f6f2e8 !important}
header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close:focus-visible{outline:2px solid #1c1c1c;outline-offset:2px}
header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close svg{width:22px !important;height:22px !important;fill:currentColor}
header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{padding:0 16px !important}
header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content > ul{display:grid !important;grid-template-columns:1fr 1fr;gap:0 8px !important}
header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content > ul > li{grid-column:1/-1;position:relative;width:100%;margin:0 !important;padding:0 !important;border:0 !important;border-bottom:1px solid rgba(0,0,0,.08) !important;color:#1c1c1c !important}
header .wp-block-navigation__responsive-container.is-menu-open a,header .wp-block-navigation__responsive-container.is-menu-open a:hover{text-decoration:none !important}
header .wp-block-navigation__responsive-container.is-menu-open a:focus-visible{outline:2px solid #1c1c1c;outline-offset:-2px}
/* section rows: the chevron button covers the whole row, so tapping anywhere on "Destinations" opens it */
header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content > ul > li.has-child > a{display:flex !important;align-items:center;width:100%;min-height:60px;padding:0 56px 0 10px !important;font-family:"Londrina Solid",sans-serif;font-size:22px !important;line-height:1.1;letter-spacing:.02em;text-transform:uppercase;color:#1c1c1c !important}
header .wp-block-navigation__responsive-container.is-menu-open li.has-child > .wp-block-navigation__submenu-icon{display:flex !important;position:absolute !important;top:0 !important;left:0 !important;right:0 !important;width:auto !important;height:60px !important;margin:0 !important;padding:0 18px 0 0 !important;align-items:center;justify-content:flex-end;background:transparent !important;border:0 !important;border-radius:10px !important;color:#1c1c1c !important;cursor:pointer;outline:none;transition:background .15s}
header .wp-block-navigation__responsive-container.is-menu-open li.has-child > .wp-block-navigation__submenu-icon:hover{background:rgba(246,242,232,.55) !important}
header .wp-block-navigation__responsive-container.is-menu-open li.has-child > .wp-block-navigation__submenu-icon:focus-visible{outline:2px solid #1c1c1c;outline-offset:-2px}
header .wp-block-navigation__responsive-container.is-menu-open li.has-child > .wp-block-navigation__submenu-icon svg{width:14px !important;height:14px !important;margin:0 !important;stroke:currentColor;transition:transform .2s ease}
header .wp-block-navigation__responsive-container.is-menu-open li.has-child > .wp-block-navigation__submenu-icon[aria-expanded="true"] svg{transform:rotate(180deg)}
/* options: same tile language as the desktop dropdowns */
header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container{display:flex !important;flex-direction:column;width:100% !important;min-width:0 !important;margin:0 !important;padding:0 0 12px !important;gap:2px !important;border:0 !important;background:transparent !important;color:#1c1c1c !important;box-shadow:none !important}
header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-icon[aria-expanded="false"] ~ .wp-block-navigation__submenu-container{display:none !important}
header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container li{width:100%;margin:0 !important;padding:0 !important}
header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container a{display:flex !important;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:46px;padding:0 14px 0 20px !important;border-radius:10px;font-family:"Londrina Solid",sans-serif;font-size:17px !important;line-height:1.2;letter-spacing:.02em;text-transform:uppercase;color:#1c1c1c !important;opacity:1 !important;transition:background .15s}
header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container a::after{content:"\2192";font-size:16px;color:#9a958a;transition:transform .15s,color .15s}
header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container a:hover{background:#f6f2e8}
header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container a:hover::after{transform:translateX(3px);color:#1c1c1c}
header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container li.menu-view-all a{font-size:14px !important;letter-spacing:.06em;color:#77736a !important}
/* Our Story / Merch / Photos / Sustainability: 2x2 grid */
header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content > ul > li.small-nav{grid-column:auto;border-bottom:0 !important;margin:0 0 8px !important}
header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content > ul > li.has-child + li.small-nav,header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content > ul > li.has-child + li.small-nav + li.small-nav{margin-top:18px !important}
header .wp-block-navigation__responsive-container.is-menu-open li.small-nav > a{display:flex !important;align-items:center;justify-content:center;width:100%;min-height:46px;padding:0 10px !important;border-radius:10px;border:1px solid rgba(0,0,0,.06);background:#fffbeb;font-family:"Londrina Solid",sans-serif;font-size:16px !important;letter-spacing:.03em;text-transform:uppercase;color:#1c1c1c !important;transition:background .15s}
header .wp-block-navigation__responsive-container.is-menu-open li.small-nav > a:hover{background:#f3ecd9}
/* Book Now + call */
header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content > ul > li.menu-cta{border-bottom:0 !important}
header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content > ul > li.menu-cta-book{margin-top:10px !important}
header .wp-block-navigation__responsive-container.is-menu-open li.menu-cta > a{display:flex !important;align-items:center;justify-content:center;width:100%;min-height:52px;padding:0 16px !important;border:2px solid #1c1c1c;border-radius:5px;background:var(--wp--preset--color--secondary,#ffb524);font-family:"Londrina Solid",sans-serif;font-size:19px !important;letter-spacing:.04em;text-transform:uppercase;color:#1c1c1c !important;transition:background .15s,transform .15s}
header .wp-block-navigation__responsive-container.is-menu-open li.menu-cta-book > a:hover{background:#ffc54d;transform:translateY(-1px)}
header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content > ul > li.menu-cta-call{margin-top:10px !important}
header .wp-block-navigation__responsive-container.is-menu-open li.menu-cta-call > a{min-height:44px;border:1px solid var(--wp--preset--color--primary,#fd319f);border-radius:999px;background:#fff;font-size:16px !important;color:var(--wp--preset--color--primary,#fd319f) !important}
header .wp-block-navigation__responsive-container.is-menu-open li.menu-cta-call > a:hover{background:#fff0f8}
header .wp-block-navigation__responsive-container.is-menu-open li.menu-cta-call::after{content:"9am \2013  4pm AEST \00B7  7 days a week";display:block;margin-top:8px;text-align:center;font-size:13px;color:#77736a}
/* phones: the theme's own mobile-menu rules are more specific, so the key layout is repeated here with extra weight */
html body header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content > ul > li.has-child{display:block !important}
html body header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation li.has-child > button.wp-block-navigation-submenu__toggle.wp-block-navigation__submenu-icon{display:flex !important;justify-content:flex-end !important;align-items:center !important;top:0 !important;left:0 !important;right:0 !important;width:auto !important;height:60px !important;padding:0 18px 0 0 !important;font-size:14px !important;background:transparent !important}
html body header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation li.has-child > button.wp-block-navigation-submenu__toggle.wp-block-navigation__submenu-icon:hover{background:rgba(246,242,232,.55) !important}
html body header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container{position:static !important;top:auto !important;left:auto !important;right:auto !important;transform:none !important}
/* rev 2: pointer cursor on every link and button, including the section rows; hover tint drawn behind the heading text instead of over it; no focus ring on mouse click (keyboard focus still shows one); hours line centred */
html body header .wp-block-navigation__responsive-container.is-menu-open a[href],html body header .wp-block-navigation__responsive-container.is-menu-open button,html body header .wp-block-navigation__responsive-container.is-menu-open button *{cursor:pointer !important}
html body header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation li.has-child > button.wp-block-navigation-submenu__toggle.wp-block-navigation__submenu-icon,html body header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation li.has-child > button.wp-block-navigation-submenu__toggle.wp-block-navigation__submenu-icon:hover{background:transparent !important;border:0 !important;box-shadow:none !important}
html body header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content > ul > li.has-child > a{border-radius:10px;transition:background .15s}
html body header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content > ul > li.has-child:has(> button:hover) > a{background:#f6f2e8}
html body header .wp-block-navigation__responsive-container.is-menu-open button:focus:not(:focus-visible),html body header .wp-block-navigation__responsive-container.is-menu-open a:focus:not(:focus-visible){outline:none !important;box-shadow:none !important}
html body header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation li.has-child > button.wp-block-navigation-submenu__toggle.wp-block-navigation__submenu-icon:focus-visible{outline:none !important}
html body header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content > ul > li.has-child:has(> button:focus-visible) > a{background:#f6f2e8;box-shadow:inset 0 0 0 1px rgba(28,28,28,.18)}
html body header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content > ul > li.menu-cta-call{display:block !important}
/* End menu panel redesign */

/* Search results page (21 Sep 2026): layout like /products/ + /merchandise/. Markup from WPCode snippet 71117 "Search results page redesign". Reuses the .mojo-mx-* rules of the merch page block. */
.mojo-search .wp-site-blocks{overflow-x:clip}
.mojo-search .wp-site-blocks>.wp-block-group:has(>.mojo-sr){padding-bottom:clamp(40px,6vw,80px)!important}
.mojo-sr.alignfull{max-width:none!important;width:auto;margin-left:0!important;margin-right:0!important;padding:clamp(4px,1.5vw,20px) 0 8px}
.mojo-sr-vh{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.mojo-sr mark{background:rgba(255,181,36,.5);color:inherit;padding:0 .06em;border-radius:3px}

/* Heading + search box */
.mojo-sr-head{margin:0 0 clamp(24px,3.5vw,40px)}
.mojo-sr-title{overflow-wrap:anywhere}
.mojo-sr-form{position:relative;display:flex;align-items:center;gap:6px;max-width:720px;margin:20px 0 0;padding:5px 5px 5px 48px;border:2px solid var(--mx-ink);border-radius:999px;background:#fff}
.mojo-sr-form:focus-within{outline:3px solid var(--mx-pink);outline-offset:2px}
.mojo-sr-form-ico{position:absolute;left:18px;top:50%;margin-top:-10px;opacity:.6}
.mojo-sr-form input[type=search]{flex:1;min-width:0;height:48px;margin:0;padding:0 8px 0 0;border:0;border-radius:0;outline:0;background:none;box-shadow:none;font:inherit;font-size:1.05rem;font-weight:700;color:var(--mx-ink);-webkit-appearance:none;appearance:none}
.mojo-sr-form input[type=search]::placeholder{color:var(--mx-ink);opacity:.45}
.mojo-sr-form button{flex:none;display:inline-flex;align-items:center;height:48px;margin:0;padding:0 24px;border:0;border-radius:999px;background:var(--mx-pink);color:#fff;font:inherit;font-weight:900;font-size:.95rem;text-transform:uppercase;letter-spacing:.02em;cursor:pointer;transition:background .15s}
.mojo-sr-form button:hover,.mojo-sr-form button:focus-visible{background:var(--mx-ink)}
@media (max-width:480px){.mojo-sr-form{padding-left:42px}.mojo-sr-form-ico{left:14px}.mojo-sr-form button{padding:0 16px}.mojo-sr-form input[type=search]{height:44px;font-size:1rem}.mojo-sr-form button{height:44px}}

/* Popular searches */
.mojo-sr-sugg{display:flex;flex-wrap:wrap;gap:6px;padding-top:4px}
.mojo-sr-sugg a{display:inline-flex;align-items:center;min-height:34px;padding:0 14px;border:1.5px solid rgba(28,28,28,.35);border-radius:999px;background:#fff;color:var(--mx-ink);font-weight:700;font-size:.85rem;text-decoration:none;transition:background .15s,border-color .15s}
.mojo-sr-sugg a:hover{border-color:var(--mx-ink);background:var(--mx-cream)}
.mojo-sr-side .mojo-mx-sec+.mojo-mx-sec{margin-top:26px}

/* Result types: sidebar on desktop, chip row on smaller screens */
@media (max-width:959px){.mojo-sr-side{display:none}}
.mojo-sr-chips{display:flex;gap:8px;overflow-x:auto;margin:0 -16px 18px;padding:2px 16px 6px;scrollbar-width:none}
.mojo-sr-chips::-webkit-scrollbar{display:none}
@media (min-width:782px){.mojo-sr-chips{margin-left:-32px;margin-right:-32px;padding-left:32px;padding-right:32px}}
@media (min-width:960px){.mojo-sr-chips{display:none}}
.mojo-sr-chip{flex:none;display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 16px;border:2px solid var(--mx-ink);border-radius:999px;background:#fff;color:var(--mx-ink);font-weight:700;font-size:.9rem;text-decoration:none;white-space:nowrap}
.mojo-sr-chip span{font-weight:400;opacity:.65;font-size:.85em}
.mojo-sr-chip.is-active{background:var(--mx-ink);color:#fff}
.mojo-sr-chip.is-active span{opacity:.8}
.mojo-sr .mojo-mx-count strong{font-weight:900}

/* Trip, camp and destination cards */
.mojo-sr-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:28px 22px}
@media (min-width:560px){.mojo-sr-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1100px){.mojo-sr-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1500px){.mojo-sr-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.mojo-sr-card{margin:0;padding:0;min-width:0}
.mojo-sr-card-link{display:flex;flex-direction:column;gap:10px;height:100%;color:var(--mx-ink);text-decoration:none}
.mojo-sr-media{position:relative;display:block;aspect-ratio:4/3;border-radius:12px;overflow:hidden;background:var(--mx-cream)}
.mojo-sr-media img{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none;object-fit:cover;border-radius:0;transition:transform .35s ease}
.mojo-sr-card-link:hover .mojo-sr-media img,.mojo-sr-card-link:focus-visible .mojo-sr-media img,.mojo-sr-post a:hover .mojo-sr-media img{transform:scale(1.04)}
.mojo-sr-noimg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1.3rem;text-transform:uppercase;opacity:.2}
.mojo-sr-pills{position:absolute;top:10px;left:10px;right:10px;display:flex;flex-wrap:wrap;align-items:flex-start;gap:6px;z-index:1}
.mojo-sr-pill{display:inline-flex;align-items:center;gap:4px;min-height:26px;padding:0 10px;border-radius:999px;background:rgba(255,255,255,.94);color:var(--mx-ink);font-weight:700;font-size:.72rem;text-transform:uppercase;letter-spacing:.02em;box-shadow:0 1px 3px rgba(0,0,0,.12)}
.mojo-sr-pill.is-sale{background:var(--mx-pink);color:#fff}
.mojo-sr-pill.is-rate{margin-left:auto;color:var(--mx-pink)}
.mojo-sr-pill.is-rate span{color:var(--mx-ink);opacity:.6;font-weight:400}
.mojo-sr-body{display:flex;flex-direction:column;gap:6px;min-width:0}
.mojo-sr-kind{font-weight:900;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--mx-pink)}
.mojo-sr .mojo-sr-name{margin:0;font-size:clamp(1.05rem,1.35vw,1.3rem);line-height:1.05;font-weight:900;text-transform:uppercase;overflow-wrap:anywhere}
.mojo-sr-card-link:hover .mojo-sr-name,.mojo-sr-post a:hover .mojo-sr-name,.mojo-sr-page a:hover .mojo-sr-name{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}
.mojo-sr-price{font-weight:700;font-size:1rem}
.mojo-sr .mojo-sr-price>span:not(.woocommerce-Price-amount){display:none!important}
.mojo-sr-price del{opacity:.55;font-weight:400;margin-right:4px}
.mojo-sr-price ins{text-decoration:none;color:var(--mx-pink)}
.mojo-sr-price small{font-weight:400;font-size:.82em;opacity:.7}
.mojo-sr-facts{font-size:.85rem;font-weight:700;opacity:.8}
.mojo-sr-incl{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:.78rem;font-weight:700}
.mojo-sr-incl>span{display:inline-flex;align-items:center;gap:5px}
.mojo-sr-incl svg{flex:none}
.mojo-sr-excerpt{margin:0;font-size:.92rem;line-height:1.45;opacity:.85}
.mojo-sr-more{display:inline-flex;align-items:center;gap:6px;margin-top:2px;font-weight:900;font-size:.85rem;text-transform:uppercase}
.mojo-sr-card-link:hover .mojo-sr-more svg{transform:translateX(3px)}
.mojo-sr-more svg{transition:transform .15s}

/* Articles */
.mojo-sr-posts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
@media (min-width:1100px){.mojo-sr-posts{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 22px}}
.mojo-sr-post{margin:0;padding:0;min-width:0}
.mojo-sr-post a{display:grid;grid-template-columns:clamp(92px,26%,180px) minmax(0,1fr);gap:16px;align-items:start;height:100%;padding:12px;border-radius:14px;background:#fff;color:var(--mx-ink);text-decoration:none;transition:box-shadow .15s}
.mojo-sr-post a:hover,.mojo-sr-post a:focus-visible{box-shadow:0 0 0 2px var(--mx-ink)}
.mojo-sr-post .mojo-sr-media{aspect-ratio:1/1;border-radius:10px}
.mojo-sr-post .mojo-sr-body{padding-top:2px}
.mojo-sr-post .mojo-sr-name{font-size:clamp(1rem,1.2vw,1.15rem)}
.mojo-sr-meta{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;opacity:.6}

/* Pages & help */
.mojo-sr-pages{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
@media (min-width:1100px){.mojo-sr-pages{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 22px}}
.mojo-sr-page{margin:0;padding:0;min-width:0}
.mojo-sr-page a{display:flex;align-items:center;gap:16px;height:100%;padding:16px 18px 16px 20px;border:2px solid var(--mx-ink);border-radius:14px;background:#fff;color:var(--mx-ink);text-decoration:none;transition:background .15s}
.mojo-sr-page a:hover,.mojo-sr-page a:focus-visible{background:var(--mx-cream)}
.mojo-sr-page-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.mojo-sr-page .mojo-sr-name{font-size:1.05rem}
.mojo-sr-path{font-size:.78rem;opacity:.55;overflow-wrap:anywhere}
.mojo-sr-arrow{flex:none;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--mx-yellow);color:var(--mx-ink)}

/* Section extras, empty state */
.mojo-sr-group .mojo-mx-group-head h2{scroll-margin-top:190px}
.mojo-sr-seeall{margin:18px 0 0}
.mojo-sr-seeall a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 20px;border:2px solid var(--mx-ink);border-radius:999px;background:#fff;color:var(--mx-ink);font-weight:900;font-size:.9rem;text-transform:uppercase;text-decoration:none}
.mojo-sr-seeall a:hover{background:var(--mx-ink);color:#fff}
.mojo-sr-empty{margin:0 0 clamp(32px,4vw,52px)}
.mojo-sr-empty .mojo-sr-sugg{justify-content:center;margin-top:14px}
.mojo-sr-solo .mojo-mx-help{margin-top:0}
/* End search results page */

/* Sidebar: compact + scroll cue (21 Sep 2026). Applies to every page with .mojo-mx-side (merch /merchandise/ and search results). */
body:has(.mojo-mx-side){overflow-x:clip}
@property --mx-ft{syntax:'\3c length\3e ';inherits:false;initial-value:0px}
@property --mx-fb{syntax:'\3c length\3e ';inherits:false;initial-value:0px}
@keyframes mx-side-fade{0%{--mx-ft:0px;--mx-fb:64px}6%{--mx-ft:40px}94%{--mx-fb:64px}100%{--mx-ft:40px;--mx-fb:0px}}
@media (min-width:960px){
.mojo-mx-side{top:calc(172px + var(--wp-admin--admin-bar--height,0px));max-height:calc(100vh - 188px - var(--wp-admin--admin-bar--height,0px));padding-right:10px;scrollbar-width:auto;scrollbar-color:auto;
 -webkit-mask:linear-gradient(to bottom,transparent 0,#000 var(--mx-ft),#000 calc(100% - var(--mx-fb)),transparent 100%) left top/calc(100% - 10px) 100% no-repeat,linear-gradient(#000,#000) right top/10px 100% no-repeat;mask:linear-gradient(to bottom,transparent 0,#000 var(--mx-ft),#000 calc(100% - var(--mx-fb)),transparent 100%) left top/calc(100% - 10px) 100% no-repeat,linear-gradient(#000,#000) right top/10px 100% no-repeat}
@supports (animation-timeline:scroll()){.mojo-mx-side{animation:mx-side-fade linear both;animation-timeline:scroll(self)}}
.mojo-mx-side::-webkit-scrollbar{width:6px}
.mojo-mx-side::-webkit-scrollbar-track{background:rgba(0,0,0,.06);border-radius:99px}
.mojo-mx-side::-webkit-scrollbar-thumb{background:rgba(0,0,0,.38);border-radius:99px}
.mojo-mx-side::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.6)}
@supports (-moz-appearance:none){.mojo-mx-side{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.38) rgba(0,0,0,.06)}}
.mojo-mx-side .mojo-mx-sec{margin:0 0 12px}
.mojo-mx-side .mojo-mx-sec[aria-labelledby=mojo-mx-t-price] ul{display:grid;grid-template-columns:1fr 1fr;gap:2px}
.mojo-mx-side .mojo-mx-sec[aria-labelledby=mojo-mx-t-price] .mojo-mx-opt-link{padding:0 10px;font-size:.82rem;gap:6px}
.mojo-mx-side .mojo-mx-sec-title{margin:0 0 4px;padding-bottom:5px;font-size:.82rem;letter-spacing:.05em}
.mojo-mx-side .mojo-mx-sec ul{gap:0}
.mojo-mx-side .mojo-mx-opt-link{min-height:30px;padding:0 12px;font-size:.88rem}
.mojo-mx-side .mojo-mx-opt-link.is-toggle{padding-left:52px}
.mojo-mx-side .mojo-mx-opt-link.is-toggle::before{left:12px;width:30px;height:18px;margin-top:-9px}
.mojo-mx-side .mojo-mx-opt-link.is-toggle::after{left:14px;width:12px;height:12px;margin-top:-6px}
.mojo-mx-side .mojo-mx-opt-link.is-toggle.is-active::after{transform:translateX(12px)}
.mojo-mx-side .mojo-mx-side-help{margin-top:2px;padding:11px 13px;font-size:.8rem;line-height:1.4}
.mojo-mx-side .mojo-mx-side-help .mojo-mx-sec-title{font-size:.82rem;margin-bottom:2px}
.mojo-mx-side .mojo-sr-sugg{gap:5px}
.mojo-mx-side .mojo-mx-note{margin:2px 12px 0;font-size:.72rem;line-height:1.3}
}
/* End sidebar compact + scroll cue */

/* === Photos page redesign (21 Sept 2026) — /photos/ (page 69764).
   Markup from WPCode snippet "Photos page redesign" (71123). Reuses the destination-page
   components (.mojo-loc hero, jump chips, sections, trip cards, help banner). === */
body.mojo-photos .wp-site-blocks{overflow-x:clip}
body.mojo-photos .wp-site-blocks>.wp-block-group:has(.mojo-loc){padding-top:0!important;padding-bottom:clamp(40px,5vw,72px)}
.mojo-photos-wrap .mojo-loc-jump{margin-bottom:0}
.mojo-photos-kicker{margin:0 0 6px!important;font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ml-pink)}

/* Intro: photo beside the copy */
.mojo-photos-split{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(20px,3vw,44px);align-items:center}
.mojo-photos-media{border-radius:18px;overflow:hidden;border:2px solid var(--ml-ink);aspect-ratio:4/3}
.mojo-photos-media img{display:block;width:100%;height:100%;object-fit:cover}
.mojo-photos-copy h2{display:flex;align-items:center;gap:12px;margin:0 0 14px!important;font-size:clamp(1.7rem,2.6vw,2.4rem)!important;line-height:1.05!important;text-transform:uppercase;color:var(--ml-ink)!important}
.mojo-photos-copy p{margin:0 0 14px;font-size:clamp(1rem,1.2vw,1.1rem);line-height:1.6;max-width:60ch}
.mojo-photos-copy .mojo-loc-cta{margin-top:20px!important;justify-content:flex-start!important;text-align:left!important}

/* How it works: numbered step cards */
.mojo-photos-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,2vw,24px);list-style:none;margin:0!important;padding:0!important}
.mojo-photos-step{display:flex;flex-direction:column;gap:10px;margin:0!important;padding:22px 20px 24px;background:#fff;border:2px solid var(--ml-ink);border-radius:16px;transition:transform .15s,box-shadow .15s}
.mojo-photos-step:hover{transform:translate(-3px,-3px);box-shadow:5px 5px 0 var(--ml-pink)}
.mojo-photos-num{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;border-radius:50%;background:var(--ml-yellow);border:2px solid var(--ml-ink);font-weight:800;font-size:1.2rem;color:var(--ml-ink)}
.mojo-photos-step h3{margin:0!important;font-size:clamp(1.25rem,1.6vw,1.45rem)!important;line-height:1.1!important;text-transform:uppercase;color:var(--ml-ink)!important}
.mojo-photos-step p{margin:0;font-size:.98rem;line-height:1.55}
.mojo-photos-note{display:flex;align-items:center;justify-content:space-between;gap:16px 24px;flex-wrap:wrap;margin-top:clamp(16px,2vw,24px);padding:16px 20px;background:var(--ml-cream);border:2px solid var(--ml-ink);border-radius:16px}
.mojo-photos-note p{margin:0;font-size:1rem;line-height:1.5}

/* T&Cs band */
.mojo-photos-band{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(20px,3vw,44px);align-items:center;background:var(--ml-cream);border:2px solid var(--ml-ink);border-radius:18px;overflow:hidden}
.mojo-photos-band-media{min-height:300px;max-height:520px;height:100%}
.mojo-photos-band-media img{display:block;width:100%;height:100%;object-fit:cover}
.mojo-photos-band-body{padding:clamp(24px,3vw,44px) clamp(24px,3vw,44px) clamp(24px,3vw,44px) 0}
.mojo-photos-band-body h2{margin:0 0 14px!important;font-size:clamp(1.7rem,2.6vw,2.4rem)!important;line-height:1.05!important;text-transform:uppercase;color:var(--ml-ink)!important}
.mojo-photos-terms{margin:0 0 22px!important;padding:0 0 0 1.2em!important;max-width:62ch}
.mojo-photos-terms li{margin:0 0 10px;font-size:.98rem;line-height:1.55}
.mojo-photos-terms li::marker{color:var(--ml-pink)}

@media (max-width:1100px){
  .mojo-photos-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  .mojo-photos-split,.mojo-photos-band{grid-template-columns:1fr}
  .mojo-photos-band-media{min-height:220px;max-height:320px}
  .mojo-photos-band-body{padding:clamp(20px,4vw,32px)}
}
@media (max-width:640px){
  .mojo-photos-steps{grid-template-columns:1fr}
  .mojo-photos-step{flex-direction:row;flex-wrap:wrap;align-items:center;column-gap:14px;padding:18px}
  .mojo-photos-step h3{flex:1 1 0;min-width:0}
  .mojo-photos-step p{flex-basis:100%}
  .mojo-photos-copy h2,.mojo-photos-band-body h2{font-size:1.6rem!important}
  .mojo-photos-wrap .mojo-loc-head h2{display:flex!important;align-items:center;flex-wrap:nowrap!important;gap:10px}
  .mojo-photos-wrap .mojo-loc-head h2 .mojo-ico{flex:0 0 auto}
  .mojo-photos-note{flex-direction:column;align-items:stretch;text-align:center}
  .mojo-photos-note .mojo-loc-btn,.mojo-photos-band-body .mojo-loc-btn{width:100%;justify-content:center;text-align:center;box-sizing:border-box}
}
/* === End Photos page redesign === */

/* Search box in the sidebar (21 Sep 2026): snippet 71117 prints the form at the top of .mojo-sr-side (desktop) and keeps a copy under the heading (.mojo-sr-head-form) for phones, where the sidebar is hidden. */
.mojo-sr-side-search{margin:0 0 16px}
.mojo-sr-side-search .mojo-mx-sec-title{margin:0 0 8px}
.mojo-sr-side-search .mojo-sr-form{max-width:none;margin:0;padding:3px 3px 3px 34px;gap:4px}
.mojo-sr-side-search .mojo-sr-form-ico{left:11px;width:16px;height:16px;margin-top:-8px}
.mojo-sr-side-search .mojo-sr-form input[type=search]{height:36px;padding-right:4px;font-size:.9rem}
.mojo-sr-side-search .mojo-sr-form button{height:36px;padding:0 12px;font-size:.72rem}
.mojo-sr-side-search .mojo-sr-form:focus-within{outline-width:2px}
@media (min-width:960px){.mojo-sr-head-form{display:none}}
/* End search box in the sidebar */

:root :where(.wp-block-button .wp-block-button__link){background-color: var(--wp--preset--color--primary);border-radius: 5px;color: var(--wp--preset--color--background);font-size: var(--wp--preset--font-size--medium);padding-top: 0.8rem;padding-right: 1.6rem;padding-bottom: 0.8rem;padding-left: 1.6rem;}
:root :where(.wp-block-buttons){font-size: var(--wp--preset--font-size--small);font-style: normal;font-weight: 400;letter-spacing: 0.06rem;text-transform: uppercase;}
/*# sourceURL=global-styles-inline-css */