/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 12 ott 2020, 16:42:04
    Author     : francescoimpala
*/

@media all and (max-width: 1690px) { }
@media all and (max-width: 1280px) { 
    /*LOOP*/
    .archiveConcert .boxReplicaLoop {
        width:44%;
        margin-right: 5%;
    }
    .newsHighlight.newsLoop .contenuto {
        width: 50%;
    }
    .elencoReplicaLoop .left, .elencoReplicaLoop .right {
        width: 100%;
    }
    .elencoReplicaLoop .left .iconWrap {
        justify-content: flex-end;
    }
}
@media all and (max-width: 1024px) {
    
    
    /*GLOBAL*/
    .box{
        box-sizing: border-box; /*altrimenti si verifica uno scroll orizzontale nel mobile quando vi sono dei box slider*/
    }
    .flex.block1024 {display: block;}
    .flex.block1024 > * {width: 100%!important;}
    .flex.block1024 > *:not(:last-child) {margin-bottom: 3rem}

    .wideNav{display: none;}
    .colsWrap{display: block;}
    .leftCol{width: 100%;}
    .rightCol{width: 100%; margin-top: 3rem;}
    .newsletterStripeContent {width: 100%;}
    .only1024 {display: block;}
    .not1024, .not1024.flex{display: none;}
    .only1024.flex {display: flex;}
    .only1024.flex {display: flex;}
    .mainWrap, .mainWrapAbsolute, .mobNav .inside {
        padding-right: 0;
        padding-left: 0;
    }
    
    
    
    
    .qmenu {
        display: block;
    }
    .qmenu > li {
        width: auto;
        font-size: 2rem;
        margin-bottom: 2rem;
        
    }
    .qmenu > li > a {
        min-height: 0;
        margin-bottom: 1.2rem;
        cursor: pointer;
    }
    .qmenu .openable {
        position: relative;
        left: 1.5%;
        width: 98%;
    }
    
/*    .qmenu .menu-item .opening {
        display: block;
        position: relative;
    }*/
    /*FOOTER*/
    .footerMenu {
        margin-bottom: 0;
    }
    .footerMenu > li {
        width: 100%;
        text-align: center;
        margin: auto;
        border-top: 1px solid #999999;
    }
    .footerMenu > li > a {
        margin-top: 0.5rem;
    }
    .menu-item .opening:after {
        font-family: 'Material Icons';
        content: "\e315";
        font-size: 2.2rem;
        top: 0.5rem;
        position: relative;
    }
    .menu-item .opening.active:after {
        content: "\e313";
    }
    .logoFooter {
        display: block;
        padding: 0;
    }
    .footerWrap {
        text-align: center;
    }
    .siteFooter .bottom {
        margin-top: 0;
    }
    
    /*STRIPE*/
    .stripe.content_width_normal {
        padding-right: 0;
        padding-left: 0;
    }
    .stripe.content_width_tight {
        padding-right: 0;
        padding-left: 0;
    }
    .box:not(.box_w_1){
        width: 100%!important;
/*        padding-left: 5%!important;
        padding-right: 5%!important;*/
        margin-top: 5rem;
    }
    
    .stripeBoxes .box:first-child{
        margin-top: 0;
    }
    .stripe_view_desktop{
        display: none;
    }
    .stripe_view_mobile{
        display: block;
    }
    /*box upnext*/
    .box.box_type_upnext:not(.box_w_1) {
        width: auto!important;
    }
    .boxUpnext .leftSide {
        width: 100%;
        margin-bottom: 4rem;
    }
    
    /*box slider (image)*/
    .box_type_slider > .contentWrap {
        padding-left: 0;
        padding-right: 0;
    }
    .box_type_slider .boxHeader {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .box_type_slider .slideCaptionWrap {
        padding-right: 1.5rem;
        padding-left: 1.5rem;
    }
    .boxSlider.shadow_top_right .slick-list, .boxSlider.shadow_bottom_right .slick-list {
        right: 2rem;
    }
    .boxSlider.shadow_top_right  .slide .slideCaptionWrap, .boxSlider.shadow_bottom_right  .slide .slideCaptionWrap {
        left: 2rem;
    }
    .boxSlider.shadow_top_left .slick-list, .boxSlider.shadow_bottom_left .slick-list {
        left: 2rem;
    }
    .boxSlider.shadow_top_right, .boxSlider.shadow_top_left {
        margin-top: 2rem;
    }
    .boxSlider.shadow_bottom_right, .boxSlider.shadow_bottom_left {
        margin-bottom: 2rem;
    }
    .boxSlider .inside .slideContent {
        margin-bottom: 3rem;
        width: 80%;
    }
    
    /*LOOP*/
        /*replica*/
    .archiveConcert .boxReplicaLoop {
        width:30%;
        margin-right: 3%;
    }
    .archiveConcert, .archiveConcert .rightSide, .archiveConcert .mainFilterWrap {
        margin-top: 0;
    }
    .elencoReplicaLoop .left {
        width: 45%;
    }
    .elencoReplicaLoop .right {
        width: 55%;
    }
    .elencoReplicaLoop .left .iconWrap {
        justify-content: flex-start;
    }
        /*news*/
    .newsHighlight.newsLoop {
        padding-bottom: 0;
        height: auto;
        
    }
    .newsHighlight.newsLoop .cover {
        position: static;
        display: block;
        height: 0;
        padding-top: 30%;
        width: 100%;
        margin-bottom: 0;
    }
    .newsHighlight.newsLoop .contenuto {
        padding-right: 1.5rem;
        padding-left: 1.5rem;
        width: 100%;
    }
    
    .albumLoop {
        width: 45%;
        margin-right: 5%;
    }
    .elencoReplicaLoop .left .preferito {
        margin-left: 0;
    }

    /*mdeia loop*/
    .archiveReplace .mediaLoopAction {
        width: 100%;
    }
    .archiveReplace .mediaLoopAction .mediaLoop {
        margin-bottom: 5rem;
    }
    
    /*SINGOLE*/
    .single-course .boxCorso {
        padding-right: 0;
        padding-left: 0;
    }
    .single-course .stripe.boxesSection {
        padding-top: 0;
    }
    .single-course .boxesSection .boxMenu {

        margin-bottom: 8rem;
    }
    /*ARCHIVIO CONCERTI*/
    .archiveConcert .sides {
        flex-direction: column-reverse;
        
    }
    .archiveConcert .leftSide {
        border-top: 1px solid #b0bfc7;
        padding-top: 2rem;
        margin-top: 1rem;
    }
    .archiveConcert .sides > * {
        width: 100%;
        box-sizing: border-box;
    }
    .archiveConcert .filterSection {
        flex-direction: column;
        align-items: center;
        margin-top: 2rem;
    }
    .archiveConcert .filterSection .boundaryLine {
        width: 100%;
        margin: 0rem 0;
        border-color: #b0bfc7;
    }
    #ricerca {
        max-width: 400px;
        left:50%;
/*        -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);*/
    transform: translate(-50%, 0%);
    }
    .showFilters.flex {
        display: flex;
        margin-top: 3rem;
    }
    .showFilters > .flex{
        max-width: 400px;
    }
    /*box Highlight*/
    .boxHighlight .title {
        margin-top: 0;
    }
    .boxHighlight .content {
        width: 100%;
        min-width: fit-content;
    }
    
    /*cutslider*/
    .cutSlider .qsliderNext {
        margin-right: 1.5rem;
    }

    .centralWrap {width: 80%;}

}
@media all and (max-width: 768px) {
    h1, .fs70, .fs60{font-size: 5.0rem; line-height: 5rem;}

    .onlyPad {display: block;}
    .notPad{display: none;}
    .flex.block768 {display: block;}
    .flex.block768 > * {width: 100%!important}
    .flex.block768 > *:not(:last-child) {margin-bottom: 3rem}
    .footerWrap{flex-wrap: wrap;}
    .footerWrap > * {width: 100%;}
    .footerWrap .right{margin-top: 2rem;}
    .mainWrap {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }
    .centralWrap {width: 100%; box-sizing:  border-box; padding-right: 0; padding-left: 0}
    /*STRIPEHEADER*/
    .stripeHeaderContent .postTitle {
        max-width: 80%;
    }
    
    /*box Highlight*/
    .boxHighlight .blueBar{
        width: 100%;
        left: 1.5rem;
    }
    .boxHighlight .imageSide .imageWrap {
        left: 0;
        display: block;
        top: 2rem;
    }
    .boxHighlight .imageSide {
        margin-bottom: 2rem;
    }
    .boxHighlight .image {
        left: -1.5rem;
        top: 2rem;
    }
    .boxHighlight .imageSide .buttonsContainer {
        position: static;
    }
    /*LOOP*/
    .archiveConcert .boxReplicaLoop {
        width:44%;
        margin-right: 5%;
    }
    
    .newsHighlight.newsLoop .cover {
        padding-top: 50%;
    }
    
    .courseLoop .titolo {
        width: 50%;
    }
    .courseLoop .rightSide {
        width: 50%;
    }
    .courseLoop .label {
        margin-bottom: 1rem!important;
    }
    .elencoReplicaLoop .doveQuando, .elencoReplicaLoop .buttonsContainer {
        min-width: inherit;
    }
    .elencoReplicaLoop .left, .elencoReplicaLoop .right {
        width: 100%;
    }
    .elencoReplicaLoop .left .iconWrap {
        justify-content: flex-end;
    }
    
    /*archive concert*/
    .archiveConcert #archiveWrap {
        margin-top: 3rem;
    }

    .leadLightbox {
        max-width: 80%;
    }

    /*woocommerce - dashboard*/

    .woocommerce-account .mediaLoopAction {
        width: 100%;
    }
    /*sc-media*/
    .lbMediaWrap .scGalleryItem .content {
        padding: 2rem 2rem 2rem 0;
    }



    
    
}
@media all and (max-width: 480px) {
    .onlyMobile {display: block;}
    .notMobile{display: none;}
    .flex.blockMobile {display: block;}
    .flex.blockMobile > * {width: 100%;}
    .flex.blockMobile > *:not(:last-child) {margin-bottom: 3rem}
    h1, .fs70, .fs60{font-size: 4.0rem; line-height: 4rem;}
    h2, .fs56 {font-size: 3.6rem; line-height: 3.6rem; }
    h3, .fs36 {font-size: 2.4rem; line-height: 2.4rem; }
    /*header*/
    .headerLogoInside svg {
        width: 100px;
    }
    .headerLogoInside .minisite {
        padding: 2rem 0 2rem 2rem;
        font-size: 1.6rem;
        line-height: 1.6rem;
    }
    .mobMenuIcon {
        top: 2rem;
        height: 6rem;
        width: 6rem;
    }
    .mobMenuIcon i {
        font-size: 3rem;
    }
    .socialLinksWrapper .shareItems .item {
        padding-left: 0;
        padding-bottom: 1rem;
    }
    .socialLinksWrapper .shareItems .item a[title=Facebook] {
        margin-left: 0.5rem;
    }
    .siteHeader .searchFormWrap {
        top: 11rem;
        right: -1.5rem;
    }
    .navWrapper .reservedArea {
        top: 8rem;
        position: absolute;
        right: -1.5rem;
    }
    .navWrapper .searchForm, .navWrapper .socialLinks, .navWrapper .languageSwitch  {display: none;}

    .stripeHeaderContent .postTitle {
        max-width: 100%;
    }
    .searchFormWrap form {
        max-width: 300px;
    }
    /*LOOP*/
    .archiveConcert .boxReplicaLoop {
        width:100%;
        margin-right: 0%;
    }
    
    /*box slider*/
    .box_type_slider .slideTitle {
        font-size: 4rem;
        line-height: 4rem;
    }
    .newsLoop {
        margin-bottom: 6rem;
    }
    .newsLoop .cover {
        display: block;
        margin-bottom: 0!important;
        padding-top: 50%;
    }
    .newsLoop .contenuto {
        width: 100%;
        padding-top: 0;
    }
    .newsHighlight.newsLoop .cover {
        padding-top: 60%;
    }
    .newsHighlight.newsLoop .contenuto {
        padding: 3rem 1rem 2rem 1.5rem;
        width: 100%;
    }
    .elencoReplicaLoop .right .doveQuando {
        width: 100%;
    }
    .elencoReplicaLoop .right .buttonsContainer {
        width: 100%;
        justify-content: space-between;
        margin-top: 10px;
    }
    .qsliderWrap .imageWrap img {
        height: auto;
        width: 100%;
        margin-right: 0;
    }
    /*mailup form*/
    .mailUpForm button.button.raised{
        margin-left: 0;
        max-width: 300px;
        margin: auto;
        display: block;
    }
    .mailUpForm #campo2{
        margin-left: 0;
    }
    /*single-concert*/
    .single-concert .persona .ruolo, .single-concert .brano .autore, .single-concert .durata .label {
        width: auto;
    }
    .single-concert .persona, .single-concert .brano, .single-concert .durata {
        justify-content: space-between;
    }
    .single-concert .persona .nome, .single-concert .brano .titolo {
        text-align: right;
    }
    /*sponsor*/
    .stripeSponsors .riga {
        margin-bottom: 2rem;
    }
    .stripeSponsors .sponsor {
        margin-bottom: 1rem;
    }
    
    /*minisite menu*/
    .menuMinisiteWrap {
        margin-top: 1rem;
    }
    .minisiteMenu {
        font-size: 1.2rem;
        display: inline;
        line-height: 1.4rem;

    }
    .minisiteMenu li {
        display: inline;
    }
/*    .minisiteMenu li:not(:last-of-type):after {
        display: none;
    }*/
    
    /*slider*/
    .cutSlider .qsliderArrows {
/*        display: none;*/
    }
    .cutSlider.uncutMobile .qsliderArrows {
        display: block;
        width: 100%;
    }
    .cutSlider.uncutMobile .qsliderArrow {
        display: inline-block;
    }
    .cutSlider.uncutMobile .qsliderArrow.pseudoNext {
        display: none;
    }
    .cutSlider.concertSlider .slick-slide{
        width: 100%;
    }
    .cutSlider.concertSlider .preview {
        max-width: 100%;
        height: auto;
        max-height: 30rem;
    }
    .entryContent img.qgalleryItem {
        height: 200px;
    }
    /*box Highlight*/
    .boxHighlight .title {
        max-width: 60%;
    }
    .leadLightbox {
        max-width: 100%;
    }

    /*sc media*/
    .lbMediaWrap .audioWrap {
        padding: 0;
    }



}