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





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

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


    
}





@media screen and (max-width: 1700px) {
 
    /* PAGE HOME */

    .Homepage h2 {
        font-size: 3.2em;
    }

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

}





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

    /* PAGINA SERVIZI */

    .ArchiveProgetti .glightbox img {
        height: 570px;
    }

    .Img2Prog {
        height: 368px;
    }

    .ContTestoProg {
        padding: 2.5em;
    }





    /* PAGINA SINGOLO MATERIALE */

    .PaddingGalleria {
        padding: 4em 4em 4em 4em;
    }





    /* PAGINA SERVIZI */

    .BackgroundServizi {
        height: 740px;
    }

}





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

    /* stile menu  */

    .MenuPrincipale a {
        padding: 0.7em 1.2em;
    }

    .MenuPrincipale .menu > li:last-of-type a {
        padding: 0.7em 2em;
    }





    /* PAGE HOME */

    .Homepage .Padding5Sotto {
        padding-bottom: 4em;
    }

    .Homepage .Padding5Sopra {
        padding-top: 4em;
    }

    .Homepage .Padding4Sotto {
        padding-bottom: 3em;
    }

    .ProgettiNav {
        margin-top: 2em;
    }

    .ProgettiSwiper img {
        height: 430px;
    }

    .Homepage h2 {
        position: relative;
        font-size: 2.4em;
        right: unset;
    }





    /* PAGINA SERVIZI */

    .BackgroundServizi {
        height: 660px;
    }

    .Servizi h3 {
        margin-top: 1em;
    }





    /* FOOTER */

    .Cookies {
        margin-top: 1em;
    }

    .SezioneSocial {
        justify-content: center;
        margin-top: 3em;
    }

}





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

    /* stile menu  */

    .MenuPrincipale a {
        padding: 0.5em 1em;
        font-size: 0.9em;
    }
        .MenuPrincipale .sub-menu li a {
            font-size: 0.9em;
        }

    .MenuPrincipale .menu > li:last-of-type a {
        padding: 0.5em 1.8em;
    }

    .HeroImage h1 {
        font-size: 2.9em;
    }





    /* PAGE HOME */

    .Homepage .Padding5Sotto {
        padding-bottom: 3em;
    }

    .Homepage .Padding5Sopra {
        padding-top: 3em;
    }

    .Homepage .Padding4Sotto {
        padding-bottom: 2em;
    }

    .Homepage h2 {
        font-size: 2.2em;
    }

    .BottoneHome.TestoBianco {
        font-size: 0.8em;
        padding: 0.7em;
    }

    



    /* PAGINA SERVIZI */

    main.Servizi.Padding4.SfondoNero {
        padding-top: 2em;
        padding-bottom: 0;
    }

    .ArchiveProgetti .glightbox img {
        height: 515px;
    }

    .Img2Prog {
        height: 290px;
    }

    .TestoSinistro h4 {
        font-size: 1.3em;
    }

    .BackgroundServizi {
        height: 595px;
    }

    .PaddingServizi {
        padding: 3em 0;
    }

    .BkgListaServizi .SfondoBianco {
        padding: 1.5em 0em;
    }

    .Servizio img {
        max-width: 100%;
        height: auto;
        margin-bottom: 3px;
    }





    /* PAGINA SINGOLO MATERIALE */


    .PaddingDescrizione {
        padding: 1em 1.5em 1em 1.5em;
    }

    .PaddingGalleria {
        padding: 1em 1.5em 1em 1.5em;
    }

    .BordoNero {
        border: unset;
    }

    .PulsanteIndietroWrap {
        position: unset;
        display: flex;
        justify-content: end;
    }





    /* PAGINA PIETRA TRENTINA */

    .PietraTrentina .Padding5 {
        padding-top: 2em;
        padding-bottom: 2em;
    }

    .PietraTrentina .Padding4 {
        padding-top: 2em;
        padding-bottom: 2em;
    }

    .PietraTrentina .Slider1Nav,
    .PietraTrentina .Slider2Nav {
        margin-top: 1em;
        margin-bottom: 2em;
    }





    /* PAGINA PROGETTI */

    main.ArchiveProgetti.Padding4.SfondoNero {
        padding-top: 2em;
        padding-bottom: 0;
    }

    .ArchiveProgetti h1 {
        margin-bottom: 0em;
    }





    /* PAGINA CONTATTI */

    .Contatti.Padding5 {
        padding-top: 2em;
        padding-bottom: 2em;
    }
    .Contatti .Padding5 {
        padding-top: 2em;
        padding-bottom: 2em;
    }

    .Contatti .Padding3Sopra {
        padding-top: 0;
    }

}





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

    /* MENU MOBILE */

    /* stile bottoni */
    span.navbar-toggler-icon {
        background: white;
        height: 4px;
        position: relative;
        width: 2em;
    }
        span.navbar-toggler-icon::before,
        span.navbar-toggler-icon::after {
            content: "";
            width: 1.5em;
            height: 4px;
            background-color: white;
            position: absolute;
            left: 0;
            width: 2em;
        }
        span.navbar-toggler-icon::before {
            top: -10px;
        }
        span.navbar-toggler-icon::after {
            top: +10px;
        }

        /* stile menu interno */
        div#menuMobileOffcanvas {
            width: 100%;
        }

            /* stile della x */
            .offcanvas-header.ms-auto {
                margin-top: 3em;
                margin-right: 2.5em;
            }
            .offcanvas-header .btn-close {
                font-size: 2.3em;
            }

            .offcanvas-body {
                margin: 0 2.5em;
            }

            /* stile dei primi li>a del menu */
            .MenuMobile .menu > .menu-item > a  {
                font-size: 3em;
                color: black;
                line-height: 0.8em;
                margin-top: 0.6em;
                display: inline-block;
                font-weight: 500;
                width: 100%;
                position: relative;
            }
                /* stile freccia e rotazione */
                .MenuMobile .menu-item-has-children > a::after {
                    content: ' ►';
                    font-size: 0.6em;
                    display: inline-block;
                    position: absolute;
                    right: 0em;
                    transition: transform 0.3s ease; 
                    transform-origin: center;       
                }

                .MenuMobile .menu-item-has-children.is-open > a::after {
                    transform: rotate(90deg); 
                }

            /* Nascondi i sottomenu solo nel menu mobile */
            .MenuMobile .sub-menu {
                display: none;
                list-style: none;
            }
                .MenuMobile .menu > .menu-item > ul.sub-menu li a  {
                    font-size: 1.6em;
                    color: black;
                    line-height: 0.8em;
                    margin: 0em 0em 0.6em 0em;
                    display: inline-block;
                }





    /* PAGE HOME */

    .BackgroundHome {
        height: 95vh;
    }

    .HeroImage h1 {
        bottom: 1em;
        left: 1em;
    }

    .BloccoHome {
        height: auto;
        justify-content: start;
    }





    /* PAGINA SERVIZI */

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

    .Servizi .container-fluid.Margin5 {
        margin-top: 0em;
        margin-bottom: 0em;
    }





    /* PAGINA PROGETTI */

    .Img2Prog {
        display: unset;
    }
    
}





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

    /* GENERICA */

    .glightbox-clean .gnext,
    .glightbox-clean .gprev {
        top: 50% !important;
        border-radius: 0;
        transform: translate(0%, -50%);
    }

    .glightbox-clean .gnext {
        right: 0;
    }

    .glightbox-clean .gprev {
        left: 0;
    }





    /* PAGE HOME */

    .BackgroundHome {
        height: 75vh;
    }

    .HeroImage h1 {
        font-size: 2.5em;
        width: 60%;
    }

    .BottoneHome.TestoBianco {
        font-size: 0.8em;
        padding: 0.7em;
        min-width: auto;
    }

    .ProgettiSwiper img {
        height: 380px;
    }





    /* PAGINA SERVIZI */

    .BackgroundServizi {
        height: 550px;
    }

}





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

    /* STILE MENU */

    .offcanvas-header.ms-auto {
        margin-top: 2.3em;
        margin-right: 1.8em;
    }

    .offcanvas-header .btn-close {
        font-size: 1.5em;
    }

    ul#menu-menu-principale-1 {
        margin-left: 0;
    }

    .MenuMobile .menu > .menu-item > a {
        font-size: 1.9em;
    }

    .MenuMobile .menu > .menu-item > ul.sub-menu li a {
        font-size: 1.2em;
    }





    /* PAGE HOME */

    .HeroImage h1 {
        font-size: 2.2em;
        width: 88%;
    }

    .Homepage h2 {
        font-size: 1.8em;
    }

    .ProgettiSwiper img {
        height: 280px;
    }




    /* PAGINA SINGOLO MATERIALE */

    .PaddingDescrizione {
        padding: 0em 0.8em
    }

    .PaddingGalleria {
        padding-top: 2em;
        padding-bottom: 0;
    }

    .PulsanteIndietroWrap {
        margin-top: 1.5em;
    }

    

    

    /* PAGINA SERVIZI */

    .BackgroundServizi {
        height: 409px;
    }





    /* FOOTER */

    .SezioneSocial {
        flex-direction: column;
        align-items: center;
    }
        a.SocialFooter {
            width: 250px;
        }

}





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

    /* stile menu */

    .offcanvas-header.ms-auto {
        margin-top: 2em;
        margin-right: 1.6em;
    }

    .offcanvas-body {
        margin: 0 1.5em;
    }





    /* PAGE HOME */

    .HeroImage h1 {
        font-size: 1.9em;
    }

    .ArchiveProgetti .glightbox img {
        height: 100%;
    }

    .Img2Prog {
        height: 125px;
    }

    .ContTestoProg {
        padding: 1.5em;
    }

    .ProgettiSwiper img {
        height: 320px;
    }





    /* PAGINA SERVIZI */

    .BackgroundServizi {
        height: 300px;
    }





    /* PAGINA SINGOLO MATERIALE */

    .SingleMateriale .ImmagineLastra {
        max-width: 100%;
        width: 100%;
        height: auto;
    }

}