Leggi tutto", elenco e griglia ===== */ .cmsx5pub-data { font-size:0.85em !important; opacity:0.7 !important; margin:0 0 8px 0 !important; } .cmsx5pub-leggi { display:inline-block !important; margin-top:8px !important; font-weight:600 !important; text-decoration:underline !important; cursor:pointer !important; color:inherit !important; } .cmsx5pub-griglia { --cmsx5-col:3; --cmsx5-min:220px; --cmsx5-gap:20px; display:grid !important; gap:var(--cmsx5-gap) !important; margin:16px 20px 40px 20px !important; grid-template-columns:repeat(auto-fit, minmax(var(--cmsx5-min), 1fr)) !important; grid-template-columns:repeat(auto-fit, minmax(max(var(--cmsx5-min), calc((100% - (var(--cmsx5-col) - 1) * var(--cmsx5-gap)) / var(--cmsx5-col) - 1px)), 1fr)) !important; } .cmsx5pub-griglia.cmsx5pub-col-1 { --cmsx5-col:1; } .cmsx5pub-griglia.cmsx5pub-col-2 { --cmsx5-col:2; } .cmsx5pub-griglia.cmsx5pub-col-4 { --cmsx5-col:4; } .cmsx5pub-griglia > .cmsx5pub-blocco { margin:0 !important; height:100% !important; box-sizing:border-box !important; display:flex !important; flex-direction:column !important; min-width:0 !important; overflow-wrap:break-word !important; } .cmsx5pub-griglia > .cmsx5pub-blocco::after, .cmsx5pub-elenco > .cmsx5pub-blocco::after { display:none !important; } .cmsx5pub-griglia .cmsx5pub-pulsante-contenitore { margin-top:auto !important; padding-top:16px !important; } .cmsx5pub-elenco { margin:16px 20px 40px 20px !important; } .cmsx5pub-elenco > .cmsx5pub-blocco { display:flex !important; align-items:flex-start !important; gap:16px !important; margin:0 0 16px 0 !important; box-sizing:border-box !important; } .cmsx5pub-elenco > .cmsx5pub-blocco:not(.cmsx5pub-scheda-personalizzata) { padding-bottom:16px !important; border-bottom:1px solid rgba(128,128,128,0.3) !important; } .cmsx5pub-voce-img { flex:0 0 130px !important; } .cmsx5pub-elenco .cmsx5pub-voce-img img { margin:0 !important; } .cmsx5pub-voce-corpo { flex:1 1 auto !important; min-width:0 !important; } @media (max-width: 600px) { .cmsx5pub-voce-img { flex-basis:90px !important; } .cmsx5pub-griglia, .cmsx5pub-elenco { margin-left:12px !important; margin-right:12px !important; } } /* ===== Responsive: su telefono le immagini affiancate al testo tornano a tutta larghezza sopra il testo, altrimenti risultano troppo schiacciate ===== */ @media (max-width: 600px) { .cmsx5pub-blocco img { float:none !important; width:100% !important; margin:0 0 12px 0 !important; } .cmsx5pub-riga-esterna { flex-direction:column !important; } .cmsx5pub-riga-esterna > div:first-child { min-height:200px !important; max-width:100% !important; flex-basis:auto !important; } }