.elementor-58 .elementor-element.elementor-element-8fdc48e{--display:flex;--margin-top:120px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-58 .elementor-element.elementor-element-7e22c02 > .elementor-widget-container{--e-transform-rotateZ:7deg;}.elementor-58 .elementor-element.elementor-element-7e22c02 .xel-glitch-heading-title{font-family:"Graffiti", Sans-serif;font-size:93px;font-weight:600;letter-spacing:30px;text-align:center;}.elementor-58 .elementor-element.elementor-element-2e84359{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-58 .elementor-element.elementor-element-f8166ae{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-58 .elementor-element.elementor-element-ae47829{--display:flex;}.elementor-58 .elementor-element.elementor-element-901dc3d{width:var( --container-widget-width, 708px );max-width:708px;margin:60px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:708px;--container-widget-flex-grow:0;text-align:start;font-family:"Urbanist", Sans-serif;font-size:19px;font-weight:400;color:#FFFFFF;}.elementor-58 .elementor-element.elementor-element-901dc3d.elementor-element{--align-self:center;}.elementor-58 .elementor-element.elementor-element-618d934 > .elementor-widget-container{--e-transform-rotateZ:7deg;margin:80px 0px 0px 0px;}.elementor-58 .elementor-element.elementor-element-618d934 .xel-glitch-heading-title{font-family:"Graffiti", Sans-serif;font-size:68px;font-weight:600;letter-spacing:3.4px;text-align:left;}.elementor-58 .elementor-element.elementor-element-a2c7812 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:20px;}.elementor-58 .elementor-element.elementor-element-a2c7812 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-20px;}.elementor-58 .elementor-element.elementor-element-a2c7812 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-58 .elementor-element.elementor-element-a2c7812 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-58 .elementor-element.elementor-element-a2c7812 .elementor-labels-inline .elementor-field-group > label{padding-left:8px;}body:not(.rtl) .elementor-58 .elementor-element.elementor-element-a2c7812 .elementor-labels-inline .elementor-field-group > label{padding-right:8px;}body .elementor-58 .elementor-element.elementor-element-a2c7812 .elementor-labels-above .elementor-field-group > label{padding-bottom:8px;}.elementor-58 .elementor-element.elementor-element-a2c7812 .elementor-field-group > label, .elementor-58 .elementor-element.elementor-element-a2c7812 .elementor-field-subgroup label{color:var( --e-global-color-primary );}.elementor-58 .elementor-element.elementor-element-a2c7812 .elementor-field-type-html{padding-bottom:0px;}.elementor-58 .elementor-element.elementor-element-a2c7812 .elementor-field-group .elementor-field{color:var( --e-global-color-8957392 );}.elementor-58 .elementor-element.elementor-element-a2c7812 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;border-color:#F79644;border-width:2px 2px 2px 2px;border-radius:10px 10px 10px 10px;}.elementor-58 .elementor-element.elementor-element-a2c7812 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;border-color:#F79644;border-width:2px 2px 2px 2px;border-radius:10px 10px 10px 10px;}.elementor-58 .elementor-element.elementor-element-a2c7812 .elementor-field-group .elementor-select-wrapper::before{color:#F79644;}.elementor-58 .elementor-element.elementor-element-a2c7812 .elementor-button{font-family:"Graffiti", Sans-serif;font-size:35px;line-height:65px;letter-spacing:4.3px;}.elementor-58 .elementor-element.elementor-element-a2c7812 .e-form__buttons__wrapper__button-next{background-color:#F79644;color:#ffffff;}.elementor-58 .elementor-element.elementor-element-a2c7812 .elementor-button[type="submit"]{background-color:#F79644;color:#ffffff;}.elementor-58 .elementor-element.elementor-element-a2c7812 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-58 .elementor-element.elementor-element-a2c7812 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-58 .elementor-element.elementor-element-a2c7812 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-58 .elementor-element.elementor-element-a2c7812 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-58 .elementor-element.elementor-element-a2c7812 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-58 .elementor-element.elementor-element-a2c7812 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-58 .elementor-element.elementor-element-a2c7812 .e-form__indicators__indicator, .elementor-58 .elementor-element.elementor-element-a2c7812 .e-form__indicators__indicator__label{font-family:"Graffiti", Sans-serif;font-size:47px;}.elementor-58 .elementor-element.elementor-element-a2c7812{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-primary-color:#FFFFFF;--e-form-steps-indicator-inactive-secondary-color:#F79644;--e-form-steps-indicator-active-primary-color:#F79644;--e-form-steps-indicator-active-secondary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-58 .elementor-element.elementor-element-80ba5d7{--display:flex;}.elementor-58 .elementor-element.elementor-element-7ecaa7c{--e-image-carousel-slides-to-show:1;padding:40px 40px 0px 40px;}.elementor-58 .elementor-element.elementor-element-7ecaa7c .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:1px;--swiper-pagination-bullet-vertical-gap:1px;width:13px;height:13px;background:#F79644;}.elementor-58 .elementor-element.elementor-element-7ecaa7c .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){background:var( --e-global-color-accent );opacity:var( --e-global-color-accent );}.elementor-58 .elementor-element.elementor-element-7ecaa7c .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:20px 20px 20px 20px;}body.elementor-page-58:not(.elementor-motion-effects-element-type-background), body.elementor-page-58 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00031F;}@media(max-width:767px){.elementor-58 .elementor-element.elementor-element-8fdc48e{--margin-top:120px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-58 .elementor-element.elementor-element-7e22c02 > .elementor-widget-container{margin:40px 0px 0px 0px;}.elementor-58 .elementor-element.elementor-element-7e22c02 .xel-glitch-heading-title{font-size:53px;letter-spacing:6.9px;}.elementor-58 .elementor-element.elementor-element-2e84359.e-con{--order:99999 /* order end hack */;}.elementor-58 .elementor-element.elementor-element-ae47829{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-58 .elementor-element.elementor-element-ae47829.e-con{--order:99999 /* order end hack */;}.elementor-58 .elementor-element.elementor-element-901dc3d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-58 .elementor-element.elementor-element-618d934 .xel-glitch-heading-title{font-size:40px;letter-spacing:2.4px;}.elementor-58 .elementor-element.elementor-element-80ba5d7{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-58 .elementor-element.elementor-element-7ecaa7c{padding:20px 20px 20px 20px;}}/* Start custom CSS */.slidehome h1 {
	 position: relative;
	 font-family: 'Graffiti' !important;
	 font-size: 12em;
	 margin: 0;
	 transform: skew(-15deg);
	 letter-spacing: 0.03em;
	 font-weight: 700;
}
.slidehome  h1::after {
	 content: '';
	 position: absolute;
	 top: -0.1em;
	 right: 0.05em;
	 width: 0.4em;
	 height: 0.4em;
	 background: radial-gradient(white 3%, rgba(255, 255, 255, 0.3) 15%, rgba(255, 255, 255, 0.05) 60%, transparent 80%), radial-gradient(rgba(255, 255, 255, 0.2) 50%, transparent 60%) 50% 50% / 5% 100%, radial-gradient(rgba(255, 255, 255, 0.2) 50%, transparent 60%) 50% 50% / 70% 5%;
	 background-repeat: no-repeat;
}
.slidehome  h1 span:first-child {
	 display: block;
	
	 -webkit-text-stroke: 0.06em rgba(0, 0, 0, 0.5);
}
 .slidehome h1 span:last-child {
	 position: absolute;
	 left: 0;
	 top: 0;
	 background-image: linear-gradient(#F79644 25%, #FDC967 75%);
	 -webkit-text-stroke: 0.01em #EF8131;
	 -webkit-background-clip: text;
	 -webkit-text-fill-color: transparent;
}
.slidehome  h2 {
	 font-family: 'Mr Dafoe';
	 margin: 0;
	 font-size: 3.5em;
	 margin-top: -0.6em;
	 color: white;
	 text-shadow: 0 0 0.05em #EF8131, 0 0 0.2em #EF8131, 0 0 0.3em #EF8131;
	 transform: rotate(-7deg);
}

.loc {
    font-size: 3em !important; 
}

.slidehome  h3 {
	 font-family: 'Graffiti';
	 margin: 0;
	 font-size: 3.5em;
	 margin-top: -0.6em;
	 color: white;
	 text-shadow: 0 0 0.05em #EF8131, 0 0 0.2em #EF8131, 0 0 0.3em #EF8131;
	 transform: rotate(0deg);
}

@media all and (max-width:650px) {
    .loc {
    font-size: 1.em !important; 
}

.slidehome h1 {

	 font-size: 5.5em;
	
}

.slidehome  h2 {
font-size: 2.0em;
}
    
    .slidehome  h3 {
	
	 font-size: 2.5em;

}
.loc {
    font-size: 2em !important; 
}
    
}

:root {
  --color-highlight-fire: rgba(255, 236, 168, 1);
  --color-primary-fire: rgba(255, 138, 48, 1);
  --color-secondary-fire: rgba(240, 96, 29, 1);

  --color-highlight-ice: rgba(168, 236, 255, 1);
  --color-primary-ice: rgba(48, 138, 255, 1);
  --color-secondary-ice: rgba(29, 96, 240, 1);
}



.button {
  border: 1px solid green;
  backdrop-filter: blur(10px);
  transform: skewX(-10deg);
  height: 50px;
  width: 280px;
  border-radius: 20px 5px 20px 0px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  font: 15px sans-serif;
  font-weight: 300;
  text-shadow: 0 0 20px #fff;
  text-transform: uppercase;
  animation: breath2 2s 0.5s infinite alternate;
  cursor: pointer;
}

.button::before {
  content: "";
  display: block;
  width: calc(100% - 22px);
  height: calc(50px - 8px);
  animation: breath 2s infinite alternate;
  left: 10px;
  top: 3px;
  position: absolute;
  background-color: transparent;
  border: 1px solid #fff;
  border-radius: 15px 3px 15px 3px;
}

/* FIRE */
.button.fire {
  border-color: var(--color-highlight-fire);
  background-image: linear-gradient(
    to bottom,
    rgba(255, 138, 48, 0.6),
    rgba(240, 96, 29, 0.6)
  );
  box-shadow:
    0 0 70px rgba(255, 138, 48, 0.6),
    0 5px 20px rgba(255, 138, 48, 0.6),
    inset 0 1px var(--color-highlight-fire),
    inset 0 -1px var(--color-highlight-fire);
  color: var(--color-highlight-fire);
}

.button.fire::before {
  box-shadow: inset 0 0 30px 0 var(--color-highlight-fire);
}

/* ICE */
.button.ice {
  border-color: var(--color-highlight-ice);
  background-image: linear-gradient(
    to bottom,
    rgba(48, 138, 255, 0.5),
    rgba(29, 96, 240, 0.5)
  );
  box-shadow:
    0 0 70px rgba(48, 138, 255, 0.5),
    0 5px 20px rgba(48, 138, 255, 0.5),
    inset 0 1px var(--color-highlight-ice),
    inset 0 -1px var(--color-highlight-ice);
  color: var(--color-highlight-ice);
}

.button.ice::before {
  box-shadow: inset 0 0 30px 0 var(--color-highlight-ice);
}

/* HOVER */
.button.fire:hover {
  box-shadow:
    0 0 70px rgba(255, 138, 48, 0.8),
    0 5px 20px rgba(255, 138, 48, 0.8),
    inset 0 1px var(--color-highlight-fire),
    inset 0 -1px var(--color-highlight-fire);
}

.button.fire:hover::before {
  box-shadow: inset 0 0 50px 0 var(--color-highlight-fire);
}

.button.ice:hover {
  box-shadow:
    0 0 70px rgba(48, 138, 255, 0.8),
    0 5px 20px rgba(48, 138, 255, 0.8),
    inset 0 1px var(--color-highlight-ice),
    inset 0 -1px var(--color-highlight-ice);
}

.button.ice:hover::before {
  box-shadow: inset 0 0 50px 0 var(--color-highlight-ice);
}

.button + .button {
  margin-top: 15px;
  animation-delay: 0.3s;
}

/* ANIMATIONS */
@keyframes breath {
  0% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(0.95);
  }
}

@keyframes breath2 {
  0% {
    transform: skewX(-10deg) scaleX(1);
  }
  100% {
    transform: skewX(-10deg) scaleX(0.95);
  }
}

/* REF */
.ref {
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.6);
  border-radius: 3px;
  padding: 5px 8px;
  position: absolute;
  font-size: 16px;
  bottom: 10px;
  right: 10px;
  color: #fff;
  font-weight: 300;
  font-family: sans-serif;
  text-decoration: none;
}

.ref::first-letter {
  font-size: 12px;
}


.glass {
/* From https://css.glass */
/* From https://css.glass */
background: rgba(0, 0, 0, 0.55);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(12.2px);
-webkit-backdrop-filter: blur(12.2px);
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Graffiti';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://streetballlivorno.it/wp-content/uploads/2026/04/urbanSideWalks-Regular.woff2') format('woff2'),
		url('https://streetballlivorno.it/wp-content/uploads/2026/04/urbanSideWalks-Regular.woff') format('woff'),
		url('https://streetballlivorno.it/wp-content/uploads/2026/04/urbanSideWalks-Regular.ttf') format('truetype');
}
/* End Custom Fonts CSS */