.itinerary-slider-block {

	padding-bottom: calc(var(--padding) + 40px) !important;

	& .itinerary-slider {

		--slide-width: 80vw;
		--arrow-pos: 0;
		@media screen and (min-width: 1566px) {
			--arrow-pos: 0;
		}
		@media screen and (max-width: 1366px) {
			--arrow-pos: 3%;
		}
		@media screen and (max-height: 720px) and (orientation: landscape) {
			--arrow-pos: 3%;
		}
		@media screen and (max-width: 662px) {
			--arrow-pos: 6%;
			--slide-width: calc(100vw - (var(--padding) * 2));
		}

		padding-bottom: 0px;
		padding-top: 40px;
	  @media screen and (max-width: 662px) {
			padding-top: 20px;
		}

		.slick-list {
			overflow: visible;
		}
	
		.slick-track {
			gap: 80px;
		}
	
		.slider-button-prev {
			left: var(--arrow-pos);
		}
		.slider-button-next {
			right: var(--arrow-pos);
		}

		.slick-dots {
			align-items: start;
			bottom: -70px;
			display: flex;
			justify-content: center;
			left: 0;
			&::before {
				content: 'DAY';
				font-size: 20px;
				font-weight: 500;
				margin-right: 10px;
			}
			li {
				height: 32px;
				position: relative;
				width: 23px;

				* {
					border: none;
					box-shadow: none;
					outline: none;
				}

				span {
					color: var(--wp--preset--color--navy);
					display: flex;
					font-size: 14px;
					font-weight: 500;
					justify-content: center;
					padding-top: 1px;
					position: absolute;
					width: 100%;
				}
				svg path:nth-child(1) {
					fill: var(--wp--preset--color--white);
					opacity: 0.4;
					transition: .25s ease-in-out;
				}

				&.slick-active,
				&:hover {
					svg path:nth-child(1) {
						opacity: 1;
					}
				}

			}
		}
	
		.slider-button-prev,
		.slider-button-next {
			@media screen and (max-width: 662px) {
				width: 14px;
				top: 63px;
				transform: translateY(0);
				svg {
					height: auto;
					max-width: 100%;
					width: 100%;
					&:hover {
						transform: scale(1);
					}
				}
			}
		}
	
		.slide {

			background-color: var(--wp--preset--color--grey);
			border-radius: 3px;
			box-shadow: 0px 0 15px rgba(0,0,0,0.4);
			color: var(--wp--preset--color--navy);
			display: grid;
			grid-template-columns: repeat(2, 1fr);
			max-width: 1150px !important;
			min-height: 450px;
			opacity: 0.6;
			position: relative;
			text-align: center;
			transition: all 0.3s ease-in-out;
			width: var(--slide-width) !important;
			z-index: 0;

			.content {
				display: flex;
				flex-direction: column;
				padding: 30px 30px 35px;
				@media screen and (max-height: 720px) and (orientation: landscape) {
					padding: 30px;
				}
				@media screen and (max-width: 700px) {
					padding: 30px 30px 35px;
				}
				.text {
					p:not(:last-child) {
						margin-bottom: 20px !important;
					}
				}
			}
			.media {
				img {
					height: 100%;
					object-fit: cover;
					object-position: center;
					width: 100%;
					box-shadow: none;
				}
			}
	
			@media screen and (max-width: 662px) {
				grid-template-columns: 1fr;
				padding: 0;
				.content {
					> *:not(.day) {
						padding: 0px 20px;
					}
					padding-bottom: 20px;
				}
				&::before {
					top: 30px;
					width: 36px;
					height: 26px;
				}
			}
	
			p {
				margin-bottom: 0 !important;
			}
	
			&.slick-center,
			&.slick-target {
				/* transform: scale(1.1); */
				z-index: 1;
				opacity: 1;
			}
	
			&.slick-current {
				background-color: var(--wp--preset--color--white);
				transition: all 0.3s ease-in-out;
				opacity: 1;
			}
	
		}
	
	}

}