.commodoriani-list-header {
    height: 40vh;
    background: rgb(206,208,222);
    background: -moz-linear-gradient(180deg, rgba(206,208,222,1) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(206,208,222,1) 0%, rgba(255,255,255,1) 100%);
    background: linear-gradient(180deg, rgba(206,208,222,1) 0%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ced0de",endColorstr="#ffffff",GradientType=1);
    display: flex;
    align-items: end;
}
.commodoriani-list-header h1 {
    font-size: var(--sizeH1);
    color: var(--PrimaryBlue);
}




/* sezione list commodoriani */



/* .commodoriani1,.commodoriani2,.commodoriani3,.commodoriani4,.commodoriani5,.commodoriani6,.commodoriani7,.commodoriani8,.commodoriani9 {
} */
/*
.commodoriani1 { 
    grid-area: 1 / 1 / 3 / 2; 

}
.commodoriani2 { 
    grid-area: 1 / 2 / 3 / 3; 

}
.commodoriani3 { 
    grid-area: 1 / 3 / 3 / 4; 

}
.commodoriani4 { 
    grid-area: 3 / 1 / 5 / 2; 

}
.commodoriani5 { 
    grid-area: 3 / 2 / 5 / 3; 

}
.commodoriani6 { 
    grid-area: 3 / 3 / 5 / 4; 

}
.commodoriani7 { 
    grid-area: 5 / 1 / 7 / 2; 

}
.commodoriani8 { 
    grid-area: 5 / 2 / 7 / 3; 

}
.commodoriani9 { 
    grid-area: 5 / 3 / 7 / 4; 

}
*/

/*
.parent-list-commodoriani {
    width: 100%;
    padding: 15px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 15px;
    grid-row-gap: 15px;
}
.parent-list-commodoriani .commodoriani-item {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    padding: 0;
}
*/

.parent-list-commodoriani {
    width: 100%;
    padding: 15px;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    flex-wrap: wrap;
    justify-content: space-between;
    height: 100%;
}
.parent-list-commodoriani .commodoriani-item {
    padding: 0;
    background-color: #e6e6e6;
    margin-top: 15vh !important;

    box-sizing:border-box;
    flex-shrink:0;

    width:100%;
    max-width:100%;
}
.parent-list-commodoriani .commodoriani-item .commodoriani-item__inner {
    display: flex;
    justify-content: stretch;
    align-items: stretch;
    flex-direction: column;
    height: 100%;
}
@media (max-width:360px){
    .parent-list-commodoriani .commodoriani-item {
        flex:0 0 auto;
        width: 100%;
    }
}
@media (min-width:361px){
    .parent-list-commodoriani .commodoriani-item {
        flex:0 0 auto;
        width: calc(50% - 15px);
    }
}
@media (min-width:576px){
    .parent-list-commodoriani .commodoriani-item {
        flex:0 0 auto;
        width: calc(50% - 15px);
    }
}
@media (min-width:1025px){
    .parent-list-commodoriani .commodoriani-item {
        flex:0 0 auto;
        width: calc(33.33333333% - 15px);
    }
}
@media (min-width:1280px){
    .parent-list-commodoriani .commodoriani-item {
        flex:0 0 auto;
        width: calc(25% - 15px);
    }
}
@media (min-width:1440px){
    .parent-list-commodoriani .commodoriani-item {
        flex:0 0 auto;
        width: calc(20% - 15px);
    }
}
@media (min-width: 1921px){
    .parent-list-commodoriani .commodoriani-item {
        flex:0 0 auto;
        width: calc(16.66666667% - 15px);
    }
}
@media (min-width: 2561px){
    .parent-list-commodoriani .commodoriani-item {
        flex:0 0 auto;
        width: calc(12.50% - 15px);
    }
}

.cont-cover-commodoriani {
    width: 100%;
    /*aspect-ratio: 16/9;*/
    margin-bottom: 3dvw;
    overflow: hidden;
}

.cont-cover-commodoriani > img {
    width: 100%;
    height: auto;
    background-color: red;
}



.parent-list-commodoriani h3 {
    font-size: var(--sizeH3);
    margin-bottom: 1dvw;
}

.parent-list-commodoriani p {
    font-size: var(--sizeP);
}
.parent-list-commodoriani p.post_excerpt {
    margin-bottom: 4dvw;
}
.parent-list-commodoriani p.date {
    margin-bottom: 15px;
}

.parent-list-commodoriani .cont-btn {
    margin-top: 1dvw;
    margin-bottom: 3dvw;
    padding-left: 15px !important;
}
.parent-list-commodoriani .cont-btn .btn-nost-b {
    margin-left: 0 !important;
}
/* sezione list commodoriani */




@media (min-width: 981px){
    section.cont-latest-commodoriani .cont-cover-commodoriani {
        display: none !important;
    }
}
@media (max-width: 980px){
    section.cont-latest-commodoriani .ltcommodoriani {
        background-image: none !important;
    }
}



@media (max-width: 768px){      

    h1.commodoriani-title {
        font-size: 10vw!important;
    }

    section.cont-latest-commodoriani {
        width: 100%;
    }
    .parent-latest-commodoriani {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: repeat(3, 1fr);
        grid-column-gap: 15px;
        grid-row-gap: 15px;
        padding: 15px;
    }

    .ltcommodoriani {
        -webkit-box-shadow: 0px 0px 28px -8px rgba(0,0,0,0.3);
        -moz-box-shadow: 0px 0px 28px -8px rgba(0,0,0,0.3);
        box-shadow: 0px 0px 28px -8px rgba(0,0,0,0.3);
    }
    .ltcommodoriani1 { 
        grid-area: 1 / 1 / 2 / 2; 
        aspect-ratio: inherit;
        height: 100vh;
        
    }
    .ltcommodoriani2 { 
        grid-area: 2 / 1 / 3 / 2; 
        aspect-ratio: inherit;
        height: 100vh;
    }
    .ltcommodoriani3 { 
        grid-area: 3 / 1 / 4 / 2; 
        aspect-ratio: inherit;
        height: 100vh;
    }
    
    .ltcommodoriani1, .ltcommodoriani2, .ltcommodoriani3, .ltcommodoriani4 {
        padding: 15px;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }

    .ltcommodoriani1 p, .ltcommodoriani2 p, .ltcommodoriani3 p, .ltcommodoriani4 p {
        text-align: center;
        margin-bottom: 10dvw;
        margin-top: 5dvw;

    }
    
    .ltcommodoriani-title {
        font-size: var(--sizeH2);
        color: var(--pColor);
    }
    
    .ltcommodoriani-desc {
        font-size: var(--sizeP);
        width: 90%;
        margin-bottom: 10vw;
    }
    /* sezione LATEST commodoriani */
    
    /* sezione list commodoriani */
    
    section.cont-list-commodoriani {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    
    .parent-list-commodoriani {
        width: 100%;
        padding: 15px;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: repeat(9, 1fr);
        grid-column-gap: 15px;
        grid-row-gap: 15px;
    }
        

    /* .commodoriani1,.commodoriani2,.commodoriani3,.commodoriani4,.commodoriani5,.commodoriani6,.commodoriani7,.commodoriani8,.commodoriani9 {
    } */
    
    .commodoriani1 { 
        grid-area: 1 / 1 / 2 / 2;; 
    
    }
    .commodoriani2 { 
        grid-area: 2 / 1 / 3 / 2; 
    
    }
    .commodoriani3 { 
        grid-area: 3 / 1 / 4 / 2; 
    
    }
    .commodoriani4 { 
        grid-area: 4 / 1 / 5 / 2; 
    
    }
    .commodoriani5 { 
        grid-area: 5 / 1 / 6 / 2; 
    
    }
    .commodoriani6 { 
        grid-area: 6 / 1 / 7 / 2; 
    
    }
    .commodoriani7 { 
        grid-area: 7 / 1 / 8 / 2; 
    
    }
    .commodoriani8 { 
        grid-area: 8 / 1 / 9 / 2; 
    
    }
    .commodoriani9 { 
        grid-area: 9 / 1 / 10 / 2; 
    
    }
    
    .cont-cover-commodoriani {
        width: 100%;
        aspect-ratio: 16/9;
        margin-bottom: 3dvw;
        overflow: hidden;
    }
    
    .cont-cover-commodoriani > img {
        width: 100%;
        height: auto;
        background-color: red;
    }
    
    .parent-list-commodoriani h3 {
        font-size: var(--sizeH3);
        margin-bottom: 1dvw;
    }
    
    .parent-list-commodoriani p {
        font-size: var(--sizeP);
        margin-bottom: 10dvw;
    }
    
    .parent-list-commodoriani .cont-btn {
        margin-bottom: 10dvw;
    }
        /* sezione list commodoriani */
    
}

.cont-text-commodoriani {
    padding: 0 15px;
}
.cont-text-commodoriani .post_heading {
    margin-bottom: 15px;
}