/*
Theme Name: ERA Heritage
Theme URI: https://erausa.org/
Author: Electric Railroaders Association
Description: WordPress theme for the Electric Railroaders Association, migrated from the legacy static site.
Version: 1.1.0
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: era-heritage
*/

@font-face { font-family: 'JustSubways'; font-style: normal; font-weight: 400; font-display: swap; src: url('assets/fonts/just-subways-03-svg.ttf') format('truetype'); }
:root { --era-black: #333333; --era-black-deep: #262626; --era-paper: #f5f6f7; --era-white: #ffffff; --era-line: #d9dfe4; --era-green: #02b875; --era-green-dark: #00fa9a; --era-blue: #0039a6; --era-red: #ee352e; --era-container: 1300px; --era-gutter: 1rem; }
* { box-sizing: border-box; }
body { margin: 0; color: var(--era-black); background: var(--era-paper); font-family: 'Merriweather', Georgia, serif; font-size: .95rem; line-height: 1.5; }
a { color: var(--era-green); text-decoration: none; }
a:hover { color: #000; }
.era-container { margin: 0 auto; max-width: var(--era-container); padding-left: 0; padding-right: 0; width: 100%; }
.era-brand { align-items: center; color: var(--era-white); display: flex; font-family: 'Libre Franklin', Arial, sans-serif; font-size: 1.05rem; font-weight: 400; justify-content: center; text-decoration: none; }
.era-main { min-height: 55vh; margin: 0; padding: 0; }
.era-main > .era-container { max-width: var(--era-container); padding-left: 0; padding-right: 0; }
.era-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.3rem; }
.era-card { background: #fff; border: 1px solid var(--era-line); box-shadow: 0 3px 12px rgba(23,32,42,.08); }
.era-card img { display: block; width: 100%; height: auto; }
.era-card-body { padding: 1rem 1.15rem; }
.era-card h2, .era-card h3 { margin-top: 0; line-height: 1.25; }
.era-kicker { color: var(--era-green); font: 700 .75rem/1.2 'Libre Franklin', Arial, sans-serif; letter-spacing: .08em; text-transform: uppercase; }
.era-prefooter { background: url('assets/images/prefooter.jpg') center 60% / cover no-repeat; color: rgba(255,255,255,.8); padding: 3rem 0; }
.era-footer { background: var(--era-black-deep) url('assets/images/footer.png') right bottom / auto no-repeat; color: rgba(255,255,255,.65); padding: 3rem 0 6rem; }
.era-footer a, .era-prefooter a { color: var(--era-green); }
.era-footer a:hover, .era-prefooter a:hover { color: var(--era-white); }
.era-four-col { display: grid; gap: 2rem; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.era-footer h2, .era-prefooter h2 { font: 400 1.15rem/1.2 'Libre Franklin', Arial, sans-serif; margin: 0; }
.era-footer h3 { color: var(--era-white); font: 700 .95rem/1.2 'Libre Franklin', Arial, sans-serif; margin: 1.5rem 0 .5rem; }
.era-footer p, .era-prefooter p { font-size: .84rem; margin: .85rem 0; }
.era-footer address { font-size: .84rem; font-style: normal; }
.era-rule { border-top: 2px solid var(--era-green); max-width: 7rem; }
.era-copyright { margin-top: 2rem !important; }
.era-pagination { margin-top: 2rem; }
.era-legacy-home { margin: 0 auto; max-width: 1300px; }
.era-legacy-home article { border-top: 1px solid #cfd5da; margin: 0; padding: 0; }
.era-legacy-home .mt-55 { margin-top: 3.4rem; }
.era-legacy-home h2.center { color: var(--era-black); font: 400 2.4rem/1.1 'Libre Franklin', Arial, sans-serif; margin: 0; }
.era-legacy-home h5.center { font: 400 1rem/1.5 'Libre Franklin', Arial, sans-serif; }
.era-legacy-home .card { background: #fff; border: 0; border-radius: 20px; box-shadow: 0 2px 12px rgba(51,51,51,.12); overflow: hidden; }
.era-legacy-home .shadow-sm { box-shadow: 0 2px 12px rgba(51,51,51,.12); }
.era-legacy-home .card-img-top { aspect-ratio: 16 / 9; display: block; height: auto; max-width: 100%; object-fit: cover; width: 100%; }
.era-legacy-home img { height: auto; max-width: 100%; }
.era-legacy-home .card-body { padding: .85rem 1rem; }
.era-legacy-home .card-body.bg_White { background: var(--era-white); }
.era-legacy-home .bg_Verblu { background: #4c00e9; color: var(--era-white); }
.era-legacy-home .bg_Verblu a { color: var(--era-green-dark); }
.era-legacy-home .row-cols-lg-3 > [class*="col-"] { flex: 0 0 auto; width: 33.333333%; }
.era-legacy-home .outercaption { font-size: .78rem; line-height: 1.45; }
.era-legacy-home .inlinecredit { font-style: italic; }
.era-legacy-home .subhd_002 { color: #333; font: 300 2.25rem/1.08 'Libre Franklin', Arial, sans-serif; margin: .2rem 0 1rem; }
.era-legacy-home .heading h2 { font: 400 1.35rem/1.3 'Libre Franklin', Arial, sans-serif; margin: 0; }
.era-legacy-home .hr_short { border-top: 3px solid var(--era-green); margin: 1rem 0; max-width: 5rem; }
.era-legacy-home p { font-size: .92rem; line-height: 1.55; }
.era-legacy-home .badge { background: #02b875; border-radius: 999px; color: #fff; display: inline-block; padding: .45rem .8rem; text-decoration: none; }
.era-legacy-home svg { height: 1em; width: 1em; }
.era-legacy-home .heading a, .era-legacy-home .heading a:hover { color: inherit; text-decoration: none; }
@media (min-width: 768px) { .era-legacy-home [class*="col-md-6"] { width: 50%; } }
@media (max-width: 900px) { .era-four-col { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 991px) { .era-legacy-home .row-cols-lg-3 > [class*="col-"] { width: 50%; } }
@media (max-width: 640px) { :root { --era-gutter: .75rem; } .era-four-col { grid-template-columns: 1fr; } .era-legacy-home .row-cols-lg-3 > [class*="col-"] { width: 100%; } }

/* Match the legacy Bootstrap homepage geometry. */
.logofont { font-family: 'JustSubways'; display: inline-block; font-style: normal; font-weight: 400; line-height: .875; }
.logofont-2x { font-size: 2em; }
.era-u { color: #02b875; }
.era-legacy-home .container-fluid { margin-left: auto; margin-right: auto; padding-left: .75rem; padding-right: .75rem; width: 100%; }
.era-legacy-home .container { margin-left: auto; margin-right: auto; max-width: 1300px; padding-left: .75rem; padding-right: .75rem; width: 100%; }
.era-legacy-home .row { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-left: calc(var(--bs-gutter-x) * -.5); margin-right: calc(var(--bs-gutter-x) * -.5); margin-top: calc(var(--bs-gutter-y) * -1); }
.era-legacy-home .row > *, .era-legacy-home [class*="col-"] { padding-left: calc(var(--bs-gutter-x) * .5); padding-right: calc(var(--bs-gutter-x) * .5); padding-top: calc(var(--bs-gutter-y) * .5); }
.era-legacy-home [class*="col-"] { padding-bottom: .5rem; }
.era-legacy-home .container-fluid.hr-top { border-top: 1px solid #bfbfbf; padding-bottom: 1.5rem !important; padding-top: 1.5rem !important; }
.era-legacy-home .container-fluid.hr-top:first-child { border-top: 0; }
.era-legacy-home .card, .era-legacy-home .card-body { border-radius: 20px; border-width: 0; }
.era-legacy-home .card-img-top { border-top-left-radius: 20px; border-top-right-radius: 20px; }