/* Loaded last on public pages so type matches the homepage. */
html {
  --serif: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --ed-serif: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif
  --ed-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}


html body,
html body button,
html body .btn,
html body input,
html body select,
html body textarea,
html body optgroup {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

html body :is(h1, h2, h3, .serif) {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

html body .bi,
html body .bi::before,
html body [class^="bi-"]::before,
html body [class*=" bi-"]::before {
  font-family: "bootstrap-icons" !important;
}

/* Page stylesheets load their own cards. These win last. */
.page-fact-detail .fd-hero,
.page-fact-detail .fd-article,
.page-fact-detail .qf-card,
.page-fact-detail .share-card,
.page-fact-detail .rel-card,
.page-nh-detail .nh-qf-card,
.page-fact-finder .search-panel,
.page-fact-finder .fact-card,
.page-fact-finder .fact-card:hover {
  background: transparent !important;
  border-radius: 16px !important;
  box-shadow: none !important;
}

.page-fact-detail .fd-avatar,
.page-fact-finder .fc-ico,
.page-fact-finder .hicon {
  display: none !important;
}

.page-fact-detail .woy-detail-img-panel,
.page-woy-detail .woy-detail-img-panel,
.page-nh-detail .nh-detail-img-panel {
  margin: 0 0 16px !important;
  border-radius: 0 !important;
  background: #f7f6f3 !important;
  max-height: none !important;
  aspect-ratio: auto !important;
}

.page-fact-detail .woy-detail-img-panel__img,
.page-woy-detail .woy-detail-img-panel__img,
.page-nh-detail .nh-detail-img-panel__img {
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
}

.page-fact-detail .nh-gallery img {
  border-radius: 0 !important;
}

.page-fact-finder .fact-card,
.page-fact-finder .fact-card:hover {
  border: 0 !important;
  transform: none !important;
}

.page-fact-finder .fc-subj,
.page-fact-finder .res-head h2,
.page-fact-detail .fd-hero h1,
.page-nh-detail .nh-prose h2,
.page-nh-detail .related h2 {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-weight: 800 !important;
  color: #161616 !important;
  font-size: 40px;
}

/* International holidays calendar + World in One Year explorer */
.page-international-calendar,
.woy-page,
.page-embedded-game .page-trivia {
  background: #fff !important;
}

.page-international-calendar .ic-hero,
.page-embedded-game .tri-herocard {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.page-international-calendar .ic-hero-icon,
.page-embedded-game .tri-hicon,
.page-embedded-game .tri-hicon--emoji {
  display: none !important;
}

.page-international-calendar .ic-eyebrow,
.page-embedded-game .tri-eyebrow {
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  letter-spacing: 0 !important;
  color: #b32a24 !important;
}

.page-international-calendar .ic-hero-copy h1,
.page-embedded-game .tri-herocard h1,
.woy-page .woy-year-display,
.page-embedded-game .woy-card h3,
.page-international-calendar .cal-title,
.page-international-calendar .nh-month-head h3,
.page-international-calendar .cal-side h4 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif
  font-weight: 700 !important;
  color: #161616 !important;
}

.page-international-calendar .ic-hero-copy h1,
.page-embedded-game .tri-herocard h1,
.woy-page .woy-year-display {
  font-size: 40px !important;
  line-height: 1.08 !important;
}

.page-international-calendar .cal-card,
.page-international-calendar .nh-month-box,
.page-international-calendar .nh-list-card,
.page-international-calendar .nh-list-card:hover,
.woy-page .woy-sidebar,
.woy-page .woy-card,
.woy-page .woy-card:hover,
.woy-page .woy-card[class*="c-"],
.page-embedded-game .woy-card,
.page-embedded-game .woy-card:hover {
  background: #fff !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}

.woy-page .woy-card,
.woy-page .woy-card:hover,
.woy-page .woy-card[class*="c-"],
.page-embedded-game .woy-card,
.page-embedded-game .woy-card:hover {
  background: #fff !important;
  border: 1px solid #dedede !important;
  border-top: 1px solid #dedede !important;
}

/* Month calendar — same editorial chrome as the other calendar pages */
.page-monthcalendar {
  background: #fff !important;
}

.page-monthcalendar .calc-header {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 8px 0 24px !important;
}

.page-monthcalendar .hicon {
  display: none !important;
}

.page-monthcalendar .h-eyebrow {
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  letter-spacing: .12em !important;
  color: #4f46e5 !important;
}

.page-monthcalendar .calc-header h1,
.page-monthcalendar .cal-title {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-weight: 700 !important;
  color: #161616 !important;
}

.page-monthcalendar .calc-header h1 {
  font-size: clamp(2.2rem, 4vw, 3.4rem) !important;
  line-height: 1.08 !important;
}

.page-monthcalendar .cal-card,
.page-monthcalendar .panel,
.page-monthcalendar .side-card {
  border-radius: 0 !important;
  box-shadow: none !important;
}

.page-monthcalendar .cal-cat,
.page-monthcalendar .cal-tab,
.page-monthcalendar .btn,
.page-monthcalendar .cal-iconbtn,
.page-monthcalendar .cal-seg button {
  border-radius: 2px !important;
  box-shadow: none !important;
}

/* Trivia hub */
.page-trivia {
  background: #fff !important;
}

.page-trivia .tri-herocard {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.page-trivia .tri-hicon,
.page-trivia .bc-hico,
.page-trivia .bcc-ico {
  display: none !important;
}

.page-trivia .tri-eyebrow {
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  letter-spacing: .12em !important;
  color: #b32a24 !important;
}

.page-trivia .tri-herocard h1,
.page-trivia .bc-head h2,
.page-trivia .bc-card h3,
.page-trivia .pq-head h3,
.page-trivia .bcc-txt h4 {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-weight: 800 !important;
  color: #161616 !important;
}

.page-trivia .tri-herocard h1 {
  font-size: 40px !important;
  line-height: 1.08 !important;
}

.page-trivia .bc-head {
  margin-bottom: 16px;
  padding-bottom: 10px;
  border-bottom: 1px solid #161616;
} 
.page-trivia .bc-card,
.page-trivia .bc-card:hover,
.page-trivia .pq-panel,
.page-trivia .tri-search {
  border: 1px solid #dedede !important;
}

.page-trivia .bc-card.sel {
  border-color: #4f46e5 !important;
}
 

.page-trivia .bc-ico,
.page-trivia .pq-thumb {
  border-radius: 0 !important;
}

/* Directory listing and place pages */
.page-arch-sites,
.page-arch-temples {
  background: #fff !important;
}

.page-arch-sites .hero,
.page-arch-sites .hub-panel,
.page-arch-temples .place,
.page-arch-temples .mappanel,
.page-arch-temples .item-rate-panel {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.page-arch-sites .hicon {
  display: none !important;
}

.page-arch-sites .eyebrow {
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  letter-spacing: .12em !important;
  color: #b32a24 !important;
}

.page-arch-sites .hero {
  padding: 8px 0 20px !important;
}

.page-arch-sites .hero h1,
.page-arch-temples .place-body h1,
.page-arch-sites .hub-panel h2,
.page-arch-temples .more h2,
.page-arch-sites .lst-card h3,
.page-arch-sites .hub-card-name {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-weight: 700 !important;
  color: #161616 !important;
}

.page-arch-sites .hero h1,
.page-arch-temples .place-body h1 {
  font-size: 40px !important;
  line-height: 1.08 !important;
}

.page-arch-sites .lst-card,
.page-arch-sites .lst-card:hover,
.page-arch-sites .lst-card.hot,
.page-arch-sites .hub-card,
.page-arch-sites .hub-card:hover,
.page-arch-temples .more-item,
.page-arch-temples .more-item:hover,
.page-arch-temples .more-item:focus {
  background: #fff !important;
  border: 1px solid #dedede !important;
  border-radius: 15px !important;
  box-shadow: none !important;
  transform: none !important;
}

.page-arch-sites .gv-wrap,
.page-arch-sites .gv-hero,
.page-arch-temples .gv-wrap,
.page-arch-temples .gv-hero,
.page-arch-sites .hub-card-cover,
.page-arch-sites .item-card-thumb {
  border-radius: 0 !important;
}

.page-international-calendar .cal-cat,
.page-international-calendar .cal-tab,
.page-international-calendar .btn,
.page-international-calendar .cal-iconbtn,
.page-international-calendar .cal-seg button,
.page-international-calendar .country-select-trigger,
.woy-page .woy-year-btn,
.woy-page .woy-btn,
.woy-page .woy-chip,
.woy-page .woy-jump-input,
.woy-page .woy-side-search,
.woy-page .woy-main-search input {
  border-radius: 25px !important;
  box-shadow: none !important;
}

.woy-page .woy-tag,
.woy-page .woy-subtag,
.woy-page .woy-tag[class*="c-"] {
  background: none !important;
  color: #4f46e5 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  letter-spacing: .08em;
  text-transform: uppercase;
}