@charset "utf-8";

#footer { margin-top: auto; }

.site-footer { padding-top: 10px; z-index: 10; position: relative; bottom: 0px; min-width: 100vw; }

.social-icons { border: 1px solid white; border-radius: 3px; display: inline-block; cursor: pointer; width: 30px; height: 30px; text-align: center; margin-right: 4px; }

.social-icons:hover { background-color: white; }

.social-icons .fa { font-size: 21px; color: white; vertical-align: middle; padding-top: 1px; }

.social-icons:hover .fa { color: rgb(0, 52, 78); }

.social-wrapper { text-align: right; padding: 15px 0px; position: relative; left: 0px; }

#footer-bottom { padding-bottom: 0px; margin-bottom: 10px; font-weight: 300; color: white; font-size: 14px; width: unset; left: 0px; position: relative; }

#footer-bottom a, #footer-bottom span { font-size: 14px; margin: 0px 5px; text-decoration: none; color: white; display: inline-block; }

#footer-bottom a { cursor: pointer; }

#footer-bottom a:hover { text-decoration: underline; }

#footer-logo { padding: 10px 0px 15px; position: relative; left: 0px; }

.pipe { display: inline; }

.login-link:hover { text-decoration: none; }

#toucan-plane { justify-content: space-between; }

@media (min-width: 540px) and (max-width: 767px) {
  .logo { padding-left: 0px; margin-left: 1em; }
  .social-wrapper { text-align: left; padding: 10px 0px 20px; left: -5px; }
  #footer-bottom a, #footer-bottom span { font-size: 16px; margin: 0px 3px 5px; }
  #footer-bottom { padding-bottom: 0px; margin-bottom: 10px; color: white; font-size: 14px; left: -20px; width: calc(100% - 45px); }
  #footer-logo { left: -20px; }
  .pipe { display: none; }
}

@media (max-width: 540px) {
  .logo { padding-left: 0px; margin-left: 1em; }
  .social-wrapper { text-align: left; padding: 10px 0px 20px; left: -5px; }
  .social-icons { border-radius: 6px; width: 40px; height: 40px; text-align: center; margin-right: 5px; }
  .social-icons .fa { font-size: 31px; padding-top: 6px; }
  #footer-bottom a, #footer-bottom span { font-size: 16px; margin: 0px 3px 5px; }
  #footer-bottom { padding-bottom: 0px; margin-bottom: 10px; color: white; font-size: 14px; left: -20px; width: calc(100% - 45px); }
  #footer-logo { left: -20px; }
}

@media (max-width: 320px) {
  #footer-bottom .pipe { display: none; }
}