.slider {
	padding-top: var(--section-padding-mdlg);
	padding-bottom: var(--section-padding-mdlg);
	
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--gap-md);
}

.slider__items {
	display: flex;
	flex-flow: row nowrap;
	max-width: 100%;
	gap: var(--gap-md);
	overflow-x: auto;
	overflow-y: hidden;
}

.slider-item {
	display: flex;
	flex-direction: column;
	flex: 0 0 auto;
	width: 320px;
	min-width: 240px;
	max-width: 80%;
	padding: var(--border-radius-lg) 20px 30px;
	border-radius: var(--border-radius-lg);
	background-color: var(--color-solopgang);	
}

.slider-item__img img {
	display: block;
	border-radius: var(--border-radius-sm);
}

.slider-item > a {
	align-self: start;
	margin-top: auto;
}


@media (min-width: 700px) {
	.slider {
		grid-template-columns: repeat(12, 1fr);
	}
	.slider__content {
		grid-column: 1 / span 3;
	}
	.slider__items {
		grid-column: 4 / span 9;
	}
	.slider-item {
		max-width: 40%;
	}
}


/* Flickity */

.slider__items.flickity-enabled {
	display: block;
	overflow: visible;
}

.flickity-slider .slider-item {
	margin-right: var(--gap-md);
}
.flickity-resize .slider-item {
	min-height: 100%;
}

.flickity-button, .flickity-button:hover, .flickity-button:active {
	background: var(--color-moerk-blaa);
	color: white;
}
.flickity-button:disabled {
	opacity: .5;
}
.flickity-prev-next-button {
	transition: transform .3s;
}
.flickity-prev-next-button:hover, .flickity-prev-next-button:active {
	transform: translateY(-50%) scale(1.1);
}
.flickity-prev-next-button.previous {
	left: -20px;
}
.flickity-prev-next-button.next {
	right: -20px;
}
.flickity-prev-next-button .flickity-button-icon {
	width: 40%;
	height: 40%;
	left: 30%;
	top: 30%;
}

@media (min-width: 700px) {
	.flickity-prev-next-button.previous {
		--grid-width: min(100vw - 2 * var(--block-side-padding), var(--block-content-width));
		--col-width: calc((var(--grid-width) - (11 * var(--gap-md))) / 12);
		--slider-offset: calc(3 * (var(--col-width) + var(--gap-md)));
		
		left: calc(-1 * var(--slider-offset));
	}
	
	.flickity-prev-next-button.next {
		right: 10px;
	}
}