/* Placeholder stylesheet for About BPG page.
   Add page-specific styles here. */

.about-bpg-hero {
  /* example style */
  background-color: #f5f5f5;
  padding: 2rem;
}
/* sentinel: about-bpg.styles.css deployed */
.about-bpg-sentinel { display: none; }

/* Header logo sizing & alignment (migrated from inline) */
body .bpg-header .bpg-header-logo-link { display: inline-block; padding: 6px 0; }
body .bpg-header .bpg-header-logo { height: 48px; width: auto; display: block; }
body .bpg-header .bpg-logo-block {
  display: inline-block;
  width: 160px;
  height: 48px;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  background-image: var(--bpg-logo-image);
}
/* Desktop sign-in positioning */
@media (min-width: 992px) {
  body .bpg-header .nav-item-auth {
    position: absolute !important;
    right: 28px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
  }
}
body .bpg-header .bpg-signin-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 8px 16px !important;
  line-height: 1 !important;
  height: auto !important;
}
@media (max-width: 991px) {
  .bpg-header .nav-item-auth {
    position: static !important;
    right: auto !important;
    top: auto !important;
    transform: none !important;
    margin-left: 0 !important;
  }
  .bpg-header .nav-item-auth .bpg-signin-btn { display: inline-flex !important; }
}
body .bpg-header .navbar-nav .nav-link { padding-top: 10px !important; padding-bottom: 10px !important; }
@media (min-width: 992px) {
  body .bpg-header .container.custom-container { justify-content: flex-start !important; }
  body .bpg-header .navbar-header { margin-right: 12px !important; }
  /* Left-align navigation: remove centering */
  body .bpg-header nav.menu-bar { margin: 0 !important; display: flex !important; justify-content: flex-start !important; }
  body .bpg-header .nav-item-auth { right: 28px !important; }
}
@media (max-width: 991px) {
  .bpg-header .navbar-toggler { position: relative !important; z-index: 12000 !important; pointer-events: auto !important; }
}
