.w-bg-brand {
  color: var(--text-color-black);
}
.w-bg-brand a {
  color: inherit;
}

.footer-section,
.footer-section a,
.menu-wrapper a {
  color: var(--text-color-black);
}

.social-media svg path {
  fill: #000;
}

.global-menu li.active, .global-menu li:hover {
  border-color: var(--color-black);
}

.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);
}

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-black);
}
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-black);
}
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);
}
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-900);
}
body.has-open-menu .menu-close path,
body.has-open-menu .header-area.is-fixed .menu-close path {
  fill: var(--grey-900);
}
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;
}

/* SUB HERO
--------------------------------------------------------*/
.section-sub-hero {
  height: 672px;
  min-height: 600px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: var(--surface-brand-secondary);
  color: var(--text-color-white);
  display: flex;
  position: relative;
  z-index: 0;
  padding: 100px 0 0;
  align-items: center;
  position: relative;
  z-index: 0;
  background-image: none;
}
.section-sub-hero.no-hero-image {
  background-image: none !important;
  color: var(--text-color-black);
}
.section-sub-hero.no-hero-image a {
  color: var(--text-color-black);
  text-decoration: underline;
}
.section-sub-hero a {
  color: var(--text-color-white);
  text-decoration: underline;
}
.section-sub-hero .hero-foreground {
  max-width: var(--max-width);
  margin: 0 auto;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 16px;
  padding-left: 16px;
  width: 100%;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: 24px;
  justify-content: flex-start;
  position: relative;
}
path.splash-hor-av-dig {
  fill: var(--surface-brand-tertiary);
}
path.splash-hor-av-dig + path {
  fill: var(--text-color-white);
}

.form-group input[type=text],
.form-group input[type=password],
.form-group input[type=tel],
.form-group input[type=email],
.form-group input[type=url],
.form-group input[type=number],
.form-group textarea,
.form-group select {
  color: var(--text-color-black);
}
.form-group input[type=text],
.form-group input[type=password],
.form-group input[type=tel],
.form-group input[type=email],
.form-group input[type=url],
.form-group input[type=number] {
  border-bottom: 2px solid var(--grey-900);
}

input::placeholder,
textarea::placeholder {
  color: #444444;
  font-family: var(--font-sans);
  opacity: 1;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #444444;
  font-family: var(--font-sans);
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #444444;
  font-family: var(--font-sans);
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  color: #444444;
  font-family: var(--font-sans);
}

.contact-form.text-color-light label {
  color: var(--text-color-black);
}
.contact-form.text-color-light input::placeholder,
.contact-form.text-color-light textarea::placeholder {
  color: #444444;
  font-family: var(--font-sans);
  opacity: 1;
}
.contact-form.text-color-light input::-webkit-input-placeholder,
.contact-form.text-color-light textarea::-webkit-input-placeholder {
  color: #444444;
  font-family: var(--font-sans);
}
.contact-form.text-color-light input:-ms-input-placeholder,
.contact-form.text-color-light textarea:-ms-input-placeholder {
  color: #444444;
  font-family: var(--font-sans);
}

.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);
}

:root {
  --surface-brand-primary: var(--blue-200);
  --surface-brand-secondary: var(--blue-400);
  --surface-brand-tertiary: var(--purple);
  --surface-brand-secondary-opacity: var(--blue-400-80);
}