/* // CSS NAME: ugth-tokens // */
/* Ultimate brand tokens. Change here, everything downstream follows. */
.ugth{
  --ult-teal-500:#00ADBC;
  --ult-teal-600:#008F9C;
  --ult-teal-700:#00747F;   /* teal TEXT on white, AA 5.52:1 */
  --ult-teal-200:#BDEAEE;
  --ult-teal-800:#005961;
  --ult-ink:#0E1417;
  --ult-ink-60:#737778;
  --ult-ink-20:#CFD0D1;
  --ult-ink-10:#E7E8E8;
  --ult-ink-05:#F4F4F5;
  --ult-paper:#FFFFFF;
  --ult-amber:#FF9F19;      /* fill only, ink text on it */
  --ult-amber-100:#FFF1DC;
  --ult-amber-800:#88520B;
  --ult-radius:4px;
  --ult-radius-lg:12px;
  --ult-display:"Work Sans","Helvetica Neue",Arial,system-ui,sans-serif;
  --ult-text:"Raleway","Helvetica Neue",Arial,system-ui,sans-serif;
}

/* // CSS NAME: ugth-base // */
.ugth{
  font-family:var(--ult-text);
  color:var(--ult-ink);
  font-size:17px;
  line-height:1.6;
  max-width:1120px;
  margin:0 auto;
}
.ugth *{box-sizing:border-box;}
.ugth h1,.ugth h2,.ugth h3{
  font-family:var(--ult-display);
  font-weight:900;
  text-transform:uppercase;
  line-height:1.02;
  letter-spacing:.005em;
  margin:0 0 12px;
}
.ugth h1{font-size:32px;}
.ugth h2{font-size:22px;}
.ugth p{margin:0 0 12px;}
.ugth a{color:var(--ult-teal-700);text-underline-offset:.2em;}   /* NOT teal-500, that fails AA */
.ugth :focus-visible{outline:3px solid var(--ult-teal-500);outline-offset:2px;}

/* // CSS NAME: ugth-buttons // */
.ugth-btn{
  display:inline-block;
  font-family:var(--ult-display);
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.05em;
  font-size:14px;
  padding:14px 22px;
  border:0;
  border-radius:var(--ult-radius);
  cursor:pointer;
  text-decoration:none;
  transition:background 220ms cubic-bezier(.2,.7,.3,1);
}
.ugth-btn--primary{background:var(--ult-teal-700);color:#fff;}   /* deeper teal so white text passes AA at 5.52:1 */
.ugth-btn--primary:hover{background:var(--ult-teal-800);color:#fff;}
.ugth-btn--accent{background:var(--ult-amber);color:var(--ult-ink);}       /* ink on amber, 9.04:1 */
.ugth-btn--ghost{
  background:transparent;
  border:1px solid var(--ult-ink-20);
  color:var(--ult-ink);
  font-family:var(--ult-text);
  font-weight:600;
  text-transform:none;
  letter-spacing:0;
  font-size:14px;
  padding:11px 16px;
}
.ugth-btn--ghost:hover{border-color:var(--ult-teal-500);}

/* // CSS NAME: ugth-signin // */
.ugth-signin{
  background:var(--ult-paper);
  border:1px solid var(--ult-ink-10);
  border-radius:var(--ult-radius-lg);
  padding:36px 32px;
  max-width:520px;
  margin:0 auto 20px;
}
.ugth-signin h2{font-size:30px;text-align:center;margin-bottom:6px;}
.ugth-signin > .ugth-small{text-align:center;margin-bottom:22px;}
.ugth-signin .ugth-btn--primary{display:block;width:100%;text-align:center;}
.ugth-signin .ugth-disclose{text-align:center;}
.ugth-field{display:block;margin:0 0 16px;}
.ugth-field label{
  display:block;
  font-size:12px;
  letter-spacing:.1em;
  text-transform:uppercase;
  font-weight:700;
  color:var(--ult-ink-60);
  margin-bottom:6px;
}
.ugth-field input{
  width:100%;
  font:inherit;
  font-size:16px;                 /* 16px stops iOS zooming on focus */
  padding:13px 14px;
  border-radius:var(--ult-radius);
  border:1px solid var(--ult-ink-20);
  background:var(--ult-ink-05);
  color:var(--ult-ink);
}
.ugth-hint,.ugth-small{font-size:13px;color:var(--ult-ink-60);}
.ugth-disclose{font-size:12px;color:var(--ult-ink-60);margin-top:14px;}
.ugth-error{
  background:var(--ult-amber-100);
  color:var(--ult-amber-800);
  border-radius:var(--ult-radius);
  padding:12px 14px;
  font-size:14px;
  margin-bottom:16px;
}
.ugth-covered{
  max-width:520px;
  margin:0 auto;
  padding:20px 24px;
  border:1px solid var(--ult-ink-10);
  border-radius:var(--ult-radius-lg);
  background:var(--ult-ink-05);
}
.ugth-covered h3{font-size:14px;}
.ugth-covered ul{margin:0 0 10px;padding-left:20px;font-size:15px;}

/* // CSS NAME: ugth-signin-help // */
.ugth-help{max-width:520px;margin:0 auto 24px;display:grid;gap:10px;}
.ugth-disclosure{
  border:1px solid var(--ult-ink-10);
  border-radius:var(--ult-radius);
  background:var(--ult-paper);
  overflow:hidden;
}
.ugth-disclosure > summary{
  cursor:pointer;list-style:none;padding:14px 18px;
  font-family:var(--ult-display);font-weight:900;text-transform:uppercase;
  font-size:13px;letter-spacing:.05em;color:var(--ult-teal-700);
  display:flex;align-items:center;justify-content:space-between;gap:10px;
}
.ugth-disclosure > summary::-webkit-details-marker{display:none;}
.ugth-disclosure > summary::after{content:"+";font-size:19px;line-height:1;}
.ugth-disclosure[open] > summary::after{content:"\2212";}
.ugth-disclosure .ugth-disclosure-body{padding:0 18px 16px;}
.ugth-disclosure ul{margin:0 0 10px;padding-left:20px;font-size:15px;}
.ugth-btn--small{
  font-size:12px;padding:10px 16px;letter-spacing:.05em;
}
.ugth-help-row{display:flex;justify-content:center;}

/* // CSS NAME: ugth-hero // */
.ugth-hero{
  position:relative;
  isolation:isolate;
  background:var(--ult-ink);
  color:#fff;
  border-radius:var(--ult-radius-lg) var(--ult-radius-lg) 0 0;
  padding:34px 28px 30px;
  min-height:212px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
}
.ugth-hero::before{
  content:"";position:absolute;inset:0;z-index:-2;
  background-image:var(--ugth-hero,none);
  background-size:cover;background-position:center 58%;
}
.ugth-hero::after{
  content:"";position:absolute;inset:0;z-index:-1;
  /* Off by default. Raise the overlay on a template when a busy photo
     needs it, rather than dimming every hero out of habit. */
  background:rgba(14,20,23,var(--ugth-overlay,0));
}
.ugth-hero h1{
  color:#fff;
  font-size:44px;
  font-weight:900;
  text-shadow:0 2px 4px rgba(14,20,23,.55), 0 4px 24px rgba(14,20,23,.65);
}
.ugth-eyebrow{
  font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#fff;
  font-weight:700;margin:0 0 10px;text-shadow:0 2px 4px rgba(14,20,23,.6),0 2px 14px rgba(14,20,23,.8);
}
.ugth-dates{color:#fff;font-size:16px;text-shadow:0 2px 4px rgba(14,20,23,.6),0 2px 14px rgba(14,20,23,.8);}
.ugth-meta{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin-top:14px;}
.ugth-pill{
  font-size:11.5px;letter-spacing:.09em;text-transform:uppercase;font-weight:700;
  padding:5px 11px;border-radius:999px;background:rgba(14,20,23,.55);color:#fff;white-space:nowrap;
}
.ugth-pill--good{background:var(--ult-teal-500);color:var(--ult-ink);}
.ugth-countdown{
  margin-left:auto;background:var(--ult-paper);border-radius:var(--ult-radius);
  padding:9px 16px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--ult-teal-700);font-weight:700;text-align:center;
}
.ugth-countdown b{
  display:block;font-family:var(--ult-display);font-weight:900;font-size:30px;line-height:1;
  letter-spacing:0;color:var(--ult-teal-500);font-variant-numeric:tabular-nums;
}

/* // CSS NAME: ugth-grid // */
.ugth-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0;
  background:var(--ult-paper);
  border:1px solid var(--ult-ink-10);
  border-top:0;
  border-radius:0 0 var(--ult-radius-lg) var(--ult-radius-lg);
  overflow:hidden;
}
.ugth-card{
  background:var(--ult-paper);
  padding:28px;
  min-width:0;
  /* Dividing lines are drawn inside the card, so a row that ends up with a
     single card leaves white space rather than a grey hole. */
  box-shadow:inset -1px 0 0 var(--ult-ink-10), inset 0 -1px 0 var(--ult-ink-10);
}
/* A card left alone at the end takes the full width. */
.ugth-card:last-child:not(.ugth-card--wide){grid-column:1 / -1;}
.ugth-card > h2{
  color:var(--ult-teal-700);
  font-size:22px;
  letter-spacing:.01em;
  margin:0 0 14px;
}
.ugth-card--wide{grid-column:1 / -1;}
.ugth-card--info{background:#F2FBFC;}
.ugth-card--warn{background:var(--ult-amber-100);}
.ugth-content img{max-width:100%;height:auto;}
/* // CSS NAME: ugth-banner-centre // */
/* Affiliate artwork is 728 x 90. Centre it and stop it upscaling. */
.ugth-content img{display:block;margin-left:auto;margin-right:auto;}
.ugth-content a:has(img){display:block;text-align:center;}
.ugth-content p:has(img){text-align:center;}

/* // CSS NAME: ugth-bits // */
.ugth-kv{display:grid;grid-template-columns:auto 1fr;gap:7px 18px;margin:0 0 12px;font-size:15px;}
.ugth-kv dt{
  color:var(--ult-ink-60);font-size:11.5px;letter-spacing:.08em;
  text-transform:uppercase;font-weight:700;padding-top:3px;
}
.ugth-kv dd{margin:0;font-weight:500;}
.ugth-bignum{font-weight:700;font-size:27px;line-height:1.1;font-variant-numeric:tabular-nums;}
.ugth-progress{height:7px;border-radius:999px;background:var(--ult-ink-10);overflow:hidden;margin:12px 0;}
.ugth-progress i{display:block;height:100%;background:var(--ult-teal-500);}
.ugth-fineprint{font-size:12.5px;line-height:1.5;color:var(--ult-ink-60);border-top:1px solid var(--ult-ink-10);padding-top:11px;}
.ugth-callout{border-radius:var(--ult-radius);padding:14px 16px;margin:0 0 12px;font-size:14.5px;}
.ugth-callout b{
  display:block;font-family:var(--ult-display);font-weight:900;text-transform:uppercase;
  font-size:13px;letter-spacing:.03em;margin-bottom:3px;
}
.ugth-callout--info{background:#F2FBFC;border:1px solid var(--ult-teal-200);}
.ugth-callout--info b{color:var(--ult-teal-800);}
.ugth-callout--warn{background:var(--ult-amber-100);color:var(--ult-amber-800);}
.ugth-signout{margin:22px 0;text-align:right;}

/* // CSS NAME: ugth-contact // */
.ugth-contact-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px;}

/* // CSS NAME: ugth-responsive // */
@media (max-width:820px){
  .ugth-grid{grid-template-columns:1fr;}
  .ugth-card{padding:20px 18px;}
  .ugth-hero{padding:22px 18px;}
  .ugth-hero h1{font-size:30px;}
  .ugth-countdown{margin-left:0;}
  .ugth-kv{grid-template-columns:1fr;gap:2px 0;}
  .ugth-kv dd{margin-bottom:9px;}
  .ugth-btn{width:100%;text-align:center;}
  .ugth-btn--ghost{width:auto;}
  .ugth-signin{padding:24px 20px;}
}
@media (prefers-reduced-motion:reduce){
  .ugth *{transition:none !important;}
}

/* // CSS NAME: ugth-theme-armour // */
/* Enfold styles headings and links with #top prefixed selectors, which beat
   anything class based no matter how tidy. These few rules exist purely to
   win that fight. Keep them last in the file. */

/* Hero type stays white on the photo. */
#top .ugth .ugth-hero h1,
.ugth .ugth-hero h1{
  color:#fff !important;
  font-family:"Work Sans","Helvetica Neue",Arial,sans-serif !important;
  font-weight:900 !important;
  font-size:44px !important;
  line-height:1.02 !important;
  text-transform:uppercase !important;
  text-shadow:0 2px 4px rgba(14,20,23,.55), 0 4px 24px rgba(14,20,23,.65) !important;
  margin:0 0 10px !important;
}
#top .ugth .ugth-hero .ugth-eyebrow,
#top .ugth .ugth-hero .ugth-dates,
.ugth .ugth-hero .ugth-eyebrow,
.ugth .ugth-hero .ugth-dates{ color:#fff !important; }

/* Buttons are links, and the theme colours links. */
#top .ugth .ugth-btn--primary,
.ugth .ugth-btn--primary{ background:var(--ult-teal-700) !important; color:#fff !important; }
#top .ugth .ugth-btn--primary:hover,
.ugth .ugth-btn--primary:hover{ background:var(--ult-teal-800) !important; color:#fff !important; }
#top .ugth .ugth-btn--accent,
.ugth .ugth-btn--accent{ background:var(--ult-amber) !important; color:var(--ult-ink) !important; }
#top .ugth .ugth-btn--ghost,
.ugth .ugth-btn--ghost{ background:transparent !important; color:var(--ult-ink) !important; }

/* Card headings keep our type, not the theme's. */
#top .ugth .ugth-card h2,
.ugth .ugth-card h2{
  font-family:"Work Sans","Helvetica Neue",Arial,sans-serif !important;
  font-weight:900 !important;
  font-size:22px !important;
  line-height:1.1 !important;
  text-transform:uppercase !important;
  color:#00747F !important;
  margin:0 0 14px !important;
}

/* Countdown: white box, teal numerals. */
#top .ugth .ugth-countdown,
.ugth .ugth-countdown{ background:#fff !important; color:var(--ult-teal-700) !important; }
#top .ugth .ugth-countdown b,
.ugth .ugth-countdown b{ color:var(--ult-teal-500) !important; }

/* Sign in heading centred and large. */
#top .ugth .ugth-signin h2,
.ugth .ugth-signin h2{
  font-size:30px !important;
  text-align:center !important;
  color:var(--ult-ink) !important;
}

@media (max-width:820px){
  #top .ugth .ugth-hero h1,
  .ugth .ugth-hero h1{ font-size:30px !important; }
}

/* Every button in the hub, whatever the theme thinks links should look like.
   Enfold colours <a> inside content, which is why button labels came out
   teal on teal. */
#top .ugth a.ugth-btn,
#top .ugth button.ugth-btn,
.ugth a.ugth-btn,
.ugth button.ugth-btn{
  font-family:"Work Sans","Helvetica Neue",Arial,sans-serif !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  text-decoration:none !important;
}
#top .ugth a.ugth-btn--primary,
#top .ugth button.ugth-btn--primary,
.ugth a.ugth-btn--primary,
.ugth button.ugth-btn--primary{
  background:#00747F !important;
  color:#fff !important;
  border:0 !important;
}
#top .ugth a.ugth-btn--primary:hover,
#top .ugth button.ugth-btn--primary:hover,
.ugth a.ugth-btn--primary:hover,
.ugth button.ugth-btn--primary:hover{ background:#005961 !important; color:#fff !important; }

#top .ugth a.ugth-btn--accent,
#top .ugth button.ugth-btn--accent,
.ugth a.ugth-btn--accent,
.ugth button.ugth-btn--accent{ background:#FF9F19 !important; color:#0E1417 !important; border:0 !important; }

#top .ugth a.ugth-btn--ghost,
#top .ugth button.ugth-btn--ghost,
.ugth a.ugth-btn--ghost,
.ugth button.ugth-btn--ghost{
  background:transparent !important;
  color:#0E1417 !important;
  border:1px solid #CFD0D1 !important;
  font-family:"Raleway","Helvetica Neue",Arial,sans-serif !important;
  font-weight:600 !important;
  text-transform:none !important;
}

/* Bold text inside a callout must follow the callout, not the theme. */
#top .ugth .ugth-callout--warn,
#top .ugth .ugth-callout--warn b,
#top .ugth .ugth-callout--warn strong,
.ugth .ugth-callout--warn,
.ugth .ugth-callout--warn b,
.ugth .ugth-callout--warn strong{ color:#88520B !important; }

#top .ugth .ugth-callout--info b,
#top .ugth .ugth-callout--info strong,
.ugth .ugth-callout--info b,
.ugth .ugth-callout--info strong{ color:#005961 !important; }

/* Body copy bold stays ink, not the theme's accent. */
#top .ugth .ugth-card b,
#top .ugth .ugth-card strong,
.ugth .ugth-card b,
.ugth .ugth-card strong{ color:inherit !important; }

/* Links inside content keep the accessible teal, never the bright one. */
#top .ugth .ugth-content a,
.ugth .ugth-content a{ color:#00747F !important; }
#top .ugth .ugth-content a.ugth-btn--primary,
.ugth .ugth-content a.ugth-btn--primary{ color:#fff !important; }

/* // CSS NAME: ugth-helpbar // */
/* Sits directly under the hero. First thing a stuck traveller sees. */
.ugth-helpbar{
  display:flex;align-items:center;gap:18px;flex-wrap:wrap;
  padding:18px 28px;
  background:#1B8A9F;
  border-left:1px solid #1B8A9F;
  border-right:1px solid #1B8A9F;
  border-bottom:1px solid #1B8A9F;
}
.ugth-helpbar-text{display:grid;gap:4px;min-width:0;flex:1 1 260px;}
.ugth-helpbar-text strong{
  font-family:var(--ult-display);font-weight:900;text-transform:uppercase;
  font-size:20px;letter-spacing:.03em;line-height:1.1;color:#fff;
}
.ugth-helpbar-text span{font-size:15px;color:#fff;}

/* On a teal bar the primary button has to invert to stay a button. */
.ugth-helpbar .ugth-btn--primary{background:#fff;color:#00747F;}
.ugth-helpbar .ugth-btn--primary:hover{background:var(--ult-ink-05);color:#005961;}
.ugth-helpbar .ugth-btn--ghost{background:transparent;border-color:rgba(255,255,255,.7);color:#fff;}
.ugth-helpbar .ugth-btn--ghost:hover{border-color:#fff;color:#fff;}
.ugth-helpbar-actions{display:flex;gap:8px;flex-wrap:wrap;margin-left:auto;}
.ugth-btn--brand{background:#00ADBC;color:#fff;}
.ugth-btn--brand:hover{background:#008F9C;color:#fff;}
.ugth-btn--wa{background:#fff;color:#00747F;}
.ugth-btn--wa:hover{background:var(--ult-ink-05);color:#005961;}

@media (max-width:820px){
  .ugth-helpbar{padding:14px 18px;}
  .ugth-helpbar-actions{margin-left:0;width:100%;}
  .ugth-helpbar-actions .ugth-btn{flex:1 1 auto;text-align:center;}
}

/* Theme armour for the new bits. */
#top .ugth a.ugth-btn--brand,
.ugth a.ugth-btn--brand{ background:#00ADBC !important; color:#fff !important; border:0 !important; }
#top .ugth a.ugth-btn--brand:hover,
.ugth a.ugth-btn--brand:hover{ background:#008F9C !important; color:#fff !important; }
#top .ugth a.ugth-btn--wa,
.ugth a.ugth-btn--wa{ background:#fff !important; color:#00747F !important; border:0 !important; }
#top .ugth a.ugth-btn--wa:hover,
.ugth a.ugth-btn--wa:hover{ background:#F4F4F5 !important; color:#005961 !important; }
#top .ugth .ugth-helpbar,
.ugth .ugth-helpbar{ background:#1B8A9F !important; }
#top .ugth .ugth-helpbar-text strong,
.ugth .ugth-helpbar-text strong{ color:#fff !important; font-size:20px !important; }
#top .ugth .ugth-helpbar-text span,
.ugth .ugth-helpbar-text span{ color:#fff !important; font-size:15px !important; }
#top .ugth .ugth-helpbar a.ugth-btn--primary,
.ugth .ugth-helpbar a.ugth-btn--primary{ background:#fff !important; color:#00747F !important; }
#top .ugth .ugth-helpbar a.ugth-btn--primary:hover,
.ugth .ugth-helpbar a.ugth-btn--primary:hover{ background:#F4F4F5 !important; color:#005961 !important; }
#top .ugth .ugth-helpbar a.ugth-btn--ghost,
.ugth .ugth-helpbar a.ugth-btn--ghost{ background:transparent !important; color:#fff !important; border:1px solid rgba(255,255,255,.7) !important; }
#top .ugth .ugth-btn--small,
.ugth .ugth-btn--small{ font-size:12px !important; padding:10px 16px !important; }

/* // CSS NAME: ugth-shots // */
/* Product photography inside a content block. */
.ugth-shots{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:14px;
  margin:0 0 16px;
}
.ugth-shots figure{margin:0;}
.ugth-shots img{
  display:block;width:100%;height:auto;
  border-radius:var(--ult-radius);
  background:var(--ult-ink-05);
}
.ugth-shots figcaption{
  margin-top:8px;font-size:13.5px;font-weight:600;color:var(--ult-ink);
}
#top .ugth .ugth-shots figcaption,
.ugth .ugth-shots figcaption{ color:#0E1417 !important; }

/* // CSS NAME: ugth-split // */
/* Copy on the left, supporting pictures on the right at a sane size. */
.ugth-split{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start;}
.ugth-split-main > :last-child{margin-bottom:0;}
.ugth-split-aside{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.ugth-split-aside figure{margin:0;}
.ugth-split-aside img{
  display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;
  border:1px solid var(--ult-ink-10);
  border-radius:var(--ult-radius);background:var(--ult-ink-05);
}
.ugth-split-aside figcaption{margin-top:8px;font-size:13px;font-weight:600;color:var(--ult-ink);}
@media (max-width:820px){
  .ugth-split{grid-template-columns:1fr;gap:18px;}
  .ugth-split-aside{max-width:none;}
}

/* // CSS NAME: ugth-sociallinks // */
/* Text, not tiles. Icon takes the platform colour, the words stay ours. */
.ugth-sociallinks{display:grid;gap:12px;margin:0 0 16px;}
.ugth-sociallink{
  display:grid;
  grid-template-columns:24px auto 1fr;
  align-items:center;
  gap:12px;
  text-decoration:none;
  font-size:16px;
  color:var(--ult-ink);
  padding:2px 0;
}
.ugth-sociallink svg{width:24px;height:24px;fill:currentColor;}
.ugth-sociallink span{
  font-family:var(--ult-display);font-weight:900;text-transform:uppercase;
  font-size:14px;letter-spacing:.03em;color:var(--ult-ink);
}
.ugth-sociallink em{font-style:normal;font-size:15px;color:var(--ult-ink-60);}
.ugth-sociallink:hover em{color:var(--ult-teal-700);}
.ugth-sociallink--ig{color:#DD2A7B;}
.ugth-sociallink--tt{color:#0E1417;}
.ugth-sociallink--sc{color:#C6A700;}
.ugth-sociallink--fb{color:#1877F2;}
.ugth-sociallink--yt{color:#FF0000;}

/* // CSS NAME: ugth-helpbar // */
/* Sits directly under the hero. First thing a stuck traveller sees. */
.ugth-helpbar{
  display:flex;align-items:center;gap:18px;flex-wrap:wrap;
  padding:18px 28px;
  background:#1B8A9F;
  border-left:1px solid #1B8A9F;
  border-right:1px solid #1B8A9F;
  border-bottom:1px solid #1B8A9F;
}
.ugth-helpbar-text{display:grid;gap:4px;min-width:0;flex:1 1 260px;}
.ugth-helpbar-text strong{
  font-family:var(--ult-display);font-weight:900;text-transform:uppercase;
  font-size:20px;letter-spacing:.03em;line-height:1.1;color:#fff;
}
.ugth-helpbar-text span{font-size:15px;color:#fff;}

/* On a teal bar the primary button has to invert to stay a button. */
.ugth-helpbar .ugth-btn--primary{background:#fff;color:#00747F;}
.ugth-helpbar .ugth-btn--primary:hover{background:var(--ult-ink-05);color:#005961;}
.ugth-helpbar .ugth-btn--ghost{background:transparent;border-color:rgba(255,255,255,.7);color:#fff;}
.ugth-helpbar .ugth-btn--ghost:hover{border-color:#fff;color:#fff;}
.ugth-helpbar-actions{display:flex;gap:8px;flex-wrap:wrap;margin-left:auto;}
.ugth-btn--brand{background:#00ADBC;color:#fff;}
.ugth-btn--brand:hover{background:#008F9C;color:#fff;}
.ugth-btn--wa{background:#fff;color:#00747F;}
.ugth-btn--wa:hover{background:var(--ult-ink-05);color:#005961;}

@media (max-width:820px){
  .ugth-helpbar{padding:14px 18px;}
  .ugth-helpbar-actions{margin-left:0;width:100%;}
  .ugth-helpbar-actions .ugth-btn{flex:1 1 auto;text-align:center;}
}

/* Theme armour for the new bits. */
#top .ugth a.ugth-btn--brand,
.ugth a.ugth-btn--brand{ background:#00ADBC !important; color:#fff !important; border:0 !important; }
#top .ugth a.ugth-btn--brand:hover,
.ugth a.ugth-btn--brand:hover{ background:#008F9C !important; color:#fff !important; }
#top .ugth a.ugth-btn--wa,
.ugth a.ugth-btn--wa{ background:#fff !important; color:#00747F !important; border:0 !important; }
#top .ugth a.ugth-btn--wa:hover,
.ugth a.ugth-btn--wa:hover{ background:#F4F4F5 !important; color:#005961 !important; }
#top .ugth .ugth-helpbar,
.ugth .ugth-helpbar{ background:#1B8A9F !important; }
#top .ugth .ugth-helpbar-text strong,
.ugth .ugth-helpbar-text strong{ color:#fff !important; font-size:20px !important; }
#top .ugth .ugth-helpbar-text span,
.ugth .ugth-helpbar-text span{ color:#fff !important; font-size:15px !important; }
#top .ugth .ugth-helpbar a.ugth-btn--primary,
.ugth .ugth-helpbar a.ugth-btn--primary{ background:#fff !important; color:#00747F !important; }
#top .ugth .ugth-helpbar a.ugth-btn--primary:hover,
.ugth .ugth-helpbar a.ugth-btn--primary:hover{ background:#F4F4F5 !important; color:#005961 !important; }
#top .ugth .ugth-helpbar a.ugth-btn--ghost,
.ugth .ugth-helpbar a.ugth-btn--ghost{ background:transparent !important; color:#fff !important; border:1px solid rgba(255,255,255,.7) !important; }
#top .ugth .ugth-btn--small,
.ugth .ugth-btn--small{ font-size:12px !important; padding:10px 16px !important; }

/* // CSS NAME: ugth-shots // */
/* Product photography inside a content block. */
.ugth-shots{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:14px;
  margin:0 0 16px;
}
.ugth-shots figure{margin:0;}
.ugth-shots img{
  display:block;width:100%;height:auto;
  border-radius:var(--ult-radius);
  background:var(--ult-ink-05);
}
.ugth-shots figcaption{
  margin-top:8px;font-size:13.5px;font-weight:600;color:var(--ult-ink);
}
#top .ugth .ugth-shots figcaption,
.ugth .ugth-shots figcaption{ color:#0E1417 !important; }

/* // CSS NAME: ugth-split // */
/* Copy on the left, supporting pictures on the right at a sane size. */
.ugth-split{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start;}
.ugth-split-main > :last-child{margin-bottom:0;}
.ugth-split-aside{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.ugth-split-aside figure{margin:0;}
.ugth-split-aside img{
  display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;
  border:1px solid var(--ult-ink-10);
  border-radius:var(--ult-radius);background:var(--ult-ink-05);
}
.ugth-split-aside figcaption{margin-top:8px;font-size:13px;font-weight:600;color:var(--ult-ink);}
@media (max-width:820px){
  .ugth-split{grid-template-columns:1fr;gap:18px;}
  .ugth-split-aside{max-width:none;}
}

/* // CSS NAME: ugth-socials // */
.ugth-socials{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(160px,1fr));
  gap:10px;
  margin:0 0 16px;
}
.ugth-social{
  display:grid;
  grid-template-columns:26px 1fr;
  grid-template-rows:auto auto;
  column-gap:11px;
  align-items:center;
  padding:14px 16px;
  border-radius:var(--ult-radius);
  text-decoration:none;
  color:#fff;
  background:var(--ult-ink);
  transition:transform 180ms var(--ult-ease,ease), filter 180ms ease;
}
.ugth-social:hover{ filter:brightness(1.08); transform:translateY(-1px); }
.ugth-social svg{grid-row:1 / span 2;width:26px;height:26px;fill:currentColor;}
.ugth-social-name{
  display:block;
  font-family:var(--ult-display);font-weight:900;text-transform:uppercase;
  font-size:14px;letter-spacing:.04em;line-height:1.1;
}
.ugth-social-handle{ display:block;font-size:12.5px;opacity:.9;word-break:break-word; }
.ugth-social--ig{ background:linear-gradient(45deg,#F58529,#DD2A7B 55%,#8134AF); }
.ugth-social--tt{ background:#0E1417; }
.ugth-social--sc{ background:#FFFC00; color:#0E1417; }
.ugth-social--fb{ background:#1877F2; }
.ugth-social--yt{ background:#FF0000; }

#top .ugth .ugth-social,
.ugth .ugth-social{ color:#fff !important; text-decoration:none !important; }
#top .ugth .ugth-social--sc,
.ugth .ugth-social--sc{ color:#0E1417 !important; }
#top .ugth .ugth-split-aside figcaption,
.ugth .ugth-split-aside figcaption{ color:#0E1417 !important; }

/* // CSS NAME: ugth-offer // */
/* A partner offer: who it is, what you get, why, one big button. */
.ugth-offer{
  display:grid;
  grid-template-columns:78px 1fr;
  align-items:start;
  gap:18px;
  padding:22px;
  margin:0 0 16px;
  border:1px solid var(--ult-ink-10);
  border-left:5px solid var(--ugth-offer-accent,var(--ult-teal-500));
  border-radius:var(--ult-radius);
  background:var(--ult-ink-05);
}
.ugth-offer-mark{
  width:78px;height:78px;
  display:flex;align-items:center;justify-content:center;text-align:center;
  border-radius:var(--ult-radius);
  background:var(--ugth-offer-accent,var(--ult-teal-500));
  color:var(--ugth-offer-ink,#fff);
  font-family:var(--ult-display);font-weight:900;
  font-size:13px;line-height:1.15;text-transform:uppercase;
  padding:6px;
}
.ugth-offer-body{min-width:0;display:block;text-align:left;}
.ugth-offer-head{
  display:block;
  font-family:var(--ult-display);font-weight:900;text-transform:uppercase;
  font-size:21px;line-height:1.1;letter-spacing:.01em;color:var(--ult-ink);
  margin:0 0 6px;
}
.ugth-offer-sub{font-size:15.5px;color:var(--ult-ink-60);margin:0 0 14px;line-height:1.5;}
.ugth-offer .ugth-perks{margin:0 0 18px;}
.ugth-offer .ugth-btn{margin:0;display:inline-block;float:none;}

.ugth-offer--nomads{--ugth-offer-accent:#0B2E4A;}
.ugth-offer--simify{--ugth-offer-accent:#00747F;}
.ugth-offer--wise{--ugth-offer-accent:#163300;--ugth-offer-ink:#9FE870;}
.ugth-offer--sky{--ugth-offer-accent:#0770E3;}
.ugth-offer--su{--ugth-offer-accent:#211E4E;}

/* // CSS NAME: ugth-perks // */
.ugth-perks{
  list-style:none;margin:0 0 16px;padding:0;
  display:grid;gap:9px;
}
.ugth-perks li{
  position:relative;padding-left:28px;font-size:15px;line-height:1.45;
  color:var(--ult-ink);list-style:none;
}
.ugth-perks li::marker{content:"";}
.ugth-perks li::before{
  content:"";position:absolute;left:3px;top:6px;
  width:12px;height:6px;
  border:solid var(--ult-teal-500);border-width:0 0 2.5px 2.5px;
  transform:rotate(-45deg);
}
.ugth-affiliate{font-size:12px;color:var(--ult-ink-60);margin:0;}

/* // CSS NAME: ugth-btn-offer // */
.ugth-btn--offer{
  font-size:16px;
  padding:17px 30px;
  letter-spacing:.04em;
}

@media (max-width:820px){
  .ugth-offer{grid-template-columns:1fr;gap:14px;padding:18px;}
  .ugth-offer-mark{width:64px;height:64px;font-size:12px;}
  .ugth-offer-head{font-size:19px;}
  .ugth-offer .ugth-btn--offer{display:block;width:100%;text-align:center;}
}

/* // CSS NAME: ugth-split // */
/* Copy on the left, supporting pictures on the right at a sane size. */
.ugth-split{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start;}
.ugth-split-main > :last-child{margin-bottom:0;}
.ugth-split-aside{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.ugth-split-aside figure{margin:0;}
.ugth-split-aside img{
  display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;
  border:1px solid var(--ult-ink-10);
  border-radius:var(--ult-radius);background:var(--ult-ink-05);
}
.ugth-split-aside figcaption{margin-top:8px;font-size:13px;font-weight:600;color:var(--ult-ink);}
@media (max-width:820px){
  .ugth-split{grid-template-columns:1fr;gap:18px;}
  .ugth-split-aside{max-width:none;}
}

/* // CSS NAME: ugth-socials // */
.ugth-socials{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(160px,1fr));
  gap:10px;
  margin:0 0 16px;
}
.ugth-social{
  display:grid;
  grid-template-columns:26px 1fr;
  grid-template-rows:auto auto;
  column-gap:11px;
  align-items:center;
  padding:14px 16px;
  border-radius:var(--ult-radius);
  text-decoration:none;
  color:#fff;
  background:var(--ult-ink);
  transition:transform 180ms var(--ult-ease,ease), filter 180ms ease;
}
.ugth-social:hover{ filter:brightness(1.08); transform:translateY(-1px); }
.ugth-social svg{grid-row:1 / span 2;width:26px;height:26px;fill:currentColor;}
.ugth-social-name{
  display:block;
  font-family:var(--ult-display);font-weight:900;text-transform:uppercase;
  font-size:14px;letter-spacing:.04em;line-height:1.1;
}
.ugth-social-handle{ display:block;font-size:12.5px;opacity:.9;word-break:break-word; }
.ugth-social--ig{ background:linear-gradient(45deg,#F58529,#DD2A7B 55%,#8134AF); }
.ugth-social--tt{ background:#0E1417; }
.ugth-social--sc{ background:#FFFC00; color:#0E1417; }
.ugth-social--fb{ background:#1877F2; }
.ugth-social--yt{ background:#FF0000; }

#top .ugth .ugth-social,
.ugth .ugth-social{ color:#fff !important; text-decoration:none !important; }
#top .ugth .ugth-social--sc,
.ugth .ugth-social--sc{ color:#0E1417 !important; }
#top .ugth .ugth-split-aside figcaption,
.ugth .ugth-split-aside figcaption{ color:#0E1417 !important; }

/* // CSS NAME: ugth-offer // */
/* A partner offer: who it is, what you get, one button. The banner sits
   under it as proof rather than doing the selling on its own. */
.ugth-offer{
  display:flex;
  align-items:center;
  gap:16px;
  flex-wrap:wrap;
  padding:16px 18px;
  margin:0 0 14px;
  border:1px solid var(--ult-ink-10);
  border-left:5px solid var(--ugth-offer-accent,var(--ult-teal-500));
  border-radius:var(--ult-radius);
  background:var(--ult-ink-05);
}
.ugth-offer-mark{
  flex:none;
  width:74px;height:74px;
  display:flex;align-items:center;justify-content:center;text-align:center;
  border-radius:var(--ult-radius);
  background:var(--ugth-offer-accent,var(--ult-teal-500));
  color:var(--ugth-offer-ink,#fff);
  font-family:var(--ult-display);font-weight:900;
  font-size:13px;line-height:1.1;letter-spacing:.01em;
  text-transform:uppercase;
  padding:6px;
}
.ugth-offer-body{display:grid;gap:4px;flex:1 1 220px;min-width:0;}
.ugth-offer-body strong{
  font-family:var(--ult-display);font-weight:900;text-transform:uppercase;
  font-size:15px;letter-spacing:.02em;line-height:1.15;color:var(--ult-ink);
}
.ugth-offer-body span{font-size:14.5px;color:var(--ult-ink-60);line-height:1.5;}
.ugth-offer .ugth-btn{flex:none;margin-left:auto;}

/* Partner colours, used only on the mark and the left rule. */
.ugth-offer--nomads{--ugth-offer-accent:#0B2E4A;}
.ugth-offer--simify{--ugth-offer-accent:#00747F;}
.ugth-offer--wise{--ugth-offer-accent:#163300;--ugth-offer-ink:#9FE870;}
.ugth-offer--sky{--ugth-offer-accent:#0770E3;}
.ugth-offer--su{--ugth-offer-accent:#211E4E;}
.ugth-offer--bank{--ugth-offer-accent:#FFCC00;--ugth-offer-ink:#0E1417;}

/* // CSS NAME: ugth-perks // */
.ugth-perks{
  list-style:none;margin:0 0 16px;padding:0;
  display:grid;gap:8px;
}
.ugth-perks li{
  position:relative;padding-left:26px;font-size:14.5px;color:var(--ult-ink);
}
.ugth-perks li::before{
  content:"";position:absolute;left:2px;top:6px;
  width:11px;height:6px;
  border:solid var(--ult-teal-500);border-width:0 0 2.5px 2.5px;
  transform:rotate(-45deg);
}
.ugth-affiliate{font-size:12px;color:var(--ult-ink-60);margin:0;}

@media (max-width:820px){
  .ugth-offer{gap:12px;padding:14px;}
  .ugth-offer-mark{width:56px;height:56px;font-size:11px;}
  .ugth-offer .ugth-btn{margin-left:0;width:100%;text-align:center;}
}

/* Theme armour. */
#top .ugth .ugth-offer-body strong,
.ugth .ugth-offer-body strong{ color:#0E1417 !important; }
#top .ugth .ugth-offer-body span,
.ugth .ugth-offer-body span{ color:#737778 !important; }
#top .ugth .ugth-perks li,
.ugth .ugth-perks li{ color:#0E1417 !important; }
#top .ugth .ugth-offer-mark,
.ugth .ugth-offer-mark{ color:var(--ugth-offer-ink,#fff) !important; }


/* // CSS NAME: ugth-armour-lists // */
/* Enfold styles content lists with its own bullets and padding, which put a
   disc next to every tick. These pin our lists back. */
#top .ugth .ugth-perks,
.ugth .ugth-perks{ list-style:none !important; margin:0 0 18px !important; padding:0 !important; }
#top .ugth .ugth-perks li,
.ugth .ugth-perks li{
  list-style:none !important;
  padding:0 0 0 28px !important;
  margin:0 !important;
  background:none !important;
  color:#0E1417 !important;
}
#top .ugth .ugth-perks li::marker,
.ugth .ugth-perks li::marker{ content:"" !important; }
#top .ugth .ugth-offer-head,
.ugth .ugth-offer-head{ color:#0E1417 !important; font-size:21px !important; }
#top .ugth .ugth-offer-sub,
.ugth .ugth-offer-sub{ color:#737778 !important; }
#top .ugth a.ugth-btn--offer,
.ugth a.ugth-btn--offer{ font-size:16px !important; padding:17px 30px !important; }
#top .ugth .ugth-sociallinks,
.ugth .ugth-sociallinks{ list-style:none !important; }
#top .ugth a.ugth-sociallink,
.ugth a.ugth-sociallink{ text-decoration:none !important; }
#top .ugth a.ugth-sociallink span,
.ugth a.ugth-sociallink span{ color:#0E1417 !important; }
#top .ugth a.ugth-sociallink em,
.ugth a.ugth-sociallink em{ color:#737778 !important; }

/* Keep the offer button left under its copy, and the mark at the top. */
#top .ugth .ugth-offer,
.ugth .ugth-offer{ align-items:start !important; }
#top .ugth .ugth-offer-mark,
.ugth .ugth-offer-mark{ align-self:start !important; }
#top .ugth .ugth-offer-body,
.ugth .ugth-offer-body{ display:block !important; text-align:left !important; }
#top .ugth .ugth-offer a.ugth-btn,
.ugth .ugth-offer a.ugth-btn{ display:inline-block !important; float:none !important; }

/* Social icons keep the platform colour, not the theme link colour. */
#top .ugth a.ugth-sociallink--ig,.ugth a.ugth-sociallink--ig{ color:#DD2A7B !important; }
#top .ugth a.ugth-sociallink--tt,.ugth a.ugth-sociallink--tt{ color:#0E1417 !important; }
#top .ugth a.ugth-sociallink--sc,.ugth a.ugth-sociallink--sc{ color:#C6A700 !important; }
#top .ugth a.ugth-sociallink--fb,.ugth a.ugth-sociallink--fb{ color:#1877F2 !important; }
#top .ugth a.ugth-sociallink--yt,.ugth a.ugth-sociallink--yt{ color:#FF0000 !important; }
#top .ugth a.ugth-sociallink svg,.ugth a.ugth-sociallink svg{ fill:currentColor !important; }

/* // CSS NAME: ugth-mobile-fullbleed // */
/* On a phone the header should run edge to edge rather than sitting in the
   theme's content gutter. The hero and the help bar move together, because
   a full width photo above an inset teal bar reads as a mistake.
   calc(50% - 50vw) is the standard break out: it cancels whatever padding
   the theme has put around us without needing to know what it is. */
@media (max-width:820px){
  .ugth-hero,
  .ugth-helpbar{
    margin-left:calc(50% - 50vw);
    margin-right:calc(50% - 50vw);
    width:100vw;
    max-width:100vw;
  }
  .ugth-hero{
    border-radius:0;
    padding-left:20px;
    padding-right:20px;
    min-height:260px;
  }
  .ugth-helpbar{
    border-left:0;
    border-right:0;
    padding-left:20px;
    padding-right:20px;
  }
  /* The grid keeps its rounded corners, so the header sitting flush above
     it still looks deliberate. */
  .ugth-grid{border-radius:0 0 var(--ult-radius-lg) var(--ult-radius-lg);}
}

#top .ugth .ugth-hero,
#top .ugth .ugth-helpbar{ box-sizing:border-box; }

/* // CSS NAME: ugth-contents // */
/* Sits under the help bar. A tour hub is long, and a traveller who wants
   the meeting point should not have to scroll past insurance to find it. */
.ugth-contents{
  background:#00ADBC;
  padding:18px 28px 20px;
  border-left:1px solid var(--ult-ink-10);
  border-right:1px solid var(--ult-ink-10);
}
.ugth-contents-label{
  font-family:var(--ult-display);font-weight:900;text-transform:uppercase;
  font-size:13px;letter-spacing:.08em;color:#fff;margin:0 0 12px;
}
.ugth-contents ul{
  list-style:none;margin:0;padding:0;
  display:flex;flex-wrap:wrap;gap:8px;
}
.ugth-contents li{list-style:none;margin:0;padding:0;}
.ugth-contents a{
  display:inline-block;
  background:#fff;
  color:#00747F;
  text-decoration:none;
  font-family:var(--ult-display);font-weight:900;text-transform:uppercase;
  font-size:12px;letter-spacing:.04em;
  padding:9px 14px;
  border-radius:var(--ult-radius);
}
.ugth-contents a:hover{background:var(--ult-ink-05);color:#005961;}

/* Landing point clears the sticky header most themes have. */
.ugth-card{scroll-margin-top:110px;}

.ugth-offer--amazon{--ugth-offer-accent:#232F3E;}

@media (max-width:820px){
  .ugth-contents{
    margin-left:calc(50% - 50vw);
    margin-right:calc(50% - 50vw);
    width:100vw;max-width:100vw;
    padding-left:20px;padding-right:20px;
    border-left:0;border-right:0;
  }
}

/* Theme armour. */
#top .ugth .ugth-contents,
.ugth .ugth-contents{ background:#00ADBC !important; }
#top .ugth .ugth-contents ul,
.ugth .ugth-contents ul{ list-style:none !important; padding:0 !important; margin:0 !important; }
#top .ugth .ugth-contents li,
.ugth .ugth-contents li{ list-style:none !important; margin:0 !important; }
#top .ugth .ugth-contents li::marker,
.ugth .ugth-contents li::marker{ content:"" !important; }
#top .ugth .ugth-contents a,
.ugth .ugth-contents a{ background:#fff !important; color:#00747F !important; text-decoration:none !important; }
#top .ugth .ugth-contents-label,
.ugth .ugth-contents-label{ color:#fff !important; }

/* // CSS NAME: ugth-hero-frame // */
/* The grid below the hero is drawn with a 1px border, the hero was not, so
   the outline stopped at the top of the photo and the header sat 1px proud
   on each side. Same border, all the way round, one enclosed unit. */
.ugth-hero{
  border:1px solid var(--ult-ink-10);
  border-bottom:0;
}
#top .ugth .ugth-hero,
.ugth .ugth-hero{
  border:1px solid var(--ult-ink-10) !important;
  border-bottom:0 !important;
  box-sizing:border-box !important;
}
@media (max-width:820px){
  /* Full bleed on a phone, so no side borders to see. */
  #top .ugth .ugth-hero,
  .ugth .ugth-hero{ border-left:0 !important; border-right:0 !important; }
}

/* // CSS NAME: ugth-split-half // */
/* Merch and anything else using the split: half copy, half pictures. The
   photos carry the same hairline border as the card so they read as framed
   product shots rather than cut outs. */
#top .ugth .ugth-split,
.ugth .ugth-split{ grid-template-columns:1fr 1fr !important; gap:28px !important; }
#top .ugth .ugth-split-aside img,
.ugth .ugth-split-aside img{
  border:1px solid #E7E8E8 !important;
  border-radius:4px !important;
}
@media (max-width:820px){
  #top .ugth .ugth-split,
  .ugth .ugth-split{ grid-template-columns:1fr !important; gap:18px !important; }
}

/* // CSS NAME: ugth-social-tight // */
/* Five rows of one line each do not need 40px of air between them. The
   name column is fixed so the handles line up down the left instead of
   stepping in and out with the length of each platform name. */
.ugth-sociallinks{ gap:2px; }
#top .ugth .ugth-sociallinks,
.ugth .ugth-sociallinks{ display:grid !important; gap:2px !important; margin:0 0 14px !important; }
#top .ugth a.ugth-sociallink,
.ugth a.ugth-sociallink{
  grid-template-columns:24px 104px 1fr !important;
  column-gap:12px !important;
  padding:3px 0 !important;
  margin:0 !important;
  line-height:1.3 !important;
}
@media (max-width:420px){
  #top .ugth a.ugth-sociallink,
  .ugth a.ugth-sociallink{ grid-template-columns:24px auto 1fr !important; column-gap:10px !important; }
}

/* // CSS NAME: ugth-contents-dropdown // */
/* Twenty six sections as pills was six rows deep and pushed the tour below
   the fold. Same pills, folded into a dropdown that opens on demand. No
   JavaScript: details/summary does this natively everywhere. */
details.ugth-contents{ padding:14px 28px; }
details.ugth-contents > summary{
  display:inline-flex;align-items:center;justify-content:space-between;gap:12px;
  cursor:pointer;list-style:none;
  min-width:260px;
  background:#fff;color:#00747F;
  font-family:var(--ult-display);font-weight:900;text-transform:uppercase;
  font-size:13px;letter-spacing:.05em;
  padding:11px 16px;border-radius:var(--ult-radius);
}
details.ugth-contents > summary::-webkit-details-marker{display:none;}
details.ugth-contents > summary::after{content:"+";font-size:18px;line-height:1;}
details.ugth-contents[open] > summary::after{content:"\2212";}
details.ugth-contents > ul{ margin-top:12px !important; }
details.ugth-contents a{ font-size:11.5px;padding:8px 12px; }

/* Theme armour: Enfold has opinions about summary elements. */
#top .ugth details.ugth-contents > summary,
.ugth details.ugth-contents > summary{
  background:#fff !important;color:#00747F !important;
  list-style:none !important;cursor:pointer !important;
  display:inline-flex !important;
}
#top .ugth details.ugth-contents,
.ugth details.ugth-contents{ background:#00ADBC !important; }

/* // CSS NAME: ugth-mobile-weight // */
/* A full tour hub is twenty six sections and can run past 15,000px on a
   phone. Laying out and painting all of that at once is what makes a
   mobile browser give up and show a blank page. content-visibility tells
   the browser to skip the work for anything off screen and do it as you
   scroll. The intrinsic size keeps the scrollbar honest. Browsers that do
   not support it ignore it and behave exactly as before. */
@media (max-width:820px){
  .ugth-card{
    content-visibility:auto;
    contain-intrinsic-size:auto 560px;
  }
}