@charset "UTF-8";

/*	BAREBONES RESPONSIVE GRID FRAMEWORK (Animation)
	Version 3.1
	December 2023
	www.dawgeatdawg.com
*/


/* @group --- CSS3 ANIMATION ---*/
a,
a > svg,
input,
textarea,
button,
.button {
	backface-visibility: hidden;
		-webkit-backface-visibility: hidden;
	transition-property: all;
	transition-duration: 0.25s;
	transition-timing-function: ease-in-out;
	transition-delay: 0ms;
}


body#home .homeSwiper:hover h2,
a:hover > svg,
a:hover {
	transition-property: all;
	transition-duration: 0.3s;
	transition-timing-function: ease-in-out;
	transition-delay: 0ms;
	/* animation: pop 0.1s ease-in-out 0ms 1, colorcycle 6s ease-in-out 30ms infinite; */
	animation: pop 0.2s ease-in-out 0ms 1, colorcycle 6s ease-in-out 30ms infinite;
}

body#home .homeSwiper:hover .swiper-container,
.eventImage:hover,
.button:hover,
form input#submit:hover {
	transition-property: all;
	transition-duration: 0.3s;
	transition-timing-function: ease-in-out;
	transition-delay: 0ms;
	/* animation: pop 0.2s ease-in-out 0ms 1, colorcycleBG 3s ease-in-out 30ms infinite; */
	animation: pop 0.2s ease-in-out 0ms 1;
}

	body#home .swiper-container:hover .swiper-slide > img {
		opacity: 0.7;
	}

/* @end */



/* @group --- CSS3 KEYFRAMES ---*/
	
@keyframes pop {
	0%		{	transform-origin: center center;
				transform: scale(1,1);
			}
	50%		{	transform: scale(1.01,1.01);
			}
	100%	{	transform: scale(1,1);
			}
}


@keyframes pop_v1 {
	0%		{	transform-origin: center center;
				transform: scale(1,1);
			}
	25%		{	transform: scale(0.99,0.99);
			}
	70%		{	transform: scale(1.01,1.01);
			}
	100%	{	transform: scale(1,1);
			}
}


@keyframes twist {
	0%		{	transform-origin: center center;
				transform: rotateZ(0deg);
			}
	25%		{	transform: rotateZ(-3deg);
			}
	75%		{	transform: rotateZ(3deg);
			}
	100%	{	transform: rotateZ(0deg);
			}
}


@keyframes colorcycle {
/*
	0%		{	color:	currentColor;
				filter: drop-shadow(0 0 0.2em currentColor);
			}
*/
	0%		{	color:	hsla(300, 50%, 100%, 1.0);
				filter: drop-shadow(0 0 0.2rem hsla(300, 50%, 100%, 1.0));
			}
	15%		{	color:	hsla(300, 50%, 60%, 1.0);
				filter: drop-shadow(0 0 0.1rem hsla(340, 50%, 60%, 0.5));
			}
	30%		{	color:	hsla(240, 50%, 60%, 1.0);
				filter: drop-shadow(0 0 0.1rem hsla(280, 50%, 60%, 0.5));
			}
	45%		{	color:	hsla(180, 50%, 60%, 1.0);
				filter: drop-shadow(0 0 0.1rem hsla(220, 50%, 60%, 0.5));
			}
	60%		{	color:	hsla(120, 50%, 60%, 1.0);
				filter: drop-shadow(0 0 0.1rem hsla(160, 50%, 60%, 0.5));
			}
	75%		{	color:	hsla(60, 50%, 60%, 1.0);
				filter: drop-shadow(0 0 0.1rem hsla(100, 50%, 60%, 0.5));
			}
	93%		{	color:	hsla(0, 50%, 60%, 1.0);
				filter: drop-shadow(0 0 0.1rem hsla(40, 50%, 60%, 0.5));
			}
	100%	{	color:	hsla(300, 50%, 100%, 1.0);
				filter: drop-shadow(0 0 0.2rem hsla(300, 50%, 100%, 1.0));
			}
/*
	100%	{	color:	currentColor;
				filter: drop-shadow(0 0 0.2rem currentColor);
			}
*/
}


@keyframes colorcycleBG {
/*
	0%		{	background-color:	currentColor;
				box-shadow: 0 0 0.4em currentColor;
			}
*/
	0%		{	background-color:	hsla(300, 50%, 100%, 1.0);
				box-shadow: 0 0 0.4rem hsla(300, 50%, 100%, 1.0);
			}
	15%		{	background-color:	hsla(300, 50%, 60%, 1.0);
				box-shadow: 0 0 0.4rem hsla(340, 50%, 60%, 1.5);
			}
	30%		{	background-color:	hsla(240, 50%, 60%, 1.0);
				box-shadow: 0 0 0.4rem hsla(280, 50%, 60%, 1.5);
			}
	45%		{	background-color:	hsla(180, 50%, 60%, 1.0);
				box-shadow: 0 0 0.4rem hsla(220, 50%, 60%, 1.5);
			}
	60%		{	background-color:	hsla(120, 50%, 60%, 1.0);
				box-shadow: 0 0 0.4rem hsla(160, 50%, 60%, 1.5);
			}
	75%		{	background-color:	hsla(60, 50%, 60%, 1.0);
				box-shadow: 0 0 0.4rem hsla(100, 50%, 60%, 1.5);
			}
	93%		{	background-color:	hsla(0, 50%, 60%, 1.0);
				box-shadow: 0 0 0.4rem hsla(40, 50%, 60%, 1.5);
			}
	100%	{	background-color:	hsla(300, 50%, 100%, 1.0);
				box-shadow: 0 0 0.4rem hsla(300, 50%, 100%, 1.0);
			}
/*
	100%	{	background-color:	currentColor;
				box-shadow: 0 0 0.4rem currentColor;
			}
*/
}


/* @end */