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





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

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

    .BordoCard {
        padding: 4.5em 5.8em 4.5em 5.8em;
    }

}










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

    .BordoCard {
        padding: 4.6em 5.8em 4.6em 5.8em;
    }


    /* PAGINA DEPOSITI E DISTRIBUTORI */

    .MappaInterattiva__Marker img {
        max-width: 28px;
    }

    .MappaInterattiva__Marker[aria-label="Trento"] {
        left: 51.9% !important;
        top: 52.6% !important;
    }


    /* PAGE HOME */

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

    .Homepage .Testo4 {
        font-size: 1.3em;
    }

}










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

    /* GENERALI */

    .Testo5 {
        font-size: 1.1em;
        line-height: 1.7em;
        font-weight: 500;
    }

    .BordoCard {
        padding: 3em 4em 3em 3.8em;
    }

    .BordoCard2 {
        padding: 6em 0em 6em 3.8em;
    }

    .BordoCard3 {
        padding: 0em 0em 0em 3.4em;
    }

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





    /* HEADER */

    .MenuPrincipale .menu {
        gap: 20px;
    }

    .MenuPrincipale .menu > li > a {
        font-size: 0.9em;
    }





    /* PAGINA HOME */

    .Homepage .ContTessera {
        width: 100%;
        height: 274px;
    }

    .ElementoStart {
        flex-wrap: wrap;
    }





    /* FOOTER */

    .Footer .Editor p {
        font-size: 1em;
    }





    /* PAGINA CHI SIAMO */

    .ChiSiamo .Sezione3 .BackgroundImage .BloccoTesto {
        width: 40%;
    }





    /* PAGINA LUCE E GAS */

    .BloccoCardLuce {
        padding: 4em 2em 4em 2em;
    }

    .BloccoCardLuce h2 {
        font-size: 2.4em;
    }





    /* PAGINA MAPPA */

    /* popup */
    .MappaInterattiva__Popup {
        width: 560px;
        max-height: 522px;
    }

}










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

    /* GENERALI */

    section.BackgroundHero {
        height: 77vh;
    }

    .BordoCard {
        padding: 2.5em 3em 2.5em 3em;
    }

    .BordoCard2 {
        padding: 3em 0em 3em 3em;
    }

    .BordoCard3 {
        padding: 0em 0em 0em 2.8em;
    }

    .Testo2 {
        font-size: 2em;
    }

    .Testo1 {
        font-size: 2.3em;
    }





    /* HEADER */

    .MenuPrincipale .menu {
        gap: 12px;
    }
        .MenuPrincipale .menu > li > a {
            font-size: 0.9em;
        }





    /* PAGINA HOME */

    .Homepage .Testo6 {
        font-size: 2em;
    }

    .Homepage .Testo4 {
        font-size: 1.2em;
        margin-bottom: 3em;
    }

    .BottoneGrande {
        font-size: 1.2em;
    }





    /* PAGINA CHI SIAMO */

    .ChiSiamo .Sezione3 .BackgroundImage .BloccoTesto {
        width: 45%;
    }





    /* PAGINA DEPOSITI E DISTRIBUTORI */

    .MappaInterattiva__Marker img {
        max-width: 25px;
    }

    .MappaInterattiva__Marker[aria-label="Trento"] {
        left: 52.9% !important;
        top: 52.6% !important;
    }





    /* PAGINA GASOLIO PER RISCALDAMENTO */

    .Riscaldamento .Testo1 {
        margin-bottom: 0.7em;
    }





    /* PAGINA CONTATTI */

    .Contatti .Editor p {
        font-size: 1em;
    }

}










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

    /* GENERALI */

    section.BackgroundHero {
        height: 65vh;
    }

    .Testo1 {
        font-size: 2em;
    }

    .LanguageSwitcher {
        margin-left: 1em;
    }
        .LanguageSwitcher ul {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 1.4em;
        }

    .BloccoFiel .ContenitoreAllegati a {
        flex: 0 0 calc((100% - 30px) / 2);
    }





    /* MENU BURGHER */

    .navbar-toggler {
        padding-right: 0;
    }
        span.navbar-toggler-icon {
            width: 25px;
            height: 2px;
            background: black;
        }
            span.navbar-toggler-icon::before,
            span.navbar-toggler-icon::after {
                content: "";
                width: 25px;
                height: 2px;
                background: black;
                position: absolute;
                left: 0;
            }
            span.navbar-toggler-icon::before {
                top: 0.3em;
            }
            span.navbar-toggler-icon::after {
                bottom: 0.3em;
            }

            div#menuMobileOffcanvas {
                width: 100%;
                z-index: 900000000;
            }

            .offcanvas-header {
                position: absolute;
                right: 2em;
                top: 2em;
            }
                .btn-close {
                    opacity: 1 !important;
                    font-size: 1.4em;
                }

            .NavMobile .ListaMenuMobile > li > a {
                font-size: 1.4em;
                padding-bottom: 0.6em;
                display: inline-block;
                font-weight: 500;
            }
                .NavMobile .ListaMenuMobile > li.menu-item-has-children a {
                    display: inline-block;
                    width: 100%;
                    position: relative;
                }
                    .NavMobile .ListaMenuMobile > li.menu-item-has-children .sub-menu {
                        padding-bottom: 1em;
                        display: none;
                        padding-left: 1.5em;
                        margin-top: 0.5em;
                    }
                    .NavMobile .ListaMenuMobile li.menu-item-has-children.is-open > .sub-menu {
                        display: block;
                        animation: fadeIn 0.3s ease; 
                    }
                        .NavMobile .ListaMenuMobile li.menu-item-has-children > a::after {
                            content: " ▶";
                            font-size: 0.6em;
                            vertical-align: middle;
                            margin-left: 1em;
                            display: inline-block;
                            transition: transform 0.3s ease;
                        }
                            .NavMobile .ListaMenuMobile li.menu-item-has-children.is-open > a::after {
                                transform: rotate(90deg);
                            }    
                            .NavMobile .ListaMenuMobile li.menu-item-has-children.is-open a {
                                padding-bottom: 0;
                            } 

                        @keyframes fadeIn {
                            from { opacity: 0; }
                            to { opacity: 1; }
                        }

                        .NavMobile .ListaMenuMobile .sub-menu > li > a {
                            font-size: 1.1em;
                            font-weight: 400;
                            padding-bottom: 0.3em;
                            display: inline-block;
                            line-height: 1.8em;
                        }





    /* PAGINA HOME */

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

    .Homepage .Testo4 {
        font-size: 1.1em;
    }

    .Homepage .Tessera {
        display: none;
    }

    .Homepage .TesseraMobileHome {
        display: block;
    }
    

    /* PAGINA CONTATTI */

    .ChiSiamo .ImmagineFluid2 {
        max-height: 502px;
        object-fit: cover;
    }


    /* PAGINA CONTATTI */

    .Contatti .ContenitoreInfoContatti.BordoCard {
        padding: 2.5em 0em 2.5em 0em;
    }





    /* FOOTER */
    
    .Footer .Img100 {
        margin-bottom: 1.5em;
    }

    .Footer .MenuFooter {
        margin: 2em 0;
    }

    .Footer .SocialFooter {
        justify-content: center;
        margin-top: 2em;    
    }





    /* PAGINA DEPOSITI E DISTRIBUTORI */

    span.MappaInterattivaAccordion__Heading {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 1.3em;
    }

    span.MappaInterattivaAccordion__HeadingText {
        display: flex;
        justify-content: center;
        align-items: start;
        flex-direction: column;
        gap: 0.4em;
    }
        span.MappaInterattivaAccordion__HeadingText .MappaInterattivaAccordion__City {
            font-size: 1.2em;
            font-weight: 500;
        }
            .accordion-button:not(.collapsed) {
                color: black !important;
            }

        span.MappaInterattivaAccordion__HeadingText .MappaInterattivaAccordion__Name {
            font-size: 1em;
            color: var(--Rosso);
        }


        /* stile collapsed */

        .MappaInterattivaAccordion__Nome {
            font-size: 1.1em;
            line-height: 1.4;
            color: var(--Rosso);
            font-weight: 600;
        }

        .MappaInterattivaAccordion__Citta {
            font-size: 2.5em;
            line-height: 1.05;
            font-weight: 600;
            margin-bottom: 0.4em;
        }

        .MappaInterattivaAccordion__Info {
            font-size: 1em;
            line-height: 1.5;
            margin-bottom: 1.5em;
            font-weight: 400;
        }

        .MappaInterattivaAccordion__Servizi {
            display: flex;
            justify-content: center;
            flex-direction: column;
            gap: 0.5em;
        }
            .MappaInterattivaAccordion__Servizio {
                display: flex;
                justify-content: start;
                align-items: center;
                gap: 0.9em;
            }
                .MappaInterattivaAccordion__Servizio img {
                    height: 38px;
                }

        .MappaInterattivaAccordion__Map iframe {
            width: 100%;
        }

}










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

    /* GENERALI */

    section.BackgroundHero {
        height: 55vh;
    }

    .Testo1 {
        font-size: 2em;
    }

    .BordoCard {
        padding: 1.5em 0.6em 1.5em 0.6em;
    }

    .BordoCard2 {
        padding: 1.5em 1.5em 1.5em 1.5em;
    }

    .BordoCard3 {
        padding: 0em 0em 0em 0em;
    }

    .ImmagineFluid {
        height: 426px;
    }

    .ImmagineFluid2 {
        height: 300px;
    }

    .BloccoFiel {
        margin-top: 0;
        margin-bottom: 1em;
        width: 100%;
    }

    .BloccoFiel .ContenitoreAllegati a {
        font-size: 0.9em;
        flex: 0 0 calc((100% - 30px) / 3);
    }





    /* SINGOLA NEWS */

    .single-news h1 {
        font-size: 1.6em;
    }





    /* PAGINA CHI SIAMO */

    .ChiSiamo .Sezione3 .BackgroundImage .BloccoTesto {
        width: 60%;
        bottom: 4em;
        z-index: 90;
    }

    .ChiSiamo .Sezione3 .BackgroundImage {
        height: 717px;
        position: relative;
    }
        .ChiSiamo .Sezione3 .BackgroundImage::after {
            content:"";
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            position: absolute;
            background: #0000003b;
        }

    .ChiSiamo .BordoCard {
        padding: 1.5em 1.5em 1.5em 1.5em;
    }

    .ChiSiamo #OffertePerIlTuoBusiness .BordoCard {
        padding: 1.5em 0em 1.5em 0em;
    }

    .ChiSiamo .Sezione1 {
        padding-top: 0em;
        padding-bottom: 0em;
    }

    section#OffertePerIlTuoBusiness {
        padding-top: 0em;
    }

 

    



    /* COOKIE */

    .ct-container.ct-ultimate-gdpr-cookie-popup-bottomPanel {
        flex-direction: column;
    }





    /* PAGINA GASOLIO PER AUTOTRAZIONE */

    .Autotrazione .Testo1 {
        margin-bottom: 1em;
    }

    .Autotrazione .BordoCard {
        padding: 1.5em 0em 1.5em 0em
    }

    .Autotrazione .BordoCard2 {
        padding: 1.5em 0em 1.5em 0em;
    }
    
    



    /* PAGINA GASOLIO PER AUTOTRAZIONE */

    .Agricoli .BordoCard2 {
        padding: 1.5em 1.5em 1.5em 1.5em;
    }

    .Agricoli .Testo1 {
        margin-bottom: 1em;
    }





    /* PAGINA LUCE E GAS */

    .BloccoCardLuce {
        padding: 2em 1.5em 2em 1.5em;
    }

    .BloccoCardLuce h2 {
        font-size: 2em;
    }





    /* PAGINA AGRICOLI */

    .Agricoli .BordoCard {
        padding: 1.5em 0em 1.5em 0em;
    }

    .Agricoli .BordoCard2 {
        padding: 1.5em 0em 1.5em 0em;
    }





    /* PAGINA RISCALDAMENTO */
    
    .Riscaldamento .BordoCard {
        padding: 1.5em 0em 1.5em 0em;
    }





    /* PAGINA LUCE E GAS */
    
    .LuceGas .BordoCard {
        padding: 1.5em 0em 1.5em 0em;
    }





    /* PAGINA ADBLUE */
    
    .Adblue .BordoCard {
        padding: 1.5em 0em 1.5em 0em;
    }

    .Adblue .Testo1 {
        margin-bottom: 1em;
    }   

}










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

    /* GENERALI */

    section.BackgroundHero {
        height: 45vh;
    }

    .ImmagineFluid {
        height: 338px;
    }

    .Testo2 {
        font-size: 2em;
    }

    .Bottone {
        padding: 0.5em 0.9em;
        font-size: 0.9em;
    }

    .BloccoFiel .ContenitoreAllegati a {
        font-size: 0.9em;
        flex: 0 0 calc((100% - 30px) / 2);
    }



    

    /* SINGOLA NEWS */

    .single-news .single-news-navigation {
        flex-direction: column;
        align-items: center;
        gap: 1.4em;
    }





    /* PAGINA CHI SIAMO */

    .ChiSiamo .Sezione3 .BackgroundImage .BloccoTesto {
        width: 94%;
    }

    .ChiSiamo .Testo1 {
        left: 1.4em;
        bottom: 1.4em;
    }

    .ChiSiamo .Sezione3 .BackgroundImage {
        height: 470px;
    }





    /* PAGINA 404 */
	
	.QuattroZeroQuattro img {
		width: 100%;
		height: auto;
	}
	
	.QuattroZeroQuattro .TestoTornaaCasa {
		font-size: 1.2em
	}
	
	.QuattroZeroQuattro a h1 {
		font-size: 1em;
	}





    /* PAGINA CONTATTI */

    .Mappa #mappa-osm {
        height: 450px;
    }
}










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


    /* GENERICO */

    .Testo2 {
        font-size: 1.7em;
    }

    .ImmagineFluid2 {
        height: 200px;
    }

    .Testo1 {
        font-size: 1.6em;
    }

    .BloccoFiel .ContenitoreAllegati a {
        font-size: 1em;
        flex: 0 0 calc((100%));
    }

    .ElementoStart {
        justify-content: center;
        width: 100%;
        flex-direction: column;
        gap: 0;
    }
        .ElementoStart .BloccoLoghi {
            margin-top: 1em;
            text-align: center;
        }

    .BloccoBottoni, 
    .BloccoLoghi {
        width: 100%;
    }

     .Bottone {
        width: 100%;
        text-align: center;
    }





    /* HEADER */

    .LogoSito {
        width: 100%;
        display: inline-block;
        text-align: center;
    }

    .offcanvas-body {
        padding-top: 4.5em;
    }
        .offcanvas-header {
            right: 1em;
            top: 1em;
        }
        .NavMobile .ListaMenuMobile > li > a {
            font-size: 1.4em;
            line-height: 1.2em;
        }
            .NavMobile .ListaMenuMobile > li.menu-item-has-children .sub-menu {
                padding-left: 0em;
            }
                .NavMobile .ListaMenuMobile .sub-menu > li > a {
                    font-size: 1em;
                }





    /* PAGINA HOME PAGE */
    
    .Homepage .Testo1 {
        font-size: 1.6em;
    }

    .Homepage .BottoneGrande {
        font-size: 1em;
    }

    .Homepage .ContTessera h2 {
        font-size: 1.3em;
    }

    .Homepage .ContTessera h3 {
        font-size: 1.4em;
    }

    .Homepage .Testo4 {
        font-size: 1.1em;
        margin-bottom: 2em;
    }

    .Homepage .ContTessera {
        padding: 1em;
    }
        .Homepage .ContTessera .Bottone {
            left: 1em;
        }

    .Homepage .ContTessera .Bottone {
        width: fit-content;
    }





    /* PAGINA CHI SIAMO */

    .ChiSiamo .Testo1 {
        left: 1.2em;
        bottom: 1.2em;
        font-size: 1.6em;
        /*padding-right: 1em;*/
        width: 83%;
    }

    .ChiSiamo .Testo5 {
        font-size: 0.9em;
    }

    .ChiSiamo .Sezione3 .BackgroundImage .BloccoTesto {
        bottom: 2em;
    }





    /* SINGOLA NEWS */

    .single-news h1 {
        font-size: 1.4em;
    }





    /* PAGINA  GASOLIO BENZINA AGRICOLI */

    .Agricoli .ElementoCentrato img {
        width: 55%;
        margin-top: 1.3em;
    }





    /* PAGINA LUCE E GAS */

    .BloccoCardLuce {
        padding: 1.3em 0.5em 1.5em 0.5em;
    }





    /* PAGINA NEWS */

    .ImgNews {
        height: 200px;
    }

    .CardNews .News h2 {
        font-size: 1.2em;
        min-height: 48px;
    }





    /* PAGINA CONTATTI */

    .Contatti .ContenitoreImmagine img {
        height: 318px;
    }





    /* COMPONENTE SLIDER NEWS */

    .FasciaSliderNews .Bottone {
        padding: 0.5em 0.5em;
    }

    .ComponenteCarosello .carousel-item img {
        height: 220px;
    }

    .ComponenteCarosello .carousel-control-next, 
    .ComponenteCarosello .carousel-control-prev {
        width: 6%;
    }

}










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

    /* GENERICHE */

    .ImmagineFluid {
        height: 250px;
    }




    
    /* HEADER */

    .header .LogoSito img {
        width: 100%;
    }





    /* PAGINA HOME */

    .Homepage .Testo6 {
        text-align: center;
    }

    .Homepage .BloccoHome {
        bottom: 2.3em;
    }

    .Homepage .ContTessera {
        padding: 1em;
        display: flex;
        flex-direction: column;
        align-items: start;
    }

    .Homepage .ContTessera .Bottone {
        margin-top: auto;
        width: 100%;
        position: relative;
        left: 0;
        bottom: 0;
    }

    



    /* PAGINA GASOLIO PER AUTOTRAZIONE */

    .Autotrazione .ElementoCentrato img {
        width: 55%;
        margin-top: 1.3em;
    }





    /* SINGLE NEWS */

    .single-news .single-news-navigation .Bottone.NewsNext,
    .single-news .single-news-navigation .Bottone.NewsPrev {
        font-size: 0.8em;
        width: 100%;
    }





    /* PAGINA DEPOSITI E DISTRIBUTORI */

    .MappaInterattivaAccordion__Citta {
        font-size: 1.7em;
    }

    span.MappaInterattivaAccordion__HeadingText .MappaInterattivaAccordion__Name {
        font-size: 0.9em;
    }

    .MappaInterattivaAccordion__Info {
        font-size: 0.9em;
    }





    /* PAGINA CONTATTI */

    .Contatti .ContenitoreImmagine img {
        height: 178px;
    }





    /* PAGINA LUCE E GAS */

    .LuceGas .BloccoPartner {
        justify-content: center;
    }

    .LuceGas .BloccoPartner img {
        width: 100%;
        height: auto;
    }

}