/*----------------- HEADER ICONS -------------*/

#header-icons {
  z-index: 100;
  display: flex;
  pointer-events: all;
  position: absolute;
  top: calc(var(--nav-icon-padding-X) / 2);
  left: 9vw;
  gap: 20px;
}

#header-icons img {
  height: 38px !important;
  display: block;
  width: auto;
}

.header-icons {
  height: 62px;
  display: flex;
  text-align: center;
  vertical-align: top;
  transition: all 0.3s ease 0s;
}

.header-icons a {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
  width: 100%;
  color: #fff;
}

#header-icons .header-icons .textwidget p {
  position: relative;
  display: inline-block;
  padding-left: 30px !important;
}

/* NAV ICONS */

#nav-icons {
  z-index: 9;
  z-index: 9;
  padding-bottom: var(--gap-l);
}

.contact-info a .icon {
    display: inline-block;
    width: var(--icon-height);
    height: var(--icon-height);
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    transition: all .2s linear;
}
.contact-info li a:hover span.icon {
    filter: brightness(13);
}
.icon.phone {
  background-image: url(/wp-content/themes/astra-impuls-child/img/icon-phone-gold.svg);
}

.icon.mail {
  background-image: url(/wp-content/themes/astra-impuls-child/img/icon-mail-gold.svg);
}

.icon.facebook {
  background-image: url(/wp-content/themes/astra-impuls-child/img/icon-facebook-gold.svg);
}

@media (max-width: 990px) {
  #header-icons {
    display: none;
  }
}

@media (min-width: 769px) {
  #mobile-icons {
    display: none;
  }
}

@media (max-width: 768px) {
  #mobile-icons {
    position: absolute;
    top: 8vw;
    right: 8vw;
    display: flex;
    flex-direction: row;
    gap: var(--gap-m);
  }
  #header-icons {
    display: none;
  }
}