/* ==========================================================================
   WordPress selectors.
   ========================================================================== */

/* [1] Section gallery. */
/**
 * Pages:
 * Gellery: https://leverhousenyc.com/gallery/
 * The lever club v2: https://leverhousenyc.com/the-lever-club/
 */
section.gallery .slideshow .glide__slides .glide__slide .caption {
	overflow-y: hidden;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	height: 65px;
	bottom: -85px;
	padding: 0 105px;
	line-height: 1.3;
}
section.gallery .slideshow .glide__arrows {
	position: static;
}
section.gallery .slideshow .glide__arrows .glide__arrow {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 45px;
	height: 45px;
	border-width: 1.5px;
	padding: 0;
	letter-spacing: normal;
	font-size: 14px;
}
section.gallery .slideshow .glide__arrows .glide__arrow--left:after,
section.gallery .slideshow .glide__arrows .glide__arrow--right:before {
	top: 21px;
}
@media (max-width: 1200.98px) {
	section.gallery .slideshow .glide__slides .glide__slide {
		min-width: 0;
		max-height: none;
		height: auto;
	}
	section.gallery .slideshow .glide__slides .glide__slide .slide-wrapper {
		max-width: none;
		height: 100%;
	}
	section.gallery .slideshow .glide__slides .glide__slide .slide-wrapper .img {
		position: static;
		max-height: none;
		height: auto;
		line-height: 0;
	}
	section.gallery .slideshow .glide__slides .glide__slide .slide-wrapper .img iframe,
	section.gallery .slideshow .glide__slides .glide__slide .slide-wrapper .img img {
		max-width: 100%;
		min-height: 0!important;
		width: auto;
		height: auto;
	}
}
@media (max-width: 768.98px) {
	section.gallery .slideshow .glide__arrows {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
	}
	section.gallery .slideshow .glide__arrows .glide__arrow {
		margin: 0;
	}
	section.gallery .slideshow .glide__arrows .glide__arrow--left:after,
	section.gallery .slideshow .glide__arrows .glide__arrow--right:before {
		display: none;
	}
}

/* [2] Section bilding diagram. */
/**
 * Pages:
 * Availability: https://leverhousenyc.com/availability/
 */
section.building-diagram .cta-area > h4 {
	margin-bottom: 1vw;
}
section.building-diagram .cta-area > h4 + p:empty {
	display: none;
}
section.building-diagram .cta-area button {
	margin-top: 8%;
	letter-spacing: 2px;
}
section.building-diagram svg .tower-floor text {
	letter-spacing: 2px;
	font-size: 15px;
}
section.building-diagram .availability-drawer .details .details-header {
	padding-right: 8vw;
	padding-left: 8vw;
}
section.building-diagram .availability-drawer .details .details-wrapper .slider .glide__track {
	min-height: 0;
}
@media screen and (max-width: 1399.98px) {
	section.building-diagram .cta-area > h4 {
		margin-bottom: 20px;
		font-size: 16px;
	}
	section.building-diagram .cta-area button {
		margin-top: 30px;
		font-size: 12px;
	}
}
@media screen and (max-width: 768.98px) {
	section.building-diagram svg .tower-floor .svg-button {
		d:path("M41.8,473.1h309c12.6,0,40.8,7.6,40.8,45h0c0,37.4-28.2,45-40.8,45H41.8c-12.6,0-40.8-7.6-40.8-45h0c0-37.4,28.3-45,40.8-45h0Z");
	}
	section.building-diagram svg .tower-floor text {
		transform: matrix(1, 0, 0, 1, 42, 526);
		font-size: 23px;
		font-weight: 600;
	}
	section.building-diagram .availability-drawer .close {
		top: 0;
	}
	section.building-diagram .availability-drawer .details .details-header {
		padding: 0 15px 10px;
	}
	section.building-diagram .availability-drawer .details .details-wrapper .slider .glide__slides .glide__slide .footer {
		max-width: none;
		padding-bottom: 20px;
	}
}
@media screen and (max-width: 599.98px) {
	section.building-diagram svg .tower-floor text {
		font-size: 23px;
	}
}

/* ==========================================================================
   Own selectors.
   ========================================================================== */

/* [1] Display none. */
@media (max-width: 768.98px) {
	.mob-display-none {
		display: none!important;
	}
}

/* [2] Break row. */
.mob-break-row {
	display: none;
}
@media (max-width: 768.98px) {
	.mob-break-row {
		display: block;
	}
}

/* ==========================================================================
   Header.
   ========================================================================== */

/* [1] General. */
@media screen and (max-width: 768.98px) {
	header .wrapper {
		transform: translateY(-200%) !important;
	}
}

/* ==========================================================================
   Availability page.
   ========================================================================== */

/* URL: https://leverhousenyc.com/availability/ */

/* [1] General. */
body.page-availability main.sections:before,
body.page-availability div.image {
	z-index: 1;
}

/* ==========================================================================
   The lever club v2 page.
   ========================================================================== */

/* URL: https://leverhousenyc.com/the-lever-club/ */

/* [1] Section gallery. */
body.page-the-lever-club-v2 section.gallery .gallery-grid {
	display: none;
}
@media (max-width: 1200.98px) {
	body.page-the-lever-club-v2 section.gallery .slideshow {
		display: block;
	}
}

/* [2] Section video background left copy. */
body.page-the-lever-club-v2 .pause-group-2 section.video-background-left-copy .copy-section .copy-wrapper .copy {
	justify-content: center;
	width: 100%;
	padding-top: 120px;
	padding-bottom: 120px;
}
body.page-the-lever-club-v2 .pause-group-2 section.video-background-left-copy .copy-section .copy-wrapper .copy p {
	flex: none;
	max-width: none;
	margin: 3vw 18% 0 18%;
}
body.page-the-lever-club-v2 .pause-group-2 section.video-background-left-copy .copy-section .copy-wrapper .copy p:first-child {
	margin-top: 0;
}
@media (max-width: 1200.98px) and (min-width: 769px) {
	body.page-the-lever-club-v2 .pause-group-2 section.video-background-left-copy .copy-section .copy-wrapper .copy p {
		margin: 2.4vw 15% 0 15%;
		font-size: 1.5vw;
	}
}

/* [3] Section full width background full copy. */
@media (max-width: 768.98px) {
	body.page-the-lever-club-v2 .pause-group-2 section.full-width-background-full-copy {
		min-height: 0;
	}
	body.page-the-lever-club-v2 .pause-group-2 section.full-width-background-full-copy > .copy-section {
		display: none;
	}
}

/* [3] Section lever club section. */
body.page-the-lever-club-v2 section.lever-club-section {
	padding-top: 90px;
	padding-bottom: 90px;
}
@media (max-width: 399.98px) {
	body.page-the-lever-club-v2 section.lever-club-section {
		padding-top: 60px;
		padding-bottom: 60px;
	}
}

/* [4] Section full width lower right copy 3. */
body.page-the-lever-club-v2 .full-width-lower-right-copy-3 h4 {
	line-height: 1.6;
}
body.page-the-lever-club-v2 .full-width-lower-right-copy-3 .text {
	line-height: 1.3em;
	text-transform: none;
	letter-spacing: normal;
	font-family: SuisseBPIntl-Light;
	font-style: normal;
	font-weight: 400;
}
@media (max-width: 768.98px) {
	body.page-the-lever-club-v2 .full-width-lower-right-copy-3 .text {
		font-size: 4vw;
	}
}
