.header-area.is-fixed a,
.header-area.is-fixed button, .header-area.sub-page a,
.header-area.sub-page button, .header-area.w-bg-header a,
.header-area.w-bg-header button {
  color: var(--text-color-black);
}
.header-area.is-fixed svg path, .header-area.sub-page svg path, .header-area.w-bg-header svg path {
  fill: var(--grey-900);
}
.header-area.is-fixed .menu-icon, .header-area.sub-page .menu-icon, .header-area.w-bg-header .menu-icon {
  border-color: var(--grey-900);
}
.header-area.is-fixed .menu-icon svg rect, .header-area.sub-page .menu-icon svg rect, .header-area.w-bg-header .menu-icon svg rect {
  stroke: var(--grey-900);
}

.header-area {
  background: transparent;
}
.has-open-menu .header-area {
  z-index: 1000;
}
.header-area button,
.header-area a {
  color: var(--grey-100);
}
.header-area.w-bg-header {
  background: var(--grey-100);
  transition: background-color 0.3s ease;
  position: relative;
}
.header-area.w-bg-header.has-open-menu {
  background: transparent !important;
}
.header-area.is-fixed, .header-area.sub-page, .header-area.w-bg-header {
  background: var(--grey-100);
}
.header-area.is-fixed .erna-logo-header svg g, .header-area.sub-page .erna-logo-header svg g, .header-area.w-bg-header .erna-logo-header svg g {
  fill: var(--grey-900);
}
.header-area.is-fixed .menu-icon,
.header-area.is-fixed button,
.header-area.is-fixed a, .header-area.sub-page .menu-icon,
.header-area.sub-page button,
.header-area.sub-page a, .header-area.w-bg-header .menu-icon,
.header-area.w-bg-header button,
.header-area.w-bg-header a {
  color: var(--text-color-black);
}
.header-area.is-fixed .menu-icon:hover,
.header-area.is-fixed button:hover,
.header-area.is-fixed a:hover, .header-area.sub-page .menu-icon:hover,
.header-area.sub-page button:hover,
.header-area.sub-page a:hover, .header-area.w-bg-header .menu-icon:hover,
.header-area.w-bg-header button:hover,
.header-area.w-bg-header a:hover {
  color: var(--text-color-black);
}
.header-area.is-fixed .cta-btn-ghost-white,
.header-area.is-fixed .menu-icon, .header-area.sub-page .cta-btn-ghost-white,
.header-area.sub-page .menu-icon, .header-area.w-bg-header .cta-btn-ghost-white,
.header-area.w-bg-header .menu-icon {
  border-color: var(--grey-900);
}
.header-area.is-fixed .menu-open rect, .header-area.sub-page .menu-open rect, .header-area.w-bg-header .menu-open rect {
  stroke: var(--grey-900);
}

body.has-open-menu .menu-icon,
body.has-open-menu button,
body.has-open-menu a,
body.has-open-menu .header-area.is-fixed .menu-icon,
body.has-open-menu .header-area.is-fixed button,
body.has-open-menu .header-area.is-fixed a {
  color: var(--text-color-white) !important;
}
body.has-open-menu .menu-icon:hover,
body.has-open-menu button:hover,
body.has-open-menu a:hover,
body.has-open-menu .header-area.is-fixed .menu-icon:hover,
body.has-open-menu .header-area.is-fixed button:hover,
body.has-open-menu .header-area.is-fixed a:hover {
  color: var(--text-color-white) !important;
}
body.has-open-menu .menu-advert--item a,
body.has-open-menu .header-area.is-fixed .menu-advert--item a {
  color: var(--text-color-white) !important;
}
body.has-open-menu .cta-btn-ghost-white,
body.has-open-menu .menu-icon,
body.has-open-menu .header-area.is-fixed .cta-btn-ghost-white,
body.has-open-menu .header-area.is-fixed .menu-icon {
  border-color: var(--grey-100) !important;
}
body.has-open-menu .menu-close path,
body.has-open-menu .header-area.is-fixed .menu-close path {
  fill: var(--grey-100) !important;
}
body.has-open-menu .erna-logo-header svg path,
body.has-open-menu .header-area.is-fixed .erna-logo-header svg path {
  fill: var(--grey-100) !important;
}

.erna-logo-header img {
  width: 146px;
  height: 40px;
}
@media (min-width: 768px) {
  .erna-logo-header svg {
    width: 234px;
    height: 64px;
  }
}

path.splash-hor-av-dig {
  fill: var(--surface-brand-tertiary);
}
path.splash-hor-av-dig + path {
  fill: var(--text-color-white);
}

@media (min-width: 768px) {
  .section-hero {
    min-height: 950px;
  }
}

.hero-copy {
  margin-top: auto;
}
.hero-copy p {
  max-width: 460px;
}

.cta-btn-secondary {
  background: var(--surface-brand-secondary);
  color: var(--text-color-white);
}
.cta-btn-secondary svg path {
  fill: var(--grey-100);
}
.cta-btn-secondary:hover {
  color: var(--text-color-white);
}

.cta-btn-ghost {
  background: transparent;
  border: var(--border-medium) solid var(--grey-900);
}
.cta-btn-ghost:hover {
  background: transparent;
  color: var(--grey-900);
  border-color: var(--grey-900);
}

:root {
  --surface-brand-primary: var(--blue-100);
  --surface-brand-secondary: var(--grey-900);
  --surface-brand-tertiary: var(--blue-600);
  --surface-brand-quarternary: var(--yellow);
  --surface-brand-secondary-opacity: var(--grey-900-80);
}