/* Heart Athens magazine sections, 4 October 2026 (third pass, Deniz 15:06 UTC: "like walking into that world"). One stylesheet, one body class per section theme, page body only: the header, section bar, sub strip, breadcrumbs, footer and the Athens character are untouched. Light pages: white, cream or pale; dark only as a thin band or a small accent. Editorial base shared by every theme, then each section's own palette, type and motif. System fonts only; all drawings are original CSS and inline SVG. No magazine names, logos, mastheads or layouts are used. */ /* EDITORIAL BASE */ :is(.theme-theatre,.theme-cinema,.theme-music,.theme-art,.theme-history,.theme-nature,.theme-stay,.theme-voyage,.theme-newspaper,.theme-picks,.theme-noticeboard,.theme-market,.theme-sport,.theme-festival,.theme-ticket,.theme-stars,.theme-signs,.theme-foodcover,.theme-taverna,.theme-bar,.theme-cafe,.theme-patisserie,.theme-streetfood,.theme-beachbar,.theme-kitchen) main{--pg:#FFFFFF;--ink:#1C1C1C;--acc:#B3122E;--acc-ink:#9E1B32;--on-acc:#FFFFFF;--soft:#F6F3EE;--rule:#1C1C1C;--link:#9E1B32;--disp:Georgia,'DejaVu Serif',serif;--kick:"Heart Athens";--box:"Good to know";background:var(--pg);color:#222222;overflow-x:clip;counter-reset:mgch} :is(.theme-theatre,.theme-cinema,.theme-music,.theme-art,.theme-history,.theme-nature,.theme-stay,.theme-voyage,.theme-newspaper,.theme-picks,.theme-noticeboard,.theme-market,.theme-sport,.theme-festival,.theme-ticket,.theme-stars,.theme-signs,.theme-foodcover,.theme-taverna,.theme-bar,.theme-cafe,.theme-patisserie,.theme-streetfood,.theme-beachbar,.theme-kitchen) main section,:is(.theme-theatre,.theme-cinema,.theme-music,.theme-art,.theme-history,.theme-nature,.theme-stay,.theme-voyage,.theme-newspaper,.theme-picks,.theme-noticeboard,.theme-market,.theme-sport,.theme-festival,.theme-ticket,.theme-stars,.theme-signs,.theme-foodcover,.theme-taverna,.theme-bar,.theme-cafe,.theme-patisserie,.theme-streetfood,.theme-beachbar,.theme-kitchen) main .secblock,:is(.theme-theatre,.theme-cinema,.theme-music,.theme-art,.theme-history,.theme-nature,.theme-stay,.theme-voyage,.theme-newspaper,.theme-picks,.theme-noticeboard,.theme-market,.theme-sport,.theme-festival,.theme-ticket,.theme-stars,.theme-signs,.theme-foodcover,.theme-taverna,.theme-bar,.theme-cafe,.theme-patisserie,.theme-streetfood,.theme-beachbar,.theme-kitchen) main .hblock,:is(.theme-theatre,.theme-cinema,.theme-music,.theme-art,.theme-history,.theme-nature,.theme-stay,.theme-voyage,.theme-newspaper,.theme-picks,.theme-noticeboard,.theme-market,.theme-sport,.theme-festival,.theme-ticket,.theme-stars,.theme-signs,.theme-foodcover,.theme-taverna,.theme-bar,.theme-cafe,.theme-patisserie,.theme-streetfood,.theme-beachbar,.theme-kitchen) main .alt,:is(.theme-theatre,.theme-cinema,.theme-music,.theme-art,.theme-history,.theme-nature,.theme-stay,.theme-voyage,.theme-newspaper,.theme-picks,.theme-noticeboard,.theme-market,.theme-sport,.theme-festival,.theme-ticket,.theme-stars,.theme-signs,.theme-foodcover,.theme-taverna,.theme-bar,.theme-cafe,.theme-patisserie,.theme-streetfood,.theme-beachbar,.theme-kitchen) main .th-band{background:transparent!important;border-top:0!important;color:inherit} :is(.theme-theatre,.theme-cinema,.theme-music,.theme-art,.theme-history,.theme-nature,.theme-stay,.theme-voyage,.theme-newspaper,.theme-picks,.theme-noticeboard,.theme-market,.theme-sport,.theme-festival,.theme-ticket,.theme-stars,.theme-signs,.theme-foodcover,.theme-taverna,.theme-bar,.theme-cafe,.theme-patisserie,.theme-streetfood,.theme-beachbar,.theme-kitchen) main .landing,:is(.theme-theatre,.theme-cinema,.theme-music,.theme-art,.theme-history,.theme-nature,.theme-stay,.theme-voyage,.theme-newspaper,.theme-picks,.theme-noticeboard,.theme-market,.theme-sport,.theme-festival,.theme-ticket,.theme-stars,.theme-signs,.theme-foodcover,.theme-taverna,.theme-bar,.theme-cafe,.theme-patisserie,.theme-streetfood,.theme-beachbar,.theme-kitchen) main>section:first-child{padding-top:46px} :is(.theme-theatre,.theme-cinema,.theme-music,.theme-art,.theme-history,.theme-nature,.theme-stay,.theme-voyage,.theme-newspaper,.theme-picks,.theme-noticeboard,.theme-market,.theme-sport,.theme-festival,.theme-ticket,.theme-stars,.theme-signs,.theme-foodcover,.theme-taverna,.theme-bar,.theme-cafe,.theme-patisserie,.theme-streetfood,.theme-beachbar,.theme-kitchen) main h1{font:400 clamp(38px,6.2vw,66px)/1.03 var(--disp);letter-spacing:-.012em;color:var(--ink)!important;text-align:left;text-transform:none;text-shadow:none;display:block;max-width:920px;margin:0 0 14px;padding:0;background:none;border:0;box-shadow:none;width:auto} :is(.theme-theatre,.theme-cinema,.theme-music,.theme-art,.theme-history,.theme-nature,.theme-stay,.theme-voyage,.theme-newspaper,.theme-picks,.theme-noticeboard,.theme-market,.theme-sport,.theme-festival,.theme-ticket,.theme-stars,.theme-signs,.theme-foodcover,.theme-taverna,.theme-bar,.theme-cafe,.theme-patisserie,.theme-streetfood,.theme-beachbar,.theme-kitchen) main h1::before{content:var(--kick);display:block;font:700 12.5px/1.3 'Helvetica Neue',Arial,'DejaVu Sans',sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--acc-ink);margin:0 0 14px} :is(.theme-theatre,.theme-cinema,.theme-music,.theme-art,.theme-history,.theme-nature,.theme-stay,.theme-voyage,.theme-newspaper,.theme-picks,.theme-noticeboard,.theme-market,.theme-sport,.theme-festival,.theme-ticket,.theme-stars,.theme-signs,.theme-foodcover,.theme-taverna,.theme-bar,.theme-cafe,.theme-patisserie,.theme-streetfood,.theme-beachbar,.theme-kitchen) main h1 .ico{display:none} :is(.theme-theatre,.theme-cinema,.theme-music,.theme-art,.theme-history,.theme-nature,.theme-stay,.theme-voyage,.theme-newspaper,.theme-picks,.theme-noticeboard,.theme-market,.theme-sport,.theme-festival,.theme-ticket,.theme-stars,.theme-signs,.theme-foodcover,.theme-taverna,.theme-bar,.theme-cafe,.theme-patisserie,.theme-streetfood,.theme-beachbar,.theme-kitchen) main :is(.intro,.pagelead>p:first-of-type){display:flow-root;font:italic 400 clamp(18px,2.1vw,21px)/1.55 Georgia,'DejaVu Serif',serif;color:#333333;text-align:left;max-width:760px;margin:0 0 26px;padding:0 0 20px;border-bottom:1px solid #D9D2C6} :is(.theme-theatre,.theme-cinema,.theme-music,.theme-art,.theme-history,.theme-nature,.theme-stay,.theme-voyage,.theme-newspaper,.theme-picks,.theme-noticeboard,.theme-market,.theme-sport,.theme-festival,.theme-ticket,.theme-stars,.theme-signs,.theme-foodcover,.theme-taverna,.theme-bar,.theme-cafe,.theme-patisserie,.theme-streetfood,.theme-beachbar,.theme-kitchen) main :is(.intro,.pagelead>p:first-of-type)::first-letter{float:left;font:normal 400 3.4em/.82 var(--disp);color:var(--acc-ink);margin:.06em .1em 0 0} :is(.theme-theatre,.theme-cinema,.theme-music,.theme-art,.theme-history,.theme-nature,.theme-stay,.theme-voyage,.theme-newspaper,.theme-picks,.theme-noticeboard,.theme-market,.theme-sport,.theme-festival,.theme-ticket,.theme-stars,.theme-signs,.theme-foodcover,.theme-taverna,.theme-bar,.theme-cafe,.theme-patisserie,.theme-streetfood,.theme-beachbar,.theme-kitchen) main h2{font:400 clamp(25px,3vw,34px)/1.15 var(--disp);color:var(--ink)!important;text-align:left;letter-spacing:-.005em} :is(.theme-theatre,.theme-cinema,.theme-music,.theme-art,.theme-history,.theme-nature,.theme-stay,.theme-voyage,.theme-newspaper,.theme-picks,.theme-noticeboard,.theme-market,.theme-sport,.theme-festival,.theme-ticket,.theme-stars,.theme-signs,.theme-foodcover,.theme-taverna,.theme-bar,.theme-cafe,.theme-patisserie,.theme-streetfood,.theme-beachbar,.theme-kitchen) main .varea-block>h2{border:0;border-top:2px solid var(--rule);padding:14px 0 0;margin:42px 0 16px} :is(.theme-theatre,.theme-cinema,.theme-music,.theme-art,.theme-history,.theme-nature,.theme-stay,.theme-voyage,.theme-newspaper,.theme-picks,.theme-noticeboard,.theme-market,.theme-sport,.theme-festival,.theme-ticket,.theme-stars,.theme-signs,.theme-foodcover,.theme-taverna,.theme-bar,.theme-cafe,.theme-patisserie,.theme-streetfood,.theme-beachbar,.theme-kitchen) main .varea-block>h2::before{counter-increment:mgch;content:counter(mgch,decimal-leading-zero);display:block;font:700 13px/1 'Helvetica Neue',Arial,'DejaVu Sans',sans-serif;letter-spacing:.22em;color:var(--acc-ink);margin:0 0 8px} :is(.theme-theatre,.theme-cinema,.theme-music,.theme-art,.theme-history,.theme-nature,.theme-stay,.theme-voyage,.theme-newspaper,.theme-picks,.theme-noticeboard,.theme-market,.theme-sport,.theme-festival,.theme-ticket,.theme-stars,.theme-signs,.theme-foodcover,.theme-taverna,.theme-bar,.theme-cafe,.theme-patisserie,.theme-streetfood,.theme-beachbar,.theme-kitchen) main h3{font-family:var(--disp);color:var(--ink)} :is(.theme-theatre,.theme-cinema,.theme-music,.theme-art,.theme-history,.theme-nature,.theme-stay,.theme-voyage,.theme-newspaper,.theme-picks,.theme-noticeboard,.theme-market,.theme-sport,.theme-festival,.theme-ticket,.theme-stars,.theme-signs,.theme-foodcover,.theme-taverna,.theme-bar,.theme-cafe,.theme-patisserie,.theme-streetfood,.theme-beachbar,.theme-kitchen) main :is(.card,.vcard,.evrow,.promo,.freecard,.appcard,.xcard,.itin,.fgroup,.outlet,.lvcard,.tile,.tcard){background:#FFFFFF;border:0;border-top:2px solid var(--rule);border-radius:0;box-shadow:none;color:#222222} :is(.theme-theatre,.theme-cinema,.theme-music,.theme-art,.theme-history,.theme-nature,.theme-stay,.theme-voyage,.theme-newspaper,.theme-picks,.theme-noticeboard,.theme-market,.theme-sport,.theme-festival,.theme-ticket,.theme-stars,.theme-signs,.theme-foodcover,.theme-taverna,.theme-bar,.theme-cafe,.theme-patisserie,.theme-streetfood,.theme-beachbar,.theme-kitchen) main :is(.card,.vcard,.evrow,.tile,.tcard,.promo):hover{transform:none;box-shadow:none} :is(.theme-theatre,.theme-cinema,.theme-music,.theme-art,.theme-history,.theme-nature,.theme-stay,.theme-voyage,.theme-newspaper,.theme-picks,.theme-noticeboard,.theme-market,.theme-sport,.theme-festival,.theme-ticket,.theme-stars,.theme-signs,.theme-foodcover,.theme-taverna,.theme-bar,.theme-cafe,.theme-patisserie,.theme-streetfood,.theme-beachbar,.theme-kitchen) main .vcard{padding:16px 4px 18px} :is(.theme-theatre,.theme-cinema,.theme-music,.theme-art,.theme-history,.theme-nature,.theme-stay,.theme-voyage,.theme-newspaper,.theme-picks,.theme-noticeboard,.theme-market,.theme-sport,.theme-festival,.theme-ticket,.theme-stars,.theme-signs,.theme-foodcover,.theme-taverna,.theme-bar,.theme-cafe,.theme-patisserie,.theme-streetfood,.theme-beachbar,.theme-kitchen) main :is(.card,.vcard) h3{font-size:21px;line-height:1.22;color:var(--ink)} :is(.theme-theatre,.theme-cinema,.theme-music,.theme-art,.theme-history,.theme-nature,.theme-stay,.theme-voyage,.theme-newspaper,.theme-picks,.theme-noticeboard,.theme-market,.theme-sport,.theme-festival,.theme-ticket,.theme-stars,.theme-signs,.theme-foodcover,.theme-taverna,.theme-bar,.theme-cafe,.theme-patisserie,.theme-streetfood,.theme-beachbar,.theme-kitchen) main .tcard .thead,:is(.theme-theatre,.theme-cinema,.theme-music,.theme-art,.theme-history,.theme-nature,.theme-stay,.theme-voyage,.theme-newspaper,.theme-picks,.theme-noticeboard,.theme-market,.theme-sport,.theme-festival,.theme-ticket,.theme-stars,.theme-signs,.theme-foodcover,.theme-taverna,.theme-bar,.theme-cafe,.theme-patisserie,.theme-streetfood,.theme-beachbar,.theme-kitchen) main .tile b{font-family:var(--disp);color:var(--ink)} :is(.theme-theatre,.theme-cinema,.theme-music,.theme-art,.theme-history,.theme-nature,.theme-stay,.theme-voyage,.theme-newspaper,.theme-picks,.theme-noticeboard,.theme-market,.theme-sport,.theme-festival,.theme-ticket,.theme-stars,.theme-signs,.theme-foodcover,.theme-taverna,.theme-bar,.theme-cafe,.theme-patisserie,.theme-streetfood,.theme-beachbar,.theme-kitchen) main .tcard .tlabel{color:var(--acc-ink);letter-spacing:.14em;text-transform:uppercase;font-size:11.5px} :is(.theme-theatre,.theme-cinema,.theme-music,.theme-art,.theme-history,.theme-nature,.theme-stay,.theme-voyage,.theme-newspaper,.theme-picks,.theme-noticeboard,.theme-market,.theme-sport,.theme-festival,.theme-ticket,.theme-stars,.theme-signs,.theme-foodcover,.theme-taverna,.theme-bar,.theme-cafe,.theme-patisserie,.theme-streetfood,.theme-beachbar,.theme-kitchen) main :is(.tcard .tsum,.tile .tline,.tcard .tmeta){color:#444444} :is(.theme-theatre,.theme-cinema,.theme-music,.theme-art,.theme-history,.theme-nature,.theme-stay,.theme-voyage,.theme-newspaper,.theme-picks,.theme-noticeboard,.theme-market,.theme-sport,.theme-festival,.theme-ticket,.theme-stars,.theme-signs,.theme-foodcover,.theme-taverna,.theme-bar,.theme-cafe,.theme-patisserie,.theme-streetfood,.theme-beachbar,.theme-kitchen) main :is(.vmeta,.evmeta){color:#555555;font-variant-caps:all-small-caps;letter-spacing:.06em;font-size:14.5px!important} :is(.theme-theatre,.theme-cinema,.theme-music,.theme-art,.theme-history,.theme-nature,.theme-stay,.theme-voyage,.theme-newspaper,.theme-picks,.theme-noticeboard,.theme-market,.theme-sport,.theme-festival,.theme-ticket,.theme-stars,.theme-signs,.theme-foodcover,.theme-taverna,.theme-bar,.theme-cafe,.theme-patisserie,.theme-streetfood,.theme-beachbar,.theme-kitchen) main :is(.credit,.credits,.vsrc summary,.osm-note,.tnote,.rvnote,.wslegend,.fnote,.fsrc,.psrc,.pchecked,.vdeliv,.vaddr,.ftopics,.hm-note){color:#595959} :is(.theme-theatre,.theme-cinema,.theme-music,.theme-art,.theme-history,.theme-nature,.theme-stay,.theme-voyage,.theme-newspaper,.theme-picks,.theme-noticeboard,.theme-market,.theme-sport,.theme-festival,.theme-ticket,.theme-stars,.theme-signs,.theme-foodcover,.theme-taverna,.theme-bar,.theme-cafe,.theme-patisserie,.theme-streetfood,.theme-beachbar,.theme-kitchen) main .credit{font:italic 12.5px/1.45 Georgia,'DejaVu Serif',serif} :is(.theme-theatre,.theme-cinema,.theme-music,.theme-art,.theme-history,.theme-nature,.theme-stay,.theme-voyage,.theme-newspaper,.theme-picks,.theme-noticeboard,.theme-market,.theme-sport,.theme-festival,.theme-ticket,.theme-stars,.theme-signs,.theme-foodcover,.theme-taverna,.theme-bar,.theme-cafe,.theme-patisserie,.theme-streetfood,.theme-beachbar,.theme-kitchen) main :is(.vcount,.tcount,.vjump a span){background:var(--acc);color:var(--on-acc);border-radius:999px;font-weight:700} :is(.theme-theatre,.theme-cinema,.theme-music,.theme-art,.theme-history,.theme-nature,.theme-stay,.theme-voyage,.theme-newspaper,.theme-picks,.theme-noticeboard,.theme-market,.theme-sport,.theme-festival,.theme-ticket,.theme-stars,.theme-signs,.theme-foodcover,.theme-taverna,.theme-bar,.theme-cafe,.theme-patisserie,.theme-streetfood,.theme-beachbar,.theme-kitchen) main :is(.vhow,.pickhow,.stay-new,.picknext){position:relative;background:var(--soft);border:0;border-radius:0;padding:28px 22px 16px;margin:30px 0 22px;color:#222222} :is(.theme-theatre,.theme-cinema,.theme-music,.theme-art,.theme-history,.theme-nature,.theme-stay,.theme-voyage,.theme-newspaper,.theme-picks,.theme-noticeboard,.theme-market,.theme-sport,.theme-festival,.theme-ticket,.theme-stars,.theme-signs,.theme-foodcover,.theme-taverna,.theme-bar,.theme-cafe,.theme-patisserie,.theme-streetfood,.theme-beachbar,.theme-kitchen) main :is(.vhow,.pickhow,.stay-new)::before{content:var(--box);position:absolute;top:-13px;left:18px;background:var(--acc);color:var(--on-acc);font:700 11.5px/1 'Helvetica Neue',Arial,'DejaVu Sans',sans-serif;letter-spacing:.14em;text-transform:uppercase;padding:7px 11px;transform:rotate(-2deg)} :is(.theme-theatre,.theme-cinema,.theme-music,.theme-art,.theme-history,.theme-nature,.theme-stay,.theme-voyage,.theme-newspaper,.theme-picks,.theme-noticeboard,.theme-market,.theme-sport,.theme-festival,.theme-ticket,.theme-stars,.theme-signs,.theme-foodcover,.theme-taverna,.theme-bar,.theme-cafe,.theme-patisserie,.theme-streetfood,.theme-beachbar,.theme-kitchen) main :is(.personal-pick,.pickq){background:transparent;border:0;border-top:2px solid var(--acc);border-bottom:2px solid var(--acc);padding:12px 2px;font:italic 17px/1.5 Georgia,'DejaVu Serif',serif;color:#222222} :is(.theme-theatre,.theme-cinema,.theme-music,.theme-art,.theme-history,.theme-nature,.theme-stay,.theme-voyage,.theme-newspaper,.theme-picks,.theme-noticeboard,.theme-market,.theme-sport,.theme-festival,.theme-ticket,.theme-stars,.theme-signs,.theme-foodcover,.theme-taverna,.theme-bar,.theme-cafe,.theme-patisserie,.theme-streetfood,.theme-beachbar,.theme-kitchen) main a{color:var(--link)} :is(.theme-theatre,.theme-cinema,.theme-music,.theme-art,.theme-history,.theme-nature,.theme-stay,.theme-voyage,.theme-newspaper,.theme-picks,.theme-noticeboard,.theme-market,.theme-sport,.theme-festival,.theme-ticket,.theme-stars,.theme-signs,.theme-foodcover,.theme-taverna,.theme-bar,.theme-cafe,.theme-patisserie,.theme-streetfood,.theme-beachbar,.theme-kitchen) main .btn{background:var(--ink);color:#FFFFFF;border:1px solid var(--ink);border-radius:0;font:700 12px/1.2 'Helvetica Neue',Arial,'DejaVu Sans',sans-serif;letter-spacing:.1em;text-transform:uppercase;padding:10px 16px} :is(.theme-theatre,.theme-cinema,.theme-music,.theme-art,.theme-history,.theme-nature,.theme-stay,.theme-voyage,.theme-newspaper,.theme-picks,.theme-noticeboard,.theme-market,.theme-sport,.theme-festival,.theme-ticket,.theme-stars,.theme-signs,.theme-foodcover,.theme-taverna,.theme-bar,.theme-cafe,.theme-patisserie,.theme-streetfood,.theme-beachbar,.theme-kitchen) main .btn:hover{background:var(--acc-ink);border-color:var(--acc-ink);color:#FFFFFF} :is(.theme-theatre,.theme-cinema,.theme-music,.theme-art,.theme-history,.theme-nature,.theme-stay,.theme-voyage,.theme-newspaper,.theme-picks,.theme-noticeboard,.theme-market,.theme-sport,.theme-festival,.theme-ticket,.theme-stars,.theme-signs,.theme-foodcover,.theme-taverna,.theme-bar,.theme-cafe,.theme-patisserie,.theme-streetfood,.theme-beachbar,.theme-kitchen) main .btn.review{background:#FFFFFF;color:var(--ink);border:1px solid var(--ink)} :is(.theme-theatre,.theme-cinema,.theme-music,.theme-art,.theme-history,.theme-nature,.theme-stay,.theme-voyage,.theme-newspaper,.theme-picks,.theme-noticeboard,.theme-market,.theme-sport,.theme-festival,.theme-ticket,.theme-stars,.theme-signs,.theme-foodcover,.theme-taverna,.theme-bar,.theme-cafe,.theme-patisserie,.theme-streetfood,.theme-beachbar,.theme-kitchen) main .btn.review:hover{background:var(--soft);color:var(--ink)} :is(.theme-theatre,.theme-cinema,.theme-music,.theme-art,.theme-history,.theme-nature,.theme-stay,.theme-voyage,.theme-newspaper,.theme-picks,.theme-noticeboard,.theme-market,.theme-sport,.theme-festival,.theme-ticket,.theme-stars,.theme-signs,.theme-foodcover,.theme-taverna,.theme-bar,.theme-cafe,.theme-patisserie,.theme-streetfood,.theme-beachbar,.theme-kitchen) main .vb{background:#FFFFFF;color:var(--ink);border:1px solid #BDB5A8;border-radius:0;font:600 12.5px/1.2 'Helvetica Neue',Arial,'DejaVu Sans',sans-serif;letter-spacing:.04em} :is(.theme-theatre,.theme-cinema,.theme-music,.theme-art,.theme-history,.theme-nature,.theme-stay,.theme-voyage,.theme-newspaper,.theme-picks,.theme-noticeboard,.theme-market,.theme-sport,.theme-festival,.theme-ticket,.theme-stars,.theme-signs,.theme-foodcover,.theme-taverna,.theme-bar,.theme-cafe,.theme-patisserie,.theme-streetfood,.theme-beachbar,.theme-kitchen) main .vb:hover{background:var(--soft)} :is(.theme-theatre,.theme-cinema,.theme-music,.theme-art,.theme-history,.theme-nature,.theme-stay,.theme-voyage,.theme-newspaper,.theme-picks,.theme-noticeboard,.theme-market,.theme-sport,.theme-festival,.theme-ticket,.theme-stars,.theme-signs,.theme-foodcover,.theme-taverna,.theme-bar,.theme-cafe,.theme-patisserie,.theme-streetfood,.theme-beachbar,.theme-kitchen) main .vb.rv-mail{border-color:var(--ink)} :is(.theme-theatre,.theme-cinema,.theme-music,.theme-art,.theme-history,.theme-nature,.theme-stay,.theme-voyage,.theme-newspaper,.theme-picks,.theme-noticeboard,.theme-market,.theme-sport,.theme-festival,.theme-ticket,.theme-stars,.theme-signs,.theme-foodcover,.theme-taverna,.theme-bar,.theme-cafe,.theme-patisserie,.theme-streetfood,.theme-beachbar,.theme-kitchen) main .vtag{background:#FFFFFF;border:1px solid #CFC7BA;color:#333333;border-radius:0} :is(.theme-theatre,.theme-cinema,.theme-music,.theme-art,.theme-history,.theme-nature,.theme-stay,.theme-voyage,.theme-newspaper,.theme-picks,.theme-noticeboard,.theme-market,.theme-sport,.theme-festival,.theme-ticket,.theme-stars,.theme-signs,.theme-foodcover,.theme-taverna,.theme-bar,.theme-cafe,.theme-patisserie,.theme-streetfood,.theme-beachbar,.theme-kitchen) main table.cmp thead th{background:var(--ink);color:#FFFFFF} :is(.theme-theatre,.theme-cinema,.theme-music,.theme-art,.theme-history,.theme-nature,.theme-stay,.theme-voyage,.theme-newspaper,.theme-picks,.theme-noticeboard,.theme-market,.theme-sport,.theme-festival,.theme-ticket,.theme-stars,.theme-signs,.theme-foodcover,.theme-taverna,.theme-bar,.theme-cafe,.theme-patisserie,.theme-streetfood,.theme-beachbar,.theme-kitchen) main table.cmp tbody th{background:var(--soft);color:var(--ink)} :is(.theme-theatre,.theme-cinema,.theme-music,.theme-art,.theme-history,.theme-nature,.theme-stay,.theme-voyage,.theme-newspaper,.theme-picks,.theme-noticeboard,.theme-market,.theme-sport,.theme-festival,.theme-ticket,.theme-stars,.theme-signs,.theme-foodcover,.theme-taverna,.theme-bar,.theme-cafe,.theme-patisserie,.theme-streetfood,.theme-beachbar,.theme-kitchen) main :is(.wsbanner){display:block;max-width:min(760px,calc(100% - 24px));height:auto;background:#FFFFFF;padding:10px 10px 30px;box-shadow:0 14px 30px rgba(0,0,0,.14),0 1px 2px rgba(0,0,0,.08);transform:rotate(-1.2deg);margin:12px auto 36px} :is(.theme-theatre,.theme-cinema,.theme-music,.theme-art,.theme-history,.theme-nature,.theme-stay,.theme-voyage,.theme-newspaper,.theme-picks,.theme-noticeboard,.theme-market,.theme-sport,.theme-festival,.theme-ticket,.theme-stars,.theme-signs,.theme-foodcover,.theme-taverna,.theme-bar,.theme-cafe,.theme-patisserie,.theme-streetfood,.theme-beachbar,.theme-kitchen) main :is(.th-curtain,.cn-sils,.cn-cast,.nl-signs,.na-wave,.fd-orn){display:none} :is(.theme-theatre,.theme-cinema,.theme-music,.theme-art,.theme-history,.theme-nature,.theme-stay,.theme-voyage,.theme-newspaper,.theme-picks,.theme-noticeboard,.theme-market,.theme-sport,.theme-festival,.theme-ticket,.theme-stars,.theme-signs,.theme-foodcover,.theme-taverna,.theme-bar,.theme-cafe,.theme-patisserie,.theme-streetfood,.theme-beachbar,.theme-kitchen) main :is(.th-frame,.cn-screen){margin:0;padding:0;background:none;border:0;box-shadow:none} :is(.theme-theatre,.theme-cinema,.theme-music,.theme-art,.theme-history,.theme-nature,.theme-stay,.theme-voyage,.theme-newspaper,.theme-picks,.theme-noticeboard,.theme-market,.theme-sport,.theme-festival,.theme-ticket,.theme-stars,.theme-signs,.theme-foodcover,.theme-taverna,.theme-bar,.theme-cafe,.theme-patisserie,.theme-streetfood,.theme-beachbar,.theme-kitchen) main :is(.fd-plate,.na-head,.sy-key,.vy-rose,.mk-bag,.sp-pitch,.th-masks){display:block;width:auto;height:56px;max-width:220px;margin:0 0 12px;color:var(--acc-ink)} :is(.theme-theatre,.theme-cinema,.theme-music,.theme-art,.theme-history,.theme-nature,.theme-stay,.theme-voyage,.theme-newspaper,.theme-picks,.theme-noticeboard,.theme-market,.theme-sport,.theme-festival,.theme-ticket,.theme-stars,.theme-signs,.theme-foodcover,.theme-taverna,.theme-bar,.theme-cafe,.theme-patisserie,.theme-streetfood,.theme-beachbar,.theme-kitchen) main .guide{padding-top:6px} :is(.theme-theatre,.theme-cinema,.theme-music,.theme-art,.theme-history,.theme-nature,.theme-stay,.theme-voyage,.theme-newspaper,.theme-picks,.theme-noticeboard,.theme-market,.theme-sport,.theme-festival,.theme-ticket,.theme-stars,.theme-signs,.theme-foodcover,.theme-taverna,.theme-bar,.theme-cafe,.theme-patisserie,.theme-streetfood,.theme-beachbar,.theme-kitchen) main .wd-head{display:block;width:auto;max-width:100%;margin:0 0 12px} /* THEATRE: a theatre programme. Cream paper, Didot display, red and gold, credits style listings, the masks as a small mark. */ .theme-theatre main{--pg:#FBF6EA;--ink:#2A1A12;--acc:#A3171F;--acc-ink:#A3171F;--on-acc:#FFFFFF;--soft:#F5EBD3;--rule:#B8892B;--link:#8E1B1B;--disp:Didot,'Bodoni 72','Bodoni MT','Playfair Display',Georgia,'DejaVu Serif',serif;--kick:"What\2019s On \00B7 Theatre"} .theme-theatre main .th-curtain{display:block;height:8px;background:#A3171F;border-bottom:3px double #B8892B} .theme-theatre main .th-masks{height:70px} .theme-theatre main .th-band+.th-band{border-top:1px solid #D9C08A} .theme-theatre main .th-band>.wrap{padding-top:24px;padding-bottom:24px} .theme-theatre main .evrow{background:transparent;border-top:0;grid-template-columns:110px minmax(0,1fr)} .theme-theatre main .evdate{background:transparent;color:#A3171F;border-right:1px solid #B8892B;font-family:Didot,'Bodoni 72','Bodoni MT','Playfair Display',Georgia,'DejaVu Serif',serif} .theme-theatre main .evbody h3{font:400 22px/1.2 Didot,'Bodoni 72','Bodoni MT','Playfair Display',Georgia,'DejaVu Serif',serif;font-variant-caps:all-small-caps;letter-spacing:.08em;color:#2A1A12} /* THEATRE world: a red velvet valance with gold trim, footlights under the opener, drapes in the wide margins. */ .theme-theatre main .th-curtain{display:block;height:48px;border:0;background:radial-gradient(circle at 50% 0,#A3171F 0 26px,#B8892B 26px 29px,transparent 30px) 0 8px/60px 40px repeat-x,linear-gradient(#7E1218,#A3171F) 0 0/100% 12px no-repeat} .theme-theatre main .th-head>.wrap::after{content:"";display:block;height:22px;margin:18px 0 0;background:radial-gradient(circle,#FFE08A 0 4px,rgba(255,210,74,.35) 5px 9px,transparent 10px) 0 0/44px 22px repeat-x;border-top:3px solid #2A1A12} @media(min-width:1180px){.theme-theatre main .th-sec{background:linear-gradient(90deg,#8E1B1B 0 22px,#A3171F 22px 38px,rgba(163,23,31,0) 64px) left top/90px 100% no-repeat,linear-gradient(270deg,#8E1B1B 0 22px,#A3171F 22px 38px,rgba(163,23,31,0) 64px) right top/90px 100% no-repeat!important}} /* CINEMA, GOING TO THE MOVIES: a marquee with warm bulbs reading NOW SHOWING, the glow of the screen behind the headline, listings as ticket stubs, popcorn stripes, a type only "Coming soon" frame and red velvet seats at the foot. */ .theme-cinema main{--ink:#111111;--acc:#D7192D;--acc-ink:#C41528;--on-acc:#FFFFFF;--soft:#FFF1F1;--rule:#111111;--link:#B5121F;--disp:Impact,Haettenschweiler,'Arial Narrow','Arial Black','DejaVu Sans',sans-serif;--kick:"What\2019s On \00B7 Cinema"} .theme-cinema main .cn-marquee{display:block;width:min(540px,100%);height:auto;margin:0 0 6px} .theme-cinema main .cn-pop{display:block;height:10px;max-width:540px;background:repeating-linear-gradient(90deg,#D7192D 0 14px,#FFFFFF 14px 28px);border:1px solid #D7192D;margin:0 0 20px} .theme-cinema main .pagelead{background:radial-gradient(ellipse 60% 55% at 40% 62%,rgba(178,212,255,.65),rgba(178,212,255,0) 72%);padding-bottom:6px} .theme-cinema main h1{font-weight:700;font-synthesis:none;text-transform:uppercase;letter-spacing:.005em;line-height:.98} .theme-cinema main .pagelead::after{content:"";display:block;height:14px;margin:4px 0 6px;background:repeating-linear-gradient(90deg,#FFFFFF 0 7px,transparent 7px 15px) 0 4px/100% 6px no-repeat,#111111} .theme-cinema main .cn-screen{display:block;padding:0 0 14px;background:repeating-linear-gradient(90deg,#D7192D 0 14px,#FFFFFF 14px 28px) 0 100%/100% 10px no-repeat} .theme-cinema main .evrow{position:relative;background:#FFFDF6;border:1px solid #E9C46A;border-top:1px solid #E9C46A;border-radius:8px;grid-template-columns:96px minmax(0,1fr)} .theme-cinema main .evdate{background:#C41528;color:#FFFFFF;border-right:2px dashed #FFFFFF} .theme-cinema main .evrow::before,.theme-cinema main .evrow::after{content:"";position:absolute;left:88px;width:16px;height:16px;border-radius:50%;background:#FFFFFF;border:1px solid #E9C46A;z-index:1} .theme-cinema main .evrow::before{top:-9px} .theme-cinema main .evrow::after{bottom:-9px} .theme-cinema main .evbody h3{font:400 24px/1.05 Impact,Haettenschweiler,'Arial Narrow','Arial Black','DejaVu Sans',sans-serif;text-transform:uppercase;letter-spacing:.01em} .theme-cinema main .wsh2{display:block;text-align:center;font:400 34px/1.05 Impact,Haettenschweiler,'Arial Narrow','Arial Black','DejaVu Sans',sans-serif;text-transform:uppercase;letter-spacing:.06em;border:4px double #111111;padding:16px 10px 14px;margin:36px auto 18px;max-width:520px} .theme-cinema main .wsh2::before{content:"Coming soon";display:block;font:700 12px/1.3 'Helvetica Neue',Arial,'DejaVu Sans',sans-serif;letter-spacing:.3em;text-transform:uppercase;color:#C41528;margin:0 0 6px} .theme-cinema main .cn-seats{height:56px;margin:30px 0 0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 56'%3E%3Cpath d='M10 50 V20 Q10 6 32 6 Q54 6 54 20 V50 Z' fill='%23B3141E'/%3E%3Cpath d='M16 46 V22 Q16 12 32 12 Q48 12 48 22 V46 Z' fill='%23D0222C'/%3E%3Crect x='4' y='34' width='8' height='18' rx='3' fill='%238E0F16'/%3E%3Crect x='52' y='34' width='8' height='18' rx='3' fill='%238E0F16'/%3E%3Crect x='10' y='44' width='44' height='8' rx='2' fill='%238E0F16'/%3E%3C/svg%3E") 0 0/64px 56px repeat-x} @media(max-width:600px){.theme-cinema main .evrow{grid-template-columns:70px minmax(0,1fr)}.theme-cinema main .evrow::before,.theme-cinema main .evrow::after{left:62px}} /* MUSIC: a music magazine. Off white, bold condensed display, record review listings with a vinyl date disc. */ .theme-music main{--pg:#FAF8F3;--ink:#141414;--acc:#C4121A;--acc-ink:#B0101A;--on-acc:#FFFFFF;--soft:#F1ECE2;--rule:#141414;--link:#A30F18;--disp:"Bebas Neue","Oswald","Roboto Condensed","Arial Narrow","Liberation Sans Narrow",sans-serif;--kick:"What\2019s On \00B7 Music"} .theme-music main h1,.theme-music main h2,.theme-music main .evbody h3{font-stretch:condensed;text-transform:uppercase;letter-spacing:.02em} .theme-music main h1{font-weight:700;line-height:.95} .theme-music main .mu-vinyl{float:right;width:120px;height:120px;margin:0 0 12px 18px} .theme-music main .evrow{border-top:3px solid #141414;grid-template-columns:104px minmax(0,1fr)} .theme-music main .evdate{align-self:start;width:86px;aspect-ratio:1;margin:10px 9px;padding:0;border-radius:50%;background:radial-gradient(circle,#C4121A 0 30%,#141414 31% 100%);color:#FFFFFF} .theme-music main .evbody h3{font:700 26px/1 "Bebas Neue","Oswald","Roboto Condensed","Arial Narrow","Liberation Sans Narrow",sans-serif;font-stretch:condensed} @media(max-width:600px){.theme-music main .mu-vinyl{width:84px;height:84px}.theme-music main .evrow{grid-template-columns:80px minmax(0,1fr)}.theme-music main .evdate{width:66px;margin:8px 7px}} /* MUSIC world: stage spotlights over the opener and an equaliser rule. */ .theme-music main .pagelead{background:radial-gradient(ellipse 34% 70% at 18% 0,rgba(255,190,90,.30),rgba(255,190,90,0) 70%),radial-gradient(ellipse 34% 70% at 82% 0,rgba(120,170,255,.28),rgba(120,170,255,0) 70%);padding-top:10px} .theme-music main .pagelead::after{content:"";display:block;height:24px;max-width:360px;margin:6px 0 4px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 24'%3E%3Cg fill='%23C4121A'%3E%3Crect x='2' y='16' width='6' height='8' rx='1'/%3E%3Crect x='12' y='10' width='6' height='14' rx='1'/%3E%3Crect x='22' y='4' width='6' height='20' rx='1'/%3E%3Crect x='32' y='12' width='6' height='12' rx='1'/%3E%3Crect x='42' y='2' width='6' height='22' rx='1'/%3E%3Crect x='52' y='8' width='6' height='16' rx='1'/%3E%3Crect x='62' y='14' width='6' height='10' rx='1'/%3E%3Crect x='72' y='6' width='6' height='18' rx='1'/%3E%3Crect x='82' y='0' width='6' height='24' rx='1'/%3E%3Crect x='92' y='12' width='6' height='12' rx='1'/%3E%3Crect x='102' y='8' width='6' height='16' rx='1'/%3E%3Crect x='112' y='18' width='6' height='6' rx='1'/%3E%3C/g%3E%3C/svg%3E") 0 0/120px 24px repeat-x} /* ART, A GALLERY WALK THROUGH: white gallery walls, a pool of spotlight above every framed work, each listing hung as a framed piece with a museum wall label beside it, wayfinding signs for the rooms and a pale wood floor at the foot. The framed pieces are original CSS and SVG: impressionist lily pond dabs, a swirling night sky, cubist planes and spray paint. The two hero paintings are public domain works on Wikimedia Commons, credited. No Picasso work is used. */ .theme-art main{--pg:#FFFFFF;--ink:#1B1B2F;--acc:#1B1B2F;--acc-ink:#2E5A9C;--on-acc:#FFFFFF;--soft:#F7F7F5;--rule:#1B1B2F;--link:#2E5A9C;--disp:'Helvetica Neue',Arial,'DejaVu Sans',sans-serif;--kick:"Explore \00B7 Art \00B7 Gallery guide";--box:"Visitor information";background:#FFFFFF} .theme-art main h1{font-weight:300;letter-spacing:-.015em} .theme-art main :is(.ar-sky,.cb-still){display:none} .theme-art main::after{content:"";display:block;height:30px;margin-top:46px;border-top:4px solid #E7E1D6;background:repeating-linear-gradient(90deg,rgba(150,110,60,.22) 0 1px,transparent 1px 150px),linear-gradient(#EFE2C8,#E3D1AE)} .theme-art main .vhow{background:#FFFFFF;border:1px solid #D0CBC2} .theme-art main .varea-block{margin-top:64px} .theme-art main .varea-block>h2{display:flex;align-items:center;gap:12px;width:fit-content;max-width:100%;background:#1B1B2F;color:#FFFFFF!important;font:600 18px/1.25 'Helvetica Neue',Arial,'DejaVu Sans',sans-serif;letter-spacing:.04em;padding:10px 16px;border:0;border-radius:2px;margin:0 0 20px} .theme-art main .varea-block>h2::before{content:"Room " counter(mgch,decimal-leading-zero);margin:0;padding:0 12px 0 0;border-right:1px solid rgba(255,255,255,.45);color:#FFFFFF;font:700 12px/1 'Helvetica Neue',Arial,'DejaVu Sans',sans-serif;letter-spacing:.18em;text-transform:uppercase} .theme-art main .varea-block>h2::after{content:"\2192";font-size:20px;line-height:1} .theme-art main .varea-block>h2 .vcount{background:#FFFFFF;color:#1B1B2F} .theme-art main .varea-block>.osm-note{font:italic 15px/1.5 Georgia,'DejaVu Serif',serif;color:#595959;max-width:640px;margin:0 0 70px} .theme-art main .vgrid{grid-template-columns:minmax(0,1fr);gap:96px} .theme-art main .vcard{--art:radial-gradient(ellipse 18% 10% at 30% 35%,#F4C6D6 0 58%,transparent 62%),radial-gradient(ellipse 14% 8% at 62% 58%,#F8E3A8 0 58%,transparent 62%),radial-gradient(ellipse 20% 11% at 72% 26%,#CFE7C4 0 55%,transparent 60%),radial-gradient(ellipse 22% 12% at 22% 72%,#BFDDB5 0 55%,transparent 60%),radial-gradient(ellipse 16% 9% at 50% 84%,#F4C6D6 0 55%,transparent 60%),repeating-linear-gradient(100deg,rgba(255,255,255,.2) 0 5px,transparent 5px 13px),linear-gradient(160deg,#8FB7C9,#6E9DB3 45%,#7FAE9A);--frame:#2B2B2B;position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);column-gap:36px;row-gap:0;align-items:start;background:transparent;border:0;border-top:0;padding:0;box-shadow:none;overflow:visible} .theme-art main .vcard::before{content:"";grid-column:1;grid-row:1/span 12;aspect-ratio:5/4;border:12px solid var(--frame);box-shadow:inset 0 0 0 14px #FFFFFF,inset 0 0 0 15px #D9D4CA,0 18px 28px rgba(0,0,0,.16);background:var(--art)} .theme-art main .vcard::after{content:"";position:absolute;left:0;width:calc((100% - 36px)/2.15);top:-70px;height:170px;background:radial-gradient(ellipse 46% 58% at 50% 16%,rgba(255,222,160,.55),rgba(255,222,160,.16) 56%,rgba(255,222,160,0) 76%),linear-gradient(#3A3A3A,#3A3A3A) 50% 0/28px 7px no-repeat;pointer-events:none;z-index:1} .theme-art main .vcard>*{grid-column:2;margin:0;border-left:1px solid #D0CBC2;padding-left:18px} .theme-art main .vcard>*+*{padding-top:8px} .theme-art main .vcard>h3{display:block;background:none;padding-top:2px;font:400 23px/1.2 Georgia,'DejaVu Serif',serif;font-variant-caps:all-small-caps;letter-spacing:.06em;color:#1B1B2F} .theme-art main .vcard>.vknown{font-family:Georgia,'DejaVu Serif',serif;font-size:15.5px;color:#222222} .theme-art main .vcard>.vbtns{padding-top:14px} .theme-art main .vgrid .vcard:nth-child(even){grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)} .theme-art main .vgrid .vcard:nth-child(even)::before{grid-column:2} .theme-art main .vgrid .vcard:nth-child(even)>*{grid-column:1} .theme-art main .vgrid .vcard:nth-child(even)::after{left:auto;right:0} .theme-art main .vgrid .vcard:nth-child(3n+2){--frame:#C9A65A} .theme-art main .vgrid .vcard:nth-child(3n+3){--frame:#D9C29A} .theme-art main #g-foundations .vcard{--art:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 150' preserveAspectRatio='xMidYMid slice'%3E%3Crect width='200' height='150' fill='%2324427E'/%3E%3Cg fill='none' stroke-linecap='round'%3E%3Cpath d='M0 40 Q25 20 50 40 T100 40 T150 40 T200 40' stroke='%236E95D2' stroke-width='5'/%3E%3Cpath d='M0 62 Q25 48 50 62 T100 62 T150 62 T200 62' stroke='%239DB9E6' stroke-width='3'/%3E%3Cpath d='M84 52 m-16 0 a16 16 0 1 1 32 0 a11 11 0 1 1 -22 0 a6 6 0 1 1 12 0' stroke='%23E8EEF8' stroke-width='3'/%3E%3Cpath d='M146 30 m-10 0 a10 10 0 1 1 20 0 a7 7 0 1 1 -14 0' stroke='%23F2C94C' stroke-width='2.6'/%3E%3C/g%3E%3Cg fill='%23F2C94C'%3E%3Ccircle cx='30' cy='20' r='5'/%3E%3Ccircle cx='118' cy='16' r='4'/%3E%3Ccircle cx='180' cy='22' r='5'/%3E%3Ccircle cx='58' cy='84' r='3.5'/%3E%3C/g%3E%3Cpath d='M172 64 a12 12 0 1 0 14 -16 a9 9 0 1 1 -14 16 Z' fill='%23F2C94C'/%3E%3Cpath d='M26 150 Q30 96 40 60 Q46 96 54 150 Z' fill='%2320402A'/%3E%3Cpath d='M60 150 V118 L80 106 L100 118 V150 Z M104 150 V124 L122 112 L140 124 V150 Z M146 150 V120 L162 110 L178 120 V150 Z' fill='%233A4E78'/%3E%3Cpath d='M120 112 V96' stroke='%233A4E78' stroke-width='3'/%3E%3C/svg%3E") center/cover no-repeat,#24427E} .theme-art main #g-private .vcard{--art:linear-gradient(115deg,transparent 0 54%,rgba(30,26,22,.85) 54% 55%,transparent 55%),linear-gradient(35deg,transparent 0 40%,rgba(243,237,226,.55) 40% 62%,transparent 62%),conic-gradient(from 30deg at 38% 42%,#3C5A78 0 80deg,#C98E2B 0 160deg,#B14A2E 0 230deg,#6F7342 0 300deg,#E9DCC3 0 360deg)} .theme-art main #g-private .vgrid .vcard:nth-child(even){--art:linear-gradient(200deg,transparent 0 48%,rgba(30,26,22,.85) 48% 49%,transparent 49%),conic-gradient(from 210deg at 60% 55%,#B14A2E 0 70deg,#E9DCC3 0 150deg,#3C5A78 0 220deg,#C98E2B 0 300deg,#6F7342 0 360deg)} .theme-art main #g-street .vcard{--art:radial-gradient(circle at 30% 40%,#FF5A5F 0 17%,transparent 18%),radial-gradient(circle at 66% 56%,#2EC4B6 0 19%,transparent 20%),radial-gradient(circle at 48% 30%,#3D348B 0 9%,transparent 10%),repeating-linear-gradient(90deg,transparent 0 16px,rgba(255,90,95,.85) 16px 19px,transparent 19px 54px) 0 100%/100% 42% no-repeat,linear-gradient(135deg,#FFE066,#F7F7F2)} .theme-art main .ar-wall{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;margin:80px 0 30px;clear:both} .theme-art main .ar-frame{position:relative;margin:0;background:transparent;padding:0;border:0;box-shadow:none;transform:none} .theme-art main .ar-frame img{display:block;width:100%;height:auto;border:14px solid #C9A65A;outline:1px solid #8A6A2A;box-shadow:0 18px 30px rgba(0,0,0,.18);background:#EEF2F7} .theme-art main .ar-frame::before{content:"";position:absolute;left:10%;right:10%;top:-74px;height:180px;background:radial-gradient(ellipse 50% 60% at 50% 18%,rgba(255,222,160,.55),rgba(255,222,160,0) 72%),linear-gradient(#3A3A3A,#3A3A3A) 50% 0/30px 7px no-repeat;pointer-events:none;z-index:1} .theme-art main .ar-frame figcaption{margin:18px 0 0;max-width:360px;border-left:1px solid #D0CBC2;padding-left:14px;font:normal 13px/1.5 Georgia,'DejaVu Serif',serif;color:#595959} @media(max-width:700px){.theme-art main .vgrid{gap:76px} .theme-art main .vcard,.theme-art main .vgrid .vcard:nth-child(even){grid-template-columns:minmax(0,1fr)} .theme-art main .vcard::before,.theme-art main .vgrid .vcard:nth-child(even)::before{grid-column:1;grid-row:auto;aspect-ratio:16/10;margin:0 0 20px} .theme-art main .vcard>*,.theme-art main .vgrid .vcard:nth-child(even)>*{grid-column:1} .theme-art main .vcard::after,.theme-art main .vgrid .vcard:nth-child(even)::after{left:0;right:0;width:auto} .theme-art main .ar-wall{grid-template-columns:minmax(0,1fr);gap:80px}} /* HISTORY AND MUSEUMS: a history magazine. Light parchment, classical capitals, captioned photos, sepia only lightly. */ .theme-history main{--pg:#F8F3E7;--ink:#2E2216;--acc:#7A4E1D;--acc-ink:#7A4E1D;--on-acc:#FFFFFF;--soft:#EFE5CF;--rule:#7A4E1D;--link:#6B4423;--disp:'Trajan Pro',Cinzel,Optima,'Palatino Linotype',Palatino,Georgia,'DejaVu Serif',serif;--kick:"Explore \00B7 History"} .theme-history main h1{text-transform:uppercase;letter-spacing:.06em;font-size:clamp(32px,5vw,54px)} .theme-history main .hm-meander{height:14px;max-width:240px;background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 36 18%22%3E%3Cpath d=%22M0 16 H34 V2 H6 V12 H24 V6 H14%22 fill=%22none%22 stroke=%22%236B4A2B%22 stroke-width=%222.4%22 stroke-linecap=%22square%22/%3E%3C/svg%3E") 0 50%/28px 14px repeat-x;opacity:.6;margin:0 0 18px} .theme-history main img{filter:sepia(.35) saturate(.9)} .theme-history main .card{background:#FFFDF8} .theme-history main .card h3{font:600 16px/1.3 'Trajan Pro',Cinzel,Optima,'Palatino Linotype',Palatino,Georgia,'DejaVu Serif',serif;text-transform:uppercase;letter-spacing:.05em} .theme-history main .hm-note{font:italic 13.5px/1.5 Georgia,'DejaVu Serif',serif;max-width:760px;margin:-10px 0 24px} /* HISTORY world: the museum hall. A temple front drawing, museum label cards, column shadows in the wide margins. */ .theme-history main .hm-hall{height:66px;color:#7A4E1D} .theme-history main .card .body{border-left:3px solid #7A4E1D} @media(min-width:1180px){.theme-history main{background:repeating-linear-gradient(90deg,rgba(122,78,29,.07) 0 14px,transparent 14px 22px) left top/70px 100% no-repeat,repeating-linear-gradient(90deg,rgba(122,78,29,.07) 0 14px,transparent 14px 22px) right top/70px 100% no-repeat,#F8F3E7}} /* NATURE AND OUTDOORS: a nature and outdoors magazine. White page, field notes boxes, a yellow offset frame on the photo. */ .theme-nature main{--ink:#1F2A1C;--acc:#FFC20E;--acc-ink:#2F5A28;--on-acc:#1F2A1C;--soft:#F5F1E3;--rule:#1F2A1C;--link:#2F5A28;--disp:'Iowan Old Style','Palatino Linotype',Palatino,'Book Antiqua',Georgia,'DejaVu Serif',serif;--kick:"Explore \00B7 Outdoors";--box:"Field notes"} .theme-nature main .wsbanner{transform:none;padding:0;box-shadow:14px 14px 0 #FFC20E;margin:12px 0 40px} .theme-nature main :is(.stop,.bnote){background:#F5F1E3;border:0;border-left:4px solid #FFC20E;padding:12px 16px;color:#222222} .theme-nature main .card{border-top:4px solid #FFC20E} /* NATURE world: a field trip. Binoculars and leaf drawing, a dashed trail line under the opener, field notes boxes. */ .theme-nature main .na-field{height:66px;color:#2F5A28} .theme-nature main .intro{border-bottom:2px dashed #7E9A62} /* WHERE TO STAY: a refined travel and design magazine. Didot display, small caps, thin gold rules, the key as a small mark. */ .theme-stay main{--ink:#1E1E1E;--acc:#A8853A;--acc-ink:#7A5C1E;--on-acc:#1E1E1E;--soft:#F7F3EA;--rule:#A8853A;--link:#6B4F14;--disp:Didot,'Bodoni 72','Bodoni MT','Playfair Display',Georgia,'DejaVu Serif',serif;--kick:"Stay and Travel \00B7 Where to stay"} .theme-stay main :is(.card,.vcard){border-top:1px solid #A8853A} .theme-stay main h2{font-variant-caps:all-small-caps;letter-spacing:.06em} .theme-stay main table.cmp thead th{background:#1E1E1E} /* STAY world: a hotel lobby. Reception bell and key tag art, room key tags with a hole on each card, a marble floor band. */ .theme-stay main::after{content:"";display:block;height:22px;margin-top:20px;background:repeating-linear-gradient(45deg,#ECE7DE 0 14px,#FFFFFF 14px 28px);border-top:1px solid #A8853A} .theme-stay main .sy-lobby{height:64px;color:#7A5C1E} .theme-stay main :is(.card,.vcard){position:relative} .theme-stay main .vcard::before{content:"";position:absolute;top:10px;right:12px;width:12px;height:12px;border-radius:50%;border:2px solid #A8853A;background:#FFFFFF} /* TRAVEL AND FERRIES: a tidy travel magazine. Pale page, clean grid, light boarding pass cards with a perforated edge. */ .theme-voyage main{--pg:#F7FAFB;--ink:#102A3F;--acc:#0E6E8C;--acc-ink:#0B5A73;--on-acc:#FFFFFF;--soft:#EAF3F6;--rule:#102A3F;--link:#0B5A73;--disp:'Helvetica Neue',Arial,'DejaVu Sans',sans-serif;--kick:"Stay and Travel"} .theme-voyage main h1{font-weight:700;letter-spacing:-.03em} .theme-voyage main h2{font-weight:700;letter-spacing:-.02em} .theme-voyage main :is(.card,.itin,.fgroup){border:1px solid #CFDDE3;border-radius:12px} .theme-voyage main .card .body{position:relative;border-top:2px dashed #B9CCD3} .theme-voyage main .card .body::before,.theme-voyage main .card .body::after{content:"";position:absolute;top:-10px;width:18px;height:18px;border-radius:50%;background:#F7FAFB;border:1px solid #CFDDE3} .theme-voyage main .card .body::before{left:-10px} .theme-voyage main .card .body::after{right:-10px} .theme-voyage main :is(.itin,.fgroup){padding:16px 18px;margin:0 0 16px} /* TRAVEL world: on the ferry deck. A deck rail band, a ferry and lifebuoy drawing, light boarding pass cards. */ .theme-voyage main::before{content:"";display:block;height:26px;background:linear-gradient(#102A3F,#102A3F) 0 4px/100% 3px no-repeat,linear-gradient(#102A3F,#102A3F) 0 14px/100% 2px no-repeat,repeating-linear-gradient(90deg,#102A3F 0 3px,transparent 3px 34px) 0 4px/100% 18px no-repeat,linear-gradient(#DCEFF5,#BFE0EA) 0 22px/100% 4px no-repeat} .theme-voyage main .vy-ferry{height:64px;color:#0B5A73} /* NEWS: a classic weekly. Times display, column rules, a red accent. */ .theme-newspaper main{--ink:#111111;--acc:#C8102E;--acc-ink:#B00E28;--on-acc:#FFFFFF;--soft:#F6F4EF;--rule:#111111;--link:#A00D25;--disp:'Times New Roman',Times,'Liberation Serif',Georgia,serif;--kick:"News"} .theme-newspaper main .outlet{border-top:1px solid #111111;border-right:1px solid #DDDDDD;padding:12px 16px 12px 2px} .theme-newspaper main .outlet h2{font:700 21px/1.18 'Times New Roman',Times,'Liberation Serif',Georgia,serif} .theme-newspaper main .outlet .olang{color:#B00E28;letter-spacing:.14em} /* HEART PICKS: a calm, minimal lifestyle journal. White space, postcards with a stamp corner, the existing pick flag as a badge. */ .theme-picks main{--ink:#1E1E1E;--acc:#5A1238;--acc-ink:#5A1238;--on-acc:#FFFFFF;--soft:#F7F3EE;--rule:#1E1E1E;--link:#7A1A4A;--disp:Didot,'Bodoni 72','Bodoni MT','Playfair Display',Georgia,'DejaVu Serif',serif;--kick:"Heart Picks";--box:"Editor\2019s note"} .theme-picks main .pickcard{position:relative;border:1px solid #DCD4C8;border-top:1px solid #DCD4C8;padding:20px 18px 18px;transform:rotate(-.4deg)} .theme-picks main .vgrid .pickcard:nth-child(even){transform:rotate(.4deg)} .theme-picks main .pickcard::after{content:"";position:absolute;top:12px;right:12px;width:30px;height:36px;border:2px dashed #C9B8A0} .theme-picks main .pickflag{display:inline-block;align-self:flex-start;background:#5A1238;color:#FFFFFF!important;padding:3px 9px;transform:rotate(-2deg)} .theme-picks main .pickcard h3{padding-right:40px} @media(max-width:560px){.theme-picks main .pickcard,.theme-picks main .vgrid .pickcard:nth-child(even){transform:none}} /* FORUMS: a letters page with a light noticeboard feel. Pale cork, white panels, letters pinned with a red pin. */ .theme-noticeboard main{--ink:#2B1D10;--acc:#C0392B;--acc-ink:#A93226;--on-acc:#FFFFFF;--soft:#FBF7EE;--rule:#2B1D10;--link:#8E2A1F;--disp:Georgia,'DejaVu Serif',serif;--kick:"Forums \00B7 Letters";background:#F3EADB radial-gradient(rgba(150,110,60,.13) 1px,transparent 1.6px) 0 0/10px 10px} .theme-noticeboard main .wrap{background:#FFFFFF;padding:26px 28px;margin:22px auto;box-shadow:0 1px 3px rgba(0,0,0,.08)} .theme-noticeboard main .wrap.nb-board{background:transparent;box-shadow:none;padding:0 20px 24px} .theme-noticeboard main .nb-board>:is(.pickhow,p){background:#FFFFFF;padding:28px 18px 14px} .theme-noticeboard main .forumcard{position:relative;background:#FFFDF6;border:1px solid #E6DCC8;padding-top:30px;box-shadow:0 6px 12px rgba(60,40,10,.10)} .theme-noticeboard main .forumcard::before{content:"";position:absolute;top:9px;left:50%;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#FF8A80,#C0392B 60%,#8E1B1B)} .theme-noticeboard main .rulecols section{padding-top:0} .theme-noticeboard main ol.rules li::marker{font-weight:700;color:#A93226} @media(max-width:560px){.theme-noticeboard main .wrap{margin:14px 10px;padding:20px 16px}} /* SHOPPING AND DELIVERY: a shop page. White product grid, price tag labels, green accents, the bag as a small mark. */ .theme-market main{--ink:#1C2A21;--acc:#1E7A46;--acc-ink:#17643A;--on-acc:#FFFFFF;--soft:#F2F6F1;--rule:#1C2A21;--link:#17643A;--disp:'Helvetica Neue',Arial,'DejaVu Sans',sans-serif;--kick:"Living Here \00B7 Shopping"} .theme-market main h1,.theme-market main h2{font-weight:700;letter-spacing:-.02em} .theme-market main .vcard{border:1px solid #E3E3E3;border-top:3px solid #1E7A46;padding:16px} .theme-market main .vcard .vtype{display:inline-block;background:#FFE08A;color:#2A2410;padding:2px 10px 2px 16px;clip-path:polygon(8px 0,100% 0,100% 100%,8px 100%,0 50%)} /* SPORT: a sports magazine. Bold capitals, big date numbers on a small scoreboard, green accents. */ .theme-sport main{--ink:#0F1B12;--acc:#1F7A3A;--acc-ink:#17602D;--on-acc:#FFFFFF;--soft:#EEF5EF;--rule:#0F1B12;--link:#17602D;--disp:'Arial Black','Helvetica Neue',Arial,'DejaVu Sans',sans-serif;--kick:"What\2019s On \00B7 Sport"} .theme-sport main h1{font-weight:900;text-transform:uppercase;letter-spacing:-.01em} .theme-sport main .evdate{background:#141414;color:#FFC93C} .theme-sport main .evdate .d{font:900 40px/1 'Arial Black','Helvetica Neue',Arial,'DejaVu Sans',sans-serif} .theme-sport main .evbody h3{font:900 19px/1.2 'Arial Black','Helvetica Neue',Arial,'DejaVu Sans',sans-serif;text-transform:uppercase} /* SPORT world: the stadium. Floodlights and stand drawing, mown pitch stripes with a chalk line, scoreboard dates. */ .theme-sport main::before{content:"";display:block;height:16px;background:linear-gradient(#FFFFFF,#FFFFFF) 0 12px/100% 2px no-repeat,repeating-linear-gradient(90deg,#3E8E4E 0 60px,#357C43 60px 120px)} .theme-sport main .sp-stadium{height:66px;color:#17602D} /* FESTIVALS: a bright festival guide. Bunting across the top, bold colours on the date blocks. */ .theme-festival main{--pg:#FFFDF7;--ink:#3A1020;--acc:#C2185B;--acc-ink:#A3134C;--on-acc:#FFFFFF;--soft:#FFF1E0;--rule:#3A1020;--link:#A3134C;--disp:'Arial Black','Helvetica Neue',Arial,'DejaVu Sans',sans-serif;--kick:"What\2019s On \00B7 Festivals"} .theme-festival main .fe-top{height:58px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 58'%3E%3Cpath d='M0 6 Q110 34 220 6' fill='none' stroke='%235A4632' stroke-width='1.4'/%3E%3Cpath d='M14 11 L30 15 L20 38 Z' fill='%23C2185B'/%3E%3Cpath d='M46 18 L64 21 L53 45 Z' fill='%231D4E9E'/%3E%3Cpath d='M82 23 L100 24 L90 49 Z' fill='%23F2B705'/%3E%3Cpath d='M120 24 L138 23 L130 49 Z' fill='%230F8A5F'/%3E%3Cpath d='M156 21 L174 18 L167 45 Z' fill='%23FF6F59'/%3E%3Cpath d='M190 15 L206 11 L200 38 Z' fill='%231D4E9E'/%3E%3C/svg%3E") 0 0/220px 58px repeat-x} .theme-festival main h1{font-weight:900;letter-spacing:-.02em} .theme-festival main .evdate{background:#C2185B;color:#FFFFFF} .theme-festival main .evrow:nth-of-type(4n+2) .evdate{background:#1D4E9E} .theme-festival main .evrow:nth-of-type(4n+3) .evdate{background:#0F6A55} .theme-festival main .evrow:nth-of-type(4n+4) .evdate{background:#B45309} /* FESTIVAL world: the panigyri. Bunting and a string of warm lights across the top, a red cross stitch band on every listing. */ .theme-festival main .fe-top{height:84px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 58'%3E%3Cpath d='M0 6 Q110 34 220 6' fill='none' stroke='%235A4632' stroke-width='1.4'/%3E%3Cpath d='M14 11 L30 15 L20 38 Z' fill='%23C2185B'/%3E%3Cpath d='M46 18 L64 21 L53 45 Z' fill='%231D4E9E'/%3E%3Cpath d='M82 23 L100 24 L90 49 Z' fill='%23F2B705'/%3E%3Cpath d='M120 24 L138 23 L130 49 Z' fill='%230F8A5F'/%3E%3Cpath d='M156 21 L174 18 L167 45 Z' fill='%23FF6F59'/%3E%3Cpath d='M190 15 L206 11 L200 38 Z' fill='%231D4E9E'/%3E%3C/svg%3E") 0 0/220px 58px repeat-x,radial-gradient(circle,#FFE08A 0 4px,rgba(255,210,74,.35) 5px 8px,transparent 9px) 0 62px/36px 20px repeat-x} .theme-festival main :is(.evrow,.card){background:#FFFFFF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3 3 L9 9 M9 3 L3 9' stroke='%23B3122E' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") 0 0/12px 12px repeat-x;padding-top:0} .theme-festival main .evbody,.theme-festival main .card .body{padding-top:22px} /* PROMOTIONS AND FREE THINGS: a free things guide. Bright yellow and coral ticket cards with notches and a perforated stub. */ .theme-ticket main{--ink:#1E1E1E;--acc:#FF6F59;--acc-ink:#B23A2A;--on-acc:#1E1E1E;--soft:#FFF6D6;--rule:#1E1E1E;--link:#9C2F20;--disp:'Arial Black','Helvetica Neue',Arial,'DejaVu Sans',sans-serif;--kick:"Promotions"} .sec-whatson.theme-ticket main{--kick:"What\2019s On \00B7 Free"} .theme-ticket main h1{font-weight:900;letter-spacing:-.02em} .theme-ticket main :is(.promo,.freecard){position:relative;background:#FFD84D;border:0;border-radius:10px;padding-left:78px!important;-webkit-mask:radial-gradient(circle at 0 50%,transparent 10px,#000 10.5px) left/51% 100% no-repeat,radial-gradient(circle at 100% 50%,transparent 10px,#000 10.5px) right/51% 100% no-repeat;mask:radial-gradient(circle at 0 50%,transparent 10px,#000 10.5px) left/51% 100% no-repeat,radial-gradient(circle at 100% 50%,transparent 10px,#000 10.5px) right/51% 100% no-repeat} .theme-ticket main :is(.promo,.freecard):nth-child(even){background:#FFB4A6} .theme-ticket main :is(.promo,.freecard)::before{content:"";position:absolute;top:12px;bottom:12px;left:60px;border-left:2px dashed rgba(30,30,30,.45)} .theme-ticket main :is(.promo,.freecard) :is(p,li,dd,dt,span,h3){color:#1E1E1E} .theme-ticket main :is(.promo,.freecard) a{color:#7A1E10} .theme-ticket main .tcard{border-top:4px solid #FF6F59} .theme-ticket main :is(.promo,.freecard) :is(h2,h3){font:900 19px/1.25 'Arial Black','Helvetica Neue',Arial,'DejaVu Sans',sans-serif;letter-spacing:-.01em} /* FAMILY AND SCIENCE: a bright science magazine for families. White page, a star map behind the opener, gold stars on the cards. */ .theme-stars main{--ink:#14204A;--acc:#1E6FD9;--acc-ink:#1857B0;--on-acc:#FFFFFF;--soft:#EEF5FF;--rule:#14204A;--link:#1857B0;--disp:'Trebuchet MS','Helvetica Neue',Arial,'DejaVu Sans',sans-serif;--kick:"Explore \00B7 Family and science";--box:"Did you know"} .theme-stars main .landing{padding-top:150px!important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 260 140'%3E%3Cg fill='none' stroke='%23A9C1EA' stroke-width='1.2'%3E%3Cpath d='M20 30 L62 18 L104 40 L150 26 L196 50 L240 34'/%3E%3Cpath d='M104 40 L122 86 L170 104 L222 92'/%3E%3Ccircle cx='150' cy='70' r='46' stroke-dasharray='2 5'/%3E%3C/g%3E%3Cg fill='%231E6FD9'%3E%3Ccircle cx='20' cy='30' r='2.6'/%3E%3Ccircle cx='62' cy='18' r='2'/%3E%3Ccircle cx='104' cy='40' r='3'/%3E%3Ccircle cx='150' cy='26' r='2.2'/%3E%3Ccircle cx='196' cy='50' r='2.6'/%3E%3Ccircle cx='240' cy='34' r='2'/%3E%3Ccircle cx='122' cy='86' r='2.2'/%3E%3Ccircle cx='170' cy='104' r='2.8'/%3E%3Ccircle cx='222' cy='92' r='2'/%3E%3C/g%3E%3Cg fill='%23E3B341'%3E%3Ccircle cx='40' cy='96' r='2'/%3E%3Ccircle cx='80' cy='120' r='1.6'/%3E%3Ccircle cx='246' cy='126' r='1.8'/%3E%3Ccircle cx='8' cy='70' r='1.6'/%3E%3C/g%3E%3C/svg%3E") left max(20px,calc(50% - 520px)) top 14px/240px 130px no-repeat!important} .theme-stars main h1{font-weight:700;letter-spacing:-.02em} .theme-stars main .vcard{position:relative;border-top:3px solid #1E6FD9} .theme-stars main .vcard::after{content:"";position:absolute;top:14px;right:6px;width:18px;height:18px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 1 L12.4 7.4 L19 7.6 L13.8 11.6 L15.6 18 L10 14.3 L4.4 18 L6.2 11.6 L1 7.6 L7.6 7.4 Z' fill='%23E3B341'/%3E%3C/svg%3E") center/contain no-repeat} .theme-stars main .vcard h3{padding-right:26px} /* PLANETARIUM world: a dome and projector drawing with a dotted constellation, under the star map. */ .theme-stars main .st-dome{height:72px;color:#1857B0} /* PRACTICAL AND LIVING: a city guide. Tidy info boxes and Greek blue enamel street sign plaques for the headings. */ .theme-signs main{--ink:#0F2A55;--acc:#123E8C;--acc-ink:#123E8C;--on-acc:#FFFFFF;--soft:#F1F5FB;--rule:#0F2A55;--link:#0F3A80;--disp:'Helvetica Neue',Arial,'DejaVu Sans',sans-serif;--kick:"Living Here"} .sec-travel.theme-signs main{--kick:"Stay and Travel"} .theme-signs main h1{display:block;width:fit-content;max-width:100%;background:#123E8C;color:#FFFFFF!important;font-weight:700;font-size:clamp(28px,4.6vw,44px);letter-spacing:.02em;padding:12px 22px 14px;border:3px solid #FFFFFF;border-radius:12px;box-shadow:0 0 0 3px #123E8C,0 8px 16px rgba(18,62,140,.2)} .theme-signs main h1::before{color:#FFFFFF;margin:0 0 8px} .theme-signs main h1::after{filter:brightness(0) invert(1)} .theme-signs main :is(.xcat>h2,.xcat>h3,.guide>h2,.hblock-head h2){display:inline-block;max-width:100%;background:#123E8C;color:#FFFFFF!important;padding:5px 14px;border:2px solid #FFFFFF;border-radius:9px;box-shadow:0 0 0 2px #123E8C;font-size:22px} .theme-signs main :is(.card,.appcard,.xcard){border:1px solid #D5DEEC;border-top:3px solid #123E8C;padding:0} /* FOOD COVER (Food and Drink landing, Taste of Athens): a food magazine cover that ties the worlds together. */ .theme-foodcover main{--pg:#FFFCF7;--ink:#2A1D15;--acc:#B5401A;--acc-ink:#9A3412;--on-acc:#FFFFFF;--soft:#FBEFE0;--rule:#2A1D15;--link:#9A3412;--disp:'Iowan Old Style','Palatino Linotype',Palatino,'Book Antiqua',Georgia,'DejaVu Serif',serif;--kick:"Food and Drink"} .theme-foodcover main h1{font-style:italic;font-size:clamp(44px,7.4vw,80px)} .theme-foodcover main .fc-art{height:44px;max-width:300px;color:#9A3412} .theme-foodcover main a.tile{border-top:6px solid var(--w,#2A1D15)} .theme-foodcover main a.tile[href*="/food/eat/"],.theme-foodcover main a.tile[href*="/food/favourites/"],.theme-foodcover main a.tile[href*="/food/restaurants/"],.theme-foodcover main a.tile[href*="/food/tavernas/"]{--w:#1F5FA8} .theme-foodcover main a.tile[href*="/food/bars/"]{--w:#FF2E93} .theme-foodcover main a.tile[href*="/food/cafes/"]{--w:#8A5A2B} .theme-foodcover main a.tile[href*="/food/bakeries/"]{--w:#E58FA8} .theme-foodcover main a.tile[href*="/food/souvlaki/"]{--w:#C8102E} .theme-foodcover main a.tile[href*="/food/beach-bars/"]{--w:#1F7A99} .theme-foodcover main a.tile[href*="/food/taste/"]{--w:#B5401A} /* EATING OUT (Eat and Drink, Local Favourites, Restaurants, Tavernas): a taverna. Blue and white checked cloth, a chalkboard specials board for the areas, menu style headings, carafe, glass and plate line art. */ .theme-taverna main{--pg:#FFFFFF;--ink:#1E2A3A;--acc:#1F5FA8;--acc-ink:#1A4F8C;--on-acc:#FFFFFF;--soft:#F1F6FC;--rule:#1E2A3A;--link:#1A4F8C;--disp:'Iowan Old Style','Palatino Linotype',Palatino,'Book Antiqua',Georgia,'DejaVu Serif',serif;--kick:"Food and Drink \00B7 Eating out"} .theme-taverna main::before{content:"";display:block;height:16px;background:linear-gradient(90deg,rgba(31,95,168,.55) 50%,transparent 0) 0 0/16px 16px,linear-gradient(rgba(31,95,168,.55) 50%,transparent 0) 0 0/16px 16px,#FFFFFF} .theme-taverna main .tv-art{height:62px;color:#1A4F8C} .theme-taverna main .varea-block>h2,.theme-taverna main .wsh2{text-align:center;font-variant-caps:all-small-caps;letter-spacing:.12em;border-top:0;background:linear-gradient(90deg,rgba(31,95,168,.55) 50%,transparent 0) 0 0/16px 16px,linear-gradient(rgba(31,95,168,.55) 50%,transparent 0) 0 0/16px 16px,#FFFFFF;background-size:16px 16px,16px 16px,auto;background-repeat:repeat-x;background-position:0 0;padding-top:24px} .theme-taverna main .varea-block>h2::before{text-align:center} .theme-taverna main .vjump{background:#2E3A33;color:#F4F1E8;padding:14px 16px;border:6px solid #8A6A44;font-family:'Segoe Print','Bradley Hand','Comic Sans MS','Chalkboard SE',cursive} .theme-taverna main .vjump strong{color:#F4F1E8} .theme-taverna main .vjump a{color:#FFE9A8} .theme-taverna main .vjump a span{background:#F4F1E8;color:#2E3A33} .theme-taverna main :is(.card,.vcard){border-top:4px solid #1F5FA8} .theme-taverna main .vcard h3{text-align:left} /* DRINKING (Bars): a bar counter. A neon OPEN sign and glassware line art, cocktail menu cards, coaster badges, brass rail rules and a wooden counter under the opener. */ .theme-bar main{--pg:#FFFFFF;--ink:#1B1410;--acc:#FF2E93;--acc-ink:#B0005E;--on-acc:#111111;--soft:#FFF4EA;--rule:#B8892B;--link:#8A1F4E;--disp:Didot,'Bodoni 72','Bodoni MT','Playfair Display',Georgia,'DejaVu Serif',serif;--kick:"Food and Drink \00B7 Bars"} .theme-bar main .br-art{height:70px;max-width:300px} .theme-bar main .br-art rect,.theme-bar main .br-art text{filter:drop-shadow(0 0 3px rgba(255,46,147,.55))} .theme-bar main .landing::after{content:"";display:block;height:20px;margin:6px 0 0;background:linear-gradient(#F3D27A,#B8892B) 0 0/100% 5px no-repeat,linear-gradient(#7A4E2D,#5C3920) 0 5px/100% 15px no-repeat} .theme-bar main .varea-block>h2{border-top:0;background:linear-gradient(#F3D27A,#B8892B) 0 0/100% 5px no-repeat;padding-top:18px;border-radius:0} .theme-bar main .vcard{background:#FFFDF7;border:1px solid #D9C08A;outline:1px solid #D9C08A;outline-offset:-6px;padding:20px 18px 18px} .theme-bar main .vcard h3{font:400 22px/1.2 Didot,'Bodoni 72','Bodoni MT','Playfair Display',Georgia,'DejaVu Serif',serif;letter-spacing:.02em} .theme-bar main .vcard h3::after{content:"";display:block;width:40px;border-top:2px solid #FF2E93;margin:8px 0 0} .theme-bar main :is(.vcount,.vjump a span){display:inline-grid;place-items:center;min-width:30px;height:30px;border-radius:50%;background:#FFFFFF;color:#1B1410;border:3px double #B8892B;padding:0 4px} /* COFFEE AND CAFES: a cafe. Warm cream, coffee cup rings, freddo, Greek coffee and briki line art, a menu board for the areas. */ .theme-cafe main{--pg:#FFF9F0;--ink:#3A2416;--acc:#8A5A2B;--acc-ink:#6E4521;--on-acc:#FFFFFF;--soft:#F6EBDD;--rule:#3A2416;--link:#6E4521;--disp:'Iowan Old Style','Palatino Linotype',Palatino,'Book Antiqua',Georgia,'DejaVu Serif',serif;--kick:"Food and Drink \00B7 Cafes";background:#FFF9F0 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Ccircle cx='60' cy='60' r='44' fill='none' stroke='%238A5A2B' stroke-opacity='.22' stroke-width='7'/%3E%3Ccircle cx='60' cy='60' r='40' fill='none' stroke='%238A5A2B' stroke-opacity='.12' stroke-width='2'/%3E%3C/svg%3E") right -30px top 40px/170px 170px no-repeat} .theme-cafe main .cf-art{height:70px;color:#6E4521} .theme-cafe main .vjump{background:#3B2A20;color:#F7EFE3;padding:14px 16px;border-radius:6px;font-family:'Segoe Print','Bradley Hand','Comic Sans MS','Chalkboard SE',cursive} .theme-cafe main .vjump strong{color:#F7EFE3} .theme-cafe main .vjump a{color:#FFDCA8} .theme-cafe main .vjump a span{background:#F7EFE3;color:#3B2A20} .theme-cafe main .vcard{position:relative;background:#FFFFFF;border-top:3px solid #8A5A2B} .theme-cafe main .vgrid .vcard:nth-child(3n+1)::after{content:"";position:absolute;right:-18px;bottom:-18px;width:74px;height:74px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Ccircle cx='60' cy='60' r='44' fill='none' stroke='%238A5A2B' stroke-opacity='.22' stroke-width='7'/%3E%3Ccircle cx='60' cy='60' r='40' fill='none' stroke='%238A5A2B' stroke-opacity='.12' stroke-width='2'/%3E%3C/svg%3E") center/contain no-repeat;pointer-events:none} /* BAKERIES AND SWEETS: a patisserie. Pastel boxes tied with string and a bow, a cake stand drawing, scalloped edges. */ .theme-patisserie main{--pg:#FFFDFB;--ink:#4A2234;--acc:#B5546E;--acc-ink:#9C3F5A;--on-acc:#FFFFFF;--soft:#FDEFF3;--rule:#4A2234;--link:#9C3F5A;--disp:Didot,'Bodoni 72','Bodoni MT','Playfair Display',Georgia,'DejaVu Serif',serif;--kick:"Food and Drink \00B7 Bakeries and sweets"} .theme-patisserie main::before{content:"";display:block;height:14px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 12'%3E%3Cpath d='M0 0 H30 V2 Q22.5 14 15 2 Q7.5 14 0 2 Z' fill='%23F6C6D3'/%3E%3C/svg%3E") 0 0/30px 12px repeat-x} .theme-patisserie main .pt-art{height:74px;color:#9C3F5A} .theme-patisserie main .vcard{position:relative;background:#FDEFF3;border:0;border-radius:4px;padding:40px 18px 18px;box-shadow:0 6px 14px rgba(74,34,52,.08)} .theme-patisserie main .vgrid .vcard:nth-child(3n+2){background:#EAF6F0} .theme-patisserie main .vgrid .vcard:nth-child(3n+3){background:#FFF6DA} .theme-patisserie main .vcard::before{content:"";position:absolute;left:0;right:0;top:15px;height:2px;background:#B5546E;opacity:.7} .theme-patisserie main .vcard::after{content:"";position:absolute;top:2px;left:50%;width:56px;height:28px;margin-left:-28px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 30'%3E%3Cg fill='none' stroke='%23B5546E' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M30 15 Q14 0 10 10 Q8 20 30 15 Z M30 15 Q46 0 50 10 Q52 20 30 15 Z'/%3E%3Cpath d='M30 15 L22 28 M30 15 L38 28'/%3E%3C/g%3E%3Ccircle cx='30' cy='15' r='3' fill='%23B5546E'/%3E%3C/svg%3E") center/contain no-repeat} .theme-patisserie main .vhow{background:#FDEFF3} .theme-patisserie main .varea-block>h2{border-top:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 12'%3E%3Cpath d='M0 0 H30 V2 Q22.5 14 15 2 Q7.5 14 0 2 Z' fill='%23F6C6D3'/%3E%3C/svg%3E") 0 0/30px 12px repeat-x;padding-top:22px} /* STREET FOOD AND SOUVLAKI: a street stall. A striped awning, a chalk price board for the areas, paper wrap cards, pita line art. */ .theme-streetfood main{--pg:#FFFFFF;--ink:#2B1A10;--acc:#C8102E;--acc-ink:#A30D26;--on-acc:#FFFFFF;--soft:#F7EEDD;--rule:#2B1A10;--link:#A30D26;--disp:'Arial Black','Helvetica Neue',Arial,'DejaVu Sans',sans-serif;--kick:"Food and Drink \00B7 Street food"} .theme-streetfood main::before{content:"";display:block;height:34px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 12'%3E%3Cpath d='M0 0 H30 V2 Q22.5 14 15 2 Q7.5 14 0 2 Z' fill='%23C8102E'/%3E%3C/svg%3E") 0 22px/30px 12px repeat-x,repeating-linear-gradient(90deg,#C8102E 0 30px,#FFFFFF 30px 60px) 0 0/100% 24px no-repeat} .theme-streetfood main h1{font-weight:900;letter-spacing:-.02em} .theme-streetfood main .sf-art{height:64px;color:#A30D26} .theme-streetfood main .vjump{background:#2E3A33;color:#F4F1E8;padding:14px 16px;border:6px solid #A67C52;font-family:'Segoe Print','Bradley Hand','Comic Sans MS','Chalkboard SE',cursive} .theme-streetfood main .vjump strong{color:#F4F1E8} .theme-streetfood main .vjump a{color:#FFE9A8} .theme-streetfood main .vjump a span{background:#F4F1E8;color:#2E3A33} .theme-streetfood main .vcard{background:#F7EEDD;border-top:0;border-radius:2px;box-shadow:inset 0 0 0 1px #E6D6B8;padding:18px 16px;transform:rotate(-.3deg)} .theme-streetfood main .vgrid .vcard:nth-child(even){transform:rotate(.3deg)} .theme-streetfood main .vcard h3{font:900 18px/1.2 'Arial Black','Helvetica Neue',Arial,'DejaVu Sans',sans-serif} @media(max-width:560px){.theme-streetfood main .vcard,.theme-streetfood main .vgrid .vcard:nth-child(even){transform:none}} /* BEACH BARS: striped umbrellas and loungers, sand and sea tones, a gentle wave line. */ .theme-beachbar main{--pg:#FFFBF2;--ink:#123A4A;--acc:#1F7A99;--acc-ink:#17627C;--on-acc:#FFFFFF;--soft:#EEF7F9;--rule:#123A4A;--link:#17627C;--disp:'Iowan Old Style','Palatino Linotype',Palatino,'Book Antiqua',Georgia,'DejaVu Serif',serif;--kick:"Food and Drink \00B7 Beach bars"} .theme-beachbar main::before{content:"";display:block;height:12px;background:repeating-linear-gradient(90deg,#1F7A99 0 26px,#FFFFFF 26px 52px,#F2B705 52px 78px,#FFFFFF 78px 104px)} .theme-beachbar main .bb-art{height:70px;color:#17627C} .theme-beachbar main .varea-block>h2{border-top:0;background:repeating-linear-gradient(90deg,#1F7A99 0 18px,#FFFFFF 18px 36px) 0 0/100% 6px no-repeat;padding-top:18px} .theme-beachbar main .vcard{background:#FFFFFF;border-top:0;border-bottom:4px solid #E9D9B5;border-radius:10px;padding:18px 16px;box-shadow:0 6px 14px rgba(18,58,74,.07)} /* COOKING AND RECIPES: a home kitchen. A Greek tile backsplash border, recipe cards on the counter, utensil line art, handwritten notes. */ .theme-kitchen main{--pg:#FFFFFF;--ink:#2A1A12;--acc:#C8401E;--acc-ink:#A8341A;--on-acc:#FFFFFF;--soft:#FFF4EC;--rule:#2A1A12;--link:#A8341A;--disp:Georgia,'DejaVu Serif',serif;--kick:"Recipes \00B7 The kitchen"} .theme-kitchen main::before{content:"";display:block;height:28px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Crect width='28' height='28' fill='%23FFFFFF'/%3E%3Crect x='.5' y='.5' width='27' height='27' fill='none' stroke='%232D5FA8' stroke-width='1'/%3E%3Cpath d='M14 4 Q18 10 14 14 Q10 10 14 4 Z M14 24 Q10 18 14 14 Q18 18 14 24 Z M4 14 Q10 10 14 14 Q10 18 4 14 Z M24 14 Q18 18 14 14 Q18 10 24 14 Z' fill='%232D5FA8'/%3E%3Ccircle cx='14' cy='14' r='2' fill='%23FFFFFF'/%3E%3Cpath d='M0 0 L5 0 L0 5 Z M28 0 L23 0 L28 5 Z M0 28 L5 28 L0 23 Z M28 28 L23 28 L28 23 Z' fill='%232D5FA8'/%3E%3C/svg%3E") 0 0/28px 28px repeat-x} .theme-kitchen main::after{content:"";display:block;height:28px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Crect width='28' height='28' fill='%23FFFFFF'/%3E%3Crect x='.5' y='.5' width='27' height='27' fill='none' stroke='%232D5FA8' stroke-width='1'/%3E%3Cpath d='M14 4 Q18 10 14 14 Q10 10 14 4 Z M14 24 Q10 18 14 14 Q18 18 14 24 Z M4 14 Q10 10 14 14 Q10 18 4 14 Z M24 14 Q18 18 14 14 Q18 10 24 14 Z' fill='%232D5FA8'/%3E%3Ccircle cx='14' cy='14' r='2' fill='%23FFFFFF'/%3E%3Cpath d='M0 0 L5 0 L0 5 Z M28 0 L23 0 L28 5 Z M0 28 L5 28 L0 23 Z M28 28 L23 28 L28 23 Z' fill='%232D5FA8'/%3E%3C/svg%3E") 0 0/28px 28px repeat-x} .theme-kitchen main h1{font-weight:700} .theme-kitchen main :is(.intro,.pagelead>p:first-of-type)::first-letter{float:none;font:inherit;color:inherit;margin:0} .theme-kitchen main .kt-art{height:60px;color:#A8341A} .theme-kitchen main .wsh2{font-family:'Segoe Print','Bradley Hand','Comic Sans MS','Chalkboard SE',cursive;font-size:26px;color:#A8341A!important} .theme-kitchen main :is(.tcard,.tile){border-top:6px solid #C8401E;box-shadow:0 8px 18px rgba(42,26,18,.10);background:#FFFFFF} .theme-kitchen main .tgrid .tcard:nth-child(odd){transform:rotate(-.6deg)} .theme-kitchen main .tgrid .tcard:nth-child(even){transform:rotate(.5deg)} .theme-kitchen main .tcard .tlabel{display:inline-block;background:#FFE7DC;color:#8A2A12;padding:2px 8px;border-radius:999px;letter-spacing:.08em} .theme-kitchen main .tcard .tmeta{font-family:'Segoe Print','Bradley Hand','Comic Sans MS','Chalkboard SE',cursive;color:#4A3A30} @media(max-width:560px){.theme-kitchen main .tgrid .tcard:nth-child(n){transform:none}} /* NIGHT v9 (5 Oct 2026): theme-topo, a walk across a survey map for the Explore landing, Neighborhoods and Day trips. Pale paper, faint contour lines behind the headings only, a brass rule, map legend tiles. */ body.theme-topo main{background:#FBF9F3} body.theme-topo main>section:first-child{background:#FBF9F3 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='240' viewBox='0 0 600 240'%3E%3Cg fill='none' stroke='%23B9AE93' stroke-width='1.2' opacity='.55'%3E%3Cpath d='M-10 60 C80 20 160 90 260 50 S440 10 610 70'/%3E%3Cpath d='M-10 90 C90 50 170 120 270 80 S450 40 610 100'/%3E%3Cpath d='M-10 120 C100 80 180 150 280 110 S460 70 610 130'/%3E%3Cpath d='M-10 150 C110 110 190 180 290 140 S470 100 610 160'/%3E%3Cellipse cx='470' cy='60' rx='60' ry='26'/%3E%3Cellipse cx='470' cy='60' rx='36' ry='14'/%3E%3Cellipse cx='470' cy='60' rx='14' ry='5'/%3E%3C/g%3E%3C/svg%3E") right top/600px 240px no-repeat;border-bottom:1px solid #E4DCC8} body.theme-topo main h1{font-family:Georgia,"DejaVu Serif",serif;color:#1F3B2D;letter-spacing:.01em} body.theme-topo main h1::after{content:"";display:block;width:72px;height:3px;margin:.35em 0 0;background:#9A6B1F} body.theme-topo main h2{font-family:Georgia,"DejaVu Serif",serif;color:#1F3B2D} body.theme-topo main .intro{color:#2A2A2A} body.theme-topo main .tile{background:#FFFFFF;border:1px solid #D8CFBA;border-left:4px solid #3E6B4F;border-radius:4px} body.theme-topo main .tile b{color:#1F3B2D} body.theme-topo main .tile .tcount{background:#F1EBDD;color:#5A3D0E;border:1px solid #D8CFBA;font-variant:small-caps;letter-spacing:.04em} body.theme-topo main .card,body.theme-topo main .tcard{background:#FFFFFF} /* NIGHT v9: theme-museum, a museum hall for Virtual tours: white walls, a soft spotlight over each framed tour, a wall label line, a pale wood floor strip. */ body.theme-museum main .tourcard{background:#FFFFFF;border:1px solid #D9D4CA;box-shadow:0 0 0 6px #FFFFFF,0 0 0 7px #CFC6B4,0 10px 24px rgba(40,30,10,.10);background-image:radial-gradient(ellipse at 50% 0,rgba(255,236,190,.45),rgba(255,255,255,0) 60%)} body.theme-museum main .tourcard h3{font-family:Georgia,"DejaVu Serif",serif;color:#1C1C1C} body.theme-museum main .tourcard .vmeta{text-transform:uppercase;font-size:.78em;letter-spacing:.08em;color:#4A4A4A} body.theme-museum main::after{content:"";display:block;height:14px;background:repeating-linear-gradient(90deg,#E8D9BC 0 120px,#E1CFAE 120px 122px)} /* NIGHT v10: the Summer and winter sales page in the market world: a shop window cover, price tag date cards, a tag wall of offers pages, numbered rights. Original CSS only, AA text on plain light panels. */ body.theme-market .salecover{background:#FFFDF7;border-bottom:2px dashed #C9B48A} body.theme-market .salecover .kicker{font-variant:small-caps;letter-spacing:.12em;color:#7A2E1F;font-weight:700;margin:0} body.theme-market .salecover h1{font-family:Georgia,"DejaVu Serif",serif;font-size:2.4em;color:#2B1B12;margin:.1em 0 .3em} .saledates{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:18px 0} .saletag{position:relative;background:#FFFFFF;border:2px solid #7A2E1F;border-radius:6px 22px 22px 6px;padding:14px 16px 14px 30px;color:#1E1E1E} .saletag::before{content:"";position:absolute;left:10px;top:50%;width:10px;height:10px;margin-top:-5px;border-radius:50%;border:2px solid #7A2E1F;background:#FFFDF7} .saletag .sk{display:block;font-variant:small-caps;letter-spacing:.08em;color:#7A2E1F;font-weight:700} .saletag b{display:block;font-family:Georgia,"DejaVu Serif",serif;font-size:1.15em;margin:.2em 0} .saletag span:last-child{font-size:.92em;color:#333} .salebody h2{font-family:Georgia,"DejaVu Serif",serif;color:#2B1B12;border-top:1px solid #E2D6BC;padding-top:.8em} .numlist{counter-reset:n;list-style:none;padding-left:0}.numlist li{counter-increment:n;position:relative;padding:6px 0 6px 44px} .numlist li::before{content:counter(n);position:absolute;left:0;top:4px;width:30px;height:30px;border-radius:50%;background:#7A2E1F;color:#FFFFFF;text-align:center;line-height:30px;font-weight:700} .tagwall{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px} .pricetag{background:#FFFFFF;border:1px solid #C9B48A;border-radius:4px 16px 16px 4px;padding:10px 14px} .pricetag a{font-weight:700;color:#0B4F6C}.pricetag .tagline{display:block;font-size:.92em;color:#333} .dyk{background:#FFF6D8;border-left:5px solid #C8961E;padding:10px 14px;margin:14px 0}.dyk-h{font-variant:small-caps;letter-spacing:.1em;font-weight:700;color:#5A3D0E;margin:0 0 4px} .mlist{list-style:none;padding-left:0}.mlist li{padding:5px 0;border-bottom:1px dotted #D8CFBA}.mwhen{display:inline-block;min-width:150px;font-weight:700;color:#5A3D0E} /* NIGHT v10: theme-lexicon, the dedicated A to Z dictionary pages as an old dictionary: warm paper, a double rule under the title, drop initial letters, thin column rules between entries, small caps guide words. Body text stays on a plain light panel. Never on the home page A to Z. */ body.theme-lexicon main{background:#FBF7EC} body.theme-lexicon main .azwrap,body.theme-lexicon main .wrap{background:#FBF7EC} body.theme-lexicon main h1{font-family:Georgia,"Times New Roman","DejaVu Serif",serif;color:#2A2118;letter-spacing:.01em;border-bottom:3px double #6B1F1A;padding-bottom:.25em} body.theme-lexicon main .intro{font-style:italic;color:#2A2118} body.theme-lexicon main h2.azletter{font-family:Georgia,"Times New Roman","DejaVu Serif",serif;font-size:2.6em;line-height:1;color:#6B1F1A;margin:.6em 0 .1em;padding:0 0 .1em;border-bottom:1px solid #CDBF9F;font-variant:small-caps} body.theme-lexicon main h2.azletter::first-letter{font-size:1.25em} body.theme-lexicon main .azvitem{background:#FFFFFF;border-left:1px solid #CDBF9F;border-right:1px solid #CDBF9F;padding:8px 14px;margin:0} body.theme-lexicon main .azvitem+.azvitem{border-top:1px dotted #CDBF9F} body.theme-lexicon main .azvitem h3{font-family:Georgia,"Times New Roman","DejaVu Serif",serif;font-variant:small-caps;letter-spacing:.03em;margin:.2em 0} body.theme-lexicon main .azvitem h3 a{color:#2A2118} body.theme-lexicon main .azvitem p{color:#2A2118} body.theme-lexicon main .azrecipe a{color:#6B1F1A} /* NIGHT v10: theme-listings, What's On as a listings magazine at the box office: a cream page, a red marquee rule under the title, the This month box as a ticket with a perforated edge, date blocks as ticket stubs, small caps kickers. AA text on plain light panels. */ body.theme-listings main{background:#FFFDF8} body.theme-listings main h1{font-family:Georgia,"DejaVu Serif",serif;color:#1B1B1B;letter-spacing:.01em} body.theme-listings main h1::after{content:"";display:block;height:6px;margin:.3em 0 0;background:repeating-linear-gradient(90deg,#B3261E 0 18px,#FFFDF8 18px 24px)} body.theme-listings main .tm{background:#FFF3D6;border:2px solid #B3261E;border-radius:6px;position:relative;padding:16px 18px} body.theme-listings main .tm::before{content:"";position:absolute;left:-2px;right:-2px;top:-8px;height:8px;background:radial-gradient(circle at 6px 8px,#FFFDF8 5px,transparent 5.5px) 0 0/12px 8px repeat-x} body.theme-listings main .tmh{font-family:Georgia,"DejaVu Serif",serif;color:#7A1F17} body.theme-listings main .tmrow{border-bottom:1px dashed #D9B98A} body.theme-listings main .tmd{font-variant:small-caps;letter-spacing:.06em;color:#1B1B1B;font-weight:700} body.theme-listings main .evrow{background:#FFFFFF;border:1px solid #E3D7C1;border-radius:6px} body.theme-listings main .evdate{background:#B3261E;color:#FFFFFF;border-right:2px dashed #FFFDF8} body.theme-listings main .evdate .d,body.theme-listings main .evdate .m{color:#FFFFFF} body.theme-listings main .evbody h3{font-family:Georgia,"DejaVu Serif",serif;color:#1B1B1B} body.theme-listings main .tile{background:#FFFFFF;border:1px solid #E3D7C1;border-top:4px solid #B3261E} body.theme-listings main .tile b{color:#1B1B1B} body.theme-listings main #month-by-month h3{font-family:Georgia,"DejaVu Serif",serif;color:#7A1F17;border-bottom:2px solid #B3261E} /* NIGHT v11: Kerameikos and Gazi close up */ .kg-sight{border:1px solid #D9D2C3;border-left:4px solid #6B4F2A;background:#FFFFFF;padding:12px 16px;margin:12px 0;border-radius:6px} .kg-sight h4{margin:0 0 6px;font-family:Georgia,"DejaVu Serif",serif;font-size:1.15rem;color:#2A2118} .kg-addr{font-size:.92rem;color:#4A4033} .kg-dyk{background:#FFF8E6;border:2px dashed #B98A2E;border-radius:10px;padding:10px 16px;margin:16px 0} .kg-dyk h3{margin-top:4px} /* NIGHT v11 section world: theme-voices (Local Voices, an interview spread: big quote marks, speech card edges, a thin red rule) */ .theme-voices main{background:#FFFFFF;color:#222222} .theme-voices main h1{font-family:Georgia,"DejaVu Serif",serif;letter-spacing:.01em} .theme-voices main h1::before{content:"\201C";display:block;font-size:4.2rem;line-height:.6;color:#B3261E;margin-bottom:6px} .theme-voices main h2{font-family:Georgia,"DejaVu Serif",serif;border-top:3px solid #B3261E;padding-top:10px} .theme-voices main h2::after{content:"";display:block;width:56px;border-bottom:1px solid #1B1B1B;margin-top:8px} .theme-voices main section{background-image:linear-gradient(90deg,#FBF3EA 0,#FBF3EA 10px,transparent 10px);background-repeat:no-repeat} .theme-voices main p{max-width:72ch} .theme-voices main blockquote,.theme-voices main .card{border-left:4px solid #B3261E;background:#FFFDF8;border-radius:0 12px 12px 12px} /* NIGHT v11 section world: theme-desk (For Local Businesses, Book and plan: a travel desk with a brass name plate, ledger rules and stamped cards) */ .theme-desk main{background:#FFFDF7;color:#222222} .theme-desk main h1{display:inline-block;font-family:Georgia,"DejaVu Serif",serif;background:#F3E3B5;color:#2A2118;border:2px solid #8A6A1F;border-radius:6px;padding:4px 14px;box-shadow:inset 0 0 0 3px #FBF1D3} .theme-desk main h2{font-family:Georgia,"DejaVu Serif",serif;border-bottom:1px solid #C9B98F;padding-bottom:6px} .theme-desk main section{background-image:repeating-linear-gradient(0deg,transparent 0,transparent 31px,#F1EBDD 31px,#F1EBDD 32px)} .theme-desk main .rcard,.theme-desk main .card{background:#FFFFFF;border:1px solid #D9CDB0;border-radius:8px;box-shadow:0 2px 0 #E9DFC6;position:relative} .theme-desk main .rcard::after,.theme-desk main .card::after{content:"HEART ATHENS";position:absolute;top:8px;right:10px;font:700 .62rem/1 system-ui,sans-serif;letter-spacing:.12em;color:#8A6A1F;border:1px solid #8A6A1F;border-radius:3px;padding:2px 4px;transform:rotate(4deg);opacity:.75} /* NIGHT v12 section world: theme-masthead (About: a magazine masthead and editor's letter: double rule, small caps kicker, drop cap) */ .theme-masthead main{background:#FFFFFF;color:#1F1F1F} .theme-masthead main h1{font-family:Georgia,"DejaVu Serif",serif;border-top:6px double #1F1F1F;border-bottom:1px solid #1F1F1F;padding:10px 0 8px} .theme-masthead main h1::before{content:"THE MASTHEAD";display:block;font:700 .72rem/1.4 system-ui,sans-serif;letter-spacing:.24em;color:#9B1C1C;margin-bottom:4px} .theme-masthead main .intro{font-family:Georgia,"DejaVu Serif",serif;font-style:italic;color:#3A3A3A} .theme-masthead main .guide>p:first-of-type::first-letter{float:left;font-family:Georgia,"DejaVu Serif",serif;font-size:3.2rem;line-height:.9;padding:4px 8px 0 0;color:#9B1C1C} .theme-masthead main h2{font-family:Georgia,"DejaVu Serif",serif;font-variant:small-caps;letter-spacing:.05em;border-bottom:1px solid #D6D0C4;padding-bottom:4px} .theme-masthead main h2::after{content:"";display:block;width:40px;border-bottom:3px solid #9B1C1C;margin-top:6px} .theme-masthead main ul.plain li{border-left:2px solid #E6DFD0;padding-left:10px;margin:6px 0} /* NIGHT v12 section world: theme-letters (Contact: the letters page: airmail envelope edges, a stamp box, a postmark kicker) */ .theme-letters main{background:#FFFFFF;color:#222222} .theme-letters main h1{font-family:Georgia,"DejaVu Serif",serif} .theme-letters main h1::before{content:"LETTERS TO THE EDITOR";display:block;font:700 .72rem/1.4 system-ui,sans-serif;letter-spacing:.22em;color:#1D4E89;margin-bottom:4px} .theme-letters main .lede{font-family:Georgia,"DejaVu Serif",serif;font-style:italic} .theme-letters main .ccard{position:relative;background:#FFFFFF;border:7px solid transparent;border-image:repeating-linear-gradient(135deg,#B3261E 0 10px,#FFFFFF 10px 20px,#1D4E89 20px 30px,#FFFFFF 30px 40px) 7;padding:14px 16px} .theme-letters main .ccard::after{content:"";position:absolute;top:10px;right:12px;width:34px;height:40px;border:2px dashed #1D4E89;border-radius:3px;background:#F4F7FB} .theme-letters main .ccard h3{padding-right:52px;min-height:40px;font-family:Georgia,"DejaVu Serif",serif} /* NIGHT v12 section world: theme-classifieds (Advertise: the classified ads page: boxed ads, column rules, reversed headings) */ .theme-classifieds main{background:#FFFFFF;color:#1E1E1E} .theme-classifieds main h1{font-family:Georgia,"DejaVu Serif",serif;border-bottom:3px double #1E1E1E;padding-bottom:6px} .theme-classifieds main h1::before{content:"CLASSIFIEDS";display:block;font:800 .72rem/1.4 system-ui,sans-serif;letter-spacing:.26em;color:#7A4B00;margin-bottom:4px} .theme-classifieds main .adbox{background:#FFFFFF;border:2px solid #1E1E1E;box-shadow:6px 6px 0 #EFE6D2;padding:14px 18px} .theme-classifieds main .adbox h2{font:800 1rem/1.3 system-ui,sans-serif;text-transform:uppercase;letter-spacing:.08em;background:#1E1E1E;color:#FFFFFF;display:inline-block;padding:3px 8px} .theme-classifieds main .adbox li{border-bottom:1px dotted #B9AE96;padding:4px 0} /* NIGHT v12 section world: theme-garage (Parking: a car park: painted bay lines, a blue P sign, tickets with a barcode strip, pale concrete) */ .theme-garage main{background:#F6F6F3;color:#1F2328} .theme-garage main .landing{background:#FFFFFF;border-bottom:6px solid #F2C200} .theme-garage main h1{display:flex;align-items:center;gap:12px;font-family:"Arial Narrow","Roboto Condensed",Arial,sans-serif;font-stretch:condensed} .theme-garage main h1::before{content:"P";flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:1.4em;height:1.4em;border-radius:8px;background:#1D4E89;color:#FFFFFF;font:800 1em/1 Arial,sans-serif;border:3px solid #FFFFFF;box-shadow:0 0 0 2px #1D4E89} .theme-garage main h2{font-family:"Arial Narrow","Roboto Condensed",Arial,sans-serif;font-stretch:condensed;text-transform:uppercase;letter-spacing:.04em;border-left:8px solid #F2C200;padding-left:10px;margin-top:28px} .theme-garage main .pk-guide{background:#FFFFFF;background-image:repeating-linear-gradient(90deg,transparent 0 118px,#E4E2DA 118px 121px);background-size:100% 12px;background-repeat:repeat-x;padding-top:22px} .theme-garage main .pk-stamp{display:inline-block;font:700 .75rem/1 system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#1D4E89;border:2px solid #1D4E89;border-radius:4px;padding:5px 8px;transform:rotate(-2deg)} .theme-garage main .pk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px} .theme-garage main .pk-ticket{background:#FFFFFF;border:1px solid #D5D2C8;border-radius:10px;padding:12px 16px 12px 24px;position:relative;margin:0} .theme-garage main .pk-ticket::before{content:"";position:absolute;left:8px;top:12px;bottom:12px;width:6px;background:repeating-linear-gradient(180deg,#1F2328 0 2px,transparent 2px 4px,#1F2328 4px 7px,transparent 7px 9px)} .theme-garage main .pk-ticket h3{margin:0 0 4px;font-size:1.05rem} .theme-garage main .pk-src{font-size:.86rem;color:#4A4F57} .theme-garage main .pk-column,.theme-garage main .pk-week{background:#FFFBEA;border:2px dashed #B98A2E;border-radius:10px;padding:10px 16px;margin:16px 0} .theme-garage main .pk-kick{font:700 .74rem/1.2 system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#7A4B00;margin:0 0 4px} .theme-garage main table.cmp th[scope="col"],.theme-garage main table.cmp thead th{background:#1D4E89;color:#FFFFFF} .nw-reading{margin-top:8px}.nw-reading h3{margin:0 0 4px;font-family:Georgia,"DejaVu Serif",serif} /* NIGHT v12: Greek kickers for the generated labels */ html[lang="el"] .theme-masthead main h1::before{content:"ΤΑΥΤΟΤΗΤΑ"} html[lang="el"] .theme-letters main h1::before{content:"ΓΡΑΜΜΑΤΑ ΑΝΑΓΝΩΣΤΩΝ"} html[lang="el"] .theme-classifieds main h1::before{content:"ΜΙΚΡΕΣ ΑΓΓΕΛΙΕΣ"} /* NIGHT v13 (7 Oct 2026): deeper worlds. News: a periptero newsstand, the outlets as papers on the rack. Original CSS only. */ .theme-newspaper main{--kick:"Late edition, Athens";background:#FBF8F1} .theme-newspaper main::before{content:"";display:block;height:16px;background:repeating-linear-gradient(90deg,#1F4E79 0 30px,#F3EDE0 30px 60px);border-bottom:3px solid #1C1C1C} .theme-newspaper main h1::after{content:"";display:block;width:132px;height:12px;margin:14px 0 0;background:repeating-linear-gradient(90deg,#1C1C1C 0 2px,transparent 2px 5px,#1C1C1C 5px 6px,transparent 6px 10px)} .theme-newspaper main .outlets{gap:20px;padding:0 0 22px;border-bottom:10px solid #8A6A3B;box-shadow:0 6px 0 #6F5530} .theme-newspaper main .outlet{position:relative;background:#FFFFFF;border:1px solid #D9D2C6;border-top:6px double #1C1C1C;box-shadow:4px 4px 0 #E9E2D3;padding:16px 16px 14px} .theme-newspaper main .outlet::after{content:"";position:absolute;right:10px;top:10px;width:30px;height:30px;border-radius:50%;background:radial-gradient(circle,#FBF8F1 0 9px,#B3122E 9px 10px,#FBF8F1 10px 13px,#B3122E 13px 14px,transparent 14px)} .theme-newspaper main .outlet h2,.theme-newspaper main .outlet h3{font-family:Georgia,'DejaVu Serif',serif;letter-spacing:-.01em;border-bottom:3px double #1C1C1C;padding:0 40px 6px 0;margin:0 0 10px} .theme-newspaper main .nw-reading{background:#FFFFFF;border:1px solid #1C1C1C;outline:6px solid #FFFFFF;box-shadow:0 0 0 7px #1C1C1C;padding:22px 24px;margin:34px 0 10px} .theme-newspaper main .nw-reading h2{text-transform:uppercase;letter-spacing:.08em;font-size:clamp(22px,2.6vw,28px);border-bottom:1px solid #1C1C1C;padding:0 0 8px} @media (min-width:900px){.theme-newspaper main .nw-reading{column-count:2;column-gap:34px;column-rule:1px solid #D9D2C6}.theme-newspaper main .nw-reading h2{column-span:all}} /* NIGHT v13: Heart Picks as a postcard rack: each pick a postcard with a stamp box and a strip of tape, gently tilted. */ .theme-picks main{background:#FFFDF8} .theme-picks main .pickcard{position:relative;background:#FFFFFF;border:1px solid #E3DCCF;box-shadow:5px 6px 0 rgba(28,28,28,.06);padding:24px 20px 18px;margin-top:14px;transform:rotate(-.45deg)} .theme-picks main .pickcard:nth-child(even){transform:rotate(.45deg)} .theme-picks main .pickcard::before{content:"";position:absolute;top:14px;right:14px;width:40px;height:48px;border:2px dashed #B08A1E;border-radius:2px;background:repeating-linear-gradient(45deg,#FFF3D6 0 4px,#FFFFFF 4px 8px)} .theme-picks main .pickcard::after{content:"";position:absolute;top:-10px;left:50%;width:88px;height:20px;margin-left:-44px;background:rgba(201,162,39,.32);transform:rotate(-2deg)} .theme-picks main .pickcard h3,.theme-picks main .pickcard .vmeta{padding-right:60px} .theme-picks main .pickcard .pickq{border-left:3px solid #B08A1E;padding-left:12px;font-style:italic} @media (prefers-reduced-motion:reduce){.theme-picks main .pickcard{transform:none}} /* NIGHT v13: Greek labels for every generated kicker and box label (a Greek page never shows English generated text) */ html[lang="el"] main{--box:"Καλό να ξέρετε"} html[lang="el"] .theme-theatre main{--kick:"Εκδηλώσεις \00B7 Θέατρο"} html[lang="el"] .theme-cinema main{--kick:"Εκδηλώσεις \00B7 Σινεμά"} html[lang="el"] .theme-music main{--kick:"Εκδηλώσεις \00B7 Μουσική"} html[lang="el"] .theme-art main{--kick:"Εξερεύνηση \00B7 Τέχνη \00B7 Οδηγός γκαλερί"} html[lang="el"] .theme-history main{--kick:"Εξερεύνηση \00B7 Ιστορία"} html[lang="el"] .theme-nature main{--kick:"Εξερεύνηση \00B7 Ύπαιθρος"} html[lang="el"] .theme-stay main{--kick:"Διαμονή και ταξίδι \00B7 Πού να μείνετε"} html[lang="el"] .theme-voyage main{--kick:"Διαμονή και ταξίδι"} html[lang="el"] .theme-newspaper main{--kick:"Τελευταία έκδοση, Αθήνα"} html[lang="el"] .theme-picks main{--kick:"Επιλογές Heart"} html[lang="el"] .theme-noticeboard main{--kick:"Φόρουμ \00B7 Επιστολές"} html[lang="el"] .theme-market main{--kick:"Ζώντας εδώ \00B7 Αγορές"} html[lang="el"] .theme-sport main{--kick:"Εκδηλώσεις \00B7 Αθλητισμός"} html[lang="el"] .theme-festival main{--kick:"Εκδηλώσεις \00B7 Φεστιβάλ"} html[lang="el"] .theme-ticket main{--kick:"Προσφορές"} html[lang="el"] .theme-stars main{--kick:"Εξερεύνηση \00B7 Οικογένεια και επιστήμη"} html[lang="el"] .theme-signs main{--kick:"Ζώντας εδώ"} html[lang="el"] .theme-foodcover main{--kick:"Φαγητό και ποτό"} html[lang="el"] .theme-taverna main{--kick:"Φαγητό και ποτό \00B7 Φαγητό έξω"} html[lang="el"] .theme-bar main{--kick:"Φαγητό και ποτό \00B7 Μπαρ"} html[lang="el"] .theme-cafe main{--kick:"Φαγητό και ποτό \00B7 Καφέ"} html[lang="el"] .theme-patisserie main{--kick:"Φαγητό και ποτό \00B7 Φούρνοι και γλυκά"} html[lang="el"] .theme-streetfood main{--kick:"Φαγητό και ποτό \00B7 Φαγητό του δρόμου"} html[lang="el"] .theme-beachbar main{--kick:"Φαγητό και ποτό \00B7 Μπαρ στην παραλία"} html[lang="el"] .theme-kitchen main{--kick:"Συνταγές \00B7 Η κουζίνα"} html[lang="el"] .theme-art main{--box:"Πληροφορίες επίσκεψης"} html[lang="el"] .theme-nature main{--box:"Σημειώσεις πεδίου"} html[lang="el"] .theme-picks main{--box:"Σημείωμα της σύνταξης"} html[lang="el"] .theme-stars main{--box:"Το ξέρατε;"} html[lang="el"] .sec-whatson.theme-ticket main{--kick:"Εκδηλώσεις \00B7 Δωρεάν"} html[lang="el"] .sec-travel.theme-signs main{--kick:"Διαμονή και ταξίδι"} html[lang="el"] .theme-cinema main .wsh2::before{content:"Σύντομα"} html[lang="el"] .theme-art main .varea-block>h2::before{content:"Αίθουσα " counter(mgch,decimal-leading-zero)} /* NIGHT v14 (8 Oct 2026): deeper worlds. Forums: a kafeneio noticeboard in a wooden frame; each forum a note pinned on cork, gently tilted, with tear off tabs. Original CSS only; body text stays on plain white or cream panels. */ .theme-noticeboard main .wrap.nb-board{position:relative;background-color:#D9B98C;background-image:radial-gradient(circle at 20% 30%,rgba(120,80,40,.18) 0 1.5px,transparent 2px),radial-gradient(circle at 70% 60%,rgba(120,80,40,.14) 0 1.2px,transparent 1.8px),radial-gradient(circle at 45% 85%,rgba(255,240,210,.35) 0 1.6px,transparent 2.2px);background-size:23px 19px,31px 27px,17px 29px;border:14px solid #7A5530;box-shadow:inset 0 0 0 2px #5E3F22,inset 0 6px 14px rgba(60,35,10,.25),0 8px 0 #5E3F22;padding:26px 22px 30px;margin:26px auto} .theme-noticeboard main .wrap.nb-board>:is(.pickhow,p){background:#FFFDF6;border:1px solid #E6DCC8;box-shadow:0 4px 10px rgba(60,40,10,.12)} .theme-noticeboard main .nb-board .vgrid{gap:26px} .theme-noticeboard main .forumcard{transform:rotate(-.6deg)} .theme-noticeboard main .forumcard:nth-child(3n+2){transform:rotate(.5deg)} .theme-noticeboard main .forumcard:nth-child(3n){transform:rotate(-.25deg)} .theme-noticeboard main .forumcard::after{content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:16px;background:repeating-linear-gradient(90deg,#FFFDF6 0 26px,#C9BBA0 26px 27px);border-top:1px dashed #C9BBA0} .theme-noticeboard main .forumcard .vbtns{margin-bottom:14px} .theme-noticeboard main .nb-board::after{content:"";position:absolute;right:18px;bottom:-30px;width:120px;height:14px;background:linear-gradient(#8A6A3B,#6B4E2A);border-radius:2px;box-shadow:0 2px 0 #4E3519} @media (max-width:600px){.theme-noticeboard main .wrap.nb-board{border-width:8px;padding:16px 10px 22px;margin:16px 6px}.theme-noticeboard main .nb-board::after{display:none}} @media (prefers-reduced-motion:reduce){.theme-noticeboard main .forumcard{transform:none}} /* NIGHT v14: Shopping and delivery as a corner shop: a striped awning over the page, shelf edges under each card, and the comparison table as a till receipt with torn edges. */ .theme-market main::before{content:"";display:block;height:30px;background:radial-gradient(circle at 15px 30px,#FFFFFF 0 13px,transparent 14px) 0 0/30px 30px repeat-x,repeating-linear-gradient(90deg,#1E7A46 0 30px,#F7F3EA 30px 60px);border-top:4px solid #17643A} .theme-market main .vcard{box-shadow:0 10px 0 -6px #C8B79A,0 12px 0 -6px #A48E6A} .theme-market main .tablewrap{position:relative;background:#FFFFFF;padding:22px 16px;margin:28px 0;filter:drop-shadow(0 3px 4px rgba(0,0,0,.12))} .theme-market main .tablewrap::before,.theme-market main .tablewrap::after{content:"";position:absolute;left:0;right:0;height:10px;background:linear-gradient(135deg,transparent 7px,#FFFFFF 7px) 0 0/14px 10px repeat-x,linear-gradient(225deg,transparent 7px,#FFFFFF 7px) 0 0/14px 10px repeat-x} .theme-market main .tablewrap::before{top:-10px;transform:scaleY(-1)} .theme-market main .tablewrap::after{bottom:-10px} .theme-market main table.cmp td,.theme-market main table.cmp th{border-bottom:1px dashed #BDBDBD} .theme-market main table.cmp caption,.theme-market main .tnote{letter-spacing:.04em} @media (max-width:600px){.theme-market main::before{height:22px;background-size:22px 22px,auto}} /* NIGHT v15 (9 Oct 2026): deeper worlds, Promotions and Practical (A14, MAGAZINE_DIRECTION: walk into that world). Original CSS only; body text stays dark on white or pale panels. Promotions: a box office. A roll of admission tickets runs across the top of the page, the section tiles become admission tickets with a torn stub and side notches, and the offer cards sit on a pale yellow counter. */ .theme-ticket main::before{content:"";display:block;height:34px;background:radial-gradient(circle at 0 50%,#FFFFFF 0 7px,transparent 7.5px) 0 0/64px 34px repeat-x,radial-gradient(circle at 100% 50%,#FFFFFF 0 7px,transparent 7.5px) 0 0/64px 34px repeat-x,repeating-linear-gradient(90deg,#FFD84D 0 60px,#FFFFFF 60px 64px);border-bottom:2px dashed rgba(30,30,30,.35)} .theme-ticket main .tiles .tile{position:relative;background:#FFF6D6;border:2px solid #1E1E1E;border-radius:6px;padding-right:58px!important} .theme-ticket main .tiles .tile::before,.theme-ticket main .tiles .tile::after{content:"";position:absolute} .theme-ticket main .tiles .tile::before{top:50%;right:-9px;width:16px;height:16px;margin-top:-8px;border-radius:50%;background:#FFFFFF;border-left:2px solid #1E1E1E} .theme-ticket main .tiles .tile::after{top:10px;bottom:10px;right:42px;border-left:2px dashed rgba(30,30,30,.45)} .theme-ticket main .tgrid{background:#FFFBEA;padding:18px;border-radius:4px;box-shadow:inset 0 0 0 1px #F0E2A8} .theme-ticket main .tgrid .tcard{transform:rotate(-.4deg)} .theme-ticket main .tgrid .tcard:nth-child(even){transform:rotate(.4deg)} @media (max-width:600px){.theme-ticket main::before{height:24px;background-size:48px 24px,48px 24px,auto}.theme-ticket main .tgrid{padding:10px}} @media (prefers-reduced-motion:reduce){.theme-ticket main .tgrid .tcard{transform:none}} /* Practical and Living: a street corner. A row of kerbstones at the top of the page, a small Greek blue enamel street plaque (white on blue with a rounded white rule) on every card heading, and a strip of square pavement slabs at the foot of the page. */ .theme-signs main::before{content:"";display:block;height:12px;background:repeating-linear-gradient(90deg,#FFFFFF 0 46px,#C9CED6 46px 48px);border-top:3px solid #9AA4B2;border-bottom:1px solid #9AA4B2} .theme-signs main::after{content:"";display:block;height:30px;margin-top:30px;background-color:#F1F3F6;background-image:linear-gradient(#D5DAE1 1px,transparent 1px),linear-gradient(90deg,#D5DAE1 1px,transparent 1px);background-size:30px 30px;border-top:2px solid #9AA4B2} .theme-signs main .card .body>h3{display:inline-block;max-width:100%;background:#123E8C;color:#FFFFFF!important;font:700 17px/1.25 'Helvetica Neue',Arial,'DejaVu Sans',sans-serif;letter-spacing:.02em;padding:5px 12px 6px;border:2px solid #FFFFFF;border-radius:7px;box-shadow:0 0 0 2px #123E8C;margin:6px 2px 10px} .theme-signs main .card .body>h3 a{color:#FFFFFF} @media (max-width:600px){.theme-signs main .card .body>h3{font-size:16px}} /* NIGHT v16 (9 Oct 2026): deeper worlds, Where to stay and Travel (A14, MAGAZINE_DIRECTION: walk into that world). Original CSS only; body text stays dark on white or pale panels. Where to stay: the hotel reception. A wooden key rack of pigeonholes, each with a brass key, runs across the top of the page; every card is a sheet of hotel stationery with a thin double gold rule and a brass room key tag hanging from its corner. */ .theme-stay main::before{content:"";display:block;height:46px;background-color:#8A5A2B;background-image:radial-gradient(circle at 50% 62%,#E2C46A 0 3px,transparent 3.5px),linear-gradient(90deg,transparent 0 2px,#6E4520 2px 4px,transparent 4px),linear-gradient(#6E4520 0 3px,transparent 3px 21px,#6E4520 21px 24px,transparent 24px);background-size:36px 23px,36px 23px,36px 23px;border-bottom:4px solid #A8853A;box-shadow:inset 0 -2px 0 #E2C46A} .theme-stay main .card{position:relative;box-shadow:0 0 0 1px #E8DCC0,0 0 0 4px #FFFFFF,0 0 0 5px #C9AE6A} .theme-stay main .card::after{content:"";position:absolute;top:-6px;right:18px;width:22px;height:34px;background:linear-gradient(#C9A34E,#A8853A);clip-path:polygon(50% 0,100% 22%,100% 100%,0 100%,0 22%);box-shadow:inset 0 0 0 1px #7A5C1E;z-index:2} .theme-stay main .card .body>h3{border-bottom:1px solid #C9AE6A;padding-bottom:6px} @media (max-width:600px){.theme-stay main::before{height:30px;background-size:28px 15px,28px 15px,28px 15px}.theme-stay main .card::after{width:18px;height:28px;right:12px}} /* Travel: the ferry quay. A thin departures board with amber lamps along the top of the page, a twisted mooring rope under every section heading, and a band of sea and harbour wall at the foot; the boarding pass cards stay as they are. */ .theme-voyage main::after{content:"";display:block;height:34px;margin-top:28px;background:linear-gradient(#C9D3D9 0 8px,transparent 8px),repeating-linear-gradient(90deg,#B4C1C8 0 38px,#9FAEB6 38px 40px) 0 0/100% 8px no-repeat,radial-gradient(14px 8px at 50% 100%,#0E6E8C 0 98%,transparent) 0 8px/28px 26px repeat-x,#7FC0D6} .theme-voyage main h2{position:relative;padding-bottom:12px} .theme-voyage main h2::after{content:"";position:absolute;left:0;bottom:0;width:min(220px,60%);height:6px;border-radius:3px;background:repeating-linear-gradient(135deg,#C8A46B 0 5px,#8C6A3A 5px 7px,#E2C99A 7px 10px)} .theme-voyage main>section:first-of-type>.wrap::before{content:"";display:block;height:14px;margin:0 0 14px;border-radius:3px;background-color:#1D2B36;background-image:radial-gradient(circle,#FFB000 0 2.2px,transparent 2.6px);background-size:12px 14px;background-position:6px 0} @media (max-width:600px){.theme-voyage main::after{height:26px}.theme-voyage main h2::after{width:140px}} /* NIGHT v17 (10 Oct 2026): deeper worlds, Explore and the A to Z dictionary (A14, MAGAZINE_DIRECTION: walk into that world). Original CSS and inline SVG only; body text stays dark on white or pale panels. Explore: the explorer's map table. A folded paper map runs across the top of the page, a compass rose sits in the corner of the opening section, a red map pin marks every section heading with a dotted walking trail under it, and each landing tile carries a small grid reference square. */ body.theme-topo main::before{content:"";display:block;height:20px;background:linear-gradient(90deg,rgba(60,50,30,.10) 0 1px,transparent 1px 100%) 0 0/160px 100%,linear-gradient(90deg,#F6F0E0 0 50%,#ECE3CC 50% 100%) 0 0/320px 100%;border-bottom:1px solid #D8CFBA} body.theme-topo main>section:first-child>.wrap{position:relative} body.theme-topo main>section:first-child>.wrap::after{content:"";position:absolute;top:4px;right:6px;width:68px;height:68px;pointer-events:none;opacity:.9;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Ccircle cx='32' cy='32' r='29' fill='%23FBF9F3' stroke='%239A6B1F' stroke-width='1.6'/%3E%3Ccircle cx='32' cy='32' r='23' fill='none' stroke='%23B9AE93' stroke-width='1' stroke-dasharray='2 3'/%3E%3Cpath d='M32 5 36 32 32 59 28 32Z' fill='%231F3B2D'/%3E%3Cpath d='M5 32 32 28 59 32 32 36Z' fill='%239A6B1F'/%3E%3Cpath d='M32 5 36 32H28Z' fill='%23B3261E'/%3E%3Ccircle cx='32' cy='32' r='3' fill='%23FBF9F3' stroke='%231F3B2D'/%3E%3C/svg%3E") no-repeat center/contain} body.theme-topo main h2{position:relative;padding-left:24px;padding-bottom:9px} body.theme-topo main h2::before{content:"";position:absolute;left:2px;top:.28em;width:14px;height:14px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:radial-gradient(circle at 50% 50%,#FFFFFF 0 3px,#B3261E 3.6px)} body.theme-topo main h2::after{content:"";position:absolute;left:24px;bottom:0;width:min(240px,60%);height:2px;background:repeating-linear-gradient(90deg,#9A6B1F 0 6px,transparent 6px 11px)} body.theme-topo main .tile{position:relative} body.theme-topo main .tile::after{content:"";position:absolute;top:7px;right:7px;width:12px;height:12px;border:1px solid #B9AE93;background:linear-gradient(#B9AE93,#B9AE93) 50% 0/1px 100% no-repeat,linear-gradient(#B9AE93,#B9AE93) 0 50%/100% 1px no-repeat} @media (max-width:600px){body.theme-topo main>section:first-child>.wrap::after{width:38px;height:38px;top:-8px;right:2px}body.theme-topo main h2::after{width:150px}} /* The A to Z dictionary: the reading room of an old library. A row of card catalogue drawers with brass label holders runs across the top, each letter heading gets a red thumb index tab, and every entry is a catalogue card with a thin red top rule and the punched hole at its foot. */ body.theme-lexicon main::before{content:"";display:block;height:34px;background-color:#7A4E26;background-image:radial-gradient(circle at 50% 74%,#D9B85C 0 2.6px,#7A5C1E 2.7px 3.4px,transparent 3.6px),linear-gradient(#E9D9A6,#E9D9A6),linear-gradient(90deg,#5E3A1A 0 2px,transparent 2px);background-size:72px 34px,26px 9px,72px 34px;background-position:0 0,23px 7px,0 0;background-repeat:repeat-x;border-bottom:3px solid #5E3A1A;box-shadow:inset 0 -1px 0 #A07443} body.theme-lexicon main>section{background:#FBF7EC} body.theme-lexicon main h2.azletter,body.theme-lexicon main .azletter{position:relative;padding-left:16px} body.theme-lexicon main h2.azletter::before,body.theme-lexicon main .azletter::before{content:"";position:absolute;left:0;top:.12em;bottom:.22em;width:7px;border-radius:0 4px 4px 0;background:#6B1F1A} body.theme-lexicon main .azvitem,body.theme-lexicon main .azitem{border-top:2px solid #B3261E;padding-bottom:18px;background:radial-gradient(circle at 50% calc(100% - 8px),#E6DCC4 0 3.5px,transparent 4px),#FFFFFF} body.theme-lexicon main .azvitem+.azvitem{border-top:2px solid #B3261E} @media (max-width:600px){body.theme-lexicon main::before{height:26px;background-size:56px 26px,20px 7px,56px 26px;background-position:0 0,18px 5px,0 0}} /* ------------------------------------------------------------------ NIGHT v18, 10 Oct 2026 (night shift 19:30 EEST slot). Original CSS and inline SVG only, system fonts. 1. The old tavernas feature on Tavernas: a taverna menu card pinned over the checked tablecloth. 2. Best and worst: the visitors' book, inside the Forums noticeboard world (lined cream pages, a ribbon, red and green ink stamps). 3. Search: the map room index, inside the Explore topo world (a magnifier over contour lines, results as index slips). Body text stays on white or pale panels (AA). ------------------------------------------------------------------ */ .otv{position:relative;margin:30px 0 26px;padding:30px 24px 20px;background:#fffdf7;border:1px solid #e6dcc6;border-radius:4px;box-shadow:0 1px 0 #e6dcc6,0 10px 24px rgba(60,40,10,.08);background-image:linear-gradient(#fffdf7,#fffdf7),repeating-linear-gradient(90deg,rgba(178,34,52,.08) 0 14px,transparent 14px 28px);background-clip:padding-box,border-box} .otv::before{content:"";position:absolute;left:50%;top:-11px;width:22px;height:22px;margin-left:-11px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#e05a4f,#a02a22);box-shadow:0 2px 3px rgba(0,0,0,.25)} .otv-kicker{margin:0 0 6px;font:700 12px/1.2 'Helvetica Neue',Arial,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:#9E1B32} .otv h2{margin:0 0 10px;font:400 clamp(26px,3.4vw,36px)/1.12 Georgia,'DejaVu Serif',serif;color:#1c1c1c;border:0} .otv-stand{margin:0 0 16px;font:italic 17px/1.55 Georgia,'DejaVu Serif',serif;color:#333} .otv-list{list-style:none;counter-reset:otv;margin:0;padding:0;display:grid;gap:12px 22px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))} .otv-list li{counter-increment:otv;position:relative;padding:10px 0 10px 46px;border-top:1px dashed #cdbf9f} .otv-list li::before{content:counter(otv);position:absolute;left:0;top:10px;width:34px;height:34px;border-radius:50%;background:#1c1c1c;color:#fff;font:700 16px/34px Georgia,serif;text-align:center} .otv-name{font:700 18px/1.25 Georgia,'DejaVu Serif',serif;color:#9E1B32} .otv-el{display:block;font:15px/1.3 Georgia,serif;color:#444} .otv-area{display:block;margin:2px 0 4px;font:700 11.5px/1.3 'Helvetica Neue',Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#595959} .otv-line{display:block;font-size:15px;line-height:1.5;color:#222} .otv-credit{margin:16px 0 0;padding-top:10px;border-top:1px solid #e6dcc6;font:italic 13.5px/1.5 Georgia,serif;color:#4a4a4a} .vfeat{margin:0;font:italic 14px/1.4 Georgia,serif} .vfeat a{color:#9E1B32} .vnote{margin:0;font-size:13.5px;line-height:1.45;color:#4a4a4a;background:#faf6ea;border-left:3px solid #d8c48a;padding:6px 10px} .vphone{margin:0;font-size:14px;color:#333} /* 2. the visitors' book */ .theme-noticeboard .bw-book{position:relative} .theme-noticeboard .bw-book .pickhow{background:#fffef8;background-image:repeating-linear-gradient(#fffef8 0 27px,#dfe8f1 27px 28px);border:1px solid #e3d9bf;border-left:6px double #c9b98f;border-radius:2px;padding:22px 22px 14px 26px;box-shadow:0 8px 18px rgba(40,30,10,.08)} .theme-noticeboard .bw-book .pickhow::after{content:"";position:absolute;right:26px;top:-6px;width:16px;height:46px;background:#9E1B32;clip-path:polygon(0 0,100% 0,100% 100%,50% 82%,0 100%)} .theme-noticeboard .bw-book .pickhow{position:relative} .theme-noticeboard .bwcard{background:#fffef8;border:1px solid #e3d9bf;border-top:3px solid #c9b98f;border-radius:2px} .theme-noticeboard .bwcard h3{font-family:Georgia,'DejaVu Serif',serif} .theme-noticeboard .bw-best{border-color:#2f7d4f!important;color:#1f5e3a!important;background:#f1f8f3!important} .theme-noticeboard .bw-worst{border-color:#b03a2e!important;color:#8e2b22!important;background:#fbf1ef!important} .theme-noticeboard .bw-rules{counter-reset:bwr;list-style:none;padding:0;margin:0 0 16px} .theme-noticeboard .bw-rules li{counter-increment:bwr;position:relative;padding:8px 0 8px 40px;border-bottom:1px solid #ece4cf;background:#fff} .theme-noticeboard .bw-rules li::before{content:counter(bwr);position:absolute;left:4px;top:8px;width:26px;height:26px;border:2px solid #9E1B32;border-radius:50%;font:700 14px/22px Georgia,serif;text-align:center;color:#9E1B32} .bw-stamps{display:block;width:220px;max-width:70%;height:auto;margin:0 0 10px} /* 3. search, the map room index */ .sx-page .sx-form{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 10px;max-width:720px} .sx-page .sx-form input{flex:1 1 260px;min-width:0;font:17px/1.3 -apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;padding:11px 14px;border:2px solid #0B6E99;border-radius:28px;background:#fff;color:#1c1c1c} .sx-page .sx-form button{flex:0 0 auto;font:700 15px/1.2 -apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;padding:11px 20px;border:2px solid #0B6E99;border-radius:28px;background:#0B6E99;color:#fff;cursor:pointer} svg.sx-lens{display:block;width:120px;max-width:40%;height:auto;margin:0 auto 8px} .sx-page .sx-status{font-size:15px;color:#333;margin:6px 0 12px} .sx-page .sx-results{list-style:none;margin:0 0 24px;padding:0;display:grid;gap:10px} .sx-page .sx-results li{background:#fff;border:1px solid #cfe0ea;border-left:5px solid #0B6E99;border-radius:4px;padding:10px 14px;box-shadow:0 1px 0 #e3edf3} .sx-page .sx-results li.sx-venue{border-left-color:#B3122E} .sx-page .sx-results a{font:700 17px/1.3 Georgia,'DejaVu Serif',serif;color:#0B5E86} .sx-page .sx-results .sx-kind{display:block;margin:2px 0 0;font:700 11.5px/1.3 'Helvetica Neue',Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#595959} .sx-page .sx-results .sx-desc{display:block;margin:4px 0 0;font-size:14.5px;line-height:1.45;color:#333} .sx-page .sx-more{font:700 15px/1.2 -apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;padding:9px 16px;border:2px solid #0B6E99;border-radius:24px;background:#fff;color:#0B5E86;cursor:pointer;margin:0 0 20px} .sx-page .sx-all h3{margin:18px 0 6px} .sx-page .sx-all ul{columns:2 240px;column-gap:28px;margin:0;padding-left:18px} .sx-page .sx-all li{break-inside:avoid;margin:0 0 4px} /* the search page sits in the Explore map world; its kicker names the page */ .theme-topo main:has(.sx-page){--kick:"Search the guide"} html[lang="el"] .theme-topo main:has(.sx-page){--kick:"Αναζήτηση στον οδηγό"} /* NIGHT v20 (11 Oct 2026, 19:30 slot): two deeper section worlds. Sport: match day at the stadium (floodlight glow, halfway line, big screen, ticket stubs, scoreboard headings). Parks and beaches: a field guide with the yellow frame (framed title, specimen cards, trail notes, a tide table). Light pages, AA body text on plain light panels, original CSS and SVG only. */ .theme-sport main .pagelead{position:relative;padding:8px 0 12px;background:radial-gradient(ellipse 46% 120px at 12% 0,#FFF3BF 0,rgba(255,243,191,0) 100%),radial-gradient(ellipse 46% 120px at 88% 0,#FFF3BF 0,rgba(255,243,191,0) 100%);border-bottom:3px solid #1F7A3A} .theme-sport main .pagelead h1::after{content:"";display:block;height:18px;margin-top:8px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 18'%3E%3Cg fill='none' stroke='%231F7A3A' stroke-width='2'%3E%3Cpath d='M0 9H101M139 9H240'/%3E%3Ccircle cx='120' cy='9' r='8'/%3E%3Ccircle cx='120' cy='9' r='1.6' fill='%231F7A3A'/%3E%3C/g%3E%3C/svg%3E") left center/240px 18px no-repeat} .theme-sport main .wslegend{position:relative;background:#FFFFFF;border:2px solid #0F1B12;border-radius:8px;padding:12px 14px 12px 50px;box-shadow:5px 5px 0 #1F7A3A;color:#0F1B12} .theme-sport main .wslegend::before{content:"";position:absolute;left:12px;top:12px;width:26px;height:26px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cg fill='none' stroke='%230F1B12' stroke-width='1.8' stroke-linecap='round'%3E%3Crect x='4' y='3' width='18' height='21' rx='2'/%3E%3Cpath d='M9 3V1.5H17V3M8 10H18M8 14H18M8 18H14'/%3E%3C/g%3E%3C/svg%3E") center/26px no-repeat} .theme-sport main .wsbanner{border:7px solid #141414;border-radius:12px;box-shadow:0 0 0 2px #FFC93C,0 10px 24px rgba(15,27,18,.18)} .theme-sport main .evrow{background:#FFFFFF;border:1px solid #CFE0D2;border-radius:10px;box-shadow:0 3px 0 #E2EEE4;overflow:hidden} .theme-sport main .evbody{border-left:2px dashed #9BBF9F;padding-left:16px} .theme-sport main h2{display:inline-block;background:#141414;color:#FFFFFF;padding:5px 14px 5px 12px;border-radius:4px;letter-spacing:.05em;text-transform:uppercase;box-shadow:inset 0 -3px 0 #FFC93C} .theme-sport main section::after{content:"";display:block;height:26px;margin-top:28px;background:linear-gradient(#FFFFFF,#FFFFFF) 0 11px/100% 2px no-repeat,repeating-linear-gradient(90deg,#3E8E4E 0 60px,#357C43 60px 120px)} @media (min-width:1100px){.theme-sport main section{background:linear-gradient(90deg,#F1F7F2 0 22px,rgba(241,247,242,0) 22px calc(100% - 22px),#F1F7F2 calc(100% - 22px))}} .theme-nature main .wrap>h1{display:inline-block;padding:10px 18px;border:7px solid #FFC20E;background:#FFFFFF;color:#1F2A1C} .theme-nature main .card{position:relative;background:#FFFDF6;border:1px solid #E6DDC0;border-top:4px solid #FFC20E;border-radius:6px} .theme-nature main .card::after{content:"";position:absolute;top:10px;right:10px;width:22px;height:22px;opacity:.85;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cg fill='none' stroke='%237E9A62' stroke-width='1.5' stroke-linecap='round'%3E%3Cpath d='M3 19C3 9 9 3 19 3C19 13 13 19 3 19Z'/%3E%3Cpath d='M3 19L14 8M8 14H12M10 12V8'/%3E%3C/g%3E%3C/svg%3E") center/22px no-repeat} .theme-nature main .card h3{padding-right:30px} .theme-nature main .card h3::before{content:"";display:block;width:36px;height:3px;background:#7E9A62;margin-bottom:6px} .theme-nature main .bnote{position:relative;background:#FFFFFF;border:2px dashed #7E9A62;border-radius:12px;padding:12px 14px 12px 54px;color:#1F2A1C} .theme-nature main .bnote::before{content:"";position:absolute;left:14px;top:12px;width:28px;height:28px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Cg fill='none' stroke='%232F5A28' stroke-width='1.6'%3E%3Ccircle cx='14' cy='14' r='12'/%3E%3Cpath d='M14 4L17 14L14 24L11 14Z' fill='%23FFC20E'/%3E%3Cpath d='M4 14H7M21 14H24'/%3E%3C/g%3E%3C/svg%3E") center/28px no-repeat} .theme-nature main .btable thead th{background:#E8F3F7;color:#123C4A;border-bottom:3px solid #2F7A94} .theme-nature main .btable tbody tr:nth-child(even){background:#FBF6E6} .theme-nature main .btable caption{caption-side:top;padding-bottom:22px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 14'%3E%3Cpath d='M0 7Q10 1 20 7T40 7T60 7T80 7T100 7T120 7' fill='none' stroke='%232F7A94' stroke-width='2'/%3E%3C/svg%3E") left bottom/120px 14px no-repeat} @media (min-width:1100px){.theme-nature main section{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'%3E%3Cg fill='none' stroke='%23C9D8B6' stroke-width='1.4'%3E%3Cpath d='M8 52C8 26 26 8 52 8C52 34 34 52 8 52Z'/%3E%3Cpath d='M8 52L36 24'/%3E%3C/g%3E%3C/svg%3E") right 10px top 140px/56px no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 20'%3E%3Cpath d='M0 10Q10 2 20 10T40 10T60 10T80 10' fill='none' stroke='%23BFDCE6' stroke-width='2'/%3E%3C/svg%3E") left 8px bottom 60px/80px 20px no-repeat}} /* NIGHT v21 (12 Oct 2026, 01:30 slot): two deeper section worlds. Sights: a walk through a museum hall (marble floor strip, spotlight pools over each exhibit, a framed exhibit with a museum wall label and a room number, velvet rope stanchions under the intro). Festivals: an evening at a village panigyri (a string of warm bulbs under the title, folk cross stitch rules, a gingham tablecloth edge on each dated row, paper lantern headings). Light pages, AA body text on plain light panels, original CSS and SVG only, no animation. */ .theme-history main{counter-reset:mgch exhibit} .theme-history main .intro::after{content:"";display:block;height:34px;margin-top:16px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 260 34'%3E%3Cg fill='%23B08A3E'%3E%3Crect x='8' y='6' width='5' height='24' rx='2'/%3E%3Crect x='247' y='6' width='5' height='24' rx='2'/%3E%3Ccircle cx='10.5' cy='5' r='4'/%3E%3Ccircle cx='249.5' cy='5' r='4'/%3E%3Crect x='3' y='29' width='15' height='4' rx='2'/%3E%3Crect x='242' y='29' width='15' height='4' rx='2'/%3E%3C/g%3E%3Cpath d='M13 9Q130 34 247 9' fill='none' stroke='%238C1D2B' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E") left center/260px 34px no-repeat} .theme-history main .grid{gap:34px 28px;padding-bottom:44px;background:linear-gradient(180deg,rgba(248,243,231,0) calc(100% - 30px),#E9E1D2 calc(100% - 30px),#F4EFE6 100%)} .theme-history main .card{counter-increment:exhibit;position:relative;background:#FFFFFF;border:1px solid #D8C9A6;border-top:1px solid #D8C9A6;box-shadow:0 0 0 6px #FFFFFF,0 0 0 7px #CDB98A,0 18px 26px -18px rgba(46,34,22,.45);margin-top:26px} .theme-history main .card::before{content:"";position:absolute;left:8%;right:8%;top:-34px;height:40px;background:radial-gradient(ellipse 50% 100% at 50% 0,rgba(255,236,170,.55),rgba(255,236,170,0) 70%);pointer-events:none} .theme-history main .card .body{position:relative;border-left:0;background:#FFFDF8;border-top:1px solid #E6DCC6;padding-top:30px} .theme-history main .card .body::before{content:"Room " counter(exhibit,decimal-leading-zero);position:absolute;top:8px;left:14px;font:700 11px/1 'Helvetica Neue',Arial,'DejaVu Sans',sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#6B4423} .theme-history main .card .body::after{content:"";position:absolute;top:10px;right:14px;width:40px;height:2px;background:#B08A3E} .theme-history main .card h3{color:#2E2216} .theme-history main .card .credit{border-top:1px dotted #CDB98A;padding-top:6px} @media (min-width:1180px){.theme-history main .wrap{background:radial-gradient(ellipse 120px 60px at 0 0,rgba(255,236,170,.35),rgba(255,236,170,0)) left top/240px 120px no-repeat,radial-gradient(ellipse 120px 60px at 100% 0,rgba(255,236,170,.35),rgba(255,236,170,0)) right top/240px 120px no-repeat}} html[lang="el"] .theme-history main .card .body::before{content:"Αίθουσα " counter(exhibit,decimal-leading-zero)} .theme-festival main .fe-top::after{content:"";display:block;height:30px;margin-top:6px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 30'%3E%3Cpath d='M0 4Q30 16 60 4T120 4' fill='none' stroke='%235A4632' stroke-width='1.2'/%3E%3Cg%3E%3Cpath d='M15 9v4' stroke='%235A4632' stroke-width='1.2'/%3E%3Cellipse cx='15' cy='19' rx='5' ry='6.5' fill='%23FFD966' stroke='%23C9962B' stroke-width='1'/%3E%3Cpath d='M45 9v4' stroke='%235A4632' stroke-width='1.2'/%3E%3Cellipse cx='45' cy='19' rx='5' ry='6.5' fill='%23FFE9A8' stroke='%23C9962B' stroke-width='1'/%3E%3Cpath d='M75 9v4' stroke='%235A4632' stroke-width='1.2'/%3E%3Cellipse cx='75' cy='19' rx='5' ry='6.5' fill='%23FFD966' stroke='%23C9962B' stroke-width='1'/%3E%3Cpath d='M105 9v4' stroke='%235A4632' stroke-width='1.2'/%3E%3Cellipse cx='105' cy='19' rx='5' ry='6.5' fill='%23FFE9A8' stroke='%23C9962B' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E") 0 0/120px 30px repeat-x} .theme-festival main h2::after{content:"";display:block;margin:10px 0 0;width:min(320px,100%);height:10px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 10'%3E%3Cg stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M2 2L8 8M8 2L2 8' stroke='%23C2185B'/%3E%3Cpath d='M12 2L18 8M18 2L12 8' stroke='%231D4E9E'/%3E%3C/g%3E%3C/svg%3E") 0 0/20px 10px repeat-x} .theme-festival main h2[style*="center"]::after{margin-left:auto;margin-right:auto} .theme-festival main .evrow{position:relative;background:#FFFFFF;border:1px solid #F0D9C4;border-left:0;box-shadow:0 3px 0 #FBE7D3;padding-left:16px} .theme-festival main .evrow::before{content:"";position:absolute;left:0;top:0;bottom:0;width:10px;background:repeating-linear-gradient(0deg,rgba(194,24,91,.55) 0 5px,rgba(194,24,91,.18) 5px 10px),repeating-linear-gradient(90deg,rgba(194,24,91,.35) 0 5px,rgba(255,255,255,0) 5px 10px);background-blend-mode:multiply} .theme-festival main .evbody{background:#FFFFFF} .theme-festival main .card{position:relative;background:#FFFDF7;border:1px solid #F0D9C4;border-top:4px solid #C2185B} .theme-festival main .card::after{content:"";position:absolute;top:-14px;right:16px;width:22px;height:28px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 28'%3E%3Cpath d='M11 0v5' stroke='%235A4632' stroke-width='1.2'/%3E%3Cpath d='M4 8h14l-2 14H6Z' fill='%23FF6F59' stroke='%23A3134C' stroke-width='1'/%3E%3Cpath d='M5 13h12M5.6 18h10.8' stroke='%23FFE9A8' stroke-width='1.2'/%3E%3Crect x='8' y='5' width='6' height='3' rx='1' fill='%235A4632'/%3E%3C/svg%3E") center/22px 28px no-repeat} @media (min-width:1180px){.theme-festival main section{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23F3C9D9' stroke-width='1.4'%3E%3Cpath d='M12 3L21 12L12 21L3 12Z'/%3E%3Cpath d='M9 9L15 15M15 9L9 15'/%3E%3C/g%3E%3C/svg%3E") left 10px top 120px/24px 24px repeat-y,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23C9D6EE' stroke-width='1.4'%3E%3Cpath d='M12 3L21 12L12 21L3 12Z'/%3E%3Cpath d='M9 9L15 15M15 9L9 15'/%3E%3C/g%3E%3C/svg%3E") right 10px top 120px/24px 24px repeat-y}}