/*
 Theme Name:   Multicolor Festival
 Theme URI:    https://generatepress.com/
 Description:  Child theme di Multicolor Festival
 Author:       Visualworks
 Author URI:   https://www.visualworks.it
 Template:     generatepress
 Version:      1.0
*/

/*
 * MULTICOLOR FESTIVAL - Colori alternati per le card del carosello eventi
 *
 * WPCode: tipo "CSS Snippet" - Inserimento "Sito frontend" (o "Esegui Ovunque")
 *
 * Cicla 5 colori sulle card (.swiper-slide) dentro il carosello
 * .eventi-swiper. Il selettore è specifico a quella classe, quindi
 * è sicuro tenerlo attivo su tutto il sito.
 */

.eventi-swiper .swiper-slide:nth-child(5n+1) {
	background-color: #FFDE00;
}

.eventi-swiper .swiper-slide:nth-child(5n+2) {
	background-color: #8FF669;
}

.eventi-swiper .swiper-slide:nth-child(5n+3) {
	background-color: #AFA7F7;
}

.eventi-swiper .swiper-slide:nth-child(5n+4) {
	background-color: #F04B22;
}

.eventi-swiper .swiper-slide:nth-child(5n+5) {
	background-color: #008D7A;
}

.eventi-swiper .swiper-slide {
	height: auto;
}
 
.eventi-swiper .swiper-slide .evento-card {
	height: 100%;
}
 
.eventi-swiper .evento-card .spingi-in-fondo {
	margin-top: auto;
}

.calendario-eventi .evento:nth-child(5n+1) {
	background-color: #FFDE00;
}

.calendario-eventi .evento:nth-child(5n+2) {
	background-color: #8FF669;
}

.calendario-eventi .evento:nth-child(5n+3) {
	background-color: #AFA7F7;
}

.calendario-eventi .evento:nth-child(5n+4) {
	background-color: #F04B22;
}

.calendario-eventi .evento:nth-child(5n+5) {
	background-color: #008D7A;
}

/* Bordo colorato ciclico per le foto degli artisti nel carosello */

.artisti .gb-loop-item:nth-child(5n+1) .artisti-box {
	border-color: #FFDE00;
}

.artisti .gb-loop-item:nth-child(5n+2) .artisti-box {
	border-color: #8FF669;
}

.artisti .gb-loop-item:nth-child(5n+3) .artisti-box {
	border-color: #AFA7F7;
}

.artisti .gb-loop-item:nth-child(5n+4) .artisti-box {
	border-color: #F04B22;
}

.artisti .gb-loop-item:nth-child(5n+5) .artisti-box {
	border-color: #008D7A;
}