/* BLOCCO TESTATA PAGINA */

.testata-pagina {
  height: 400px;
  text-align: center;
  color: #fff;
  background: var(--phddeib-primary);
  background-blend-mode: luminosity;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 3em;
}

.testata-pagina .container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}

.testata-pagina h1 {
  font-weight: 600;
  text-shadow: var(--phddeib-primary-text-shadow) 0px 0px 40px;
  font-size: 2.4em;
  margin-top: 0;
  font-family: 'Montserrat', sans-serif;
}

.testata-pagina .discover-more {
  text-shadow: var(--phddeib-primary-text-shadow) 0px 0px 10px;
}

.testata-pagina .discover-more p {
  margin-bottom: 4px;
}

.testata-pagina .discover-more .scroll-downs {
  margin: auto;
  width :30px;
  height: 55px;
}
.testata-pagina .discover-more .mousey {
  width: 3px;
  padding: 5px 12px;
  height: 35px;
  border: 2px solid #fff;
  border-radius: 25px;
  opacity: 0.75;
  box-sizing: content-box;
}
.testata-pagina .discover-more .scroller {
  width: 3px;
  height: 10px;
  border-radius: 25%;
  background-color: #fff;
  animation-name: scroll;
  animation-duration: 2.2s;
  animation-timing-function: cubic-bezier(.15,.41,.69,.94);
  animation-iteration-count: infinite;
}
@keyframes scroll {
  0% { opacity: 0; }
  10% { transform: translateY(0); opacity: 1; }
  100% { transform: translateY(15px); opacity: 0;}
}

.wp-block-lazyblock-testata-pagina .spacer-bottom {
  height: 40px;
  background-image: linear-gradient(90deg, #ffffff 44.12%, #eeeeee 44.12%, #eeeeee 50%, #ffffff 50%, #ffffff 94.12%, #eeeeee 94.12%, #eeeeee 100%);
	background-size: 32px;
	background-repeat: repeat-x;
	background-position: center;
}


/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  
  .testata-pagina {
	height: 500px;
	padding-top: 4em;
  }
  
  .testata-pagina h1 {
	font-size: 5em;
  }

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
	
}