/* Shared academic presentation layer for the public journal views. */
:root { --journal-ink: #17324d; --journal-navy: #0d2b45; --journal-gold: #b58a2a; --journal-paper: #fcfbf7; --journal-line: #dce3e6; --journal-muted: #5d6d78; }
body.index-page { background: var(--journal-paper); color: #263b4c; font-family: "Open Sans", Arial, sans-serif; }
body.index-page h1, body.index-page h2, body.index-page h3, body.index-page h4, body.index-page h5, body.index-page h6, .serif-heading { color: var(--journal-ink); font-family: Georgia, "Times New Roman", serif; letter-spacing: 0; }
body.index-page a { color: #176b80; } body.index-page a:hover { color: #9a7019; }
.header { background: var(--journal-navy) !important; border-bottom: 3px solid var(--journal-gold); box-shadow: 0 2px 14px rgba(9, 34, 55, .16); padding: 0 !important; }
#scroll-top-bar { border-color: rgba(255,255,255,.18) !important; padding-top: .85rem !important; padding-bottom: .8rem !important; }
.header .logo img { max-height: 76px; border-radius: 2px; background: #fff; padding: 3px; }
#top-bar > div:nth-child(2) > div:first-child span { color: #f1c65b !important; text-shadow: none !important; font-family: Georgia, "Times New Roman", serif; }
.header .container-xl { min-height: 52px; } .navmenu a, .navmenu a:focus { font-size: 13px; font-weight: 600; letter-spacing: .02em; }
.navmenu > ul > li > a:after { background-color: var(--journal-gold) !important; } .navmenu .dropdown ul { border-top: 3px solid var(--journal-gold); box-shadow: 0 8px 20px rgba(10, 35, 54, .18); }
main.main, body.index-page > main, body.index-page .contact.section, body.index-page .team.section { background: var(--journal-paper); }
.section { padding: 62px 0; } .contact.section { padding-top: 62px; } .section-title { padding-bottom: 24px; }
.section-title h2 { font-size: 30px; font-weight: 700; line-height: 1.25; margin-bottom: 14px; } .section-title h2:after { background: var(--journal-gold) !important; height: 3px !important; width: 52px !important; }
.section-title p { color: var(--journal-muted); max-width: 760px; margin-inline: auto; }
.contact .bg-white.border, .contact .card, .contact .info-wrap, .contact .php-email-form, .contact .team-member, .contact .announcement-card, .contact .p-4.border, .contact .p-4.bg-white { background: #fffdf9 !important; border: 1px solid var(--journal-line) !important; border-radius: 4px !important; box-shadow: 0 3px 12px rgba(19, 50, 77, .06) !important; }
.contact .p-4, .contact .card-body, .contact .info-wrap, .contact .php-email-form { padding: 1.75rem !important; } .contact p, .contact li { color: #405362; line-height: 1.75; } .contact .text-secondary, .contact .text-muted { color: var(--journal-muted) !important; }
.contact .border-warning { border-color: var(--journal-gold) !important; } .contact h3.pb-2, .contact .serif-heading { border-color: var(--journal-gold) !important; color: var(--journal-ink) !important; }
.contact .small.bg-white.border, .contact .p-2.bg-white { border-color: #e5e9e7 !important; border-radius: 3px !important; background: #fff !important; color: #405362; }
.team-member { transition: border-color .2s ease, box-shadow .2s ease; } .team-member:hover { border-color: #c4a35a !important; box-shadow: 0 5px 18px rgba(19, 50, 77, .1) !important; } .team-member .pic img { border: 2px solid #e6d5a9; } .team-member h4 { font-weight: 700; }
.announcement-card { padding: 1.6rem !important; } .announcement-card::before { background: var(--journal-gold) !important; } .date-icon { background: #f8f2e4 !important; color: #8b681d !important; border-radius: 3px !important; } .announcement-content h3 { color: var(--journal-ink); font-size: 1.25rem; } .announcement-link { color: #176b80 !important; font-weight: 700; }
.btn, .php-email-form button { border-radius: 3px !important; font-weight: 700 !important; letter-spacing: .01em; }  
.footer { background: var(--journal-navy) !important; border-top: 4px solid var(--journal-gold); color: #dce6eb; } .footer .footer-top { padding-top: 52px; padding-bottom: 42px; } .footer h4 { color: #f1c65b !important; font-family: Georgia, "Times New Roman", serif; } .footer .footer-links a, .footer .footer-contact p { color: #dce6eb; } .footer .footer-links a:hover { color: #f1c65b; } .footer .social-links a { border-color: rgba(255,255,255,.38); color: #fff; } .footer .social-links a:hover { background: var(--journal-gold); border-color: var(--journal-gold); }
@media (max-width: 1199px) { .header .container-xl { min-height: 130px; } .section { padding: 46px 0; } }
@media (max-width: 767px) { #scroll-top-bar .col-4 { width: 100%; } #scroll-top-bar .logo { justify-content: center !important; } .header .logo img { max-height: 62px; width: auto !important; } .section-title h2 { font-size: 25px; } .contact .p-4, .contact .card-body, .contact .info-wrap, .contact .php-email-form { padding: 1.2rem !important; } }

/* Configurable brand source. Set --checklogo-color at runtime to use a logo-derived color. */
:root { --checklogo-color: #2a2c39; --logo-color: var(--checklogo-color, #2a2c39); --logo-contrast: #ffffff; --journal-header-offset: 166px; }
.header { background: var(--logo-color) !important; border-color: var(--logo-color) !important; position: fixed !important; inset: 0 0 auto; z-index: 1100 !important; }
.navmenu { position: relative; z-index: 1101; } .navmenu > ul > li > a:after { background-color: var(--logo-contrast) !important; } .navmenu .dropdown ul { border-top-color: var(--logo-color); } .navmenu .dropdown ul a { color: var(--logo-color) !important; }
html { scroll-padding-top: var(--journal-header-offset); }
body.index-page > main, body.index-page > section:not(#footer) { padding-top: calc(var(--journal-header-offset) + 20px) !important; }
main.main, body.index-page > main, body.index-page .contact.section, body.index-page .team.section { position: relative; z-index: 1; }
.section-title h2:after, .contact .border-warning, .contact h3.pb-2, .contact .serif-heading, .announcement-card::before { border-color: var(--logo-color) !important;  }
.team-member:hover, .team-member .pic img { border-color: var(--logo-color) !important; }
.date-icon { background: color-mix(in srgb, var(--logo-color), white 91%) !important; color: var(--logo-color) !important; }
.navmenu ul li a {
    color: #fff;
}
.back-announcements {
    color: var(--logo-color) !important;
    text-decoration: none;
    border: 1px solid #c59a19;
    padding: 8px 15px;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 600;
}

.back-announcements:hover {
    color: #5f4800 !important;
    background: #c59a19;
}
/*.btn-primary, .php-email-form button { background: var(--logo-color) !important; border-color: var(--logo-color) !important; }*/
/*.btn-primary:hover, .php-email-form button:hover { background: color-mix(in srgb, var(--logo-color), black 18%) !important; border-color: color-mix(in srgb, var(--logo-color), black 18%) !important; }*/
.footer { background: var(--logo-color) !important; border-color: var(--logo-color) !important; }
.footer h4 { color: var(--logo-contrast) !important; } .footer .footer-links a:hover { color: var(--logo-contrast); } .footer .social-links a:hover { background: var(--logo-contrast); border-color: var(--logo-contrast); color: var(--logo-color); }
@media (max-width: 1199px) { .header, .header .navmenu > ul > li > a, .header .navmenu > ul > li > a:focus { color:var(--logo-color) !important; } }
@media (max-width: 768px) { :root { --journal-header-offset: 210px; } }
a.all-announcements-btn {
    color: var(--logo-color) !important;
}

