//==============================================
// Layout/Contact
//==============================================

.contact-info {
  margin-bottom: 2rem;
}

.contact-social {
}

/* We must to check if it's specific for Contact social icons
or afects globaly and refactorize */
ul.social-links,
.social-links li {
  padding: 0;
}

.social-links li {
  display: inline-block;
  list-style: none;
  font-size: 1.8em;
  margin-left: 1rem;
  &:first-child {
    margin-left: 0;
  }
}

.social-links a {
  color: var(--font-heading-color);
  transition: ease-in-out 0.5ms;
  &:hover {
    opacity: 0.8;
  }
}

.contact-form {
}

.contact-form input,
.contact-form form textarea {
  width: 100%;
  border: 1px solid var(--form-control-border-color);
  border-radius: var(--bootstrap-form-control-border-radius);
  margin-bottom: 2em;
}

.widget_mybooking_engine_contact textarea {
  margin-bottom: 1rem;
}
