/*
    Theme Name: Prima Pubblicita
    Author: Andrea Paolazzi
    Description: Tema di Prima Pubblicita
    Version: 7.0
*/





/*
    ================================================
    CSS MOBILE
    ================================================
*/



@media screen and (max-width: 1400px) {
    
    /* GENERICO */

    .TitoloPrincipale {
        font-size: 2.5em;
    }

    .TestoLinkVai {
        font-size: 1.1em;
    }

    .H2Testo {
        font-size: 2.7em;
    }

    .BottoneScarica {
        font-size: 0.7em;
    }


    /* HEADER */

    #megaMenu #menu-menu-burger li:nth-child(1),
    #megaMenu #menu-menu-burger li:nth-child(2),
    #megaMenu #menu-menu-burger li:nth-child(3),
    #megaMenu #menu-menu-burger li:nth-child(4) {
        min-width: 25%;
    }


    /* HOMEPAGE */

    /* Prossimamente */

    .Homepage .Prossimamente .wpem-event-box-col h3.wpem-heading-text {
        font-size: 1.1em !important;
    }


    /* Componente promozioni */

    .Promozioni #mupwp-form-submit-container input {
        font-size: 1em;
        padding: 0.6em 0.9em;
        bottom: -1em;
    }

    .Promozioni .H2Testo {
        font-size: 2.4em;
    }


    /* Fondazione */

    .Homepage .Fondazione p {
        font-size: 1em;
        font-weight: 500;
        color: white;
    }


    /* Partner */

    .Homepage .Partners .ContPartner {
        gap: 0.3em
    }


    /* PAGINA STORIA TEATRO */

    .swiper {
        height: 375px;
    }


    /* PAGINA STAGIONE */

    .QFamiglie {
        right: 29px;
    }

    .Stagione .wpem-event-box-col {
        width: 50% !important;
        max-width: 50% !important;
        flex: 0 0 50% !important;
    }


    /* COMPONENTE BIGLIETTI E ABBONAMENTI */

    .BigliettiTeatro .Editor p {
        font-size: 0.7em;
    }

    .BigliettiTeatro .Editor.PBigliettiAbbonamenti {
        font-size: 1em;
    }


    /* PAGINA STUDIO DI REGISTRAZIONE */
    
    .StudioRegistrazione .CardStudio {
        min-height: 470px;
    }


    /* PAGINA PER LE AZIENDE */

    .PerAziende .LeSale .SfondoGrigio {
        min-height: 400px;
    }
        .PerAziende .LeSale img {
            object-fit: cover;
            height: 225px;
        }


    /* PAGINA DOVE SIAMO */

    .FormContatto .Consenso .wpcf7-list-item label .wpcf7-list-item-label {
        width: 60%;
    }

    .FormContatto .BottoneInvia {
        font-size: 1em;
        padding: 0.4em 2.1em;
    }


    /* PAGINA AREA STAMPA */

    .ArchiveNews .Articolo h2 {
        height: 75px;
    }

    /* PAGINA CALENDARIO */

    .Calendario .ContenitoreEventi .SingoloEvento img {
        height: 338px;
    }
    .Calendario .SingoloEvento .InfoEvento {
        min-height: 250px;
    }
        .Calendario .SingoloEvento .CategoriaEvento {
            font-size: 1em;
        }
        .Calendario .SingoloEvento .TitoloEvento {
            font-size: 1.4em !important;
            height: 58px;
        }
        .Calendario .SingoloEvento .DataEvento {
            font-size: 1.3em;
        }

    
    /* PAGINA DIVENTA PARTNER */

    .DiventaPartner .CardVantaggi .Nome {
        font-size: 1.1em;
    }
}










@media screen and (max-width: 1200px) {

   /* GENERICO */

    .TitoloPrincipale {
        font-size: 2em;
    }

    .TestoLinkVai {
        width: fit-content;
        font-size: 1em;
    }

    .H2Testo {
        font-size: 2.7em;
    }

    .BottoneScarica {
        bottom: -16px;
    }

    .Margin2Sopra {
        margin-top: 1em;
    }

    .H2Testo2Bianco {
        font-size: 1.7em;
    }

    .Editor table {
        margin-top: 1em;
    }


    /* HEADER */

    #megaMenu #menu-menu-burger .menu-item .sub-menu a {
        font-size: 0.8em;
    }


    /* HOMEPAGE */

    /* Prossimamente */

    .Homepage .Prossimamente h2 {
        font-size: 1.7em;
    }

    .Homepage .Prossimamente h6 {
        font-size: 1em;
    }

    .Homepage .Prossimamente .wpem-event-box-col h3.wpem-heading-text {
        font-size: 1.1em !important;
    }

    .Homepage .wpem-event-box-col {
        width: 33% !important;
        max-width: 33% !important;
        flex: 0 0 33% !important;
    }

    .Homepage .Prossimamente .event_listings {
        padding-bottom: 0.7em;
    }

    .Homepage .Prossimamente .ContenitoreEventi .row .SingoloEvento:nth-child(1) {
        padding-right: calc(var(--bs-gutter-x) * .5);
    }
    .Homepage .Prossimamente .ContenitoreEventi .row .SingoloEvento:nth-child(2) {
        padding-left: calc(var(--bs-gutter-x) * .5);
        padding-right: calc(var(--bs-gutter-x) * .5);
    }
    .Homepage .Prossimamente .ContenitoreEventi .row .SingoloEvento:nth-child(3) {
        padding-left: calc(var(--bs-gutter-x) * .5);
        padding-right: calc(var(--bs-gutter-x) * .5);
    }
    .Homepage .Prossimamente .ContenitoreEventi .row .SingoloEvento:nth-child(4) {
        padding-left: calc(var(--bs-gutter-x) * .5);
    }
    .Homepage .Prossimamente .ContenitoreEventi .row .SingoloEvento:nth-child(5) { 
        padding-right: calc(var(--bs-gutter-x) * .5);
    }
    .Homepage .Prossimamente .ContenitoreEventi .row .SingoloEvento:nth-child(6) {
        padding-left: calc(var(--bs-gutter-x) * .5);
        padding-right: calc(var(--bs-gutter-x) * .5);
    }
    .Homepage .Prossimamente .ContenitoreEventi .row .SingoloEvento:nth-child(7) {
        padding-left: calc(var(--bs-gutter-x) * .5);
        padding-right: calc(var(--bs-gutter-x) * .5);
    }
    .Homepage .Prossimamente .ContenitoreEventi .row .SingoloEvento:nth-child(8) {
        padding-left: calc(var(--bs-gutter-x) * .5);
    }


    /* Componente promozioni */

    .Promozioni #mupwp-form-submit-container input {
        font-size: 1em;
        padding: 0.6em 0.9em;
        bottom: -1em;
    }

    .Promozioni .H2Testo {
        font-size: 2em;
    }

    .Promozioni #mupwp-form-terms .mupwp-form-term:nth-child(2) label p {
        font-size: 0.9em;
    }

    .Promozioni #mpwp-container .label.terms p:first-of-type {
        font-size: 1.1em;
    }


    /* Fondazione */

    .Homepage .Fondazione p {
        font-size: 0.8em;
        font-weight: 500;
        color: white;
    }

    .Homepage .Fondazione img {
        height: 50px;
    }


    /* Partner */

    .Homepage .Partners .ContPartner {
        gap: 2.3em;
    }
    .ContPartner img {
        max-height: 75px;
    }


    /* PAGINA BIGLIETTERIA */

    .Biglietteria .BordoGrigio3Dx {
        border-right: unset;
    }
    
    .Biglietteria .Padding2Sx {
        padding-left: calc(var(--bs-gutter-x) * .5);;
    }

    .Biglietteria .Legenda {
        width: 100%;
        position: relative;
        left: 0;
    }
        .Biglietteria .Legenda p {
            font-size: 0.9em;
        }

    .Biglietteria tbody tr td {
        font-size: 0.8em;
    }

    .Biglietteria tbody tr td:not(:first-child) {
        text-align: center;
        font-size: 0.9em;
    }


    /* PAGINA STORIA TEATRO */

    .swiper {
        height: 310px;
    }


    /* PAGINA DIVENTA PARTNER */

    .DiventaPartner .ContDatiPubblico p:nth-child(1) {
        font-size: 3.6em;
    }


    /* PAGINA STAGIONE */

    .Stagione .ContenitoreEditor {
        padding-right: 3em;
    }

    .Stagione .tab-controls {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        gap: 1.3em;
    }

    .Stagione .tab-controls img {
        display: none;
    }

    .Quadrato {
        width: 137px;
        height: 86px;
        position: unset;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: 0.2s;
    }
        .Quadrato a {
            font-size: 1em;
            padding: 0.8em;
        }

        .Quadrato .ScopriDiPiu {
            display: none;
        }

        .Stagione .BottoneCalendario {
            padding: 1.9em;
        }


    /* COMPONENTE BIGLIETTI E ABBONAMENTI */

    .BigliettiTeatro .Editor p {
        font-size: 0.9em;
    }
        .BigliettiTeatro .Editor.PBigliettiAbbonamenti {
            font-size: 1em;
        }

    .BigliettiTeatro img {
        display: none;
    }


    /* PAGINA CALENDARIO */

    .Calendario .Padding2Sx {
        padding-left: calc(var(--bs-gutter-x) * .5);
    }

    .Calendario form#filtro-categorie {
        top: 3.7em;
    }

    .Calendario .BordoGrigio3Sx {
        border-left: unset;
    }

    .Calendario .CalendarioWidget {
        display: none;
    }

    .Calendario .ContenitoreEventi {
        margin-top: 5.5em;
    }
        .Calendario .SingoloEvento .InfoEvento {
            min-height: 256px;
        }
            .Calendario .SingoloEvento .TitoloEvento {
                font-size: 1.3em !important;
                height: 55px;
            }
            .Calendario .SingoloEvento .BottoneCategoria {
                width: 55px;
                height: 55px;
            }
        


    /* PAGINA STUDIO DI REGISTRAZIONE */

    .StudioRegistrazione .CardStudio {
        min-height: 540px;
    }
        .StudioRegistrazione .CardStudio img {
            height: 391px;
            object-fit: cover;
        }


    /* PAGINA PER LE AZIENDE */

    .PerAziende .LeSale img {
        height: 260px;
    }

    .PerAziende .BloccoBrochure img {
        height: 270px;
    }


    /* PAGINA ARTICOLO AREA STAMPA */

    .SingleNews .BordoGrigio3Dx {
        border: unset;
    }


    /* PAGINA STAFF/AMMINISTRAZIONE TRASPARENTE */

    .Staff .ListaPersone h6 {
        font-size: 1.1em;
    }

    .Staff .ListaPersone .Editor p {
        font-size: 0.8em;
    }


    /* PAGINA AREA STAMPA */

    .ArchiveNews .Articolo h2 {
        height: 52px;
    }


    /* PAGINA VISITA IL TEATRO */

    .IlTeatro .ContVirtualTour iframe {
        max-height: 500px;
    }


    /* PAGINA SINGOLO EVENTO */

    .single_event_listing .VideoSingle iframe {
        height: 550px;
    }
}





@media screen and (max-width: 992px) {

    /* GENERALI */

    .BottoneRosso {
        padding: 1.1em 1.5em;
        display: inline-block;
        position: unset !important;
    }

    .Padding5 {
        padding-top: 3em;
        padding-bottom: 3em;
    }

    .Padding1SxDx {
        padding-left: calc(var(--bs-gutter-x) * .5);
        padding-right: calc(var(--bs-gutter-x) * .5);
    }
        .Padding1Sx {
            padding-left: calc(var(--bs-gutter-x) * .5);
        }
        .Padding1Dx {
            padding-right: calc(var(--bs-gutter-x) * .5);
        }

    .Padding2SxDx {
        padding-left: calc(var(--bs-gutter-x) * .5);
        padding-right: calc(var(--bs-gutter-x) * .5);
    }
        .Padding2Sx {
            padding-left: calc(var(--bs-gutter-x) * .5);
        }
        .Padding2Dx {
            padding-right: calc(var(--bs-gutter-x) * .5);
        }

    .H2Testo2Bianco {
        font-size: 1.5em;
    }

    .H2Testo2Nero {
        font-size: 1.5em;
    }

    .BordoBiancoDx {
        border-right: unset;
    }


    /* HEADER */

    .MenuPrincipale #menu-menu-principale li {
        display: inline-block;
        margin-right: 1.5em;
    }
    .MenuPrincipale #menu-menu-principale li a {
        font-size: 0.9em;
    }


    /* STILE MENU BURGHER TELEFONO */

    #MenuHeader {
        display: none;
    }

    #HeaderMobile {
        padding: 1em 0em;
        display: flex;
    }
        button.navbar-toggler.me-auto.collapsed {
            padding: 0;
            display: flex;
        }
            nav.navbar.bg-body-tertiary.fixed-top {
                padding: 0;
                position: relative;
            }
                .navbar-toggler-icon {
                    width: 24px;
                    height: 3px;
                    background: black;
                    position: relative;
                }
                .navbar-toggler-icon:before,
                .navbar-toggler-icon:after {
                    content: "";
                    width: 24px;
                    height: 3px;
                    background: black;
                    position: absolute;
                    left: 0;
                    top: -0.3em;
                }
                .navbar-toggler-icon:after{
                    top: unset;
                    bottom: -0.3em;
                }

    #HeaderMobile .ContainerBurger {
        width: fit-content;
    }

    #HeaderMobile .offcanvas-header .btn-close {
        width: 25px;
        height: 25px;
        margin-top: 0.3rem;
        margin-right: -0.9rem;
        background: none;
        border: none;
        cursor: pointer;
        opacity: 1;
        position: relative;
    }
        #HeaderMobile .offcanvas-header .btn-close::before,
        #HeaderMobile .offcanvas-header .btn-close::after {
            content: "";
            width: 25px;
            height: 3px;
            background-color: white;
            position: absolute;
            top: 50%;
            left: 0.5em;
        }
            #HeaderMobile .offcanvas-header .btn-close::before {
                transform: rotate(45deg);
            }
            #HeaderMobile .offcanvas-header .btn-close::after {
                transform: rotate(-45deg);
            }
    
    #HeaderMobile .offcanvas-body {
        padding: 0;
    }
        #HeaderMobile .offcanvas-body ul#menu-menu-mobile {
            margin: 0;
        }

    .MenuBurger.Mobile .sub-menu {
        max-height: 0;
        background: var(--grigio5);
        padding: 0 0 0 1.2em;
        margin: 0;
        transition: max-height 0.4s ease;
        overflow: hidden;
    }
        .MenuBurger.Mobile .menu-item-has-children.open > .sub-menu {
            max-height: 1000px !important; 
        }   
            .MenuBurger.Mobile a:hover {
                color: var(--rosso);
            }
            .offcanvas-body .MenuBurger.Mobile .sub-menu li a {
                display: block;
            }

    div#offcanvasNavbar {
        width: 100%;
        background: var(--grigio1);
    }
        .offcanvas-header {
            justify-content: end;
        }

        .offcanvas-body .MenuBurger.Mobile .menu-mobile ul.menu > li.menu-item {
            width: 100%;
            font-size: 2em;
            padding: 0em;
            position: relative;
        }
            .offcanvas-body .MenuBurger.Mobile .menu-mobile ul.menu > li.menu-item > a {
                width: 100%;
                font-size: 0.7em;
                font-weight: 500;
                text-transform: uppercase;
                padding: 0.2em 0em 0.2em 0.8em;
                display: inline-block;
                position: relative;
            }
                .offcanvas-body .MenuBurger.Mobile .menu-mobile ul.menu > li.menu-item.open > a {   
                    background: var(--grigio4);
                    color: var(--grigio1);
                }
                    .offcanvas-body .MenuBurger.Mobile .menu-mobile ul.menu > li.menu-item > a:after {
                        content: "";
                        width: 10px;
                        height: 10px;
                        border-left: 2px solid white;
                        border-bottom: 2px solid white;
                        transform-origin: center center;
                        position: absolute;
                        top: 50%;
                        transform: translate(50%, -50%) rotate(-135deg);
                        transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.3s ease;
                    }
                        .offcanvas-body .MenuBurger.Mobile .menu-mobile ul.menu > li.menu-item.open.active > a:after {
                            transform: translate(60%, -74%) rotate(-45deg);
                            border-left-color: var(--grigio1);
                            border-bottom-color: var(--grigio1);
                        }

            .offcanvas-body li.menu-item a {
               color: white;
            }

        .offcanvas-body .MenuBurger.Mobile .menu-mobile ul.menu > li.menu-item ul.sub-menu li {
            font-size: 0.8em;
            padding: 0.3em 0;
        }


    /* HOMEPAGE */

    .Homepage .TitoloPrincipale {
        margin: 0.6em 0;
    }

    .TestoData {
        margin-top: 0.6em;
    }

    .Homepage .EventoPrincipale .TestoLinkVai {
        position: relative;
        left: 0em;
    }


    /* Prossimamente */

    .Homepage .wpem-event-box-col {
        width: 50% !important;
        max-width: 50% !important;
        flex: 0 0 50% !important;
    }

    .Homepage .Prossimamente .event_listings {
        padding-bottom: 1em;
    }


    /*slider home*/
    
    .HomePageSlider,
    .SfondoHomeSlider.Background,
    .Homepage #carouselExampleCaptions .carousel-inner .carousel-item {
        height: 60vh;
    }


    /* Componente promozioni */

    .AggiornamentiPromo img {
        display: none;
    }

    .Promozioni #mupwp-form-submit-container input {
        bottom: 0em;
    }


    /* SEZIONE COOKIE */

    #ct-ultimate-gdpr-cookie-open {
        z-index: 100;
    }

    .ct-ultimate-gdpr-cookie-popup-10-set.ct-ultimate-gdpr-cookie-bottomPanel.ct-ultimate-gdpr-cookie-popup-wafer #ct-ultimate-gdpr-cookie-content {
        width: 100% !important;
    }

    .ct-ultimate-gdpr-cookie-popup-10-set.ct-ultimate-gdpr-cookie-bottomPanel.ct-ultimate-gdpr-cookie-popup-wafer .ct-ultimate-gdpr-cookie-popup-btn-wrapper {
        width: 100% !important;
    }  

    #ct-ultimate-gdpr-cookie-modal-close, #ct-ultimate-gdpr-cookie-modal-compact-close {
        width: 18px;
        height: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
    }


    /* PAGINA BIGLIETTERIA */

    .Biglietteria .BottoneRosso {
        width: fit-content;
        padding: 0.4em 1.2em;
    }

    .Biglietteria .InfoBiglietti .InfoOrari,
    .Biglietteria .InfoBiglietti .InfoDove {
        padding: 0em 1.8em;
    }
        .Biglietteria .InfoBiglietti .InfoDove::before,
        .Biglietteria .InfoBiglietti .InfoOrari::before {
            left: 0em;
        }
    

    /* PAGINA STAGIONE */

    .Stagione .tab-controls {
        margin-bottom: 1.5em;
    }

    .Quadrato {
        width: 158px;
    }

    .Stagione .ContenitoreEditor {
        padding-right: calc(var(--bs-gutter-x) * .5);;
    }

    .Stagione h3.wpem-heading-text {
        min-height: unset;
    }

    .Stagione .wpem-event-listings.wpem-event-listing-box-view .wpem-event-layout-wrapper .wpem-event-banner .wpem-event-banner-img {
        height: 230px;  
    }


    /* PAGINA SINGOLO EVENTO */

    .single_event_listing .H1Titolo {
        font-size: 2.8em;
    }   

    .single_event_listing .BottoneStagione span.wpem-event-category-text.event-category {
        width: 100px;
        height: 100px;
    }

    .single_event_listing  .ContInfoSingoloEvento {
        margin-top: 1.7em;
    }

    .single_event_listing .EventiDescrizioneBreve, 
    .CollabExt .EventiDescrizioneBreve {
        width: 80%;
    }

    .Stagione .BottoneCalendario, 
    .single_event_listing .BottoneCalendario, 
    .CollabExt .BottoneCalendario {
        padding: 1.9em;
    }

    .single_event_listing .ContInfoSingoloEvento {
        width: 100%;
        display: flex;
        gap: 1em;
        flex-wrap: wrap;
    }
    .single_event_listing .ContInfoSingoloEvento div {
        gap: 1em;
        flex: 1 1 calc(50% - 10px);
    }
        .single_event_listing .ContInfoSingoloEvento div img {
            width: 16px;
        }
        .single_event_listing .ContInfoSingoloEvento div p {
            font-size: 1.1em;
            line-height: 1.2em;
        }

    .accordion-item .Editor {
        column-count: 1;
    }


    /* PAGINA STUDIO DI REGISTRAZIONE */

    .StudioRegistrazione .CardStudio {
        min-height: 440px;
    }
        .StudioRegistrazione .CardStudio img {
            height: 260px;
        }


    /* PAGINA PER LE AZIENDE */

    .PerAziende .BloccoBrochure img {
        height: auto;
    }


    /* PAGINA BISTROT */

    .BistrotTeatro .LinkDettagli {
        font-size: 1em;
    }


    /* PAGINA DOVE SIAMO */

    .DoveSiamo .Height100  .Editor {
        display: flex;
        justify-content: start;
        gap: 2.9em;
        align-items: start;
        margin-bottom: 1.8em;
    }

    .DoveSiamo .Height100 .Editor p {
        margin: 0 !important;
    }

    .DoveSiamo .ContComeRaggiungerci .Editor p {
        margin-bottom: 0.4em;
    }

    .DoveSiamo .Consenso {
        margin-top: 3em;
    }


    /* PAGINA STAFF/AMMINISTRAZIONE TRASPARENTE */

    .Staff .ContenitoreInfo {
        margin: 1em 1em 1em 1em;
        height: 110px;
    }

    .Staff .ListaPersone.Padding3Sopra {
        padding-top: 0em;
    }


    /* PAGINA SINGOLO EVENTO QR */

    .SingleEventi .UsoTelefono p {
        font-size: 0.9em;
    }

    .SingleEventi .ContenitoreTesti .Editor h2 {
        font-size: 1.2em;
    }
   

    /* PAGINA CALENDARIO */

    .Calendario .SingoloEvento .InfoEvento {
        min-height: 243px;
    }


    /* PAGINA SINGOLO EVENTO */

    .single_event_listing .VideoSingle iframe {
        height: 450px;
    }


    /* FOOTER */

    .FooterSocial {
        position: unset;
        margin-top: 1.8em;
    }

    .Footer .Policy {
        position: unset;
    }

}





@media screen and (max-width: 768px) {

    /* HEADER */

    .MenuPrincipale #menu-menu-principale {
        margin-left: 0;
        margin-top: 1em;
    }


    /* HOMEPAGE */

    /* Prossimamente */

    .Homepage .wpem-event-box-col {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }

    .Prossimamente .wpem-event-listings.wpem-event-listing-box-view .wpem-event-box-col {
        padding-bottom: 1.3em;
    }

    .Homepage .Prossimamente .event_listings {
        padding-bottom: 0em; 
    }

    .Homepage .event_listing_category-collaborazioni-esterne:before {
        background-position: center;
    }

    .Homepage .Prossimamente .wpem-event-box-col .wpem-event-banner-img {
        min-height: 500px;
    }

    .Prossimamente .SingoloEvento .TitoloEvento {
        height: auto;
    }


    /* Componente Promozioni */

    .Promozioni #mupwp-form-submit-container input {
        position: relative;
    }

    .Promozioni #mupwp-form-fields .mupwp-form-field:nth-child(1) {
        width: 100%;
    }

    .Promozioni #mupwp-form-fields .mupwp-form-field:nth-child(2) {
        width: 100%;
        margin-left: auto;
    }

    div#mupwp-form-submit-container {
        margin-top: 0.9em;
        display: inline-block;
    }


    /* Fondazione */

    .Homepage .Fondazione p {
        margin-top: 0.9em;
    }


    /* Partners */

    .Homepage .Partners .ContPartner {
        gap: 1em;
    }
        .ContPartner img {
            max-height: 64px;
        }


    /* PAGINA BIGLIETTI */

    .Biglietteria .BigliettiSingoli .Editor, 
    .Biglietteria .Abbonamenti .Editor {
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }
        .Biglietteria thead th {
            font-size: 0.9em;
            padding: 0.9em 1em;
        }
            .Biglietteria tbody tr td:not(:first-child) {
                font-size: 0.8em;
            }

    .Biglietteria .InfoBiglietti .InfoDove::before,
    .Biglietteria .InfoBiglietti .InfoOrari::before {
        width: 20px;
        height: 25px;
        top: -0.2em;
    }
        .Biglietteria .InfoBiglietti .InfoOrari::before {
            height: 20px;
        }


    /* PAGINA STORIA TEATRO */

    .swiper {
        height: 300px;
    }

    .swiper-backface-hidden .swiper-slide {
        width: 45% !important;
    }


    /* PAGINA STUDIO DI REGISTRAZIONE */

    .StudioRegistrazione .ContSerrvizziStudio .Editor ul {
        column-count: 1;
    }

    .StudioRegistrazione .CardStudio {
        min-height: fit-content;
    }
        .StudioRegistrazione .CardStudio img {
            height: 330px;
        }


    /* PAGINA PER LE AZIENDE */

    .PerAziende .ServiziAziende .Editor ul {
        column-count: 1;
    }

    .PerAziende .LeSale .SfondoGrigio {
        min-height: 490px;
    }
        .PerAziende .LeSale img {
            height: 360px;
        }

    .PerAziende .BottoneScarica2 {
        font-size: 0.8em;
    }


    /* PAGINA DIVENTA PARTNER */

    .DiventaPartner .ContVisibilita p:nth-child(1) {
        font-size: 2em;
    }

    .DiventaPartner .ContDatiPubblico p:nth-child(1) {
        font-size: 3.6em;
    }


    /* PAGINA BISTROT DEL TEATRO */

    .H1Titolo {
        font-size: 2.6em;
    }


    /* PAGINA CANALE BROADCAST */

    .Broadcast .Editor ul {
        column-count: 1;
    }


    /* PAGINA DOVE SIAMO */

    .FormContatto .Consenso .wpcf7-list-item label .wpcf7-list-item-label {
        width: 90%;
        font-size: 0.9em;
    }

    .FormContatto .BottoneInvia {
        font-size: 0.9em;
        padding: 0.3em 1.7em;
        margin-top: 1.5em;
        position: unset;
    }


    /* PAGINA REGOLAMENTO DI SALA */
    
    .Regolamento .ContRegole .Editor,
    .Regolamento .ContInfoServizi .Editor {
        column-count: 1;
    }


    /* PAGINA STAGIONE */

    .Quadrato {
        width: 109px;
        height: 63px;
    }

    .Quadrato a {
        font-size: 0.8em;
        padding: 0.8em;
        text-align: center;
    }

    .Stagione .wpem-event-box-col {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }
        .Stagione .wpem-event-listings.wpem-event-listing-box-view .wpem-event-layout-wrapper .wpem-event-banner .wpem-event-banner-img, 
        .single_event_listing .wpem-event-listings.wpem-event-listing-box-view .wpem-event-layout-wrapper .wpem-event-banner .wpem-event-banner-img, 
        .CollabExt .wpem-event-listings.wpem-event-listing-box-view .wpem-event-layout-wrapper .wpem-event-banner .wpem-event-banner-img,
        .SingleEventi .wpem-event-listings.wpem-event-listing-box-view .wpem-event-layout-wrapper .wpem-event-banner .wpem-event-banner-img {
            height: 400px;
        }

        .Stagione .wpem-event-listings.wpem-event-listing-box-view .wpem-event-layout-wrapper .wpem-event-infomation .wpem-event-details {
            min-height: 200px;
        }

        .Stagione .EventiDescrizioneBreve,  
        .CollabExt .EventiDescrizioneBreve,
        .SingleEventi .EventiDescrizioneBreve {
            width: 70%;
        }


    /* PAGINA CALENDARIO */

    .Calendario select#categorie_eventi {
        width: 96%;
    }

    .Calendario .ContenitoreEventi .SingoloEvento img {
        height: 380px;
    }

    .Calendario .SingoloEvento .InfoEvento {
        min-height: auto;
    }

    .Calendario .SingoloEvento .TitoloEvento {
        height: auto;
    }


    /* PAGINA STAFF/AMMINISTRAZIONE */

    .Staff .ContenitoreInfo {
        height: auto;
    }


    /* PAGINA SINGOLO EVENTO */

    .single_event_listing .VideoSingle iframe {
        height: 370px;
    }
    

    /* FOOTER */

    .FooterSocial {
        justify-content: center;
        width: 100%;
    }


    /* PAGINA VISITA IL TEATRO */

    .IlTeatro .ContVirtualTour iframe {
        max-height: 400px;
    }

}





@media screen and (max-width: 576px) {

    /* GENERALE */

    .H2Testo {
        font-size: 1.7em;
    }

    .TestoSottoTitolo {
        font-size: 1.1em;
    }

    .BottoneScarica {
        width: fit-content;
        font-size: 0.9em;
        margin-left: auto;
        display: block;
        position: relative;
    }


    /* header menu burgher */

    .offcanvas-body .MenuBurger.Mobile .menu-mobile ul.menu > li.menu-item {
        font-size: 1.6em;
    }


    /* HOMEPAGE */

    .HomePageSlider, .SfondoHomeSlider.Background, 
    .Homepage #carouselExampleCaptions .carousel-inner .carousel-item {
        height: 45vh;
    }

    
    /* Prossimamente */

    .Homepage .Prossimamente .wpem-event-box-col h3.wpem-heading-text {
        font-size: 1.3em !important;
        width: 100%;
    }


    /* Componente Promozioni */

    .Promozioni .H2Testo {
        font-size: 1.7em;
    }

    .Promozioni #mupwp-form-submit-container input {
        font-size: 0.9em;
    }


    /* PAGINA STORIA TEATRO */

    .swiper {
        height: 200px;
    }


    /* PAGINA DOVE SIAMO */

    .DoveSiamo .ContComeRaggiungerci {
        padding: 0em 0em 0em 1em;
    }

    .DoveSiamo .Padding2 {
        padding-top: 1em;
        padding-bottom: 1em;
    }


    /* PAGINA SIGLE EVENTO */

    .single_event_listing .row.Padding4Sotto {
        padding-bottom: 1em;
    }

    .single_event_listing .H1Titolo {
        font-size: 2.1em;
    }

    .single_event_listing .BottoneStagione span.wpem-event-category-text.event-category {
        width: 145px;
        height: 65px;
        margin-left: unset !important;
    }

    .single_event_listing .BottoneScarica {
        margin-top: 1em;
        margin-left: 1em;
    }

    .single_event_listing .VideoSingle iframe {
        height: 300px;
    }

    
    /* PAGINA SINGOLO NEWS */

    .SingleNews .Editor {
        word-break: break-all;
    }


    /* PAGINA COLLABORAZIONE - EDUCATIONAL */

    .wpem-event-listings-header .wpem-event-listing-header-title .wpem-heading-text {
        text-align: start !important;
    }


    /* PAGINA STAGIONE */

    .Stagione .tab-controls {
        gap: 0.6em;
    }
        .Stagione .CateogiraCalendario .wpem-event-category-text.event-category, 
        .single_event_listing .CateogiraCalendario .wpem-event-category-text.event-category,
        .CollabExt .CateogiraCalendario .wpem-event-category-text.event-category {
            font-size: 1em;
        }

        h3.wpem-heading-text {
            width: 100%;
            font-size: 1.4em !important;
        }

    .Stagione .BottoneCalendario,
    .CollabExt .BottoneCalendario,
    .single_event_listing .BottoneCalendario {
        padding: 1.7em;
    }


    /* PAGINA CALENDARIO */



}










@media screen and (max-width: 450px) {

    /* GENERALE */

    .H1Titolo {
        font-size: 1.8em;
    }

    .TestoData {
        font-size: 1em;
    }

    .TitoloPrincipale {
        font-size: 1.6em;
    }
    

    /* HEADER */

    .header .LogoHeader img {
        height: 33px;
    }
 
    .header .HeaderSocial {
        top: 53%;
        right: 3.2em;
        gap: 1em
    }
        .header .HeaderSocial img {
            height: 18px;
        }


    /* HOMEPAGE */

    .Homepage .Aziende .ContenitoreScopri {
        flex-direction: column;
        align-items: start;
    }

    .Homepage .event_listing_category-collaborazioni-esterne:before {
        background-position: unset;
        background-size: contain;
    }

    .Homepage .Prossimamente .wpem-event-box-col .wpem-event-banner-img {
        min-height: 310px;
    }


    /* PAGINA DOVE SIAMO */

    .DoveSiamo .Height100 .Editor {
        flex-direction: column;
    }

    
    /* SEZIONE COOKIE */

    #ct-ultimate-gdpr-cookie-popup.ct-ultimate-gdpr-cookie-popup-wafer {
        padding: 20px 20px !important;
    }

    .ct-ultimate-gdpr-cookie-modal-slider li {
        width: 41%;
    }


    /* PAGINA DIVENTA PARTNER */

    .DiventaPartner .ContVisibilita p:nth-child(1) {
        font-size: 1.9em;
    }

    .DiventaPartner .ContDatiPubblico p:nth-child(1) {
        font-size: 2.2em;
    }

    .DiventaPartner .ContVisibilita p:nth-child(2), 
    .DiventaPartner .ContDatiPubblico p:nth-child(2) {
        font-size: 0.7em;
    }


    /* PAGINA STAFF */

    .Staff .PulsantiAmm .BottoneScarica2 {
        min-width: 124px !important;
        font-size: 0.8em;
        padding: 0.8em 0.5em;
    }


    /* PAGINA STAGIONE */

    .Quadrato {
        width: 46%;
    }


    /* PAGINA CALENDARIO */

    .Calendario form.wpem-main.wpem-form-wrapper.wpem-event-filter-wrapper.event_filters {
        width: 92%;
    }

    .Stagione .wpem-event-listings.wpem-event-listing-box-view .wpem-event-layout-wrapper .wpem-event-banner .wpem-event-banner-img, 
    .single_event_listing .wpem-event-listings.wpem-event-listing-box-view .wpem-event-layout-wrapper .wpem-event-banner .wpem-event-banner-img, 
    .CollabExt .wpem-event-listings.wpem-event-listing-box-view .wpem-event-layout-wrapper .wpem-event-banner .wpem-event-banner-img,
    .SingleEventi .wpem-event-listings.wpem-event-listing-box-view .wpem-event-layout-wrapper .wpem-event-banner .wpem-event-banner-img  {
        height: 341px;
    }

    .Stagione .wpem-event-listings.wpem-event-listing-box-view .wpem-event-layout-wrapper .wpem-event-infomation .wpem-event-details, 
    .single_event_listing .wpem-event-listings.wpem-event-listing-box-view .wpem-event-layout-wrapper .wpem-event-infomation .wpem-event-details, 
    .CollabExt .wpem-event-listings.wpem-event-listing-box-view .wpem-event-layout-wrapper .wpem-event-infomation .wpem-event-details,
    .SingleEventi .wpem-event-listings.wpem-event-listing-box-view .wpem-event-layout-wrapper .wpem-event-infomation .wpem-event-details {
        min-height: fit-content;
    }

    .Stagione .BottoneCalendario, 
    .single_event_listing .BottoneCalendario, 
    .CollabExt .BottoneCalendario,
    .SingleEventi .BottoneCalendario {
        padding: 1.4em;
    }

    .Calendario form#filtro-categorie {
        top: 3.2em;
    }


    /* PAGINA SIGLE EVENTO */

    .single_event_listing .H1Titolo {
        font-size: 1.6em;
    }

    .single_event_listing .BottoneStagione span.wpem-event-category-text.event-category {
        font-size: 0.8em;
    }

    .single_event_listing .InfoEvento .Data {
        font-size: 1.2em;
    }

    .single_event_listing .ContInfoSingoloEvento {
        flex-direction: column;
        gap: 0.2em;
    }
        .single_event_listing .ContInfoSingoloEvento div {
            flex: unset;
        }


    /* PAGINA PER LE AZIENDE */

    .PerAziende .LeSale .SfondoGrigio {
        min-height: 440px;
    }

    .PerAziende .LeSale img {
        height: 285px;
    }

    .PerAziende .BloccoBrochure img {
        height: 225px;
    }


    /* PAGINA STUDIO REGISTRAZIONE */

    .StudioRegistrazione .LinkDettagli {
        position: relative;
        bottom: 0;
        right: unset;
    }


    /* PAGINA AMMINISTRAZIONE */

    .Staff .H1Titolo {
        font-size: 1.6em;
    }


    /* PAGINA AREA STAMPA */

    .ArchiveNews .Articolo h2 {
        height: fit-content;
    }
    

    /* PAGINA VISITA IL TEATRO */

    .IlTeatro .ContVirtualTour iframe {
        max-height: 400px;
    }


    /* COMPONENTE PER STAPARE EVENTI */

    .wpem-row {
    
        margin-right: unset !important;
        margin-left: unset !important;
    }

    .wpem-event-box-col.wpem-col.wpem-col-12.wpem-col-md-6.wpem-col-lg-4 {
        padding-left: 0 !important;
        padding-right: 0 !important; 
    }
}