/* ==========================================================
 * Light aqua heroes (inner pages)
 * ======================================================== */

/* light aqua hero with the animated D mark */
.ab-hero,.sv-hero,.tm-hero,.pi-hero2,.ct-hero2,.hj-hero{background:#EAF7F7!important;color:#263238!important;isolation:isolate;overflow:hidden}

.ab-hero::before,.sv-hero::before,.tm-hero::before,.pi-hero2::before,.ct-hero2::before,.hj-hero::before,.ab-hero::after,.sv-hero::after,.tm-hero::after,.pi-hero2::after,.ct-hero2::after,.hj-hero::after{opacity:0!important}

.ab-hero > *:not(.hero-wm),.sv-hero > *:not(.hero-wm),.tm-hero > *:not(.hero-wm),.pi-hero2 > *:not(.hero-wm),.ct-hero2 > *:not(.hero-wm),.hj-hero > *:not(.hero-wm){position:relative;z-index:1}

.hero-wm{position:absolute;z-index:0;right:clamp(-120px,-6vw,-40px);bottom:clamp(-140px,-8vw,-60px);width:clamp(340px,40vw,620px);height:auto;pointer-events:none;animation:hwFloat 14s ease-in-out infinite}

.hero-wm path,.hero-wm .hw-ring{stroke:#0A6B88;opacity:.13;stroke-dasharray:1;stroke-dashoffset:1;animation:hwDraw 2.6s cubic-bezier(.65,0,.25,1) .35s forwards}

.hero-wm .hw-b{animation-delay:.9s}

.hero-wm .hw-ring{stroke-dasharray:44;stroke-dashoffset:44;animation-delay:1.5s}

.hero-wm .hw-core{fill:#0A6B88;opacity:0;animation:hwCore .6s ease 2.4s forwards, hwBeat 2.4s ease-in-out 3s infinite;transform-origin:47.5px 50.5px}

@keyframes hwDraw{to{stroke-dashoffset:0}}

@keyframes hwCore{to{opacity:.13}}

@keyframes hwBeat{0%,100%{transform:scale(1)}50%{transform:scale(1.18)}}

@keyframes hwFloat{0%,100%{translate:0 0;rotate:-4deg}50%{translate:0 -18px;rotate:3deg}}

@media (prefers-reduced-motion: reduce){ .hero-wm,.hero-wm *{animation:none!important}
 .hero-wm path,.hero-wm .hw-ring{stroke-dashoffset:0}
 .hero-wm .hw-core{opacity:.13}}

/* text and buttons for the light background */
.ab-hero h1,.sv-hero h1,.tm-hero h1,.pi-hero2 h1,.ct-hero2 h1,.hj-hero h1,.ab-hero h1 *,.sv-hero h1 *,.tm-hero h1 *,.pi-hero2 h1 *,.ct-hero2 h1 *,.hj-hero h1 *{color:#173B63!important;text-shadow:none!important}

.ab-hero h1 .ph-l:nth-child(2) > span,.sv-hero h1 .ph-l:nth-child(2) > span,.tm-hero h1 .ph-l:nth-child(2) > span,.pi-hero2 h1 .ph-l:nth-child(2) > span,.ct-hero2 h1 .ph-l:nth-child(2) > span,.hj-hero h1 .ph-l:nth-child(2) > span{color:#0A6B88!important}

.ab-hero .ph-lede,.sv-hero .ph-lede,.tm-hero .ph-lede,.pi-hero2 .ph-lede,.ct-hero2 .ph-lede,.hj-hero .ph-lede,.ab-hero .lede,.sv-hero .lede,.tm-hero .lede,.pi-hero2 .lede,.ct-hero2 .lede,.hj-hero .lede,.ab-hero p,.sv-hero p,.tm-hero p,.pi-hero2 p,.ct-hero2 p,.hj-hero p{color:#3E5560!important}

.ab-hero .ph-cta .btn:first-child,.sv-hero .ph-cta .btn:first-child,.tm-hero .ph-cta .btn:first-child,.pi-hero2 .ph-cta .btn:first-child,.ct-hero2 .ph-cta .btn:first-child,.hj-hero .ph-cta .btn:first-child,.ab-hero .btn.ph-book,.sv-hero .btn.ph-book,.tm-hero .btn.ph-book,.pi-hero2 .btn.ph-book,.ct-hero2 .btn.ph-book,.hj-hero .btn.ph-book{background:#05ADD8!important;border-color:#05ADD8!important;color:#fff!important}

.ab-hero .ph-cta .btn:not(:first-child),.sv-hero .ph-cta .btn:not(:first-child),.tm-hero .ph-cta .btn:not(:first-child),.pi-hero2 .ph-cta .btn:not(:first-child),.ct-hero2 .ph-cta .btn:not(:first-child),.hj-hero .ph-cta .btn:not(:first-child),.ab-hero .btn.ph-call,.sv-hero .btn.ph-call,.tm-hero .btn.ph-call,.pi-hero2 .btn.ph-call,.ct-hero2 .btn.ph-call,.hj-hero .btn.ph-call,.ab-hero .btn.ph-ghost,.sv-hero .btn.ph-ghost,.tm-hero .btn.ph-ghost,.pi-hero2 .btn.ph-ghost,.ct-hero2 .btn.ph-ghost,.hj-hero .btn.ph-ghost{background:#fff!important;border:1.5px solid #C9E7E7!important;color:#0A6B88!important}

.ab-hero .ph-cta .btn svg,.sv-hero .ph-cta .btn svg,.tm-hero .ph-cta .btn svg,.pi-hero2 .ph-cta .btn svg,.ct-hero2 .ph-cta .btn svg,.hj-hero .ph-cta .btn svg{color:currentColor}

.ab-hero a:not(.btn),.sv-hero a:not(.btn),.tm-hero a:not(.btn),.pi-hero2 a:not(.btn),.ct-hero2 a:not(.btn),.hj-hero a:not(.btn){color:#0A6B88}

/* header sits on a light hero, so keep it in its normal colours */
html body.lx-hero-light:not(.scrolled) .site-head .nav .link{color:#263238!important}

html body.lx-hero-light:not(.scrolled) .brand .on-light{display:block!important}

html body.lx-hero-light:not(.scrolled) .brand .on-dark{display:none!important}

html body.lx-hero-light:not(.scrolled) .menu-btn{color:#263238!important}

html body.lx-hero-light:not(.scrolled) .site-head .btn-book{background:#05ADD8!important;border-color:#05ADD8!important;color:#fff!important}

html body.lx-hero-light:not(.scrolled) .call-dot{background:#0A6B88!important;color:#fff!important}

html body.lx-hero-light:not(.scrolled) .site-head{color:#263238!important}

html body.lx-hero-light:not(.scrolled):not(.zz):not(.zy) .site-head .nav .link{color:#263238!important}

html body.lx-hero-light:not(.scrolled):not(.zz):not(.zy) .site-head .nav .link[aria-current="page"]{color:#0A6B88!important}

html body.lx-hero-light:not(.scrolled):not(.zz):not(.zy) .site-head .btn-book{background:#05ADD8!important;border-color:#05ADD8!important;color:#fff!important}

html body.lx-hero-light:not(.scrolled):not(.zz):not(.zy) .call-dot{background:#0A6B88!important;color:#fff!important}

html body.lx-hero-light:not(.scrolled):not(.zz):not(.zy) .menu-btn{color:#263238!important}

html body.lx-hero-light:not(.scrolled):not(.zz):not(.zy) .brand .on-light{display:block!important}

html body.lx-hero-light:not(.scrolled):not(.zz):not(.zy) .brand .on-dark{display:none!important}

/* stat boxes, tiles and labels as white cards on the aqua hero */
.abh-facts > span,.tmh-jump > a{background:#fff!important;border:1px solid #C9E7E7!important;color:#3E5560!important;box-shadow:0 14px 30px -24px rgba(10,60,80,.45)}

.abh-facts > span b,.tmh-jump > a b,.abh-facts .cnt,.tmh-jump .cnt{color:#0A6B88!important}

.abh-facts > span *,.tmh-jump > a span{color:#3E5560}

.abh-facts b::after,.tmh-jump b::after{background:#05ADD8!important}

.ob-core,.ob-core *{color:#173B63!important}

.ob-core{background:#fff!important;border:1px solid #C9E7E7!important;box-shadow:0 18px 40px -26px rgba(10,60,80,.5)}

.ct-tile{background:#fff!important;border:1px solid #C9E7E7!important;color:#263238!important}

.ct-tile .ct-tt b{color:#173B63!important}
.ct-tile .ct-tt span{color:#3E5560!important}

.ct-tile .ct-ti{background:#EAF7F7!important;color:#0A6B88!important}
.ct-tile .ct-ta{color:#0A6B88!important}

.ct-clock,.ct-clock *{color:#3E5560!important}
.ct-clock b{color:#173B63!important}

.ph-replay{color:#0A6B88!important;border-color:#C9E7E7!important;background:#fff!important}

.sv-hero .orb-hint,.sv-hero [class*=hint],.ab-hero .abh-hint{color:#3E5560!important}

.sv-hero [class*=orbit-ring],.sv-hero .ob-ring{border-color:#C9E7E7!important}