/*
Theme Name: Amaie Child - Holding
Description: Child Theme del tema Amaie
Author: presscommtech srl
Author URI: https://www.presscommtech.com/
Template: amaie
Version: 0.1
*/

@import url("../amaie/style.css");

*{
    font-family: Inter, sans-serif;
}

.holdingHeader{
    padding: 30px;
}

.holdingHeader .wp-block-cover{
    border-radius: 45px;
    padding: 90px 90px 60px 90px;
}

.holdingHeader .wp-block-cover .wp-block-cover__inner-container{
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.holdingHeader .wp-block-cover h1{
    color: var(--WHITE);
    font-size: var(--XL4);
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    margin-bottom: 60px;
}

.holdingHeader .wp-block-cover p{
    margin: 0;
}

.holdingHeader .headerHoldingTextContainer{
    display: flex;
    flex-direction: column;
    gap: 60px;
}

.holdingHeader .headerHoldingTextContainer .txtContainer{
    max-width: 50%;
}

.holdingHeader .headerHoldingTextContainer p{
    color: var(--WHITE);
    font-size: var(--M);
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
}

.holdingHeader .holdingHeaderButtonsBottom{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}


.holdingHeader .titleDivider{
    display: flex;
    flex-direction: row;
    gap: 0;
    margin: 0;
    width: 100%;
    align-items: center;
}

.holdingHeader .titleDivider p{
    color: var(--WHITE);
    font-size: var(--XS);
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    margin: 0;
    border: solid 1px var(--WHITE);
    padding: 5px 15px;
    border-radius: 15px;
    white-space: nowrap;
}

.holdingHeader .titleDivider .line{
    width: 100%;
    height: 1px;
    background-color: var(--WHITE);
    margin: 0;
}

.holdingHeader .holdingHeaderButtonsBottom .networkLink{
    display: flex;
    gap: 15px;
    flex-direction: row;
}

.holdingHeader .holdingHeaderButtonsBottom .networkLink .wp-block-button a{
    display: flex;
    height: 89px;
    padding: 0 30px 0 15px;
    align-items: center;
    gap: 15px;
    border-radius: 120px;
    background: var(--WHITE);
    box-shadow: 0 3px 15px 0 rgba(16, 29, 54, 0.10);
    color: var(--BLACK);
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    width: fit-content;
    transition: all 0.3s ease-in-out;
}

.holdingHeader .holdingHeaderButtonsBottom .networkLink .wp-block-button a:hover{
    color: var(--WHITE);
    background-color: var(--BLUE);
}

.holdingHeader .holdingHeaderButtonsBottom .networkLink a:before {
    display: flex;
    width: 60px;
    height: 60px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 45px;
    content: "";
}

.holdingHeader .holdingHeaderButtonsBottom .networkLink a:after{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    width: 20px;
    height: 20px;
    content: "";
    padding-left: 15px;
    transform: rotate(-45deg);
    transition: all ease-in-out .3s;
    /*filter: brightness(0) saturate(100%) invert(12%) sepia(93%) saturate(7478%) hue-rotate(233deg) brightness(94%) contrast(106%);*/
    /*filter: invert(50%) sepia(100%) saturate(7500%) hue-rotate(203deg) brightness(90%) contrast(110%);*/
    /*filter: invert(93%) sepia(100%) saturate(7500%) hue-rotate(203deg) brightness(90%) contrast(110%);*/
    filter: invert(85%) sepia(100%) saturate(7500%) hue-rotate(203deg) brightness(90%) contrast(110%);


    background: url("../amaie/img/icons/arrow_white.svg") no-repeat right;
}

.holdingHeader .holdingHeaderButtonsBottom .networkLink a:hover:after{
    transform: rotate(0deg);
    filter: none;
    width: 35px;
}

.holdingHeader .holdingHeaderButtonsBottom .networkLink .igieneUrbanaBtn a:before {
    background: url(../amaie/img/logos/igiene.svg) center;
    background-size: contain;
}

.holdingHeader .holdingHeaderButtonsBottom .networkLink .mercatoFioriBtn a:before {
    background: url(../amaie/img/logos/mercato.svg) center;
    background-size: contain;
}

.holdingHeader .holdingHeaderButtonsBottom .networkLink .parcoCostieroBtn a:before {
    background: url(../amaie/img/logos/parco.svg) center;
    background-size: contain;
}

.holdingHeader .holdingHeaderButtonsBottom .scrollDown a{
    display: flex;
    width: 90px;
    height: 90px;
    padding: 37px;
    align-items: center;
    background: var(--BLUE);
    font-size: 0;
    transition: all 0.3s ease-in-out;
}

.holdingHeader .holdingHeaderButtonsBottom .scrollDown a:hover{
    background-color: #002cc3;
}

.holdingHeader .holdingHeaderButtonsBottom .scrollDown a:before{
    content: url("../amaie/img/icons/arrow_white_down.svg");
}


.homeMainContent h2{
    font-size: var(--XL3);
    font-style: normal;
    font-weight: 900;
    line-height: normal;
}

.homeMainContent p{
    color: var(--BLACK);
    text-align: center;
    font-size: var(--M);
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
}

.homeMainContent .wp-element-button{
    display: flex;
    height: 45px;
    padding: 15px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 50px;
    background-color: var(--BLUE);
    color: var(--WHITE);
    text-align: center;
    font-size: var(--S);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    transition: all 0.3s ease-in-out;
}

.homeMainContent .wp-element-button:hover{
    background-color: #066df6;
}

.homeMainContent .max1200{
    display: flex;
    flex-direction: column;
    gap: 30px;
}

/* Home Posts */
.holding-posts{
    margin: 0;
    background: var(--LIGHT-GRAY);
    display: flex;
    flex-direction: row;
}

.homeNews h2{
    padding: 0 120px;
    width: 100%;
}

.homeNews{;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 60px;
    background: var(--LIGHT-GRAY);
    padding-top: 90px;
    margin: 0;
}

.homeNews .holding-posts{
    padding-bottom: 90px;
}

.homeNews .holding-posts .read-more{
    background: #002cc3;
}

.homeNews .holding-posts .read-more p, .homeNews .holding-posts .read-more h2{
    color: var(--WHITE);
}

.homeNews .holding-posts .read-more p{
    font-size: var(--L);
    margin: 0;
}

.homeNews .holding-posts .read-more h2{
    margin: 0;
    padding: 0;
    font-size: var(--XL);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-align: center;
}

.homeNews .holding-posts .read-more .btn-scopri{
    border-radius: 50px;
    background: #0037f4;
    display: flex;
    height: 45px;
    padding: 15px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    color: var(--WHITE);
    text-align: center;

    font-size: var(--S);
    font-style: normal;
    font-weight: 700;
    line-height: normal;

    width: fit-content;
}

/* Pagina news */
a{
    text-decoration: none;
}

.highlightedPost{
    background: var(--BLUE);
    padding-bottom: 90px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.highlightedPost .highlightedBadge{
    color: var(--BLUE);
    font-size: var(--M);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    display: flex;
    height: 40px;
    padding: 10px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-left: auto;
    margin-right: auto;
    background-color: var(--WHITE);
    width: fit-content;
    text-transform: uppercase;
    margin-bottom: 45px;
}

.highlightedPost .highlightedContent{
    width: 1200px;
    display: flex;
    flex-direction: row;
    gap: 60px;
    align-items: center;
}

.highlightedPost .highlightedContent .highlightedFeaturedImg{
    max-width: 267px;
    aspect-ratio: 16/9;
    border-radius: 3px;
    overflow: hidden;
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.highlightedPost .highlightedContent .highlightedFeaturedImg img{
    z-index: 1;
    height: 100%;
    width: auto;
    position: relative;
}

.highlightedPost .highlightedContent .highlightedFeaturedImg::after{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(20px);
    z-index: 0;
    border-radius: 5px;
}



.highlightedPost .highlightedContent .highlightedPostInfo{
    display: flex;
    flex-direction: column;
    gap: 15px;
    flex: 1;
}

.highlightedPost .highlightedContent h2{
    margin: 0;
    color: var(--WHITE);
    font-size: var(--XL2);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.highlightedPost .highlightedContent span{
    color: var(--WHITE);
    font-size: var(--M);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.highlightedPost .highlightedContent .highlightedButton{
    display: flex;
    width: 60px;
    height: 60px;
    justify-content: center;
    align-items: center;
    border-radius: 120px;
    background: var(--LIGHT-GRAY);
    transition: all ease-in-out .3s;
}

.highlightedPost .highlightedContent .highlightedButton:hover{
    background: var(--BLUE);
}

.postList{
    padding-left: 120px;
    padding-right: 120px;
}

.newsBadge{
    color: var(--WHITE);
    font-size: var(--M);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    background: var(--BLUE);
    width: fit-content;
    text-transform: uppercase;
    display: flex;
    height: 40px;
    padding: 10px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-left: 150px;
    position: absolute;
}

.apertura{
    padding: 100px 150px 90px 150px;
    width: 100%;
    display: flex;
    flex-direction: row;
    gap: 90px;
    align-items: center;
}

.apertura.evento{
    background: var(--LIGHT-GRAY);
}

.apertura h2{
    margin: 15px 0 0;
    color: var(--BLACK);
    font-size: var(--XL3);
    font-style: normal;
    font-weight: 900;
    line-height: normal;
}

.apertura .aperturaDetails, .apertura .aperturaImg{
    width: 50%;
}

.apertura .aperturaDetails{
    display: flex;
    flex-direction: column;
}

.apertura .aperturaImg{
    flex: 1 0 0;
    aspect-ratio: 16/9;
    border-radius: 15px;
    position: relative;
    display: flex;
    justify-content: center;
    width: 100%;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    overflow: hidden;
    align-items: center;
}

.apertura .aperturaImg img{
    z-index: 1;
    height: 100%;
    width: auto;
    position: relative;
}

.apertura .aperturaImg::after{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(20px);
    z-index: 0;
    border-radius: 5px;
}

.apertura .aperturaDetails h2{
    color: var(--BLACK);
    font-size: var(--XL3);
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    overflow: hidden;

    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.apertura .aperturaDetails p{
    overflow: hidden;
    color: var(--BLACK);
    text-overflow: ellipsis;
    font-size: var(--L);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: 30px;
    margin-bottom: 0;

    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.apertura .aperturaDetails span{
    color: var(--BLACK);
    font-size: var(--M);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-top: 30px;
}

.postList .evidenze{
    display: flex;
    flex-direction: row;
    padding-top: 60px;
    padding-bottom: 60px;
}

.postList .evidenze a{
    width: 25%;
}

.postList .evidenze a .evidenza {
    padding: 30px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    height: 100%;
    justify-content: space-between;
}

.postList  .evidenze a .evidenza.evento{
    border-radius: 30px;
    background: var(--LIGHT-GRAY);
}

.postList  .evidenze a .evidenza .evidenzeImg{
    width: 100%;
    aspect-ratio: 16 / 9;
    border-radius: 15px;
    position: relative;
    display: flex;
    justify-content: center;
    margin-top: 15px;
    align-items: center;
}

.postList  .evidenze a .evidenza .evidenzeImg img{
    z-index: 1;
    height: 100%;
    width: auto;
    position: relative;
}

.postList  .evidenze a .evidenza .evidenzeImg::after{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(20px);
    z-index: 0;
    border-radius: 5px;
}

.postList  .evidenze a .evidenza h2{
    overflow: hidden;
    color: var(--BLACK);
    font-size: var(--L);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 15px;
    margin-top: 15px;

    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.postList  .evidenze a .evidenza span{
    color: var(--BLACK);
    font-size: var(--S);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.classContainer{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 5px;
}


.postList .elencoPost{
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 60px;
    padding-bottom: 60px;
}

.highlightedFeaturedImg.video::before, .aperturaImg.video:before, .evidenzeImg.video:before{
    content: url("../amaie/img/icons/play.svg");
    display: flex;
    width: 60px;
    height: 60px;
    padding: 10px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    aspect-ratio: 1/1;
    background: var(--WHITE);
    position: absolute;
    z-index: 2;
    border-radius: 60px;
}

.highlightedPost .classBullet.amaie{
    border: 2px solid var(--WHITE);
}

.highlightedPost .video.badge, .highlightedPost .evento.badge{
    display: flex;
    height: 30px;
    padding: 5px 10px;
    justify-content: center;
    align-items: center;
    gap: 7px;
    border-radius: 30px;
    background: var(--WHITE);
    color: var(--BLUE);
    font-size: var(--XS);
    font-style: normal;
    font-weight: 900;
    line-height: normal;
}

.highlightedPost .video.badge:before {
    content: "";
    width: 6px;
    height: 6px;
    aspect-ratio: 1 / 1;
    background: url("../amaie/img/icons/play.svg") no-repeat center;
    background-size: 100%;
}

.highlightedPost .eventDate{
    display: flex;
    flex-direction: row;
    gap: 15px;
    align-items: center;
}

.highlightedPost .eventDate:before{
    content: url("../amaie/img/icons/event_white.svg");
}

.aperturaDetails .badge, .classContainer .badge{
    display: flex;
    height: 30px;
    padding: 5px 10px;
    justify-content: center;
    align-items: center;
    gap: 7px;
    border-radius: 30px;
    border: 2px solid var(--BLUE);
    color: var(--BLUE);
    font-size: var(--XS);
    font-style: normal;
    font-weight: 900;
    line-height: normal;
}

.aperturaDetails .badge.video:before, .classContainer .badge.video:before{
    content: "";
    width: 6px;
    height: 6px;
    aspect-ratio: 1 / 1;
    background: url("../amaie/img/icons/play.svg") no-repeat center;
    background-size: 100%;
}

.aperturaDetails .badge.evento:before, .classContainer .badge.evento:before{
    content: "";
    width: 5px;
    height: 5px;
    aspect-ratio: 1 / 1;
    border-radius: 5px;
    background: var(--BLUE);
}

.apertura .aperturaDetails span.eventDate, .evidenza .eventDate{
    color: var(--BLUE) !important;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 15px;
}

.apertura .aperturaDetails span.eventDate:before, .evidenza .eventDate:before{
    content: url("../amaie/img/icons/event_blue.svg");
}

.elencoPostTitle .content{
    padding-left: 20px;
    padding-right: 20px;
    width: fit-content;
    background: var(--BLUE);
    height: 35px;
    line-height: 40px;
    color: var(--WHITE);
    font-size: var(--M);
    font-style: normal;
    font-weight: 700;
    position: relative;
}

.elencoPostTitle{
    width: 100%;
    border-bottom: 5px solid var(--BLUE);
}

.post-list-item{
    padding: 45px 60px;
    border-bottom: 2px solid var(--LIGHT-GRAY-2);
}

.post-list-item-container{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
}

.post-list-item-txt h2{
    overflow: hidden;
    color: var(--BLACK);
    font-size: var(--XL);
    font-style: normal;
    font-weight: 700;
    line-height: normal;

    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.post-list-item .post-list-item-img{
    aspect-ratio: 1;
    width: 145px;
    height: 145px;
    flex-shrink: 0;
    border-radius: 15px;
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.post-list-item .post-list-item-img.video::before {
    content: url(../amaie/img/icons/play.svg);
    display: flex;
    width: 60px;
    height: 60px;
    padding: 10px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    aspect-ratio: 1 / 1;
    background: var(--WHITE);
    position: absolute;
    z-index: 2;
    border-radius: 60px;
}

.post-list-item .post-list-item-footer{
    color: var(--BLACK);
    font-size: var(--S);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.post-list-item .post-list-item-footer .eventDate{
    color: var(--BLUE);
    display: flex;
    flex-direction: row;
    gap: 15px;
    align-items: center;
}

.post-list-item .post-list-item-footer .eventDate:before{
    content: url(../amaie/img/icons/event_blue.svg);
}

.post-list-item.evento{
    background: var(--LIGHT-GRAY);
}

.pagination-container{
    padding-top: 90px;
    padding-bottom: 90px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 30px;
}

.pagination-container .prev{
    transform: rotate(180deg);
}

.pagination-container .idle{
    pointer-events: none;
    opacity: .25;
}

.pagination-container .pagination_button{
    display: flex;
    width: 60px;
    height: 60px;
    justify-content: center;
    align-items: center;
    border-radius: 120px;
    background: var(--LIGHT-GRAY);
}

.pagination-container .current-page{
    display: flex;
    align-items: center;
    color: var(--GRAY-BLUE);
    font-size: var(--L);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.pagination-container .current-page div{
    color: var(--BLUE);
    margin-right: 8px;
}

/* Avvisi e Bandi */
.type-avvisi_e_bandi header{
    padding: 90px 120px;
    color: var(--WHITE);
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.type-avvisi_e_bandi header.aperto{
    background: var(--BLUE);
}

.type-avvisi_e_bandi header.chiuso{
    background: var(--GRAY-BLUE);
}

.type-avvisi_e_bandi header .topHeader{
    display: flex;
    justify-content: space-between;
}

.type-avvisi_e_bandi header h1{
    color: var(--WHITE);
    font-size: var(--XL3);
    font-style: normal;
    font-weight: 900;
    line-height: normal;
}

.type-avvisi_e_bandi header hr{
    width: 100%;
    height: 1px;
    background: var(--WHITE);
    border: none;
    margin: 0;
}

.type-avvisi_e_bandi header .publicationDate{
    font-size: var(--M);
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
}

.type-avvisi_e_bandi header .bandoLabel{
    background: rgba(255, 254, 252, 0.20);
    display: flex;
    padding-right: 15px;
    align-items: center;
    gap: 10px;
    border-radius: 30px;
    color: var(--WHITE);
    font-size: var(--S);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.type-avvisi_e_bandi header .bandoLabel::before{
    width: 45px;
    height: 45px;
    aspect-ratio: 1/1;
}

.type-avvisi_e_bandi header.aperto .bandoLabel::before{
    content: url("img/bando-aperto.svg");
}

.type-avvisi_e_bandi header.chiuso .bandoLabel::before{
    content: url("img/bando-chiuso.svg");
}

.type-avvisi_e_bandi header .dataBandi{
    display: flex;
    flex-direction: row;
    gap: 60px;
}

.type-avvisi_e_bandi header .dataBandi .dataItem{
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.type-avvisi_e_bandi header .dataBandi .dataLabel{
    display: flex;
    flex-direction: row;
    gap: 10px;
    color: var(--WHITE);
    font-size: var(--S);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    align-items: center;
}

.type-avvisi_e_bandi header .dataBandi span{
    color: var(--WHITE);
    font-size: var(--L);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.type-avvisi_e_bandi .aggiudicatario{
    background: rgba(0, 55, 244, 0.90);
    box-shadow: 0 3px 15px 0 rgba(16, 29, 54, 0.10);
    width: 100%;
    padding: 30px 120px;
}

.type-avvisi_e_bandi .aggiudicatario .aggiudicatarioContent{
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.type-avvisi_e_bandi .aggiudicatario .aggiudicatarioTop{
    color: var(--WHITE);
    font-size: var(--M);
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    opacity: .75;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}

.type-avvisi_e_bandi .aggiudicatario .aggiudicatarioTop::before{
    content: url("img/aggiudicatario_icon.svg");
    width: 45px;
    height: 45px;
    aspect-ratio: 1/1;
}

.type-avvisi_e_bandi .aggiudicatario .aggiudicatarioTxt{
    color: var(--WHITE);
    font-size: var(--L);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.type-avvisi_e_bandi .entry-content{
    padding-top: 30px;
    margin: 0;
}

.type-avvisi_e_bandi .entry-content p{
    margin: 0 auto;
    max-width: 1200px;
    padding-top: 30px;
    padding-bottom: 30px;
    color: var(--BLACK);
    font-size: var(--M);
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
}

.type-avvisi_e_bandi .documentiBando{
    padding: 60px 120px;
}

.type-avvisi_e_bandi .documentiBando h2{
    color: var(--BLACK);
    font-size: var(--XL);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.type-avvisi_e_bandi .documentiBando .documentContainer{
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.type-avvisi_e_bandi .documentiBando .documentContainer .docItem{
    border-radius: 5px;
    border: 1px solid var(--LIGHT-GRAY-2);
    background: var(--LIGHT-GRAY);
    display: flex;
    padding: 30px;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
    flex: 1 0 0;
    width: 545px;
    height: 135px;
}

.type-avvisi_e_bandi .documentiBando .documentContainer .docItem h3{
    overflow: hidden;
    color: var(--BLACK);
    text-overflow: ellipsis;
    font-size: var(--M);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    transition: all ease-in-out .3s;
}

.type-avvisi_e_bandi .documentiBando .documentContainer a:hover .docItem h3{
    color: var(--BLUE);
    text-decoration: underline;
}

.type-avvisi_e_bandi .documentiBando .documentContainer .docItem .icon{
    width: 33px;
    height: 30px;
    flex-shrink: 0;
    display: flex;
    background: url("img/download_off.svg");
    transition: all ease-in-out .3s;
}

.type-avvisi_e_bandi .documentiBando .documentContainer a:hover .docItem .icon{
    background: url("img/download_on.svg");
}

.type-avvisi_e_bandi .footerBandi{
    display: flex;
    padding: 30px 120px;
    justify-content: center;
    align-items: center;
    gap: 60px;
    flex: 1 0 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), rgba(0, 55, 244, 0.90);
    box-shadow: 0 3px 15px 0 rgba(16, 29, 54, 0.10);
    backdrop-filter: blur(30px);
}


.type-avvisi_e_bandi .footerBandi a{
    border-radius: 50px;
    border: 2px solid var(--WHITE);
    display: flex;
    height: 45px;
    padding: 15px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: var(--WHITE);
    text-align: center;
    font-size: var(--S);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    transition: all ease-in-out .3s;
}

.type-avvisi_e_bandi .footerBandi a:hover{
    color: var(--BLUE);
    background: var(--WHITE);
}

.type-avvisi_e_bandi .footerBandi .callToActionBandi{
    color: var(--WHITE);
    font-size: var(--M);
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}

.type-avvisi_e_bandi .footerBandi .callToActionBandi::before{
    content: url("img/info_icon.svg");
}

/* Archivio Bandi */
.post-type-archive-avvisi_e_bandi .holding-sites a{
    width: fit-content;
}

.post-type-archive-avvisi_e_bandi .site{
    margin-top: 90px;
}

.post-type-archive-avvisi_e_bandi .archiveHeader{
    display: flex;
    padding: 120px 0;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    background: var(--BLUE);
}

.post-type-archive-avvisi_e_bandi .archiveHeader div{
    display: flex;
    height: 45px;
    padding: 10px 15px;
    justify-content: center;
    align-items: center;
    gap: 5px;
    border-radius: 30px;
    border: 2px solid var(--WHITE);

    color: var(--WHITE);
    font-size: var(--M);
    font-style: normal;
    font-weight: 900;
    line-height: 140%;
}

.post-type-archive-avvisi_e_bandi .archiveHeader h1{
    margin: 0;
    color: var(--WHITE);
    text-align: center;
    font-size: var(--XL3);
    font-style: normal;
    font-weight: 900;
    line-height: normal;
}

.post-type-archive-avvisi_e_bandi .archiveContent{
    display: flex;
    padding: 90px 120px;
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
    background: var(--LIGHT-GRAY);
}

.post-type-archive-avvisi_e_bandi a{
    width: 100%;
}

.post-type-archive-avvisi_e_bandi .bandiArchiveItem{
    width: 100%;
    border-radius: 30px;
    border: 1px solid var(--LIGHT-GRAY);
    background: var(--WHITE);

    display: flex;
    padding: 30px 60px;
    flex-direction: column;
    align-items: flex-start;
    gap: 30px;
    align-self: stretch;
}

.post-type-archive-avvisi_e_bandi .bandiArchiveItem h2{
    color: var(--BLACK);
    font-size: var(--XL2);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0;

    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.post-type-archive-avvisi_e_bandi .bandiArchiveItem .bandoFooter .dataScadenza .giornoScadenza, .post-type-archive-avvisi_e_bandi .bandiArchiveItem .bandoFooter .dataScadenza .oraScadenza {
    color: var(--BLACK);
    font-size: var(--L);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

    .post-type-archive-avvisi_e_bandi .bandiArchiveItem hr{
    border: none;
    width: 100%;
    height: 2px;
    background: var(--LIGHT-GRAY);
    margin: 0;
}

.post-type-archive-avvisi_e_bandi .bandiArchiveItem .bandoFooter{
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
}

.post-type-archive-avvisi_e_bandi .bandiArchiveItem .bandoFooter .dataScadenza{
    display: flex;
    align-items: center;
    gap: 70px;
}

.post-type-archive-avvisi_e_bandi .bandiArchiveItem .bandoFooter .dataScadenza .giornoScadenza, .post-type-archive-avvisi_e_bandi .bandiArchiveItem .bandoFooter .dataScadenza .oraScadenza {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 10px;
}

.post-type-archive-avvisi_e_bandi .bandiArchiveItem .bandoFooter .dataScadenza .giornoScadenza .label, .post-type-archive-avvisi_e_bandi .bandiArchiveItem .bandoFooter .dataScadenza .oraScadenza .label{
    color: var(--GRAY-BLUE);
    font-size: var(--S);
    font-style: normal;
    font-weight: 700;
    line-height: normal;

    display: flex;
    flex-direction: row;
    gap: 10px;
    justify-content: flex-start;
    align-items: center;
}

.post-type-archive-avvisi_e_bandi .bandiArchiveItem .bandoFooter .dataScadenza .giornoScadenza .label:before{
    content: url("img/calendar_gray.svg");
}

.post-type-archive-avvisi_e_bandi .bandiArchiveItem .bandoFooter .dataScadenza .oraScadenza .label:before{
    content: url("img/orologio_gray.svg");
}



.post-type-archive-avvisi_e_bandi .bandiArchiveItem.aperto .bandoHeader{
    color: var(--BLUE);
    font-size: var(--S);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    display: flex;
    flex-direction: row;
    gap: 10px;
    justify-content: flex-start;
    align-items: center;
}

.post-type-archive-avvisi_e_bandi .bandiArchiveItem.aperto .bandoHeader:before{
    content: url("img/bando-aperto-blue.svg");
}

.post-type-archive-avvisi_e_bandi .bandiArchiveItem .bandoFooter .openBando{
    width: 60px;
    height: 60px;
    border-radius: 120px;
    background: url("img/arrowBlack.svg") var(--LIGHT-GRAY);
    background-position: center;
    background-repeat: no-repeat;

    display: flex;
    padding: 30px;
    justify-content: center;
    align-items: center;
    gap: 43px;
}

.post-type-archive-avvisi_e_bandi .bandiArchiveItem.chiuso{
    border: 1px solid var(--LIGHT-GRAY-2);
    background: none;
}

.post-type-archive-avvisi_e_bandi .bandiArchiveItem.chiuso h2{
    opacity: .5;
    color: var(--GRAY-BLUE);
}

.post-type-archive-avvisi_e_bandi .bandiArchiveItem.chiuso hr{
    background: var(--LIGHT-GRAY-2);
}

.post-type-archive-avvisi_e_bandi .bandiArchiveItem.chiuso .dataScadenza{
    opacity: .5;
}

.post-type-archive-avvisi_e_bandi .bandiArchiveItem.chiuso .bandoFooter .dataScadenza .giornoScadenza, .post-type-archive-avvisi_e_bandi .bandiArchiveItem.chiuso .bandoFooter .dataScadenza .oraScadenza{
    color: var(--GRAY-BLUE);
}

.post-type-archive-avvisi_e_bandi .bandiArchiveItem.chiuso .bandoFooter .openBando{
    background: url("img/arrowGrayBlue.svg") var(--LIGHT-GRAY-2);
    background-position: center;
    background-repeat: no-repeat;
}

.post-type-archive-avvisi_e_bandi .bandiArchiveItem.chiuso .bandoHeader{
    color: var(--LIGHT-GRAY-2);
    font-size: var(--S);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    display: flex;
    flex-direction: row;
    gap: 10px;
    justify-content: flex-start;
    align-items: center;
}

.post-type-archive-avvisi_e_bandi .bandiArchiveItem.chiuso .bandoHeader:before{
    content: url("img/bandoChiusoGray.svg");
}