/* Shared facade and calendar overlay for every program detail header. */
html body:is(.program-detail-page,.pinarabong-page) main :is(.program-detail-hero,.pina-program-header) {
  background: linear-gradient(90deg,rgba(0,30,65,.82),rgba(0,46,93,.58),rgba(8,122,199,.16)),url('../../uploads/Municipal-hall-1.jpg') center 53% / cover no-repeat !important;
  padding: 44px 0 !important;
  border: 0 !important;
  color: #fff;
}
html body:is(.program-detail-page,.pinarabong-page) main :is(.program-detail-hero,.pina-program-header) h1 {
  color: #fff !important;
}
html body:is(.program-detail-page,.pinarabong-page) main :is(.program-detail-hero,.pina-program-header) p {
  color: #edf5fb !important;
}
html body:is(.program-detail-page,.pinarabong-page) main :is(.program-detail-hero,.pina-program-header) :is(.program-chip,.pina-category) {
  background: transparent !important;
  color: #ffc936 !important;
  padding: 0;
}
@media (max-width: 767.98px) {
  html body:is(.program-detail-page,.pinarabong-page) main :is(.program-detail-hero,.pina-program-header) {
    padding: 30px 0 !important;
    text-align: center;
  }
  html body:is(.program-detail-page,.pinarabong-page) main :is(.program-detail-hero,.pina-program-header) :is(h1,p,.pina-heading-row > div) {
    max-width: 100%;
    margin-inline: auto;
  }
}