/* ============================================================================
   ADVOKE CV — templates/family-band.css
   Layout family: band
   Full-width coloured header band containing the name, title, contact block
   and avatar, followed by a single content column. Used by Modern Blue,
   Professional Accent, Marketing Professional, Director Professional and
   Graduate Professional.
   ============================================================================ */

.resume--band {
  padding: 0; /* the band is full-bleed; the body applies page padding */
}

.resume--band > .layout--band {
  display: block;
  padding: 0;
  min-height: inherit;
}

.layout--band .resume-band {
  background: var(--t-band-bg);
  color: var(--t-band-fg);
  padding: var(--t-band-pad) var(--t-page-pad);
}

.layout--band .resume-band .resume-header {
  text-align: var(--t-header-align);
  color: inherit;
}

.layout--band .resume-band .resume-header__name,
.layout--band .resume-band .resume-header__title {
  color: var(--t-band-fg);
}

.layout--band .resume-band .resume-header__title {
  color: color-mix(in srgb, var(--t-band-fg) 78%, transparent);
}

.layout--band .resume-band .resume-header__contact,
.layout--band .resume-band .resume-header__contact-link,
.layout--band .resume-band .resume-header__contact-static,
.layout--band .resume-band .resume-header__contact-text,
.layout--band .resume-band .resume-header__contact-sep {
  color: color-mix(in srgb, var(--t-band-fg) 88%, transparent);
}

.layout--band .resume-band .resume-header__contact-icon {
  color: var(--t-band-fg);
  opacity: 1;
}

.layout--band .resume-band .resume-header__contact-link:hover {
  color: var(--t-band-fg);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.18em;
}

/* The band's avatar sits right of the identity block. */
.layout--band .resume-band .resume-avatar--header-right {
  position: absolute;
  right: 0;
  top: 0;
}

.layout--band .resume-body--band {
  padding: var(--t-page-pad);
  display: block;
}

/* Section heading rules inside the band body sit on the white page and
 * keep their configured colour. Nothing extra needed. */