/*
 Theme Name:	Kids Fun Festival
 Version:			1.0.0
 Author:			Health Marketing
 Author URI:	https://healthmarketing.gr/
 Template:		hello-elementor
 
 breakpoints:  1024, 767
*/

:root { --green: #66CC8A; }

html, body { margin:0; padding:0; max-width:1920px; overflow-x:hidden; }

header { position: relative; z-index:999; }
header div.green { background-color:var(--green); }
@media (max-width:1023px) {
	header > div { background-color:var(--green); }
	main { margin-top:100px; }
}

#hero { padding:0; }
#video-shortcode {width:100%; height:100%; max-height:100vh; overflow:hidden; object-fit:cover; line-height:0; z-index: 10; }
#hero-text { position:absolute; }
#video { position:relative; }
#sound_control { position: absolute; top:0; left:0; bottom:0; right:0; width:100%; height:100%; }
#sound-off { display:none; }
#sound-on, #sound-off { position:absolute; right:5%; bottom:5%; width:40px; height:40px; cursor:pointer; }
#sound-on svg path { fill:var(--green); }
#sound-off svg path { fill:#c33; }
#sound-on:hover svg path, #sound-off:hover svg path { fill:#fff; }
/*.background-video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: -1; }*/


.festival-card:hover .animate-bounce img { animation:bounce 1.5s; }
@keyframes bounce {
	0% { transform:translateY(0) }
	50% { transform:translateY(-5px) }
	to { transform:translateY(0) }
}

.festival-card:hover .animate-spin img { animation:spin 1.5s linear infinite; }
@keyframes spin {
	to { transform:rotate(1turn) }
}

.festival-card:hover .animate-heartbeat img { animation:heartbeat 2s infinite; }
@keyframes heartbeat {
	0% { transform:scale(1) }
	25% { transform:scale(1.1) }
	50% { transform:scale(1) }
	75% { transform:scale(1.1) }
	to { transform:scale(1) }
}



#actions .swiper-wrapper { align-items:center; }
/* #actions .swiper-wrapper img { border-radius:10px; box-shadow:0px 0px 3px 0px rgba(0,0,0,0.5); } */


#testimonials img { -webkit-filter:grayscale(100%); filter:grayscale(100%); transition: filter 0.3s linear; }
#testimonials .testimonials-wrapper .e-child:hover img { -webkit-filter:grayscale(0); filter:none; }