g671@charset "utf-8";
/* CSS Document */

/* ------------------- */
/* ----FORM DI RICERCA DI WP ---- */
/* ------------------- */
#cerca-i #search-form  {position: relative;}
#cerca-i #search-form input#s {
  border-radius: 25px;
  text-decoration: none;
  box-shadow: none;
  border: none;
  background: #e9e9e9;
  padding: 12px 12px;
    padding-left: 12px;
  font-size: 18px;
  padding-left: 32px;
  position: relative;
  letter-spacing: -0.5px;
  font-size: 22px;
  line-height: 20px;
  font-weight: 900;
  color: #666;
/*  background: url("../../../__matrice/design/img/ico/lente-icon.png") no-repeat scroll 7px 7px;*/
    background-color: #e9e9e9;
    background-size: 36px;
padding-left:60px;
position: relative;
max-width: 430px;
padding-right: 100px !important;
}
#cerca-i #search-form input#searchsubmit {
cursor: pointer; 
position: absolute; 
right: 44px; 
box-shadow: none;
border: none;
padding: 12px 12px;
padding-left: 12px;
background: url("../../../__matrice/design/img/freccia-piccola.png") no-repeat scroll 7px 7px;
width: 86px;
height: 52px;
background: #196f9c;
border-radius: 24px;
font-weight: 900;
color: white;
font-size: 18px;

      }
      

/* ------------------- */
/* ----FORM DI RICERCA DI WP ---- */
/* ------------------- */
#cerca-min #search-form  {position: relative; max-width: 370px;}
#cerca-min #search-form input#s {
  border-radius: 25px;
  text-decoration: none;
  box-shadow: none;
  border: none;
  background: #e9e9e9;
  padding: 10px 24px;

  position: relative;
  letter-spacing: -0.5px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 900;
  color: #666;
  color: #003f5f;
/*
  background: url("../../../__matrice/design/img/ico/lente-icon.png") no-repeat scroll 18px 7px;
  background-size: 24px;
*/
  background-color: white;
border:1px solid #ccc;
border: 2px solid #003f5f78;
position: relative;
font-family: "lato";
width: 100%;
padding-right: 68px;
}
#cerca-min #search-form input#searchsubmit {
font-family: "lato";
cursor: pointer; 
position: absolute; 
right: 0px; 
top: 3px;
box-shadow: none;
border: none;
padding: 12px 6px;
 background: url("../../../__matrice/design/img/ico/lente-icon.png") no-repeat scroll 18px 7px;
  background-size: 24px;
/*background: url("../../../__matrice/design/img/freccia-piccola.png") no-repeat scroll 7px 7px;*/
width: 66px;
height: 41px;
border-radius: 24px;
font-weight: 900;
color: black;
font-size: 16px;
background-color: none;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;


      }
      

#cerca-min #search-form-ii  {position: relative; max-width: 500px; margin-top: 17px;}
#cerca-min #search-form-ii input#s {
  border-radius: 32px;
  text-decoration: none;
  box-shadow: none;
  border: none;
  background: #e9e9e9;
  padding: 10px 24px;
max-width: 500px;
  position: relative;
  letter-spacing: -0.5px;
  font-size: 24px;
  line-height: 42px;
  font-weight: 900;
  color: #666;
  color: #003f5f;
/*
  background: url("../../../__matrice/design/img/ico/lente-icon.png") no-repeat scroll 18px 7px;
  background-size: 24px;
*/
  background-color: white;
border:1px solid #ccc;
border: 2px solid #003f5f78;
position: relative;
font-family: "lato";
width: 100%;
padding-right: 68px;
	margin-top:0px!important;
}
#cerca-min #search-form-ii input#searchsubmit {
font-family: "lato";
cursor: pointer; 
position: absolute; 
right: 0px; 
top: 3px;
box-shadow: none;
border: none;
padding: 12px 6px;
	padding-left: 24px!important;
 background: url("../../../__matrice/design/img/ico/lente-icon.png") no-repeat scroll 18px 7px;
  background-size: 32px;
/*background: url("../../../__matrice/design/img/freccia-piccola.png") no-repeat scroll 7px 7px;*/
width: 66px;
height: 41px;
border-radius: 24px;
font-weight: 900;
color: black;
font-size: 16px;
background-color: none;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}


.titolo-evento-elenco a::hover {color:#aaa;}
/* ------------------- */
/* ---- tab ---- */
/* ------------------- */
.tab-container {
    margin: 20px;
	margin-left:0px;
}

.tab-buttons {
    display: flex;
    margin-bottom: 10px;
}

.tab-button {
    padding: 10px 20px;
    cursor: pointer;
    border: none;
    background-color: #bbb;
    margin-right: 5px;
    transition: background-color 0.3s ease;
	font-weight: 900;
	letter-spacing: -0.5px;
	font-family: 'roboto';
	border-radius:24px;
	font-size:18px;
}

.tab-button.active {
    background-color: #6099f2;
    color: white;
    border-color: #0073aa;
}

.tab-content {
    display: none;
    padding: 15px;
  
    background-color: #fff;
}

.tab-content.active {
    display: block;
}


/* ------------------- */
/* ---- LOCANDINA ---- */
/* ------------------- */
.sfondolocandina {
  position: fixed;
  display: none;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(243,241,241,0.50);
  height: 100%;
  z-index: 10;
}
/*
.aprilocandina {
  text-decoration: none;
  margin: 4px 0 4px 2px;
  display: inline-block;
  font-size: 16px;
  padding: 8px 16px;
  border-radius: 24px;
  font-weight: bold;
  color: #444;
  background: #e4e6eb;
  line-height: 18px;
  cursor: pointer;
  text-decoration: none;
}
*/
.aprilocandina {


}

.chiudilocandina {
position: absolute;
bottom: 4px;
right: 8px;
cursor: pointer;
}
.locandina  {  display: none; 
padding: 8px 6px; border-radius: 44px; background: #ddd;
    position: fixed;
top: 120px;
margin-right: auto;
margin-left: auto;
right: 0;
left: 0;
background: white;
box-shadow: 0px 0px 24px rgba(118,114,114,0.4);
height: 500px;
width: 500px;
border-radius: 12px;
z-index: 12;
}
.locandina.attiva {
    animation: scale-display-base .3s;
/*    display: inline-block!important;*/
 }
 .locandina.chiusa  {
    animation: scale-display-base--reversed .3s;
}
 .sfondolocandina {position:fixed; display: none; top:0; bottom:0; left: 0; right:0; background: rgba(243,241,241,0.50); height: 100%; z-index: 10; }
@keyframes scale-display-base {
	0% {
		opacity: 1;
		transform: scale(0);
    -webkit-transform: scale(0);
	}

	100% {
		opacity: 1;
		transform: scale(1);
    -webkit-transform: scale(1);
	}
}
@keyframes scale-display-base--reversed {
	0% {
		display: inline-block;
		opacity: 1;
		transform: scale(1);
		-webkit-transform: scale(1);
	}
	99% {
		display: inline-block;
		opacity: 0;
		transform: scale(0);
		-webkit-transform: scale(0);
	}
	100% {
		display: none;
		opacity: 0;
		transform: scale(0);
		-webkit-transform: scale(0);
	}
}





/* ------------------------  */
/* ----   Breadcrumbs  ---- */
/* ------------------------- */

#breadcrumbs{
    list-style:none;
    margin:10px 0;
    overflow:hidden;
}
  
  #briciole ul {
padding-left: 0px;
}
#breadcrumbs li{
    display:inline-block;
    vertical-align:middle;
    margin-right:15px;
}
  
#breadcrumbs .separator{
    font-size:18px;
    font-weight:100;
    color:#ccc;
}


i.freccia3 {
  border: solid black;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 2px;
}
i.freccia3 {
  padding: 3.5px;
  margin-right: 4px;
  margin-left: 4px;
  border: solid #bf2525 medium;
    border-top-width: medium;
    border-right-width: medium;
    border-bottom-width: medium;
    border-left-width: medium;
  border-width: 0 2px 2px 0;
}

.right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}


#briciole li.separator {
  line-height: 10px;
}
#briciole li {
  display: inline-block;
  vertical-align: middle;
  margin-right: 7px;
}
#briciole a, #briciole li {
  font-size: 13px;
  font-weight: 300;
  margin-bottom: 0px;
  display: inline-block;
}

/* -------------------------------------- */
/* ----    Accordion Semplice       ----  */
/* -------------------------------------- */
.faq, .wc-accordion {
	 margin-top: 15px;
	/* Style the accordion panel. Note: hidden by default */
}
button.accordion { cursor: pointer;}
button.accordion:visited { color: none;}
 .faq .accordion, .wc-accordion .accordion {
	 padding: 20px 0px 5px 0px;
	 width: 100%;
	 text-align: left;
	 border: none;
	 outline: none;
	 transition: 0.4s;
	 border-radius: 0px;
	 background: none;
	 display: flex;
	 border-top: 2px solid #e8f1ef;
	 font-size: 18px;
	 justify-content: space-between;
	 align-items: center;
}
#accordion-semplice ul {
padding-left: 0px;
}


#accordion-semplice ul li {
  display: block;
  position: relative;
  padding-left: 20px;
  list-style: none;
  padding-bottom: 4px;
}

#accordion-semplice ul li p {margin: 0;}
#accordion-semplice ul li:before {
/*  position: absolute;
  left: -12px;
  content: url('../../../__matrice/design/img/ico/documento-ico-minimo.png');*/
/*
  line-height: 11px;
  font-family: 'Material Icons';
  content: "\e853";
*/


}

.faq .active,
.wc-accordion .active,
.faq .accordion:hover,
.wc-accordion .accordion:hover {
  background-color: none;
}
.faq .accordion:focus,
.wc-accordion .accordion:focus {
  text-decoration: underline;
}
.faq .active i,
.wc-accordion .active i {
  transform: rotate(90deg);
}
.faq .panel,
.wc-accordion .panel {
  max-height: 0;
  overflow: hidden;
  visibility: hidden;
  transition-duration: 400ms;
  transition-property: max-height, visibility;
  transition-delay: 0, 400ms;
}
.panel.open {
  visibility: visible;
  transition-duration: 400ms;
  transition-property: max-height, visibility;
  transition-delay: 400ms, 0;
}

.closed .vertical {
  transition: all 0.4s ease-in-out;
  transform: rotate(-90deg);
}
.closed .horizontal {
  transition: all 0.4s ease-in-out;
  transform: rotate(-90deg);
  opacity: 1;
}
.active {
  opacity: 1;
}

.faq .aperta {
  display: none;
}
.active .chiusa {
  display: none;
}
.active .aperta {
  display: block;
}
.active .vertical {
  transition: all 0.4s ease-in-out;
  transform: rotate(90deg);
}
.active .horizontal {
  transition: all 0.4s ease-in-out;
  transform: rotate(90deg);
  opacity: 0;
}
.circle-animation {
  position: relative;
  flex: 0 0 30px;
}
.circle-animation .horizontal {
  position: absolute;
  background-color: #ffc454;
  width: 20px;
  height: 3px;
  left: 50%;
  margin-left: -10px;
  top: 50%;
  margin-top: -1px;
}
.circle-animation .vertical {
  position: absolute;
  background-color: #ffc454;
  width: 3px;
  height: 20px;
  left: 50%;
  margin-left: -1px;
  top: 50%;
  margin-top: -10px;
}

/* Style for the main accordion */
.accordion {
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
}

.panel {
  padding: 0 18px;
  background-color: white;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  max-height: 0; /* Initially hide the panel */
}

/* Style for the nested accordion */

.nested-accordion {
	margin-bottom: 6px;
}
.nested-accordion-btn {
  cursor: pointer;
  padding: 10px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
  background-color: #f1f1f1;
  font-size: 15px;
	border-radius: 12px;

}

.nested-panel {
  padding: 0 10px;
  background-color: #f9f9f9;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  max-height: 0; /* Initially hide the nested panel */
}
#accordion-strutturato .faq .active {
  margin-left: 0px;
  padding-left: 0px;
}
#accordion-strutturato .nested-accordion-btn.active {
  margin-left: 0px;
  padding-left: 10px;
}
#accordion-strutturato a {
  text-decoration: underline;
  color: #196f9c;
}
.contenuto-accordion {
  margin-left: 18px;
}


/* Style for the third-level accordion */
.third-level-accordion-btn {
  cursor: pointer;
  padding: 8px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
  background-color: #e9e9e9;
  font-size: 14px;
  margin-left: 20px; /* Indent to indicate hierarchy */
}

.third-level-accordion-btn:hover {
  background-color: #dcdcdc;
}

.third-level-accordion-btn.active {
  background-color: #dcdcdc;
}

.third-level-panel {
  padding: 0 8px;
  background-color: #f0f0f0;
  overflow: hidden;
  max-height: 0; /* Initially hide the third-level panel */
  transition: max-height 0.2s ease-out;
  margin-left: 20px; /* Indent to align with the button */
}

.third-level-panel.open {
  max-height: none; /* Allow the panel to expand */
}

#accordion-strutturato .third-level-accordion-btn.active {
  margin-left: 20px;
  padding-left: 10px;
}
/* -------------------------------------- */
/* ----    Accordion naviga       ----  */
/* -------------------------------------- */
.faq, .wc-accordion {
	 margin-top: 15px;
	/* Style the accordion panel. Note: hidden by default */
}
button.fisabel { cursor: pointer;}
 .faq .fisabel, .wc-accordion .fisabel {
	 padding: 20px 0px 5px 0px;
	 width: 100%;
	 text-align: left;
	 border: none;
	 outline: none;
	 transition: 0.4s;
	 border-radius: 0px;
	 background: none;
	 display: flex;
	 border-top: 2px solid #e8f1ef;
	 font-size: 18px;
	 justify-content: space-between;
	 align-items: center;
}
#accordion-naviga ul {
padding-left: 0px;
margin-top: 0px;

}


#accordion-naviga ul li:first-child a.fisabel {border-top: none;}
#accordion-naviga ul li {
  display: block;
  position: relative;
  padding-left: 0px;
  list-style: none;
}

#accordion-naviga ul.sottopagine.figlie  li a.correntedin {margin-left: 24px;}
#accordion-naviga ul.sottopagine.figlie  li a.correntedin::before {
content: ""; position: absolute; left: 0px;  height:12px; width:12px; border-radius:40%; background:orange;
}



#accordion-naviga ul li p {margin: 0;}
#accordion-naviga ul li:before {
/*  position: absolute;
  left: -12px;
  content: url('../../../__matrice/design/img/ico/documento-ico-minimo.png');*/
/*
  line-height: 11px;
  font-family: 'Material Icons';
  content: "\e853";
*/


}

 .faq .active {margin-left: 22px;}
 .faq .active, .wc-accordion .active, .faq .fisabel:hover, .wc-accordion .accordion:hover {
	 background-color: none;
     padding-left: 4px;
}
 .faq .accordion:focus, .wc-accordion .fisabel:focus {
	 text-decoration: none;
}
 .faq .active i, .wc-accordion .active i {
	 transform: rotate(90deg);
}
 .faq .panel, .wc-accordion .panel {
	 max-height: 0;
	 overflow: hidden;
	 visibility: hidden;
	 transition-duration: 400ms;
	 transition-property: max-height, visibility;
	 transition-delay: 0, 400ms;
}
 .panel.open {
	 visibility: visible;
	 transition-duration: 400ms;
	 transition-property: max-height, visibility;
	 transition-delay: 400ms, 0;
}


 .closed .vertical {
	 transition: all 0.4s ease-in-out;
	 transform: rotate(-90deg);
}
 .closed .horizontal {
	 transition: all 0.4s ease-in-out;
	 transform: rotate(-90deg);
	 opacity: 1;
}
 .active {
	 opacity: 1;
}

.faq .aperta {display:none;}
.active .chiusa {  display: none;   }
.active .aperta {display: block;}
.active .vertical {
	 transition: all 0.4s ease-in-out;
	 transform: rotate(90deg);
}
 .active .horizontal {
	 transition: all 0.4s ease-in-out;
	 transform: rotate(90deg);
	 opacity: 0;
}
 #accordion-naviga .circle-animation {
	 position: relative; margin-right: 12px;
/*	 flex: 0 0 30px;*/
}
 #accordion-naviga .circle-animation .horizontal {
	 position: absolute;
	 background-color: #196f9c;
	 width: 20px;
	 height: 3px;
	 left: 50%;
	 margin-left: -10px;
	 top: 50%;
	 margin-top: -1px;
}
 #accordion-naviga .circle-animation .vertical {
	 position: absolute;
	 background-color: #196f9c;
	 width: 3px;
	 height: 20px;
	 left: 50%;
	 margin-left: -1px;
	 top: 50%;
	 margin-top: -10px;
}
 

/* ------------------- */
/* ----  Doc correlati in sidebar  ---- */
/* ------------------- */
.doc-correlati ul {padding-left: 0px; }
.doc-correlati ul li {display: inline-block; margin-bottom: 5px;}


/* ------------------- */
/* ---- Login in pagina   ---- */
/* ------------------- */

#loginimpag label {width:90px; display: inline-block; font-weight: bold;}
#loginimpag input {width:400px; display: inline-block; font-weight: bold;}
p.login-submit {margin-top:24px;}
#loginimpag input[type="submit"] {width: 245px;
background: #196f9c;
color: white;
cursor: pointer;
margin-left:90px; border: none;}
/* ------------------- */
/* ----   Recupera Password (speciale per Oplig)   ---- */
/* ------------------- */
#login {
  width: 620px;
  padding: 5% 0 0;
  margin: auto;
}



/* ------------------- */
/* ---- ACF FORM FRONT END ---- */
/* ------------------- */

.acf-field .pa-lp {display: block;}


.acf-field {
  margin: 15px 0;
  clear: both;
  display: inline-block;
}

.acf-fields > .acf-field {
  position: relative;
  margin: 0;
  padding: 15px 12px;
  border-top: #EEEEEE solid 1px;
  vertical-align: top;
  min-width: 400px;
}

.acf-field input[type="text"], .acf-field input[type="number"], .acf-field input[type="email"] {
  margin-top: 8px;
}

ul.acf-radio-list li, ul.acf-checkbox-list li {
  font-size: 13px;
  line-height: 22px;
  margin: 0;
    margin-right: 0px;
  position: relative;
  word-wrap: break-word;
  display: inline-block;
  margin-right: 24px;
  
        padding:12px;
}

.acf-field  input[type=radio] {

background: none;
    }
@-moz-document url-prefix() {
ul.acf-radio-list li, ul.acf-checkbox-list li {
  font-size: 13px;
  line-height: 22px;
  margin: 0;
    margin-right: 0px;
  position: relative;
  word-wrap: break-word;
  display: inline-block;
  margin-right: 24px;
  margin-bottom: 0px;
    padding:4px;
}
}

.acf-input-wrap {padding: 2px;}

.acf-field-5795df26c0043 ul.acf-checkbox-list.acf-bl li {min-width: 296px;}
.acf-field-5795f26a26dba ul.acf-checkbox-list.acf-bl li {min-width: 156px;}

	.acf-field.pa-lp {display: block;}
.acf-field-65d3eace113ff.pa-lp .acf-label {display: none; }
.acf-field-65d3eace113ff.pa-lp {border-top:none; padding-top: 0px;  }
.acf-field-65b393d425425.pa-lp {padding-bottom: 0px; }
/*bottoni form*/ 

input[type=checkbox] {
margin: 12px 14px 0 0!important;
}


input[type=checkbox] {
-moz-appearance:initial;
         position: relative;
	       cursor: pointer;
		   margin-bottom:0px;
box-shadow: none;
border-radius: 0px;
padding: 0px;
border: none;
margin-top: 0px;
width: auto;
background: none;
vertical-align: baseline!important;
padding: 6px 10px 6px 6px!important;

    }
input[type=checkbox]:before {
	-moz-appearance:initial;
         content: "";
/*
         display: block;
         position: absolute;
*/
   display: inline-block;
position: inherit;
         width: 25px;
         height: 25px;
         top: -8px;
         left: -1px;
         background-color:#ddd;
            border-radius: 4px;
}
input[type=checkbox]:checked:before {
-moz-appearance:initial;
         content: "";
/*
         display: block;
         position: absolute;
*/
   display: inline-block;
position: inherit;
         width: 25px;
         height: 25px;
         top: -8px;
         left: 0px;
         background-color:#1E80EF;
         border-radius: 4px;
}

.eventi input[type=checkbox]:checked:before {

         background-color:#6099f2;
     
}

    input[type=checkbox]:checked:after {
	-moz-appearance:initial;
         content: "";
         display: block;
         width: 8px;
         height: 14px;
         border: solid white;
         border-width: 0 2px 2px 0;
         -webkit-transform: rotate(45deg);
         -ms-transform: rotate(45deg);
         transform: rotate(45deg);
         position: absolute;
         top: -4px;
         left: 8px;
}



@-moz-document url-prefix() {
span.wpcf7-list-item {
    display: block;
    margin: 0;
	position: relative;
	margin-bottom: 0px;

}

input[type=checkbox] {
margin: -1px -4px 0 0!important;
vertical-align: middle!important;
}

input[type=checkbox]:before {
	-moz-appearance:initial;
 top: 0px;

}
input[type=checkbox]:checked:before {
-moz-appearance:initial;
top: 0px;

}

    input[type=checkbox]:checked:after {
	-moz-appearance:initial;
     top: 0px;
    }
input[type="checkbox"]:checked::after {
    -moz-appearance: initial;
top: 9px;
left: 14px;
}

}










/* RADIOBOX PERSONALIZZATI */




input[type=radio] {
-moz-appearance:initial;
         position: relative;
	       cursor: pointer;
		   margin-bottom:0px;
box-shadow: none;
border-radius: 0px;
padding: 0px;
border: none;
margin-top: 0px;
width: auto;
margin-right: 22px!important;

    }
    input[type=radio]:before {
	-moz-appearance:initial;
         content: "";
/*
         display: block;
         position: absolute;
*/
   display: inline-block;
position: inherit;
         width: 25px;
         height: 25px;
		 border-radius: 50%;
         top: -8px;
         left: -1px;
         background-color:#ddd;
}
input[type=radio]:checked:before {
-moz-appearance:initial;
         content: "";
/*
         display: block;
         position: absolute;
*/
   display: inline-block;
position: inherit;
         width: 25px;
         height: 25px;
         top: -8px;
         left: 0px;
         background-color:#1E80EF;
}
    input[type=radio]:checked:after {
	-moz-appearance:initial;
         content: "";
         display: block;
         width: 8px;
         height: 14px;
         border: solid white;
         border-width: 0 2px 2px 0;
         -webkit-transform: rotate(45deg);
         -ms-transform: rotate(45deg);
         transform: rotate(45deg);
         position: absolute;
         top: -4px;
         left: 8px;
}


@-moz-document url-prefix() {
    input[type=radio]:before {
	-moz-appearance:initial;
 top: 0px;

}
input[type=radio] {

margin-right: 0px!important;

    }
input[type=radio]:checked:before {
-moz-appearance:initial;
top: 0px;

}

    input[type=radio]:checked:after {
	-moz-appearance:initial;
     top: 14px;
      left: 23px;
    }


}





/* ------------------- */
/* ----           ---- */
/* ------------------- */