@charset "utf-8";

/* ============================================================
   BTS Landing Page Styles
   All styles namespaced under .bts-landing-page
   ============================================================ */

/* ---- Hero Section ---- */
.bts-landing-page .bts-hero {
	position: relative;
	width: 100%;
	height: 60vh;
	min-height: 400px;
	max-height: 700px;
	overflow: hidden;
}
.bts-landing-page .bts-hero__image {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	object-position: center;
}
.bts-landing-page .bts-hero__content {
	position: absolute;
	bottom: 50px;
	left: 0;
	width: 100%;
	text-align: center;
	z-index: 2;
	padding: 0 20px;
}
.bts-landing-page .bts-hero__title {
	font-size: 32px;
	font-weight: 700;
	margin: 0;
	text-shadow: 0 2px 12px rgba(0,0,0,0.5);
	line-height: 1.2;
	color: #fff;
}
@media (min-width: 768px) {
	.bts-landing-page .bts-hero {
		height: 70vh;
		min-height: 500px;
		max-height: 800px;
	}
	.bts-landing-page .bts-hero__content {
		bottom: 70px;
	}
	.bts-landing-page .bts-hero__title {
		font-size: 48px;
	}
}
@media (min-width: 992px) {
	.bts-landing-page .bts-hero {
		height: 80vh;
		min-height: 600px;
		max-height: 900px;
	}
	.bts-landing-page .bts-hero__content {
		bottom: 80px;
	}
	.bts-landing-page .bts-hero__title {
		font-size: 64px;
	}
}

/* ---- Content Blocks Section ---- */
.bts-landing-page .bts-content-blocks {
	padding: 20px 0;
}
.bts-landing-page .bts-content-block {
	padding: 20px 0;
}
.bts-landing-page .bts-content-block:last-child {
	padding-bottom: 0;
}
.bts-landing-page .bts-content-block__heading {
	font-size: 24px;
	font-weight: 700;
	margin: 0 0 20px 0;
	color: #415569;
}
.bts-landing-page .bts-content-block__heading.text-center {
    text-align: center;
}
.bts-landing-page .bts-content-block__wysiwyg {
	margin-bottom: 24px;
	line-height: 1.7;
}
.bts-landing-page .bts-content-block__wysiwyg img {
	max-width: 100%;
	height: auto;
}
.bts-landing-page .bts-content-block__video {
	margin-bottom: 24px;
}
.bts-landing-page .bts-video-wrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
	overflow: hidden;
}
.bts-landing-page .bts-video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.bts-landing-page .bts-content-block__cta {
	margin-bottom: 30px;
	text-align: center;
}

.bts-landing-page .bts-content-block__cta .button {
    font-size: 17px;
    padding: 12px 30px;
    min-width: 200px;
    margin-top: 20px;
    /* Defaults */
    background-color: #F6B51F; 
    color: #415569;
    border: none;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;
    transition: all 0.3s ease;
}
@media (min-width: 768px) {
    .bts-landing-page .bts-content-block__cta .button {
        font-size: 18px;
        padding: 15px 40px;
    }
}
.bts-landing-page .bts-content-block__carousel {
	margin-bottom: 10px;
}
.bts-landing-page .bts-image-slider .bts-image-slide {
	padding: 0 5px;
}
.bts-landing-page .bts-image-slider .bts-image-slide img {
	width: 100%;
	height: auto;
	display: block;
	aspect-ratio: 3/2;
	object-fit: cover;
}
.bts-landing-page .bts-image-slide__caption {
	font-size: 13px;
	color: #777;
	margin-top: 8px;
	text-align: center;
	font-style: italic;
}
@media (min-width: 768px) {
	.bts-landing-page .bts-content-blocks {
		padding: 30px 0;
	}
	.bts-landing-page .bts-content-block {
		padding: 30px 0;
	}
	.bts-landing-page .bts-content-block__heading {
		font-size: 30px;
	}
}

/* ---- Meet the Cast Section ---- */
.bts-landing-page .bts-cast {
	padding: 20px 0;
}
.bts-landing-page .bts-cast__title {
	font-size: 24px;
	font-weight: 700;
	text-align: center;
	margin: 0 0 30px 0;
	color: #415569;
}
.bts-landing-page .bts-cast__intro {
    font-size: 18px;
    line-height: 1.6;
    text-align: center;
    margin-bottom: 40px;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}
@media (min-width: 768px) {
	.bts-landing-page .bts-cast {
		padding: 30px 0;
	}
    .bts-landing-page .bts-cast__intro {
        font-size: 16px;
    }
}
.bts-landing-page .bts-cast__cards {
	display: flex;
	flex-direction: column;
	gap: 0;
}
.bts-landing-page .bts-cast-card {
	display: flex;
	flex-direction: column;
	width: 100%;
}
.bts-landing-page .bts-cast-card__image {
	width: 100%;
}
.bts-landing-page .bts-cast-card__image img {
	width: 100%;
	height: auto;
	display: block;
	object-fit: cover;
}
.bts-landing-page .bts-cast-card__copy {
	width: 100%;
	padding: 30px 20px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.bts-landing-page .bts-cast-card__name {
	font-size: 22px;
	font-weight: 700;
	margin: 0 0 10px 0;
	color: inherit;
}
.bts-landing-page .bts-cast-card__text {
	font-size: 14px;
	line-height: 1.6;
	color: inherit;
}
@media (min-width: 768px) {
	.bts-landing-page .bts-cast__title {
		font-size: 30px;
	}
	.bts-landing-page .bts-cast-card {
		flex-direction: row;
		min-height: 350px;
	}
	.bts-landing-page .bts-cast-card__image {
		width: 50%;
		flex-shrink: 0;
	}
	.bts-landing-page .bts-cast-card__image img {
		height: 100%;
		object-fit: cover;
	}
	.bts-landing-page .bts-cast-card__copy {
		width: 50%;
		padding: 40px;
	}
	/* Alternate: image right on odd cards */
	.bts-landing-page .bts-cast-card--img-right {
		flex-direction: row-reverse;
	}
}
@media(max-width: 768px) {
    .bts-landing-page .bts-cast-card {
        margin-bottom: 20px;
    }
}

/* ---- Shop the Flooring / Read More Section ---- */
.bts-landing-page .bts-shop,
.bts-landing-page .bts-read-more {
	padding: 40px 0;
	background-color: #e6e6e6;
}
.bts-landing-page .bts-shop__title,
.bts-landing-page .bts-read-more__title {
	font-size: 28px;
	font-weight: 700;
	text-align: center;
	margin: 0 0 30px 0;
	color: #415569;
}
.bts-landing-page .bts-shop-card {
	padding: 0 10px;
}
.bts-landing-page .bts-shop-card a {
	text-decoration: none;
	color: inherit;
	display: block;
}
.bts-landing-page .bts-shop-card__image {
	width: 100%;
	aspect-ratio: 1 / 1;
	overflow: hidden;
	border-radius: 4px;
}
.bts-landing-page .bts-shop-card__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.bts-landing-page .bts-shop-card__label {
	font-size: 22px;
	font-weight: 700;
	text-align: center;
	margin-top: 15px;
	color: #415569;
}
@media (min-width: 768px) {
	.bts-landing-page .bts-shop__title,
	.bts-landing-page .bts-read-more__title {
		font-size: 34px;
	}
    .bts-landing-page .bts-shop-card__label {
        font-size: 22px;
    }
}

/* ---- CTA Buttons Section ---- */
.bts-landing-page .bts-cta-buttons {
	padding: 30px 0;
}
.bts-landing-page .bts-cta-buttons__list {
	display: flex;
	flex-direction: column;
	gap: 12px;
	align-items: center;
}
.bts-landing-page .bts-cta-buttons__btn {
	color: var(--tapi-color-steel);
    display: block;
    width: 100%;
    padding: 15px 20px;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    transition: top 0.3s ease;
    position: relative;
    border: none;
    cursor: pointer;

	max-width: 400px;
	margin-top: 0 !important;
}
@media (min-width: 768px) {
	.bts-landing-page .bts-cta-buttons__list {
		flex-direction: row;
		justify-content: center;
		gap: 20px;
		flex-wrap: wrap;
	}
	.bts-landing-page .bts-cta-buttons__btn {
		width: auto;
		min-width: 200px;
	}
}

/* ---- Trustpilot Bar Section ---- */
.bts-landing-page .bts-trustpilot {
	padding: 0;
}
.bts-landing-page .bts-trustpilot__bar {
	background-color: #CDFBE6;
	color: var(--tapi-color-steel, #455463);
	padding: 10px 0;
	text-align: center;
}

/* ---- Slider Arrow Customization ---- */
.bts-landing-page .bts-image-slider .slick-arrow,
.bts-landing-page .bts-shop-slider .slick-arrow,
.bts-landing-page .bts-read-more-slider .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
    width: 32px;
    height: 32px;
    background: #1B365D;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s ease;
    outline: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bts-landing-page .bts-image-slider .slick-arrow:hover,
.bts-landing-page .bts-shop-slider .slick-arrow:hover,
.bts-landing-page .bts-read-more-slider .slick-arrow:hover {
    background: #2c5494;
}
.bts-landing-page .bts-image-slider .slick-prev,
.bts-landing-page .bts-shop-slider .slick-prev,
.bts-landing-page .bts-read-more-slider .slick-prev {
    left: 0;
}
.bts-landing-page .bts-image-slider .slick-next,
.bts-landing-page .bts-shop-slider .slick-next,
.bts-landing-page .bts-read-more-slider .slick-next {
    right: 0;
}
.bts-landing-page .bts-image-slider .slick-arrow:before,
.bts-landing-page .bts-shop-slider .slick-arrow:before,
.bts-landing-page .bts-read-more-slider .slick-arrow:before {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    border-style: solid;
    border-color: #FFFFFF;
    border-width: 0 2px 2px 0;
    transition: transform 0.3s ease;
}
.bts-landing-page .bts-image-slider .slick-prev:before,
.bts-landing-page .bts-shop-slider .slick-prev:before,
.bts-landing-page .bts-read-more-slider .slick-prev:before {
    transform: rotate(135deg);
    margin-left: 4px;
}
.bts-landing-page .bts-image-slider .slick-next:before,
.bts-landing-page .bts-shop-slider .slick-next:before,
.bts-landing-page .bts-read-more-slider .slick-next:before {
    transform: rotate(-45deg);
    margin-right: 4px;
}
@media (min-width: 768px) {
    .bts-landing-page .bts-image-slider .slick-arrow,
    .bts-landing-page .bts-shop-slider .slick-arrow,
    .bts-landing-page .bts-read-more-slider .slick-arrow {
        width: 36px;
        height: 36px;
    }
    .bts-landing-page .bts-image-slider .slick-arrow:before,
    .bts-landing-page .bts-shop-slider .slick-arrow:before,
    .bts-landing-page .bts-read-more-slider .slick-arrow:before {
        width: 12px;
        height: 12px;
    }
}
.bts-landing-page .slick-dots {
	bottom: -30px;
}
.bts-landing-page .slick-dots li button:before {
	font-size: 10px;
	color: #415569;
}