:root {
    --scrollbars-width: var(--dgl-page-scrollbars-width, 15px);
    --alignfull-width: 100vw;
    --alignfull-max-width: calc(100vw - var(--scrollbars-width));
    --alignfull-margin-left: calc(50% - (50vw - (var(--scrollbars-width) / 2)));
    --alignfull-margin-right: calc(50% - (50vw - (var(--scrollbars-width) / 2)));
    --alignfull-padding: 0 0 0 0;
}
body.rassegna-stampa-dettaglio .rootMainContainer>.main ,
body.articolo_page .rootMainContainer>.main ,
body.evento_dettaglio .rootMainContainer>.main {
    margin-top: 2rem;
    margin-top: 0;
}

.cms-dettaglio>.cms-data {
    justify-content: flex-start;
    width: 100%;
    flex: 1 1 100%;
    max-width: none;
    margin: 0 auto 2.5rem 0;
    border-top: solid 1px var(--bs-primary-30);
    border-bottom: solid 1px var(--bs-primary-30);
    padding: 1rem 0 1rem 0;
    color: var(--bs-primary);
    font-size: .875rem;
}

.cms-dettaglio>.cms-content-heder-fullwidth {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    height: auto;
    min-height: 400px;
    padding: var(--alignfull-padding) !important;
    width: var(--alignfull-width) !important;
    max-width: var(--alignfull-max-width) !important;
    transition: var(--alignfull-transition) !important;
    margin: 0 var(--alignfull-margin-left) 2rem var(--alignfull-margin-left) !important;
    background-color: var(--bs-primary-50);
}
@media (max-width: 767px) {
    .cms-dettaglio>.cms-content-heder-fullwidth {
        display: block;
        position: relative;
        padding-top: 1.75rem !important;
        padding-bottom: 1.75rem !important;
        min-height: 0;
    }
    .cms-dettaglio>.cms-content-heder-fullwidth .h1-wrapper {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
}

.cms-dettaglio>.cms-content-heder-fullwidth[data-image="1"] {
    height: 100vh;
    min-height: 550px;
    max-height: 52.5vh;
}
.cms-dettaglio>.cms-content-heder-fullwidth>* {
    position: relative;
    width: 100%;
    z-index: 2;
}
.cms-dettaglio>.h1-wrapper {
    display: block !important;
    max-width: none !important;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}
.cms-dettaglio>.cms-content-heder-fullwidth[data-image="1"]::before {
    content: "";
    position: absolute;
    inset: 0 0 0 0;
    background-color: rgba(var(--bs-primary-50-rgb),.5);
    z-index: 1;
}
.cms-dettaglio>.cms-content-heder-fullwidth img.cms-content-heder-image {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: grayscale() var(--dgl-bs-primary-filter);
    z-index: 0;
}
.cms-dettaglio>.cms-content-heder-fullwidth .h1-wrapper {
    color: #fff;
    margin-bottom: 2.5rem;
}
.cms-dettaglio>.cms-content-heder-fullwidth .h1-wrapper>h1 {
    text-align: left;
    max-width: var(--dgl-site-width);
    margin-left: auto;
    margin-right: auto;
    margin: 0 auto 0 auto;
    color: #fff;
    text-align: left;
}
.cms-dettaglio .h1-wrapper>h2.subtitle-abstract {
    font-size: 1.25em;
    font-weight: 400;
    text-align: left;
    margin: 0 0 0 0;
}
.cms-dettaglio>.cms-content-heder-fullwidth h2.subtitle-abstract {
    max-width: var(--dgl-site-width);
    margin: .5rem auto 0 auto;
    color: #fff;
}
.cms-dettaglio>.cms-content {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    max-width: calc(var(--dgl-site-width) - 300px);
    margin-left: 0;
}
.cms-dettaglio>.cms-content[data-featured="1"] {
    width: 100%;
    flex: 1 1 100%;
    max-width: none;
}
.cms-dettaglio>.cms-content-evento-info {
    display: flex;
    gap: 0 !important;
    justify-content: flex-start;
    width: 100%;
    flex: 1 1 100%;
    max-width: none;
    margin: 0 auto 2.5rem 0;
    border-top: solid 1px var(--bs-primary-30);
    border-bottom: solid 1px var(--bs-primary-30);
    padding: 1rem 0 1rem 0;
    color:  var(--bs-primary);
    font-size: .875rem;
}
.cms-dettaglio>.cms-content-evento-info * {
    display: inline;
    margin: 0 0 0 0;
}
.cms-dettaglio>.cms-content-evento-info [data-item="evento-when-2"]::before ,
.cms-dettaglio>.cms-content-evento-info [data-item="evento-when-1-b"]::before {
    content: "-";
    color:  rgba(var(--bs-primary-rgb),.5);
    margin: 0 15px 0 15px;
}
.cms-dettaglio>.cms-content-evento-info [data-item="evento-where-1"]::before {
    content: "|";
    color:  rgba(var(--bs-primary-rgb),.5);
    margin: 0 15px 0 15px;
}
.cms-dettaglio>.cms-content-evento-info [data-item="evento-where-2"]::before {
    content: "-";
    color:  rgba(var(--bs-primary-rgb),.5);
    margin: 0 15px 0 15px;
}

.cms-dettaglio>.cms-content[data-featured="1"]>.cms-content-text {
    flex: 1;
    max-width: none;
}
.cms-dettaglio>.cms-content[data-featured="1"]>.cms-fatured-image {
    flex: 0 0 300px;
    max-width: 300px;
}
.cms-dettaglio>.cms-content[data-featured="1"] .cms-content {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    max-width: calc(865px + 300px + 2rem);
}

.cms-dettaglio .cms-content-fatured-image {
    box-shadow: 0 0 15px 5px rgba(0, 0, 0, .1);
}
.cms-dettaglio>.container:has(.breadcrumb) {
    padding-left: 0;
    padding-right: 0;
}
.cms-dettaglio .breadcrumb {
    margin-top: 2rem;
}
.cms-dettaglio>.cms-content-heder-fullwidth .breadcrumb {
    color: rgba(255,255,255,.6);
}
.cms-dettaglio>.cms-content-heder-fullwidth .breadcrumb a {
    color: rgba(255,255,255,1);
}


.widget-content-list>.last-one {
    margin-bottom: -4rem;

}

.cms-dettaglio-commento [data-item="commenti-form"] {
    max-width: calc(100% - 2rem - 300px);
}
.cms-data-info>.content.map-wrapper {
    margin-bottom: 4rem;
}
/*
tabs accordion
*/
.evento_dettaglio .cms-dettaglio-commento {
    display: flex;
    flex-direction: column;
    max-width: var(--dgl-container-width);
    padding-left: var(--dgl-container-gutter-x, 0.75rem);
    padding-right: var(--dgl-container-gutter-x, 0.75rem);
    margin-left: auto;
    margin-right: auto;
}


.cms-dettaglio-commento .accordion-button {
    font-weight: inherit !important;
    font-size: inherit !important;
    padding: 1.5rem 0 1.5rem 0;
    box-shadow: none !important;
}
.cms-dettaglio-commento .accordion-button:not(.collapsed) {
    color: var(--dgl-bs-body-color);
    background-color: transparent;
}
.cms-dettaglio-commento .accordion-button::before {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 1.25rem;
    content: "";
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path d="M376 232H216V72c0-4.42-3.58-8-8-8h-32c-4.42 0-8 3.58-8 8v160H8c-4.42 0-8 3.58-8 8v32c0 4.42 3.58 8 8 8h160v160c0 4.42 3.58 8 8 8h32c4.42 0 8-3.58 8-8V280h160c4.42 0 8-3.58 8-8v-32c0-4.42-3.58-8-8-8z"/></svg>');
    background-repeat: no-repeat;
    background-size: 1rem;
    background-position: center center;
    transition: transform 0.2s ease-in-out;
}
.cms-dettaglio-commento .accordion-button:not(.collapsed)::before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path d="M376 232H8c-4.42 0-8 3.58-8 8v32c0 4.42 3.58 8 8 8h368c4.42 0 8-3.58 8-8v-32c0-4.42-3.58-8-8-8z"/></svg>');
}
.cms-dettaglio-commento .accordion-button::after {
    content: none;
}
.cms-dettaglio-commento .accordion-body {
    padding: 0 0 1.5rem 0;
}
.cms-dettaglio-commento .accordion-body p:last-of-type {
    margin-bottom: 0 !important;
}
.cms-dettaglio-commento .accordion .accordion-item {
    border-bottom: solid 1px var(--dgl-bs-gray-200);
}
.cms-dettaglio-commento .accordion .accordion-item:first-child {
    border-top: solid 1px var(--dgl-bs-gray-200);
}
.cms-dettaglio-commento .accordion-button {
    justify-content: space-between;
}
.cms-dettaglio-commento .accordion-button:not(.collapsed) {
    color: var(--bs-primary-50);
}
.cms-dettaglio-commento .accordion-button.collapsed {
    color: var(--dgl-bs-primary);
}
.cms-dettaglio-commento .accordion-button::before {
    margin-left: 1.25rem;
    margin-right: 0;
    order: 1;
    filter: invert(25%) sepia(81%) saturate(1538%) hue-rotate(205deg) brightness(105%) contrast(101%);
}

.cms-data-info>.cmd-prodotti-correlati .row.productsList ,
.cms-dettaglio>.cmd-prodotti-correlati .row.productsList {
    justify-content: flex-start;
}
.cms-data-info>.cmd-prodotti-correlati ,
.cms-dettaglio>.cmd-prodotti-correlati {
    border-top: 0;
}
.cms-data-info>.cmd-prodotti-correlati h3 ,
.cms-dettaglio>.cmd-prodotti-correlati h3 {
    text-align: left;
    margin: 0 0 2rem 0;
}
.cms-data-info>.cmd-prodotti-correlati .row.productsList>.productListItem ,
.cms-dettaglio>.cmd-prodotti-correlati .row.productsList>.productListItem {
    width: 20%;
}

.cms-content-evento-info .allegato-wrapper {
    margin: 0 0 0 auto;
}
.cms-content-evento-info .allegato-wrapper a.btn {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    border: 0 !important;
    background-color: transparent !important;
    outline: 0 !important;
    box-shadow: none !important;
    color: var(--dgl-link-color-hover) !important;
    font-size: .875rem !important;
}
.cms-content-evento-info .allegato-wrapper a.btn:hover {
    text-decoration: underline !important;
}





@media (max-width: 991px) {
    .cms-dettaglio>.cms-content-evento-info [data-item="evento-when-wrapper"] ,
    .cms-dettaglio>.cms-content-evento-info [data-item="evento-where-wrapper"] {
        display: block !important;
    }
    .cms-dettaglio>.cms-content-evento-info [data-item="evento-where-1"]::before {
        content: none;
        display: none;
        margin: 0 0 0 0;
    }
    .cms-data-info>.cmd-prodotti-correlati .row.productsList>.productListItem ,
    .cms-dettaglio>.cmd-prodotti-correlati .row.productsList>.productListItem {
        width: 25%;
    }
}
@media (max-width: 850px) {
    .cms-data-info>.cmd-prodotti-correlati .row.productsList>.productListItem ,
    .cms-dettaglio>.cmd-prodotti-correlati .row.productsList>.productListItem {
        width: 33.33333%;
    }
}

@media (max-width: 767px) {
    .cms-dettaglio>.cms-content[data-featured="1"] {
        flex-direction: column;
    }
    
}
@media (max-width: 600px) and (min-width: 500px) {
    .cms-data-info>.cmd-prodotti-correlati .row.productsList>.productListItem ,
    .cms-dettaglio>.cmd-prodotti-correlati .row.productsList>.productListItem {
        width: 50%;
    }
}
@media (max-width: 499px) {
    .cms-data-info>.cmd-prodotti-correlati .row.productsList>.productListItem ,
    .cms-dettaglio>.cmd-prodotti-correlati .row.productsList>.productListItem {
        width: 100%;
        max-width: 300px;
    }
}
