.wp-block-slider {
	width: 100%;

	p {
		margin-bottom: 0;
	}

	figure {
		margin: 0;
	}

	img,
	svg {
		display: block;
	}

	svg {
/*		transform: rotate(180deg);*/
	}

	/* Arrows */

	&.has-arrows--1 {
		padding-bottom: calc(var(--col-gap)*3);
	}

	/* Gap Spacing */

	&.gap-spacing--none {
		.slick-slide {
		    margin-left: 0;
		    margin-right: 0;
		}
	}
	&.gap-spacing--huge {
		.slick-slide {
		    margin-left: calc(var(--col-gap-huge)*.5);
		    margin-right: calc(var(--col-gap-huge)*.5);
		}
	}
	&.gap-spacing--large {
		.slick-slide {
		    margin-left: calc(var(--col-gap-large)*.5);
		    margin-right: calc(var(--col-gap-large)*.5);
		}
	}
	&.gap-spacing--small {
		.slick-slide {
		    margin-left: calc(var(--col-gap-small)*.5);
		    margin-right: calc(var(--col-gap-small)*.5);
		}
	}

	/* Direction */

	&.has-direction-1 {
		rotate: 180deg;
		.slick-slide {
			rotate: 180deg;
		}
	}
}

.wp-block-slide {
	display: flex!important;
	flex-direction: column;
	width: auto;
	img {
		opacity: 1!important;
		transform: none!important;
	}

	> *:first-child { margin-top: 0; }
	> *:last-child { margin-bottom: 0; }

	/* Content Alignment - Vertical */
	&.content-vertical-alignment--center { justify-content: center; }
	&.content-vertical-alignment--bottom { justify-content: flex-end; }

	/* Content Alignment - Horizontal */
	&.content-horizontal-alignment--center { text-align: center; align-items: center; }
	&.content-horizontal-alignment--right { text-align: right; align-items: flex-end; }

	/* Backgrounds */
	&.has-background-color { padding: calc(var(--bl) * 1.5); }
	@media(min-width: 782px) {
		&.has-background-color { padding: calc(var(--bl) * 2.5); }
	}

	/* Border */
	&.apply-border--true { 
		border: 1px solid var(--wp--preset--color--base); 
		padding: calc(var(--col-gap)*1.25);
		border-radius: 20px;
	}

	/* Shadow */
	&.apply-shadow--true { box-shadow: 0 0 10px rgba(0,0,0,0.25) }
}

.timeline-slider .slick-list {
	padding-left: 32px;
	.wp-block-slide {
		cursor: grab!important;
		opacity: .3;
		cursor: pointer;
		transition: all .3s;
		&.slick-current {
			opacity: 1;
		}
	}

  @media (min-width: 1500px) {
      padding-left: 192px;
  }
}

.slick-track {
    display: flex !important;
}

.slick-slide {
    height: inherit !important;
    margin-left: calc(var(--col-gap)*.5);
    margin-right: calc(var(--col-gap)*.5);
}

.entry-content ul.slick-dots {
	padding: 0;
}

ul.slick-dots {
	padding: 0;
	margin-top: calc(var(--col-gap)*2);
	display: flex;
	justify-content: center;
	gap: var(--col-gap);
	list-style: none;
	font-size: 0;
}

ul.slick-dots li {
	margin: 0!important;
} 

ul.slick-dots li.slick-active button {
	background-color: var(--wp--preset--color--accent-3);
}

ul.slick-dots li button {
	width: 8px;
	height: 8px;
	padding: 0;
	overflow: hidden;
	border-radius: 100%;
	background-color: var(--wp--preset--color--contrast);
	border: none;
	outline: none;
	cursor: pointer;
	transition: all .3s;
}

.wp-block-group.has-body-background-color,
.wp-block-group.has-contrast-background-color {
	ul.slick-dots li:not(.slick-active) button {
		background-color: var(--wp--preset--color--base);
	}
}

.wp-block-slider.slick-dotted {
	.slick-prev,
	.slick-next {
		top: calc(50% - 60px);
	}
}

.slick-prev,
.slick-next {
	cursor: pointer;
	position: absolute;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
  	padding: 0;
  	padding-left: 4px;
	border-radius: 100%;
	border: 1px solid var(--wp--preset--color--accent-2);
	background-color: var(--wp--preset--color--accent-2);
	transition: all .3s;
	outline: none;
	font-size: 0;
	z-index: 9;
	&:hover {
		background-color: var(--wp--preset--color--accent);
		border-color: var(--wp--preset--color--accent);
		&::after {
/*			background-color: var(--wp--preset--color--contrast);*/
		}
	}

	&::after {
		content: '';
		width: 100%;
		height: 100%;
		background-color: var(--wp--preset--color--base);
		mask-size: 14px;
        mask-position: center;
        mask-repeat: no-repeat;
		-webkit-mask-image: url('../../../assets/icons/angle-right.svg');
		mask-image: url('../../../assets/icons/angle-right.svg');
		transition: all .3s;
	}

	&.slick-disabled {
		background-color: rgba(255,255,255,.5);
		border-color: transparent;
		&::after {
			background-color: var(--wp--preset--color--mid-grey);
		}
	}
}

.slick-prev {
	left: 6px;
	rotate: 180deg;
}

.slick-next {
	right: 6px;
}