@import url("https://use.typekit.net/paj4ibj.css");

#homepage_home_collection .wp-block-gallery:not(.slick-initialized) .wp-block-image:not(:first-child) {
	display: none!important;
}

#homepage_home_collection .wp-block-gallery {
	display: block;
}

@media (max-width: 767px) {
	#homepage_home_collection .wp-block-gallery.gallery-desktop {
		display: none!important;
	}
}

@media (min-width: 768px) {
	#homepage_home_collection .wp-block-gallery.gallery-mobile {
		display: none!important;
	}
}

.slick-dots {
	list-style: none;
	padding: 0;
	margin: 40px 0 0!important;
	display: flex;
	align-items: center;
	justify-content: center;
	--btn-inactive-bg: #8BB7C2;
	--btn-active-bg: #147288;
}

.slick-dots li {
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
	margin-bottom: 0;
}

.slick-dots li + li {
	margin-left: 16px;
}

.slick-dots li button {
	font-size: 0px;
	border: none;
	width: 20px;
	height: 20px;
	background: var(--btn-inactive-bg);
	border-radius: 50%!important;
	padding: 0;
}

.slick-dots li.slick-active button {
	background-color: var(--btn-active-bg);
}

button.slick-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	font-size: 0px!important;
	text-indent: -9999px;
	width: 24px;
	height: 42px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-size: 100%;
	border: none;
	border-radius: 0!important;
	padding: 0;
	z-index: 10;
	background-color: transparent!important;
	margin-top: -30px!important;
}

button.slick-arrow.slick-prev {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="42.006" viewBox="0 0 24 42.006"><path id="chevron-left" d="M.879,23.121a3,3,0,0,1,0-4.246l18-18a3,3,0,1,1,4.246,4.246L7.243,21,23.112,36.881a3,3,0,1,1-4.246,4.246l-18-18Z" fill="%23ffffff"/></svg>');
	left: 15px;
}

button.slick-arrow.slick-next {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="42.006" viewBox="0 0 24 42.006"><path id="chevron-left" d="M32.9,50.81a3,3,0,0,0,0,4.246l18,18a3,3,0,0,0,4.246-4.246L39.268,52.928,55.137,37.05A3,3,0,0,0,50.891,32.8l-18,18Z" transform="translate(56.025 73.931) rotate(180)" fill="%23ffffff"/></svg>');
	right: 15px;
}

@media (min-width: 1500px) {

	button.slick-arrow.slick-prev {
		background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="42.006" viewBox="0 0 24 42.006"><path id="chevron-left" d="M.879,23.121a3,3,0,0,1,0-4.246l18-18a3,3,0,1,1,4.246,4.246L7.243,21,23.112,36.881a3,3,0,1,1-4.246,4.246l-18-18Z" fill="%23147288"/></svg>');
		left: -40px;
	}

	button.slick-arrow.slick-next {
		background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="42.006" viewBox="0 0 24 42.006"><path id="chevron-left" d="M32.9,50.81a3,3,0,0,0,0,4.246l18,18a3,3,0,0,0,4.246-4.246L39.268,52.928,55.137,37.05A3,3,0,0,0,50.891,32.8l-18,18Z" transform="translate(56.025 73.931) rotate(180)" fill="%23147288"/></svg>');
		right: -40px;
	}
}

.how-it-works--header {
	padding: 150px 30px;
	font-size: 36px;
	font-weight: 500;
	line-height: 1.3;
}

.how-it-works--header h1 {
	color: #FFF;
	font-weight: 700;
	font-size: 60px;
	margin-bottom: 0.5em;
}

@media (max-width: 1199px) {
	.how-it-works--header {
		padding-top: 120px;
		padding-bottom: 120px;
		font-size: 30px;
	}

	.how-it-works--header h1 {
		font-size: 48px;
	}
}

@media (max-width: 991px) {
	.how-it-works--header {
		font-size: 24px;
	}

	.how-it-works--header h1 {
		font-size: 42px;
	}
}

@media (max-width: 767px) {
	.how-it-works--header {
		padding-top: 80px;
		padding-bottom: 80px;
		font-size: 18px;
	}

	.how-it-works--header h1 {
		font-size: 32px;
	}
}

.how-it-works--step-title {
	text-align: center;
	font-weight: 500;
	line-height: 1.2;
/*	font-size: 36px;*/
	font-size: clamp(16px, 2vw, 36px);
	padding: 100px 30px;
	margin-bottom: 5px;
}

.how-it-works--step-title h2 {
/*	font-size: 70px;*/
	font-size: clamp(22px, 4vw, 70px)!important;
	font-weight: 700;
	margin-bottom: 0.15em;
	color: #127287;
}

.how-it-works--step-title h2:before {
	font-size: clamp(36px, 6vw, 125px)!important;
	margin-right: 10px;
}

.how-it-works--step-title p {
	font-family: "futura-pt", sans-serif;
	margin-left: auto;
	margin-right: auto;
}

.how-it-works--step-title p strong {
	color: #127287;
}

.how-it-works--step-title.step1 h2:before {
	content: '1.';
}

.how-it-works--step-title.step2 h2:before {
	content: '2.';
}

.how-it-works--step-title.step3 h2:before {
	content: '3.';
}

.how-it-works--step-title.step4 h2:before {
	content: '4.';
}

.how-it-works--step-title.step5 h2:before {
	content: '5.';
}

@media (min-width: 992px) {
	.how-it-works--step-title.step1 p {
		max-width: 67%;
	}

	.how-it-works--step-title.step2 p {
		max-width: 75%;
	}

	.how-it-works--step-title.step4 p {
		max-width: 75%;
	}

	.how-it-works--step-title.step5 p {
		max-width: 85%;
	}
}

.how-it-works--cta {
	padding-bottom: 120px;
}

.how-it-works--cta .wp-block-button__link {
	text-decoration: none!important;
	font-size: clamp(21px, 3vw, 48px);
	line-height: 1;
}

@media (max-width: 767px) {
	.how-it-works--step-title {
		padding-top: 65px;
		padding-bottom: 65px;
	}

	.how-it-works--cta {
		padding-bottom: 65px;
	}
}

.how-it-works--delivery {
	padding-left: clamp(35px, 5vw, 115px);
	padding-right: clamp(35px, 5vw, 115px);
	gap: clamp(24px, 4vw, 92px);
}

.how-it-works--delivery > .wp-block-group {
	flex: 1;
	text-align: center;
	font-weight: 500;
	font-family: "futura-pt", sans-serif;
	font-size: clamp(16px, 1.8vw, 28px);
	line-height: 1.3;
}

@media (max-width: 767px) {
	.how-it-works--delivery {
		flex-wrap: wrap!important;
	}

	.how-it-works--delivery > .wp-block-group {
		flex: 0 0 100%;
	}
}

.how-it-works--gallery {
	padding: 0 25px;
	--wp--style--unstable-gallery-gap: clamp(16px, 2vw, 36px)!important;
	gap: clamp(16px, 2vw, 36px)!important;
}

.how-it-works--gallery > .wp-block-image {
	max-width: calc(25% - var(--wp--style--unstable-gallery-gap, 16px)/2);
}

.how-it-works--gallery > .wp-block-image img {
	border-radius: clamp(15px, 2vw, 35px);
}

@media (max-width: 767px) {
	.how-it-works--gallery > .wp-block-image {
		width: 50%!important;
		flex: 0 0 50%!important;
		max-width: calc(50% - var(--wp--style--unstable-gallery-gap, 16px)/2)!important;
	}
}

.how-it-works--options {
	padding-left: clamp(35px, 5vw, 106px);
	padding-right: clamp(35px, 5vw, 106px);
	gap: clamp(24px, 4vw, 100px);
	align-items: normal!important;
}

.how-it-works--options > .wp-block-group {
	flex: 1;
	padding: clamp(20px, 3.5vw, 45px);
	border-radius: clamp(15px, 2vw, 35px);
	font-family: "futura-pt", sans-serif;
	font-size: clamp(18px, 2vw, 36px);
	line-height: 1.2;
	border: 1px solid #707070;
	display: block;
}

.how-it-works--options > .wp-block-group h3 {
	text-transform: uppercase;
	text-align: center;
	font-weight: 700;
	font-size: clamp(24px, 3vw, 40px);
	margin-bottom: 0.75em;
}

@media (max-width: 991px) {
	.how-it-works--options {
		flex-wrap: wrap!important;
	}

	.how-it-works--options > .wp-block-group {
		flex: 0 0 100%;
	}
}

@media (max-width: 575px) {
	.header-menu .nav-item.how-it-works_menu_item {
		display: none;
	}
}

#homepage_shop_by_the_room h2,
#homepage_home_collection h2 {
	margin-bottom: 0.75em;
}

#order_review {
	display: flex;
	flex-direction: column;
}

#order_review .woocommerce-checkout-review-order-table {
	order: -1;
}