.portal-footer {
	position: relative;
	z-index: 1;
}

.portal-footer {
	background-color: #1c1c1c;
	font-size: 0;
	letter-spacing: 0;
	line-height: 0;
	padding: 23px 0;
	border-top: 1px solid #9c9c9c;
}

.seguici-label {
	font-weight: 600;
	font-size: 14px;
	color: #f2f2f2;
	letter-spacing: .93px;
	text-transform: uppercase;
	margin-bottom: 10px;
	line-height: 18px;
	display: block;
}

.portal-footer .social-box a {
	display: inline-block;
	font-size: 15px;
	line-height: 33px;
	width: 34px;
	text-align: center;
	text-decoration: none;
	border-radius: 32px;
	border: 1px solid;
	-webkit-transition: all .3s;
	transition: all .3s;
	color: #9c9c9c;
}

.portal-footer .social-box img {
	height: 15px;
	margin-bottom: 4px;
}

.portal-footer .logo, .portal-footer small {
	display: inline-block;
	vertical-align: middle;
}

.portal-footer small {
	font-size: 13px;
	color: #f2f2f2;
	line-height: 1.4;
	margin: 0 16px;
}
html {
	scroll-behavior: smooth;
}
@font-face {
	font-family: towerruins;
	src: url('../fonts/towerruins.woff');
}
@font-face {
	font-family: mistral;
	src: url('../fonts/mistral.ttf');
}
@font-face {
	font-family: futura;
	src: url('../fonts/futuraxk.ttf');
}
.race__item, .race__intro {
	padding-top: 30px;
	margin-bottom: 40px;
}
.race__drawer {
	padding-top: 10px!important;
}
.race__main__title {
	font-family: towerruins;
	color: white;
	font-weight: normal;
}
.race__main__title small, .race__description {
	text-transform: lowercase;
	font-family: mistral;
	color: #1662ba;
	text-align: end;
	font-weight: normal;
	font-size: 30px;
}
.race__details__text {
	font-family: futura;
}
.race__description {
	text-align: center;
}
.race__separator span {
	color: #1662ba;
}
.race__separator:before {
	background-color: #1662ba;
}
.mainNav__back_to_home {
	position: fixed;
}
.race__article__title {
	color: #1662ba;
}
.race__divider, .race__badge__label {
	background-color: #1662ba;
}
.race__divider::after, .race__badge__label::after {
	border-color: #1662ba transparent;
}
.race__badge:hover span {
	text-decoration: underline;
}
.iscrizione {
	position: fixed;
	bottom: 20px;
}
@keyframes salta {
	0% {transform: translate(0, 0px); animation-timing-function: cubic-bezier(0.19, 0.28, 0.27, 1)}
	11% {transform: translate(0, 100px) scaleX(0.8); animation-timing-function: cubic-bezier(0.57, 0.01, 0.84, 0.5)}
	20% {transform: translate(0, 0px) scaleY(0.8); animation-timing-function: cubic-bezier(0.19, 0.28, 0.27, 1)}
	28% {transform: translate(0, 30px); animation-timing-function: cubic-bezier(0.57, 0.01, 0.84, 0.5)}
	36% {transform: translate(0, 0px); animation-timing-function: cubic-bezier(0.19, 0.28, 0.27, 1)}
	100% {transform: translate(0, 0px); animation-timing-function: cubic-bezier(0.19, 0.28, 0.27, 1)}
}
.arrow {
	fill: #1662ba;
	opacity: 0.8;
	position: absolute;
	right: 15%;
	padding-top: 5%;
}
.arrow polygon { animation: salta 3s infinite cubic-bezier(0.175, 0.885, 0.32, 1.275); }
.piccolo { visibility: visible; }
.grande { visibility: hidden; }
.sponsor {
	text-align: center;
	margin: 2%;
	opacity: 0.75;
}
.sponsor:hover {
	opacity: 1;
}
.sponsor img {
	height: 100px;
	/*max-width: 100px;*/
	margin: 2%;
}
.sponsor figcaption {
	color: white;
	font-size: large;
	line-height: normal;
}
.mainNav__logo {
	text-align: center;
}
.mainNav__logo img {
	width: 148px;
}
.mainNav__subsections a {
	padding: 10px 50px;
}
.mainNav__subsections div {
	margin-top: 25px;
	margin-bottom: 0px;
}
.race__outer {
	background-size: auto 100vh;
	background-position: right top;
}
@media (min-width:992px) {
	.race__drawer {
		position:static;
		overflow-y:unset;
		max-height: none;
	}
	.arrow {
		right: 50%;
	}
	.piccolo { visibility: hidden; }
	.grande { visibility: visible; }
	.race__details__text {
		font-size: 1.4vw;
	}
	.race__main__title small, .race__description {
		font-size: 4vw;
	}
	.race__outer {
		background-size: auto 100vh;
		background-position: center top;
	}
}
.rotated {
	transform: rotate(180deg);
	-ms-transform: rotate(180deg); /* IE 9 */
	-moz-transform: rotate(180deg); /* Firefox */
	-webkit-transform: rotate(180deg); /* Safari and Chrome */
	-o-transform: rotate(180deg); /* Opera */
}
.race__accordion__content {
  display: block;
}

.contorno { 
  
  /* Crea il bordo del carattere */
  -webkit-text-stroke: 3px transparent; 
  
  /* Applica un gradiente come sfondo del testo */
  background: black; /* Puoi sostituire con un gradiente se desideri */
  
  /* Ritaglia lo sfondo seguendo la forma del testo e del suo bordo */
  -webkit-background-clip: text;
  background-clip: text;
}