/* US PEVO custom scheme: deep navy + safety orange */
:root { --cassiopeia-color-primary: #0b2a4a; --cassiopeia-color-link: #ff7a00; }
body { font-family: Roboto, Arial, Helvetica, sans-serif; }
h1, h2, h3, h4, .site-title, .brand { font-family: Roboto, Arial, Helvetica, sans-serif; font-weight: 700; }
h1, h2, h3 { color: #0b2a4a; }
.header, header.header, .container-header, .grid-child.container-header { background-color: #0b2a4a !important; background: #0b2a4a !important; }
.site-title, .site-title a, .brand, .brand a, .navbar-brand, .navbar-brand a { color: #ffffff !important; }
.mod-menu a, .mod-menu li a { color: #0b2a4a !important; }
.container-header .mod-menu a, .header .mod-menu a, .container-header .mod-menu li a { color: #ffffff !important; }
.container-header .mod-menu a:hover, .container-header .mod-menu a:focus, .container-header .mod-menu .active > a { color: #ff7a00 !important; }
.mod-menu .active > a { color: #ff7a00 !important; }
a { color: #ff7a00; }
a:hover, a:focus { color: #e56e00; }
.btn-primary, .btn, button.btn-primary { background-color: #ff7a00 !important; border-color: #ff7a00 !important; color: #ffffff !important; }
.btn-primary:hover { background-color: #e56e00 !important; border-color: #e56e00 !important; }
/* Menu visibility fix 2026-11-02: light-gray header/menu area, dark navy text, safety orange only as an underline accent */
:root { --cassiopeia-color-link: #0b2a4a; }
header.header, .container-header, .grid-child.container-header { background-color: #e9ecef !important; background: #e9ecef !important; }
.container-header .navbar-brand img, .navbar-brand img, .brand img { filter: brightness(0) !important; }
.site-title, .site-title a, .brand, .brand a, .navbar-brand, .navbar-brand a { color: #0b2a4a !important; }
.card:has(.mod-menu), .container-sidebar-right .mod-menu, .mod-menu { background-color: #e9ecef !important; }
body .mod-menu a, body .mod-menu li a, .container-header .mod-menu a, .container-header .mod-menu li a, .container-sidebar-right .mod-menu a { color: #0b2a4a !important; background-color: transparent !important; text-decoration: none !important; border-bottom: 3px solid transparent !important; }
body .mod-menu a:hover, body .mod-menu a:focus, body .mod-menu .active > a, body .mod-menu li.active > a, .container-header .mod-menu a:hover, .container-header .mod-menu a:focus, .container-header .mod-menu .active > a { color: #0b2a4a !important; background-color: #dde1e5 !important; text-decoration: none !important; border-bottom: 3px solid #ff7a00 !important; }
a, a:visited { color: #0b2a4a; }
a:hover, a:focus { color: #0b2a4a; text-decoration-color: #ff7a00; }
body { color: #212529; }

/* Phoca Gallery: show image title below the photo in the category view, not overlaid on it */
#phocagallery .pg-item-box-title,
#phocagallery .pg-category-box-title {
  position: static;
  width: auto;
  padding: 0.5em 0.25em 0;
  background: none;
  color: inherit;
}
#phocagallery .pg-item-box-title a,
#phocagallery .pg-category-box-title a {
  color: inherit;
}

/* Correction: Phoca Gallery 6 scopes its markup with the com_phocagallery body class, not #phocagallery */
.com_phocagallery .pg-item-box-title,
.com_phocagallery .pg-category-box-title {
  position: static !important;
  width: auto !important;
  padding: 0.5em 0.25em 0 !important;
  background: none !important;
  color: inherit !important;
}
.com_phocagallery .pg-item-box-title a,
.com_phocagallery .pg-category-box-title a {
  color: inherit !important;
}
/* Thumbnail titles below thumbnail, 2026-11-03: the title is a descendant of body.com_phocagallery (with a space), not #phocagallery and not an element carrying both classes */
body.com_phocagallery .pg-item-box-title,
body.com_phocagallery .pg-category-box-title {
  position: static !important;
  inset: auto !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 0.5em 0.25em 0 !important;
  background: none !important;
  background-color: transparent !important;
  color: inherit !important;
  transform: none !important;
  overflow: visible !important;
  white-space: normal !important;
}
body.com_phocagallery .pg-item-box-title a,
body.com_phocagallery .pg-category-box-title a {
  color: inherit !important;
}
/* Thumbnail caption, second attempt 2026-11-03: cover Phoca 6 caption/overlay variants in the category view */
body.com_phocagallery .pg-item-box .card-img-overlay,
body.com_phocagallery .pg-item-box .pg-item-box-title,
body.com_phocagallery .pg-item-box .pg-box-image-title,
body.com_phocagallery .pg-item-box .pg-item-title,
body.com_phocagallery .pg-item-box .pg-item-name,
body.com_phocagallery .pg-item-box .pg-name,
body.com_phocagallery .pg-item-box .pg-box-title,
body.com_phocagallery .pg-item-box .pg-item-caption,
body.com_phocagallery .pg-item-box .pg-caption,
body.com_phocagallery .pg-item-box .pg-image-title,
body.com_phocagallery .pg-item-box .card-body {
  position: static !important;
  inset: auto !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  padding: 0.5em 0.25em 0 !important;
  background: none !important;
  background-color: transparent !important;
  color: inherit !important;
  transform: none !important;
  overflow: visible !important;
  white-space: normal !important;
}
body.com_phocagallery .pg-item-box .pg-item-box-img,
body.com_phocagallery .pg-item-box .pg-item-box-image {
  overflow: visible !important;
  height: auto !important;
}