:root{
  --timetransition:0.4s;
  --verde:#4bb068;
}

body{font-family: 'Nunito Sans'; font-size: 1em}

.logo-container svg {width: 200px; height: auto}
.epalitalia{margin-left: 50px; font-size: 2.6em; font-weight: 700;}
.epalitalia span{color: var(--verde);}
.h1s{color: #cc0000; text-align: center;  border:var(--verde) 2px solid; border-radius: 12px; display: inline-block;}
.h1s span{ font-size: 2em; font-weight: 600; padding-right: 6px; padding-left: 6px}
.h1s small{font-size: 1.1em; font-weight: 600;}
h2{margin-top: 40px; font-size: 1.6em}
.head-contatti a svg{height: 24px; width: auto; margin-right: 8px; fill:#cc0000;
      -webkit-transition: all var(--timetransition) ease-in-out;
      -moz-transition: all var(--timetransition) ease-in-out;
      -o-transition: all var(--timetransition) ease-in-out;
      -ms-transition: all var(--timetransition) ease-in-out;
      transition: all var(--timetransition) ease-in-out;
    }
.head-contatti a {
        border:#fff 1px solid; border-radius: 12px; color:#cc0000;
        font-size: 1.4em;
      -webkit-transition: all var(--timetransition) ease-in-out;
      -moz-transition: all var(--timetransition) ease-in-out;
      -o-transition: all var(--timetransition) ease-in-out;
      -ms-transition: all var(--timetransition) ease-in-out;
      transition: all var(--timetransition) ease-in-out;
    }
.head-contatti a:hover {border:var(--verde) 1px solid; color: var(--verde); 
      -webkit-transition: all var(--timetransition) ease-in-out;
      -moz-transition: all var(--timetransition) ease-in-out;
      -o-transition: all var(--timetransition) ease-in-out;
      -ms-transition: all var(--timetransition) ease-in-out;
      transition: all var(--timetransition) ease-in-out;
    }
.head-contatti a:hover svg{fill: var(--verde);
      -webkit-transition: all var(--timetransition) ease-in-out;
      -moz-transition: all var(--timetransition) ease-in-out;
      -o-transition: all var(--timetransition) ease-in-out;
      -ms-transition: all var(--timetransition) ease-in-out;
      transition: all var(--timetransition) ease-in-out;
    }


.we-are{max-width: 80%}
.card{border-color: var(--verde) !important}
.card-title{text-transform: uppercase; text-align: center; color:#fff}
.card-header{border-color: var(--verde); background-color: var(--verde);}

.title-contatti{background: url('../imgs/green-dot.svg') repeat-x center center; background-size: 1px 1px; font-size: 1.6em; text-align: center; margin-bottom: 20px}
.title-contatti span{background: #fff; 
background-image: url('../imgs/p-start.svg'), url('../imgs/p-end.svg');
  background-repeat: no-repeat, no-repeat;
  background-position: left center, right center;
  background-size: 20px 46px, 20px 46px; /* opzionale: dimensione delle immagini */
  /* spazio interno per non sovrapporre testo e immagini */

  padding-left: 22px; padding-right: 22px; color: var(--verde);}
.contatti-strip{margin-top: 120px}
#map-canvas{min-height: 600px}

.elenco-recapiti{list-style-type: none;}
.elenco-recapiti li:not(:last-child){padding-bottom:24px}
.elenco-recapiti li span{padding-left: 14px; font-size: 1.2em; font-weight: 300}
.elenco-recapiti svg {width: 30px; height: auto; fill:#cc0000; }
.elenco-recapiti a{text-decoration: none;}
.elenco-recapiti a:link, .elenco-recapiti a:visited { color: #cc0000;; border:#fff 1px solid; border-radius: 12px;
      -webkit-transition: all var(--timetransition) ease-in-out;
      -moz-transition: all var(--timetransition) ease-in-out;
      -o-transition: all var(--timetransition) ease-in-out;
      -ms-transition: all var(--timetransition) ease-in-out;
      transition: all var(--timetransition) ease-in-out;
    }
.elenco-recapiti a:hover {color: var(--verde); border:var(--verde) 1px solid; border-radius: 12px;
      -webkit-transition: all var(--timetransition) ease-in-out;
      -moz-transition: all var(--timetransition) ease-in-out;
      -o-transition: all var(--timetransition) ease-in-out;
      -ms-transition: all var(--timetransition) ease-in-out;
      transition: all var(--timetransition) ease-in-out;
    }
.elenco-recapiti a:hover svg{fill: var(--verde);}

.form-control:focus {
  border-color: var(--verde);             /* colore del bordo */
  box-shadow: 0 0 0 0.25rem rgba(40, 167, 69, 0.25); /* alone esterno */
}
.form-err{margin-top:2px; background-color: #f00; color:#fff; border-radius: 4px;}
.fielderror{border:#ff0000 1px solid}
.btn-primary{background-color: var(--verde); color: #fff; border-color: var(--verde);}
.btn-primary:hover{background-color: #fff; color: var(--verde); border-color: var(--verde);}

.epalsvg {background: url('../imgs/green-dot.svg') repeat-x center center; background-size: 1px 1px;}
.epalsvg svg{width: 140px; height: auto; background: #fff; padding-left: 16px; padding-right: 16px}
.footer{font-size: 0.9em; padding-top:24px; padding-bottom: 24px}
.footer a {color: #000; text-decoration: underline}
.privacy ol li, .privacy-txt ul li {margin-bottom: 20px}
.privacy a {text-decoration: underline !important; color:#666;}

@media (max-width: 1199px) {

}

@media (max-width: 991px) {
  .head-contatti a {font-size: 1.2em;}
  .logo-container svg {width: 120px; height: auto}
  .card{margin-bottom: 30px}
  .recapiti{margin-bottom: 30px}
}

@media (max-width: 767px) { 
  .head-contatti a svg{height: 18px; width: auto; margin-right: 2px;}

}

@media (max-width: 575px) { 
  .head-contatti a{text-align: center}
  .head-contatti a span {display: none}
  .head-contatti a svg{height: 34px; width: auto; margin-right: 12px;}
  .epalitalia{margin-left: 30px; font-size: 1.6em; font-weight: 700;}

}