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


html {overflow-x: hidden;}
body {overflow-x: hidden;}
/* ---- COLORI ---- */
.sfondoneutro {background: #e9e9e9;}
.coloreneutro {color: #666;}
.bianco, a.bianco {color:white;}
.arancio, a.arancio {color: #f2840d}
.sfondoarancio, a.sfondoarancio {background-color: #f2840d}
.sfondogrigiochiaro, a.sfondogrigiochiaro {background-color: #f5f5f5;}
a.bianco:hover {color: #ccc;}
a .bianco:hover {color: #ccc;}
a.blu, .blu {color:#196f9c}
a.blu:hover {color:#0F354A}
a.sfondoblu, .sfondoblu {background-color: #196f9c;}
a.sfondoblu:hover, a .sfondoblu:hover {background-color: #155F86;}

a.sfondobluscuro, .sfondobluscuro {background-color: #2f5f86;}

a.verde, .verde {color:#49c170}
a .sfondoverde, a.sfondoverde, .sfondoverde  {background-color: #49c170}
a .sfondoverde:hover, a.sfondoverde:hover  {background-color: #199040}
a.verde:hover {color:#1B4E2B}

a.azzurro, .azzurro {color:#2ea9dd; }
a .sfondoazzurro, a.sfondoazzurro,.sfondazzurro  {background-color: #2ea9dd; }
a .sfondoazzurro:hover, a.sfondoazzurro:hover {background-color: #1485B4; }
a.azzurro:hover {color:#1C5770; }

a.arancio, .arancio {color:orange; }
a .sfondoarancio, a.sfondoarancio,.sfondoarancio  {background-color: orange; }
a .sfondoarancio:hover, a.sfondoarancio:hover  {background-color: #FF8E00; }
a.arancio:hover {color:#EA6205; }

a.celeste, .celeste {color:#6099f2; }
a .sfondoceleste, a.sfondoarancio,.sfondoceleste  {background-color: #6099f2; }

a.grigio, .grigio {color:#f2f2f2; }
a .sfondogricio, a.sfondogrigio,.sfondogrigio  {background-color: #f2f2f2; }

a.blunotte, .blunotte {color:#476e95; }
a .sfondoblunotte, a.sfondoblunotte,.sfondoblunotte  {background-color: #476e95; }


a.more-link {background: #e9e9e9; border-radius:32px; padding: 10px 24px; color: #666; font-weight: 900; display: inline-block;
vertical-align: top; }


.header-max-i-c {height: 104px; margin-bottom: 12px; overflow: hidden; margin: 0px 0px 12px 24px; margin-left: 12%;}


.eventi input[type="submit"] {
  max-width: 200px;
  cursor: pointer;
  background-color: #4e647a;
  color: white;
}

input, select, textarea, .acf-field input[type="text"], .acf-field select, input[type="number"] {
  font-family: 'Robto', sans-serif;
}

#loginimpag input[type="submit"] {
  width: 245px;
  background: #3b6a99;
  color: white;
  cursor: pointer;
  margin-left: 90px;
  border: none;
}



.singolo-evento-home h1 {font-size: 19px;}
.evento-elemento-centro { display: inline-block; width: 63%; vertical-align: middle;} 






.label-form {font-weight: 500; font-size: 16px; }

.blocco-meta-cnt a, .blocco-meta-cnt .etichetta, .blocco-meta-btn { font-size: 13px;
font-weight: 500;
color: #666;
display: inline-block;
vertical-align: text-top;
margin-right: 12px;
color: #233f5bcc;
}

.blocco-meta-cnt-ii a, .blocco-meta-cnt-ii .etichetta, .blocco-meta-btn-ii { font-size: 13px;
font-weight: 600;
color: #666;
display: inline-block;
vertical-align: middle;
margin-right: 8px;
color: #233f5bc4;
font-size: 15px;
}


.bott-comp-vii-min {
color: #777;
border-radius: 30px;
padding: 6px 24px;
padding-left: 0px;
font-size: 15px;
}



.filtrolabel {font-weight: 500; color: #333; vertical-align: top; padding-top: 14px; font-size: 16px; line-height: 2.5; padding-left: 8px;   }
.eventi .sf-label-checkbox {font-weight: 500; color: #333; vertical-align: top; padding-top: 14px!important; font-size: 16px; line-height: 1; padding-left: 8px;   }
.searchandfilter .sf-count, .searchandfilter .sf-date-postfix {
  padding-left: 5px;
  display: inline-block;
  color: #999;
}
.info-scheda {font-weight: bold; color: #909eab; margin-right: 4px;}



.contiene-form-ricpatroc h2, .titolo-form-2 {font-weight: 300; margin-top: 0px;border-top: 2px solid #233f5b; line-height: 1.3; padding-top: 12px; text-transform: uppercase; color: #233f5b; font-size: 22px;}
.numero-blocco-patroc {
  font-size: 24px;
  width: auto;
  color: #eee;
  background: #233f5b;
  padding: 6px 12px;
  display: inline-block;
  margin-bottom: 0px;
  line-height: 1;
  border-radius: 2px;
}

.numero-blocco-patroc p {
color:white!important;
}
.contiene-form-ricpatroc span.wpcf7-list-item-label {
margin-left: 12px;
}

.contiene-form-ricpatroc span.wpcf7-list-item {
    display: block;
    margin: 0;
	position: relative;
	margin-bottom: 0px;

}
.contiene-form-ricpatroc .ricpatroc p {margin-top:0px;}
.contiene-form-ricpatroc .ricpatroc  {margin-bottom:36px;}

.wpcf7-list-item-label {
line-height: 1.4;
vertical-align: middle;
display: inline-block;
width: 90%;
vertical-align: top;
padding-top: 6px;
}
.titolo-gruppetto {
  font-weight: 400;
  color: #1c4064;
  font-size: 17px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 8px;
}



.page h4 {font-size:20px; text-transform: uppercase; padding-bottom: 4px; border-bottom: 1px solid #999; color: #333; margin-top: 54px;}
/* Multi Pop bottone Mappa, Locandina, Pulsante condividi*/
.extrabott  {  
display: none; 
padding: 8px 6px; border-radius: 44px; background: #ddd;
position: fixed;
top: 4px;
margin-right: auto;
margin-left: auto;
right: 0;
left: -64px;
background: white;
box-shadow: 0px 0px 24px rgba(118,114,114,0.4);
height: 120px;
width: 220px;
border-radius: 12px;
z-index: 12;
}
.lat-eventi .extrabott  {  
display: none; 
padding: 8px 6px; border-radius: 44px;
box-shadow:none;
background: none;
position: fixed;
top: 24px;
height: auto;
width: 80vw;
z-index: 12;
text-align: center;

}

.extrabott img.locandinaevento {
margin-bottom: 24px;
border-radius: 12px;
}
.extrabott .acf-map {
margin-right: auto;
margin-left: auto;
right: 0;
left: 0;
height: 80vh;
width: 80vw;
position: relative;

}
.mappa-resp .extrabott  {  
display: none; 
padding: 8px 6px; border-radius: 44px; background: #ddd;
position: relative;
top: -180px;
margin-right: auto;
margin-left: auto;
right: 0;
left: -174px;
background: white;
box-shadow: 0px 0px 24px rgba(118,114,114,0.4);
height: 120px;
width: 220px;
border-radius: 12px;
z-index: 12;
}

.extrabott .updated {}
a.chiudi-extrabott {   padding: 8px 16px; background-color: #6099f2; color: white; font-weight: bold; font-size: 16px; position: absolute; bottom:-24px; right:12px; border-radius: 16px; cursor: pointer; display: inline-block;display: none;}


.extrabott.attiva {
    animation: scale-display-base .3s;
/*    display: inline-block!important;*/
 }
 .extrabott.chiusa  {
    animation: scale-display-base--reversed .3s;
}
 .sfondo-popup {position:fixed; display: none; top:0; bottom:0; left: 0; right:0; background: rgba(243,241,241,0.80); 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);
	}
}
/* fine Multi Pop bottone Mappa*/







/* Multi Pop bottone Pulsante condividi*/
.apri-extrabott-cond {position: relative; cursor: pointer;}

.extrabott-cond  {  
display: none; 
padding: 2px 12px; 
border-radius: 40px; background: #ddd;
position: absolute;
top: -8px;
margin-right: auto;
margin-left: auto;
right: -348px;
background: white;
box-shadow: 0px 0px 24px rgba(118,114,114,0.4);
height: 38px;
width: auto;
border-radius: 44px;
z-index: 12;
}


.mappa-resp .extrabott-cond  {  
display: none; 
padding: 8px 6px;
background: #ddd;
position: relative;
top: -180px;
margin-right: auto;
margin-left: auto;
right: 0;
left: -174px;
background: white;
box-shadow: 0px 0px 24px rgba(118,114,114,0.4);
height: 120px;
width: 220px;
border-radius: 28px;
z-index: 12;
}
a.chiudi-extrabott-cond { cursor: pointer; margin-left: 24px;s border-radius: 50%; color: white; width: 30px; height: 30px; margin-right: 0px;}
.extrabott .updated {}



.extrabott-cond.attiva {
    animation: scale-display-base-sx .3s;
/*    display: inline-block!important;*/
 }
 .extrabott-cond.chiusa  {
    animation: scale-display-base--reversed-sx .3s;
}
 .sfondo-popup {position:fixed; display: none; top:0; bottom:0; left: 0; right:0; background: rgba(243,241,241,0.80); height: 100%; z-index: 10; }
@keyframes scale-display-base-sx {
	0% {
		opacity: 1;
        transform: scale(0);
          transform-origin: left;
    -webkit-transform: scale(0);
	}

	100% {
		opacity: 1;
		transform: scale(1);
          transform-origin: left;
    -webkit-transform: scale(1);
	}
}
@keyframes scale-display-base--reversed-sx {
	0% {
		display: inline-block;
		opacity: 1;
          transform-origin: left;
		transform: scale(1);
		-webkit-transform: scale(1);
	}
	99% {
		display: inline-block;
		opacity: 0;
          transform-origin: left;
		transform: scale(0);
		-webkit-transform: scale(0);
	}
	100% {
		display: none;
		opacity: 0;
          transform-origin: left;
		transform: scale(0);
		-webkit-transform: scale(0);
	}
}
/* fine Multi Pop bottone Mappa*/



















@keyframes slideInFromLeft {
  0% {
    transform: translatey(-20px);
   opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
    
  }
}

.ani {  
  /* This section calls the slideInFromLeft animation we defined above */
  animation: 0.4s ease-out 0s 1 slideInFromLeft;
    visibility: visible;
  opacity: 1;
  transition: opacity 2s linear;
}

.logo-testata {margin-left: 22px; margin-top:4px;}

aside.doc-correlati .link-i {display: block; width: max-content; max-width: 100%;}
#accordion-naviga .link-i {margin-bottom:12px; float: left; clear: both;}

h1.titolopost {
  font-size: 38px;
  font-weight: bold;
  font-weight: 700;
  letter-spacing: -1px;
  display: block;
  margin-top: 8px;
  line-height: 1;
  margin-bottom: 12px;
  border-bottom: 4px solid #196f9c;
  position: relative;
  max-width: 90%;
}
h1.titolopost:after { content: ""; width: 10%; position: absolute; right: -84px; top:38px; height: 4px; background-color: #ccc; right: -10.5%;}
h1.titolopost:before { content: ""; width: 84px; height:65px; position: absolute; left: -102px; top:0px;  background-color: #ccc; transform: rotate(45deg); border-radius: 12px; }




h1.titolopost-alt {
  font-size: 54px;
  font-size: 39px;
  font-weight: bold;
  font-weight: 300;
  font-weight: 700;
  letter-spacing: -1px;
  display: block;
  margin-top: 8px;
  line-height: 1;
  margin-bottom: 12px;
  border-bottom: 1px solid #ccc;
  position: relative;
  max-width: 100%;
  padding-bottom: 12px;
  color: #233f5bcc;
  color: #233f5b;

}

.due-colonne-flex h1.titolopost-alt { margin-top: 0px;}


h1.titolopost-alt .sottolinea {display: inline-block; position: relative;}
.sottolinea:after { content: ""; width: 100%; position: absolute; right: 0; bottom:-13px; height: 2px; background-color: #233f5b; }









h1.titolopost-ii, a h1.titolopost-ii {
  font-size: 28px;
  font-weight: bold;
  font-weight: 700;
  letter-spacing: -1px;
  display: inline-block;
  margin-top: 8px;
  margin-bottom: 8px;
  line-height: 1;
}
h1.titolopost-iii, a h1.titolopost-iii {
  font-size: 19px;
  font-weight: bold;
  font-weight: 700;
  letter-spacing: -1px;
  display: inline-block;
  margin-top: 8px;
  margin-bottom: 4px;
  line-height: 1;
}

.testata .due-22 {padding-right: 2vw; min-width: 360px;}
.testata a.link-i img {width:24px;}
.testata a.link-i {max-height: 39px; font-size: 19px;}
aside a.link-i {font-size: 15px;}
#accordion-naviga a {font-size: 15px; font-weight: normal;}
ul li.faq, .wc-accordion {
  margin-top: 0px; margin-bottom: 0px;
}

.istituzionale h1.titolopost {  border-bottom: 4px solid #196f9c; }
.professionisti h1.titolopost {   border-bottom: 4px solid #2ea9dd;}
.cittadini h1.titolopost {  border-bottom: 4px solid #49c170; }
.studenti h1.titolopost {   border-bottom: 4px solid #f2840d; }

/*.istituzionale h1.titolopost:before {  background-color: #196f9c; background-image: url("img/ico-prof-i-rot.png"); background-size: 26px; background-repeat: no-repeat; background-position: 90% 7%;}*/
.istituzionale h1.titolopost:before {  background-color: #196f9c; }
.cittadini h1.titolopost:before {  background-color: #49c170;}
.professionisti h1.titolopost:before {  background-color: #2ea9dd;}
.studenti h1.titolopost:before {  background-color: #f2840d}



a.meta-nav-logg, a.post-edit-link, a.logg-nav div {font-weight: 400; color: #233f5bc4; display: inline-block; vertical-align: middle; }




/*
.cittadini h1.titolopost:before {  background-color: #49c170;}
.professionisti h1.titolopost:before {  background-color: #2ea9dd;}
.studenti h1.titolopost:before {  background-color: #f2840d}
.eventi h1.titolopost:before {  background-color: #4e647a}
.eventi h1.titolopost-alt:before {  background-color: #4e647a}
*/


.contenuto-max-i-c header {position: relative;}
.contenuto-max-i-c.eventi header.alter:before { content: "";   background-color: #4e647a; transform: rotate(45deg); border-radius: 12px; width: 86px; height: 113px;  position: absolute; left: -30%; }
.contenuto-max-i-c.istituzionale header.alter:before { content: "";   background-color: #196f9c; transform: rotate(45deg); border-radius: 12px; width: 86px; height: 113px; position: fixed; left: -60px; }
.contenuto-max-i-c.notizia header.alter:before { content: "";   background-color: #196f9c; transform: rotate(45deg); border-radius: 12px; width: 86px; height: 113px; position: fixed; left: -60px; }
.contenuto-max-i-c.professionisti header.alter:before { content: "";   background-color:  #2ea9dd; transform: rotate(45deg); border-radius: 12px; width: 86px; height: 113px; position: absolute; left: -30%; }
.contenuto-max-i-c.studenti header.alter:before { content: "";   background-color:  #f2840d; transform: rotate(45deg); border-radius: 12px; width: 86px; height: 113px;  position: absolute; left: -30%; }
.contenuto-max-i-c.cittadini header.alter:before { content: "";   background-color:  #49c170; transform: rotate(45deg); border-radius: 12px; width: 86px; height: 113px;  position: absolute; left: -30%; }




.due-22.laterale { margin-top: 18px; }


.singolo-evento-home {float: left; width: 50%; height: 128px; padding-right: 32px; margin-bottom: 24px; }




.box-a-sx a p { color: #666; font-weight: 400;margin-top: 12px; font-size: 14px; line-height: 1.3;}
.box-a-sx .more-link { display: none;}
.box-a-sx a p::after   { 
width: 40px;
height: 20px;
content: "";
display: block;
vertical-align: middle;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
border-radius: 15px;
background-color: #eee;
background-image: url("__matrice/design/img/freccia-piccola.png");
margin-left: 6px;
padding: 0px 4px; 
margin-top: 8px;
 }
.box-a-sx h1 { margin-top: 0px;}

.single-item p, .single-item-ii p {font-weight: 400; font-size: 14px; color: #666; margin-top: 5px; msrgin-bottom:8px; line-height: 1.3;}
.single-item p.link-more a:after   { 
width: 40px;
height: 20px;
content: "";
display: block;
vertical-align: middle;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
border-radius: 15px;
background-color: #eee;
background-image: url("__matrice/design/img/freccia-piccola.png");
margin-left: 0px;
padding: 0px 4px; 
 }
 .frecciasingola  { 
width: 40px;
height: 20px;
content: "";
vertical-align: middle;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
border-radius: 15px;
background-color: #eee;
background-image: url("__matrice/design/img/freccia-piccola.png");
margin-left: 0px;
padding: 0px 4px; 
 }
.single-item article { max-width: 420px; }
.single-item .more-link {display: none;}
.single-item h1 {margin-bottom:4px; min-height: 30px;}
.entry-content a {text-decoration: underline; color:#196f9c }
.entry-content a:hover { color:#124C6B}
.entry-content ul li {position: relative; list-style: none; padding-bottom: 4px;}
.entry-content ul li::before {
  content: "";
  position: absolute;
  top: 1.5em;
  margin-top: -.9em;
  background: #196f9c;
  height: 8px;
  width: 8px;
  line-height: 8px;
  border-radius: 50%;
  left:-18px;
} 
.entry-content {max-width: 1100px;}
.entry-content p, .entry-content ul li, .entry-content ol li, .entry-content form {
color: #333;
font-weight: 400;   
line-height: 1.6;
font-size: 17px;
font-weight: 300;
color: #000;}
.eventi .entry-content {padding: 0;}
.eventi .entry-content p { line-height: 1.6;
font-size: 17px;
font-weight: 300;
color: #333;}
.eventi .entry-content p strong {font-weight: 500;}

.dati-evento-fissi-2 { margin-top:12px; display: inline-block; width: 50%; padding-left: 12px; }
.dati-evento-fissi-2-dx { margin-top:12px; display: inline-block; width: 45%; vertical-align: top; }

.acf-field-image, .acf-field-file {display: block;}
.proponi-evento p   {
color: #333;
font-weight: 400;   
line-height: 1.6;
font-size: 17px;
font-weight: 300;
color: #000;}

.proponi-evento .acf-fields > .acf-field {padding: 15px 0px;}
.proponi-evento #message p {background-color: darkgreen; padding: 8px 16px; color: white; font-weight: bold; display: inline-block; border-radius: 12px;}

.titolo-sez-scheda {font-size:22px; color: #222; margin-bottom: 4px; font-weight: bold; color: #196f9c;}
.campo-scheda-grass, .colonnapiccola-etichetta {font-weight: bold; color: #111; display: inline-block; margin-right:6px;}
p.colonnapiccola-etichetta  {margin-top:4px; margin-bottom: 4px; line-height: 1;}
.campo-scheda, .plusinfo {padding:4px 0px; border-top:1px solid #ddd; font-weight: bold; color: #666;}
p.campo-scheda-2 {margin-bottom:12px; margin-top:3px;}

.pagination.alta a.prev {display: none;}
.pagination.alta a.next {display: none;}

.next.page-numbers, .prev.page-numbers  {border-radius: 30px;
padding: 10px 24px;
  padding-left: 24px;
background: #e9e9e9;
padding-left: 20px;}
.page-numbers {padding-left:12px; padding-right:12px;}
.page-numbers.current {font-weight:bold; color: #196f9c }

.post-front-end-ii .acf-field--post-title {display: block; }
.post-front-end-ii .acf-field--post-content {display: block; }
.post-front-end-ii .acf-field {padding: 0px; margin-top:32px; }

.post-front-end { 
  border-radius: 12px;
  background: rgb(198, 208, 223) none repeat scroll 0% 0%;
  padding: 21px;
}

.tabellalibera thead th {padding-top:12px; padding-bottom: 12px; text-align: left;}
.tabellalibera tbody td {padding-top:12px; padding-bottom: 12px; text-align: left;}
.tabellalibera tr:nth-child(odd) {background: #efefef;}
.tabellalibera table {border-spacing: 0; border: 0px;}
.tabellalibera th, .tabellalibera td {padding-right: 24px; padding-left: 8px; }
.tabellalibera thead tr {background: #4558B3; color: white;} 
.tabellalibera thead tr:nth-child(1) {background: #196f9c;}

.evento-inhome {float: left; width: 50%; height: 128px;}

.trova-desktop {display: block; }
.trova-responsive {display: none; }
a[href="https://localhost/www/sviluppo/__antitesis/oplig/area-cittadini/trova-psicologo/"] {display: inline-block!important;}
a[href="https://localhost/www/sviluppo/__antitesis/oplig/area-cittadini/trova-psicologo-resp/"] {display: none!important;}
a[href="https://www.ordinepsicologi-liguria.it/area-cittadini/trova-psicologo/"] {display: inline-block!important;}
a[href="https://www.ordinepsicologi-liguria.it/area-cittadini/trova-psicologo-resp/"] {display: none!important;}
#toggle {display: none;}


.mod-eventi .informativa-privacy label {}
.contenitore-informativa-privacy {display: block;}
#form-prenotazione-evento .acf-form-submit input[type="submit"]:disabled {
    cursor: not-allowed;
}
.acf-radio-list.acf-bl:focus-within input {}


ul.home-eventi li {list-style: none; border-top: 1px solid #bbb; padding-top: 12px; }
ul.home-eventi {padding-left: 0px;}
h2.titolo-evento-elenco {margin-bottom: 1px; margin-top: 0px;}
.evento-ridotto .blocco-meta-cnt {
  display: inline-block;
  padding-top: 4px;
  margin-top: 2px;
}
.evento-elemento-sx { display: inline-block;
height: auto;
width: 9%;
vertical-align: top;
min-width: 82px;
text-align: center;
margin-right: 12px;
line-height: 0.85;
background-color: #476e95;
border-radius: 18px;
padding: 6px;
margin-top: 8px;}
li.evento-ridotto:first-child {border-top: none;}
li.evento-ridotto:first-child .evento-elemento-sx {background-color: orange;}
li.evento-ridotto:first-child .evento-giorno,  li.evento-ridotto:first-child .evento-mese, li.evento-ridotto:first-child .evento-anno, li.evento-ridotto:first-child .evento-tratto {color: white;}
.evento-giorno {color:#eee;}
.evento-mese, .evento-anno, .evento-tratto {color:#ccc;}

.evento-elemento-centro {max-width: 650px;}

.contenitore-singolo-el-vert-centr {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    
    }

.singolo-el-vert-centr:nth-child(1) {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    max-width: 650px;
    }


.filtro-eventi h4 {margin-bottom: 12px;}
li.sf-field-post-meta-target {margin-top:24px!important;}

.filtro-eventi .searchandfilter ul li {
  display:  block !important;
  margin-right: 0px;
  vertical-align: top;
}

.searchandfilter li.sf-field-submit input[type="submit"] {
  display: block !important;
  color: #373736;
  background-color: #f2f2f2;
  border: none;
  max-width: 120px;
  cursor: pointer;
  
}


.searchandfilter ul {
  display: block;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 11px;
}
/* ------------------------------------------------------------------------------- */
/*  21. Popup 1 PLUGIN 
/* ------------------------------------------------------------------------------- */
#fade,
#fade_wrapper,
#fade_background {
  color:#000;}
.well { background:#fff; padding:42px;}
.welltesto { background:#fff; padding:42px; padding-bottom: 12px; max-width:40vw; border-radius:24px; }
.wellmix { min-width: 500px; min-height: 700px; max-width:700px; background-size: cover; background-repeat: no-repeat;}
.well h4 { font-size:38px; font-family: 'NationalWeb-Bold' , sans-serif !important; margin-top:6px; text-transform: none; letter-spacing:-1px; color:white;}
.welltesto h4 { font-size:38px; font-family: 'NationalWeb-Bold' , sans-serif; margin-top:6px; text-transform: none; letter-spacing:-1px; color:#284066; color: white; line-height: 1;}
.welltesto p { font-family: 'Calibri'; text-align: center; font-size: 22px; color: white; line-height: 1;}
.wellmix h4 { font-size:48px; margin-top:6px; text-transform: none; letter-spacing:-1px; color:#284066;}
.wellmix p { font-size:24px; margin-top:6px; }
.btn-default {  background:#284066; color:#fff; padding: 8px 12px;  
border: 0 none;
color: #fff;
cursor: pointer;
font-family: dinlight;
letter-spacing: 1px;
outline: 0 none;
padding: 18px 36px;
text-transform: uppercase;
transition: background-color 0.2s linear 0s;}
#fade .immagine-popup img { max-width:80vw; height: auto; max-height:86vh;    }

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

.welltesto { background:#fff; padding:24px; max-width:80vw;}


}

@media screen and (max-height: 800px) {
	

.wellmix { height:600px;}


}

@media screen and (max-width: 600px) {
	
	#fade {margin-top:12px;}
.wellmix {min-width: 80vw; max-width: 80vw;}
.wellmix { min-height:500px; height:500px;}

}
@media screen and (max-width: 1600px) {
.header-max-i-c {margin-left: 32px;}
}

@media screen and (max-width: 1300px) {
.contenuto-max-i-c.notizia header.alter::before {
  content: none;
  background-color: #196f9c;
  transform: rotate(45deg);
  border-radius: 12px;
  width: 86px;
  height: 113px;
  position: fixed;
  left: -60px;
}
}


@media screen and (max-width: 1280px) {
.testata .due-22 {padding-right: 0vw; min-width: 260px; max-width: 260px;}
.testata .logo-testata img  {max-width: 240px; margin-top: 8px;}
.blocco-menu-testata {margin-left: -64px;}
.testata a.link-i {font-size: 16px;}





}

@media screen and (max-width: 1140px) {
.testata .due-22 {padding-right: 0vw; min-width: 260px; max-width: 260px;}
.testata .logo-testata img  {max-width: 240px; margin-top: 8px;}
.blocco-menu-testata {margin-left: -64px;}
.testata a.link-i {font-size: 14px;}





}

@media screen and (max-width: 1100px) {
.testata a.link-i {font-size: 13px; max-height: 36px}
.testata a.link-i img  {width:20px;}
.box-a-sx-img {min-height: 280px; margin-top:24px;}
.blocco-menu-testata {margin-left: -74px;}
}

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

h1.xxviiipx {
  font-size: 22px;
}
h1.xviiipx {
  font-size: 22px;
}
#toggle {display: block;}
}
@media screen and (max-width: 1000px) {
.box-a-dx.eventi {margin-top: 66px; float: left;}
.col-box-a.eventi-inhome {float:left;}
a[href="https://localhost/www/sviluppo/__antitesis/oplig/area-cittadini/trova-psicologo/"] {display: none!important;}
a[href="https://localhost/www/sviluppo/__antitesis/oplig/area-cittadini/trova-psicologo-resp/"] {display: inline-block!important;}
a[href="https://www.ordinepsicologi-liguria.it/area-cittadini/trova-psicologo/"] {display: none!important;}
a[href="https://www.ordinepsicologi-liguria.it/area-cittadini/trova-psicologo-resp/"] {display: inline-block!important;}
.testata .logo-testata img {
  max-width: 280px;
  margin-top: 8px;
  margin-left: 0px
}
.singolo-evento-home {float: left; width: 100%; min-height:48px; height: auto;}
}

@media screen and (max-width: 800px) {
.logo-testata a img {max-width:300px;}
.trova-desktop {display: none; }
.trova-responsive {display: block; }
}
@media screen and (max-width: 700px) {
.testata .due-78 {display: none;}
.due-22.laterale { margin-top: 68px; }
h1.titolopost::after {
content: "";
width: 74px;
height: 74px;
position: absolute;
right: -119px;
top: 0px;
background-color: #ccc;
transform: rotate(45deg);
border-radius: 12px;
}
.istituzionale h1.titolopost:after {  background-color: #196f9c; }
.cittadini h1.titolopost:after {  background-color: #49c170;}
.professionisti h1.titolopost:after {  background-color: #2ea9dd;}
.studenti h1.titolopost:after {  background-color: #f2840d}
h1.titolopost {font-size: 32px;}
}
@media screen and (max-width: 600px) {
.box-a-dx.eventi {margin-top: 8px; float: left;}
.evento-inhome {width: 100%; height: auto; margin-bottom: 18px;}
h1.titolopost::after {
content: "";
width: 74px;
height: 74px;
position: absolute;
right: -110px;
top: -3px;
background-color: #ccc;
transform: rotate(45deg);
border-radius: 12px;
}

.dati-evento-fissi-2-dx, .dati-evento-fissi-2 {display: block; width:90%;  padding-left: 12px;}
.header-max-i-c {
  margin-left: 20px;
}
.overlay4 .contenitore {
  margin-left: 20px;
  margin-right: 20px;
}



}

@media screen and (max-width: 600px) {
.evento-elemento-centro { display: inline-block; width: 100%; vertical-align: middle;} 
}