/* 1980s: bold. Still only black and yellow, but loud: thick borders, the name reversed out of a solid black bar, chunky condensed type, starburst flashes. */
@import url('https://fonts.googleapis.com/css2?family=Anton&family=Archivo+Narrow:wght@400;600;700&display=swap');
:root{--paper:#fbee9a;--head:#111}
main.wrap{background-image:radial-gradient(rgba(0,0,0,.05) 1px,transparent 1px);background-size:3px 3px}
.band{background:#111!important;border:0!important}
.band h1{color:#fbee9a!important;font:400 36px/1 Anton,Impact,sans-serif!important;letter-spacing:.02em}
.band span{color:#fbee9a!important}
.sec{background:#111!important;border:0!important}
.sec h2{color:#fbee9a!important;font:400 20px/1.1 Anton,Impact,sans-serif!important;letter-spacing:.04em}
.sec small,.sec a{color:#fbee9a!important}
h2.k{background:#111;color:#fbee9a;border:0;font:400 17px Anton,Impact,sans-serif;letter-spacing:.04em}
.row b{font-weight:700!important}
.ad,.ad.color{border:4px solid #111!important;border-radius:0!important;border-style:solid!important;padding:0 9px 0!important}
.ad:nth-of-type(3n+2){border-width:4px!important}
.ad:nth-of-type(3n){border-radius:0!important}
.ad .top{margin:0 -9px 6px;background:#111;padding:6px 8px 5px}
.ad h3,.ad h3 a{color:#fbee9a!important;font:400 23px/1 Anton,Impact,sans-serif!important;letter-spacing:.03em}
.ad .where{color:#fbee9a!important;border:0!important;margin:3px 0 0!important;font:700 11.5px 'Archivo Narrow',Arial,sans-serif!important}
.ad p{font:600 13px/1.3 'Archivo Narrow',Arial,sans-serif!important}
.ad .chips span{font:700 13px/1.3 'Archivo Narrow',Arial,sans-serif!important}
.ad .chips span:before{border-radius:0;width:6px;height:6px;transform:rotate(45deg)}
.ad .photo{display:none!important}
.ad .tel,.ad.color .tel{background:#111!important;color:#fbee9a!important;font:400 28px/1.1 Anton,Impact,sans-serif!important;letter-spacing:.03em;padding:6px 4px}
.ad .bk{font-weight:700!important}
.ad.full{border-width:6px!important;box-shadow:7px 7px 0 #111;padding:0 12px 12px!important;margin:10px 8px 14px 0!important}
.ad.full .top{margin:0 -12px 8px;padding:10px 12px}
.ad.full h3{font-size:40px!important}
.ad.full .right .tel{font-size:36px!important}
.ribbon{display:none!important}.ad:has(.ribbon){padding-top:0!important}
.filler{background:#111;color:#fbee9a;border:0;font:700 13px 'Archivo Narrow',Arial,sans-serif}
.filler b{font:400 20px/1 Anton,Impact,sans-serif;letter-spacing:.03em}.filler a{color:#fbee9a}
.filler.bubble{border-radius:0;clip-path:polygon(0 0,100% 0,100% 78%,58% 78%,50% 100%,42% 78%,0 78%);padding-bottom:34px}
.searchbar{border:4px solid #111!important}.searchbar label{font:400 17px Anton,Impact,sans-serif;letter-spacing:.04em}
.sbox button{font:400 16px Anton,Impact,sans-serif!important;letter-spacing:.05em;color:#fbee9a!important}
.kc.on{color:#fbee9a!important}

@media(min-width:801px){.ad.full{grid-template-columns:1fr 280px!important}}
@media(max-width:800px){.ad.full{grid-template-columns:1fr!important}}
.ad.sz-quarter h3{background:#111;color:#fbee9a!important;padding:2px 7px}.ad.sz-quarter h3 a{color:#fbee9a!important}
.ad.sz-quarter{border-width:2.5px!important;box-shadow:none!important}
.ad .artbox{color:#111}.ad .top + .artbox{color:#111}
.sec{background-image:none!important;border-radius:0!important;box-shadow:none}
.runhead b{font:400 17px Anton,Impact,sans-serif}
.ad .offer{font-family:Anton,Impact,sans-serif!important;font-weight:400!important;letter-spacing:.04em}.ad .offer.fl-oval,.ad .offer.fl-bubble,.ad .offer.fl-box{background:#fbee9a!important;color:#111!important;border-width:4px!important;clip-path:none!important;padding:10px 16px!important}

/* no photos in this era: the line art IS the picture, large, in the picture column */
.ad.full .fpic .photo{display:none!important}
.ad.full .fpic .artbox{display:block!important}.ad.full .fpic .artbox svg{width:150px;height:150px}
.ad.full.no-art{grid-template-columns:1fr 270px!important}.ad.full.no-art .fpic{display:none}
@media(min-width:801px){.ad.full.has-art{grid-template-columns:190px 1fr 270px!important}}
.display .ad .artbox svg{width:96px;height:96px}
.ad.full .fmain .top{margin:0 0 8px!important}.ad.full{padding:12px!important}.ad.full .fpic .artbox{border:4px solid #111;padding:6px;background:#fbee9a}

/* 2 Oct fixes: same-size adverts look the same; line art is reversed out of the black name band, never hidden under it */
.display .ad,.display .ad:nth-of-type(n){box-shadow:5px 5px 0 #111!important;margin:0 6px 8px 0!important;border-width:4px!important}
.ad.sz-half{position:relative}
.ad.sz-half .artbox{position:absolute;right:8px;top:6px;z-index:3;color:#fbee9a;float:none!important;margin:0!important}
.ad.sz-half .artbox svg{width:64px!important;height:64px!important}
.ad.sz-half.has-art .top{padding-right:84px;min-height:78px;display:flex!important;flex-direction:column;justify-content:center;text-align:left!important}
.ad.sz-quarter .artbox{position:absolute;right:5px;top:24px;float:none!important;margin:0!important}
.ad.sz-quarter{position:relative}
.ad.sz-quarter.has-art p,.ad.sz-quarter.has-art .where{padding-right:40px}
.ad .offer.fl-burst,.ad .offer.fl-star,.ad .offer.fl-seal,.ad .offer.fl-ribbon,.ad .offer.fl-arrow{background:#111!important;color:#fbee9a!important}
.ad .foot{background:#111;color:#fbee9a;border:0}.ad .points{border-width:3px;font-family:Anton,Impact,sans-serif;font-weight:400;letter-spacing:.05em;font-size:14px}.ad .since{border-width:4px;font-family:Anton,Impact,sans-serif;font-weight:400;font-size:20px}
/* 1980s: one ink. Black and the page yellow only. */
.ad,.ad *{border-color:#111!important;outline-color:#111!important}
.ad p,.ad .chips span,.ad .bk{color:#111!important}
.ad .chips span:before{background:#111!important}
.ad.sz-half .artbox{color:#fbee9a!important}
.ad .foot{color:#fbee9a!important}
.ad .where{color:#fbee9a!important}
.ad.sz-quarter .where{color:#111!important}
.ad .cl,.row .cl{color:#111!important}

.ad.sz-half .artbox .artimg{width:86px!important;height:86px!important}
.ad.full .fpic .artbox .artimg{width:100%!important;height:auto!important;aspect-ratio:1 / 1}
.filler.pic.framed b{color:#111!important}
