:root {
    --rosso: #7B2128;
    --rosa: #ECDEDD;
    --grigio: #E6E6E6;
    --verdino: #F1EFDA;
    --grigino: #ABABAB;
    --grigioscuro: #646464;
}


/*
X-Small	None	0–576px
Small	sm	≥576px
Medium	md	≥768px
Large	lg	≥992px
Extra large	xl	≥1200px
Extra extra large	xxl	≥1400px
*/

@media (max-width: 1400px) { 
    .owl-item .btn{
        padding-left: 0;
        padding-right: 0;
        width: 46%;
        float: left;
        margin:0 1%
    }

    #contatti h2{
        font-size: 25px;
    }

}
@media (max-width: 1200px) { 
    .owl-item .btn{
        width: 100%;
        
    }
    #contatti h2{
        font-size: 20px;
    }
}

@media (max-width: 768px) { 
    /* FOOTER */
    #footer{
        border-top:0;
        clear: both;
        margin-top: 20px;
    }
    #footer .footer-widgets-wrap *{
        text-align: center;
       
    }
    #footer .footer-widgets-wrap{
        margin:0;
        padding:0;
    }
    #footer .footer-widgets-wrap .new-footer{
        margin:0;
        padding-bottom: 10px;
    }

    #footer  .footer-widgets-wrap .widget_links {
        margin:1rem 0 0 0 ;
        padding-bottom: 10px;
    }
    #footer .link-site-map{
        padding-top:0!important
    }

    #footer .footer-widgets-wrap .col-md-3{
        padding-bottom: 0;
    }
    #footer .footer-widgets-wrap > .lista-footer-2{
        clear: both;
        float:none;
    }
    #footer .footer-social-icons{
        width: 150px;
      margin: auto;

    }
    #footer .lista-footer-2 .lista-footer-2{
        float:left;
        width:50%;
        padding: 0 .5rem;
    }
    #footer .lista-footer-2 .lista-footer-2:first-child{
        text-align:right;
        border-right:1px solid var(--grigioscuro);
    }
    #footer .lista-footer-2 .lista-footer-2:nth-child(2){
        text-align:left
    }
    #footer .grid-inner {
        margin:0;
        width:100%
    }

    
    

}

/* Small devices (landscape phones, 576px ) 750 */
@media (max-width: 576px) { 
    
    .header-misc{
        display: none;
    }
    .top-bar-mobile{
        display: block;
    }
    .top-bar-desktop{
        display: none;
    }
    #top-bar .header-misc{
        display: flex;
        margin-top: 3px;
    }
    .header-row{
        width:100%;
        padding:0!important;
        flex-wrap:wrap

    }
   #logo{
       width:50%
   }
    .retina-logo{
        display: none;
    }
    #primary-menu-trigger{
        width:20%!important;
    }
    .primary-menu{
        width:100%
    }
    .menu-item-separator{
        border-bottom: 1px solid var(--grigioscuro);
    }
    .menu-link.has-children div::after{
        
        content: "";
     
    }
    
    /* FOOTER */
    #footer{
        border-top:0;
        clear: both;
        margin-top: 20px;
    }
    #footer .footer-widgets-wrap *{
        text-align: center;
       
    }
    #footer .footer-widgets-wrap{
        margin:0;
        padding:0;
    }
    #footer .footer-widgets-wrap .new-footer{
        margin:0;
        padding-bottom: 10px;
    }

    #footer  .footer-widgets-wrap .widget_links {
        margin:1rem 0 0 0 ;
        padding-bottom: 10px;
    }
    #footer .link-site-map{
        padding-top:0!important
    }

    #footer .footer-widgets-wrap .col-md-3{
        padding-bottom: 0;
    }
    #footer .footer-widgets-wrap > .lista-footer-2{
        clear: both;
        float:none;
    }
    #footer .footer-social-icons{
        width: 150px;
      margin: auto;

    }
    #footer .lista-footer-2 .lista-footer-2{
        float:left;
        width:50%;
        padding: 0 .5rem;
    }
    #footer .lista-footer-2 .lista-footer-2:first-child{
        text-align:right;
        border-right:1px solid var(--grigioscuro);
    }
    #footer .lista-footer-2 .lista-footer-2:nth-child(2){
        text-align:left
    }
    #footer .grid-inner {
        margin:0;
        width:100%
    }

    #copyrights{
        color: #fff;
        clear: both;
       
        text-align: center;
    }


    /******************************* HOME **************************************/
    .home #slider{
        margin-top: 0px;
    }
    /*
    .home .slider-caption.slider-caption-sinistra{
        margin-top: 50px;
    }*/
    .slider-caption .container-overlay{
        padding-top: 5rem;
        padding-left: 3rem!important;
    padding-right: 3rem;
    }
    .home .overlay-title{
        font-size: 1rem;
    }
    .home .swiper_wrapper .swiper-container{
        margin-top:0
    }
    .home .eventi-calendario h4{
        display: none;
    }
    .home .eventi-calendario h1{
        font-size: 1rem;
        margin: 1rem 2rem;
    }
    .swiper-slide{
        margin-top: 0!important;
    }
    /* biglietteria */
    .biglietteria {
        min-height: 10rem;
    }
    .home #link-biglietteria{
        padding-top:1.2em;
        line-height: 1.3rem;
    }
    .home #link-biglietteria a{
        font-size: 1.2rem;
        text-decoration: underline!important;
    }
    .evento-bottoni a{
        width:100%;
        margin-top:10px
     }

    /* categorie spettacolli */
    #section-categoria-spettacoli{
        display: block!important;
        width: 90%;
        margin: auto;
        
        box-shadow:
        0 2.8px 2.2px rgba(0, 0, 0, 0.034),
        0 6.7px 5.3px rgba(0, 0, 0, 0.048),
        0 12.5px 10px rgba(0, 0, 0, 0.06),
        0 22.3px 17.9px rgba(0, 0, 0, 0.072),
        0 41.8px 33.4px rgba(0, 0, 0, 0.086),
        0 100px 80px rgba(0, 0, 0, 0.12),
    }
    #section-categoria-spettacoli .sezione {
        width:50%;
        float:left;
        height: 100px;
        padding-left: 1rem;
        padding-right: 1rem;
        padding-top: 1rem;
    }
   
    #section-categoria-spettacoli .fbox-content{
        padding:unset;
    }
    #section-categoria-spettacoli .sezione h1{
        font-size: 1.2rem;
    }
    #section-categoria-spettacoli .sezione .fbox-content span:first-child{
        display: unset;
        height: auto;
    }
    .grid-filter{
        width:100%;
        margin-bottom: 0;
    }
    .grid-filter li{
        width:33%
    }
    

    /* calendario */
    
    .eventi-carosello{
        margin:0 20px;
    }
    .eventi-carosello .entry{
        margin: 0;
        padding: 0;
    }
    .calendario {
        padding:0;
    }
    .calendario h4{
        text-align: center;
    }
    .calendario h1{
        font-size: 1.5rem;
        text-align: center;
    }
    .event .grid-inner{
        background: none;
        border-bottom: 0;
    }
    .date-evento{
        font-size: .8rem;
       
    }
    .evento-desc h3{
        font-size: 1rem;
        line-height: 1rem;
        min-height:35px;
    }
    .evento-desc span{
        width:100%;
        display: block;
    }
    .evento-desc span a{
        width: 100%;
        margin-bottom:3px;
        padding:1rem .5rem!important;
        float:left;

    }
    .evento-desc span a:first-child{
        margin-right:2%
    }
    .sede-evento{
        text-transform: uppercase;
        font-size: .8rem;
        margin-bottom: 5px;
    }
    .vedi-tutti-eventi{
        display: block;
        width: 100%;
        margin: 1rem 0 1.5rem 0;
        text-align: center;
        color:var(--grigioscuro);
        text-decoration: underline!important; 
    }

    .sezione-accademiamo .testo-amo{
        padding-top: 1rem;
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .sezione-accademiamo .immagine-amo{
        padding: 1rem 2rem;
        
    }
   


    /* newsletter */
    .sezione-newsletter{
       clear: both;
    }
    .sezione-newsletter > div{
        padding:0 2rem
    }
    .newsletter{
        display: block!important;
        padding:0 2rem;
    }
    
    #mail-newsletter{
        width:90%;
    }
    .sezione-newsletter .sottotitolo-nl{
        padding:0 1rem;
        font-size: 1.2rem;
    }
    .titolo-nl{
        font-size: 2rem;
        padding-left:0;
    }
    .check-nl {
        margin-top: 100px;
    }
    .check-nl label{
        font-weight: normal;
    }
    
    .newsletter .input-nl{
        width:80%;
        float:left;
        margin-bottom: 10px;
    }
    .newsletter .iscriviti-nl.d-lg-none {
        width: 20%;
        margin: 10px 0 0 0;
        padding: 0;
        float: left;
        
    }
    .newsletter .iscriviti-nl.d-lg-none .btn-newsletter{
        font-size:.8rem
    }


    /* whatsapp */
    .sezione-whatsapp{
        display: block!important;
        padding:0 0 2rem 2rem;
        clear: both;
        background: none;
        border:0;
        border-bottom: 1px solid  rgba(0,0,0,0.2); 
    }
    .whatsapp-nl div:first-child{
        float:left;
        width:10%
    }
    .whatsapp-nl div:nth-child(2){
        float:left;
        width:85%
    }
    .whatsapp-iscriviti-nl{
       margin:0;
    }
    .whatsapp-nl{
        padding:0;
        min-height: 70px;
    }
    
    /*sponsor*/
    .row-sponsor-title{
      display: none;
    }
    .sezione-sponsor{
       margin:0;
      
       border-bottom:1px solid rgba(0,0,0,0.2); 
       padding:30px 0;
       clear: both;
    }
    .sezione-sponsor .sponsor{
        padding-left:0
    }
    /* sipario */
    .sezione-sipario-virtuale .sipario-sx{
        padding:0 2rem;
        text-align: center;
    }
    .sezione-sipario-virtuale .sipario-dx{
        margin: 0 2rem;
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .sezione-sipario-virtuale .titolo-sipario{
        text-align: center;
    }
    .sezione-sipario-virtuale .sottotitolo-sipario{
        text-align: center;
    }
    
    .sezione-sipario-virtuale .titolo-sipario h1{
        font-size: 1.5rem;
    }

    .sezione-sipario-virtuale .logo-sipario{
        width:200px;
        margin:20px auto;
    }
    .sezione-sipario-virtuale .link-spettacolo a{
        font-weight: 300;
    }
    .img-sipario-mobile{
        display: block!important;
        padding:0 2rem
    }

    .sezione-sipario-virtuale .titolo-spettacolo{
        padding:0;
        font-size:1.3rem
    }

   

    /* festival */
    .festival-pianistico{
        display:none
    }

    .eventi-lista{
        padding: 0 1rem
    }


    .eventi-intro{
        padding:2.5rem 0 0 2rem
    }
    .eventi-lista .eventi{
        padding:0;
        width:20%;
        float:left;
    }
    


    .eventi-lista .evento-titoli{
        width:80%;
        float:left;
        padding:0 0 0 20px!important;
        margin:0;
       border-right: 0;
    }
    .eventi-lista .row.divisore-verticale{
        margin:0 0 30px 0
    }
    .eventi-lista .eventi-testo{
        padding:0;
        font-size:1.3rem;
       
    }
    .eventi-lista .eventi-sottotesto{
        padding:0;
        font-size:0.8rem;
        margin-top:5px
    }


    /******************************* SPETTACOLI **************************************/
    .page-title h1{
        font-size: 1.5rem;
        margin-left:20px
    }
    .page-title h5{
        margin-left:20px
    }
    .page-body h1{
        font-size:1rem
    }
    
    .archivio-spettacoli{
        flex: unset;
        display: block!important;
        padding-left:0!important
    }
    .archivio-spettacoli .titolo-archivio{
        width:100%;
        font-size: 1.5rem;
        text-align: center;
    }
    .archivio-spettacoli a.btn{
        display: block;
    }
    .portfolio-item{
        margin-bottom: 1rem;
    }

     /******************************* EVENTO **************************************/
    .spettacolo, .spettacolo-image{
        padding-left:1rem;
        padding-right:1rem;
        
    }
    .card-body{
        padding-left:2rem;
    }
    .int-carta {
        padding:0 1rem 0 2rem;
        border:0
    }
    .int-carta a{
        font-size: 1rem;
    }
    .card-header .freccia i{
      margin-top: 1rem;
    }
    .info-evento{
        padding-bottom: 1rem;
    }
    .sidebar {
        margin-top: 0!important;
        padding:0!important;
        text-align: center;
    }
    .sidebar .tema-scuro{
       
        padding:0 2rem;
    }
    #contatti{
        padding:1rem 2rem;
        margin-top:0
    }
    #contatti h2{
        font-size:1rem
    }


     /******************************* 18 APP **************************************/
    .diciotto-app .postcontent {
        margin:0;
        padding-right:1rem!important
    }
    /******************************* Education **************************************/

    .lista-pagine a{
        padding:1rem 2rem;
    }

    .lista-pagine-numero{
        font-size: 2rem;
    }
    .lista-pagine-titolo{
        font-size: 1.5rem;
    }

    .organizza-evento-bottone a.button-rounded{
        width:90%!important;
        padding:1rem!important;
    }

    /******************************* Storia del teatro **************************************/

    .storia-teatro blockquote{
        padding-left:0
    }
    .storia-teatro .presentazione-immagine{
        padding-right:0!important;
     
    }
    .storia-teatro .spettacolo{
        padding-right: 2rem !important;
    }
    .storia-teatro .button-rounded{
        padding:20px;
        width:100%
    }

 /******************************* Ufficio stampa **************************************/
    .ufficio-stampa {
        padding-left:1rem;
    }
    .ufficio-stampa .postcontent {
        margin:0;
        padding-right:1rem!important
    }
}

/* Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }
*/