/*
	Theme Name: Beaver Builder Child Theme
	Theme URI: http://www.wpbeaverbuilder.com
	Version: 1.0
	Description: An example child theme that can be used as a starting point for custom development.
	Author: The Beaver Builder Team
	Author URI: http://www.fastlinemedia.com
	template: bb-theme
*/

.home-slider .pp-video-carousel {
	aspect-ratio: 2180 / 800;
}

.home-slider .pp-video-gallery-items {
	transform: translateY(-30%);
}

.home-slider-overlay {
	position: absolute;
	left: 75%;
	top: 0;
	width: 400px;
	height: calc(100% - 26px);
	z-index: 1;
	margin: 0;
	transform: translateX(-50%);
}

.home-slider .swiper-horizontal > .swiper-pagination-bullets {
	bottom: 0px;
	background-color: #ffffff;
	z-index: 2;
}

@media (max-width: 991px) {
	.home-slider-overlay {
		width: 280px;
		height: calc(100% - 20px);
	}
	
	.home-slider-overlay .fl-rich-text p {
		font-size: 28px !important;
	}

	.home-slider-overlay a.fl-button {
		padding: 4px 16px 8px 16px;
	}

	.home-slider-overlay .fl-button-text {
		font-size: 16px !important;
	}
}

@media (max-width: 768px) {
	.home-slider .pp-video-carousel {
		aspect-ratio: unset;
	}

	.home-slider .pp-video-gallery-items {
		transform: unset;
	}
	
	.home-slider-overlay {
		position: static;
		left: unset;
		top: unset;
		transform: unset;
		width: unset;
		height: unset;
		margin-top: 32px;
		justify-content: center;
		align-items: center;
		text-align: center;
	}

	.home-slider-overlay .fl-rich-text br {
		display: none;
	}
}