/* Footer */
.footer__wrapper {
  align-items: flex-start;
  max-width: 90%;
  margin: auto;
}
.footer__left {
  width: 45%;
  padding: 10px;
}
.footer .footer__right .menu > .menu-item {
  margin: 0;
}
.footer .footer__right .menu > .menu-item > a {
  font-size: 20px;
  font-weight: 600;
  padding: 0.6em 0;
}
.footer .footer-widget-area {
  width: 55%;
  padding: 10px 0;
}
.footer .footer-widget-area .container {
  padding: 0;
}
.footer .footer-widget {
  padding-left: 0;
  padding-right: 0;
}
.footer .footer-widget.area-1 {
  max-width: 100%;
}
.footer .footer-widget.area-1 .widget {
  padding: 1rem 0;
  margin-bottom: 0.625rem;
}
.footer .menu-item-has-children:not(.hideshow):after {
  color: white;
  top: 9px;
  pointer-events: none;
}
.footer .menu .menu-item > .sub-menu {
  list-style: none;
  margin: 0;
  line-height: normal;
  max-height: 0px;
  transition: max-height 0.5s ease-in-out;
  overflow: hidden;
}
.footer .menu .menu-item > .sub-menu .menu-item.active .sub-menu:before {
  display: none;
}
.footer .menu .menu-item > .sub-menu .menu-item.active > a {
  color: var(--bb-header-links-hover);
}
.footer .menu .menu-item > .sub-menu .menu-item.menu-item-has-children {
  margin: 0;
}
.footer .menu .menu-item > .sub-menu .menu-item.menu-item-has-children > a {
  margin: 0 8px;
  width: -webkit-calc(100% - 16px);
  width: calc(100% - 16px);
}
.footer .menu .menu-item > .sub-menu .menu-item.menu-item-has-children > a:after {
  content: "\e826";
  font-family: bb-icons;
  font-size: 20px;
  color: var(--bb-header-links);
  margin: 0;
  margin-left: auto;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.footer .menu .menu-item > .sub-menu .menu-item a {
  color: #fff;
  display: block;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  line-height: 1.2;
  padding: 5px 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.footer .menu .menu-item > .sub-menu .menu-item a:hover, .footer .menu .menu-item > .sub-menu .menu-item a:focus {
  text-decoration: underline;
}
.footer .menu .menu-item.active > .sub-menu {
  max-height: 300px;
}
.footer .menu .menu-item > .sub-menu, .footer .menu .menu-item:hover > .sub-menu {
  margin: 0;
  min-width: 168px;
}
.footer .sub-menu .sub-menu {
  top: -6px;
  left: -webkit-calc(100% + -16px);
  left: calc(100% + -16px);
}
.footer .sub-menu .current-menu-ancestor > a, .footer .sub-menu .current-menu-item > a, .footer .sub-menu .current-menu-parent > a {
  font-weight: 600;
}
.footer .sub-menu .menu-item-has-children:not(.hideshow):after {
  line-height: 1;
  right: 15px;
  top: 4px;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.footer .sub-menu .menu-item-has-children > a:after {
  left: -webkit-calc(100% + 5px);
  left: calc(100% + 5px);
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
  top: 28px;
  display: none;
}
.footer .sub-menu .sub-menu-inner .user-link {
  padding: 0.9375rem;
}
@media (max-width: 767px) {
  .footer .footer__wrapper {
    flex-direction: column;
  }
  .footer .footer__wrapper > div, .footer .footer__wrapper .container.flex {
    width: 100%;
    align-items: flex-start;
  }
  .footer .footer__wrapper .footer-logo-wrap .footer-logo {
    margin: 0;
  }
  .footer .footer-widget {
    max-width: 100%;
    flex: 0 0 100%;
  }
}
#page .footer-bottom {
  padding-top: 37px;
  padding-bottom: 37px;
}
#page .footer-widget-area {
  padding-top: 0;
}
.footer-widget-area .widget {
  padding: 10px;
  margin: 0;
}
.acue-commons-footer {
  background-color: var(--accent-10);
  max-height: 90px;
  margin-top: auto;
}
.acue-commons-footer .footer-logo-wrap {
  justify-content: center;
  margin: 0;
}
.acue-commons-footer .footer-logo-wrap img {
  max-width: 110px;
}
#page .acue-commons-footer.footer-bottom {
  padding: 18px 0;
}
.footer-contact-button a {
  font-size: 1rem;
  padding: 0.625rem 1rem;
}
.footer-contact-button a:hover, .footer-contact-button a:focus {
  background-color: #fea00c !important;
}
.footer-contact-button a:after {
  content: '\e860';
  font-family: bb-icons;
  font-weight: 400;
  margin-left: 0.5rem;
}
body .footer .menu .menu-item > a:hover {
  background-color: transparent;
  color: #fff;
}