/* Archivi Blog / Categorie / Tag - v0.7.10 */
.v0710-archive .main-col{min-width:0;}
.v0710-archive .v0710-card{
    display:grid;grid-template-columns:minmax(150px,220px) minmax(0,1fr);
    gap:24px;align-items:start;padding:26px 0;
    border:0;border-bottom:1px solid var(--line,#e4ddd4);
    background:transparent;box-shadow:none;border-radius:0;
}
.v0710-archive .v0710-card:first-child{padding-top:6px}
.v0710-archive .v0710-card--no-image{grid-template-columns:1fr}
.v0710-archive .v0710-thumb{
    display:block;width:100%;aspect-ratio:22/15;overflow:hidden;
    border-radius:16px;background:#efe9e3;
}
.v0710-archive .v0710-thumb img{
    display:block;width:100%;height:100%;object-fit:cover;
    border-radius:16px;transition:transform .2s ease;
}
@media(hover:hover){.v0710-archive .v0710-thumb:hover img{transform:scale(1.025)}}
.v0710-archive .v0710-card-body{min-width:0}
.v0710-archive .v0710-date{font-size:12px;line-height:1.4;color:var(--muted,#756c64);margin:0 0 6px}
.v0710-archive .v0710-card h2{
    font-family:var(--serif,Georgia,serif);font-weight:650;
    font-size:clamp(21px,2.2vw,28px);line-height:1.19;margin:0 0 12px;
}
.v0710-archive .v0710-card h2 a{color:var(--ink,#302824);text-decoration:none}
.v0710-archive .v0710-card h2 a:hover{color:var(--wine,#8f2430)}
.v0710-archive .v0710-summary{font-size:15px;line-height:1.6;margin:0 0 13px;color:var(--ink,#38312d)}
.v0710-archive .v0710-terms{font-size:12px;line-height:1.6;margin:5px 0;color:var(--muted,#6c625d)}
.v0710-archive .v0710-term-label{font-weight:650}
.v0710-archive .v0710-terms a{color:var(--wine,#8f2430);text-decoration:underline;text-underline-offset:2px}
.v0710-archive .v0710-card-footer{
    display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
    gap:10px;font-size:12px;margin-top:12px;color:var(--muted,#766c62)
}
.v0710-archive .v0710-read{color:var(--wine,#8f2430);font-weight:700;text-decoration:none}
.v0710-archive .v0710-read:hover{text-decoration:underline}
.v0710-archive .v0710-pagination{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0}
.v0710-archive .v0710-pagination a{
    border:1px solid var(--line,#e4ddd4);border-radius:8px;
    padding:8px 12px;text-decoration:none;color:var(--ink,#302824)
}
.v0710-archive .v0710-pagination a[aria-current="page"]{background:var(--wine,#8f2430);color:white}
.side-card.v0710-most-read .v0710-most-read-list{margin:10px 0 8px;padding-left:1.35em}
.side-card.v0710-most-read li{padding:10px 0;border-bottom:1px solid var(--line,#e4ddd4)}
.side-card.v0710-most-read li:last-child{border-bottom:0}
.side-card.v0710-most-read li::marker{color:var(--wine,#8f2430);font-weight:700}
.side-card.v0710-most-read .v0710-most-read-link{
    display:flex;align-items:flex-start;gap:10px;
    padding:0!important;border:0!important;text-decoration:none!important
}
.side-card.v0710-most-read img{
    width:64px;height:64px;flex:0 0 64px;object-fit:cover;
    border-radius:11px;background:#eee6df
}
.side-card.v0710-most-read .v0710-most-read-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:5px}
.side-card.v0710-most-read .v0710-most-read-copy strong{font-size:13px;line-height:1.35;color:var(--ink,#302824);font-weight:650;overflow-wrap:anywhere}
.side-card.v0710-most-read .v0710-most-read-copy small{font-size:11px;line-height:1.3;color:var(--muted,#756c64)}
.side-card.v0710-most-read .v0710-most-read-note{font-size:11px;color:var(--muted,#756c64);line-height:1.5;margin-top:14px}
@media(max-width:900px){.v0710-archive .v0710-card{grid-template-columns:160px minmax(0,1fr);gap:17px}}
@media(max-width:600px){
 .v0710-archive .v0710-card{grid-template-columns:115px minmax(0,1fr);gap:12px;padding:20px 0}
 .v0710-archive .v0710-thumb{border-radius:12px;aspect-ratio:4/5}
 .v0710-archive .v0710-thumb img{border-radius:12px}
 .v0710-archive .v0710-card h2{font-size:19px;margin-bottom:9px}
 .v0710-archive .v0710-summary{font-size:13px;line-height:1.45}
}
@media(max-width:390px){
 .v0710-archive .v0710-card{display:block}
 .v0710-archive .v0710-thumb{width:100%;max-height:200px;aspect-ratio:16/9;margin-bottom:14px}
}


/* V0711C - Archivi */
.v0710-archive .v0710-card {
    grid-template-columns:190px minmax(0,1fr);
    gap:25px;
}
.v0710-archive .v0710-thumb,
.v0710-archive .v0710-thumb img {
    width:180px;
    height:180px;
    aspect-ratio:1;
    border-radius:50%;
    object-fit:cover;
    overflow:hidden;
}
.v0710-archive .main-col > .v0710-card:nth-of-type(even) {
    grid-template-columns:minmax(0,1fr) 190px;
}
.v0710-archive .main-col > .v0710-card:nth-of-type(even) .v0710-thumb {
    grid-column:2;
    grid-row:1;
    justify-self:end;
}
.v0710-archive .main-col > .v0710-card:nth-of-type(even) .v0710-card-body {
    grid-column:1;
    grid-row:1;
}
.v0710-archive .v0710-card--no-image {
    grid-template-columns:1fr!important;
}
.v0710-archive .v0710-card h2,
.v0710-archive .v0710-card h2 a {
    color:#a41d2b!important;
    font-weight:500!important;
}
.v0710-archive .v0711-breadcrumb,
.v0710-archive .v0711-breadcrumb a,
.v0710-archive .v0711-breadcrumb strong {
    color:#a41d2b;
}
.v0710-archive .sidebar {
    align-self:start;
    border-top:2px solid #a41d2b;
    padding-top:18px;
}
@media(max-width:700px) {
    .v0710-archive .v0710-card,
    .v0710-archive .main-col > .v0710-card:nth-of-type(even) {
        display:block;
    }
    .v0710-archive .v0710-thumb {
        margin:0 auto 16px;
    }
}

/* v0.7.16 - Allineamento immagini negli articoli */

.content-card {
    display: flow-root;
}

@media (min-width: 768px) {
    .content-card .alignright,
    .content-card img[style*="float: right"],
    .content-card img[style*="float:right"] {
        float: right !important;
        clear: right;
        width: auto !important;
        max-width: 44% !important;
        height: auto !important;
        margin: 4px 0 18px 24px !important;
    }

    .content-card .alignleft {
        float: left !important;
        clear: left;
        width: auto !important;
        max-width: 44% !important;
        margin: 4px 24px 18px 0 !important;
    }

    .content-card figure.alignright img,
    .content-card .wp-caption.alignright img,
    .content-card figure.alignleft img {
        display: block;
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
    }
}

/* Sugli smartphone le immagini tornano centrate */
@media (max-width: 767px) {
    .content-card .alignright,
    .content-card .alignleft {
        float: none !important;
        display: block;
        width: auto !important;
        max-width: 100% !important;
        margin: 16px auto 20px !important;
    }
}

/* v0.7.16b - Immagini iniziali senza allineamento */

@media (min-width: 768px) {
  .content-card > p:first-of-type > img:first-of-type:not(.alignleft):not(.aligncenter):not(.alignright),
  .content-card > img:first-of-type:not(.alignleft):not(.aligncenter):not(.alignright),
  .content-card > p:first-of-type > a:first-child:has(img) {
    float: right !important;
    clear: right;
    display: block;
    width: auto !important;
    max-width: 44% !important;
    height: auto !important;
    margin: 0 0 20px 25px !important;
  }

  .content-card > p:first-of-type > a:first-child:has(img) img {
    display: block;
    width: 100% !important;
    height: auto !important;
  }
}

@media (max-width: 767px) {
  .content-card > p:first-of-type > img:first-of-type,
  .content-card > img:first-of-type {
    float: none !important;
    display: block;
    max-width: 100% !important;
    height: auto !important;
    margin: 12px auto 20px !important;
  }
}

/* ARTICLE_LAYOUT_V0716 - articolo classico, immagini e capolettera */
.content-card.v0716-content::after{content:"";display:block;clear:both}
.content-card.v0716-content img.v0716-auto-right{
    display:block!important;
    float:right!important;
    clear:right;
    width:auto!important;
    max-width:min(44%,320px)!important;
    height:auto!important;
    margin:2px 0 18px 24px!important;
}
.content-card.v0716-content h2,
.content-card.v0716-content h3,
.content-card.v0716-content h4{
    clear:both;
}
.content-card.v0716-content p.v0716-opening::first-letter{
    float:left;
    font-family:Georgia,"Times New Roman",serif;
    font-size:3.55em;
    font-weight:700;
    line-height:.82;
    color:#971d2b;
    margin:.08em .12em .01em 0;
    text-transform:uppercase;
}
.content-card.v0716-content p{line-height:1.72}
@media(max-width:767px){
    .content-card.v0716-content img.v0716-auto-right{
        float:none!important;
        clear:both!important;
        width:auto!important;
        max-width:100%!important;
        margin:12px auto 18px!important;
    }
    .content-card.v0716-content p.v0716-opening::first-letter{font-size:3em}
}