.text-pale-blue { color:var(--cty-pale-blue); }
.text-navy { color:var(--cty-brand-navy); }
.text-blue { color:var(--cty-brand-blue); }
.text-emerald { color:var(--cty-brand-emerald); }
.text-lime { color:var(--cty-brand-lime); }
.text-red { color:var(--cty-brand-deep-red); }
.text-redhot { color:var(--cty-brand-red-hot); }
.text-orange { color:var(--cty-brand-orange); }
.text-pink { color:var(--cty-brand-pink); }
.text-coral { color:var(--cty-brand-coral); }
.text-white { color:white; }

.bg-pale-blue { background-color:var(--cty-pale-blue); }
.bg-navy { background-color:var(--cty-brand-navy); }
.bg-blue { background-color:var(--cty-brand-blue); }
.bg-emerald { background-color:var(--cty-brand-emerald); }
.bg-lime { background-color:var(--cty-brand-lime); }
.bg-red { background-color:var(--cty-brand-deep-red); }
.bg-redhot { background-color:var(--cty-brand-red-hot); }
.bg-orange { background-color:var(--cty-brand-orange); }
.bg-pink { background-color:var(--cty-brand-pink); }
.bg-coral { background-color:var(--cty-brand-coral); }

.default { background-color:var(--cty-pale-blue); color:var(--cty-brand-navy); }
.navy-lime { background-color:var(--cty-brand-navy); color:var(--cty-brand-lime); }
.pink-white {background-color:var(--cty-brand-pink); color:white; }
.blue-navy { background-color:var(--cty-brand-blue); color:var(--cty-brand-navy); }
.lime-navy { background-color:var(--cty-brand-lime); color:var(--cty-brand-navy); }
.coral-navy { background-color:var(--cty-brand-coral); color:var(--cty-brand-navy); }
.red-white { background-color:var(--cty-brand-deep-red); color:white; }
.redhot-white { background-color:var(--cty-brand-red-hot); color:white; }
.emerald-lime { background-color:var(--cty-brand-emerald); color:var(--cty-brand-lime); }

.padding-h { padding-left:16px; padding-right:16px; }
.padding-h2 { padding-left:32px; padding-right:32px; }
.padding-v { padding-top:16px; padding-bottom:16px; }
.padding-v2 { padding-top:32px; padding-bottom:32px; }

.vertical-center { display:flex; width:100%; height:100%; align-items:center; }

.vertical-center * { width:100%; }


.image-ushape { width:100%; padding-bottom:100%; background-position:center center; background-size:cover; border-radius:0 0 900px 900px }

.image-ushape-weather { width:100%; height:400px; background-position:center center; background-size:cover; border-radius: 900px 900px 0 0 }

.box-link { 
  display:block; 
  border-top:2px solid; 
  padding:20px 0 0 0; 
  font-size:2rem;
  line-height:1.2;
  font-family: 'aktiv-grotesk-extended', sans-serif;
  font-weight:500;
  color:inherit;
  text-decoration:none;
  width:100%;
}
.box-link span { display:block; padding-top:10px } 
.box-link:hover {
  color:inherit;
  text-decoration:none;
}