/* ! Base Style */
/* ----------------------------------------------------------------------------------- */
body{ background:#e8e8e8; color:#000; font-size: 16px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;}
a{text-decoration: none;color: #000}
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: 1.3rem;}

h1, h2, h3, h4, h5, h6{font-family: Staatliches; font-weight: normal;}
h1, h2, h3, h4, p, ol, ul{margin-bottom: 1rem;}

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

.img-centra {
    display: block!important;
    margin-left: auto!important;
    margin-right: auto!important;
}

/* ! Pagina Blog */
/* --------------------------------------------------------- */

.img-blog{
  display: inline-block;
  position: relative;
  margin-bottom: 20px;
  border-radius: 30px;
  overflow: hidden;
  }
  .img-tonda{
    border-radius: 30px;
  }


/* ! Button system */
/* ----------------------------------------------------------------------------------- */
.button,
.wp-block-button__link{font-size: 1.2rem;background: #3DE99E; color:#000; padding: 14px 25px;border-radius: 4px; transition: all 1s cubic-bezier(.215, .61, .355, 1);}
.button:hover,
.wp-block-button__link:hover{background: #18b872; transition: all 1s cubic-bezier(.215, .61, .355, 1);}

.entra,
.wp-block-button__link{font-size: 1.2rem;background:  #f4db49; color:#000; padding: 14px 25px;border-radius: 4px; transition: all 1s cubic-bezier(.215, .61, .355, 1);}
.entra:hover,
.wp-block-button__link:hover{background: #ffd900; transition: all 1s cubic-bezier(.215, .61, .355, 1);}

.facebook a{background:  #3578e9!important; color:#fff;}

.Linkedin a{background:  #0a66c2!important; color:#fff;}

.threads a{background:  #000!important; color:#fff;}

.instagram a{color:#fff;
  background: rgb(232,176,60);
  background: -moz-linear-gradient(90deg, rgba(232,176,60,1) 0%, rgba(226,90,51,1) 16%, rgba(224,56,80,1) 48%, rgba(223,53,166,1) 81%, rgba(148,46,211,1) 100%);
  background: -webkit-linear-gradient(90deg, rgba(232,176,60,1) 0%, rgba(226,90,51,1) 16%, rgba(224,56,80,1) 48%, rgba(223,53,166,1) 81%, rgba(148,46,211,1) 100%);
  background: linear-gradient(90deg, rgba(232,176,60,1) 0%, rgba(226,90,51,1) 16%, rgba(224,56,80,1) 48%, rgba(223,53,166,1) 81%, rgba(148,46,211,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e8b03c",endColorstr="#942ed3",GradientType=1); 
}
.instagram a:hover{color:#fff;
  background: rgb(232,176,60);
  background: -moz-linear-gradient(90deg, rgba(232,176,60,1) 0%, rgba(226,90,51,1) 16%, rgba(224,56,80,1) 48%, rgba(223,53,166,1) 81%, rgba(148,46,211,1) 100%);
  background: -webkit-linear-gradient(90deg, rgba(232,176,60,1) 0%, rgba(226,90,51,1) 16%, rgba(224,56,80,1) 48%, rgba(223,53,166,1) 81%, rgba(148,46,211,1) 100%);
  background: linear-gradient(90deg, rgba(232,176,60,1) 0%, rgba(226,90,51,1) 16%, rgba(224,56,80,1) 48%, rgba(223,53,166,1) 81%, rgba(148,46,211,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e8b03c",endColorstr="#942ed3",GradientType=1); 
}

.youtube a{background:  #ec3323!important; color:#fff;}

.twitter a{
  background: rgb(0,0,0);
  background: -moz-linear-gradient(95deg, rgba(0,0,0,1) 0%, rgba(0,140,255,1) 100%);
  background: -webkit-linear-gradient(95deg, rgba(0,0,0,1) 0%, rgba(0,140,255,1) 100%);
  background: linear-gradient(95deg, rgba(0,0,0,1) 0%, rgba(0,140,255,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#008cff",GradientType=1); 
  color:#fff;}

  .twitter a:hover{
    background: rgb(0,0,0);
    background: -moz-linear-gradient(95deg, rgba(0,0,0,1) 0%, rgba(0,140,255,1) 100%);
    background: -webkit-linear-gradient(95deg, rgba(0,0,0,1) 0%, rgba(0,140,255,1) 100%);
    background: linear-gradient(95deg, rgba(0,0,0,1) 0%, rgba(0,140,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#008cff",GradientType=1); 
    color:#fff;}


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

.cover{
  background: #e8e8e8;padding: 20px;min-height: 100vh;
  display: flex; flex-flow: column;
  justify-content: center;
  align-items: center;
  position:relative;
}


.cover__bg {
  content:"";
  background-image:url(https://simonefeder.it/wp-content/uploads/2024/02/cover-fed.jpg);
  background-repeat:no-repeat;
  background-position:center right;
  background-size:cover;
  z-index:0;
  top:0;
  right:0;
  bottom:0;
  left:0;
  transition:inherit;
  /*pointer-events:none;*/
}

.firma{width: 85%;}

/* ! Scroll Down */
.scroll-down-icon{width: 100px; height: 100px;position: absolute;bottom: 133px; left:50%; margin-left: -50px;display: block;}
.line-center{background: #000; width: 3px; height: 0px; opacity: 0;position: absolute;left:50%; margin-top: 10px; animation: vertical_line_growth 4s cubic-bezier(.215, .61, .355, 1) infinite; }
.line-center span{position: absolute;bottom:-20px;width: 100px;display: block;left:-50px;text-align: center;color:#000; text-transform: uppercase;font-size: 11px;}

@keyframes vertical_line_growth {
  0% { height: 0; opacity: 0;}
  20% { height: 0; opacity: 0;}
  40% { height: 0; opacity: 1;}
  60% { height: 30px; opacity: 1;}
  80% { height: 30px; opacity: 1;}
  100% { height: 30px; opacity: 0;}
}


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


.bio {max-width:1220px; margin: 0 auto; position: relative;}

.bio .rete a{color: #ffd900;}

.eventi {border-radius: 4px!important; text-transform: uppercase!important;}

.eventi strong{color: #ffd900!important;}

/* ! Colums */
.wp-block-columns{max-width:1250px; margin: 0 auto; padding: 0 15px;}
.container-items{display: flex;flex-wrap:wrap;}
.item-colums{width: 50%;margin-bottom: 20px;}
.item-colums h2{margin-bottom: 0px;}

/* ! testimoninza */
.testimonianza{position:relative;padding-left: 100px;margin-bottom: 60px;}
.testimonianza img{width: 80px;height: 80px;position: absolute;top:20px; left:0;}


/*  media text */

@media (max-width: 768px) {
  .wp-block-media-text__media{padding-bottom: 30px;}
}


/* ! Slider */
.splide{margin-top: 100px;}
.splide__slide{padding: 30px;}

/* ! Tiles */

.tiles{min-height: 500px; border-radius: 30px; color:#fff; position: relative;overflow: hidden; display:block}
.tiles__label{position: absolute; bottom: 30px; left:30px}
.tiles__content{
  padding: 30px;
  background: rgb(255,255,255);
  background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%);
}





/* ! 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);}

.rotate{ animation: rotation 20s linear infinite}

@keyframes rotation {
  0% {  transform: rotate(0deg);}
  100% {  transform: rotate(360deg);}
}

.slide-right{position:relative; right: -200px}
.slide-left{position:relative; left: -200px}



/* ! Cursor */
* {cursor:none}
.outline {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  border: 1px solid hwb(0 0% 0%);;
  transition: all 200ms ease-out;
  position: fixed;
  pointer-events: none;
  left: 0px;
  top: 0px;
  z-index: 999999;
  transform: translate( 50vw, -100px );
}

.cursor {
  width: 18px;
  height: 18px;
  border-radius: 100%;
  background: #cb4700;;
  opacity: .3;
  position: fixed;
  left: 0px;
  top: 0px;
  pointer-events: none;
  z-index: 999999;
  transform: translate( 50vw, -100px );
}

.hover {
  opacity: 0.5;
  border: 5px solid greenyellow;
  z-index: 999999;
}

@media (max-width: 768px) {

  .cursor,
  .outline{display: none;}

}