/* ! Base Style System */
/*------------------------------------------------------------------*/
body{ font-size: 16px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif; overflow-x: hidden;}
a{text-decoration:none; color: #f75e47;}
p{line-height: 1.3;}

/* ! Title System */
/*------------------------------------------------------------------*/
.text-0{font-size: 5rem;}
h1, .text-1{font-size: 3.4rem;}
h2, .text-2{font-size: 2.2rem;}
h3, .text-3{font-size: 1.5rem;}
h4, p, .text-4{font-size: 1rem;}

h1, h2, h3, h4, p, ol, ul{margin-bottom: 1rem;}

@media (max-width: 768px) {
  .text-0{font-size: 4rem}
}

/* ! Button system */
/*------------------------------------------------------------------*/

/*con wp-block... andiamo ad impostare lo stile di default dei bottoni in wordpress */
.button, .wp-block-button__link{font-size: 2.2rem; text-transform: uppercase; font-weight: bold; color: #fff; background-color: #58A86A; padding: 20px 40px 20px 40px; border-radius: 25px; display: inline-block;}
.button:hover, .wp-block-button__link:hover{background: green; transition: 0.3s;}

/* ! Blocks */
/*------------------------------------------------------------------*/

/* ! Blocks */
/* ----------------------------------------------------------------------------------- */

.cover{
  background: #000;padding: 20px;min-height: 100vh;
  display: flex; flex-flow: column;
  justify-content: center;
  align-items: center;
  position:relative;
}
.cover__bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background:url(bridge.jpg) center center;background-size:cover;z-index:0;border: 1px solid #000}
.cover__bg:after{ content: ' ';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.7) 100%);;background-size:cover;}

.cover__content{max-width: 1200px; margin: 0 auto; position:relative; z-index: 1;width: 100%;}

.cover__content h1{max-width: 1000px}

.available{width: 300px; height: 300px; position:absolute; top:25%; right:10%;}

@media (max-width: 768px) {
  .available{width: 200px; height: 200px;  top:8%; right:2%;}
}

/* ! Animation */
/* --------------------------------------------------------- */

.fade-in{opacity: 0; transform: translateY(1rem);}
.text-reveal{transform: translateY(1rem);clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);}
.fade-up{opacity: 0; transform: translateY(5rem);}

/* ! Modifiche su codice Wordpress */
.wp-block-columns{margin-bottom: 0px;}

.paragrafo{ background-color: #D9D9D9; padding: 30px 50px;text-align: center; width: 80%; margin: 0 auto; -moz-border-radius: 100px / 80px; -webkit-border-radius: 100px / 80px; border-radius: 100px / 80px; }

.banner{ height:auto; padding: 20px; background-color: #fff; margin: 0px 30px 50px 0px !important; }

.banner_2{background-color: #B1D5BB; text-align: center;padding: 20px;}

.text-pers{font-size: 1.7rem; font-weight: 600; line-height: 40px;}

.text-container{background-color: #E8F5FA;padding: 20px;border-radius: 25px; min-height: 150px; align-content: center;}

.card-shadow{padding: 10px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);border-radius: 25px;}

.blue-container{background-color: #CADEF4;padding: 20px;border-radius: 25px;}
.blue-container p{font-size: 1.5rem}

.green-container{background-color: #B1D5BB;padding: 20px;border-radius: 25px;}
.green-container p{font-size: 1.5rem}

.vform{
  border: 2px solid green;
  max-width: 800px;
  margin: 0 auto;
  padding: 30px;
  border-radius: 30px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.vform h2{text-align: center;}
.vform div{display: flex; justify-content: space-around;margin-bottom: 20px;}
.vform .vbutton{
  font-size: 1.3rem;
  text-transform: uppercase;
  font-weight: bold;
  color: #fff;
  background: #58A86A;
  padding: 20px 30px 20px 30px;
  border-radius: 25px;
  border: none;
}

.vform .vbutton:hover{background: green; transition: 0.3s;}
.vform input{padding: 15px;border: 2px solid green; border-radius: 25px;margin-top: 10px;}

@media (max-width: 768px) {
  .vform div{display: block; justify-content: space-around;margin-bottom: 20px;}
}