@import url("./section-spacing.css");
/* Matching copies of the supplied logo, balanced around the company name. */
.landing-topbar,.topbar,.c-head,.q-head,header.top{position:relative}
.area-index-brand,.provider-brand-header,header.dx-top{position:relative}
.landing-topbar::before,.landing-topbar::after,
.topbar::before,.topbar::after,
.c-head::before,.c-head::after,
.q-head::before,.q-head::after,
header.top::before,header.top::after,
.area-index-brand::before,.area-index-brand::after,
.provider-brand-header::before,.provider-brand-header::after,
header.dx-top::before,header.dx-top::after{
  content:"";
  position:absolute;
  top:clamp(32px,3.4vw,42px);
  width:clamp(84px,12.9vw,156px);
  aspect-ratio:240/185;
  background:url("./ghl-wing-logo-all-text-green.png") center/contain no-repeat;
  pointer-events:none;
}
.landing-topbar::before,.topbar::before,.c-head::before,.q-head::before,header.top::before{left:16px}
.landing-topbar::after,.topbar::after,.c-head::after,.q-head::after,header.top::after{right:16px}
.landing-topbar::before{left:0}
.landing-topbar::after{right:0}
.area-index-brand::before{left:0}
.area-index-brand::after{right:0}
.provider-brand-header::before,header.dx-top::before{left:16px}
.provider-brand-header::after,header.dx-top::after{right:16px}
header:is(.landing-topbar,.topbar,.c-head,.q-head,.area-index-brand,.provider-brand-header,.dx-top) h1,header.top .brand{
  display:block;
  box-sizing:border-box;
  width:100%;
  padding-inline:clamp(100px,14vw,184px);
}
header.area-index-brand{width:min(100% - 40px,1120px);margin-inline:auto;padding-block:28px 24px}
.provider-root header.provider-brand-header{text-align:center;min-height:180px}
:is(header,div).customer-header{box-sizing:border-box;width:min(100% - 48px,1120px);margin-inline:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:28px 0 24px;border:0;text-align:center;font-family:'Manrope',sans-serif}
:is(header,div).customer-header h1.customer-heading{width:100%;margin:0;padding-inline:clamp(100px,14vw,184px)}
:is(header,div).customer-header a.customer-brand{display:block;width:100%;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:#50C878;font-size:clamp(3rem,8vw,6rem);font-weight:900;letter-spacing:-.075em;line-height:.98;text-decoration:none}
:is(header,div).customer-header .customer-region{display:block;margin-top:18px;font-size:clamp(1.7rem,4vw,3rem);font-weight:900;line-height:1.2;letter-spacing:-.05em;color:#50C878}
:is(header,div).customer-header .loyalty-rewards-banner{box-sizing:border-box;width:min(100%,1000px);margin:0;padding:14px clamp(14px,3vw,24px);border:1px solid rgb(80 200 120 / 45%);border-radius:6px;background:#191b1a;color:#fff;text-align:center}
:is(header,div).customer-header .loyalty-rewards-banner p{margin:0;font-size:clamp(.875rem,1.6vw,1rem);font-weight:650;line-height:1.6;text-wrap:pretty;overflow-wrap:break-word}
:is(header,div).customer-header .loyalty-rewards-banner strong,:is(header,div).customer-header .loyalty-rewards-banner .emerald-highlight{color:#50C878;font-weight:850}
:is(header,div).customer-header .customer-nav{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 28px;width:100%;border:0;background:transparent;box-shadow:none}
:is(header,div).customer-header .customer-nav a{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:#fff;font-size:.83rem;font-weight:400;line-height:1.4;text-decoration:none}
:is(header,div).customer-header .customer-nav a:hover{color:#50C878}
:is(header,div).customer-header .customer-nav a:focus-visible{outline:2px solid #50C878;outline-offset:4px}
:is(header,div).customer-header .customer-nav .browse-link{color:#50C878;font-weight:800}
@media(max-width:600px){:is(header,div).customer-header{padding-top:120px}:is(header,div).customer-header h1.customer-heading{padding-inline:0}:is(header,div).customer-header .customer-nav{gap:4px 18px}}
header.dx-top{display:block;text-align:center;min-height:220px;padding:32px 20px 60px}
header.dx-top .dx-acct{justify-content:center;margin:20px 0 0}
@media(max-width:600px){
  /* Keep the enlarged corner logos clear of the full-size name on phones. */
  header:is(.landing-topbar,.topbar,.c-head,.q-head,.top,.area-index-brand,.provider-brand-header,.dx-top){padding-top:120px}
  .provider-root header.provider-brand-header{padding-top:120px}
  header:is(.landing-topbar,.topbar,.c-head,.q-head,.area-index-brand,.provider-brand-header,.dx-top) h1,header.top .brand{padding-inline:0}
}
@media(max-width:480px){
  .topbar::before,.c-head::before,.q-head::before,header.top::before{left:10px}
  .topbar::after,.c-head::after,.q-head::after,header.top::after{right:10px}
}