/* Banner (style "Banner": a picture band with text and buttons; optional logo). Loaded on the content pages and the Home. */
.wttc-content > .wp-block-group.is-style-wttc-banner { position: relative; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; width: min(var(--wttc-container, 1240px), calc(100% - 48px)); min-height: 400px; margin: clamp(48px, 8vh, 72px) auto; padding: clamp(40px, 6vw, 80px); box-sizing: border-box; overflow: hidden; border-radius: 16px; background: var(--wttc-navy); color: var(--wttc-white); isolation: isolate; }
.wttc-content > .is-style-wttc-banner > .wp-block-image:not(.wttc-banner__logo) { position: absolute; inset: 0; z-index: -2; margin: 0; }
.wttc-content > .is-style-wttc-banner > .wp-block-image:not(.wttc-banner__logo) img { display: block; width: 100%; height: 100%; object-fit: cover; }
.wttc-content > .is-style-wttc-banner::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(21, 27, 52, .86) 0%, rgba(21, 27, 52, .55) 55%, rgba(21, 27, 52, .25) 100%); }
.wttc-content > .is-style-wttc-banner > * { margin-top: 0; margin-bottom: 0; }
.wttc-content > .is-style-wttc-banner p.is-style-wttc-chip { margin-bottom: 18px; background: var(--wttc-white); }
.wttc-content > .is-style-wttc-banner h2 { max-width: 18ch; color: var(--wttc-white); }
.wttc-content > .is-style-wttc-banner p:not(.is-style-wttc-chip) { max-width: 56ch; margin-top: 16px; color: rgba(255, 255, 255, .9); font-size: 17px; }
.wttc-content > .is-style-wttc-banner .wp-block-buttons { margin-top: 28px; }
.wttc-content > .is-style-wttc-banner .wp-block-button .wp-block-button__link, .wttc-content > .is-style-wttc-banner .wp-block-button .wp-block-button__link:visited { background: var(--wttc-white); border-color: var(--wttc-white); color: var(--wttc-navy); }
.wttc-content > .is-style-wttc-banner .wp-block-button .wp-block-button__link:hover, .wttc-content > .is-style-wttc-banner .wp-block-button .wp-block-button__link:focus-visible, .wttc-content > .is-style-wttc-banner .wp-block-button .wp-block-button__link:active { background: var(--wttc-accent); border-color: var(--wttc-accent); color: var(--wttc-navy); }
.wttc-content > .is-style-wttc-banner > .wttc-banner__logo { position: absolute; z-index: 1; right: clamp(32px, 5vw, 80px); top: 50%; transform: translateY(-50%); width: clamp(260px, 28vw, 400px); margin: 0; }
.wttc-content > .is-style-wttc-banner > .wttc-banner__logo img { display: block; width: 100%; height: auto; }
.wttc-content > .is-style-wttc-banner > .wttc-banner__logo:has(img[src*="together-in-travel"]) { width: clamp(220px, 24vw, 340px); }
@media (max-width: 1000px) { .wttc-content > .is-style-wttc-banner > .wttc-banner__logo { position: static; transform: none; width: min(300px, 100%); margin-top: 28px; } }
@media (max-width: 599px) {
	.wttc-content > .wp-block-group.is-style-wttc-banner { min-height: 360px; padding: 32px 24px; }
}
/* Full-width banner (extra class is-full): the picture runs edge to edge, the content stays in the container */
.wttc-content > .wp-block-group.is-style-wttc-banner.is-full { width: 100%; margin: 0; padding: clamp(64px, 10vh, 112px) max(24px, calc((100% - var(--wttc-container, 1240px)) / 2)); min-height: clamp(460px, 62vh, 620px); border-radius: 0; }
/* Centred banner (extra class is-centered): text, buttons and everything else centred, to close a page */
/* Large call to action (wttc_band_cta_wide): edge to edge, text on the left, logo on the right. */
.wttc-content > .wp-block-group.is-style-wttc-cta-wide { display: grid; grid-template-columns: minmax(0, 1fr); align-items: center; gap: 32px clamp(32px, 6vw, 96px); width: 100%; max-width: none; margin: 0; padding: clamp(56px, 8vw, 104px) max(24px, calc((100% - var(--wttc-container, 1240px)) / 2)); box-sizing: border-box; }
.wttc-content > .is-style-wttc-cta-wide.has-logo { grid-template-columns: minmax(0, 1fr) minmax(220px, 36%); }
.wttc-content > .is-style-wttc-cta-wide.is-tone-navy { background: var(--wttc-navy); color: var(--wttc-white); }
.wttc-content > .is-style-wttc-cta-wide.is-tone-peach { background: var(--wttc-peach); color: var(--wttc-navy); }
.wttc-content > .is-style-wttc-cta-wide .wttc-cta-wide__body > * { margin-top: 0; margin-bottom: 0; }
.wttc-content > .is-style-wttc-cta-wide p.is-style-wttc-chip { display: inline-block; margin-bottom: 18px; background: var(--wttc-white); color: var(--wttc-navy); }
.wttc-content > .is-style-wttc-cta-wide h2 { max-width: 18ch; color: inherit; }
.wttc-content > .is-style-wttc-cta-wide p:not(.is-style-wttc-chip) { max-width: 58ch; margin-top: 16px; color: inherit; font-size: 17px; line-height: 1.6; }
.wttc-content > .is-style-wttc-cta-wide .wp-block-buttons { margin-top: 28px; }
.wttc-content > .is-style-wttc-cta-wide.is-tone-navy .wp-block-button .wp-block-button__link, .wttc-content > .is-style-wttc-cta-wide.is-tone-navy .wp-block-button .wp-block-button__link:visited { background: var(--wttc-white); border-color: var(--wttc-white); color: var(--wttc-navy); }
.wttc-content > .is-style-wttc-cta-wide.is-tone-navy .wp-block-button .wp-block-button__link:hover, .wttc-content > .is-style-wttc-cta-wide.is-tone-navy .wp-block-button .wp-block-button__link:focus-visible { background: var(--wttc-accent); border-color: var(--wttc-accent); color: var(--wttc-navy); }
.wttc-content > .is-style-wttc-cta-wide .wttc-cta-wide__logo { margin: 0; justify-self: end; width: 100%; }
.wttc-content > .is-style-wttc-cta-wide .wttc-cta-wide__logo img { display: block; width: 100%; max-width: 420px; height: auto; margin-left: auto; }
@media (max-width: 900px) { .wttc-content > .is-style-wttc-cta-wide.has-logo { grid-template-columns: minmax(0, 1fr); } .wttc-content > .is-style-wttc-cta-wide .wttc-cta-wide__logo img { margin-left: 0; max-width: 300px; } }
.wttc-content > .is-style-wttc-banner.is-centered { align-items: center; text-align: center; }
.wttc-content > .is-style-wttc-banner.is-centered h2 { max-width: 24ch; }
.wttc-content > .is-style-wttc-banner.is-centered p:not(.is-style-wttc-chip) { margin-inline: auto; }
.wttc-content > .is-style-wttc-banner.is-centered .wp-block-buttons { justify-content: center; }