/* ACT V3.24 - Global icon centering normalization v2
   Canonical icon alignment layer. Loaded last on every rendered page. */

/* Bootstrap Icons: normalize both the element and its ::before glyph box. */
i.bi,
.bi {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 1em !important;
  height: 1em !important;
  line-height: 1 !important;
  vertical-align: middle !important;
  flex: 0 0 auto !important;
  text-align: center !important;
  padding: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

i.bi::before,
.bi::before {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 1em !important;
  height: 1em !important;
  line-height: 1 !important;
  vertical-align: middle !important;
  margin: 0 !important;
  padding: 0 !important;
  position: static !important;
  inset: auto !important;
  transform: none !important;
  text-align: center !important;
}

/* Every named ACT icon holder discovered across rendered PHP pages. */
.feature-icon,
.scene-icon,
.status-icon,
.stat-icon,
.link-icon,
.sub-link-icon,
.guest-icon-box,
.guest-list-empty-icon,
.guest-list-title-icon,
.manage-action-icon,
.public-guest-intro-icon,
.unit-icon,
.btn-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  align-content: center !important;
  justify-items: center !important;
  line-height: 1 !important;
  text-align: center !important;
  vertical-align: middle !important;
  flex: 0 0 auto !important;
}

.feature-icon > .bi,
.scene-icon > .bi,
.status-icon > .bi,
.stat-icon > .bi,
.link-icon > .bi,
.sub-link-icon > .bi,
.guest-icon-box > .bi,
.guest-list-empty-icon > .bi,
.guest-list-title-icon > .bi,
.manage-action-icon > .bi,
.public-guest-intro-icon > .bi,
.unit-icon > .bi,
.btn-icon > .bi {
  position: static !important;
  inset: auto !important;
  width: 1em !important;
  height: 1em !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  align-self: center !important;
  justify-self: center !important;
}

/* Controls with inline icons. */
.btn,
.menu-item,
.menu-btn,
.btn-footer,
.main-button,
.search-btn,
.clear-btn,
.back-btn,
.copy-button,
.qr-btn,
.login-button,
.entry-main-button,
.quick-link,
.sub-link,
.manage-action {
  align-items: center !important;
}

.btn > .bi,
.menu-item > .bi,
.menu-btn > .bi,
.btn-footer > .bi,
.main-button > .bi,
.search-btn > .bi,
.clear-btn > .bi,
.back-btn > .bi,
.copy-button > .bi,
.qr-btn > .bi,
.login-button > .bi,
.entry-main-button > .bi,
.quick-arrow > .bi,
.sub-link-arrow > .bi,
a > .bi,
button > .bi {
  align-self: center !important;
  vertical-align: middle !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Brand/product icon images beside text. */
img.act-inline-icon {
  display: inline-block !important;
  vertical-align: middle !important;
  object-fit: contain !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

@media (max-width: 767px) {
  .feature-icon,
  .scene-icon,
  .status-icon,
  .stat-icon,
  .link-icon,
  .sub-link-icon,
  .guest-icon-box,
  .guest-list-empty-icon,
  .guest-list-title-icon,
  .manage-action-icon,
  .public-guest-intro-icon,
  .unit-icon,
  .btn-icon {
    align-items: center !important;
    justify-content: center !important;
  }
}
