/* CSS Document */

/* CAROUSEL ITEMS */

.carousel {
}
.carousel-cell {
	font-size: 24px;
	text-align: center;
	width: 200px;
	height: 200px;
	margin-right: 10px;
	padding: 10px;
	counter-increment: carousel-cell;
}
.box {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	transform-style: preserve-3d;
	background: var(--beige);
	padding: 24px;
	color: var(--brown);
	border-radius: 10px;
	box-shadow: 0 0 10px rgb(from var(--brown) r g b / 50%);
}
.day {
	
}
.list {

}
.list-item {
	border-top: 2px solid rgb(from var(--brown) r g b / 50%);
	font-size: 16px;
	
}
.carousel-cell.is-selected .box {
	background: var(--beige-light);
}
.carousel-cell:not(.is-selected) .box {
	background: var(--beige);
}
.carousel-cell.blurry {
}
.carousel-cell.blurry .box {
	filter: blur(1px);
	opacity: 0.8;
	transform: scale3d(0.9, 0.9, 0.9);
}
.carousel-cell.blurry2 .box {
	filter: blur(2px);
	opacity: 0.6;
	transform: scale3d(0.8, 0.8, 0.8);
}

/* ARROWS */

.flickity-button {
	background: var(--greenish);
}
.flickity-button:hover {
	background: var(--blue);
}
.flickity-prev-next-button {
	width: 50px;
	height: 50px;
	border-radius: 25px;
}
.flickity-button-icon {
	fill: white;
}
.flickity-prev-next-button.previous {
	left: -30px;
}
.flickity-prev-next-button.next {
	right: -30px;
}

/* END ARROWS */

/* position dots up a bit */
.flickity-page-dots {
	display: none;
	bottom: -22px;
}
/* dots are lines */
.flickity-page-dots .dot {
  height: 4px;
  width: 40px;
  margin: 0;
  border-radius: 0;
}