/* HU-BAR role apps: independent Designed footer */
.hu-role-footer{
  position:relative!important;
  z-index:3!important;
  display:block!important;
  flex:0 0 auto!important;
  width:min(760px,calc(100% - 28px))!important;
  max-width:760px!important;
  box-sizing:border-box!important;
  margin:30px auto 0!important;
  padding:22px 14px calc(24px + env(safe-area-inset-bottom))!important;
  border-top:1px solid rgba(216,182,94,.28)!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  text-align:center!important;
}
.hu-role-footer .credit{color:#aaa!important;font-size:15px!important;line-height:1.5!important}
.hu-role-footer .credit strong{color:#d8b65e!important;font-weight:800!important}
.hu-role-footer .phone{display:inline-block!important;margin-top:5px!important;color:#aaa!important;text-decoration:none!important;font-size:14px!important}
.hu-role-footer .socials{display:flex!important;justify-content:center!important;align-items:center!important;gap:14px!important;margin-top:16px!important}
.hu-role-footer .socials a{
  width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;
  border-radius:50%!important;border:1px solid rgba(216,182,94,.45)!important;
  background:rgba(17,17,22,.88)!important;color:#fff!important;
  display:grid!important;place-items:center!important;text-decoration:none!important;
  font-size:22px!important;line-height:1!important;padding:0!important;margin:0!important;
  box-sizing:border-box!important;overflow:hidden!important;
}
.hu-role-footer .socials svg{width:21px!important;height:21px!important;display:block!important;flex:none!important}
@media(max-width:650px){
  .hu-role-footer{
    width:min(440px,calc(100% - 28px))!important;
    margin-top:24px!important;
    padding:20px 12px calc(22px + env(safe-area-inset-bottom))!important;
  }
  .hu-role-footer .socials a{width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important}
}