/*
Theme Name: Oldtimerpassion
Theme URI: https://oldtimerpassion.net/
Author: Oldtimerpassion
Description: Individuelles, responsives Magazin-Theme für Oldtimerpassion.
Version: 1.4.5
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: oldtimerpassion
*/
:root{
 --op-bg:#242321;--op-bg-2:#302e2a;--op-paper:#f2eee6;--op-cream:#e8e0d2;
 --op-text:#292722;--op-muted:#777269;--op-gold:#b18a56;--op-line:rgba(177,138,86,.35);
 --op-white:#fffdf8;--op-width:1200px;--op-serif:Georgia,"Times New Roman",serif;
 --op-sans:Arial,Helvetica,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--op-paper);color:var(--op-text);font-family:var(--op-sans);font-size:16px;line-height:1.7}
a{color:inherit;text-decoration:none}
a:hover{color:var(--op-gold)}
img{max-width:100%;height:auto;display:block}
.container{width:min(var(--op-width),calc(100% - 48px));margin-inline:auto}
.site-header{background:var(--op-bg);color:var(--op-cream);border-bottom:1px solid var(--op-line);position:relative;z-index:10}
.header-inner{min-height:96px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{display:flex;flex-direction:column;line-height:1.1}
.custom-logo{max-height:62px;width:auto}
.site-title{font:600 26px/1.1 var(--op-serif);letter-spacing:.09em;color:var(--op-white);text-transform:uppercase}
.site-tagline{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:#c6a477;margin-top:8px}
.primary-nav ul{display:flex;gap:25px;align-items:center;list-style:none;margin:0;padding:0}
.primary-nav a{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#e8e0d2}
.primary-nav a:hover,.primary-nav .current-menu-item>a{color:#c6a477}
.menu-toggle{display:none;background:none;border:1px solid var(--op-line);color:var(--op-cream);padding:9px 13px;text-transform:uppercase;letter-spacing:.1em}
.hero{background:linear-gradient(105deg,rgba(25,24,22,.94),rgba(25,24,22,.63)),linear-gradient(135deg,#555047,#242321 60%,#766044);color:var(--op-white);min-height:570px;display:flex;align-items:center;position:relative;overflow:hidden}
.hero.has-image{background-position:center;background-size:cover}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,19,17,.42),transparent 75%);pointer-events:none}
.hero-inner{position:relative;z-index:1;padding-block:100px}
.eyebrow{color:#c6a477;font-size:11px;font-weight:700;letter-spacing:.25em;text-transform:uppercase}
.hero h1{font:normal clamp(42px,6vw,76px)/1.05 var(--op-serif);max-width:760px;margin:22px 0 18px;letter-spacing:-.025em}
.hero p{max-width:590px;color:#e3ddd2;font-size:18px;margin:0 0 30px}
.button,.wp-block-button__link{display:inline-block;background:var(--op-gold);color:#fffdf8;padding:13px 22px;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--op-gold);transition:.2s}
.button:hover,.wp-block-button__link:hover{background:transparent;color:#fffdf8}
.section{padding:78px 0}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px}
.section-kicker{color:var(--op-gold);font-size:10px;font-weight:700;letter-spacing:.22em;text-transform:uppercase}
.section-title{font:normal clamp(30px,4vw,43px)/1.15 var(--op-serif);margin:8px 0 0}
.section-intro{color:var(--op-muted);max-width:520px;margin:10px 0 0}
.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.feature-card{background:var(--op-white);border:1px solid #e2dbcf;transition:transform .2s,box-shadow .2s}
.feature-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(40,35,27,.09)}
.card-image{aspect-ratio:4/3;background:linear-gradient(135deg,#d8d0c2,#9b8d78);display:flex;align-items:center;justify-content:center;color:#fff;font:italic 18px var(--op-serif);overflow:hidden}
.card-image img{width:100%;height:100%;object-fit:cover}
.card-body{padding:21px}
.card-body h3{font:normal 23px/1.2 var(--op-serif);margin:0 0 8px}
.card-body p{font-size:14px;color:var(--op-muted);margin:0}
.dark-band{background:var(--op-bg);color:var(--op-cream)}
.dark-band .section-title{color:var(--op-white)}
.dark-band .section-intro{color:#bdb5a8}
.editorial-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}
.editorial-image{min-height:360px;background:linear-gradient(135deg,#766044,#302e2a);display:flex;align-items:center;justify-content:center;color:#e8e0d2;font:italic 22px var(--op-serif);overflow:hidden}.editorial-image .editorial-photo{width:100%;height:100%;min-height:360px;object-fit:cover}
.editorial-copy h2{font:normal clamp(32px,4vw,48px)/1.12 var(--op-serif);margin:12px 0 18px}
.editorial-copy p{color:#c9c1b5}
.community-band{background:var(--op-cream);padding:64px 0}
.community-inner{display:flex;justify-content:space-between;align-items:center;gap:32px}
.community-inner h2{font:normal clamp(30px,4vw,42px)/1.15 var(--op-serif);margin:8px 0}
.community-inner p{max-width:650px;color:#625c52;margin:0}
.post-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.post-card{background:var(--op-white);border:1px solid #e2dbcf}
.post-card .card-image{aspect-ratio:16/10}
.post-meta{font-size:10px;color:var(--op-gold);letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px}
.post-card h3{font:normal 22px/1.25 var(--op-serif);margin:0 0 9px}
.post-card p{font-size:14px;color:var(--op-muted);margin:0}
.post-content{padding:22px}
.site-footer{background:#191816;color:#c9c1b5;padding:52px 0 24px}
.footer-top{display:flex;justify-content:space-between;gap:40px;padding-bottom:34px;border-bottom:1px solid rgba(177,138,86,.25)}
.footer-brand{font:normal 25px var(--op-serif);letter-spacing:.1em;color:var(--op-white)}
.footer-note{max-width:430px;font-size:14px;color:#aaa295}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:20px;font-size:11px;color:#8f887e}
.content-area{padding:65px 0;min-height:45vh}
.entry-title{font:normal clamp(34px,5vw,54px)/1.12 var(--op-serif);margin:0 0 22px}
.entry-content{max-width:850px}
.entry-content a{color:#8e6738;text-decoration:underline}
.entry-content h2,.entry-content h3{font-family:var(--op-serif);font-weight:normal}
.entry-content p,.entry-content li{line-height:1.85}
.pagination{margin-top:35px}
.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);height:1px;width:1px;overflow:hidden}
@media(max-width:900px){
 .primary-nav ul{gap:14px}.primary-nav a{font-size:10px}
 .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .editorial-grid{gap:32px}
}
@media(max-width:680px){
 .container{width:min(100% - 32px,var(--op-width))}
 .header-inner{min-height:78px;flex-wrap:wrap;padding-block:14px}
 .menu-toggle{display:block}
 .primary-nav{display:none;width:100%;padding:0 0 14px}
 .primary-nav.is-open{display:block}
 .primary-nav ul{display:flex;flex-direction:column;align-items:flex-start;gap:0}
 .primary-nav li{width:100%;border-top:1px solid rgba(177,138,86,.18)}
 .primary-nav a{display:block;padding:11px 0;font-size:11px}
 .hero{min-height:500px}.hero-inner{padding-block:75px}
 .hero p{font-size:16px}
 .section{padding:55px 0}
 .section-heading,.community-inner,.footer-top,.footer-bottom{align-items:flex-start;flex-direction:column}
 .feature-grid,.post-list{grid-template-columns:1fr}
 .editorial-grid{grid-template-columns:1fr}
 .editorial-image{min-height:240px}.editorial-image .editorial-photo{min-height:240px}
}

/* Legal links in the site footer */
.footer-legal{display:flex;align-items:center;justify-content:flex-end;gap:22px;flex-wrap:wrap}
.footer-legal a{color:#c9c1b5;text-decoration:none}
.footer-legal a:hover,.footer-legal a:focus{color:#b18a56}
.footer-legal #menu-footer{display:flex;gap:18px;list-style:none;margin:0;padding:0}
.footer-legal #menu-footer li{margin:0;padding:0}
@media(max-width:700px){.footer-legal{justify-content:flex-start;gap:14px}}

/* Editorial 404 page */
.error-404{padding-block:72px;min-height:65vh;display:flex;align-items:center}
.error-404-panel{display:block;background:transparent;color:var(--op-text);border:0;box-shadow:none;overflow:hidden}
.error-404-art{position:relative;width:100%;overflow:hidden;background:#292723}
.error-404-art img{display:block;position:static;width:100%;height:auto;object-fit:contain;object-position:center}
.error-404-art:before{content:none}
.error-404-road{position:absolute;left:-12%;right:-12%;bottom:13%;height:34%;background:linear-gradient(180deg,#4a4842,#242321);transform:perspective(260px) rotateX(12deg);border-top:2px solid rgba(232,224,210,.18)}
.error-404-road:after{content:"";position:absolute;left:0;right:0;top:48%;border-top:2px dashed rgba(232,224,210,.3)}
.error-404-car{position:absolute;width:66%;height:100px;left:17%;bottom:29%;filter:drop-shadow(0 16px 9px rgba(0,0,0,.38))}
.error-404-car-body{position:absolute;left:2%;right:2%;bottom:20px;height:48px;background:linear-gradient(180deg,#b84a36,#792d24);border:2px solid #d18b69;border-radius:42px 58px 13px 13px;transform:skewX(-7deg)}
.error-404-car-body:before{content:"";position:absolute;left:28%;top:-37px;width:38%;height:42px;border:3px solid #c6b9a5;border-bottom:0;border-radius:45px 48px 0 0;background:linear-gradient(135deg,rgba(181,205,210,.7),rgba(42,52,53,.85));clip-path:polygon(12% 0,88% 0,100% 100%,0 100%)}
.error-404-wheel{position:absolute;bottom:0;width:34px;height:34px;border:7px solid #1b1a18;border-radius:50%;background:#a99e8c;box-shadow:inset 0 0 0 3px #4b4943}
.error-404-wheel-front{right:13%}.error-404-wheel-back{left:17%}
.error-404-number{position:absolute;top:9%;left:9%;font:normal clamp(76px,11vw,140px)/1 var(--op-serif);color:rgba(242,238,230,.13);letter-spacing:-.08em}
.error-404-sign{position:absolute;right:8%;top:12%;padding:8px 13px;border:1px solid var(--op-gold);color:#d2b184;font-size:10px;font-weight:700;letter-spacing:.22em;transform:rotate(5deg)}
.error-404-copy{align-self:center;padding:clamp(32px,5vw,66px)}
.error-404-copy .section-kicker{margin-bottom:18px}
.error-404-copy .entry-title{color:var(--op-text);font-size:clamp(34px,4vw,52px);margin-bottom:22px}
.error-404-copy p{color:var(--op-text);margin:0 0 14px;max-width:850px}
.error-404-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:30px}
.error-404-secondary{color:#d2b184;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid var(--op-line);padding:12px 0}
.error-404-secondary span{font-size:16px;margin-left:5px}
.error-404-secondary:hover{color:var(--op-white)}
@media(max-width:760px){.error-404{padding-block:36px}.error-404-panel{display:block}.error-404-art{min-height:0}.error-404-copy{padding:34px 26px 42px}}

/* Featured image on the About page */
.page-id-123 .content-area article > img.wp-post-image{width:min(850px,100%);height:auto;}