/*
Theme Name: Zirk Classic
Description: Original Zirk red and grey design adapted for WordPress.
Version: 1.0
*/
body{margin:0;background:#f00;color:#f00;font:10pt Arial,sans-serif}.site{max-width:1000px;margin:auto}a{color:#df0000;font-weight:bold}a:visited{color:#ff4500}a:hover{color:#f00;background:#fff}header{background:#f00}.brand{height:155px;display:flex;align-items:center;justify-content:center}.brand img{width:468px;max-width:90%;height:auto}nav{background:#e3e3e3;min-height:45px;display:flex;align-items:center;justify-content:center}nav ul{display:flex;flex-wrap:wrap;justify-content:center;list-style:none;padding:4px;margin:0;gap:10px}nav a{color:red!important;font:bold 16px Arial,sans-serif;text-decoration:none}nav a:hover{outline:2px solid red}.layout{display:flex;gap:4px;margin-top:8px}main{min-width:0;flex:1}aside{width:250px;flex-shrink:0}aside>img{display:block;width:250px;height:auto;margin:2px 0}.pagetitle{background:#ec0000 url('/images/trip1.gif') repeat;color:white;font:20px Impact,Arial,sans-serif;text-decoration:underline;padding:0 5px;margin:0;border:1px solid #ff8282}article{margin-bottom:3px;border-bottom:1px solid #ca0000;border-right:1px solid #ca0000}.article-heading{display:flex;justify-content:space-between;gap:10px;align-items:baseline;background:#fff;border:1px solid #fff5ee;padding:3px 8px}.article-heading h1{font:bold 14px 'Trebuchet MS',Arial,sans-serif;margin:0}.article-heading time{white-space:nowrap}.entry{background:#f5f5f5;border:1px solid #ffe3e3;padding:8px;font:10pt 'Trebuchet MS',Arial,sans-serif;overflow-wrap:anywhere;display:flow-root}.entry img{max-width:100%;height:auto}.entry table{max-width:100%}.news-thumb{float:right;max-width:150px!important;margin:0 0 8px 8px}.gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.gallery figure{margin:0;text-align:center}.gallery img{max-height:180px;object-fit:contain}.event,.guest-entry{border-bottom:3px solid #ebebeb;padding:8px}.event img{max-width:200px;float:right;margin:5px}.event{display:flow-root}.event h2{background:#cbcbcb;font-size:16px}.tablelabel{background:#fff;color:red}.tabledata{background:#f5f5f5;color:red}.dark{background:#ebebeb}footer{text-align:center;padding:20px}footer img{max-width:100%}.nav-links{background:#eee;padding:12px}.nav-links a,.nav-links span{margin:5px}
#zirk-player{background:transparent;width:100%;position:relative;user-select:none}
#zirk-spectrum{display:block;width:100%;height:108px;cursor:pointer}
#zirk-seek{display:block;width:100%;height:16px;margin:0;padding:0;appearance:none;-webkit-appearance:none;background:transparent;outline:none;cursor:pointer;border:none}
#zirk-seek::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:linear-gradient(to right,rgba(255,255,255,0.85) var(--seek-pct,0%),rgba(255,255,255,0.22) var(--seek-pct,0%))}
#zirk-seek::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;cursor:pointer;margin-top:-6px;box-shadow:0 1px 4px rgba(0,0,0,0.5)}
#zirk-seek::-moz-range-track{height:4px;border-radius:2px;background:rgba(255,255,255,0.22);border:none}
#zirk-seek::-moz-range-progress{height:4px;border-radius:2px;background:rgba(255,255,255,0.85)}
#zirk-seek::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:none;box-shadow:0 1px 4px rgba(0,0,0,0.5);cursor:pointer}
.zirk-controls{display:flex;align-items:center;gap:10px;padding:6px 12px;background:transparent}
.zirk-controls button{background:none;border:1px solid rgba(255,255,255,0.4);color:#fff;font-size:14px;line-height:1;padding:5px 11px;cursor:pointer;border-radius:3px;flex-shrink:0}
.zirk-controls button:hover{background:rgba(255,255,255,0.15)}
#zirk-track-name{flex:1;color:#fff;font:bold 12px Arial,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;text-shadow:0 1px 3px rgba(0,0,0,0.6)}
.zirk-vol{display:flex;align-items:center;gap:4px;flex-shrink:0}
.zirk-vol input[type=range]{width:76px;accent-color:#fff;cursor:pointer}
.zirk-vol svg{opacity:.7}
#zirk-modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.88)}
#zirk-modal[hidden]{display:none!important}
#zirk-modal-box{position:relative;max-width:92vw;max-height:92vh;display:flex;flex-direction:column;align-items:center;gap:10px}
#zirk-modal-img{max-width:88vw;max-height:80vh;object-fit:contain;display:block;box-shadow:0 4px 32px rgba(0,0,0,0.8)}
#zirk-modal-caption{color:#ccc;font:13px Arial,sans-serif;text-align:center;margin:0}
#zirk-modal-close{position:fixed;top:14px;right:18px;background:none;border:none;color:#fff;font-size:30px;cursor:pointer;line-height:1;padding:4px 8px;opacity:.8}
#zirk-modal-close:hover{opacity:1}
#zirk-modal-prev,#zirk-modal-next{position:fixed;top:50%;transform:translateY(-50%);background:rgba(0,0,0,0.45);border:1px solid rgba(255,255,255,0.3);color:#fff;font-size:20px;cursor:pointer;padding:13px 17px;border-radius:3px;line-height:1}
#zirk-modal-prev{left:14px}#zirk-modal-next{right:14px}
#zirk-modal-prev:hover,#zirk-modal-next:hover{background:rgba(255,255,255,0.12)}
.gallery a{cursor:zoom-in}.gallery img{transition:opacity .15s}.gallery a:hover img{opacity:.75}
@media(max-width:700px){.layout{display:block}aside{display:none}.site{width:100%}nav a{font-size:14px}.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.entry{overflow:auto}.article-heading{flex-wrap:wrap}#zirk-spectrum{height:80px}.zirk-vol input[type=range]{width:50px}#zirk-modal-prev{left:4px}#zirk-modal-next{right:4px}}
