@charset "UTF-8";
/***!  /templates/ja_purity_iv/local/css/custom.css?9919f224fff796708ce46c874d9543f2  !***/

/* LRG branding overrides for JA Purity IV. Kept in T4's update-safe local tree. */
:root {
  --color-primary: #0077bb;
  --t4-primary: #0077bb;
  --body-link-color: #0077bb;
  --body-link-hover-color: #00466e;
}

#t4-header,
#t4-header .header-block {
  background-color: #0077bb;
}

#t4-header .navbar-brand img {
  height: 55px;
  max-height: 55px;
  width: auto;
}

/* Purity IV hides its off-canvas trigger on desktop by default. LRG uses
   that drawer as the primary repeater/beacon sidebar on every screen size. */
#t4-header .t4-offcanvas-toggle.d-lg-none {
  align-items: center;
  display: inline-flex !important;
  justify-content: center;
  margin-right: 0.75rem;
}

/* The off-canvas panel pushes from the left, so keep its controls before
   the logo instead of in Purity IV's default right-hand header position. */
#t4-header .t4-header-r {
  margin-right: 0.75rem;
  order: -1;
}

@media (max-width: 991.98px) {
  #t4-header .header-wrap {
    padding-left: 3rem;
    position: relative;
  }

  /* Restore Purity IV's main-menu control block to the right on collapsed
     layouts, while anchoring only the sidebar trigger to the left. */
  #t4-header .t4-header-r {
    margin-left: auto;
    margin-right: 0;
    order: initial;
  }

  #t4-header .t4-offcanvas-toggle.d-lg-none {
    left: 0;
    margin: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
}

#t4-header .t4-megamenu .navbar-nav > li > a,
#t4-header .t4-megamenu .navbar-nav > li > .nav-link,
#t4-header .navbar-toggler,
#t4-header .btn,
#t4-header .fa,
#t4-header .fas {
  color: #bbe6ff;
}

#t4-header .t4-megamenu .navbar-nav > li.active > a,
#t4-header .t4-megamenu .navbar-nav > li > a:hover,
#t4-header .t4-megamenu .navbar-nav > li > a:focus,
#t4-header .navbar-toggler:hover,
#t4-header .navbar-toggler:focus {
  color: #fff;
}

#t4-header .t4-megamenu .navbar-nav > li.active > a,
#t4-header .t4-megamenu .navbar-nav > li > a:hover,
#t4-header .t4-megamenu .navbar-nav > li > a:focus {
  box-shadow: inset 0 -2px 0 #fff;
}

.btn-primary {
  background-color: #0077bb;
  border-color: #0067a2;
}

.btn-primary:hover,
.btn-primary:focus {
  background-color: #00466e;
  border-color: #00466e;
}

.t4-sidebar .module-title,
.sidebar-l .module-title,
.sidebar-r .module-title {
  color: #00466e;
}

/* Repeater/beacon status artwork is supplied as 300px square images; keep
   it compact inside the sidebar drawer without affecting article images. */
.t4-off-canvas-body .category-module .item-media img {
  height: 48px;
  object-fit: contain;
  width: 48px;
}

/* Phoca Gallery SVG symbols depend on template sizing. Prevent the image
   and detail glyphs from expanding to their container dimensions. */
#phocagallery svg.ph-si {
  display: inline-block;
  height: 18px;
  max-height: 18px;
  max-width: 18px;
  vertical-align: middle;
  width: 18px;
}

/* Joomla's passkey button supplies an unsized inline SVG. Keep it at normal
   button-icon scale within Community Builder and core login forms. */
.plg_system_webauthn_login_button svg {
  display: inline-block;
  height: 20px;
  max-height: 20px;
  max-width: 20px;
  vertical-align: middle;
  width: 20px;
}