/*
Theme Name: 2WR
Theme URI: https://2wr.nl/
Author: rsquare.nl
Description: Eigen thema voor 2wr.nl, de site over two-way radio. Lijntekeningen van een zendmast, een huis met antenne en een auto met mobilofoon.
Version: 1.0.0
Requires at least: 6.5
Requires PHP: 8.1
License: GPL-2.0-or-later
Text Domain: twr
*/

/* kopbalk */
.twr-header{border-bottom:3px solid var(--wp--preset--color--rood)}
.twr-brand{display:flex;align-items:center;gap:.6rem;text-decoration:none}
.twr-brand img{width:44px;height:44px;display:block}
.twr-header .wp-block-site-title a{text-decoration:none}
.twr-header .wp-block-navigation a{text-decoration:none;font-weight:600}
.twr-header .wp-block-navigation a:hover,.twr-header .wp-block-navigation .current-menu-item a{color:var(--wp--preset--color--rood)}

/* tekeningen */
.twr-scene,.twr-strip{display:block;width:100%;line-height:0;background:var(--wp--preset--color--licht)}
.twr-scene img{display:block;width:100%;height:clamp(180px,32vw,380px);object-fit:cover;object-position:center bottom}
.twr-strip img{display:block;width:100%;height:clamp(70px,12vw,150px);object-fit:cover;object-position:center bottom}

/* kop van de voorpagina */
.twr-kop{background:var(--wp--preset--color--licht)}
.twr-kop-tekst{text-align:center;padding:clamp(1.2rem,4vw,2.8rem) 1rem 0}
.twr-kop-tekst .twr-titel{margin:0;font-family:var(--wp--preset--font-family--kop);font-weight:800;font-size:clamp(2rem,6vw,3.8rem);letter-spacing:.04em;line-height:1.1}
.twr-kop-tekst p{margin:.4rem 0 0;font-size:clamp(1rem,2vw,1.3rem)}

/* voettekst */
.twr-footer a{color:#fff}
.twr-footer .twr-golf{display:block;width:100%;height:24px}

/* tijdlijn (ook inline in de pagina, hier als vangnet) */
.twr-tijdlijn{position:relative;margin:2rem 0;padding-left:2rem;border-left:3px solid #c0392b}
.twr-item{position:relative;margin:0 0 2rem 0}
.twr-item::before{content:"";position:absolute;left:calc(-2rem - 9px);top:.35rem;width:15px;height:15px;border-radius:50%;background:#fff;border:3px solid #c0392b}
.twr-jaar{display:inline-block;font-weight:700;font-size:1.1rem;color:#c0392b;margin-bottom:.2rem}
.twr-tijdperk{margin:2.5rem 0 1rem -2rem;padding:.3rem .8rem;background:#c0392b;color:#fff;display:inline-block;border-radius:3px;font-weight:600;letter-spacing:.03em}
.twr-fig{margin:.7rem 0 0;max-width:340px}.twr-svg{width:100%;height:auto;display:block}