/*
 * Upcuan Theme 3.3.0.46
 * Dedicated font colors for navigation and header/hero areas.
 * These are independent from Primary Text Color.
 */

:root {
  --upc-header-text-color: #ffffff;
  --upc-nav-text-color: #ffffff;
}

/* Header / hero font palette: homepage hero and all inner-page title banners. */
.hero-section,
.hero-section .hero-copy,
.hero-section .hero-copy h1,
.hero-section .hero-copy h2,
.hero-section .hero-copy h3,
.hero-section .hero-description,
.hero-section .hero-description p,
.hero-section .hero-text,
.hero-section .hero-text h1,
.hero-section .hero-text h2,
.hero-section .hero-text h3,
.hero-section.inner-page,
.hero-section.inner-page .hero-text,
.hero-section.inner-page .hero-text h1,
.hero-section.inner-page .hero-text h2,
.hero-section.inner-page .hero-text h3 {
  color: var(--upc-header-text-color, #ffffff) !important;
}

/* The hero action should stay visually tied to the header font palette. */
.hero-section .hero-actions a,
.hero-section .btn-outline-white {
  color: var(--upc-header-text-color, #ffffff) !important;
  border-color: var(--upc-header-text-color, #ffffff) !important;
}

/* Desktop navigation, utility navigation, dropdowns, icons, and account menu. */
#header.upc-header,
#header.upc-header .upc-navbar,
#header.upc-header .upc-utility-nav,
#header.upc-header .pkp_navigation_primary,
#header.upc-header .pkp_navigation_user,
#header.upc-header a,
#header.upc-header a:visited,
#header.upc-header a:hover,
#header.upc-header a:focus,
#header.upc-header .upc-search-link,
#header.upc-header .upc-search-icon,
#header.upc-header .upc-search-label,
#header.upc-header .pkp_navigation_primary .dropdown-menu a,
#header.upc-header .pkp_navigation_primary .dropdown-menu a:visited,
#header.upc-header .pkp_navigation_primary .dropdown-menu a:hover,
#header.upc-header .pkp_navigation_primary .dropdown-menu a:focus,
#header.upc-header .pkp_navigation_user .dropdown-menu a,
#header.upc-header .pkp_navigation_user .dropdown-menu a:visited,
#header.upc-header .pkp_navigation_user .dropdown-menu a:hover,
#header.upc-header .pkp_navigation_user .dropdown-menu a:focus {
  color: var(--upc-nav-text-color, #ffffff) !important;
}

/* Mobile navigation follows the Navigation Font Color too. */
.upc-mobile-nav,
.upc-mobile-nav a,
.upc-mobile-nav a:visited,
.upc-mobile-nav a:hover,
.upc-mobile-nav a:focus,
.upc-mobile-nav button,
.upc-mobile-nav .upc-mobile-close,
.upc-mobile-nav .pkp_navigation_primary_mobile,
.upc-mobile-nav .pkp_navigation_user_mobile {
  color: var(--upc-nav-text-color, #ffffff) !important;
}

/* Hamburger lines are not text, but following the same setting keeps the
   mobile trigger readable when a non-white navigation font is selected. */
#header .upc-mobile-toggle span {
  background-color: var(--upc-nav-text-color, #ffffff) !important;
}