/*
Theme Name: Vintage Radio
Theme URI: https://hoefvinyl.nl/
Author: Vintage Radio Studio
Description: Klassiek vintage radiothema met rechts navigatiemenu, uitgebreide kleuren- en randinstellingen, headerafbeeldingen en widgets.
Version: 1.0.0
Requires at least: 6.2
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: vintage-radio
Tags: blog, custom-background, custom-colors, custom-header, custom-logo, custom-menu, featured-images, right-sidebar, theme-options, translation-ready
*/
:root{--vr-page-bg:#211c18;--vr-body-bg:#f2e4c8;--vr-body-text:#33271f;--vr-link-color:#8d462b;--vr-link-hover:#bb752f;--vr-accent:#d5a14b;--vr-paper-radius:8px;--vr-content-width:1200px;--vr-body-font-size:17px;--vr-header-bg:#39271e;--vr-header-text:#fff0ce;--vr-header-subtext:#e4c68d;--vr-header-border:#bd914d;--vr-header-border-width:3px;--vr-header-height:250px;--vr-header-overlay:.45;--vr-header-align:left;--vr-topbar-bg:#3a2920;--vr-topbar-text:#f7e7c3;--vr-topbar-hover:#a7773c;--vr-menu-bg:#efe1c4;--vr-menu-text:#4b3327;--vr-menu-hover-bg:#b38a50;--vr-menu-hover-text:#fff8e9;--vr-menu-border:#ad875b;--vr-menu-border-width:2px;--vr-menu-item-border:#d1bc97;--vr-menu-heading-bg:#5c3b29;--vr-menu-heading-text:#f5d99a;--vr-menu-heading-border:#d4ab67;--vr-menu-heading-border-width:2px;--vr-sidebar-bg:#e5d3b1;--vr-sidebar-width:305px;--vr-sidebar-border:#ae8554;--vr-sidebar-border-width:2px;--vr-widget-bg:#f7ecd3;--vr-widget-text:#493327;--vr-widget-border:#bd9769;--vr-widget-border-width:1px;--vr-widget-heading-bg:#69452f;--vr-widget-heading-text:#ffe6ae;--vr-widget-heading-border:#cba15d;--vr-widget-heading-border-width:2px;--vr-article-bg:#fff8e8;--vr-article-border:#d0b892;--vr-article-border-width:1px;--vr-heading-color:#623c29;--vr-meta-color:#816a52;--vr-footer-bg:#30241f;--vr-footer-text:#f2dbb0;--vr-footer-border:#ab7b43;--vr-footer-border-width:3px}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--vr-body-text);background:var(--vr-page-bg);font:var(--vr-body-font-size)/1.75 Georgia,'Times New Roman',serif;background-image:repeating-linear-gradient(35deg,transparent 0,transparent 4px,rgba(255,255,255,.011) 5px,transparent 7px)}a{color:var(--vr-link-color);text-decoration-color:rgba(142,85,48,.4);text-underline-offset:3px}a:hover{color:var(--vr-link-hover)}img{max-width:100%;height:auto}figure{max-width:100%}button,input,textarea,select{font:inherit}button,a,input{outline-offset:3px}h1,h2,h3,h4,h5,h6{font-family:Georgia,'Times New Roman',serif;line-height:1.3;color:var(--vr-heading-color)}h1{font-size:clamp(1.7rem,3vw,2.35rem)}h2{font-size:1.6rem}h3{font-size:1.3rem}hr{border:0;height:1px;background:linear-gradient(to right,transparent,var(--vr-accent),transparent);margin:2em 0}blockquote{border-left:4px solid var(--vr-accent);padding:1px 20px;margin:1.8em 0;background:rgba(133,91,42,.07)}table{border-collapse:collapse;width:100%}td,th{border:1px solid var(--vr-article-border);padding:8px}input,textarea,select{max-width:100%;padding:8px 11px;border:1px solid var(--vr-article-border);background:#fffaf1;color:#33271f}button,input[type=submit]{cursor:pointer}button:hover,input[type=submit]:hover{filter:brightness(1.12)}.screen-reader-text{position:absolute;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden}.screen-reader-text:focus{clip:auto;width:auto;height:auto;z-index:99999;left:10px;top:10px;background:#fff;color:#000;padding:12px}.vr-site-wrap{width:min(calc(100% - 36px),var(--vr-content-width));margin:28px auto 38px;box-shadow:0 12px 65px rgba(0,0,0,.45);border:1px solid rgba(229,180,108,.32);border-radius:var(--vr-paper-radius);overflow:hidden;background:var(--vr-body-bg)}.vr-header{position:relative;min-height:var(--vr-header-height);display:flex;align-items:center;background:radial-gradient(ellipse at 65% 30%,#745037,var(--vr-header-bg) 70%);background-size:cover;background-position:center;border-bottom:var(--vr-header-border-width) solid var(--vr-header-border);isolation:isolate}.vr-header::before{content:'';position:absolute;inset:0;opacity:.13;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0,transparent 3px,#fff 4px,transparent 5px)}.vr-header-inner{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:22px;width:100%;padding:35px clamp(25px,5vw,70px)}.vr-brand{flex:1;min-width:0;text-align:var(--vr-header-align)}.vr-custom-logo img{max-height:115px;width:auto}.vr-kicker{color:var(--vr-accent);font:700 12px/1.5 Arial,sans-serif;letter-spacing:.28em;text-transform:uppercase;margin-bottom:8px}.vr-site-title{margin:0;font-size:clamp(2.2rem,5.4vw,4.8rem);line-height:1.08;font-weight:bold;letter-spacing:-.045em;color:var(--vr-header-text);text-shadow:2px 3px 0 rgba(0,0,0,.3)}.vr-site-title a{color:inherit;text-decoration:none}.vr-tagline{font-size:clamp(.9rem,1.8vw,1.2rem);font-style:italic;letter-spacing:.07em;margin:12px 0 0;color:var(--vr-header-subtext)}.vr-on-air{width:155px;min-width:155px;height:155px;display:flex;align-items:center;justify-content:center;flex-direction:column;border:6px solid #4e3a2c;outline:3px solid var(--vr-accent);outline-offset:-14px;border-radius:50%;background:radial-gradient(circle at 35% 26%,#ae7b48,#4c352b 65%);color:#ffe5a5;box-shadow:inset 0 0 0 2px #d2ad6f,0 8px 20px rgba(0,0,0,.35);transform:rotate(9deg);font:bold 26px Georgia,serif;letter-spacing:.08em;text-shadow:1px 2px 3px #24160f}.vr-on-air small{font:10px Arial,sans-serif;letter-spacing:2px;padding-top:8px}.vr-on-air-light{display:block;width:13px;height:13px;background:#e73c29;border:2px solid #f9a690;border-radius:50%;box-shadow:0 0 9px #fc4a2b;margin-bottom:10px}.vr-header-extra{max-width:min(37%,300px);max-height:230px;object-fit:contain;filter:drop-shadow(1px 8px 10px rgba(0,0,0,.45))}.vr-header-groove{position:absolute;bottom:9px;left:3%;width:94%;height:5px;border-top:1px solid rgba(255,232,183,.36);border-bottom:1px solid rgba(255,232,183,.15)}.vr-topnav{background:var(--vr-topbar-bg);border-bottom:3px double var(--vr-accent);font:700 13px/1.4 Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase}.vr-top-list,.vr-nav-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap}.vr-top-list a,.vr-nav-list a{display:block;padding:17px 21px;color:var(--vr-topbar-text);text-decoration:none;transition:background .2s}.vr-top-list a:hover,.vr-top-list .current-menu-item>a,.vr-nav-list a:hover{background:var(--vr-topbar-hover);color:#fff}.vr-top-list .sub-menu{display:none;position:absolute;z-index:50;min-width:200px;margin:0;padding:0;list-style:none;background:var(--vr-topbar-bg);box-shadow:0 9px 18px #0005}.vr-top-list li{position:relative}.vr-top-list li:hover>.sub-menu,.vr-top-list li:focus-within>.sub-menu{display:block}.vr-top-list .sub-menu a{padding:12px 18px}.vr-menu-toggle{display:none;width:100%;padding:13px 20px;text-align:left;background:transparent;border:0;color:var(--vr-topbar-text);font:700 15px Arial,sans-serif}.vr-main-layout{display:grid;grid-template-columns:minmax(0,1fr) var(--vr-sidebar-width);gap:28px;padding:32px;background:var(--vr-body-bg);background-image:linear-gradient(100deg,rgba(255,255,255,.18),transparent 70%)}.vr-side-left{grid-template-columns:var(--vr-sidebar-width) minmax(0,1fr)}.vr-side-left .vr-sidebar{grid-column:1;grid-row:1}.vr-side-left .vr-content{grid-column:2;grid-row:1}.vr-side-none{grid-template-columns:1fr}.vr-content{min-width:0}.vr-article{background:var(--vr-article-bg);border:var(--vr-article-border-width) solid var(--vr-article-border);border-radius:5px;margin-bottom:26px;overflow:hidden;box-shadow:0 4px 14px rgba(71,44,22,.07)}.vr-post-image{display:block}.vr-post-image img{display:block;width:100%;height:auto;max-height:450px;object-fit:cover}.vr-article-inner{padding:clamp(20px,3vw,35px)}.vr-entry-title{margin:0 0 12px;color:var(--vr-heading-color);font-size:clamp(1.55rem,2.7vw,2.3rem);line-height:1.25}.vr-entry-title a{color:inherit;text-decoration:none}.vr-entry-title a:hover{color:var(--vr-link-hover)}.vr-entry-meta{font:12px/1.6 Arial,sans-serif;letter-spacing:.04em;color:var(--vr-meta-color);margin-bottom:17px;border-bottom:1px solid var(--vr-article-border);padding-bottom:12px}.vr-entry-content>:first-child{margin-top:0}.vr-entry-content>:last-child{margin-bottom:0}.vr-read-more{display:inline-block;margin-top:12px;background:#563a28;color:#ffe7b7;text-decoration:none;border:1px solid var(--vr-accent);padding:9px 18px;border-radius:2px;font:700 13px Arial,sans-serif;letter-spacing:.04em}.vr-read-more:hover{color:#fff;background:#825334}.vr-page-heading{padding:0 0 8px;border-bottom:2px solid var(--vr-accent);margin-bottom:20px}.vr-sidebar{min-width:0;background:var(--vr-sidebar-bg);padding:13px;border:var(--vr-sidebar-border-width) solid var(--vr-sidebar-border);align-self:start;border-radius:4px}.vr-side-navigation{border:var(--vr-menu-border-width) solid var(--vr-menu-border);background:var(--vr-menu-bg);margin-bottom:19px}.vr-side-title,.vr-widget-title{display:block;margin:0;color:var(--vr-menu-heading-text);background:var(--vr-menu-heading-bg);border:var(--vr-menu-heading-border-width) solid var(--vr-menu-heading-border);padding:13px 16px;font:700 17px/1.35 Georgia,serif;letter-spacing:.03em}.vr-side-title::before{content:'◈';margin-right:9px;color:var(--vr-accent)}.vr-side-menu,.vr-side-navigation .vr-nav-list{list-style:none;display:block;margin:0;padding:0}.vr-side-menu li,.vr-side-navigation .vr-nav-list li{list-style:none;border-bottom:1px solid var(--vr-menu-item-border)}.vr-side-menu li:last-child{border-bottom:0}.vr-side-menu a,.vr-side-navigation .vr-nav-list a{display:block;padding:12px 16px;color:var(--vr-menu-text);text-decoration:none;line-height:1.4;font-size:15px;transition:background .15s,color .15s}.vr-side-menu>li>a::before{content:'▸';color:var(--vr-accent);margin-right:9px}.vr-side-menu a:hover,.vr-side-menu .current-menu-item>a,.vr-side-menu .current_page_item>a,.vr-side-navigation .vr-nav-list a:hover{background:var(--vr-menu-hover-bg);color:var(--vr-menu-hover-text)}.vr-side-menu .sub-menu{margin:0;padding:0 0 5px 13px;list-style:none;background:rgba(80,55,36,.055)}.vr-side-menu .sub-menu a{font-size:14px;padding:9px 12px}.vr-widget{background:var(--vr-widget-bg);color:var(--vr-widget-text);border:var(--vr-widget-border-width) solid var(--vr-widget-border);margin-bottom:18px;overflow:hidden}.vr-widget-title{background:var(--vr-widget-heading-bg);color:var(--vr-widget-heading-text);border:var(--vr-widget-heading-border-width) solid var(--vr-widget-heading-border);font-size:17px}.vr-widget>:not(.vr-widget-title){margin:13px 14px}.vr-widget p,.vr-widget ul{font-size:14px;line-height:1.65}.vr-widget ul{padding-left:18px}.vr-widget .wp-block-image img{display:block}.vr-widget .wp-block-search{margin:14px}.vr-widget .wp-block-search__button,.vr-search button{background:#69452f;color:#fff0d3;border:1px solid #b48a55;padding:8px 13px}.vr-footer{background:var(--vr-footer-bg);color:var(--vr-footer-text);border-top:var(--vr-footer-border-width) solid var(--vr-footer-border);padding:26px 32px;font:13px/1.8 Arial,sans-serif}.vr-footer a{color:var(--vr-footer-text)}.vr-footer-bottom{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.vr-footer-widgets{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:20px;margin-bottom:20px}.vr-footer-widget .vr-widget-title{font-size:15px}.vr-footer-menu{display:flex;gap:20px;padding:12px 0 0;list-style:none;margin:0}.vr-pagination{text-align:center;margin:25px 0}.vr-pagination .page-numbers{display:inline-block;padding:5px 11px;background:#f9eed8;border:1px solid #bda27c;margin:0 2px}.vr-pagination .current{background:#67432a;color:#fff}.post-navigation{padding:15px 0}.nav-links{display:flex;justify-content:space-between;gap:18px}.vr-search label{display:block;font-weight:bold;margin-bottom:6px}.vr-search>div{display:flex}.vr-search input{min-width:0;flex:1}.alignwide{max-width:100%}.alignfull{max-width:none}.wp-caption{max-width:100%}.wp-caption-text,.gallery-caption{font-style:italic;font-size:.85em}.sticky{border-top:4px solid var(--vr-accent)}.bypostauthor{outline:none}
@media(max-width:950px){.vr-main-layout,.vr-side-left{grid-template-columns:minmax(0,1fr) minmax(215px,30%);gap:18px;padding:22px}.vr-side-left{grid-template-columns:minmax(215px,30%) minmax(0,1fr)}.vr-sidebar{padding:8px}.vr-header-inner{padding:28px}.vr-on-air{width:115px;min-width:115px;height:115px;font-size:20px}.vr-top-list a{padding:15px 12px}}
@media(max-width:700px){.vr-site-wrap{width:100%;margin:0;border-radius:0;border:0}.vr-main-layout,.vr-side-left{display:flex;flex-direction:column;gap:15px;padding:15px}.vr-sidebar,.vr-content{width:100%}.vr-sidebar{order:2}.vr-content{order:1}.vr-header-inner{padding:28px 20px;gap:10px}.vr-header{min-height:200px}.vr-header-extra{max-width:30%;max-height:150px}.vr-on-air{width:90px;min-width:90px;height:90px;font-size:15px;border-width:4px;outline-offset:-10px}.vr-on-air small{font-size:7px}.vr-kicker{font-size:9px}.vr-site-title{font-size:clamp(1.8rem,7.5vw,3.1rem)}.vr-tagline{font-size:13px}.vr-menu-toggle{display:block}.vr-top-menu{display:none}.vr-top-menu.is-open{display:block}.vr-top-list,.vr-nav-list{display:block}.vr-top-list li{border-top:1px solid #7b5a42}.vr-top-list .sub-menu{display:block;position:static;box-shadow:none;margin-left:20px;min-width:0}.vr-article-inner{padding:21px}.vr-footer{padding:24px 18px}.vr-footer-bottom{display:block}.vr-footer-bottom span{display:block}.vr-footer-menu{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}