/*
Theme Name: YorubaFilm Classic
Theme URI: https://yorubafilm.com/
Author: YorubaFilm
Description: Classic YorubaFilm layout with local historical media.
Version: 1.0.0
Requires PHP: 7.4
Text Domain: yorubafilm
*/
:root{--green:#307b22;--deep:#235e19;--line:#dce2d8}*{box-sizing:border-box}body{margin:0;background:#f3f5f1;color:#263128;font:15px/1.6 Arial,Helvetica,sans-serif}a{color:#236b1c;text-decoration:none}a:hover{text-decoration:underline}.wrap{max-width:1100px;margin:auto;padding:0 18px}.utility{background:#e7eee3;border-bottom:1px solid var(--line);font-size:12px;padding:6px 0}.masthead{background:#fff;padding:23px 0}.brand{font-size:38px;font-weight:800;letter-spacing:-1.6px;color:#2c7424}.tagline{font-size:13px;color:#6d786a}.mainnav{background:var(--green)}.navinner{display:flex;flex-wrap:wrap;gap:0}.mainnav a{display:inline-block;color:white;padding:12px 14px;font-weight:bold;font-size:13px}.mainnav a:hover{background:var(--deep);text-decoration:none}.layout{display:grid;grid-template-columns:minmax(0,2.4fr) minmax(230px,1fr);gap:24px;margin:24px auto}.panel{background:white;border:1px solid var(--line);padding:20px;margin-bottom:18px}.section-title{margin:0 0 16px;padding-bottom:9px;border-bottom:3px solid var(--green);font-size:20px}.story{display:flex;gap:15px;padding:17px 0;border-bottom:1px solid #e8ece6}.story:first-of-type{padding-top:0}.story img{width:150px;height:104px;object-fit:cover;background:#e8eee5}.story h2{font-size:19px;line-height:1.35;margin:0 0 8px}.story p{margin:0;color:#697569;font-size:13px}.sidebar h3{font-size:17px;border-bottom:2px solid var(--green);padding-bottom:7px}.sidebar ul{list-style:none;padding:0;margin:0}.sidebar li{border-bottom:1px solid #ebefea;padding:8px 0}.searchform{display:flex;gap:6px}.searchform input{min-width:0;flex:1;padding:10px;border:1px solid #cbd5c6}.searchform button{background:var(--green);color:white;border:0;padding:10px 13px;cursor:pointer}.entry h1{font-size:29px;line-height:1.25}.entry img{max-width:100%;height:auto}.footer{background:#243d25;color:#dce8da;padding:28px 0;margin-top:28px}.footer a{color:white}.breadcrumb{font-size:12px;color:#687467;margin-bottom:12px}.notice{padding:12px;background:#f4f7e9;border-left:3px solid #8ba75c}.pagination a,.pagination span{display:inline-block;margin:5px;padding:6px 10px;border:1px solid var(--line)}@media(max-width:720px){.layout{grid-template-columns:1fr}.brand{font-size:31px}.story img{width:105px;height:85px}.story h2{font-size:16px}.mainnav a{padding:10px 9px;font-size:12px}.panel{padding:14px}}
.yf-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:10px;margin:15px 0}.yf-categories a{padding:12px;background:#f3f3f3;border:1px solid #ddd;text-decoration:none;font-weight:700}.yf-categories a:hover{background:#e8eef7}

/* Archive media and article image layout */
.story img {width:120px;height:90px;object-fit:cover;flex-shrink:0;border-radius:4px;}
.entry .wp-post-image{display:block;max-width:100%;height:auto;margin:14px 0 22px;}
.yf-media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:14px;margin-top:16px;}
.yf-media-grid figure{margin:0}.yf-media-grid img{width:100%;aspect-ratio:4/3;object-fit:cover;height:auto;border-radius:4px}.yf-media-grid figcaption{font-size:12px;line-height:1.4;margin-top:5px;overflow-wrap:anywhere}

/* Historical image order from the saved homepage HTML. */
.yf-original-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.yf-historic-card{margin:0;padding:8px;border:1px solid #ddd;background:#fff}.yf-historic-card img{display:block;width:100%;height:145px;object-fit:contain}.yf-historic-card figcaption{font-size:13px;line-height:1.4;padding-top:6px}.yf-historic-card a{display:block}@media(max-width:650px){.yf-original-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.yf-historic-card img{height:120px}}