/* Slick carousel layout fixes (video series, webinar, podcast featured) */
.carouselSection .slickCarouselTarget.content-wrapper::before,
.carouselSection .slickCarouselTarget.content-wrapper::after,
.podcast-section .slickCarouselTarget.content-wrapper::before,
.podcast-section .slickCarouselTarget.content-wrapper::after {
	display: none;
	content: none;
}

.carouselSection .carouselContainer {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	text-align: center;
	width: 100%;
}

.carouselSection .carouselContainer .slick-slider {
	align-self: stretch;
	width: 100%;
}

.carouselSection .carouselContainer .slick-dots li {
	float: none;
	display: inline-block;
}

.page-template-template-partsmedia-php .carouselSection .slick-slider,
.page-template-page-media-php .carouselSection .slick-slider {
	padding-left: 0;
	padding-right: 0;
}

.carouselSection .slick-slider.slickCarouselTarget,
.podcast-section .slick-slider.slickCarouselTarget {
	width: 100%;
	max-width: 1150px;
	margin-left: auto;
	margin-right: auto;
}

.carouselSection .slick-list,
.podcast-section .slick-list {
	width: 100% !important;
}

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

.podcast-section #mobile-featured-carousel {
	display: none !important;
}

@media all and (max-width: 650px) {
	.podcast-section #featured-carousel {
		display: none !important;
	}

	.podcast-section #mobile-featured-carousel {
		display: block !important;
	}
}

.carouselSection .slick-slide .carouselItem {
	margin-top: 0;
	height: 450px;
}

#carousel-mobile .slick-slide .carouselItem {
	height: 400px;
}

.carouselSection .slick-slide .carouselItem a {
	height: 100%;
	display: block;
}

.carouselSection .slick-list {
	overflow: hidden;
}

.carouselSection .slick-slider {
	padding-left: 70px;
	padding-right: 70px;
	box-sizing: border-box;
}

.carouselSection .slick-dotted.slick-slider {
	margin-bottom: 60px;
}

.carouselSection #carousel-mobile {
	display: none !important;
}

@media all and (max-width: 600px) {
	.carouselSection #carousel {
		display: none !important;
	}

	.carouselSection #carousel-mobile {
		display: block !important;
	}

	.carouselSection .slick-slider,
	.podcast-section .carouselSection .slick-slider {
		padding-left: 35px;
		padding-right: 35px;
	}

	.carouselSection .slick-dots,
	.podcast-section .carouselSection .slick-dots {
		left: 0 !important;
		right: 0 !important;
		width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		padding: 0 !important;
		text-align: center !important;
		transform: none !important;
		display: flex !important;
		justify-content: center !important;
	}

	.carouselSection .slick-dots li,
	.podcast-section .carouselSection .slick-dots li {
		float: none;
		display: inline-block;
	}
}

/* Podcast + Videos featured carousel (page-blog_podcast_feed) */
.podcast-section .carouselSection .slick-slider {
	padding-left: 0;
	padding-right: 0;
}

/* Compact tiles: blog podcast feed only (not webinar / video-series pages). */
.page-template-page-blog_podcast_feed .podcast-section .carouselSection .slick-slide .carouselItem {
	height: 225px;
}

.page-template-page-blog_podcast_feed .podcast-section .carouselSection .slick-slide .carouselItem a {
	height: 150px;
}

/* Full-size episode carousel on salon webinar and video-series templates. */
.page-template-page-salon_webinar_register .podcast-section .carouselSection .slick-slide .carouselItem,
.page-template-page-salon_webinar_replay .podcast-section .carouselSection .slick-slide .carouselItem,
.page-template-page-salon_webinar_thank_you .podcast-section .carouselSection .slick-slide .carouselItem,
.page-template-page-video_series_pink .podcast-section .carouselSection .slick-slide .carouselItem,
.page-template-page-live_experience_webinar .podcast-section .carouselSection .slick-slide .carouselItem,
.page-template-page-live_experience_video .podcast-section .carouselSection .slick-slide .carouselItem {
	height: 450px;
}

.page-template-page-salon_webinar_register .podcast-section .carouselSection .slick-slide .carouselItem a,
.page-template-page-salon_webinar_replay .podcast-section .carouselSection .slick-slide .carouselItem a,
.page-template-page-salon_webinar_thank_you .podcast-section .carouselSection .slick-slide .carouselItem a,
.page-template-page-video_series_pink .podcast-section .carouselSection .slick-slide .carouselItem a,
.page-template-page-live_experience_webinar .podcast-section .carouselSection .slick-slide .carouselItem a,
.page-template-page-live_experience_video .podcast-section .carouselSection .slick-slide .carouselItem a {
	height: 100%;
}

.page-template-page-salon_webinar_register .podcast-section #carousel-mobile .slick-slide .carouselItem,
.page-template-page-salon_webinar_replay .podcast-section #carousel-mobile .slick-slide .carouselItem,
.page-template-page-salon_webinar_thank_you .podcast-section #carousel-mobile .slick-slide .carouselItem,
.page-template-page-video_series_pink .podcast-section #carousel-mobile .slick-slide .carouselItem,
.page-template-page-live_experience_webinar .podcast-section #carousel-mobile .slick-slide .carouselItem,
.page-template-page-live_experience_video .podcast-section #carousel-mobile .slick-slide .carouselItem {
	height: 400px;
}

.podcast-section .carouselSection .slick-dotted.slick-slider {
	margin-bottom: 30px;
}

.podcast-section .carouselSection .carouselContainer {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.podcast-section .carouselSection .carouselContainer .slick-slider {
	align-self: stretch;
	width: 100%;
}

.podcast-section .carouselSection .carouselContainer .slick-dots {
	position: static !important;
	bottom: auto !important;
	left: auto !important;
	right: auto !important;
	width: 100% !important;
	max-width: 100%;
	margin: 12px auto 0 !important;
	padding: 0 !important;
	text-align: center !important;
	transform: none !important;
	display: flex !important;
	justify-content: center !important;
	flex-wrap: wrap;
}

.podcast-section .carouselSection .carouselContainer .slick-dots li {
	float: none;
	display: inline-block;
}

@media all and (max-width: 650px) {
	.page-template-page-blog_podcast_feed .podcast-section .carouselSection .slick-slide .carouselItem {
		height: 200px;
	}

	.page-template-page-blog_podcast_feed .podcast-section .carouselSection .slick-slide .carouselItem a {
		height: 150px;
	}

	.podcast-section .carouselSection .carouselContainer .slick-dots {
		position: relative;
		bottom: auto;
	}
}