.location-carousel {
	.slick-next,
	.slick-prev {
		z-index: 2;
	}
	.slick-next {
		@include media-breakpoint-up(xs) {
			margin-top: 5.25rem !important;
			right: 25px;
		}
		@include media-breakpoint-up(md) {
			margin-top: 6.35rem !important;
			right: 10px;
		}
		@include media-breakpoint-up(xl) {
			margin-top: 6.35rem !important;
			right: 10px;
		}
		@media (min-width: 1920px) {
			margin-top: 5.5rem !important;
			right: 25px;
		}
	}
	.slick-prev {
		@include media-breakpoint-up(xs) {
			margin-top: 5.25rem !important;
			left: 25px;
		}
		@include media-breakpoint-up(md) {
			margin-top: 6.35rem !important;
			left: 10px;
		}
		@include media-breakpoint-up(xl) {
			margin-top: 6.35rem !important;
			left: 10px;
		}
		@media (min-width: 1920px) {
			margin-top: 5.5rem !important;
			left: 25px;
		}
	}

	.location-carousel_image-wrapper {
		@include media-breakpoint-down(md) {
			max-height: 400px;
		}
		@include media-breakpoint-up(md) {
			max-height: 600px;
			height: 52.085vw;
		}
		@include media-breakpoint-up(lg) {
			height: 34.63vw;
		}
		@include media-breakpoint-up(xl) {
			height: 34.537vw;
		}

		width: 100%;
		height: 100%;
		position: relative;

		img {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}

		&:after {
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			background-color: rgba(0, 0, 0, 0.5);
			width: 100%;
			height: 100%;
			visibility: visible;
		}
	}
	.location-carousel__wrapper {
		.location-carousel__location-name {
			bottom: 50%;
			left: 50%;
			transform: translate(-50%, 50%);
		}
	}

	.location-carousel__wrapper:hover {
		.location-carousel__location-title {
			visibility: visible;
		}
		.location-carousel_image-wrapper:after {
			visibility: hidden;
		}

	}

	.location-carousel__location-title {
		text-align: center;
		color: $blue;
		visibility: hidden;
		@include media-breakpoint-down(md) {
			visibility: visible;
		}
		img {
			display: block;
			margin: 0 auto;
			max-width: 100%;
		}
		p {
			margin-bottom: 0;
		}
	}

	.location-carousel__location-name {
		@include styled-font();
		color: #fff;
		font-size: 2rem;
		text-align: center;
		position: absolute;
		bottom: 10%;
		margin-bottom: 0;
		left: 50%;
		transform: translateX(-50%);
		transition: all 0.5s cubic-bezier(0.68, -0.55, 1, 1.01);
		// transition: all 0.5s cubic-bezier(0.68, -0.55, 0.77, 1.55);

		@include media-breakpoint-down(md) {
			font-size: 1.75rem;
		}
	}
	.btn {
		position: absolute;
		bottom: 10%;
		left: 50%;
		transform: translateX(-50%);
		// display: none;
		@include media-breakpoint-down(sm) {
			display: block;
		}
	}
}



.column-carousel {
	.slick-next,
	.slick-prev {
		z-index: 2;
		top: 45%;
		&:before {
			content: ""!important;
			position: absolute;
			background-size: contain;
			background-repeat: no-repeat;
			height: 50px;
			width: 50px;
			background-image: url(/images/menu-icons/menu-arrow-primary.png);
			opacity: 1;
		}
		&:hover {
			&:before {
				background-image: url(/images/menu-icons/menu-arrow-primary-hover.png);
			}
		}
		@include media-breakpoint-down(sm) {
			top: 40%;
		}
	}
	.slick-next {
		@include media-breakpoint-up(lg) {
			right: 6%;
		}
		@include media-breakpoint-down(md) {
			right: 9%;
		}
		@include media-breakpoint-down(sm) {
			right: 15%;
		}
	}
	.slick-prev {
		left: 3%;
		&:before {
			-webkit-transform: scaleX(-1);
			transform: scaleX(-1);
			left: 0;
		}
	}

	.column-carousel-image-wrapper {
		@include media-breakpoint-up(md) {
			max-height: 600px;
		}
		@include media-breakpoint-down(md) {
			max-height: 400px;
		}

		width: 100%;
		height: 100%;
		position: relative;

		img {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}

		// &:after {
		// 	content: "";
		// 	position: absolute;
		// 	top: 0;
		// 	left: 0;
		// 	background-color: rgba(0, 0, 0, 0.3);
		// 	width: 100%;
		// 	height: 100%;
		// 	visibility: visible;
		// 	@include media-breakpoint-down(sm) {
		// 		background-color: initial;
		// 	}
		// }
	}
	.column-carousel-wrapper {
		.column-carousel-title {
			visibility: visible;
		}

		.column-carousel-name {
			bottom: 50%;
			left: 50%;
			transform: translate(-50%, 50%);
		}
		.column-carousel-link {
			display: block;
		}
	}

	.column-carousel-title {
		text-align: center;
		color: $blue;
		visibility: hidden;

		img {
			display: block;
			margin: 0 auto;
			max-width: 100%;
		}
		p {
			margin-bottom: 0;
		}
	}
	.column-carousel-link {
		transition: all 0.5s cubic-bezier(0.68, -0.55, 1, 1.01);
		@include media-breakpoint-up(md) {
			position: absolute;
			bottom: 5%;
			left: 50%;
			transform: translateX(-50%);
		}
		@include media-breakpoint-down(sm) {
			display: block;
		}
	}

	.column-carousel-name {
		@include styled-font();
		font-size: 2rem;
		text-align: center;
		position: absolute;
		bottom: 10%;
		margin-bottom: 0;
		left: 50%;
		transform: translateX(-50%);
		transition: all 0.5s cubic-bezier(0.68, -0.55, 1, 1.01);
		// transition: all 0.5s cubic-bezier(0.68, -0.55, 0.77, 1.55);
		@include media-breakpoint-up(md) {
			color: $white;
		}
		@include media-breakpoint-down(xl) {
			font-size: 1.5rem;
		}
		@include media-breakpoint-down(lg) {
			font-size: 1.5rem;
		}
		@include media-breakpoint-down(md) {
			font-size: 1.25rem;
		}
	}
	.slide {
		background-color: #ccc;
		padding: 10px;
		display: table-cell !important;
		float: none !important;
	  }
}

// Costata Code
.column-carousel, .video-carousel, .product-carousel {

	.column-carousel-image-wrapper, .video-carousel-image-wrapper, .product-carousel-image-wrapper {
		@include media-breakpoint-up(md) {
			// height: 600px;
		}
		@include media-breakpoint-down(md) {
			// max-height: 400px;
		}

		width: 100%;
		height: 100%;
		position: relative;

		img {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}
	}
	.column-carousel-wrapper, .video-carousel-wrapper, .product-carousel-wrapper {
		.column-carousel-title, .video-carousel-title, .product-carousel-title {
			visibility: visible;
		}

		.column-carousel-name, .video-carousel-name, .product-carousel-name {
			bottom: 50%;
			left: 50%;
			transform: translate(-50%, 50%);
		}
		.column-carousel-link, .video-carousel-link, .product-carousel-link {
			display: block;
		}
	}

	.column-carousel-title, .video-carousel-title, .product-carousel-title {
		text-align: center;
		color: $primary;
		visibility: hidden;

		img {
			display: block;
			margin: 0 auto;
			max-width: 100%;
		}
		p {
			margin-bottom: 0;
		}
	}
	.column-carousel-link, .video-carousel-link, .product-carousel-link {
		transition: all 0.5s cubic-bezier(0.68, -0.55, 1, 1.01);
		position: absolute;
		bottom: 5%;
		left: 50%;
		transform: translateX(-50%);
	}

	.column-carousel-name, .video-carousel-name, .product-carousel-name {
		@include styled-font();
		font-size: 2rem;
		text-align: center;
		position: absolute;
		bottom: 10%;
		margin-bottom: 0;
		left: 50%;
		transform: translateX(-50%);
		transition: all 0.5s cubic-bezier(0.68, -0.55, 1, 1.01);
		// transition: all 0.5s cubic-bezier(0.68, -0.55, 0.77, 1.55);
		color: $white;
		@include media-breakpoint-down(xl) {
			font-size: 1.5rem;
		}
		@include media-breakpoint-down(lg) {
			font-size: 1.5rem;
		}
	}
	.slide {
		background-color: #ccc;
		padding: 10px;
		display: table-cell !important;
		float: none !important;
	  }
}
// End Costata Code

#column-carousel-product-gallery {
	.slick-slide {
		height: 163px;
	}
	.slick-next, .slick-prev {
		top: 40%;
	}
}

.innovation-carousel {
	.slick-slide {
		min-height: 375px;
	}
}