/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/
/*.hero-genoma, .hero-genoma-mob {
 background: #6a68ad;
}*/

/********************/
/*	FADE IN TESTI	*/
/********************/
@media(min-width: 900px){
	.icona-list2.animation.start, .text-list2.animation.start, .grid-genoma-risponde > .post-genoma-risponde.animation.start:nth-child(2) {
	 animation-delay: 0.5s !important;
	}
	.icona-list3.animation.start, .text-list3.animation.start, .grid-genoma-risponde > .post-genoma-risponde.animation.start:nth-child(3) {
	 animation-delay: 1s !important;
	}
	.icona-list4.animation.start, .text-list4.animation.start, .grid-genoma-risponde > .post-genoma-risponde.animation.start:nth-child(4)  {
	 animation-delay: 1.5s !important;
	}
	.icona-list5.animation.start, .text-list5.animation.start, .scopri-wiki.animation  {
	 animation-delay: 2s !important;
	}
	.icona-list6.animation.start, .text-list6.animation.start  {
	 animation-delay: 2.5s !important;
	}
	.icona-list7.animation.start, .text-list7.animation.start {
	 animation-delay: 3s !important;
	}
	.icona-list8.animation.start, .text-list8.animation.start {
	 animation-delay: 3.5s !important;
	}
}
@media(min-width: 551px) and (max-width: 899.9px){
	.icona-list2.animation.start, .text-list2.animation.start, .grid-genoma-risponde > .post-genoma-risponde.animation.start:nth-child(2) {
	 animation-delay: 0.2s !important;
	}
	.icona-list3.animation.start, .text-list3.animation.start, .grid-genoma-risponde > .post-genoma-risponde.animation.start:nth-child(3) {
	 animation-delay: 0.4s !important;
	}
	.icona-list4.animation.start, .text-list4.animation.start, .grid-genoma-risponde > .post-genoma-risponde.animation.start:nth-child(4)  {
	 animation-delay: 0.6s !important;
	}
	.icona-list5.animation.start, .text-list5.animation.start, .scopri-wiki.animation  {
	 animation-delay: 0.8s !important;
	}
	.icona-list6.animation.start, .text-list6.animation.start  {
	 animation-delay: 1s !important;
	}
	.icona-list7.animation.start, .text-list7.animation.start {
	 animation-delay: 1.2s !important;
	}
	.icona-list8.animation.start, .text-list8.animation.start {
	 animation-delay: 1.4s !important;
	}
}
@media(min-width: 551px){
 .icona-list, .text-list, .icona-list2, .text-list2, .icona-list3, .text-list3, .icona-list4, .text-list4, .icona-list5, .text-list5, .icona-list6, .text-list6, .icona-list7, .text-list7, .icona-list8, .text-list8, /*.post-genoma-risponde,*/ .scopri-wiki{
   opacity: 0;
 }
	.start{
 -webkit-animation: fade-in 4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both !important;
 animation: fade-in 4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both !important;
 }
 @-webkit-keyframes fade-in {
  0% {opacity: 0;}
  100% {opacity: 1;}
 }
 @keyframes fade-in {
  0% {opacity: 0;}
  100% {opacity: 1;}
 }
}
@media(max-width: 550px){
	.icona-list, .text-list, .icona-list2, .text-list2, .icona-list3, .text-list3, .icona-list4, .text-list4, .icona-list5, .text-list5, .icona-list6, .text-list6, .icona-list7, .text-list7, .icona-list8, .text-list8, /*.post-genoma-risponde,*/ .scopri-wiki{
  opacity: 1;
 }
}


h3.title1-percorso-nascita, h3.title2-percorso-nascita, h2.title-step1, h2.title-step2, h2.title-step3, h2.title-step4, h2.title-step5, .liliac-color-gotic, .title-post-wiki{
 font-family: news-gothic-std, sans-serif;
 font-weight: bold;
}
h3.title1-percorso-nascita, h3.title2-percorso-nascita, .liliac-color-gotic{
 color: #A5AECD;
}
button.btn-hero:hover a {
 color: #6a68ad;
}
button.btn-hero:hover object.icona-cuore {
 filter: brightness(0) saturate(100%) invert(42%) sepia(57%) saturate(409%) hue-rotate(203deg) brightness(90%) contrast(92%);
}
.violet-color{
 color: #6271A8;
}
button.step1-orizzonte, button.step2-orizzonte, button.step3-orizzonte, button.step4-orizzonte, button.step5-orizzonte {
 display: flex;
 justify-content: space-between;
 align-items: center;
}
.step1-orizzonte, .step2-orizzonte, .step3-orizzonte, .step4-orizzonte, .step5-orizzonte {
 cursor: pointer;
 width: 100%;
 text-align: left;
 outline: none;
 transition: 0.4s;
}
.step1-orizzonte:after, .step2-orizzonte:after, .step3-orizzonte:after, .step4-orizzonte:after, .step5-orizzonte:after {
 background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 600 600' style='enable-background:new 0 0 600 600;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bdisplay:none;%7D .st1%7Bdisplay:inline;fill:%23E22D2E;%7D .st2%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cg id='Livello_1' class='st0'%3E%3Crect x='-14.3' y='-9.6' class='st1' width='653.6' height='618.6'/%3E%3C/g%3E%3Cg id='Livello_2'%3E%3Crect x='69' y='288.9' class='st2' width='462' height='16.4'/%3E%3Crect x='70.1' y='288.9' transform='matrix(-1.836970e-16 1 -1 -1.836970e-16 598.2166 -4.0601)' class='st2' width='462' height='16.4'/%3E%3C/g%3E%3C/svg%3E");
}
.step1-orizzonte.active:after, .step2-orizzonte.active:after, .step3-orizzonte.active:after, .step4-orizzonte.active:after, .step5-orizzonte.active:after {
 background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 600 600' style='enable-background:new 0 0 600 600;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bdisplay:none;%7D .st1%7Bdisplay:inline;fill:%23E22D2E;%7D .st2%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cg id='Livello_1' class='st0'%3E%3Crect x='-14.3' y='-9.6' class='st1' width='653.6' height='618.6'/%3E%3C/g%3E%3Cg id='Livello_2'%3E%3Crect x='69' y='288.9' class='st2' width='462' height='16.4'/%3E%3C/g%3E%3C/svg%3E");
} 
.step1-orizzonte:after, .step1-orizzonte.active:after, .step2-orizzonte:after, .step2-orizzonte.active:after, .step3-orizzonte:after, .step3-orizzonte.active:after, .step4-orizzonte:after, .step4-orizzonte.active:after, .step5-orizzonte:after, .step5-orizzonte.active:after {
 content: "";
 background-repeat: no-repeat;
}
.step1-orizzonte, .step1-orizzonte:hover, .step1-orizzonte:active, .step1-orizzonte:focus {
 background-color: #182D72;
}
.step2-orizzonte, .step2-orizzonte:hover, .step2-orizzonte:active, .step2-orizzonte:focus {
 background-color: #1E3582;
}
.step3-orizzonte, .step3-orizzonte:hover, .step3-orizzonte:active, .step3-orizzonte:focus {
 background-color: #6271A8;
}
.step4-orizzonte, .step4-orizzonte:hover, .step4-orizzonte:active, .step4-orizzonte:focus {
 background-color: #A5AECD;
}
.step5-orizzonte, .step5-orizzonte:hover, .step5-orizzonte:active, .step5-orizzonte:focus {
 background-color: #E46998;
}
.title-step2, .title-step3 {
 display: flex;
}
h2.title-step1, h2.title-step2, h2.title-step3, h2.title-step4, h2.title-step5{
 margin-bottom: 0 !important;
}
.step1, .step2, .step3, .step4, .step5 {
 display: none;
 overflow: hidden;
 background-repeat: no-repeat;
 background-size: cover;
}
p.text-step1, p.text-step2, p.text-step3, p.text-step4, p.text-step5{
 font-family: 'Rotis Light';
 color: #fff;
}
.btn-accordion:hover {
 background: white;
}
button.color1:hover a{
 color: #182D72;
}
button.color1:hover object.icona-smile {
 filter: brightness(0) saturate(100%) invert(15%) sepia(66%) saturate(1957%) hue-rotate(211deg) brightness(93%) contrast(99%);
}
button.color2:hover a{
 color: #1E3582;
}
button.color2:hover object.icona-smile {
 filter: brightness(0) saturate(100%) invert(24%) sepia(10%) saturate(7418%) hue-rotate(201deg) brightness(87%) contrast(104%);
}
button.color3:hover a{
 color: #6271A8;
}
button.color3:hover object.icona-smile {
 filter: brightness(0) saturate(100%) invert(44%) sepia(8%) saturate(2572%) hue-rotate(190deg) brightness(96%) contrast(78%);
}
button.color4:hover a{
 color: #A5AECD;
}
button.color4:hover object.icona-smile {
 filter: brightness(0) saturate(100%) invert(72%) sepia(18%) saturate(349%) hue-rotate(189deg) brightness(93%) contrast(95%);
}
button.color5:hover a{
 color: #E46998;
}
button.color5:hover object.icona-smile {
 filter: brightness(0) saturate(100%) invert(75%) sepia(31%) saturate(6443%) hue-rotate(298deg) brightness(93%) contrast(91%);
}
.genoma-risponde{
 margin: auto;
}
.title-genoma-risponde{
 color: #1E3582;
 font-weight: bold;
}
.grid-genoma-risponde {
 display: flex;
}
.post-genoma-risponde {
 background-size: cover;
 background-repeat: no-repeat;
 background-position: center;
 position: relative;
}
.post-genoma-risponde  > .title-button-wiki {
 position: absolute;
 width: 100%;
 z-index: 1;
 bottom: 0;
 display: inline-grid;
}
.title-post-wiki::before {
 position: absolute;
 content: "";
 width: 100%;
 height: 100%;
 z-index: -1;
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
 background: linear-gradient(0deg, #A5AECD 47%, rgba(165,174,205,0.77) 67% ,transparent);
}
.title-post-wiki {
 color: white !important;
}
button.btn-cardHP:hover a {
 color: #A5AECD;
}
button.btn-cardHP:hover object.icona-risponde {
 filter: brightness(0) saturate(100%) invert(71%) sepia(8%) saturate(794%) hue-rotate(189deg) brightness(96%) contrast(91%);
}
button.btn-info-blue {
 margin:auto;
}
button.btn-genomaRisponde:hover object.icona-smile {
 filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
}
.container-form-genoma{ 
 background: #6B67AC;
}
.nf-form-content input[type=button]:hover {
 color: #6b67ac !important;
}
div#nf-field-14-container {
 margin-bottom: 30px !important;
}
@media (max-width: 420px){
 h2.subtitle-hero-genoma {
  width: 81vw;
 }
 h2.title-step1, h2.title-step2, h2.title-step3, h2.title-step4, h2.title-step5 {
  font-size: 5.5vw;
 }
 h2.title-step1{
  width: 65vw;
 }
 h2.title-step2{
  width: 73vw;
 }
 h2.title-step3{
  width: 76vw;
 }
 h2.title-step4{
  width: 55vw;
 }
 span.num-step1, span.num-step2, span.num-step3, span.num-step4, span.num-step5 {
  font-size: 13vw;
  line-height: 13vw;
  margin-right: 5vw;
 }
 p.text-step1,  p.text-step2,  p.text-step3,  p.text-step4,  p.text-step5 {
  font-size: 5.4vw;
  line-height: 6.7vw;
 }
 .genoma-risponde {
  padding: 0 6vw 15vw;
 }
 .grid-genoma-risponde {
  grid-gap: 8vw;
 }
 .post-genoma-risponde {
  height: 100vw;
 }
 .title-button-wiki {
  padding: 100px 20px 20px;
 }
 h2.title-post-wiki {
  font-size: 7vw;
  line-height: 8vw;
 }
}
@media (min-width: 421px) and (max-width: 550px){
 .percorso-nascita {
  margin-bottom: 0;
 }
 h2.title-step1, h2.title-step2, h2.title-step3, h2.title-step4, h2.title-step5 {
  font-size: 5vw;
  line-height: 7vw;
 }
 h2.title-step1 {
  width: 60vw;
 }
 h2.title-step4 {
  width: 50vw;
 }
 h2.title-step2, h2.title-step3, h2.title-step5 {
  width: 70vw;
 }
 span.num-step1, span.num-step2, span.num-step3, span.num-step4, span.num-step5 {
  font-size: 12.5vw;
  line-height: 12.5vw;
  margin-right: 4vw;
 }
 p.text-step1, p.text-step2, p.text-step3, p.text-step4, p.text-step5, p.text-step6 {
  font-size: 4.3vw;
  line-height: 5.4vw;
 }
 h2.title-genoma-risponde {
  max-width: 75vw;
 }
 .genoma-risponde {
  margin-bottom: 15vw;
 }
 .grid-genoma-risponde {
  grid-gap: 7vw;
  max-width: 75vw;
 }
 .post-genoma-risponde {
  height: 75vw;
 }
 .title-button-wiki {
  padding: 100px 20px 20px;
 }
 h2.title-post-wiki {
  font-size: 5vw;
 }
}
@media (max-width: 550px){
 object.logo-genoma-hero {
  margin-bottom: 12vw;
 }
 h1.title-hero, h2.subtitle-hero-genoma {
  margin-bottom: 7vw;
 }
 h1.title-hero {
  width: 79vw;
 }
 .percorso-nascita {
  padding: 15vw 25px;
 }
 h3.title1-percorso-nascita, h3.title2-percorso-nascita {
  font-size: 8vw;
 }
 .percorso-nascita1 {
  padding: 0 25px 15vw;
 }
 button.step1-orizzonte, button.step2-orizzonte, button.step3-orizzonte, button.step4-orizzonte, button.step5-orizzonte {
  padding: 6vw 25px;
 }
 .step1-orizzonte:after, .step1-orizzonte.active:after, .step2-orizzonte:after, .step2-orizzonte.active:after, .step3-orizzonte:after, .step3-orizzonte.active:after, .step4-orizzonte:after, .step4-orizzonte.active:after, .step5-orizzonte:after, .step5-orizzonte.active:after {
  height: 30px;
  width: 30px;
 }
 .container-step1-mob {
  background-image: url("/wp-content/uploads/2022/07/step1-550.jpg");
  height: calc(100vw / (550 / 275));
 } 
 .container-step2-mob  {
  background-image: url("/wp-content/uploads/2022/07/step2-550.jpg");
  height: calc(100vw / (550 / 275));
 }
 .container-step3-mob {
  background-image: url("/wp-content/uploads/2022/07/step3-550.jpg");
  height: calc(100vw / (550 / 275));
 }
 .container-step4-mob {
  background-image: url("/wp-content/uploads/2022/07/step4-550.jpg");
  height: calc(100vw / (550 / 275));
 }
 .container-step5-mob {
  background-image: url("/wp-content/uploads/2022/07/step5-550.jpg");
  height: calc(100vw / (550 / 275));
 }
 p.text-step1, p.text-step2, p.text-step3, p.text-step4, p.text-step5, p.text-step6 {
  padding: 0 25px;
 }
 button.btn-accordion {
  margin: 0 25px;
 }
 h2.title-genoma-risponde {
  font-size: 12vw;
  line-height: 12vw;
  margin: 15vw auto 6vw;
 }
 .post-genoma-risponde {
  width: 100%;
 }
}
@media (min-width: 551px){
 .title-post-wiki::before {
  background: linear-gradient(0deg, #A5AECD 47%, rgba(165,174,205,0.77) 70% ,transparent);
 }
}
@media (min-width: 551px) and (max-width: 766.9px){
 h1.title-hero {
  max-width: 433px;
 }
 h2.subtitle-hero-genoma {
  max-width: 470px;
 }
 .percorso-nascita {
  padding: 10vw 8vw;
 }
 .percorso-nascita1 {
  margin: 0 8vw 10vw;
 }
 h3.title1-percorso-nascita, h3.title2-percorso-nascita {
  font-size: 42px;
 }
 button.step1-orizzonte, button.step2-orizzonte, button.step3-orizzonte, button.step4-orizzonte, button.step5-orizzonte {
  padding: 40px 4vw 40px 8vw;
 }
 .step1-orizzonte:after, .step1-orizzonte.active:after, .step2-orizzonte:after, .step2-orizzonte.active:after, .step3-orizzonte:after, .step3-orizzonte.active:after, .step4-orizzonte:after, .step4-orizzonte.active:after, .step5-orizzonte:after, .step5-orizzonte.active:after{
  height: 35px;
  width: 35px;
  padding: 35px;
 }
 h2.title-step1, h2.title-step2, h2.title-step3, h2.title-step4, h2.title-step5 {
  font-size: 25px;
 }
 h2.title-step1 {
  width: 295px;
 }
 h2.title-step2 {
  width: 355px;
 }
 h2.title-step5 {
  width: 395px;
 }
 span.num-step1, span.num-step2, span.num-step3, span.num-step4, span.num-step5 {
  font-size: 75px;
  line-height: 70px;
  margin-right: 15px;
 }
 .container-step1-mob {
  background-image: url("/wp-content/uploads/2022/07/step1-766.jpg");
  height: calc(100vw / (766 / 285));
 } 
 .container-step2-mob  {
  background-image: url("/wp-content/uploads/2022/07/step2-766.jpg");
  height: calc(100vw / (766 / 257));
 }
 .container-step3-mob {
  background-image: url("/wp-content/uploads/2022/07/step3-766.jpg");
  height: calc(100vw / (766 / 270));
 }
 .container-step4-mob {
  background-image: url("/wp-content/uploads/2022/07/step4-766.jpg");
  height: calc(100vw / (766 / 264));
 }
 .container-step5-mob {
  background-image: url("/wp-content/uploads/2022/07/step5-766.jpg");
  height: calc(100vw / (766 / 270));
 }
 p.text-step1, p.text-step2, p.text-step3, p.text-step4, p.text-step5 {
  font-size: 3.3vw;
  line-height: 4.3vw;
  width: 92vw;
  padding: 0 0 0 10vw;
 }
 button.btn-accordion {
  margin: 0 0 0 10vw;
 }
 .genoma-risponde {
  padding: 10vw 5vw 8vw;
 }
 h2.title-genoma-risponde {
  font-size: 9.5vw;
  line-height: 9vw;
  margin-bottom: 6vw;
 }
 .grid-genoma-risponde {
  grid-gap: 4vw;
 }
 .post-genoma-risponde {
  flex: 1 1 calc((100% / 2) - 3vw);
  height: 70vw;
 }
 .title-button-wiki {
  padding: 130px 15px 20px;
 }
 h2.title-post-wiki {
  font-size: 4vw;
  line-height: 4.5vw;
 }
 div#nf-field-13-wrap {
  width: 70vw;
 }
}
@media (min-width: 551px) and (max-width: 899.9px){
 object.logo-genoma-hero {
  margin-bottom: 8vw;
 }
 h1.title-hero, h2.subtitle-hero-genoma {
  margin-bottom: 5vw;
 }
}
@media (max-width: 766.9px){
 h2.title-step1, h2.title-step2, h2.title-step3, h2.title-step4, h2.title-step5 {
  align-items: end;
 }
 h2.title-step1, h2.title-step4, h2.title-step5 {
  display: flex;
 }
 .container-step1-mob, .container-step2-mob, .container-step3-mob, .container-step4-mob, .container-step5-mob{
  background-size: cover;
  background-repeat: no-repeat;
 }
 .step1 {
  background-color: #182D72;
 }
 .step2 {
  background-color: #1E3582;
 }
 .step3 {
  background-color: #6271A8;
 }
 .step4 {
  background-color: #A5AECD;
 }
 .step5 {
  background-color: #E46998;
 }
 .grid-genoma-risponde {
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 auto 6vw;
 }
}
@media (min-width: 767px){
 p.text-step1, p.text-step2, p.text-step3, p.text-step4, p.text-step5, button.btn-accordion{
  margin-bottom: 2.8vw;
 }
 .genoma-risponde{
  padding: 6vw 0;
 }
 .grid-genoma-risponde {
  flex-direction: row;
  margin: 0 auto;
  padding-bottom: 2.8vw;
 }
 .post-genoma-risponde  > .title-button-wiki {
  padding: 180px 15px 15px 15px;
 }
 div#nf-field-97-container {
  float: right;
  width: 48%;
  clear: none !important;
 }
}
@media (min-width: 767px) and (max-width: 899.9px){
 h1.title-hero {
  width: 65vw;
 }
 h2.subtitle-hero-genoma {
  width: 63vw;
 }
 h3.title1-percorso-nascita, h3.title2-percorso-nascita {
  margin: 10vw auto;
 }
 button.step1-orizzonte, button.step2-orizzonte, button.step3-orizzonte, button.step4-orizzonte, button.step5-orizzonte {
  padding: 3vw 5vw;
 }
 .step1-orizzonte:after, .step1-orizzonte.active:after, .step2-orizzonte:after, .step2-orizzonte.active:after, .step3-orizzonte:after, .step3-orizzonte.active:after, .step4-orizzonte:after, .step4-orizzonte.active:after, .step5-orizzonte:after, .step5-orizzonte.active:after{
 width: 11vw;
 height: 11vw;
 }
 h2.title-step1, h2.title-step2, h2.title-step3, h2.title-step4, h2.title-step5 {
  font-size: 3.2vw;
  line-height: 4.7vw;
  align-items: end;
  width: 76vw;
 }
 span.num-step1, span.num-step2, span.num-step3, span.num-step4, span.num-step5 {
  font-size: 11vw;
  line-height: 11vw;
  margin-right: 2vw;
 }
 .step1 {
  background-image: url("/wp-content/uploads/2022/07/step1-800.jpg");
  height: calc(100vw / (800 / 450));
 } 
 .step2 {
  background-image: url("/wp-content/uploads/2022/07/step2-800.jpg");
  height: calc(100vw / (800 / 450));
 }
 .step3 {
  background-image: url("/wp-content/uploads/2022/07/step3-800.jpg");
  height: calc(100vw / (800 / 450));
 }
 .step4 {
  background-image: url("/wp-content/uploads/2022/07/step4-800.jpg");
  height: calc(100vw / (800 / 450));
 }
 .step5 {
  background-image: url("/wp-content/uploads/2022/07/step5-800.jpg");
  height: calc(100vw / (800 / 450));
 }
 p.text-step1, p.text-step2, p.text-step3, p.text-step4, p.text-step5 {
  font-size: 2.6vw;
  line-height: 3.2vw;
  width: 66.3vw;
 }
 p.text-step1, p.text-step2, p.text-step3, p.text-step4, p.text-step5, button.btn-accordion{
  margin-left: 17.5vw;
 }
 .title-genoma-risponde {
  font-size: 7.5vw;
  width: 80vw;
  margin: 0 auto 2.8vw;
 }
 .grid-genoma-risponde {
  grid-gap: 4vw 5vw;
  flex-wrap: wrap;
  max-width: 80vw;
 }
 .post-genoma-risponde {
  height: 55vw;
  flex: 1 1 calc((100% / 2) - 7vw);
 }
 h2.title-post-wiki {
  font-size: 3vw;
  line-height: 3.5vw;
 }
}
@media (min-width: 767px) and (max-width: 1099.9px){
 h3.title1-percorso-nascita, h3.title2-percorso-nascita {
  font-size: 5vw;
  line-height: 6vw;
  width: 84vw;
 }
}
@media (max-width: 899.9px){
 .only900 {
  display: none;
 }
}
@media (min-width: 900px){
 object.logo-genoma-hero {
  margin-bottom: 4vw;
 }
 h1.title-hero, h2.subtitle-hero-genoma {
  margin-bottom: 2vw;
 }
 h3.title1-percorso-nascita, h3.title2-percorso-nascita {
  margin: 6vw auto;
 }
 button.step1-orizzonte, button.step2-orizzonte, button.step3-orizzonte, button.step4-orizzonte, button.step5-orizzonte {
  padding: 2.5vw 0;
 }
 .step1-orizzonte:after, .step1-orizzonte.active:after, .step2-orizzonte:after, .step2-orizzonte.active:after, .step3-orizzonte:after, .step3-orizzonte.active:after, .step4-orizzonte:after, .step4-orizzonte.active:after, .step5-orizzonte:after, .step5-orizzonte.active:after {
  margin-right: 3vw;
 }
 span.num-step1, span.num-step2, span.num-step3, span.num-step4, span.num-step5 {
  margin-right: 2vw;
 }
 .title-genoma-risponde{
  margin-bottom: 2.8vw;
 }
}
@media (min-width: 900px) and (max-width: 1099.9px){
 .allDisplay {
  display: none;
 }
 h1.title-hero {
  width: 48vw;
 }
 h2.subtitle-hero-genoma {
  width: 41vw;
 }
 .step1-orizzonte:after, .step1-orizzonte.active:after, .step2-orizzonte:after, .step2-orizzonte.active:after, .step3-orizzonte:after, .step3-orizzonte.active:after, .step4-orizzonte:after, .step4-orizzonte.active:after, .step5-orizzonte:after, .step5-orizzonte.active:after {
  height: 9vw;
  width: 9vw;
 }
 h2.title-step1, h2.title-step2, h2.title-step3, h2.title-step4, h2.title-step5 {
  align-items: center;
 }
 span.num-step1, span.num-step2, span.num-step3, span.num-step4, span.num-step5 {
  font-size: 9vw;
  line-height: 10vw;
 }
 .step1 {
  background-image: url("/wp-content/uploads/2022/07/step1-1000.jpg");
  height: calc(100vw / (1000 / 500));
 } 
 .step2 {
  background-image: url("/wp-content/uploads/2022/07/step2-1000.jpg");
  height: calc(100vw / (1000 / 500));
 }
 .step3 {
  background-image: url("/wp-content/uploads/2022/07/step3-1000.jpg");
  height: calc(100vw / (1000 / 500));
 }
 .step4 {
  background-image: url("/wp-content/uploads/2022/07/step4-1000.jpg");
  height: calc(100vw / (1000 / 500));
 }
 .step5 {
  background-image: url("/wp-content/uploads/2022/07/step5-1000.jpg");
  height: calc(100vw / (1000 / 500));
 }
 p.text-step1, p.text-step2, p.text-step3, p.text-step4, p.text-step5 {
  font-size: 2.1vw;
  line-height: 2.7vw;
  width: 72vw;
 }
 p.text-step1, p.text-step2, p.text-step3, p.text-step4, p.text-step5, button.btn-accordion {
  margin-left: 140px ;
 }
 .genoma-risponde{
  padding-right: 45px !important;
  padding-left: 45px !important;
 }
 .title-genoma-risponde {
  font-size: 7vw;
 }
 .grid-genoma-risponde {
  grid-gap: 4vw;
  flex-wrap: wrap;
  justify-content: space-between;
 }
 .post-genoma-risponde {
  height: 50vw;
  flex: 0 1 calc((100% - 4vw) / 2);
 }
 h2.title-post-wiki {
  font-size: 2.7vw;
  line-height: 3vw;
 }
}
@media (min-width: 900px) and (max-width: 1400px){
 h2.title-step1, h2.title-step2, h2.title-step3, h2.title-step4, h2.title-step5{
  margin-left: 45px;
  font-size: 3vw;
  line-height: 4vw;
  width: 72vw;
 }
}
@media (min-width: 1100px){
 .only900 {
  display: none;
 }
 h1.title-hero {
  width: 32vw;
 }
 .step1-orizzonte:after, .step1-orizzonte.active:after, .step2-orizzonte:after, .step2-orizzonte.active:after, .step3-orizzonte:after, .step3-orizzonte.active:after, .step4-orizzonte:after, .step4-orizzonte.active:after, .step5-orizzonte:after, .step5-orizzonte.active:after {
  height: 7.85vw;
  width: 7.85vw;
 }
 .grid-genoma-risponde {
  grid-gap: 20px;
 }
 .title-genoma-risponde{
  font-size: 5.2vw;
  line-height: 5.2vw;
 }
 .post-genoma-risponde {
  flex: 1 1 calc(100% / 4);
 }
}
@media (min-width: 1100px) and (max-width: 1400px){
 h2.subtitle-hero-genoma {
  width: 40vw;
 }
 h3.title1-percorso-nascita, h3.title2-percorso-nascita {
  font-size: 3.8vw;
  max-width: 64vw;
 }
 span.num-step1, span.num-step2, span.num-step3, span.num-step4, span.num-step5 {
  font-size: 8vw;
  line-height: 8.5vw;
 }
 .step1 {
  background-image: url("/wp-content/uploads/2022/07/step1-1200.jpg");
  height: calc(100vw / (1200 / 550));
 } 
 .step2 {
  background-image: url("/wp-content/uploads/2022/07/step2-1200.jpg");
  height: calc(100vw / (1200 / 550));
 }
 .step3 {
  background-image: url("/wp-content/uploads/2022/07/step3-1200.jpg");
  height: calc(100vw / (1200 / 500));
 }
 .step4 {
  background-image: url("/wp-content/uploads/2022/07/step4-1200.jpg");
  height: calc(100vw / (1200 / 500));
 }
 .step5 {
  background-image: url("/wp-content/uploads/2022/07/step5-1200.jpg");
  height: calc(100vw / (1200 / 500));
 }
 .text-step1, .text-step2, .text-step3, .text-step4, .text-step5 {
  font-size: 1.8vw;
  line-height: 2.2vw;
  width: 67vw;
 }
 .text-step1, .text-step2, .text-step3, .text-step4, .text-step5, button.btn-accordion {
  margin-left: calc(45px + 10vw);
 }
 .post-genoma-risponde {
  height: 42vw;
 }
 h2.title-post-wiki {
  font-size: 2vw;
  line-height: 2.3vw;
 }
}
@media (min-width: 1100px) and (max-width: 1450px){
 .genoma-risponde{
  padding-right: 4vw;
  padding-left: 4vw;
 }
}
@media (min-width: 1401px){
 h3.title1-percorso-nascita, h3.title2-percorso-nascita {
  font-size: 3.4vw;
  max-width: 58vw;
 }
 h2.subtitle-hero-genoma {
  width: 37vw;
 }
 h2.title-step1, h2.title-step2, h2.title-step3, h2.title-step4, h2.title-step5{
  font-size: 2.6vw;
  line-height: 3.6vw;
  margin-left: 90px;
 }
 h2.title-step2, h2.title-step3 {
  width: 63vw;
  align-items: center;
 }
 span.num-step1, span.num-step2, span.num-step3, span.num-step4, span.num-step5 {
  font-size: 7.85vw;
  line-height: 8vw;
 }
 .step1 {
  background-image: url("/wp-content/uploads/2022/07/step1-2000-new.jpg");
  height: calc(100vw / (2000 / 800));
 } 
 .step2 {
  background-image: url("/wp-content/uploads/2022/07/step2-2000-new.jpg");
  height: calc(100vw / (2000 / 800));
 }
 .step3 {
  background-image: url("/wp-content/uploads/2022/07/step3-2000.jpg");
  height: calc(100vw / (2000 / 800));
 }
 .step4 {
  background-image: url("/wp-content/uploads/2022/07/step4-2000.jpg");
  height: calc(100vw / (2000 / 800));
 }
 .step5 {
  background-image: url("/wp-content/uploads/2022/07/step5-2000.jpg");
  height: calc(100vw / (2000 / 800));
 }
 p.text-step1, p.text-step2, p.text-step3, p.text-step4, p.text-step5{
  font-size: 1.6vw; 
  line-height: 2vw;
  width: 62vw;
 }
 p.text-step1, p.text-step2, p.text-step3, p.text-step4, p.text-step5, button.btn-accordion{
  margin-left: calc(90px + 9.5vw);
 }
 .genoma-risponde{
  max-width: 1400px;
 }
 .post-genoma-risponde {
  height: 630px;
 }
 .title-post-wiki {
  font-size: 30px;
  line-height: 34px;
 }
}