div.hct-social-media-icons {
  /*display: inline-block;*/
  /*padding: 0 1em;*/
  text-align: center;
}

div.hct-social-media-icons a {
  font-size: 3em;
  margin: 0 0.1em;
  /*text-shadow: 2px 2px 0px #333;*/
}

div.hct-social-media-icons a i {
  background: #fff;
  border-radius: 0.1em;
  display: inline-block;
  line-height: 0;
  padding: 0 0.2em;
}

.hct-contact-info .far,
.hct-contact-info svg {
  margin-right: 1rem;
}

/* ---- Facebook ---- */
div.hct-social-media-icons a.hct-facebook {
  color: #3b5998;
}
div.hct-social-media-icons a.hct-facebook:hover {
  color: #2966e7;
}

/* ---- Google+ ---- */
div.hct-social-media-icons a.hct-gplus {
  color: #dc4e41;
}
div.hct-social-media-icons a.hct-gplus:hover {
  color: #f61e0b;
}

/* ---- Twitter ---- */
div.hct-social-media-icons a.hct-twitter {
  color: #00aced;
}
div.hct-social-media-icons a.hct-twitter:hover {
  color: #1dcaff;
}

/* ---- Tumblr ---- */
div.hct-social-media-icons a.hct-tumblr {
  color: #32506d;
}
div.hct-social-media-icons a.hct-tumblr:hover {
  color: #2c5e8f;
}

/* ---- Pinterest ---- */
div.hct-social-media-icons a.hct-pinterest {
  color: #c92228;
}
div.hct-social-media-icons a.hct-pinterest:hover {
  color: #ee2c33;
}

/* ---- Instagram ---- */
div.hct-social-media-icons a.hct-instagram {
  color: #125688;
}
div.hct-social-media-icons a.hct-instagram:hover {
  color: #2074b1;
}

/* ---- Youtube ---- */
div.hct-social-media-icons a.hct-youtube {
  color: #b31217;
}
div.hct-social-media-icons a.hct-youtube:hover {
  color: #e52d27;
}

/* ---- Soundcloud ---- */
div.hct-social-media-icons a.hct-soundcloud {
  color: #ff3a00;
}
div.hct-social-media-icons a.hct-soundcloud:hover {
  color: #ff5928;
}

/* ---- Linkedin ---- */
div.hct-social-media-icons a.hct-linkedin {
  color: #0077B5;
}
div.hct-social-media-icons a.hct-linkedin:hover {
  color: #0093de;
}

/**
 * HCT Contact Information Address
 */
.hct-contact-info-address {
  display: flex;
}
.hct-contact-info .address-title {
  font-weight: bold;
}
.hct-contact-info span.hct-contact-info-item {
  display: block;
}
.hct-contact-info span.hct-contact-info-item i.dashicons {
  padding-right: 25px;
  height: 1.1em;
  vertical-align: middle;
}