#topbar {
  background: var(--color-03) !important;
  padding: 10px 0;
  font-size: 14px;
}

#topbar .contact-info {
  color: var(--color-01) !important;
}

#topbar .contact-info a {
  line-height: 1;
  color: var(--color-01);
  transition: 0.3s;
}

#topbar .contact-info a:hover {
  color: var(--color-04);
}

#topbar .contact-info i {
  color: var(--color-04);
  padding: 4px;
}

#topbar .contact-info .icofont-phone {
  padding-left: 20px;
}

#topbar .social-links a {
  color: var(--color-01) !important;
  padding: 4px 0 4px 16px;
  display: inline-block;
  line-height: 1px;
  transition: 0.3s;
}

#topbar .social-links a:hover {
  color: var(--color-04) !important;
}

#topbar .social-links a:first-child {
border-left: 0;
}