/*
 * hc_widgets.css
 * 
 *  - to be used in conjunction with hc_widgets.php
 *  - stored as a .css file, rather than inline to allow for minification
 */



/* --------------------------------------------------------------------
    SOCIAL WIDGETS
-------------------------------------------------------------------- */
.hc-social {
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: row;
}
.hc-social .hc-social-icon {
    margin: 5px 5px 5px 0;
}
.hc-social .hc-social-icon a:hover {
    opacity: 0.8;
}
.hc-social .hc-social-icon img {
    border-radius: 4px;
}



/* --------------------------------------------------------------------
    BACK-TO-TOP BUTTON
-------------------------------------------------------------------- */
html {
  scroll-behavior: smooth;
}

#hcBackToTop {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: solid 1px #fff;
  outline: none;
  background-color: #6aa4c9;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
  line-height: 0.6;
}
#hcBackToTop:before {
    position: relative;
    top: 8px;
    font-family: Arial;
    font-size: 28px;
    content: "\2303";
}

#hcBackToTop:hover {
  background-color: #5BA8A0;
}