/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/* GENERALI */
html{scroll-behavior: smooth;}
.align-l>.col-inner{margin-left:0!important;margin-right:auto!important}
.align-r>.col-inner, .align-r.row{margin-right:0!important;margin-left:auto!important}
.align-c>.col-inner{margin-right:auto!important;margin-left:auto!important}
.align-v-c{align-items:center;display:flex}
.bordato{border-radius:35px;overflow:hidden}
.bordato.col{border-radius:unset;overflow:unset}
.bordato.col>.col-inner{border-radius:35px;overflow:hidden}
.fullw{width:100%}
#content>section{padding-left:40px;padding-right:40px}
#content>section.full{padding-left:0;padding-right:0}
.parallax-active{opacity:1!important;transition:all 0.2s linear}
.bordato:has(.parallax-active){border-radius:unset;overflow:unset;}
.bordato .parallax-active img{border-radius:35px;}
#wrapper a:hover{text-decoration:underline!important}
:focus-visible {outline: 2px solid rgba(0, 95, 204, 0.3);outline-offset: 2px;}
a:focus, button:focus, input:focus, textarea:focus, select:focus, .button:focus:not(:focus-visible), a:focus:not(:focus-visible), button:focus:not(:focus-visible), input:focus:not(:focus-visible), input:focus-visible{outline: 2px solid rgba(0, 95, 204, 0.3);outline-offset: 2px;}
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    width: 1px;
    overflow: hidden;
    position: absolute !important;
    white-space: nowrap;
    background-color: #016866 !important;
    color: #ffffff !important;
    text-decoration: underline !important;
}
.screen-reader-text:focus, 
.screen-reader-text:active {
    clip: auto !important;
    clip-path: none;
    height: auto;
    width: auto;
    overflow: visible;
    white-space: normal;
    position: absolute !important;
    top: 10px;
    left: 10px;
    padding: 1rem 1.5rem;
    border-radius: 5px;
    z-index: 100000;
    background-color: #016866 !important;
    color: #ffffff !important;
    text-decoration: underline !important;
    border: 2px solid #ffffff;
    outline: 2px solid #016866;
    box-shadow: 0 0 15px rgba(0,0,0,0.7);
}


/* COLORI */
.verde{color:#017D7B}

/* FONT */
h1, h2, h3, h4, h5, h6, p{margin-bottom:0!Important}
h1, h2, h3, h4, h5, h6{line-height:inherit}
p{line-height:1.1}
.urb, .urb>*{font-family: "Urbanist", sans-serif;}
.regular, .regular>*{font-weight:400}
.medium, .medium>*{font-weight:500}
.bold, .bold>*{font-weight:700}
.semi-bold, .semi-bold>*{font-weight:600}
a, a:hover{color:inherit}

/* HEADER */
#masthead, body.home .header-bottom{display:none}
#top-bar{padding:10px 0 0}
#top-bar .container{padding:0 40px}
#top-bar .logo-farmacie{max-width:240px;width:299px}
#top-bar .pulsante{font-size:1.3em; font-weight:700}
#top-bar .pulsante>i{font-size:1.5em;}
#top-bar .flex-center{border:2px solid #017D7B;border-radius:30px;padding:5px}
#top-bar .nav.nav-center>li{margin:0;padding: 3px 20px;border-radius: 99px;transition:all 0.4s}
#top-bar .nav.nav-center>li>a{font-weight:700;color:#017D7B;}
#top-bar .nav.nav-center>li:first-child{padding-left:20px}
/*#top-bar .nav.nav-center>li:hover{background-color:#017D7B;padding:3px 20px;border-radius:99px}*/
#top-bar .nav.nav-center>li:hover>a{color:#fff}
#wrapper #top-bar .nav.nav-center>li>a:hover{text-decoration:none!important}
/*#top-bar .nav.nav-center>li.current-menu-item, #top-bar .nav>li.current-page-ancestor, body.single #top-bar .nav>li.news{background-color:#017D7B}
#top-bar .nav.nav-center>li.current-menu-item>a, #top-bar .nav>li.current-page-ancestor>a, body.single #top-bar .nav>li.news>a{color:#fff}*/
#top-bar .nav.nav-center>li.telefono{background-color:#017D7B;}
#top-bar .nav.nav-center>li.telefono>a>img{margin-right:0}
#top-bar .nav.nav-center>li.telefono>a>span{display:none}
.off-canvas-center.mfp-bg.mfp-ready{opacity:1}
#top-bar .nav.nav-center{position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate}
#top-bar .nav.nav-center .highlight-pill{position:absolute;top:3px;left:0;height:calc(100% - 6px);width:0;background-color:#017D7B;border-radius:99px;z-index:1;transition:all 0.35s cubic-bezier(0.4,0,0.2,1);}
#top-bar .nav.nav-center>li{position:relative;z-index:2;padding:3px 20px;border-radius:99px;transition:color 0.3s ease}
#top-bar .nav.nav-center>li>a{font-weight:700;color:#017D7B;text-decoration:none!important;position:relative;z-index:3}
#top-bar .nav.nav-center>li:hover>a,#top-bar .nav.nav-center>li.current-menu-item>a{color:#fff}
#top-bar .nav.nav-center .pill-active{background-color:transparent!important}
#top-bar .nav.nav-center>li>a:focus-visible{outline:2px solid rgba(0,95,204,0.3);outline-offset:2px}
@media(max-width:850px){#top-bar .nav.nav-center::before,#top-bar .nav.nav-center .highlight-pill{display:none}}


/* FOOTER */
footer{padding:40px}
footer .absolute-footer{display:none}
footer .bordato{border-bottom-right-radius:0px}
footer .logotipo{position:absolute;bottom:-1px;right:-15px;width:24vw!important;z-index:-1}
footer .row{padding-left:30px;padding-right:30px}
footer .box-icone-social{margin-top:20px!important}
footer .pulsante.bianco>span{width:calc(100% - 45px - 0.4em);}
footer a{text-decoration:underline;color:#fff;}
/* PULSANTE */
.pulsante{margin:0;min-height:unset;line-height:1;letter-spacing:inherit;padding:0;display:flex;opacity:1}
.pulsante.align-c{display:inline-flex}
#wrapper .pulsante:hover{opacity:1!important;text-decoration:none!important}
.pulsante>span{line-height:1;letter-spacing:inherit;padding:0px 25px;border-radius:99px;border:2px solid;height:45px;display:flex;justify-content:center;align-items:center;transition:all 0.4s!important;margin-left:0!important}
.pulsante>i{width:45px;height:45px;border-radius:99px;border:2px solid;display:flex;justify-content:center;align-items:center;font-size:1.5em;border:2px solid;transition:all 0.4s!important;margin-right:0;top:0}
.pulsante.verde>span{border-color:#147C7B;background-color:#fff;color:#147C7B}
.pulsante.verde>i{border-color:#017D7B;background-color:#017D7B;color:#fff;line-height:0.9}
.pulsante.verde:hover>span{background-color:#017D7B;color:#fff;}
.pulsante.verde:hover>i{background-color:#fff;color:#017D7B;}
.pulsante.bianco>span{border-color:#fff;background-color:#017D7B;color:#fff}
.pulsante.bianco>i{border-color:#fff;background-color:#fff;color:#017D7B;line-height:0.9}
.pulsante.bianco:hover>span{background-color:#fff;color:#017D7B;}
.pulsante.bianco:hover>i{background-color:#017D7B;color:#fff;}
.pulsante.nero>span{border-color:#000;background-color:transparent;color:#000}
.pulsante.nero>i{border-color:#000;background-color:#000;color:#fff;line-height:0.9}
.pulsante.nero:hover>span{background-color:#000;color:#fff;}
.pulsante.nero:hover>i{background-color:transparent;color:#000;}
.pulsante.news{margin-top:-75px;z-index:9}

/* ICONA FRECCIA */
.icona-freccia{border-radius:99px;width:40px!important;height:40px;transition:0.4s all}
.icona-freccia.giu{transform:rotate(135deg)}
.icona-freccia.bianca{background-color:#fff;}
.icona-freccia.verde{background-color:#017D7B;}
.icona-freccia.hover:hover{transform:rotate(45deg)}
.icona-freccia .img-inner{width:100%;height:100%;text-align:center;display:flex;justify-content:center;align-items:center}
.icona-freccia .img-inner img{width:15px;height:15px}

/* TESTO-IMG */
.testo-img img{display:inline-block;width:100px;height:auto;vertical-align:middle;margin-top:-10px}
.testo-img img.bordato{border-radius:99px;}
.testo-img img.rett{width:auto;height:80px;object-fit:cover;}
.testo-img img.quad{width:100px;height:100px;object-fit:cover;}

/* SCRITTA SCORREVOLE */
.scritta-scorrevole .box{animation:text-slider 30s linear infinite;position:relative;overflow:hidden;display:block;width:calc((1500px + 300px + 1811.76px + 300px + (60px * 4)) * 3)}
.scritta-scorrevole .box span{width:33.33333334%;float:left;display:flex;align-items:center}
.scritta-scorrevole .box span img{float:left;margin-right:60px}
.scritta-scorrevole .box span img.farmacie{width:1500px;margin-top:0;}
.scritta-scorrevole .box span img.mantovane{width:1811.76px;}
.scritta-scorrevole .box span img.logo{width:300px;}
@keyframes text-slider {0% {left: 0;}100% {left: calc( 0px - (1500px + 300px + 1811.76px + 300px + (60px * 4)));}}

/* SLIDER LOGHI */
.slider-loghi{overflow: hidden;width: 100%;}
.slider-loghi>div{display: flex;gap: 70px;animation: loghi-slider 40s linear infinite;min-width: calc((300px * 40) + (40 * 70px));}
@keyframes loghi-slider {from {transform: translateX(0);}to {transform: translateX(calc(((300px * 40) + (40 * 70px)) / 2 * -1));}}
.slider-loghi>div>img{width:300px;flex-shrink: 0;}

/* SLIDER IMMAGINI */
.slider-immagini.bordato{border-radius:22px;}
.slider-immagini .flickity-prev-next-button{bottom:10px;min-height:unset;top:unset;width:40px;height:40px;opacity:1!important;}
.slider-immagini .flickity-prev-next-button>svg{fill:#000;background-color:#fff;transition:all 0.1s}
.slider-immagini .flickity-prev-next-button .arrow{fill:#000;transition:all 0.1s}
.slider-immagini .flickity-prev-next-button.next{right:15px;}
.slider-immagini .flickity-prev-next-button.previous{right:65px;left:unset}

/* HOME */
.farmacie{margin-top:50px;}
body:not(.home) .farmacie{flex-wrap:wrap;gap:20px 3em}
.farmacie>.banner{background-color:#fff}
.farmacie>.banner:nth-child(1){width:50%;}
.farmacie>.banner:nth-child(2){width:25%;border:7px solid #fff;-webkit-box-shadow: 3px 3px 6px 2px rgba(0,0,0,0.10); box-shadow: 3px 3px 6px 2px rgba(0,0,0,0.10);}
.farmacie>.banner:nth-child(3){width:25%;border:7px solid #fff;-webkit-box-shadow: 3px 3px 6px 2px rgba(0,0,0,0.10); box-shadow: 3px 3px 6px 2px rgba(0,0,0,0.10);}
.farmacie h3.medium{font-weight:500!important;}
/*.farmacie .sfondo-blur{backdrop-filter: blur(20px);mask: linear-gradient(transparent, black 60%);height:50%;transition:all 1.2s;max-height:230%}*/
.farmacie .sfondo-blur{background-color:#fff;height:150px;border-radius:35px 35px 0 0;margin-bottom:-1px}
.farmacie>.banner .banner-bg img{border-radius:0px 0px 35px 35px}
.farmacie .icona-freccia .img-inner{background-color:#017D7B;border-radius:100%}
.servizi-home .col-inner{display:flex;flex-wrap:wrap;flex-direction:column;justify-content:space-between}
.servizi-home .titolo{max-width:325px;margin-left:0;margin-right:auto}
.servizi-home .row>div:nth-child(1)>.col-inner .titolo{max-width:260px}
.servizi-home .text{margin-left:0;margin-right:auto}
.servizi-home p{max-width:330px;}
.servizi-home .pulsante{justify-content:flex-end}
.sezione-aspef .row.row-full-width{margin-left:0!important;margin-right:0!important}

/* PAGINA FARMACIA */
.banner-grid-wrapper:has(.griglia-mappa-foto){height:100%}
.griglia-mappa-foto, .griglia-mappa-foto .banner-grid{height:100%!important;}
.griglia-mappa-foto .bordato{height:50%!important;}
.farmacie .icone-contatti{border-radius:99px;box-shadow:6px 6px 6px #00000029;padding:4px 25px 4px 8px;width:auto;}
.farmacie .icone-contatti .icon{position:relative;height:100%}
.farmacie .icone-contatti .icon>.icon-inner{background-color:#017D7B;}
.farmacie .icone-contatti .icon-box-text{display:flex;align-items:center}
.farmacie .icone-contatti .icon-box-text p{display:flex;align-items:center;flex-wrap:wrap}
.farmacie .icone-contatti .icon-box-text strong{font-size:1.2em;padding-right:11px}
.accordion>.col-inner{border-radius:25px;overflow:hidden}
.accordion div.text:has(+ .icona-freccia){max-width:300px;width:calc(100% - 45px - 50px)}
.accordion .icona-freccia{border-radius:99px;width:45px!important;height:45px;display:flex;justify-content:center;align-items:center;padding:0;transition:all 0.6s}
.accordion .icona-freccia.bianca{background-color:#017D7B;border:1px solid #017D7B}
.accordion .icona-freccia svg{transform:rotate(90deg);width:15px}
.accordion .icona-freccia .cls-1 {stroke-width: 2px;stroke-linecap: square;}
.accordion .icona-freccia .cls-2 {stroke-width: 2px;stroke-linecap: square;}
.accordion .icona-freccia.bianca .cls-1, .icona-freccia.bianca .cls-2 {fill: none;stroke: #fff;}
.accordion .icona-freccia.bianca:hover{background-color:#fff;border:1px solid #000}
.accordion .icona-freccia.aperto svg{transform:rotate(135deg);}
.accordion .icona-freccia.bianca:hover svg .cls-1, .accordion .icona-freccia.bianca:hover svg .cls-2{stroke:#000;}
.accordion .contenuto{transition:all 0.8s;width:calc(100% + 20px)!important;max-width:calc(100% + 20px)!important;max-height:0;overflow:hidden;}
.accordion .titolo{max-width:170px;margin-left:0}
.accordion .pulsante{justify-content:flex-end;}
.accordion .pulsante>i{width:35px;height:35px}
.accordion .pulsante>span{height:35px;padding:0 20px;}
.accordion .slider{padding-bottom:40px;padding-top:20px;}
.accordion .slider .flickity-prev-next-button{display:none}
.accordion .slider .flickity-slider{display:flex;align-items:center;}
.accordion .slider .flickity-slider>.gallery-col{padding-bottom:0;}
.accordion .slider .flickity-slider>.gallery-col img{height:100px;object-fit:contain}
.accordion .slider .flickity-page-dots{bottom:-15px}

/* NEWS */
#filtri{background-color:#F0F7F6;border-radius:99px;padding:5px;width:fit-content;margin:0 auto 50px}
#filtri>button{background-color:#F0F7F6;border-radius:99px;padding:3px 20px 2px;transition:all 0.4s;margin:0;color:#017D7B;font-size:0.8em;line-height:0.9}
#filtri>button:hover, #filtri>button.attivo{background-color:#017D7B;color:#fff;}
#articoli{margin-bottom:-35px;}
#articoli .articolo{width:calc(33.333333334% - (36px / 3 * 2));display:flex;flex-direction:column;border-radius:80px;overflow:hidden;box-shadow: 6px 6px 7px #00000029;padding:40px 30px 0 30px;margin-bottom:35px;transition:all 0.3s;text-align:left}
#articoli .articolo:hover{background-color:#F4F2EC;}
#articoli .articolo>a:hover{text-decoration:none!important}
#articoli .articolo>a>.articolo-info{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;align-items:center}
#articoli .articolo>a>.articolo-info>.data{border:1px solid #000;border-radius:99px;color:#000;padding:8px 15px 6px;font-size:0.8em;line-height:0.9}
#articoli .articolo>a>.articolo-info>span{border-radius:99px;width:45px;height:45px;display:flex;justify-content:center;align-items:center;padding:0;transition:all 0.6s;background-color:#017D7B}
#articoli .articolo>a>.articolo-info>span>svg{width:10px!important}
#articoli .articolo>a>.articolo-info>span>svg line{stroke:#fff;fill:none;stroke-width:2px;stroke-linecap:square;}
#articoli .articolo>a>.articolo-info>span:hover{transform:rotate(45deg)}
#articoli .articolo h2{line-height:1.1;font-weight:700;margin-bottom:20px!important;margin-top:30px;font-size:1.9em}
#articoli .articolo p{color:#646464;line-height:1.2}
#articoli .articolo>a>.immagine{width:calc(100% + 60px);margin-top:30px;margin-left:-30px;height:220px}
#articoli .articolo>a>.immagine>img{object-fit:cover;object-position:center;height:100%}
#articoli.swiper{padding-bottom:80px;margin-bottom:0}
#articoli div[class^="swiper-button-"]{border-radius:99px;padding:10px;width:45px;height:45px;background-color:#017D7B;top:unset;left:unset;bottom:0;right:80px}
#articoli div.swiper-button-prev{right:130px}
#articoli div[class^="swiper-button-"]:after{color:#fff;font-size:1.2em;font-weight:800}
#articoli div.swiper-button-next:after{margin-right:-2px}
#articoli div.swiper-button-prev:after{margin-left:-2px}

/* NEWS INTERNA */
body.single main>section.intro{display:flex;flex-wrap:wrap;justify-content:space-between;gap:60px;padding-left:40px;padding-right:40px;max-width:1800px;width:100%;margin:0 auto;margin-bottom:100px}
body.single main>section.intro>h1{font-size:7em;font-weight:600;line-height:1;margin-top:120px}
body.single main>section.intro>div{width:calc(50% - (60px /2))}
body.single main>section.intro>div>.info{display:flex;gap:30px;align-items:center;flex-wrap:wrap;}
body.single main>section.intro>div>.info>div{display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap;border-radius:99px;padding:4px 25px 4px 8px;box-shadow:6px 6px 6px #00000029;}
body.single main>section.intro>div>.info>div>p{font-size:1.3em}
body.single main>section.intro>div>.info>div>span{background-color:#017D7B;border-radius:99px;width:55px;height:55px;display:flex;justify-content:center;align-items:center}
body.single main>section.intro>div>.info>div>span>img{width:25px}
body.single main>section.intro>div>h2{font-size:3em;font-weight:600;line-height:1;margin-top:60px;margin-bottom:25px!important}
body.single main>section.intro>div>p:not(.data){font-size:1.4em;line-height:1.3;margin-bottom:15px!important}
body.single main>section.intro>div>p.data{margin-top:25px;text-align:right}

body.single .contenitore-contatti{position:relative;top:unset;right:unset;margin-left:0}

/* ACCORDION AMMINISTRAZIONE TRASPARENTE */
.at .section-content>p{padding:0 15px 60px}
.at .sezione p{margin:0;}
.at .sezione>div:not(.titolo){display:none}
.at .sezione .titolo{display:flex;align-items:center;padding:15px 0 15px;margin:0;width:100%;font-family:"Urbanist";font-size:1em;font-weight:600;text-transform:none;text-align:left;line-height:1.4}
.at .sezione .titolo.aperto{padding-bottom:0}
.at .sezione .titolo:before{content:"";background-image:url("/wp-content/uploads/2025/04/icona-cartella-verde-farmacie-mantovane.svg");background-size:contain;width:22px;min-width:22px;height:18px;min-height:18px;background-repeat:no-repeat;margin-right:13px;display:block;opacity:0.6}
.at .sezione .descrizione{font-family:"Urbanist";font-weight:600;font-style:italic;color:#545454;padding-top:0px;padding-bottom:5px;flex-direction:column}
.at .sezione .descrizione a{color:#017D7B;}
.at .sezione .doc_link{flex-wrap:wrap;padding-top:5px;}
.at .sezione .doc_link a{font-family:"Urbanist";text-decoration:underline;color:#017D7B;}
.at .sezione .doc_link .doc{display:flex;flex-wrap:wrap;align-items:baseline;width:100%;padding-top:8px;}
.at .sezione .doc_link .doc:first-child{padding-top:5px;}
.at .sezione .doc_link .doc:before{content:'';background-image:url("/wp-content/uploads/2025/04/icona-file-verde-farmacie-mantovane.svg");width:13px;height:14px;display:block;background-size:contain;background-repeat:no-repeat}
.at .sezione .doc_link .doc p{font-size:1.1em;line-height:1;padding-right:10px;padding-left:15px;}
.at .sezione .doc_link .doc a{font-weight:700;font-size:0.9em;}
.at .sezione .doc_link .doc span{font-style:italic;width:100%;display:block;color:#545454;font-size:0.9em;padding-left:28px;}
.at .sezione .doc_link .link{padding-top:8px;padding-bottom:4px;}
.at .sezione .doc_link .link:first-child{padding-top:5px;}
.at .sezione .doc_link .link a{font-weight:600;display:flex;align-items:baseline;font-size:0.9em;}
.at .sezione .doc_link .link a:before{content:'';background-image:url("/wp-content/uploads/2025/04/icona-link-farmacie-mantovane.svg");width:15px;height:15px;display:block;margin-right:15px;background-size:contain}
.at .section-content>.sezione{border-bottom:1px solid #BEBEBE;padding-left:20px;padding-right:20px;margin:0 auto;max-width:1470px}
.at .section-content>.sezione.aperto{padding-bottom:30px;background-color:#F7F7F7;}
.at .section-content>.sezione>.titolo{padding:22px 0;}
.at .section-content>.sezione>.titolo:before{width:34px;height:27px;margin-right:20px;}
.at .section-content>.sezione>div.descrizione{padding-top:15px;padding-bottom:5px}
.at .section-content>.sezione.aperto>.titolo{border-bottom:1px solid #BEBEBE;}
.at .sezione.aperto>*{display:flex!important}
.at .sezione.aperto>.sezione{flex-direction:column}
.at .section-content>.sezione>div{padding-left:55px}
.at .section-content>.sezione .sezione>div{padding-left:35px}
.at #bandi{scroll-margin-top: 40px;}

/* FORM */
form input[type="text"], form input[type="email"], form input[type="tel"], form textarea{border:none;border-bottom:1px solid #707070;color:#262625;box-shadow:none;padding-left:0;padding-right:0;margin-bottom:0px}
form input[type="text"]::placeholder, form input[type="email"]::placeholder, form input[type="tel"]::placeholder, form textarea::placeholder{color:#262625}
form input[type="text"]:focus, form input[type="email"]:focus, form input[type="tel"]:focus, form textarea:focus{outline: 2px solid rgba(0, 95, 204, 0.3);outline-offset: 2px;}
form span[data-name="nome"], form span[data-name="cognome"], form span[data-name="email"], form span[data-name="telefono"]{width:calc(50% - 10px)}
form textarea{margin:15px 0 0}
form .wpcf7-acceptance label{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start}
form .wpcf7-acceptance input{margin:0;border-radius:99px}
form .wpcf7-acceptance .wpcf7-list-item-label{font-weight:400;line-height:1.1;max-width:300px;font-size:0.85em}
form .box{display:flex;justify-content:space-between;gap:10px 20px;flex-wrap:wrap}
form .box>p{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
form .box>p>img{width:17px}
form .box:not(.input){align-items:flex-end;margin-top:20px}
form .box:not(.input) input{margin:0}
form .box:not(.input) input[type="submit"]{margin:0;background-color:#fff;border:2px solid #000;color:#000;border-radius:99px;transition:all 0.4s;text-transform:none}
form .box:not(.input) input[type="submit"]:hover{background-color:#000;color:#fff}
form .box:not(.input) .wpcf7-spinner{width:100%;background-color:#fff}
form input[type="submit"]{display:none}
.wpcf7 form .wpcf7-not-valid-tip{margin-top:10px}
form .wpcf7-form-control-wrap{margin-top:20px}
form .sr-only{position: absolute;width: 1px;height: 1px;margin: -1px;padding: 0;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;}
form a{text-decoration:underline}


/* CONTATTI */
.contenitore-contatti{position:absolute;top:60px;right:-30px}
.contenitore-contatti .bordato.img{border-top-left-radius:0;border-top-right-radius:0;height:200px}
.contenitore-contatti .box-social svg{max-width:30px;padding:0 1px}
.contenitore-contatti .box-social svg#icona-instagram .cls-1, .contenitore-contatti .box-social svg#icona-facebook .cls-1, .contenitore-contatti .box-social svg#icona-instagram-mappa .cls-1, .contenitore-contatti .box-social svg#icona-facebook-mappa .cls-1{fill: #017D7B;}
.contenitore-contatti .box-social svg#icona-instagram .cls-2, .contenitore-contatti .box-social svg#icona-facebook .cls-2, .contenitore-contatti .box-social svg#icona-instagram-mappa .cls-2, .contenitore-contatti .box-social svg#icona-facebook-mappa .cls-2 {fill: #fff;}
.contenitore-contatti>.col>.col-inner{display:flex;flex-direction:column;justify-content:space-between}
.contenitore-contatti .orari.attivo{border-radius:15px;background-color:rgb(86 157 157 / 20%);padding:15px}

/* MAPPA */
#box-mappa{height:100%}
#box-mappa #dove-trovarci{position:absolute;top:25px;left:25px;background-color:#017D7B;color:#fff;padding:10px 20px 8px;border-radius:99px;z-index:2;font-weight:700;font-size:0.8em;}
.map-description{position: absolute !important;width: 1px !important;height: 1px !important;padding: 0 !important;margin: -1px !important;overflow: hidden !important;clip: rect(0, 0, 0, 0) !important;border: 0 !important;white-space: nowrap !important;}
#mappa-gramsci a, #mappa-due-pini a, #mappa-farmacie a{text-decoration:underline}

@media (max-width:1500px) and (min-width:1301px){
	footer .row:not(.align-bottom) .large-4{flex-basis:calc(100% - 25% - 600px);max-width:calc(100% - 25% - 600px)}
	footer .row:not(.align-bottom) .large-5{flex-basis:600px;max-width:600px}
}
@media (max-width:1400px){
	#top-bar .nav.nav-center>li{padding:3px 10px}
	#top-bar .pulsante.verde>span{padding:0 10px}
	#top-bar .nav.nav-center > li > a{font-size:0.7em}
	.nav>li>a>i+span{font-size:0.8em}
	#top-bar .nav.nav-center>li:first-child{padding-left:10px}
	#top-bar .nav.nav-center>li:hover{padding:3px 10px}
	#top-bar .logo-farmacie{max-width:200px!important}
	.servizi-home .col{max-width:50%;flex-basis:50%}
}
@media (max-width:1300px) and (min-width:850px){
	footer .row:not(.align-bottom) .large-4{flex-basis:calc(100% - 25% - 480px);max-width:calc(100% - 25% - 480px)}
	footer .row:not(.align-bottom) .large-5{flex-basis:480px;max-width:480px;}
	footer .row:not(.align-bottom) .large-5>.col-inner{padding-left:0!important;padding-right:0!important}
	footer .row:not(.align-bottom) .large-5 .stack-row>.stack-col{--stack-gap:30px!important}
}
@media (max-width:1200px){
	h1{font-size:1.4em!important}
	h2{font-size:1.4em!important}
	.testo-img img{display:none}
	.prodotti .col.align-v-c.hide-for-medium .img{width:100%!important}
	.accordion .titolo>p{font-size:0.85em}
	.prodotti .accordion.custom>.col-inner>.row>.col{max-width:100%;flex-basis:100%}
	.prodotti .accordion.custom>.col-inner>.row>.col:first-child{padding-bottom:15px}
	.contatta-farmacia .row-full-width{margin-left:0!important;margin-right:0!important}
	.contatta-farmacia .row-full-width>.col{width:100%;max-width:100%;flex-basis:100%;}
	.contatta-farmacia .row-full-width>.col.medium-col-first{order:-1}
	.contatta-farmacia .row-full-width>.col>.col-inner{max-width:100%!important;}
	#top-bar .container{padding:0 20px}
	#top-bar .pulsante>i{height:35px;width:35px}
	#top-bar .pulsante>span{height:35px}
	#top-bar .nav.nav-center>li{line-height:1;}
	#top-bar .nav.nav-center > li > a{line-height:1;padding:0;vertical-align:middle}
	#top-bar .flex-center, #top-bar .flex-right{margin-top:10px}
	.contenitore-contatti{max-width:660px!important}
	#articoli .articolo h3{font-size:1.5em}
	body.single main>section.intro>h1{font-size:5em!important}
	.farmacie>.banner:nth-child(1){display:none}
	.farmacie>.banner:nth-child(2), .farmacie>.banner:nth-child(3){width:50%}
	.sezione-aspef .stack{flex-wrap:wrap;gap:20px}
}

@media (max-width:1200px) and (min-width:850px){
	footer .row{padding-left:10px!important;padding-right:10px!important}
	footer .row.align-bottom{justify-content:flex-start!important}
	footer .row.align-bottom .large-4{flex-basis:25%;max-width:25%}
	footer .row.align-bottom .large-4 .img{width:100%!important}
	footer .row.align-bottom .large-6{flex-basis:58.3333333%;max-width:58.3333333%}
	footer .row.align-bottom .large-6 .stack-row>.text{--stack-gap:15px!important}
	footer .row:not(.align-bottom) .large-4 p{font-size:1rem}
	footer .pulsante.bianco>span{font-size:0.9em}
	.intro-titolo-testo.amm-trasp .text.semi-bold{font-size:3rem!important}
}

@media (max-width:849px){
	.banner-grid-wrapper:has(.griglia-mappa-foto), .griglia-mappa-foto .bordato{height:400px!important}
	#content>section{padding-left:10px;padding-right:10px}
	.parallax-active{transform:none!important}
	footer .row:not(.align-bottom) .large-4.align-l>.col-inner{margin-left:auto!important}
	footer .row:not(.align-bottom) .large-5 .stack-row>.stack-col{--stack-gap:30px!important}
	footer .row.align-bottom .large-6 .stack-row{flex-wrap:wrap;gap:10px 15px}
	footer .logotipo{width:70%!important;position:relative;right:-35%}
	#top-bar .mobile-nav, #top-bar .nav.nav-center{justify-content:space-between}
	#top-bar .mobile-nav>.nav-icon{border:1px solid #017D7B;padding:5px 20px!important}
	#top-bar .nav.nav-center > li.nav-icon > a{display:flex;flex-direction:row-reverse;color:rgb(1, 125, 123)!important;}
	#top-bar .nav.nav-center > li.nav-icon > a > span{margin-left:0;margin-right:5px;}
	#top-bar .nav>li>a>i+span{font-size:1.2em;text-transform:none}
	#top-bar .nav.nav-center>li.html_topbar_left:hover{background-color:unset}
	.nav-sidebar.nav-vertical>li.menu-item:hover{background-color:unset;}
	.nav-sidebar.nav-vertical>li.menu-item a{color:#fff;}
	.mfp-ready .mfp-close{opacity:1}
	.off-canvas-center.mfp-bg.mfp-ready{opacity:1}
	.mfp-close{top:19px;right:48px}
	.mfp-close svg{width:40px;height:40px;}
	.contenitore-contatti{max-width:100%!important;position:relative;right:unset;top:0}
	.contenitore-contatti .bordato.img{height:400px}
	.copyright-contatti{flex-wrap:wrap;text-align:center;gap:10px 15px}
	#articoli .articolo{width:calc(50% - (35px / 2))}
	.intro-titolo-testo .align-r>.col-inner{margin-left:0!important;margin-right:auto!important}
	body.single main>section.intro>h1{font-size:4em!important;order:1;}
	body.single main>section.intro{padding-left:30px;padding-right:30px}
	body.single main > section.intro > div{width:100%}
	body.single main > section.intro > div:nth-child(2) {order:3}
	body.single main > section.intro > div:nth-child(3) {order:2}
	body.single main > section.intro > section {order:4}
	.farmacie>.banner h3{padding-right:50px}
	body.home .farmacie{margin-top:20px;gap:20px}
	.fidelity .col.align-r.medium-12>.col-inner{margin-left:auto!important;margin-right:auto!important}
	.sezione-aspef .col.align-c>.col-inner{text-align:center}
	.sezione-aspef .col.align-c>.col-inner>.img{margin-left:auto!important;margin-right:auto!important}
}

@media (max-width:767px){
	#articoli div[class^="swiper-button-"]{display:none}
	footer .row{padding-left:20px!important;padding-right:20px!important}
}

@media (max-width:549px){
	h1{font-size:1.9em!important}
	h2{font-size:1.5em!important}
	.banner-grid-wrapper:has(.griglia-mappa-foto), .griglia-mappa-foto .bordato{height:420px!important}
	.farmacie .icone-contatti{padding:4px 8px}
	.accordion .icona-freccia.bianca{position:absolute;top:-55px;right:0;width:30px!important;height:30px;min-height:unset}
	.prodotti .accordion .icona-freccia.bianca{top:-45px;}
	.accordion div.text:has(+ .icona-freccia){width:100%}
	.accordion.custom h3{padding-right:40px}
	form span[data-name="nome"], form span[data-name="cognome"], form span[data-name="email"], form span[data-name="telefono"]{width:100%}
	form .box>p{display:none}
	.swiper-pagination{bottom:85px!important}
	.swiper-pagination-bullet-active{background-color:#017D7B;}
	#articoli .articolo h3{font-size:1.5em}
	footer{padding:40px 20px}
	footer .row{padding-left:0px!important;padding-right:0px!important}
	#top-bar .container{padding:0 10px}
	#top-bar .nav.nav-center>li:first-child{padding-left:0}
	#top-bar .nav>li>a>i+span{display:block!important}
	.contenitore-contatti .bordato.img{height:190px}
	.contenitore-contatti .box-social{display:flex;justify-content:flex-start;padding-left:15px}
	.contenitore-contatti .box-social>a{width:40px;height:40px;display:block;margin-right:5px}
	.contenitore-contatti .box-social svg{max-width:40px}
	#articoli .articolo{width:100%}
	#filtri{display:flex;flex-wrap:wrap;justify-content:center;background-color:unset;gap:10px}
	body.single main>section.intro>h1{font-size:2em!important;margin-top:60px}
	body.single main>section.intro{padding-left:20px;padding-right:20px}
	body.single main>section.intro>div>.info>div>span{width:35px;height:35px}
	body.single main>section.intro>div>.info>div{gap:8px;padding:6px 17px 6px 10px}
	body.single main>section.intro>div>.info>div>p{font-size:1em}
	body.single main>section.intro>div>.info>div>span>img{width:15px}
	body.single main>section.intro>div>p:not(.data){font-size:1.1em}
	body.single main>section.intro>div>h2{font-size:1.6em!important}
	.farmacie .icone-contatti{box-shadow:unset}
	.farmacie .icone-contatti .icon-box-text{display:none}
	.farmacie .icone-contatti .icon-box-img{width:60px!important}
	.farmacie{gap:10px!important}
	body.home .farmacie{flex-wrap:wrap}
	body.home .farmacie>.banner:nth-child(2), body.home .farmacie>.banner:nth-child(3){width:100%}
	.servizi-home .col{max-width:100%;flex-basis:100%}
	.fidelity .col.align-r.medium-12>.col-inner .banner{padding-top:0!important}
	.fidelity .col.align-r.medium-12>.col-inner .banner-inner, .fidelity .col.align-r.medium-12>.col-inner .banner-inner .img{position:relative!important}
	.farmacie>.banner p.medium{margin-top:0;padding-right:50px}
	.farmacie>.banner .banner-layers{overflow:hidden}
}

@media (max-width:360px){
	#top-bar .nav>li>a>i+span{display:none!important}
	body.single main>section.intro>div>.info>div{padding:4px 8px 4px 8px}
	.intro-titolo-testo.amm-trasp .text.semi-bold{font-size:1.2rem!important}
}