.videokurs_curriculum_list {
  visibility: hidden;
	margin-bottom: 0 !important;
}

.videokurs_curriculum_list.is_ready {
  visibility: visible;
}

.timeline > div > .wp-block-group {
	margin-top: 0 !important;
}

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

.slick-slide {
  height: auto !important;
}

.videokurs_curriculum_controls {
  display: flex;
  align-items: center;
}

.videokurs_curriculum_progress {
  background-color: #ddd;
  position: relative;
  flex: 1;
  height: 1px;
  border-radius: 9999px;
  overflow: visible;
}

.videokurs_curriculum_progress_bar {
  background-color: #222;
  position: absolute;
  top: 50%;
  left: 0;
  border-radius: 9999px;
  transform: translateY(-50%);
  cursor: grab;
	transition: left 0.3s ease, width 0.3s ease;
}

.videokurs_curriculum_progress_bar.is_dragging {
  cursor: grabbing;
}

.slick_prev,
.slick_next {
	font-weight: bold;
  color: #222;
  cursor: pointer;
}

.slick_prev.is_disabled,
.slick_next.is_disabled {
  color: #ccc;
  cursor: default;
  pointer-events: none;
}


@media (width <= 599px) {

	.videokurs_curriculum_list,
	.videokurs_curriculum_list *,
	.slick-list,
	.slick-track,
	.slick-slide {
		touch-action: auto !important;
	}

	.slick-slide:not(:first-child) {
		padding-left: 17px;
	}

	.videokurs_curriculum_progress {
		margin-right: 17px;
	}

	.videokurs_curriculum_progress_bar {
		height: 2px;
	}

	.slick_prev,
	.slick_next {
		font-size: 30px;
		line-height: 74px;
	}

	.slick_prev {
		margin-right: 15px;
	}

}


@media (600px <= width <= 959px) {

	.slick-slide:not(:first-child) {
		padding-left: 20px;
	}

	.videokurs_curriculum_progress {
		margin-right: 20px;
	}

	.videokurs_curriculum_progress_bar {
		height: 3px;
	}

	.slick_prev,
	.slick_next {
		font-size: 30px;
		line-height: 74px;
	}

	.slick_prev {
		margin-right: 15px;
	}

}


@media (width >= 960px) {

	.slick-slide:not(:first-child) {
		padding-left: 30px;
	}

	.videokurs_curriculum_progress {
		margin-right: 30px;
	}

	.videokurs_curriculum_progress_bar {
		height: 3px;
	}

	.slick_prev,
	.slick_next {
		font-size: 30px;
		line-height: 74px;
	}

	.slick_prev {
		margin-right: 20px;
	}

}