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

	&.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);
		}
	}

	p {
		margin-bottom: 0;
	}

	figure {
		margin: 0;
	}

	img,
	svg {
		display: block;
	}

	svg {
		transform: 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-left: 1px solid white; 
		padding-left: var(--col-gap);
	}

	/* Border */
	&.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;
  }
}	

.range-slider {
	.slick-list {
		padding-left: 32px;
		padding-right: 32px;
	}

	.slick-prev {
		left: 14px;
	}

	.slick-next {
		right: 14px;
	}

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

		.slick-next {
			right: 176px;
		}

		.slick-prev {
			left: 176px;
		}
  	}
}