/*
 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
*/
.containerDicono {
 background-color: #a5aecd;
 text-align: center;
}
h1.titleDicono, .containerDicono button.btnBlue, .containerDicono button.btnBlue, h2.titleFormGenerico{
 font-family: 'news-gothic-std', sans-serif;
 font-weight: bold;
}
h1.titleDicono, .containerDicono button.btnBlue:hover a {
 color: #1E3582;
}
h1.titleDicono{
 margin: 0 auto;
}
h2.subtitleDicono, p.textDicono {
 font-family: 'Rotis Light';
}
h2.subtitleDicono, p.textDicono, .containerDicono button.btnBlue a, h2.titleFormGenerico, p.textFormGenerico {
 color: white;
}
h2.subtitleDicono, .gridDicono, .gridFormGenerico{
 margin: auto;
}
img.stelline {
 filter: brightness(0) saturate(100%) invert(97%) sepia(47%) saturate(3175%) hue-rotate(319deg) brightness(98%) contrast(101%);
}
.containerDicono button.btnBlue{
 display: flex;
 align-items: center;
 box-shadow: 0px 3px 6px #00000029;
 grid-gap: 20px;
 border: 1px solid #1e3582;
}
.containerDicono button.btnBlue, .formGenerico{
 background: #1e3582;
}
.containerDicono button.btnBlue:hover{
 background: transparent !important;
}
.containerDicono button.btnBlue a{
 text-decoration: none;
}
.containerDicono button.btnBlue:hover img{
 filter: brightness(0) saturate(100%) invert(15%) sepia(81%) saturate(1750%) hue-rotate(214deg) brightness(95%) contrast(97%);
}
.gridDicono, .gridFormGenerico{
 display: flex;
}
img.recensione {
 margin-bottom: 10px;
}
img.recensione {
 box-shadow: 6px -9px 15px #0000002e;
}
p.textFormGenerico, button.btnRecensioni{
 font-family:'news-gothic-std', sans-serif;
}
.gridFormGenerico > div:first-child > p:nth-child(3) {
 margin-bottom: 0;
}
.recensione {
    display: none;
}
.recensione.visible {
    display: block;
}
button.btnRecensioni, button.btnRecensioni:hover, button.btnRecensioni:focus{
 padding: 0;
 color: white;
 border: none;
 margin-inline: auto;
 text-align: center;
 text-decoration: underline;
 background-color: transparent;
}
@media (max-width:550px){
 h1.titleDicono {
  font-size: 8.4vw;
 }
 h2.subtitleDicono {
  font-size: 5.7vw;
  line-height:6.6vw;
  width: 70vw; 
  margin-top: 7vw;
 }
 img.stelline {
  margin: 5vw 0;
  width: 40vw;
 }
 p.textDicono {
  font-size: 5vw;
  line-height: 6vw;
  width: 72vw;
 }
 .containerDicono button.btnBlue:not(.small) {
  font-size: 5.3vw;
  padding:2vw 0;
  margin: 0 auto 10vw;
  width:80vw;
  justify-content:center;
 }
 .containerDicono button.btnBlue img {
  width: 9vw;
  height: 9vw;
 }
 .gridFormGenerico {
  padding: 12vw 0;
  grid-gap:12vw;
 }
 h2.titleFormGenerico{
  font-size:8vw;
  line-height:8.8vw;
  margin-bottom:7vw;
 }
 p.textFormGenerico{
  font-size: 5vw;
  line-height:6vw;
 }
 button.btnRecensioni{
  font-size: 5vw;
  margin-top: 10vw;
 }
}
@media (min-width:551px) and (max-width:766.9px){
 h1.titleDicono {
  font-size: 7vw;
  line-height: 7.7vw;
 }
 h2.subtitleDicono {
  font-size: 4.7vw;
  line-height:5vw;
  width: 60vw;
  margin-top: 5vw;
 }
 img.stelline {
  margin: 4vw 0;
  width: 30vw;
 }
 p.textDicono {
  font-size: 3.6vw;
  line-height: 4.6vw;
  width: 53vw;
 }
 .containerDicono button.btnBlue:not(.small) {
  font-size: 4vw;
  margin: 0 auto 8vw;
 }
 .containerDicono button.btnBlue img {
  width: 5vw;
  height: 5vw;
 }
 .gridFormGenerico {
  padding: 8vw 0;
  grid-gap:10vw;
 }
 h2.titleFormGenerico{
  font-size:6vw;
  line-height:6.5vw;
  margin-bottom:5vw;
 }
 p.textFormGenerico{
  font-size: 3.2vw;
  line-height:4vw;
 }
 button.btnRecensioni{
  font-size: 3.2vw;
  margin-top: 8vw;
 }
}
@media (max-width:766.9px){
 .containerDicono {
  padding: 10vw 0;
 }
 p.textDicono {
  margin: 0 auto 5vw;
 }
 .gridDicono, .gridFormGenerico, h1.titleDicono{
  width: 80vw;
 }
 .gridFormGenerico > div:first-child > p:nth-child(2){
  margin-bottom:5vw;	
 }
}
@media (min-width:767px) and (max-width:899.9px){
 .containerDicono {
  padding: 8vw 0;
 }
 h1.titleDicono {
  font-size: 6.7vw;
  line-height: 7.5vw;
 }
 h2.subtitleDicono {
  font-size: 4.5vw;
  line-height:5vw;
  width: 60vw;
  margin-top: 5vw;
 }
 img.stelline {
  margin: 3vw 0;
  width: 25vw;
 }
 p.textDicono {
  font-size: 2.8vw;
  line-height: 3.5vw;
  width: 42vw;
  margin: 0 auto 5vw;
 }
 .containerDicono button.btnBlue:not(.small) {
  font-size: 3.4vw;
  padding: 1.5vw 4vw;
  margin: 0 auto 8vw;
 }
 .containerDicono button.btnBlue img {
  width: 4.5vw;
  height: 4.5vw;
 }
 .gridDicono, .gridFormGenerico, h1.titleDicono{
  width: 80vw;
 }
 .gridFormGenerico {
  padding: 9vw 0;
  grid-gap:6vw;
 }
 h2.titleFormGenerico{
  font-size:6.1vw;
  line-height:6.5vw;
  margin-bottom:5vw;
 }
 p.textFormGenerico{
  font-size: 3.2vw;
  line-height:4vw;
 }
 .gridFormGenerico > div:first-child > p:nth-child(2){
  margin-bottom:5vw;	
 }
 button.btnRecensioni{
  font-size: 3.2vw;
  margin-top: 8vw;
 }
}
@media (max-width:899.9px){
 .gridFormGenerico, .gridDicono{
  flex-direction:column;	
 }
}
@media (min-width:900px){
 .containerDicono {
  padding: 5vw 0;
 }
 img.stelline {
  margin: 2vw 0;
 }
}
@media (min-width:900px) and (max-width:1099.9px){
 h1.titleDicono {
  font-size: 4.5vw;
  line-height: 5vw;
 }
 h2.subtitleDicono {
  font-size: 3vw;
  width: 60vw;
  margin-top: 3vw;
 }
 img.stelline {
  width: 23vw;
 }
 p.textDicono {
  font-size: 2.2vw;
  line-height: 2.6vw;
  width: 32vw;
  margin: 0 auto 3vw;
 }
 .containerDicono button.btnBlue:not(.small) {
  font-size: 2.8vw;
  margin: 0 auto 5vw;
 }
 .containerDicono button.btnBlue img {
  width: 4vw;
  height: 4vw;
 }
 .gridDicono, .gridFormGenerico, h1.titleDicono{
  width: 84vw;
 } 
 .gridDicono{
  grid-gap: 20px;
 } 
 .col1-dicono, .col2-dicono {
  flex: 0 0 calc(50% - 10px);
 }
 .gridFormGenerico {
  padding: 9vw 0 7vw;
 }
 .gridFormGenerico > div:first-child {
  flex: 1 1 52%;
 }
 .gridFormGenerico > div:nth-child(2) {
  flex: 1 1 48%;
 }
 h2.titleFormGenerico{
  font-size:4.3vw;
  line-height:5vw;
  margin-bottom:3vw;
 }
 p.textFormGenerico{
  font-size: 2.6vw;
  line-height:3.4vw;
 }
 h2.titleFormGenerico, p.textFormGenerico {
  width: 39vw;
 }
 .gridFormGenerico > div:first-child > p:nth-child(2){
  margin-bottom:3vw;	
 }
 button.btnRecensioni{
  font-size: 2.6vw;
  margin-top: 5vw;
 }
}
@media (min-width:1100px){
 .gridFormGenerico > div {
  flex: 1 1 50%;
 }
 p.textDicono {
  margin: 0 auto 2vw;
 }
 .containerDicono button.btnBlue:not(.small) {
  padding: 1vw 2vw;
 }
}
@media (min-width:1100px) and (max-width:1400px){
 h1.titleDicono {
  font-size: 4.5vw;
  line-height: 5vw;
 }
 h2.subtitleDicono {
  font-size: 2.9vw;
  width: 60vw;
  margin-top: 3vw;
 }
 img.stelline {
  width: 20vw;
 }
 p.textDicono {
  font-size: 1.8vw;
  line-height: 2.5vw;
  width: 25vw;
 }
 .containerDicono button.btnBlue:not(.small) {
  font-size: 2.3vw;
  margin: 0 auto 4vw;
 }
 .containerDicono button.btnBlue img {
  width: 3vw;
  height: 3vw;
 }
 .gridDicono, .gridFormGenerico, h1.titleDicono{
  width: 80vw;
 } 
 .gridDicono{
  grid-gap: 20px;
 } 
 .col1-dicono, .col2-dicono {
  flex: 0 0 calc(50% - 10px);
 }
 .gridFormGenerico {
  padding: 8vw 0 6vw;
  grid-gap:6vw;
 }
 h2.titleFormGenerico{
  font-size:3.93vw;
  line-height:4.5vw;
  margin-bottom:3vw;
 }
 p.textFormGenerico{
  font-size: 2.2vw;
  line-height:3vw;
 }
 .gridFormGenerico > div:first-child > p:nth-child(2){
  margin-bottom:2vw;	
 }
 button.btnRecensioni{
  font-size: 2.2vw;
  margin-top: 4vw;
 }
}
@media (min-width: 1401px){
 h1.titleDicono {
  font-size: 3.4vw;
  line-height: 3.8vw;
 }
 h2.subtitleDicono {
  font-size: 2.1vw;
  line-height: 2.3vw;
  width: 45vw;
  margin-top: 2vw;
 }
 img.stelline {
  width: 17vw;
 }
 p.textDicono {
  font-size: 1.3vw;
  line-height: 1.8vw;
  width: 18vw;
 }
 .containerDicono button.btnBlue:not(.small) {
  font-size: 1.7vw;
  margin: 0 auto 3vw;
 }
 .containerDicono button.btnBlue img {
  width: 1.9vw;
  height: 1.9vw;
 }
 .gridDicono, .gridFormGenerico, h1.titleDicono{
  width: 70vw;
 } 
 .gridDicono{
  grid-gap: 2vw;
 } 
 .col1-dicono, .col2-dicono {
  flex: 0 0 calc(50% - 1vw);
 }
 .gridFormGenerico {
  padding: 6vw 0 4vw;
  grid-gap:4vw;
 }
 h2.titleFormGenerico{
  font-size:3.13vw;
  line-height:3.5vw;
  margin-bottom:2vw;
 }
 p.textFormGenerico{
  font-size: 1.6vw;
  line-height:2.2vw;
  width:30vw;
 }
 button.btnRecensioni{
  font-size: 1.6vw;
  margin-top: 3vw;
 }
}