/* Theme Name: Marco Chiorboli Template: generatepress Version: 1.0 Description: Tema figlio per marcochiorboli.it */ :root{ --mc-testo:#1b1b1b; --mc-testo-tenue:#55524d; --mc-oro:#B45309; --mc-carta:#f6f4f0; --mc-bordo:#e2ded6; } body{color:var(--mc-testo);font-size:18px;line-height:1.65;} .entry-content > *{max-width:none;} /* ---------- APERTURA ---------- */ .mc-hero{min-height:78vh;display:flex;align-items:center;} .mc-hero .wp-block-cover__inner-container{max-width:1100px;margin-inline:auto;padding:0 24px;} .mc-hero h1{font-size:clamp(2.1rem,4.6vw,3.9rem);line-height:1.08;letter-spacing:-.02em;margin:0 0 .4em;font-weight:800;} .mc-hero .mc-sottotitolo{font-size:clamp(1.25rem,2.3vw,1.9rem);font-weight:600;line-height:1.25;margin:0 0 1.1em;color:#fff;opacity:.95;} .mc-hero p{font-size:1.08rem;max-width:44ch;} .mc-hero .mc-firma{font-size:1rem;opacity:.88;border-left:3px solid var(--mc-oro);padding-left:16px;margin-top:1.8em;} /* ---------- SEZIONI ---------- */ .mc-sezione{padding:clamp(56px,8vw,104px) 24px;} .mc-sezione--carta{background:var(--mc-carta);} .mc-sezione--scura{background:#16181a;color:#f2f0ec;} .mc-sezione--scura h2,.mc-sezione--scura h3{color:#fff;} .mc-dentro{max-width:1100px;margin-inline:auto;} .mc-stretto{max-width:720px;margin-inline:auto;} h2{font-size:clamp(1.7rem,3.2vw,2.6rem);line-height:1.15;letter-spacing:-.015em;font-weight:800;margin:0 0 .7em;} h3{font-size:clamp(1.2rem,2vw,1.5rem);line-height:1.25;font-weight:700;margin:0 0 .5em;} .mc-occhiello{text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;font-weight:700;color:var(--mc-oro);margin:0 0 1.2em;} /* ---------- NUMERI ---------- */ .mc-numeri{display:flex;flex-wrap:wrap;gap:0;border-top:1px solid var(--mc-bordo);border-bottom:1px solid var(--mc-bordo);} .mc-numeri > div{flex:1 1 180px;padding:26px 20px;border-right:1px solid var(--mc-bordo);} .mc-numeri > div:last-child{border-right:0;} .mc-numeri strong{display:block;font-size:1.9rem;font-weight:800;line-height:1;color:var(--mc-testo);} .mc-numeri span{display:block;font-size:.92rem;color:var(--mc-testo-tenue);margin-top:.45em;} /* ---------- TRE COSE ---------- */ .mc-tre{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:38px;} .mc-tre > div{border-top:3px solid var(--mc-oro);padding-top:20px;} /* ---------- PORTE ---------- */ .mc-porte{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2px;background:var(--mc-bordo);} .mc-porte a{display:block;background:#fff;padding:30px 26px;text-decoration:none;color:inherit;transition:background .15s;} .mc-porte a:hover{background:var(--mc-carta);} .mc-porte strong{display:block;font-size:1.12rem;font-weight:700;line-height:1.3;margin-bottom:.5em;} .mc-porte span{color:var(--mc-testo-tenue);font-size:.98rem;} /* ---------- CANTIERI ---------- */ .mc-cantieri{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;} .mc-cantieri figure{margin:0;} .mc-cantieri img{width:100%;height:230px;object-fit:cover;display:block;} .mc-cantieri h3{margin-top:18px;} .mc-cantieri p{color:var(--mc-testo-tenue);font-size:1rem;} /* ---------- TESTIMONIANZE ---------- */ .mc-voci{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:28px;} .mc-voci blockquote{margin:0;padding:26px;background:#fff;border-left:3px solid var(--mc-oro);font-size:1rem;} .mc-sezione--carta .mc-voci blockquote{background:#fff;} .mc-voci cite{display:block;margin-top:14px;font-style:normal;font-weight:700;font-size:.9rem;} .mc-voci cite span{display:block;font-weight:400;color:var(--mc-testo-tenue);} /* ---------- BOTTONI ---------- */ .mc-azioni{display:flex;flex-wrap:wrap;gap:14px;margin-top:2em;} .mc-btn{display:inline-block;padding:15px 28px;background:var(--mc-oro);color:#fff!important;text-decoration:none;font-weight:700;font-size:1rem;} .mc-btn:hover{background:#8A3F07;} .mc-btn--fantasma{background:transparent;border:1px solid currentColor;color:inherit!important;} .mc-hero .mc-btn--fantasma{color:#fff!important;} /* ---------- MODULO ---------- */ .mc-modulo{background:#fff;padding:32px;border:1px solid var(--mc-bordo);} /* i recapiti accanto alle aree di intervento: chi vuole telefonare non deve scendere fino al piè di pagina, e li trova dove già sta leggendo delle zone */ .mc-recapiti{margin-top:34px;padding-top:26px;border-top:1px solid var(--mc-bordo);} .mc-recapiti p{margin:0 0 .45em;} .mc-recapiti .mc-occhiello{margin-bottom:.9em;} .mc-recapiti-riga{font-size:1.16rem;font-weight:700;line-height:1.5;} .mc-recapiti-riga a{text-decoration:none;} .mc-recapiti-riga a:hover{text-decoration:underline;} .mc-recapiti-sede{font-size:.94rem;color:var(--mc-testo-tenue);line-height:1.5;margin-top:.7em!important;} /* le ancore non atterrano incollate al bordo alto */ [id]{scroll-margin-top:24px;} @media(max-width:600px){ body{font-size:17px;} .mc-hero{min-height:64vh;} .mc-numeri > div{flex:1 1 50%;border-bottom:1px solid var(--mc-bordo);} } /* ---------- LE PORTE: devono dire che si aprono ---------- */ .mc-porte a{position:relative;padding-bottom:56px;} .mc-porte a::after{ content:"Leggi l'articolo →"; position:absolute;left:26px;bottom:24px; font-size:.9rem;font-weight:700;color:var(--mc-oro); letter-spacing:.01em; } .mc-porte a:hover::after{text-decoration:underline;} .mc-porte a:hover strong{color:var(--mc-oro);} .mc-porte a{border-left:3px solid transparent;} .mc-porte a:hover{border-left-color:var(--mc-oro);} /* ---------- I CANTIERI: schede cliccabili ---------- */ .mc-cantieri a.mc-scheda{ display:block;text-decoration:none;color:inherit;background:#fff; border:1px solid var(--mc-bordo);transition:box-shadow .15s,transform .15s; } .mc-cantieri a.mc-scheda:hover{box-shadow:0 10px 28px rgba(0,0,0,.13);transform:translateY(-3px);} .mc-cantieri a.mc-scheda .mc-testo{padding:22px 24px 26px;} .mc-cantieri a.mc-scheda h3{margin:0 0 .45em;} .mc-cantieri a.mc-scheda .mc-vaialla{ display:inline-block;margin-top:14px;font-weight:700;font-size:.9rem;color:var(--mc-oro); } .mc-cantieri a.mc-scheda:hover .mc-vaialla{text-decoration:underline;} .mc-cantieri img{height:210px;} /* ---------- correzione: la riga "Leggi l'articolo" si stacca sempre ---------- */ .mc-porte a{display:flex;flex-direction:column;padding:30px 26px 28px;} .mc-porte a::after{ position:static;margin-top:auto;padding-top:22px; border-top:1px solid var(--mc-bordo); margin-bottom:0; } .mc-porte a span{margin-bottom:26px;display:block;} .mc-porte a:hover::after{border-top-color:var(--mc-oro);} /* ---------- PAGINE CANTIERE ---------- */ .mc-caso-hero{background-size:cover;background-position:center;color:#fff;padding:clamp(70px,12vw,150px) 24px clamp(50px,8vw,90px);} .mc-caso-hero h1{font-size:clamp(2rem,4.4vw,3.4rem);line-height:1.08;font-weight:800;margin:0 0 .5em;color:#fff;} .mc-caso-hero .mc-occhiello{color:#f0c48a;} .mc-caso-sommario{font-size:clamp(1.05rem,1.7vw,1.35rem);max-width:56ch;line-height:1.5;margin:0;} .mc-figura{margin:38px 0;} .mc-figura img{width:100%;height:auto;display:block;} .mc-figura figcaption{font-size:.92rem;color:var(--mc-testo-tenue);padding-top:10px;border-top:1px solid var(--mc-bordo);margin-top:10px;} .mc-dati{display:flex;flex-wrap:wrap;gap:0;border-top:2px solid var(--mc-oro);border-bottom:1px solid var(--mc-bordo);margin-top:46px;} .mc-dati > div{flex:1 1 108px;padding:18px 12px;border-right:1px solid var(--mc-bordo);} .mc-dati > div:last-child{border-right:0;} .mc-dati strong{display:block;font-size:1.35rem;font-weight:800;line-height:1;} .mc-dati span{display:block;font-size:.82rem;color:var(--mc-testo-tenue);margin-top:.45em;} .mc-altri{background:var(--mc-carta);padding:clamp(48px,7vw,80px) 24px;} .mc-altri .mc-porte a{padding:26px;} /* ---------- niente blu di serie: link e menu nella palette ---------- */ a{color:var(--mc-oro);} a:hover{color:#8A3F07;} .main-navigation a, .main-navigation .menu-toggle{color:var(--mc-testo)!important;} .main-navigation a:hover, .main-navigation .current-menu-item > a{color:var(--mc-oro)!important;} .site-info a, .site-footer a{color:var(--mc-testo-tenue);} .entry-content a{color:var(--mc-oro);text-decoration:underline;text-underline-offset:3px;} /* al passaggio del mouse i bottoni si accendono invece di spegnersi */ .mc-btn:hover{background:#C2410C;} /* ---------- LIBRO E GUIDA con le copertine ---------- */ .mc-libri{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:48px;} .mc-libro{display:grid;grid-template-columns:118px 1fr;gap:24px;align-items:start;} .mc-libro img{width:100%;height:auto;display:block;box-shadow:0 12px 30px rgba(0,0,0,.45);} .mc-libro h3{margin-top:0;} @media(max-width:520px){.mc-libro{grid-template-columns:96px 1fr;gap:18px;}} /* tre regali: si dice a chi serve ciascuno, così non si scelgono a caso */ .mc-libro-a-chi{font-size:.92rem;opacity:.72;font-style:italic;margin-top:-.4em;} /* i bottoni non si sottolineano */ .entry-content a.mc-btn, .mc-btn, .mc-porte a, .mc-cantieri a{text-decoration:none!important;} /* ---------- la squadra, sotto i numeri ---------- */ .mc-squadra-blocco{padding-top:clamp(40px,5vw,64px);padding-bottom:clamp(40px,5vw,64px);} .mc-squadra{margin:34px 0 0;} .mc-squadra img{width:100%;height:auto;display:block;} .mc-squadra figcaption{font-size:.94rem;color:var(--mc-testo-tenue);padding-top:12px;} /* menu: tutte le voci uguali */ .main-navigation .main-nav ul li a, .main-navigation a, nav.main-navigation a{color:var(--mc-testo)!important;} .main-navigation .main-nav ul li a:hover, .main-navigation a:hover{color:var(--mc-oro)!important;} /* ---------- BLOCCHI DENTRO GLI ARTICOLI ---------- */ .mc-regalo{background:var(--mc-carta);border-left:4px solid var(--mc-oro);padding:28px 30px;margin:44px 0;} .mc-regalo h3{margin:0 0 .4em;font-size:1.2rem;} .mc-regalo p{margin:0 0 1em;color:var(--mc-testo-tenue);font-size:1rem;} .mc-regalo .mc-btn{margin-top:4px;} .mc-continua{border-top:1px solid var(--mc-bordo);margin-top:52px;padding-top:30px;} .mc-continua h3{font-size:1.05rem;text-transform:uppercase;letter-spacing:.1em;color:var(--mc-testo-tenue);font-weight:700;margin-bottom:1em;} .mc-continua ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;} .mc-continua li{margin:0;} .mc-continua a{display:block;padding:16px 18px;background:#fff;border:1px solid var(--mc-bordo);text-decoration:none!important;font-weight:700;line-height:1.35;transition:border-color .15s;} .mc-continua a:hover{border-color:var(--mc-oro);} .mc-chiusura{background:#16181a;color:#f2f0ec;padding:36px 32px;margin-top:52px;} .mc-chiusura h3{color:#fff;margin:0 0 .5em;font-size:1.35rem;} .mc-chiusura p{margin:0 0 1.2em;font-size:1.02rem;} .mc-chiusura .mc-modulo{background:transparent;border:0;padding:0;} /* ---------- il modulo di ActiveCampaign nella nostra palette ---------- */ ._form_32 ._submit, ._form ._submit, ._form_element input[type=submit], ._form button[type=submit]{ background:var(--mc-oro)!important;border:0!important;color:#fff!important; font-weight:700!important;font-size:1rem!important;padding:15px 28px!important;border-radius:0!important; } ._form_32 ._submit:hover, ._form ._submit:hover{background:#C2410C!important;} ._form_32 input[type=text], ._form_32 input[type=email], ._form input[type=text], ._form input[type=email], ._form textarea{ border:1px solid var(--mc-bordo)!important;border-radius:0!important;padding:12px 14px!important;font-size:1rem!important; } ._form_32 ._form-label, ._form ._form-label{font-weight:700!important;} .mc-chiusura ._form_32 ._form-label, .mc-chiusura ._form ._form-label{color:#f2f0ec!important;} /* ---------- FONDO PAGINA ---------- */ .mc-piede{text-align:center;line-height:1.7;font-size:.94rem;} .mc-piede p{margin:0 0 .25em;} .mc-piede-nome{font-size:1.05rem;margin-bottom:.5em!important;} .mc-piede a{color:inherit;text-decoration:none;} .mc-piede a:hover{color:var(--mc-oro);text-decoration:underline;} .mc-piede-legale{margin-top:1em!important;font-size:.86rem;opacity:.75;} .site-footer, .site-info{padding:38px 24px!important;} /* ---------- LA STRISCIA VIDEO ---------- */ .mc-video{position:relative;padding-top:56.25%;margin:34px 0 0;background:#16181a;} .mc-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0;} /* ---------- GRIGLIA VIDEO ---------- */ .mc-video-griglia{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:26px;margin:36px 0 0;} .mc-video-carta{display:block;text-decoration:none!important;color:inherit;} .mc-video-carta img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;background:#16181a;transition:opacity .15s;} .mc-video-carta span{display:block;margin-top:12px;font-weight:700;line-height:1.35;font-size:1rem;} .mc-video-carta:hover img{opacity:.86;} .mc-video-carta:hover span{color:var(--mc-oro);} .mc-video-feed{margin-top:34px;} .mc-video-feed .sby_items_wrap{gap:24px!important;} /* ---------- feed YouTube: tolgo l'intestazione del plugin, allineo i bottoni ---------- */ .mc-video-feed .sby_header, .mc-video-feed #sby_header, .mc-video-feed .sby_header_text{display:none!important;} .mc-video-feed .sby_load_btn{background:var(--mc-oro)!important;color:#fff!important;border-radius:0!important;font-weight:700!important;} .mc-video-feed .sby_load_btn:hover{background:#C2410C!important;} .mc-video-feed .sby_follow_btn a, .mc-video-feed .sby_btn{border-radius:0!important;} /* ---------- le altre testimonianze, a scomparsa ---------- */ .mc-altre-voci{margin-top:26px;} .mc-altre-voci summary{cursor:pointer;font-weight:700;color:var(--mc-oro);padding:12px 0;list-style:none;} .mc-altre-voci summary::-webkit-details-marker{display:none;} .mc-altre-voci summary::after{content:" →";} .mc-altre-voci[open] summary::after{content:" ↑";} .mc-altre-voci summary:hover{text-decoration:underline;} .mc-regalo-modulo{margin-top:16px;} /* generico: vale per ogni modulo AC (32 contatti, 34 libretto, 39 checklist) */ .mc-regalo-modulo ._form{max-width:520px;} /* ═══════════════════════════════════════════════════════════════════ IL BLOG Tre numeri, applicati insieme: misura 65-70 caratteri per riga, corpo 19px, interlinea 1.75. Baymard (50-75 car.), Nielsen Norman (18-20px), Bringhurst/WCAG (1.5-1.7). Sbagliarne uno storce gli altri due. ═══════════════════════════════════════════════════════════════════ */ .mc-main{width:100%;min-width:0;} body.single, body.archive, body.blog, body.search, body.page{background:#fff;} /* l'elenco comincia subito dopo le strade: l'aria serve fra le voci, non prima */ .mc-main .mc-strade + .mc-sezione{padding-top:clamp(20px,2.5vw,34px);} .mc-colonna{max-width:44rem;margin-inline:auto;padding-inline:24px;} /* ---------- la testata dell'articolo ---------- */ .mc-articolo-testata{padding:clamp(48px,7vw,88px) 0 clamp(28px,4vw,40px);} .mc-articolo-testata .mc-occhiello{margin-bottom:1em;} .mc-articolo-testata .mc-occhiello a{color:inherit;text-decoration:none;} .mc-articolo-testata .mc-occhiello a:hover{text-decoration:underline;} .mc-articolo-titolo{ font-size:clamp(2rem,4.2vw,3.05rem);line-height:1.1;letter-spacing:-.02em; font-weight:800;margin:0 0 .45em; } .mc-articolo-sommario{ font-size:1.24rem;line-height:1.5;color:var(--mc-testo-tenue); margin:0 0 1.1em;max-width:46ch; } .mc-articolo-dati{ font-size:.92rem;color:var(--mc-testo-tenue);margin:0; padding-top:18px;border-top:1px solid var(--mc-bordo); } /* ---------- la foto dell'articolo ---------- Sta SOTTO il titolo, non sopra: prima si legge di cosa si parla, poi si vede. Un po' più larga della colonna di testo, e bassa: accompagna, non domina. */ .mc-articolo-foto{ max-width:56rem;margin:0 auto clamp(34px,5vw,54px);padding-inline:24px; } .mc-articolo-foto img{ width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;display:block; } .mc-articolo-foto figcaption{ font-size:.92rem;color:var(--mc-testo-tenue);padding-top:10px; border-top:1px solid var(--mc-bordo);margin-top:10px; } @media(max-width:600px){ .mc-articolo-foto{padding-inline:20px;} .mc-articolo-foto img{aspect-ratio:3/2;} } /* ---------- il corpo dell'articolo ---------- */ .mc-articolo .entry-content{ font-size:1.19rem;line-height:1.75;padding-bottom:clamp(40px,6vw,72px); } .mc-articolo .entry-content > p{margin:0 0 1.5em;} .mc-articolo .entry-content > ul, .mc-articolo .entry-content > ol{margin:0 0 1.6em;padding-left:1.3em;} .mc-articolo .entry-content li{margin-bottom:.6em;} .mc-articolo .entry-content li::marker{color:var(--mc-oro);} /* aria sopra i titoli, poca sotto: il titolo appartiene a ciò che introduce */ .mc-articolo .entry-content h2{ font-size:clamp(1.45rem,2.5vw,1.95rem);line-height:1.2; margin:2.4em 0 .55em;letter-spacing:-.01em; } .mc-articolo .entry-content h3{ font-size:clamp(1.15rem,1.8vw,1.35rem);line-height:1.3; margin:2em 0 .5em; } .mc-articolo .entry-content h2:first-child, .mc-articolo .entry-content h3:first-child{margin-top:0;} .mc-articolo .entry-content strong{font-weight:700;} .mc-articolo .entry-content blockquote{ margin:2em 0;padding:4px 0 4px 26px;border-left:3px solid var(--mc-oro); font-size:1.22rem;line-height:1.55;color:var(--mc-testo); } .mc-articolo .entry-content blockquote p:last-child{margin-bottom:0;} .mc-articolo .entry-content img{max-width:100%;height:auto;display:block;} .mc-articolo .entry-content figure{margin:2.4em 0;} .mc-articolo .entry-content figcaption{ font-size:.92rem;color:var(--mc-testo-tenue);padding-top:10px; border-top:1px solid var(--mc-bordo);margin-top:10px; } .mc-articolo .entry-content hr{ border:0;border-top:1px solid var(--mc-bordo);margin:3em 0; } /* i tre blocchi di coda respirano anche dentro la colonna stretta */ .mc-articolo .entry-content .mc-regalo{margin:3em 0;} .mc-articolo .entry-content .mc-continua{margin-top:3.2em;} .mc-articolo .entry-content .mc-chiusura{margin-top:3.2em;} /* ---------- la testata degli archivi ---------- */ .mc-archivio-testata{padding-bottom:clamp(28px,4vw,44px);} .mc-archivio-testata .mc-occhiello a{color:inherit;text-decoration:none;} .mc-archivio-testata .mc-occhiello a:hover{text-decoration:underline;} .mc-archivio-titolo{ font-size:clamp(2rem,4.2vw,3.05rem);line-height:1.1;letter-spacing:-.02em; font-weight:800;margin:0 0 .35em; } .mc-archivio-sommario{ font-size:1.2rem;line-height:1.5;color:var(--mc-testo-tenue); margin:0;max-width:52ch; } /* ---------- le strade ---------- */ .mc-strade{border-top:1px solid var(--mc-bordo);border-bottom:1px solid var(--mc-bordo);} .mc-strade-etichetta{ text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-weight:700; color:var(--mc-testo-tenue);margin:0;padding-top:18px; } .mc-strade ul{ list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:0 28px; } /* una strada senza articoli si vede — è una promessa — ma non finge di essere piena */ .mc-strade a.vuota{opacity:.62;} .mc-strade a.vuota:hover{opacity:1;} .mc-presto{ display:inline-block;margin-left:7px;font-size:.68rem;font-weight:700; text-transform:uppercase;letter-spacing:.1em;color:var(--mc-oro); border:1px solid currentColor;padding:1px 6px;vertical-align:2px; } .mc-strade li{margin:0;} .mc-strade a{ display:block;padding:16px 0;font-size:.98rem;font-weight:700; color:var(--mc-testo-tenue);text-decoration:none; border-bottom:3px solid transparent;margin-bottom:-1px; } .mc-strade a:hover{color:var(--mc-oro);} .mc-strade a.attiva{color:var(--mc-testo);border-bottom-color:var(--mc-oro);} /* ---------- l'elenco degli articoli ---------- */ .mc-elenco{max-width:48rem;} .mc-elenco .mc-scheda{border-bottom:1px solid var(--mc-bordo);} .mc-elenco .mc-scheda:first-child{border-top:1px solid var(--mc-bordo);} .mc-scheda a{ display:block;text-decoration:none!important;color:inherit; padding:30px 0;transition:padding-left .15s; } .mc-scheda a:hover{padding-left:10px;} .mc-scheda-cat{ display:block;text-transform:uppercase;letter-spacing:.14em; font-size:.74rem;font-weight:700;color:var(--mc-oro);margin-bottom:.7em; } .mc-scheda-titolo{ font-size:clamp(1.25rem,2.2vw,1.6rem);line-height:1.25;font-weight:700; margin:0 0 .45em;letter-spacing:-.01em; } .mc-scheda a:hover .mc-scheda-titolo{color:var(--mc-oro);} .mc-scheda-sommario{ font-size:1.04rem;line-height:1.6;color:var(--mc-testo-tenue); margin:0 0 .9em;max-width:62ch; } .mc-scheda-dati{font-size:.88rem;color:var(--mc-testo-tenue);} /* dentro una categoria, ripetere il nome della categoria su ogni scheda è rumore */ body.category .mc-elenco > .mc-scheda .mc-scheda-cat{display:none;} body.category .mc-elenco > .mc-scheda .mc-scheda-titolo{margin-top:0;} /* la griglia a tre, per la coda */ .mc-elenco--tre{ max-width:none;display:grid; grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:0 34px; } .mc-elenco--tre .mc-scheda{border-top:2px solid var(--mc-oro);border-bottom:0;} .mc-elenco--tre .mc-scheda:first-child{border-top:2px solid var(--mc-oro);} .mc-elenco--tre .mc-scheda a{padding:20px 0 26px;} .mc-elenco--tre .mc-scheda a:hover{padding-left:0;} .mc-elenco--tre .mc-scheda-titolo{font-size:1.14rem;} .mc-elenco--tre .mc-scheda-sommario{font-size:.97rem;} /* ---------- la coda: dove andare dopo ---------- */ .mc-coda-titolo{font-size:clamp(1.4rem,2.4vw,1.85rem);margin-bottom:1em;} .mc-coda-strade{margin-top:clamp(40px,5vw,60px);} .mc-coda-strade h3{ font-size:1rem;text-transform:uppercase;letter-spacing:.1em; color:var(--mc-testo-tenue);font-weight:700;margin-bottom:1.1em; } .mc-coda-strade ul{ list-style:none;margin:0;padding:0;display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2px; background:var(--mc-bordo);border:1px solid var(--mc-bordo); } .mc-coda-strade li{margin:0;} .mc-coda-strade a{ display:block;background:#fff;padding:18px 20px; text-decoration:none!important;color:inherit;height:100%; } .mc-coda-strade a:hover{background:var(--mc-carta);} .mc-coda-strade strong{display:block;font-size:1.02rem;line-height:1.3;margin-bottom:.3em;} .mc-coda-strade span{font-size:.86rem;color:var(--mc-testo-tenue);} /* ---------- paginazione ---------- */ .mc-main .navigation.pagination{ margin-top:48px;padding-top:28px;border-top:1px solid var(--mc-bordo); } .mc-main .nav-links{display:flex;flex-wrap:wrap;gap:10px;align-items:center;} .mc-main .page-numbers{ display:inline-block;padding:10px 16px;border:1px solid var(--mc-bordo); text-decoration:none!important;font-weight:700;font-size:.95rem;color:var(--mc-testo); } .mc-main .page-numbers:hover{border-color:var(--mc-oro);color:var(--mc-oro);} .mc-main .page-numbers.current{background:var(--mc-oro);border-color:var(--mc-oro);color:#fff;} .mc-vuoto{color:var(--mc-testo-tenue);font-size:1.08rem;} /* ---------- IL LOGO NELLA TESTATA ---------- Misurato sull'altezza del menu accanto: più alto sbilancia la riga. Il nome e il sottotitolo scritti restano nel codice (li leggono i motori di ricerca e chi naviga con la sintesi vocale) ma non si mostrano: il logo li dice già, e stampati due volte facevano confusione. */ .site-logo img{height:52px;width:auto;display:block;} .site-header .site-branding-container{align-items:center;} .site-header .site-logo + .site-branding{ position:absolute;width:1px;height:1px;overflow:hidden; clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap; } @media(max-width:768px){ .site-logo img{height:44px;} } /* ---------- il banner cookie nella nostra palette (era blu di serie) ---------- */ #cmplz-cookiebanner-container .cmplz-btn.cmplz-accept{ background:var(--mc-oro)!important;border-color:var(--mc-oro)!important; color:#fff!important;border-radius:0!important;font-weight:700!important; } #cmplz-cookiebanner-container .cmplz-btn.cmplz-accept:hover{background:#C2410C!important;border-color:#C2410C!important;} #cmplz-cookiebanner-container .cmplz-btn.cmplz-deny, #cmplz-cookiebanner-container .cmplz-btn.cmplz-view-preferences, #cmplz-cookiebanner-container .cmplz-btn.cmplz-save-preferences{border-radius:0!important;} /* ---------- LE PAGINE DEI REGALI ---------- */ .mc-regalo-pagina{display:grid;grid-template-columns:300px 1fr;gap:56px;align-items:start;} .mc-regalo-copertina{position:sticky;top:32px;} .mc-regalo-copertina img{width:100%;height:auto;display:block;border:1px solid var(--mc-bordo);box-shadow:0 14px 36px rgba(0,0,0,.16);} .mc-regalo-testo{max-width:40rem;font-size:1.09rem;line-height:1.7;} .mc-regalo-testo h1{ font-size:clamp(1.9rem,3.6vw,2.7rem);line-height:1.12;letter-spacing:-.02em; font-weight:800;margin:0 0 .4em; } .mc-regalo-sommario{font-size:1.2rem;line-height:1.5;color:var(--mc-testo-tenue);margin:0 0 1.6em;} .mc-regalo-testo h2{font-size:1.4rem;margin:2.2em 0 .6em;} .mc-regalo-testo ul{padding-left:1.2em;margin:0 0 1.6em;} .mc-regalo-testo li{margin-bottom:.8em;} .mc-regalo-testo li::marker{color:var(--mc-oro);} .mc-regalo-testo .mc-modulo{margin-top:2.4em;} .mc-regalo-testo .mc-modulo h3{margin:0 0 .8em;font-size:1.15rem;} .mc-regalo-nota{font-size:.95rem;color:var(--mc-testo-tenue);margin-top:1.4em;} @media(max-width:860px){ .mc-regalo-pagina{grid-template-columns:1fr;gap:34px;} .mc-regalo-copertina{position:static;max-width:230px;} } /* ---------- telefono ---------- */ @media(max-width:600px){ .mc-colonna{padding-inline:20px;} .mc-articolo .entry-content{font-size:1.09rem;line-height:1.7;} .mc-articolo .entry-content h2{margin-top:2em;} .mc-articolo-sommario{font-size:1.1rem;} .mc-strade ul{gap:0 20px;} .mc-strade a{font-size:.92rem;padding:13px 0;} .mc-scheda a{padding:24px 0;} } /* Le strade del blog stanno in un