.list-doc-content { display: grid; grid-template-columns: repeat(3, 1fr); grid-row-gap: 40px; grid-column-gap: 30px; }
.list-doc-item { background: var(--octonary-color); }
.list-doc-item a { display: block; height: 100%; }
.list-doc-image-wrapper { overflow: hidden; }
.list-doc-image { max-width: 100%; width: 100%; transition: 0.3s linear; aspect-ratio: 16 / 9; object-fit: cover; }
.list-doc-content-wrapper { padding: 20px; }
.list-doc-title { display: block; font-size: var(--plugin-abstract-font); line-height: var(--plugin-abstract-lineheight); font-weight: 500; color: var(--secondary-color); }
.list-doc-subtitle { display: block; margin-top: 8px; }
.list-doc-date-section { display: block; margin-top: 8px; font-weight: 500; }
.list-doc-date-section > .list-doc-date-from,
.list-doc-date-section > .list-doc-date-to { font-size: 1.2rem }
.list-doc-text { margin-top: 15px; line-height: 1.3rem; }

.list-document-wrapper.tag .list-doc-content { grid-template-columns: repeat(4, 1fr); }
.list-document-wrapper.tag .list-doc-content-wrapper { text-align: center; padding: 20px 20px; }

.list-document-wrapper.brands { padding-inline: var(--global-padding-inline); }
.list-document-wrapper.brands .list-doc-content-wrapper { padding-block: 20px; text-align: center; }
.list-document-wrapper.brands .list-doc-content { grid-template-columns: repeat(4, 1fr); gap: 30px; }
.list-document-wrapper.brands .list-doc-title { font-size: calc(var(--plugin-title-font) - 1.3rem); line-height: calc(var(--plugin-title-lineheight) - 1.3rem); }
.list-document-wrapper.brands .list-doc-item { transition: .3s ease-in-out; }
/*hide Clearance from brands*/
.list-document-wrapper.brands .list-doc-item:has(a[href*="clearance-items.aspx"]) { display: none; }
/**/

.list-document-wrapper.grid4 .list-doc-content { grid-template-columns: repeat(4, 1fr); }
.list-document-wrapper.grid4 .list-doc-content-wrapper { padding: 20px; position: absolute; top: 0; width: 100%; height: 100%; background: linear-gradient(155deg, var(--tertiary-color) 0%, transparent 50%); transition: .3s ease-in-out; opacity: 1; }
.list-document-wrapper.grid4 .list-doc-item-link { position: relative; }
.list-document-wrapper.grid4 .list-doc-item-link:before { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: linear-gradient(155deg, var(--tertiary-color), transparent); opacity: 0; pointer-events: none; transition: .3s ease-in-out; z-index: 2; }
.list-document-wrapper.grid4 .list-doc-title { color: #FFF; text-shadow: 1px 1px 2px #000; position: relative; z-index: 3; }

.list-document-wrapper.stretched .list-doc-item { transition: .3s linear; height: 100%; overflow: hidden; }
.list-document-wrapper.stretched .list-doc-item a { display: grid; grid-template-columns: repeat(3,1fr); height: 100%; }
.list-document-wrapper.stretched .list-doc-image-wrapper { overflow: hidden; }
.list-document-wrapper.stretched .list-doc-image { height: 100%; overflow: hidden; aspect-ratio: 1; }
.list-document-wrapper.stretched .list-doc-content { grid-template-columns: repeat(3, 1fr); }
.list-document-wrapper.stretched .list-doc-content-wrapper { grid-column: 2 / span 3; padding: 20px; }

.related-documents-wrapper > *:is(.related-document-parent-108935, .related-document-parent-110501, .related-document-parent-110503, .related-document-parent-108934, .related-document-parent-110875) .list-doc-item a { display: flex; }
.related-documents-wrapper > *:is(.related-document-parent-108935, .related-document-parent-110501, .related-document-parent-110503, .related-document-parent-108934, .related-document-parent-110875) .list-doc-image-wrapper { flex-shrink: 0; width: 200px; }
.related-documents-wrapper > *:is(.related-document-parent-108935, .related-document-parent-110501, .related-document-parent-110503, .related-document-parent-108934, .related-document-parent-110875) .list-doc-image-wrapper img { height: 100%; aspect-ratio: 1 / 1; }
.related-documents-wrapper > *:is(.related-document-parent-108935, .related-document-parent-110501, .related-document-parent-110503, .related-document-parent-108934, .related-document-parent-110875) .list-doc-content-wrapper { padding: 25px 20px; }


/*Video Ufficiali*/
html[data-document="110501"] .list-doc-content:has(img[width="160"]) {gap: 20px;}
html[data-document="110501"] .list-doc-content:has(img[width="160"]) .list-doc-item {min-height: 200px; display: grid;}
html[data-document="110501"] .list-doc-content:has(img[width="160"]) .list-doc-item a {display: flex;}
html[data-document="110501"] .list-doc-content:has(img[width="160"]) .list-doc-item img {height: 100%; width: 100%;}
html[data-document="110501"] .list-doc-content:has(img[width="160"]) .list-doc-item .list-doc-image-wrapper {width: 40%;}
html[data-document="110501"] .list-doc-content:has(img[width="160"]) .list-doc-item .list-doc-content-wrapper {width: 60%; padding: 20px;}

/*
.list-doc-content.old-post-wrapper { gap: 20px; }
.list-doc-item.old-post { min-height: 200px; display: grid; }
.list-doc-item.old-post a { display: flex; }
.list-doc-item.old-post img { height: 100%; width: 100%; }
.list-doc-item.old-post .list-doc-image-wrapper { width: 40% }
.list-doc-item.old-post .list-doc-content-wrapper { width: 60%; padding: 20px; }
*/

/* Exhaust talks */
.list-document-wrapper.list-document-exhaust-talks .list-doc-content { grid-template-columns: repeat(4, 1fr); }
.list-document-wrapper.list-document-exhaust-talks .list-doc-image { display: block; width: 100%; height: unset; aspect-ratio: unset; }
.list-document-wrapper.list-document-exhaust-talks > .list-doc-content > .list-doc-item { display: flex; flex-direction: column; border-radius: 0 0 var(--border-radius) var(--border-radius); overflow: hidden; }

.list-doc-item-bnts-wrapper { display: flex; flex-wrap: wrap; margin-top: auto; }
.list-doc-item-bnts-wrapper > a { flex-basis: 50%; flex-grow: 1; }
.list-doc-item-bnts-wrapper > a.list-doc-item-link { background: var(--secondary-color); }
.list-doc-item-bnts-wrapper > a.list-doc-item-file { background: var(--primary-color); }
.list-doc-item-bnts-wrapper > a { color: #FFF; height: 100%; padding: 10px 10px; font-size: 1.05rem; font-weight: 700; display: flex; width: 100%; justify-content: center; align-items: center; transition: 0.3s linear; }
.list-document-wrapper.external-link.horizontal .list-doc-item-bnts-wrapper > a { border-bottom-left-radius: 0; }
.list-doc-item-bnts-wrapper > a:after { content: '\f15b'; font-size: 1.1rem; font-family: 'Font Awesome 5 Free'; margin-left: 10px; }
.list-doc-item-bnts-wrapper > a[href*=".pdf"]:after { content: '\f1c1'; }
.list-doc-item-bnts-wrapper > a[href*=".jpg"]:after, .list-doc-item-bnts-wrapper > a[href*=".jpeg"]:after, .list-doc-item-bnts-wrapper > a[href*=".png"]:after { content: '\f1c5'; }
.list-doc-btn-link.list-doc-btn-link-item > a:after { content: '\f35a'; }
[data-document="15648"] .list-doc-item-bnts-wrapper > a:after { content: '\f130'; }
.list-doc-item-video .list-doc-item-bnts-wrapper > a:after { content: '\f0a9'; }

@media (pointer:fine) {
    a:not(.list-doc-item-no-link) > .list-doc-item:hover .list-doc-image { transform: scale(1.05); }
    .list-document-wrapper.stretched .list-doc-item:hover { transform: translateY(-5px); box-shadow: 1px 3px 5px 1px rgba(0,0,0,0.5); }
    .list-document-wrapper.brands .list-doc-item:hover { transform: translateY(-5px); box-shadow: 3px 5px 5px rgba(0,0,0,0.5); background-color: var(--secondary-color); }
    .list-document-wrapper.brands .list-doc-item:hover span { color: #FFF; }
    .list-doc-item-bnts-wrapper > a:hover { filter: brightness(120%); }

    .list-document-wrapper.grid4 .list-doc-item-link:hover:before { opacity: 1; }
}

@media (max-width:1600px) {
    .related-documents-wrapper > *:is(.related-document-parent-108935, .related-document-parent-110501, .related-document-parent-110503, .related-document-parent-108934, .related-document-parent-110875) .list-doc-content { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width:1500px) {
    .list-document-wrapper.brands .list-doc-content { grid-template-columns: repeat(3, 1fr); }
    .list-document-wrapper.stretched .list-doc-title { font-size: calc(var(--plugin-abstract-font) - .2rem); line-height: calc(var(--plugin-abstract-lineheight) - .2rem); }
    .list-document-wrapper.grid4 .list-doc-content { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width:1400px) {
    /*Video Ufficiali*/
    html[data-document="110501"] .list-doc-content:has(img[width="160"]) { grid-template-columns: repeat(2,1fr); }
    html[data-document="110501"] .list-doc-content:has(img[width="160"]) .list-doc-item .list-doc-image-wrapper { width: 35% }
    html[data-document="110501"] .list-doc-content:has(img[width="160"]) .list-doc-item .list-doc-content-wrapper { width: 65%; }
}

@media (max-width:1200px) {
    .list-document-wrapper.stretched .list-doc-content { grid-template-columns: repeat(3, 1fr); }
    .list-document-wrapper.stretched .list-doc-item a { display: flex; flex-direction: column; }
    .list-document-wrapper.stretched .list-doc-image { aspect-ratio: 16/9; }
}

@media (max-width:1023px) {
    .list-doc-content, .list-document-wrapper.tag .list-doc-content { grid-template-columns: repeat(2, 1fr); }
    .list-doc-content-wrapper { padding: 25px 25px; }
    .list-doc-title { font-size: 1.2rem; line-height: 1.2; }

    .list-document-wrapper.grid4 .list-doc-content { grid-template-columns: repeat(2, 1fr); }
    .list-document-wrapper.brands .list-doc-content { grid-template-columns: repeat(2, 1fr); }
    .list-document-wrapper.brands .list-doc-title { font-size: calc(var(--plugin-title-font) - 1.2rem); line-height: calc(var(--plugin-title-lineheight) - 1.2rem); }

    .related-documents-wrapper > *:is(.related-document-parent-108935, .related-document-parent-110501, .related-document-parent-110503, .related-document-parent-108934, .related-document-parent-110875) .list-doc-item a { display: block; }
    .related-documents-wrapper > *:is(.related-document-parent-108935, .related-document-parent-110501, .related-document-parent-110503, .related-document-parent-108934, .related-document-parent-110875) .list-doc-image-wrapper { width: 100%; }
    .related-documents-wrapper > *:is(.related-document-parent-108935, .related-document-parent-110501, .related-document-parent-110503, .related-document-parent-108934, .related-document-parent-110875) .list-doc-image-wrapper img { height: auto; aspect-ratio: auto; }

    html[data-document="110501"] .list-doc-content:has(img[width="160"]) .list-doc-item .list-doc-image-wrapper { width: 45% }
    html[data-document="110501"] .list-doc-content:has(img[width="160"]) .list-doc-item .list-doc-content-wrapper { width: 55%; }
}

@media (max-width:840px) {
    .list-document-wrapper.stretched .list-doc-content { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width:767px) {
    /*Video Ufficiali*/
    html[data-document="110501"] .list-doc-content:has(img[width="160"]){ display: flex; flex-direction: column; }
    html[data-document="110501"] .list-doc-content:has(img[width="160"]) .list-doc-item {min-height: 180px;}
    html[data-document="110501"] .list-doc-content:has(img[width="160"]) .list-doc-item .list-doc-title {font-size:1.5rem; line-height: 1.2;}
    html[data-document="110501"] .list-doc-content:has(img[width="160"]) .list-doc-item .list-doc-image-wrapper { width: 30%; width:100%; max-width:180px; aspect-ratio: 1; }
    html[data-document="110501"] .list-doc-content:has(img[width="160"]) .list-doc-item .list-doc-content-wrapper { width: 70%; }
}

@media (max-width:640px) {
    .list-document-wrapper.grid4 .list-doc-content { grid-template-columns: repeat(1, 1fr); }
    .list-document-wrapper.brands .list-doc-content { grid-template-columns: repeat(1, 1fr); }
    .list-document-wrapper.brands .list-doc-title { font-size: calc(var(--plugin-title-font) - .8rem); line-height: calc(var(--plugin-title-lineheight) - .8rem); }
    .list-doc-content, .list-document-wrapper.tag .list-doc-content { grid-template-columns: repeat(1, 1fr); grid-row-gap: 30px; }
    .list-document-wrapper.stretched .list-doc-title { font-size: 1.2rem; line-height: 1.7rem; }
    .list-document-wrapper.stretched .list-doc-content { grid-template-columns: repeat(1, 1fr); gap: 30px; }

    html[data-document="110501"] .list-doc-content:has(img[width="160"]) .list-doc-item {font-size:1.3rem; }
}

@media (max-width:480px) {
    .list-document-wrapper.stretched .list-doc-item a { flex-direction: column; }
    .list-document-wrapper.stretched .list-doc-image { width: 100%; height: unset; aspect-ratio: 16/9; }
    .list-document-wrapper.stretched .list-doc-image-wrapper,
    .list-document-wrapper.stretched .list-doc-content-wrapper { flex-basis: unset; }

    .related-documents-wrapper > *:is(.related-document-parent-108935, .related-document-parent-110501, .related-document-parent-110503, .related-document-parent-108934, .related-document-parent-110875) .list-doc-content { grid-template-columns: repeat(1, 1fr); }

    /*Video Ufficiali*/
    html[data-document="110501"] .list-doc-content:has(img[width="160"]) .list-doc-item {min-height: 150px;}
    html[data-document="110501"] .list-doc-content:has(img[width="160"]) .list-doc-item .list-doc-image-wrapper {max-width: 150px;}
    html[data-document="110501"] .list-doc-content:has(img[width="160"]) .list-doc-item .list-doc-image-wrapper,
    html[data-document="110501"] .list-doc-content:has(img[width="160"]) .list-doc-item .list-doc-content-wrapper { width: 100%; }
    html[data-document="110501"] .list-doc-content:has(img[width="160"]) .list-doc-item .list-doc-title {font-size:1.1rem; }
}

@media (max-width:389px) {
    /*Video Ufficiali*/
    html[data-document="110501"] .list-doc-content:has(img[width="160"]) .list-doc-item a { flex-direction: column; align-items: center; padding-top: 10px; }
    html[data-document="110501"] .list-doc-content:has(img[width="160"]) .list-doc-item a > div { width: 100% !important; max-width: unset; max-height: unset; }
    html[data-document="110501"] .list-doc-content:has(img[width="160"]) .list-doc-item .list-doc-title {text-align: center; }
}