jonnykates
8/1/2017 - 2:59 PM

Styles the 'video no banner' carousel layout

Styles the 'video no banner' carousel layout

.carouselSlide.containsVideo { // this should target video no banner slides
	max-height: none;
	.carouselDetailWrapper {
		display: block;
		position: relative;
		padding: 0;
	}

	.carouselSlideDetail{
		width: 100%;
		padding: 20px;
		top: auto;
		-ms-transform: none;
		-webkit-transform: none;
		transform: none;
		background-color: $brand-colour-1;
		position: relative;
		max-width: 100%;
		left: 0;
		border-bottom: 0;
		border-radius: 0;

		h2 {
			border-top: none;
			padding-top: 0;
		}

		h2, p {
			max-width: 100%;
		}

		p {
			margin-bottom: 30px;
		}
	}
}