/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 26 2025 | 10:52:00 */
body {
	background-color: #ffff80;
	overflow-x: hidden;
}

img{
	width: 60vw;
}

.fade-in {
  animation: fadeIn 1.2s ease forwards;
  opacity: 0;
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}

.wp-block-post-title {
	display: none;
}

.slider-container {
  	width: 100vw;
	overflow: show;
  	position: relative;
}

.slider {
	display: flex;
	width: 300vw; /* 100vw per ogni immagine */
	transition: transform 0.8s ease-in-out;
	margin-left: calc(-50vw + 50%);
	margin-top: 10vh;
}

.slider img {
  width: 100vw;
  height: auto;
  object-fit: cover;
}

#aereo {
	width: 25vw;
	position: fixed;
	top: 0vh;
	z-index: -1;
}

.wp-block-columns{
	display: flex; 
	justify-content: center;
	align-items: center;
}

.div-circle{
	max-width: 10%;
	display: flex; 
	justify-content: center;
	align-items: center;
}

.circle {
	width: 8vw;
 	height: auto;
  	border-radius: 50%;
  	object-fit: cover;
}

@media (max-width: 1024px) {
 	* {
		font-size: 98%;
 	}
}

@media (max-width: 768px) {
 	* {
    	font-size: 96%;
  	}
	.circle{
		width:15vw;
	}
	img:not(.circle):not(#aereo):not(.slider img){
		width: 50vw;
	}
}

@media (max-width: 480px) {
  	* {
    	font-size: 94%;
  	}
	.circle{
		width:20vw;
	}
	img:not(.circle):not(#aereo):not(.slider img){
		width: 40vw;
	}
}