/*
 * Upcuan v1.0.0.4
 * Internal-page hero transparency fix.
 *
 * Current, Archives, Editorial Team, Peer Reviewers, Contact, About and
 * other public pages reuse .hero-section.inner-page. Some OJS/custom styles
 * can give the centered Bootstrap-style .container a white background,
 * producing a large white rectangle over the configured hero gradient.
 */

/* Keep the entire centered surface of every inner-page hero transparent. */
.hero-section.inner-page > .container,
.hero-section.inner-page > .container.inner-hero-container,
.hero-section.inner-page .inner-hero-container,
.hero-section.inner-page .hero-text {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

/* Also neutralize overlays injected on the inner wrappers. */
.hero-section.inner-page > .container::before,
.hero-section.inner-page > .container::after,
.hero-section.inner-page .inner-hero-container::before,
.hero-section.inner-page .inner-hero-container::after,
.hero-section.inner-page .hero-text::before,
.hero-section.inner-page .hero-text::after {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}
