/*
	CSS file for Escape618
*/

@font-face {
	font-family: 'Starship';
	src: url('../fonts/StarshipRegular.woff2') format('woff2'),
	url('../fonts/StarshipRegular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Stencil';
	src: url('../fonts/Stencil.woff2') format('woff2'),
	url('../fonts/Stencil.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Gunbai Condensed';
	src: url('../fonts/GunbaiCondensed.woff2') format('woff2'),
	url('../fonts/GunbaiCondensed.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}


/*	General	
------------------------------*/
	
	* {
		padding: 0;
		margin: 0;
		outline: none;
		box-sizing: border-box;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}

	body {
		color: #ffffff;
		font-size: 18px;
		line-height: 30px;
		font-family: 'Montserrat', sans-serif;
		padding-top: 100px;
		background: #0c1014 url('../img/bg.png');
	}

	img,
	svg {
		display: block;
		max-width: 100%;
		height: auto;
	}

	a {
		color: inherit;
		text-decoration: none;
	}

	a:not(.btn):hover {
		color: var(--color-green);
	}

	a img {
		border: 0;
	}

	a,
	svg,
	path,
	button {
		transition: all ease 0.4s;
	}

	.container {
		width: 92%;
		max-width: 1240px;
		margin: 0 auto;
	}

	.wrapper {
		position: relative;
		overflow: hidden;
	}

	main {
		margin: 75px 0 150px 0;
	}

	:root {
		--color-green: #7aecc0;
	}

	.font-fredericka {
		font-family: 'Fredericka the Great', cursive;
		font-weight: 400;
	}

	.font-gloock {
		font-family: 'Gloock', sans-serif;
		font-weight: 400;
	}

	.font-stencil {
		font-family: 'Stencil', sans-serif;
		font-weight: 400;
	}

	.font-gunbai {
		font-family: 'Gunbai Condensed', sans-serif;
		font-weight: 400;
	}


/*	Common Elements
-------------------------------------------*/

	/*
	 *	Button
	 */
	.btn {
		color: #000;
		font-size: 14px;
		font-weight: bold;
		line-height: 16px;
		padding: 0 24px;
		display: inline-flex;
		align-items: center;
		min-height: 40px;
		border: 0;
		border-radius: 20px;
		background: var(--color-green) url('../img/btn-overlay.png') no-repeat -205px -118px;
		cursor: pointer;
	}

		.btn.lg {
			padding: 25px 45px;
			font-size: 21px;
			line-height: 21px;
			letter-spacing: 0;
			border-radius: 100px;
			background-position: -125px -56px;
		}

		.btn:hover {
			background-color: #f6fefa;
		}

		.btn svg {
			margin-right: 5px;
		}


	/*
	 *	Form
	 */
	.gform_ajax_spinner,
	.gform_validation_errors,
	.gform_validation_container,
	.gform_required_legend,
	.validation_error {
		display: none;
	}

	.validation_message {
		color: #fff;
		font-size: 11px;
		font-weight: 600;
		line-height: 18px;
		border-radius: 8px;
		background: #be1440;
		padding: 7px 16px;
		margin-top: 4px;
	}

	.gform_fields {
		display: flex;
		flex-wrap: wrap;
		list-style: none;
		margin: 0 -12px;
	}

	.gfield_label {
		display: block;
		font-size: 14px;
		font-weight: 600;
		line-height: 16px;
		text-transform: uppercase;
		margin-bottom: 14px;
	}

		.gfield_required {
			color: var(--color-green);
			font-weight: 400;
			margin-left: 3px;
		}

	.gfield {
		width: calc(100% - 24px);
		margin: 0 12px 24px 12px;
	}

		.gfield--width-half {
			width: calc(50% - 24px);
		}

		.gfield input[type="text"],
		.gfield input[type="email"],
		.gfield textarea {
			width: 100%;
			height: 50px;
			color: #ffffff;
			font-size: 18px;
			line-height: 24px;
			padding: 3px 14px;
			border-radius: 10px;
			border: 1px solid #3e464f;
			background: #0c1014;
		}

			.gfield input::placeholder {
				color: #5a5e62;
			}

		.gfield textarea {
			resize: none;
			height: 100px;
		}

		.gfield--type-consent {
			border: 0;
			margin: 0 12px;
		}

			.gfield--type-consent .gfield_label {
				display: none;
			}

			.gfield--type-consent input {
				display: none;
			}

			.gfield_consent_label {
				display: block;
				color: #878d94;
				font-size: 12px;
				line-height: 16px;
				padding: 3px 0 3px 30px;
				cursor: pointer;
				position: relative;
			}

				.gfield_consent_label::before {
					content: "";
					top: 0;
					left: 0;
					width: 20px;
					height: 20px;
					border-radius: 3px;
					border: 1px solid #3e464f;
					background-color: #0c1014;
					background-image: url('../icons/css/check-green.svg');
					background-repeat: no-repeat;
					background-position: center center;
					background-size: 0;
					transition: all ease 0.3s;
					position: absolute;
				}

				input:checked ~ .gfield_consent_label::before {
					background-size: 16px;
				}

				.gfield_consent_label a {
					color: var(--color-green);
				}

					.gfield_consent_label a:hover {
						text-decoration: underline;
					}

	.gform_confirmation_wrapper {
		display: block;
		font-size: 18px;
		font-weight: 400;
		line-height: 30px;
		padding: 50px 0;
		margin: 0 auto;
	}

		.gform_confirmation_wrapper h3 {
			color: var(--color-green);
			font-family: 'Starship', sans-serif;
			font-size: 60px;
			font-weight: 400;
			line-height: 60px;
			text-transform: uppercase;
			margin-bottom: 24px;
		}


	/*
	 *	Select
	 */
	.select2-container {
		display: block;
		width: auto !important;
	}

		.select2-container--default .select2-selection--single {
			height: auto;
			border: 0;
			background: none !important;
			position: relative;
		}

		.select2-container .select2-selection--single .select2-selection__rendered {
			display: block;
			width: 100%;
			height: 50px;
			color: #ffffff;
			font-size: 18px;
			line-height: 24px;
			padding: 12px 35px 0 14px;
			border-radius: 10px;
			border: 1px solid #3e464f;
			background: #0c1014;
			overflow: hidden;
			text-overflow: ellipsis;
		}

		.select2-container--default .select2-selection--single .select2-selection__arrow {
			top: 0;
			bottom: 0;
			right: 14px;
			width: 15px;
			height: 100%;
			position: absolute;
			background: url('../icons/css/caret-down-green.svg') no-repeat 0px 18px / 15px 15px;
		}

		.select2-container--open .select2-selection--single .select2-selection__arrow {
			transform: rotate(180deg);
		}

		.select2-container--default .select2-selection--single .select2-selection__arrow b {
			display: none;
		}

		.select2-dropdown {
			z-index: 1;
			white-space: nowrap;
			border-radius: 10px !important;
			border: 1px solid #3e464f !important;
			background: #0c1014;
			box-shadow: 9px 18px 38px 0 rgba(0, 0, 0, 0.38);
			transform: translate3d(0, 15px, 0);
			overflow: hidden;
		}

		.select2-container--open .select2-dropdown--below {
			margin-top: -8px;
		}

		.select2-container--open .select2-dropdown--above {
			margin-top: -15px;
		}

		.select2-search--dropdown {
			display: none !important;
		}

		.select2-dropdown ul {
			margin: 0 !important;
		}

		.select2-results__option {
			color: #ffffff;
			font-size: 16px;
			padding: 8px 14px;
			box-sizing: border-box;
		}

		.select2-results__option:first-child {
			display: none;
		}

		.select2-container--default .select2-results__option--selected {
			background: rgba(255, 255, 255, 0.1);
		}

		.select2-container--default .select2-results__option--highlighted[aria-selected] {
			color: #113041;
			background: var(--color-green) !important;
		}


	/*
	 *	Page Title & Intro
	 */
	.page-header {
		text-align: center;
	}

	.page-title {
		color: transparent;
		font-family: 'Starship', sans-serif;
		font-size: 120px;
		font-weight: 400;
		line-height: 115px;
		text-align: center;
		text-transform: uppercase;
		background-image: linear-gradient(0deg, #78ecbf 0%, #ffffff 100%);
		background-clip: text;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}

		.page-title:has(img) {
			display: inline-block;
			position: relative;
		}

		.page-title img {
			top: -95px;
			left: calc(100% + 15px);
			position: absolute;
		}

	.page-subtitle {
		color: var(--color-green);
		font-size: 14px;
		font-weight: 600;
		line-height: 16px;
		letter-spacing: 0.4em;
		text-transform: uppercase;
		text-align: center;
		margin-bottom: 20px;
	}

	.page-intro {
		max-width: 1040px;
		font-size: 24px;
		line-height: 36px;
		text-align: center;
		margin: 40px auto 70px auto;
	}


	/*
	 *	Framed box
	 */
	.framed-box {
		width: 100%;
		z-index: 2;
		padding: 10px;
		position: relative;
		border-radius: 14px;
		box-shadow: 17px 15px 16px 0px rgba(0, 0, 0, 0.3);
		background: #232b32 url('../img/frame-bg.jpg') no-repeat center top / 100% auto;
	}

		.framed-box:before {
			content: "";
			top: 50%;
			z-index: -1;
			left: -178px;
			width: 206px;
			height: 207px;
			position: absolute;
			margin-top: -103.5px;
			background: url('../img/redlamp.png') no-repeat center center / contain;
			animation: flicker 8s infinite;
		}

		.framed-box:after {
			content: "";
			top: 50%;
			z-index: -1;
			right: -178px;
			width: 206px;
			height: 207px;
			position: absolute;
			margin-top: -103.5px;
			background: url('../img/redlamp.png') no-repeat center center / contain;
			animation: flicker 8s infinite;
		}

			@keyframes flicker
			{
				0%, 18%, 22%, 25%, 53%, 57%, 83%, 100% {
					opacity: 1;
				}
				20%, 24%, 55% {
					opacity: 0.45;
				}
				85% {
					opacity: 0.6;
				}
				87% {
					opacity: 1;
				}
				89% {
					opacity: 0.65;
				}
			}

		.framed-box .border {
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			position: absolute;
			border-radius: 14px;
			overflow: hidden;
			background:
					url('../img/frame-top.png') no-repeat 52.1% top,
					url('../img/frame-side.png') no-repeat left center,
					url('../img/frame-side.png') no-repeat right center,
					url('../img/frame-top.png') no-repeat center bottom;
		}

		.framed-box .content {
			z-index: 3;
			padding: 45px 50px;
			text-align: center;
			position: relative;
		}

		.framed-box .bottom {
			background: rgba(22, 27, 31, 0.5);
			border-top: 1px solid #3e464f;
		}

			.framed-box .bottom:before {
				content: "";
				width: 100%;
				height: 1px;
				background: #10151a;
			}

		.framed-box .chains {
			position: relative;
		}

			.framed-box .chains::before,
			.framed-box .chains::after {
				content: "";
				z-index: 3;
				top: -100px;
				left: 5px;
				width: 22px;
				height: 124px;
				position: absolute;
				background: url('../img/chain.png') no-repeat center center / contain;
			}

			.framed-box .chains::after {
				left: auto;
				right: 5px;
			}

			.framed-box:has(.border) .chains::before,
			.framed-box:has(.border) .chains::after {
				top: -90px;
				left: 15px;
			}

			.framed-box:has(.border) .chains::after {
				left: auto;
				right: 15px;
			}


	/*
	 *	Box
	 */
	.box {
		border-radius: 20px;
		background: #0c1014;
		border: 1px solid #3e464f;
	}

		.box:has(.inner) {
			display: flex;
		}

		.box .inner {
			width: 100%;
			height: auto;
			margin: 10px;
			background: #161b20;
		}


	/*
	 *	Toggle
	 */
	.toggle {
		padding-bottom: 18px;
		border-bottom: 1px solid #3e464f;
	}

		.toggle:first-child .question {
			margin-top: 0;
		}

		.toggle .question {
			cursor: pointer;
			position: relative;
			margin-top: 22px;
			padding-right: 35px;
			text-transform: uppercase;
			transition: all ease 0.3s;
		}

			.toggle .question:before {
				content: "";
				top: 13px;
				right: 0;
				width: 17px;
				height: 3px;
				position: absolute;
				background: var(--color-green);
			}

			.toggle .question:after {
				content: "";
				top: 6px;
				right: 7px;
				width: 3px;
				height: 17px;
				position: absolute;
				background: var(--color-green);
				transition: all ease 0.3s;
			}

			.toggle .question:hover {
				color: var(--color-green);
			}

		.toggle .answer {
			display: none;
			padding-top: 18px;
		}

		.toggle.opened .question:after {
			opacity: 0;
		}

	/*
	 *	Section Title
	 */
	.section-title {
		text-align: center;
		margin-bottom: 60px;
	}

		.section-title h2 {
			color: var(--color-green);
			font-family: 'Starship', sans-serif;
			font-size: 60px;
			font-weight: 400;
			line-height: 70px;
			text-transform: uppercase;
		}

		.section-title p {
			font-size: 24px;
			line-height: 32px;
			margin-top: 24px;
		}



/*	Header
-------------------------------------------*/
	
	header {
		top: 0;
		left: 0;
		right: 0;
		display: flex;
		align-items: center;
		justify-content: space-between;
		z-index: 100;
		position: fixed;
		padding: 24px 48px;
		background: #0c0f14;
	}

		header .side {
			width: 480px;
		}

		header .logo img {
			display: block;
			width: auto;
			height: 52px;
		}

		header nav {
			display: flex;
		}

			header nav ul {
				display: flex;
				list-style: none;
			}

			header nav ul li {
				font-size: 16px;
				font-weight: 600;
				line-height: 16px;
				white-space: nowrap;
				text-transform: uppercase;
				margin: 0 18px;
			}

				header nav ul li a:hover,
				header nav ul li.current-menu-item > a {
					color: var(--color-green);
				}

		header .side.right {
			display: flex;
			align-items: center;
			justify-content: flex-end;
		}

			header .phone {
				font-size: 14px;
				font-weight: 600;
				line-height: 16px;
				margin-right: 40px;
			}

				header .phone span {
					color: var(--color-green);
				}

			header .right .btn + .btn {
				margin-left: 24px;
			}

	header .btn-menu-trigger {
		display: none;
	}

	header .mobile-menu {
		top: 0;
		right: 0;
		height: 100vh;
		width: 310px;
		z-index: 100;
		position: fixed;
		padding: 20px 24px 24px 30px;
		background: #0c0f14 url('../img/frame-side.png') repeat-y -4px center;
		box-shadow: -9px 18px 38px rgba(0, 0, 0, 0.7);
		transform: translateX(100%) translateX(40px);
		transition: all ease 0.4s;
	}

		.opened-nav .mobile-menu {
			transform: translateX(0);
		}

		header .mobile-menu .head {
			display: flex;
			align-items: center;
			justify-content: space-between;
		}

			header .mobile-menu .head img {
				width: 160px;
			}

			header .mobile-menu .head .close {
				width: 40px;
				height: 40px;
				display: flex;
				align-items: center;
				justify-content: center;
				margin-left: auto;
				cursor: pointer;
			}

		header .mobile-menu ul {
			list-style: none;
			margin: 40px 0 25px 0;
		}

			header .mobile-menu ul li {
				font-size: 18px;
				font-weight: 600;
				line-height: 20px;
				text-transform: uppercase;
				margin: 5px 0;
			}

				header .mobile-menu ul li a {
					display: block;
					padding: 4px 0;
				}

			header .mobile-menu ul li a:hover {
				color: var(--color-green);
			}

		header .mobile-menu .btn {
			min-width: 150px;
			padding: 14px 20px;
			margin-bottom: 10px;
		}

		header .mobile-menu .phone {
			display: inline-block;
			font-size: 18px;
			line-height: 24px;
			margin-top: 25px;
		}

	header .mobile-menu-overlay {
		top: 0;
		left: 0;
		right: 0;
		height: 100vh;
		backdrop-filter: blur(7px);
		position: fixed;
		transition: all ease 0.4s;
		opacity: 0;
		visibility: hidden;
	}

		.opened-nav .mobile-menu-overlay {
			visibility: visible;
			opacity: 1;
		}


/*	Footer
-------------------------------------------*/
	
	footer {
		color: #9ca1a6;
		background: #07090b;
	}

		footer:before {
			content: "";
			width: 100%;
			height: 6px;
			display: block;
			background: url('../img/footer-sep.png');
		}

	footer .top {
		padding: 45px 0 42px 0;
	}

		footer .top .container {
			display: flex;
			justify-content: space-between;
		}

		footer .top .about {
			min-width: 312px;
			padding-right: 45px;
		}

		footer .top .about img {
			margin-bottom: 18px;
		}

			footer .top .about p {
				font-size: 13px;
				font-weight: 600;
				line-height: 20px;
			}

				footer .top .about p + p {
					margin-top: 8px;
				}

			footer .top .about .socials {
				display: flex;
				margin-top: 18px;
			}

				footer .top .about .socials a {
					display: flex;
					width: 32px;
					height: 32px;
					align-items: center;
					justify-content: center;
					border-radius: 10px;
				}

					footer .top .about .socials a + a {
						margin-left: 12px;
					}

					footer .top .about .socials a:hover {
						color: var(--color-green);
					}

		footer .cols {
			max-width: 820px;
			display: flex;
			flex-grow: 1;
			margin: 0 -10px;
		}

			footer .col {
				width: calc(25% - 20px);
				margin: 0 10px;
			}

				footer .col h4 {
					color: var(--color-green);
					font-size: 16px;
					font-weight: 600;
					line-height: 30px;
					text-transform: uppercase;
					margin: 30px 0;
				}

				footer .col ul {
					font-size: 13px;
					line-height: 30px;
					list-style: none;
				}

				footer .col a:hover {
					color: #fff;
				}

	footer .bottom {
		color: #535659;
		font-size: 13px;
		line-height: 16px;
		padding: 19px 0;
		border-top: 1px solid #15191c;
	}


/*	General Content
-------------------------------------------*/

	.general-content {

	}

	.general-content > *:first-child {
		padding-top: 0;
		margin-top: 0;
	}

	.general-content > *:last-child {
		margin-bottom: 0;
	}

	.general-content a {
		color: var(--color-green);
		text-decoration: underline;
	}

		.general-content a:hover {
			text-decoration: none;
		}

	.general-content h1 {
		color: var(--color-green);
		font-family: 'Starship', sans-serif;
		font-size: 60px;
		font-weight: 400;
		line-height: 64px;
		text-transform: uppercase;
		margin-top: 60px;
	}

	.general-content h2 {
		font-size: 36px;
		line-height: 42px;
		margin-top: 50px;
	}

	.general-content h3 {
		font-size: 30px;
		line-height: 34px;
		margin-top: 50px;
	}

	.general-content h4 {
		font-size: 21px;
		line-height: 26px;
		margin-top: 50px;
	}

	.general-content h5 {
		color: var(--color-green);
		font-size: 14px;
		line-height: 20px;
		letter-spacing: 0.4em;
		text-transform: uppercase;
		margin-top: 50px;
	}

		.general-content h5 + h2,
		.general-content h5 + h3,
		.general-content h5 + h4 {
			margin-top: -2px;
		}

		.general-content h5:has(+ h2) {
			margin-top: 60px;
		}

	.general-content p.intro {
		font-size: 21px;
		font-weight: bold;
		line-height: 30px;
	}

	.general-content p {
		margin-top: 28px;
	}

		.general-content h3 + p {
			margin-top: 24px;
		}

	.general-content blockquote {
		margin: 50px 0;
		border-radius: 20px;
		border: 1px solid #3e464f;
		border-left: 5px solid var(--color-green);
		padding: 50px 60px 50px 50px;
		background: #161a1e;
		box-shadow: inset 0 0 0 10px #0c1014;
	}

		.general-content blockquote p {
			font-size: 24px;
			font-style: italic;
			line-height: 36px;
			margin-top: 0px;
		}

		.general-content blockquote h6 {
			display: block;
			color: #9ca1a6;
			font-size: 13px;
			line-heigh: 18px;
			margin-top: 5px;
		}

	.general-content ul {
		list-style: none;
		margin-top: 32px;
	}

		.general-content ul li {
			padding-left: 24px;
			background: url('../icons/css/key-green.svg') no-repeat left 6px / 14px auto;
		}

		.general-content li + li {
			margin-top: 5px;
		}

	.general-content ol {
		margin-top: 32px;
		margin-left: 15px;
	}

		.general-content ol li {
			padding-left: 8px;
		}

		.general-content ol li::marker {
			color: var(--color-green);
			font-size: 14px;
		}

	.general-content img {
		display: block;
		margin: 40px auto;
	}

	.general-content .wp-caption {
		width: 100% !important;
		height: auto !important;
		margin: 40px auto;
	}

		.general-content .wp-caption img {
			width: 100%;
			height: auto;
			margin: 0;
			padding: 10px;
			background: #0c1014;
			border-radius: 20px;
			border: 1px solid #3e464f;
		}

		.general-content .wp-caption-text {
			color: #9ca1a6;
			font-size: 11px;
			line-height: 14px;
			text-align: center;
			margin-top: 16px;
		}


	.page-general {
		margin-top: 60px;
	}


/*	Box: Message
-------------------------------------------*/

	.box-message .content {
		padding: 80px 40px;
	}

		.box-message .content p {
			max-width: 800px;
			margin: 34px auto 40px auto;
		}


/*	Box: FAQ
-------------------------------------------*/

	.box-faq {
		max-width: 900px;
		margin: 0 auto;
		padding: 50px 40px 55px 40px;
	}

		.box-faq h2.box-title {
			color: var(--color-green);
			font-family: 'Starship', sans-serif;
			font-size: 60px;
			font-weight: 400;
			line-height: 60px;
			text-transform: uppercase;
			margin-bottom: 38px;
		}

	.box-faq + .box-faq {
		margin-top: 90px;
	}


/*	Box: Newsleter
-------------------------------------------*/

	.box-newsletter {
		margin: 115px 0 150px 0;
		text-align: center;
	}

		.box-newsletter .gform_wrapper {
			max-width: 730px;
			margin: 0 auto;
		}

		.box-newsletter .gform_wrapper h2 {
			font-family: 'Starship', sans-serif;
			font-size: 40px;
			font-weight: 400;
			line-height: 48px;
			text-transform: uppercase;
			margin-bottom: 40px;
		}

		.box-newsletter .gform_wrapper .gform_description {
			display: block;
			font-size: 18px;
			font-weight: 600;
			line-height: 30px;
			margin: 0 auto 20px auto;
		}

		.box-newsletter .gfield_label {
			display: none;
		}

		.box-newsletter .gform_fields {
			margin-bottom: 20px;
		}

			.box-newsletter .gfield {
				max-width: 580px;
				margin: 0 auto;
			}

			.box-newsletter input {
				text-align: center;
				border-radius: 25px !important;
			}

			.box-newsletter .gform_wrapper .validation_message {
				border-radius: 100px;
			}



/*	Page: Blog Article
-------------------------------------------*/

	/*
	 *	Blog header
	 */
	.blog-header .featured-image {
		margin-bottom: 60px;
	}

		.blog-header .featured-image img {
			width: 100%;
			height: 570px;
			padding: 10px;
			background: #0c1014;
			border-radius: 20px;
			border: 1px solid #3e464f;
			object-fit: cover;
			object-position: center;
		}

	.blog-header .page-subtitle {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		font-weight: 400;
		letter-spacing: 0.2em;
		text-transform: none;
	}

		.blog-header .page-subtitle span {
			display: flex;
			align-items: center;
		}

		.blog-header .page-subtitle span + span:not(.sep):before {
			content: "";
			width: 3px;
			height: 3px;
			display: block;
			margin: 0 10px;
			border-radius: 50%;
			background: #959a9f;
		}


	/*
	 *	Article
	 */
	.blog-meta {
		display: flex;
		padding: 7px 0;
		margin-bottom: 70px;
		align-items: center;
		justify-content: space-between;
		border-top: 1px solid #3e464f;
		border-bottom: 1px solid #3e464f;
	}

		.blog-meta .author {
			display: flex;
			align-items: center;
		}

			.blog-meta .author img {
				width: 54px;
				height: 54px;
				margin-right: 20px;
				border-radius: 50%;
				background: #3e464f;
				object-fit: cover;
				object-position: center;
			}

			.blog-meta .author div {
				color: #9ca1a6;
				font-size: 11px;
				line-height: 14px;
				letter-spacing: 0.2em;
			}

				.blog-meta .author div h5 {
					color: #ffffff;
					font-size: 14px;
					font-weight: 600;
					line-height: 18px;
					margin-bottom: 6px;
				}

		.blog-meta .share {
			display: flex;
		}

			.blog-meta .share a {
				width: 40px;
				height: 40px;
				display: flex;
				align-items: center;
				justify-content: center;
				border-radius: 50%;
				background: #1f252c;
				margin-left: 12px;
			}

			.blog-meta .share a:hover {
				color: #000;
				background: var(--color-green);
			}


	/*
	 *	Article container
	 */
	.article-container {
		display: flex;
		justify-content: space-between;
		margin-bottom: 140px;
	}

		.article-container .content {
			width: calc(100% - 445px);
		}

		.article-container .sidebar {
			width: 400px;
		}


	/*
	 *	Widgets
	 */
	.widget {
		width: 100%;
		border-radius: 20px;
		background: #161a1e;
		border: 1px solid #3e464f;
		box-shadow: inset 0 0 0 10px #0c1014;
		padding: 50px 35px;
	}

		.widget h3 {
			color: #959a9f;
			font-size: 16px;
			font-weight: 600;
			text-transform: uppercase;
			letter-spacing: 0.4em;
		}

	.widget + .widget {
		margin-top: 50px;
	}


	/*
	 *	Widget - Toc
	 */
	.widget-toc ol {
		font-size: 16px;
		line-height: 20px;
		list-style: none;
		margin: 10px 0 -14px 0;
		counter-reset: nr;
	}

		.widget-toc ol li {
			counter-increment: nr;
			padding: 14px 0;
		}

		.widget-toc ol li + li {
			border-top: 1px solid #2a3037;
		}

			.widget-toc ol li + li:before {
				display: block;
				width: 100%;
				height: 1px;
				background: #13171c;
			}

			.widget-toc ol li a:before {
				display: inline-block;
				content: counter(nr, decimal-leading-zero);
				width: 35px;
				color: var(--color-green);
			}

			.widget-toc ol li a {
				color: #ffffff;
			}

				.widget-toc ol li a:hover {
					color: var(--color-green);
				}


	/*
	 *	Widget - Author
	 */
	.widget-author {

	}

		.widget-author h2 {
			color: var(--color-green);
			font-size: 16px;
			font-weight: 400;
			line-height: 30px;
			margin-top: 24px;
		}

			.widget-author h2 strong {
				display: block;
				color: #ffffff;
				font-size: 21px;
				font-weight: 600;
				line-height: 30px;
			}

		.widget-author p {
			color: #959a9f;
			font-size: 16px;
			line-height: 30px;
			margin-top: 12px;
		}


	/*
	 *	Posts
	 */
	.posts {

	}

		.posts .head {
			display: flex;
			align-items: flex-end;
			justify-content: space-between;
			padding-bottom: 10px;
			border-bottom: 1px solid #3e464f;
		}

			.posts .head h3 {
				color: var(--color-green);
				font-family: 'Starship', sans-serif;
				font-size: 60px;
				font-weight: 400;
				line-height: 65px;
				margin-bottom: -12px;
			}

			.posts .head p {
				color: #9ca1a6;
				font-size: 11px;
				line-height: 14px;
			}

		.posts .items {
			display: flex;
			flex-wrap: wrap;
			margin: 55px -10px 0 -10px;
		}

			.posts .items .post-item {
				width: calc(33.333% - 20px);
				margin: 0 10px 20px 10px;
			}

		.posts .read-more {
			width: 100%;
			padding-top: 35px;
			text-align: center;
		}


	/*
	 *	Post item
	 */
	.post-item {
		display: flex;
		flex-direction: column;
		padding: 10px;
		border-radius: 20px;
		background: #0c1014;
		border: 1px solid #3e464f;
	}

		.post-item:hover {
			border-color: var(--color-green);
		}

		.post-item .image {
			width: 100%;
		}

			.post-item .image img {
				width: 100%;
				height: 235px;
				object-fit: cover;
				object-position: center;
				border-radius: 10px 10px 0 0;
			}

		.post-item .content {
			display: flex;
			flex-grow: 1;
			flex-direction: column;
			justify-content: space-between;
			padding: 32px 16px 24px 16px;
		}

			.post-item .category {
				color: var(--color-green);
				font-size: 11px;
				line-height: 14px;
				margin-bottom: 8px;
			}

			.post-item h2 {
				font-size: 18px;
				font-weight: 600;
				line-height: 30px;
				margin-bottom: 28px;
			}

			.post-item p {
				color: #74787c;
				font-size: 16px;
				line-height: 24px;
				min-height: 96px;
			}

			.post-item .bottom {
				display: flex;
				color: #9ca1a6;
				font-size: 11px;
				line-height: 14px;
				margin-top: 36px;
				padding-top: 8px;
				justify-content: space-between;
				border-top: 1px solid #3e464f;
			}


	/*
	 *	Latest posts
	 */
	.latest-posts {
		display: flex;
		justify-content: space-between;
	}

		.latest-posts .post-item.featured {
			width: calc(100% - 420px);
			background: #161a1e;
			box-shadow: inset 0 0 0 10px #0c1014;
		}

			.latest-posts .post-item.featured img {
				height: 370px;
			}

			.latest-posts .post-item.featured h2 {
				font-size: 30px;
				line-height: 36px;
				max-height: 72px;
				display: -webkit-box;
				-webkit-line-clamp: 2;
				-webkit-box-orient: vertical;
				overflow: hidden;
			}

			.latest-posts .post-item.featured .content {
				padding-left: 30px;
				padding-right: 30px;
			}

				.latest-posts .post-item.featured p {
					min-height: 0;
					height: 60px;
					color: #fff;
					font-size: 18px;
					line-height: 30px;
					display: -webkit-box;
					-webkit-line-clamp: 2;
					-webkit-box-orient: vertical;
					overflow: hidden;
				}

			.latest-posts .post-item.featured .bottom {
				line-height: 30px;
			}

				.latest-posts .post-item.featured .bottom .cta {
					color: #fff;
					font-size: 14px;
					font-weight: 600;
					line-height: 30px;
				}

					.latest-posts .post-item.featured .bottom .cta span {
						color: var(--color-green);
						text-transform: uppercase;
					}

		.latest-posts .right {
			width: 400px;
			display: flex;
			flex-direction: column;
		}

			.latest-posts .right .post-item {
				height: 33.333%;
			}

			.latest-posts .right .post-item h2 {
				max-height: 60px;
				margin-bottom: 0;
				display: -webkit-box;
				-webkit-line-clamp: 2;
				-webkit-box-orient: vertical;
				overflow: hidden;
			}

			.latest-posts .right .post-item + .post-item {
				margin-top: 20px;
			}

				.latest-posts .right .post-item .bottom {
					margin-top: 16px;
				}

	.latest-posts + .posts {
		margin-top: 130px;
	}



/*	Box: Stats
-------------------------------------------*/

	.stats {
		display: flex;
		margin: 0 -10px;
		padding: 40px 0;
	}

	.box-stat {
		width: 100%;
		font-size: 16px;
		font-weight: 700;
		line-height: 24px;
		text-align: center;
		text-transform: uppercase;
		margin: 0 10px 20px;
	}

		.box-stat .inner {
			width: 100%;
			padding: 30px 20px;
		}

		.box-stat strong {
			display: block;
			color: var(--color-green);
			font-size: 60px;
			font-weight: 700;
			line-height: 64px;
			margin-bottom: 8px;
		}



/*	Page: About
-------------------------------------------*/

	.section-about {
		padding: 110px 0 140px 0;
	}

		.section-about .content {
			display: flex;
			justify-content: space-between;
		}

		.section-about .content .general-content {
			width: calc(100% - 360px);
			max-width: 820px;
		}

		.section-about .content .image {
			width: 308px;
			height: 412px;
			padding: 34px;
			position: relative;
		}

			.section-about .content .image:before {
				content: "";
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				position: absolute;
				background: url('../img/about-grunge-frame.png') no-repeat top left / contain;
			}

			.section-about .content .image img {
				width: 100%;
				height: 100%;
				object-fit: cover;
				object-position: center;
			}


	/*
	 *	Rules
	 */
	.rules {
		padding: 100px 0;
		box-shadow: 7px 9.7px 10px rgba(0, 0, 0, 0.17);
		background: url('../img/footer-sep.png') repeat-x top center, url('../img/footer-sep.png') repeat-x bottom center, #0c1014;
	}

	.rules .items {
		display: flex;
		margin: 0 -10px;
	}

		.box-rule {
			width: calc(100% - 20px);
			margin: 0 10px;
		}

			.box-rule .inner {
				padding: 35px 30px;
			}

			.box-rule .inner h5 {
				color: var(--color-green);
				font-size: 14px;
				font-weight: 600;
				line-height: 18px;
				text-transform: uppercase;
				letter-spacing: 0.4em;
				margin-bottom: 6px;
			}

			.box-rule .inner h3 {
				font-size: 24px;
				font-weight: bold;
				line-height: 32px;
				margin-bottom: 30px;
			}



	/*
	 *	Timeline
	 */
	.timeline {
		margin-top: 160px;
		margin-bottom: 80px;
	}

		.timeline .items {
			padding: 5px 0 35px 0;
			background: url('../img/timeline-line.png') no-repeat bottom center;
		}

			.timeline .items .row {
				width: calc(50% - 70px);
				position: relative;
				margin-top: 20px;
			}

				.timeline .items .row .year {
					top: 0;
					left: calc(100% + 70px);
					display: flex;
					width: 76px;
					height: 76px;
					color: #000000;
					font-size: 16px;
					font-weight: bold;
					line-height: 16px;
					margin-left: -38px;
					align-items: center;
					justify-content: center;
					background: var(--color-green);
					border: 5px solid #000;
					border-radius: 50%;
					position: absolute;
				}

				.timeline .items .row h5 {
					color: var(--color-green);
					font-size: 14px;
					font-weight: 600;
					line-height: 16px;
					letter-spacing: 0.4em;
					margin: 0px -0.4em 3px 0;
					padding-top: 5px;
				}

				.timeline .items .row h3 {
					font-size: 24px;
					font-weight: 600;
					line-height: 28px;
				}

				.timeline .items .row p {
					color: #858c91;
					font-size: 16px;
					line-height: 24px;
					margin-top: 10px;
				}

					.timeline .items .row p a {
						color: var(--color-green);
					}

						.timeline .items .row p a:hover {
							text-decoration: underline;
						}

			.timeline .items .row:nth-child(odd) {
				text-align: right;
			}

			.timeline .items .row:nth-child(even) {
				width: 50%;
				margin-left: 50%;
				padding-left: 70px;
			}

				.timeline .items .row:nth-child(even) .year {
					left: 0;
				}



/*	Box: Testimonials
-------------------------------------------*/

	.testimonials {
		padding-top: 80px;
		margin-bottom: 160px;
	}

		.testimonials .items {
			display: flex;
			margin: 0 -10px;
		}

	.box-review {
		width: calc(100% - 20px);
		margin: 0 10px;
	}

		.box-review .inner {
			min-height: 380px;
			padding: 35px 30px;
		}

		.box-review .stars {
			display: flex;
			color: var(--color-green);
			margin-bottom: 20px;
		}

			.box-review .stars svg {
				fill: currentColor;
				margin-right: 4px;
			}

		.box-review p {
			font-style: italic;
		}

		.box-review .author {
			color: #858c91;
			margin-top: 12px;
		}



/*	Box: Booking
-------------------------------------------*/

	.box-booking .content {
		padding-top: 80px;
		padding-bottom: 80px;
	}

		.box-booking h2 {
			font-family: 'Starship', sans-serif;
			font-size: 40px;
			font-weight: 400;
			line-height: 44px;
			text-transform: uppercase;
			margin-bottom: 32px;
		}

		.box-booking p {
			font-weight: 700;
		}

		.box-booking .btn {
			margin-top: 45px;
		}



/*	Page: Contact
-------------------------------------------*/

	.box-map {
		padding: 0;
		background-image: none;
	}

		.box-map iframe {
			display: block;
			width: 100%;
			height: 635px;
			border: 0;
			border-radius: 14px;
		}

	.contact-wrapper {
		display: flex;
		justify-content: space-between;
		margin-top: 25px;
	}

	.box-contact-info {
		width: 400px;
		padding: 60px 48px;
	}

		.box-contact-info h2 {
			color: var(--color-green);
			font-family: 'Starship', sans-serif;
			font-size: 60px;
			font-weight: 400;
			line-height: 65px;
			text-transform: uppercase;
			margin-bottom: 22px;
		}

		.contact-info {

		}

			.contact-info h4 {
				font-size: 21px;
				font-weight: 600;
				line-height: 24px;
				margin-bottom: 16px;
			}

				.contact-info h4 span {
					color: var(--color-green);
				}

			.contact-info .info {
				font-size: 16px;
				line-height: 20px;
				list-style: none;
			}

				.contact-info .info li + li {
					margin-top: 10px;
				}

			.contact-info h5 {
				color: var(--color-green);
				font-size: 18px;
				font-weight: bold;
				line-height: 30px;
				margin-top: 32px;
			}

			.contact-info ul {
				font-size: 14px;
				line-height: 30px;
				list-style: none;
			}

				.contact-info ul li {
					display: flex;
					justify-content: space-between;
				}

			.contact-info .btn {
				margin-top: 32px;
				width: 100%;
				justify-content: center;
			}

	.box-contact-form {
		width: calc(100% - 420px);
		padding: 60px 48px;
	}

		.box-contact-form .gform_heading {
			margin-bottom: 24px;
		}

			.box-contact-form .gform_title {
				color: var(--color-green);
				font-family: 'Starship', sans-serif;
				font-size: 60px;
				font-weight: 400;
				line-height: 65px;
				text-transform: uppercase;
				margin-bottom: 22px;
			}

			.box-contact-form .gform_description {
				display: block;
				font-size: 14px;
				font-weight: 400;
				line-height: 24px;
			}

				.box-contact-form .gform_description a {
					color: var(--color-green);
				}

					.box-contact-form .gform_description a:hover {
						text-decoration: underline;
					}

		.box-contact-form .gform_wrapper {
			position: relative;
		}

			.box-contact-form .gform_footer {
				right: 0;
				bottom: -8px;
				position: absolute;
			}

			.box-contact-form .gfield--type-consent {
				padding-right: 185px;
			}


/*	Box: Gallery
-------------------------------------------*/

	.gallery {
		padding: 6px 0;
		margin: 140px 0;
		position: relative;
		box-shadow: 7px 9.7px 10px rgba(0, 0, 0, 0.17);
		background: url('../img/footer-sep.png') repeat-x top center, url('../img/footer-sep.png') repeat-x bottom center, #0c1014;
	}

		.gallery .swiper-slide img {
			width: 100%;
			height: 450px;
			object-fit: cover;
			object-position: center;
		}

		.gallery .swiper-button-next,
		.gallery .swiper-button-prev {
			color: #fff;
			top: 0px;
			width: 55px;
			height: auto;
			bottom: 0px;
			margin: 0 !important;
			background: rgba(0, 0, 0, 0.5);
			position: absolute;
			transition: all 0.3s ease;
		}

			.gallery .swiper-button-next svg,
			.gallery .swiper-button-prev svg {
				width: auto;
				height: 30px;
				color: #fff;
			}

		.gallery .swiper-button-next {
			right: 0;
		}

			.gallery .swiper-button-disabled {
				cursor: not-allowed !important;
			}


/*	Page: Groups
-------------------------------------------*/

	/*
	 *	Capacity
 	 */
	.capacity {
		margin-top: 130px;
		position: relative;
	}

		.capacity h3 {
			color: var(--color-green);
			font-family: 'Starship', sans-serif;
			font-size: 60px;
			font-weight: 400;
			line-height: 64px;
			text-align: center;
			text-transform: uppercase;
		}

		.capacity .borders {
			display: flex;
			top: 30px;
			left: 0;
			right: 0;
			bottom: 20px;
			position: absolute;
			flex-wrap: wrap;
			justify-content: space-between;
		}

			.capacity .borders div {
				width: 50%;
				height: 50%;
			}

				.capacity .borders div::before {
					content: "";
					position: absolute;
					top: 0px;
					left: 0px;
					width: 100%;
					height: 100%;
					pointer-events: none;
					box-sizing: border-box;
				}

			.capacity .borders .break {
				width: 100%;
				height: 0;
			}

			.capacity .borders .tl {
				width: calc(50% - 144px);
				border-radius: 20px 0 0 0;
				border-top: 1px solid #3e464f;
				border-left: 1px solid #3e464f;
				position: relative;
			}

				.capacity .borders .tl::before {
					border-radius: 19px 0 0 0;
					border-top: 10px solid #0c1014;
					border-left: 10px solid #0c1014;
				}

			.capacity .borders .tr {
				width: calc(50% - 144px);
				border-radius: 0 20px 0 0;
				border-top: 1px solid #3e464f;
				border-right: 1px solid #3e464f;
				position: relative;
			}

				.capacity .borders .tr::before {
					border-radius: 0 19px 0 0;
					border-top: 10px solid #0c1014;
					border-right: 10px solid #0c1014;
				}

			.capacity .borders .bl {
				width: calc(50% - 250px);
				margin-right: 100px;
				border-radius: 0 0 0 20px;
				border-bottom: 1px solid #3e464f;
				border-left: 1px solid #3e464f;
				position: relative;
			}

				.capacity .borders .bl::before {
					border-radius: 0 0 0 19px;
					border-bottom: 10px solid #0c1014;
					border-left: 10px solid #0c1014;
				}

			.capacity .borders .br {
				width: calc(50% - 250px);
				margin-left: 100px;
				border-radius: 0 0 20px 0;
				border-bottom: 1px solid #3e464f;
				border-right: 1px solid #3e464f;
				position: relative;
			}

				.capacity .borders .br::before {
					border-radius: 0 0 19px 0;
					border-bottom: 10px solid #0c1014;
					border-right: 10px solid #0c1014;
				}

		.capacity .items {
			width: 100%;
			display: flex;
			padding: 0 40px;
			justify-content: center;
		}

        .capacity .item {
			width: 100%;
			max-width: 320px;
			margin: 50px 25px 55px 25px;
		}

			.capacity .item .image {
				width: 100%;
				height: 100%;
				height: 200px;
				padding: 10px;
				position: relative;
				margin-bottom: 25px;
			}

				.capacity .item .image img {
					width: 100%;
					height: 100%;
					object-fit: cover;
					object-position: center;
				}

			.capacity .item h2 {
				font-size: 24px;
				line-height: 24px;
				text-transform: uppercase;
				text-align: center;
			}

			.capacity .item p {
				font-size: 16px;
				font-weight: bold;
				line-height: 24px;
				text-align: center;
				margin-top: 12px;
			}

				.capacity .item p strong {
					display: block;
					color: var(--color-green);
					font-size: 36px;
					line-height: 36px;
				}

		.capacity h5 {
			font-size: 36px;
			font-weight: 600;
			line-height: 40px;
			text-align: center;
			text-transform: uppercase;
		}

			.capacity h5 span {
				color: var(--color-green);
			}

	/*
	 *	Groups
	 */
	.groups {
		margin-top: 140px;
	}

		.groups .items {
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
		}

	.box-group-type {
		padding: 10px;
		width: calc(50% - 10px);
		margin-bottom: 20px;
	}

		.box-group-type .head {
			display: flex;
			height: 255px;
			align-items: center;
			justify-content: center;
			padding: 25px 30px;
			background: #161b20;
			position: relative;
			overflow: hidden;
			border-radius: 9px 9px 0 0;
			z-index: 2;
		}

			.box-group-type .head > div {
				z-index: 2;
				text-align: center;
				position: relative;
			}

			.box-group-type .head .bg {
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
				z-index: 1;
				position: absolute;
				object-fit: cover;
				object-position: center;
			}

			.box-group-type .head .icon {
				display: flex;
				height: 80px;
				align-items: center;
				justify-content: center;
				margin-bottom: 20px;
			}

				.box-group-type .head .icon img {
					display: block;
					width: auto;
					height: auto;
					max-height: 80px;
				}

			.box-group-type .head h2 {
				color: #7dedc2;
				font-size: 24px;
				font-weight: 700;
				line-height: 24px;
				text-transform: uppercase;
			}

			.box-group-type .head p {
				font-size: 21px;
				font-weight: 600;
				line-height: 24px;
				text-align: center;
				margin-top: 15px;
			}

		.box-group-type .content {
			font-size: 16px;
			line-height: 24px;
			padding: 35px 30px;
		}

			.box-group-type .content p + p {
				margin-top: 24px;
			}

			.box-group-type .content ul {
				color: #74787c;
				list-style: none;
				margin-top: 22px;
			}

				.box-group-type .content ul li {
					padding-left: 10px;
					margin-left: 4px;
					margin-top: 3px;
				}

				.box-group-type .content ul li::marker {
					content: "·";
					color: var(--color-green);
					font-size: 20px;
					line-height: 24px;
				}

			.box-group-type .content a {
				color: var(--color-green);
				text-decoration: underline;
			}


	/*
	 *	FAQ
	 */
	.group-faq {
		margin-top: 140px;
	}


	/*
	 *	Infos
	 */
	.group-infos {
		display: flex;
		justify-content: space-between;
	}

	.group-infos .box {
		width: calc(50% - 10px);
	}

		.group-infos .box .inner {

			padding: 45px 30px 15px 30px;
		}

		.group-infos .box h3 {
			color: var(--color-green);
			font-family: 'Starship', sans-serif;
			font-size: 60px;
			font-weight: 400;
			line-height: 64px;
			text-transform: uppercase;
			margin-bottom: 45px;
		}

		.group-infos .box ul {
			font-size: 16px;
			line-height: 24px;
			list-style: none;
		}

			.group-infos .box ul li {
				display: flex;
				justify-content: space-between;
			}

				.group-infos .box ul li + li {
					margin-top: 24px;
				}

				.group-infos .box ul li span:last-child {
					color: var(--color-green);
					font-size: 21px;
					font-weight: 600;
				}

		.group-infos .box .note {
			width: 100%;
			color: #53575c;
			font-size: 12px;
			line-height: 16px;
			margin-top: 36px;
			border-top: 1px solid #3e464f;
		}

			.group-infos .box .note::before {
				content: "";
				display: block;
				width: 100%;
				height: 1px;
				background: #10151a;
			}

			.group-infos .box .note p {
				width: 100%;
				display: flex;
				align-items: center;
				min-height: 32px;
				margin-top: 14px;
			}

	/*
	 *	Group Contact
	 */
	.box-group-contact {
		margin-top: 70px;
		padding: 75px 100px;
	}

		.box-group-contact .gform_heading {
			text-align: center;
			margin-bottom: 70px;
		}

		.box-group-contact .gform_title {
			color: var(--color-green);
			font-family: 'Starship', sans-serif;
			font-size: 60px;
			font-weight: 400;
			line-height: 64px;
			text-transform: uppercase;
			margin-bottom: 45px;
		}

		.box-group-contact .gform_description {
			display: block;
			font-size: 24px;
			line-height: 36px;
		}

			.box-group-contact .gform_description a {
				color: var(--color-green);
				text-decoration: underline;
			}

				.box-group-contact .gform_description a:hover {
					text-decoration: none;
				}

		.box-group-contact .gform_footer {
			margin-top: 40px;
			text-align: center;
		}

			.box-group-contact .gform_footer p {
				margin-top: 18px;
				color: #92999e;
				font-size: 16px;
				line-height: 24px;
			}

				.box-group-contact .gform_footer p a:hover {
					color: var(--color-green);
				}


/*	Page: Single Room
-------------------------------------------*/

	/*
	 *	Levels
	 */
	.room-level-item {
		display: flex;
		align-items: center;
	}

		.room-level-item > span {
			font-weight: bold;
		}

		.room-level-item .progress {
			display: flex;
		}

			.room-level-item .progress span {
				width: 12px;
				height: 12px;
				margin-left: 7px;
				background: #ff0200;
			}

				.room-level-item .progress[data-value="1"] span:nth-child(n+2) {
					background: rgba(255, 255, 255, 0.3);
				}

				.room-level-item .progress[data-value="2"] span:nth-child(n+3) {
					background: rgba(255, 255, 255, 0.3);
				}

				.room-level-item .progress[data-value="3"] span:nth-child(n+4) {
					background: rgba(255, 255, 255, 0.3);
				}

				.room-level-item .progress[data-value="4"] span:nth-child(n+5) {
					background: rgba(255, 255, 255, 0.3);
				}

	.room-level-item.sm {
		font-size: 14px;
		line-height: 16px;
	}

		.room-level-item.sm > span {
			padding-right: 10px;
		}

		.room-level-item.sm .progress span {
			width: 10px;
			height: 10px;
			margin-left: 5px;
		}


	/*
	 *	Room info
	 */
	.room-info {
		display: flex;
		list-style: none;
		font-size: 18px;
		font-weight: bold;
		line-height: 30px;		;
		text-transform: uppercase;
		justify-content: center;
		padding: 14px 35px;
		border-radius: 30px;
		background: rgba(0, 0, 0, 0.3);
		border: 1px solid rgba(255, 255, 255, 0.3);
	}

		.room-info li + li:not(.sep):before {
			content: "·";
			margin: 0 15px;
		}

			.room-info li span {
				color: #7dedc2;
			}

	.room-info.sm {
		font-size: 13px;
		font-weight: 400;
		line-height: 16px;
		padding-left: 25px;
		padding-right: 25px;
	}

		.room-info.sm li + li:before {
			margin: 0 10px;
		}

		.room-info.sm li span {
			font-weight: bold;
		}


	/*
	 *	Room item
	 */
	.room-item {
		width: 100%;
		max-width: 890px;
		height: 590px;
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 0 22px;
		position: relative;
		box-shadow: 9px 12px 38px rgba(0, 0, 0, 0.39);
	}

		.room-item .image {
			width: 100%;
			height: 100%;
			padding: 7px;
			z-index: 1;
			position: absolute;
		}

			.room-item .image img {
				width: 100%;
				height: 100%;
				z-index: 1;
				object-fit: cover;
				object-position: center;
				position: relative;
			}

			.room-item .image::before {
				content: "";
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
				z-index: 2;
				position: absolute;
				background: url('../img/room-frame-jailcell.png') no-repeat top left / 100% 100%;
			}

		.room-item .content {
			z-index: 2;
			text-align: center;
			position: relative;
		}

			.room-item .content h5 {
				color: #ff0200;
				font-size: 14px;
				font-weight: 600;
				line-height: 16px;
				letter-spacing: 0.4em;
				text-transform: uppercase;
				padding-left: 0.4em;
				margin-bottom: 14px;
			}

			.room-item .content h2 {
				font-size: 72px;
				line-height: 62px;
				text-transform: uppercase;
			}

			.room-item .content .room-info {
				margin-top: 32px;
				margin-bottom: 40px;
			}

			.room-item .content .levels {
				display: flex;
				align-items: center;
				justify-content: center;
				margin-bottom: 60px;
			}

				.room-item .content .levels .room-level-item + .room-level-item {
					margin-left: 32px;
				}


		.room-item.room-detention .image::before {
			background: url('../img/room-frame-detention.png') no-repeat top left / 100% 100%;
		}

		.room-item.room-hauntedhouse .image::before {
			background: url('../img/room-frame-hauntedhouse.png') no-repeat top left / 100% 100%;
		}

			.room-item.room-hauntedhouse .content h2 {
				font-size: 60px;
				line-height: 60px;
				margin-top: -8px;
				margin-bottom: -5px;
			}

				.room-item.room-hauntedhouse .content h2 small {
					display: block;
					font-size: 26px;
					line-height: 26px;
				}



	/*
	 *	Hero
	 */
	.room-hero {
		min-height: 1000px;
		display: flex;
		align-items: center;
		padding: 110px 0;
		background: #0c1014;
		position: relative;
	}

		.room-hero .bg {
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			z-index: 1;
			position: absolute;
		}

			.room-hero .bg img {
				width: 100%;
				height: 100%;
				object-fit: cover;
				object-position: center;
			}

		.room-hero .container {
			z-index: 2;
			text-align: center;
			position: relative;
		}

		.room-hero .head {
			display: inline-block;
			text-align: center;
			position: relative;
		}

			.room-hero h5 {
				color: #ff0200;
				font-size: 14px;
				line-height: 16px;
				letter-spacing: 0.4em;
				text-transform: uppercase;
				padding-left: 0.4em;
				margin-bottom: 15px;
			}

			.room-hero h1 {
				color: #fff;
				font-size: 150px;
				font-weight: 400;
				line-height: 150px;
				text-transform: uppercase;
				margin-bottom: 20px;
			}

				.room-hero h1.font-stencil {
					margin-bottom: -25px;
				}

				.room-hero h1.font-gloock {
					font-size: 120px;
					line-height: 105px;
					margin-bottom: 0;
				}

				.room-hero h1 small {
					display: block;
					font-size: 0.45em;
					line-height: 0.6em;
					padding-top: 10px;
					padding-bottom: 0.2em;
				}

			.room-hero .head img {
				top: -95px;
				left: calc(100% + 15px);
				position: absolute;
			}

		.room-hero .levels {
			display: flex;
			align-items: center;
			justify-content: center;
			position: relative;
			margin: 40px 0;
		}

			.room-hero .levels::before,
			.room-hero .levels::after {
				content: "";
				display: block;
				width: 250px;
				height: 2px;
				background: #ffffff;
			}

				.room-hero .levels::before {
					margin-right: 35px;
				}

				.room-hero .levels::after {
					margin-left: 35px;
				}

			.room-hero .levels .room-level-item {
				margin: 0 35px;
			}

		.room-hero p {
			font-size: 30px;
			font-weight: 700;
			line-height: 50px;
		}

		.room-hero .room-info {
			margin: 50px 0 65px 0;
		}


	/*
	 *	Gallery
	 */
	.room-gallery {
		margin: 0;
	}


	/*
	 *	Room About
	 */
	.box-room-about {
		margin-top: 90px;
	}

		.box-room-about .text {
			padding: 40px 105px 35px 105px;
		}

			.box-room-about .text h3 {
				font-family: 'Starship', sans-serif;
				font-size: 40px;
				font-weight: 400;
				line-height: 40px;
				text-transform: uppercase;
				margin-bottom: 25px;
			}

		.box-room-about .bottom {
			font-size: 12px;
			line-height: 16px;
			padding: 25px 105px 30px 105px;
		}

			.box-room-about .bottom > div {
				display: flex;
				justify-content: space-between;
			}

				.box-room-about .bottom img {
					width: 97px;
					height: 87px;
					min-width: 97px;
				}

			.box-room-about .bottom > div > div {
				width: calc(100% - 125px);
			}

			.box-room-about .bottom h4 {
				font-size: 24px;
				line-height: 32px;
				margin-bottom: 5px;
			}

				.box-room-about .bottom h4 span {
					display: block;
					color: var(--color-green);
				}


	/*
	 *	Room booking
	 */
	.room-booking-frame {
		margin-top: 140px;
	}

		.box-booking-iframe {
			background-image: none;
		}

			.box-booking-iframe #bookeo_position {
				width: 100%;
				height: 500px !important;
				min-height: 0px !important;
				overflow-x: hidden;
				border: 0;
			}

				/*
				.box-booking-iframe #bookeo_position::-webkit-scrollbar {
					display: none;
				}
				 */


	/*
	 *	FAQ
	 */
	.room-faq {
		margin-top: 140px;
	}

		.room-faq .toggle {
			max-width: 820px;
			margin-left: auto;
			margin-right: auto;
		}


	/*
	 *	Other rooms
	 */
	.room-list {
		width: 100%;
		margin-top: 140px;
	}

		.room-list .items {
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
		}

			.room-list .items .room-item {
				width: calc(50% - 44px);
				margin-bottom: 40px;
			}



/*	Box: Contact with map
-------------------------------------------*/

	.contact-with-map {
		margin-top: 140px;
	}

	.box-contact-with-map {
		padding: 16px;
	}

	.box-contact-with-map .inner {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

		.box-contact-with-map .inner .map {
			width: calc(100% - 350px);
			height: 600px;
			position: relative;
		}

			.box-contact-with-map .inner .map iframe {
				width: 100%;
				height: 100%;
				position: absolute;
				border: 0;
			}

		.box-contact-with-map .inner .contact-info {
			width: 270px;
			margin-right: 32px;
		}



/*	Section: Rooms
-------------------------------------------*/

	.rooms {

	}

		.rooms .page-header {
			padding-bottom: 20px;
		}

	/*
	 *	Room banner
	 */
	.room-banner {
		z-index: 2;
		display: flex;
		align-items: center;
		justify-content: space-between;
		position: relative;
		padding: 62px 80px 65px 80px;
	}

		.room-banner + .room-banner {
			margin-top: 100px;
		}

		.room-banner .bg {
			top: 0;
			left: 0;
			bottom: 0;
			z-index: -1;
			position: absolute;
			width: calc(100% - 220px);
			max-width: 1580px;
			background-color: #232b32;
			background-repeat: no-repeat;
			background-position: center center;
			background-size: cover;
			box-shadow: 9px 12px 38px rgba(0, 0, 0, 0.39);
		}

		.room-banner .content {
			width: 630px;
		}

			.room-banner h5 {
				color: #ff0200;
				font-size: 14px;
				font-weight: 600;
				line-height: 16px;
				letter-spacing: 0.4em;
				text-transform: uppercase;
				margin-bottom: 15px;
			}

			.room-banner h2 {
				font-size: 82px;
				line-height: 70px;
				margin-bottom: -3px;
			}

				.room-banner.room-detention h2 {
					font-size: 82px;
					line-height: 80px;
					margin-top: -14px;
					margin-bottom: 2px;
				}

				.room-banner.room-hauntedhouse h2 {
					font-size: 66px;
					line-height: 64px;
					margin-top: -10px;
					margin-bottom: 4px;
				}

					.room-banner.room-hauntedhouse h2 small {
						display: block;
						font-size: 26px;
						line-height: 26px;
					}

				.room-banner.room-alien h2 {
					font-size: 77px;
					line-height: 73px;
					text-transform: uppercase;
				}

					.room-banner.room-alien h2 span {
						z-index: 2;
						display: block;
						color: var(--color-green);
						position: relative;
						margin-top: 30px;
					}

						.room-banner.room-alien h2 span img {
							z-index: -1;
							top: -85px;
							left: -44px;
							position: absolute;
						}

			.room-banner h6 {
				color: #9ca1a6;
				font-size: 12px;
				font-weight: 400;
				line-height: 14px;
			}

				.room-banner h6 a {
					color: var(--color-green);
				}

					.room-banner h6 a:hover {
						text-decoration: underline;
					}

			.room-banner .room-info {
				width: auto;
				display: inline-flex;
				margin: 22px 0 30px 0;
			}

			.room-banner p {
				max-width: 620px;
				font-size: 18px;
				font-weight: bold;
				line-height: 30px;
				padding-bottom: 10px;
			}

			.room-banner .room-level-item {
				margin-top: 24px;
			}

			.room-banner .room-level-item > span {
				width: 105px;
			}

			.room-banner .btn {
				margin-top: 45px;
			}

		.room-banner .image {
			width: calc(100% - 750px);
			max-width: 930px;
			height: 620px;
			margin-left: 120px;
			position: relative;
		}

			.room-banner .image .swiper {
				top: 7px;
				left: 7px;
				bottom: 7px;
				right: 7px;
				z-index: 1;
				position: absolute;
				box-shadow: 16px 18px 10px rgba(0, 0, 0, 0.39);
			}

				.room-banner .image .swiper-button-prev,
				.room-banner .image .swiper-button-next {
					z-index: 2;
					width: 48px;
					height: auto;
					color: #fff;
					display: flex;
					align-items: center;
					justify-content: center;
					background: rgba(0, 0, 0, 0.5);
					position: absolute;
					margin-top: 0;
				}

					.room-banner .image .swiper-button-prev svg,
					.room-banner .image .swiper-button-next svg {
						width: 14px;
						height: 24px;
					}

					.room-banner .image .swiper-button-prev {
						padding-right: 2px;
					}

					.room-banner .image .swiper-button-next {
						padding-left: 2px;
					}

			.room-banner .image .swiper-slide img {
				width: 100%;
				height: 100%;
				object-fit: cover;
				object-position: center;
			}

			.room-banner .image::before {
				content: "";
				z-index: 2;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				position: absolute;
			}

			.room-banner.room-jailcell .image::before {
				background: url('../img/room-frame-jailcell.png') no-repeat top left / 100% 100%;
			}

				.room-banner.room-jailcell .bg {
					background-image: url('../img/room-banner-bg-jailcell.jpg');
				}

				.room-banner.room-jailcell .image .swiper-button-prev,
				.room-banner.room-jailcell .image .swiper-button-next {
					top: 25px;
					left: 21px;
					bottom: 25px;
				}

				.room-banner.room-jailcell .image .swiper-button-next {
					left: auto;
					right: 21px;
				}

				.room-banner.room-jailcell .image .d1 {
					top: -80px;
					left: 65px;
					z-index: 5;
					position: absolute;
				}

				.room-banner.room-jailcell .image .d2 {
					left: -250px;
					bottom: -72px;
					z-index: 5;
					position: absolute;
				}

			.room-banner.room-detention .image::before {
				background: url('../img/room-frame-detention.png') no-repeat top left / 100% 100%;
			}

				.room-banner.room-detention .bg {
					background-image: url('../img/room-banner-bg-detention.jpg');
				}

				.room-banner.room-detention .image .swiper-button-prev,
				.room-banner.room-detention .image .swiper-button-next {
					top: 16px;
					left: 15px;
					bottom: 12px;
					background: none;
				}

				.room-banner.room-detention .image .swiper-button-next {
					left: auto;
					right: 20px;
				}

				.room-banner.room-detention .image .d1 {
					top: -34px;
					right: -60px;
					z-index: 1;
					position: absolute;
				}

				.room-banner.room-detention .d2 {
					right: 86px;
					bottom: 23px;
					z-index: 5;
					position: absolute;
				}

			.room-banner.room-hauntedhouse .image::before {
				background: url('../img/room-frame-hauntedhouse.png') no-repeat top left / 100% 100%;
			}

				.room-banner.room-hauntedhouse .bg {
					background-image: url('../img/room-banner-bg-hauntedhouse.jpg');
				}

				.room-banner.room-hauntedhouse .image .swiper-button-prev,
				.room-banner.room-hauntedhouse .image .swiper-button-next {
					top: 30px;
					left: 21px;
					bottom: 30px;
				}

				.room-banner.room-hauntedhouse .image .swiper-button-next {
					left: auto;
					right: 21px;
				}

				.room-banner.room-hauntedhouse .image .d1 {
					top: -62px;
					left: -173px;
					z-index: 3;
					position: absolute;
				}

				.room-banner.room-hauntedhouse .d2 {
					left: -134px;
					bottom: -65px;
					z-index: 5;
					position: absolute;
				}

			.room-banner.room-alien .image::before {
				background: url('../img/room-frame-alien.jpg') no-repeat top left / 100% 100%;
			}

				.room-banner.room-alien .bg {
					background-image: url('../img/room-banner-bg-alien.jpg');
				}

				.room-banner.room-alien .image .d1 {
					top: 98px;
					right: -237px;
					z-index: 3;
					position: absolute;
				}

	/*
	 *	Left
	 */
	.room-banner.right .content {
		order: 2;
	}

	.room-banner.right .image {
		order: 1;
		margin-left: 0;
		margin-right: 120px;
	}

	.room-banner.right .bg {
		right: 0;
		left: auto;
		box-shadow: -9px 12px 38px rgba(0, 0, 0, 0.39);
	}



/*	Box: Game includes
-------------------------------------------*/

	.box-game-includes {
		padding: 0;
		margin-top: 140px;
		text-align: center;
	}

	.box-game-includes .inner {
		padding: 10px;
	}

	.box-game-includes .text {
		padding: 40px 60px 35px 60px;
	}

		.box-game-includes h3 {
			color: #ffffff;
			font-family: 'Starship', sans-serif;
			font-size: 40px;
			font-weight: 400;
			line-height: 40px;
			text-transform: uppercase;
			margin-bottom: 35px;
		}

	.box-game-includes .items {
		display: flex;
		justify-content: center;
		padding-bottom: 10px;
	}

		.box-game-includes .item {
			width: 25%;
			padding: 0 25px;
		}

			.box-game-includes .item .icon {
				display: flex;
				height: 84px;
				align-items: center;
				justify-content: center;
			}

			.box-game-includes .item p {
				font-size: 21px;
				font-weight: 600;
				line-height: 24px;
				text-align: center;
				text-transform: uppercase;
				margin-top: 24px;
			}

	.box-game-includes .bottom {
		font-size: 14px;
		line-height: 18px;
		padding: 18px 25px;
	}


/*	Section: builder
-------------------------------------------*/

	.about-builder {
		margin-top: 140px;
	}

	.about-builder .content {
		display: flex;
		justify-content: space-between;
		margin-top: 75px;
	}

		.about-builder .content .text {
			order: 2;
			width: calc(100% - 360px);
			margin-top: 10px;
		}

			.about-builder .content .general-content p {
				font-style: italic;
			}

			.about-builder .content .general-content p.intro {
				font-size: 24px;
				font-weight: 400;
				line-height: 36px;
			}

			.about-builder .content .general-content h5 {
				margin-top: 30px;
			}

		.about-builder .content .image {
			order: 1;
			width: 308px;
			height: 412px;
			padding: 34px;
			position: relative;
		}

		.about-builder .content .image:before {
			content: "";
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			position: absolute;
			background: url('../img/about-grunge-frame.png') no-repeat top left / contain;
		}

		.about-builder .content .image img {
			width: 100%;
			height: 100%;
			object-fit: cover;
			object-position: center;
		}

	.about-builder .buttons {
		display: flex;
		justify-content: center;
		margin-top: 120px;
	}

		.about-builder .buttons .btn + .btn {
			margin-left: 20px;
		}



/*	Page: Home
-------------------------------------------*/

	/*
	 *	Hero
	 */
	.home-hero {
		min-height: 1000px;
		display: flex;
		padding: 75px 0;
		background: #0c1014 url('../img/footer-sep.png') repeat-x bottom center;
		position: relative;
		z-index: 2;
	}


	.home-hero .bg {
		top: 0;
		left: 0;
		right: 0;
		bottom: 6px;
		z-index: 1;
		position: absolute;
	}

		.home-hero .bg img {
			width: 100%;
			height: 100%;
			object-fit: cover;
			object-position: center;
		}

	.home-hero .container {
		z-index: 2;
		text-align: center;
		position: relative;
	}

		.home-hero .logo {
			display: block;
			margin: 0 auto 36px auto;
		}

		.home-hero h1 {
			color: transparent;
			font-family: 'Starship', sans-serif;
			font-size: 180px;
			font-weight: 400;
			line-height: 180px;
			text-align: center;
			text-transform: uppercase;
			background-image: linear-gradient(0deg, #78ecbf 0%, #ffffff 100%);
			background-clip: text;
			-webkit-background-clip: text;
			-webkit-text-fill-color: transparent;
		}

		.home-hero p {
			font-size: 30px;
			font-weight: 700;
			line-height: 40px;
			margin-top: 20px;
		}

			.home-hero p span {
				color: var(--color-green);
				display: inline-block;
				margin: 0 20px;
			}

				.home-hero p span::before {
					content: "•";
				}

		.home-hero .buttons {
			display: flex;
			margin-top: 75px;
			justify-content: center;
		}

			.home-hero .buttons .btn + .btn {
				margin-left: 20px;
			}

		.home-hero .badge {
			top: 100px;
			right: 0;
			position: absolute;
		}


	/*
	 *	Box includes
	 */
	.home .box-game-includes {
		z-index: 1;
		margin-top: 65px;
		margin-bottom: 140px;
	}


/*	Responsive
-------------------------------------------*/

@media (max-width: 1640px)
{
	header .left { width: 200px; }
	header .right { width: 480px; }
	header nav { width: calc(100% - 200px - 480px); }

	.room-banner.left { padding-right: 40px; }
	.room-banner.right { padding-left: 40px; }
}

@media (max-width: 1520px)
{
	.room-banner .image { height: 460px; width: calc(100% - 650px); margin-left: 20px; }
	.room-banner.right .image { margin-right: 20px; }
	.room-banner.right .content { padding-left: 60px; }

	.room-banner.room-jailcell .image .d1 { width: 130px; height: auto; }
	.room-banner.room-jailcell .image .d2 { width: 270px; height: auto; left: -200px; }

	.room-banner.room-detention .image .d1 {  height: 560px; width: 120px; right: -35px; }
	.room-banner.room-detention .d2 { width: 150px; height: auto; bottom: 50px; }

	.room-banner.room-hauntedhouse .image .d1 { width: 300px; height: auto; top: -125px; }
	.room-banner.room-hauntedhouse .d2 { width: 260px; height: auto; bottom: -128px; left: -100px; }

	.room-banner.room-alien .image .d1 { width: 260px; height: auto; top: 50px; right: -150px; }

	header .phone { margin-right: 25px; }
}

@media (max-width: 1360px)
{
	header { padding-left: 3%; padding-right: 3%; }
	header nav { width: calc(100% - 200px - 440px); }
	header nav ul li { margin: 0 15px; }
	header .right .phone { margin-right: 20px; }
	header .right { width: 440px; }
	header .right .btn + .btn { margin-left: 12px; }

	.room-list .items { display: block; }
	.room-list .items .room-item { width: 100%; margin-left: auto; margin-right: auto; }
	.room-hero h1 { font-size: 115px; line-height: 115px; }
	.room-hero h1.font-gloock { font-size: 100px; line-height: 90px; }
	.room-hero .levels .room-level-item { margin: 0 20px; }
}

@media (max-width: 1280px)
{
	header nav { display: none; }
	header .btn-menu-trigger { display: inline-flex; }
	header .right .btn-gift-card { display: none; }

	.room-banner { flex-direction: column; padding-left: 3% !important; padding-right: 3% !important; }
	.room-banner .bg { width: 100%; max-width: 100%; }
	.room-banner .content { text-align: center; order: 2; padding-left: 0 !important; padding-right: 0 !important; width: 100%; max-width: 720px; }
	.room-banner p { max-width: 100%; padding-left: 15px; padding-right: 15px; }
	.room-banner .image { order: 1; width: 100%; height: auto; aspect-ratio: 1864/1244; margin-left: auto !important; margin-right: auto !important; margin-bottom: 50px; }
	.room-banner .levels { display: flex; justify-content: center; margin-top: 20px; }
	.room-banner .room-level-item { margin-top: 0; }
	.room-banner .room-level-item + .room-level-item { margin-left: 20px; }
	.room-banner + .room-banner { margin-top: 50px; }

	.room-banner .d1 { display: none !important; }
	.room-banner .d2 { display: none !important; }

	.room-banner.room-alien .d2 { display: block !important; }
	.room-banner.room-alien h2 span img { left: 50%; transform: translateX(-50%); }

	.section-about { padding-top: 80px; }
}

@media (max-width: 1230px)
{
	main { margin: 40px 0 85px 0; }
	main.page-wrapper { margin-top: 40px; }

	.home-hero { min-height: 920px; }
	.home-hero h1 { font-size: 130px; line-height: 130px; }
	.home-hero p { font-size: 24px; line-height: 34px; }
	.home-hero .badge { top: 190px; width: 160px; height: 160px; }

	.page-title { font-size: 100px; line-height: 100px; }
	.page-intro { max-width: 900px; font-size: 21px; line-height: 32px; margin-bottom: 60px; margin-top: 25px; }

	.stats { padding: 0; }
	.box-stat { font-size: 14px; line-height: 18px; }
	.box-stat strong { font-size: 50px; }

	.section-about { padding-bottom: 100px; }

	.rules .items { flex-direction: column }
	.rules .box-rule + .box-rule { margin-top: 30px; }

	.timeline { margin-top: 120px; }

	.testimonials { padding-top: 20px; margin-bottom: 100px; }
	.box-review .inner { min-height: 340px; }

	.latest-posts + .posts { margin-top: 80px; }

	.box-newsletter { margin-top: 90px; }

	.blog-meta { margin-bottom: 50px; }
	.article-container { flex-direction: column; margin-bottom: 80px; }
	.article-container .content { width: 100%; }
	.article-container .sidebar { width: 100%; margin-top: 50px; }

	.widget-toc { display: none; }
	.widget + .widget { margin-top: 0; }

	.box-faq + .box-faq { margin-top: 70px; }

	.group-faq { margin-top: 100px; }

	.gallery { margin-top: 100px; margin-bottom: 100px; }

	.box-group-contact .gform_title { margin-bottom: 30px; }
	.box-group-contact .gform_description { font-size: 20px; line-height: 25px; }

	.capacity .item { margin-left: 15px; margin-right: 15px; }

	.groups { margin-top: 100px; }

	.room-list { margin-top: 110px; }
	.box-game-includes { margin-top: 100px; }

	.capacity { margin-top: 100px; }

	.gallery .swiper-slide img { height: 300px; }

	.room-hero { min-height: 700px; }
	.room-hero h1 { font-size: 105px; line-height: 105px; }
	.room-hero .head img { width: 120px; height: 120px; top: -80px; }
	.room-hero .levels::before { margin-right: 10px; width: 180px; }
	.room-hero .levels::after { margin-left: 10px; width: 180px; }
	.room-hero p { font-size: 20px; line-height: 30px; max-width: 900px; margin-left: auto; margin-right: auto; }
	.room-info { font-size: 16px; }
	.room-gallery { margin-top: 0; margin-bottom: 80px; }

	.box-room-about { margin-top: 60px; }
	.box-room-about .text { padding-left: 55px; padding-right: 55px; }
	.box-room-about .bottom { padding-left: 55px; padding-right: 55px; }

	.room-booking-frame { margin-top: 100px; }

	.room-faq { margin-top: 100px; }

	.contact-with-map { margin-top: 100px; }
}

@media (max-width: 1023px)
{
	footer .cols { flex-wrap: wrap; padding-left: 20px; }
	footer .col { width: calc(50% - 20px); }
	footer .col h4 { margin: 0 0 10px 0; }
	footer .col:nth-child(n+3) { margin-top: 25px; }

	.btn.lg { font-size: 18px; padding: 20px 30px; }

	.stats { flex-wrap: wrap; }
	.box-stat { width: calc(50% - 20px); }

	.page-subtitle { font-size: 13px; letter-spacing: 0.25em; padding-left: 0.25em; }
	.page-title { font-size: 80px; line-height: 80px; }
	.page-intro { font-size: 19px; line-height: 30px; margin-bottom: 40px; }
	.page-intro br { display: none; }

	.testimonials { margin-bottom: 80px; padding-top: 0; }
	.testimonials .items { flex-direction: column; }
	.box-review + .box-review { margin-top: 30px; }
	.box-review .inner { min-height: 0; }

	.section-about .content { flex-direction: column; align-items: center; }
	.section-about .content .general-content { width: 100%; }
	.section-about .content .image { margin-top: 50px; }

	.latest-posts { flex-direction: column; }
	.latest-posts .post-item.featured { width: 100%; margin-bottom: 25px; }
	.latest-posts .right { width: 100%; }
	.latest-posts .right .post-item { width: 100%; height: auto; }

	.posts .items { margin-top: 40px; }
	.posts .items .post-item { width: calc(50% - 20px); }

	.box-newsletter { margin-bottom: 100px; }

	.blog-header .featured-image img { height: 420px; }
	.blog-header .page-title { font-size: 70px; line-height: 75px; }
	.blog-header .page-intro { font-size: 18px; line-height: 30px; }

	.box-map iframe { height: 480px; }

	.contact-wrapper { flex-direction: column; }
	.box-contact-info { width: 100%; padding: 40px 35px; }
	.box-contact-form { width: 100%; margin-top: 50px; padding: 40px 35px; }

	.section-title { margin-bottom: 40px; }
	.section-title h2 { font-size: 55px; line-height: 60px; }
	.section-title p { font-size: 20px; line-height: 30px; }

	.capacity { margin-top: 70px; }
	.capacity .items { flex-direction: column; padding: 40px 50px; }
	.capacity .item { width: 100%; max-width: 100%; margin: 0; }
	.capacity .item + .item { margin-top: 50px; }
	.capacity .item .image { height: 250px; }
	.capacity .borders .bl { margin-right: 0; width: calc(50% - 200px); }
	.capacity .borders .br { margin-right: 0; width: calc(50% - 200px); }
	.capacity .borders .step { width: 100%; display: block; }
	.capacity h5 { font-size: 28px; line-height: 32px; padding-bottom: 6px; }

	.box-group-type { width: 100%; }

	.group-faq { margin-top: 70px; }

	.gallery { margin: 80px 0; }

	.group-infos { display: block; }
	.group-infos .box { width: 100%; }
	.group-infos .box h3 { font-size: 55px; line-height: 60px; }
	.group-infos .box + .box { margin-top: 50px; }

	.box-group-contact { margin-top: 50px; padding: 50px 35px; }
	.box-group-contact .gform_description { font-size: 18px; line-height: 28px; }
	.box-group-contact .gform_heading { margin-bottom: 40px; }

	.home-hero { min-height: 0px; padding-bottom: 80px; }
	.home-hero .logo { width: 480px; height: auto; }
	.home-hero h1 { font-size: 105px; line-height: 105px; }
	.home-hero p { font-size: 20px; line-height: 24px; }
	.home-hero p span { margin: 0 15px; }
	.home-hero .badge { width: 125px; height: 125px; top: -50px; }
	.home-hero .buttons { margin-top: 60px; }

	.box-game-includes .text { padding-left: 15px; padding-right: 15px; }
	.box-game-includes .item { padding: 0 15px; }
	.box-game-includes .item .icon { height: 70px; }
	.box-game-includes .item .icon img { max-height: 70px; width: auto; }
	.box-game-includes .item p { font-size: 18px; font-weight: bold; line-height: 21px; }

	.home .box-game-includes { margin-bottom: 80px; }

	.about-builder { margin-top: 100px; }
	.about-builder .buttons { margin-top: 80px; }

	.room-list { padding-left: 3%; padding-right: 3%; margin-top: 80px; }
	.room-item { height: 560px; }

	.room-hero { min-height: 0; padding: 100px 0 80px 0;  }
	.room-hero .head { width: 100%; }
	.room-hero h5 { font-size: 13px; line-height: 18px; letter-spacing: 0.3em; }
	.room-hero h1 { font-size: 90px; line-height: 90px; }
	.room-hero h1.font-gloock { font-size: 60px; line-height: 50px; }
	.room-hero h1.font-gloock small { padding-top: 5px; }
	.room-hero .levels .room-level-item { margin: 0; font-size: 14px; }
	.room-hero .levels .room-level-item + .room-level-item { margin-left: 25px; }
	.room-hero .levels::before { width: 70px; margin-right: 20px; }
	.room-hero .levels::after { width: 70px; margin-left: 20px; }
	.room-hero p { font-size: 19px; line-height: 28px; }
	.room-hero .head img { width: 100px; height: 100px; top: -75px; right: 0; left: auto; }
	.room-hero .room-info { font-size: 14px; }
	.room-hero .room-info li + li::before { margin: 0 12px; }

	.room-gallery { margin-top: 0; }
}

@media (max-width: 767px)
{
	body { padding-top: 73px; font-size: 16px; line-height: 24px; }

	.btn.lg { padding: 16px 25px; font-size: 16px; line-height: 24px; }

	main { margin-bottom: 65px; }

	header { padding-top: 16px; padding-bottom: 16px; }
	header .left { width: auto; }
	header .right { width: auto; }
	header .logo img { width: 140px; height: auto; }
	header .right .phone { font-size: 16px; line-height: 20px; font-weight: bold; text-align: center; padding: 16px 6px; margin: 0; position: fixed; bottom: 0; left: 0; right: 0; background: rgba(12, 15, 20, 0.8); }
	header .btn-menu-trigger { padding-left: 12px; padding-right: 12px; }
	header .btn-menu-trigger span { display: none; }
	header .btn-menu-trigger svg { margin-right: 0; }

	footer .top .container { flex-direction: column; text-align: center; }
	footer .top .about { width: 100%; padding-right: 0; }
	footer .top .about img { margin-left: auto; margin-right: auto; }
	footer .top .about .socials { justify-content: center; padding-bottom: 35px; }
	footer .cols { padding-left: 0; }
	footer .bottom .container { padding-bottom: 52px; text-align: center; }

	.home-hero { padding-top: 50px; padding-bottom: 50px; }
	.home-hero .logo { max-width: 300px; }
	.home-hero p { font-size: 18px; }
	.home-hero p span:nth-child(2) { display: block; width: 100%; height: 3px; text-indent: -9999px; }
	.home-hero .badge { width: 80px; height: 80px; top: -40px; }
	.home-hero h1 { font-size: 100px; line-height: 100px; }
	.home-hero .buttons { margin-top: 40px; flex-direction: column; }
	.home-hero .buttons .btn + .btn { margin-top: 10px; margin-left: 0; }

	.btn { padding-left: 16px; padding-right: 16px;  justify-content: center }

	.box-game-includes .items { flex-wrap: wrap; }
	.box-game-includes .item { width: 50%; }
	.box-game-includes .item p { font-size: 16px; line-height: 19px; margin-top: 16px; }
	.box-game-includes .item:nth-child(n+3) { margin-top: 30px; }
	.box-game-includes .item .icon { height: 60px; }
	.box-game-includes .item .icon img { height: 60px; }
	.box-game-includes .bottom { font-size: 13px; }

	.page-title { font-size: 60px; line-height: 60px; }
	.page-subtitle { letter-spacing: 0.2em; padding-left: 0.2em; }
	.page-intro { font-size: 17px; line-height: 25px; padding-left: 5px; padding-right: 5px; margin-bottom: 35px; }

	.home .box-game-includes { margin-bottom: 50px; }

	.rooms .page-header { padding-bottom: 0; }
	.room-banner + .room-banner { margin-top: 30px; }
	.room-banner { padding-top: 30px; padding-bottom: 40px; }
	.room-banner h5 { font-size: 12px; letter-spacing: 0.2em; padding-left: 0.2em; }
	.room-banner h2 { font-size: 60px; line-height: 55px; }
	.room-banner h6 { margin-top: 5px; }
	.room-banner p { font-size: 16px; line-height: 24px; padding-bottom: 5px; }
	.room-banner .levels { flex-direction: column; align-items: center; }
	.room-banner .room-level-item + .room-level-item  { margin: 10px 0 0 0; }
	.room-banner .btn { margin-top: 30px; }
	.room-banner .image { margin-bottom: 30px; }
	.room-info { flex-wrap: wrap; padding-left: 12px; padding-right: 12px; }
	.room-info li.sep { width: 100%; height: 3px; display: block; }
	.room-info li + li::before { margin: 0 6px !important; }
	.room-info li:nth-child(5)::before { display: none; }

	.room-banner.room-detention h2 { font-size: 50px; line-height: 50px; }
	.room-banner.room-hauntedhouse h2 { font-size: 50px; line-height: 50px; }
	.room-banner.room-alien h2 { font-size: 46px; line-height: 46px; }
	.room-banner.room-alien .d2 { height: 150px; width: auto; top: -60px; }

	.room-banner.room-jailcell .image .swiper-button-prev { left: 2.5%; top: 3%; bottom: 3.7%; }
	.room-banner.room-jailcell .image .swiper-button-next { right: 2.5%; top: 3%; bottom: 3.7%; }

	.room-banner.room-detention .image .swiper-button-prev { left: 2%; top: 2%; bottom: 2%; }
	.room-banner.room-detention .image .swiper-button-next { right: 2%; top: 2%; bottom: 2%; }

	.room-banner.room-hauntedhouse .image .swiper-button-prev { left: 3.5%; top: 3.8%; bottom: 3.8%; }
	.room-banner.room-hauntedhouse .image .swiper-button-next { right: 3.5%; top: 3.8%; bottom: 3.8%; }

	.room-booking-frame { margin-top: 50px; }
	.room-faq { margin-top: 50px; }

	.contact-with-map { margin-top: 50px; }
	.contact-with-map .inner { display: block; }
	.box-contact-with-map .inner .map { width: 100%; height: 300px; }
	.box-contact-with-map .inner .contact-info { margin-top: 30px; width: 100%; }
	.contact-info .btn { margin-top: 25px; margin-bottom: 15px; }

	.about-builder { margin-top: 50px; }
	.about-builder .content { margin-top: 30px; flex-direction: column; align-items: center; }
	.about-builder .content .image { margin-bottom: 30px; }
	.about-builder .content .text { width: 100%; text-align: center }
	.about-builder .buttons { margin-top: 45px; flex-direction: column; }
	.about-builder .buttons .btn + .btn { margin-top: 15px; margin-left: 0; }

	.box-message .content { padding: 45px 25px; }

	.box-stat { font-size: 13px; line-height: 16px; }
	.box-stat .inner { padding: 20px 10px; }
	.box-stat strong { font-size: 36px; line-height: 40px; }

	.section-about { padding-top: 40px; padding-bottom: 60px; }
	.section-about .content .general-content { text-align: center; }

	.section-title { margin-bottom: 25px; }
	.section-title h2 { font-size: 45px; line-height: 50px; }
	.section-title p { font-size: 16px; line-height: 24px; margin-top: 18px; }

	.rules { padding: 55px 0; }
	.box-rule .inner { padding: 30px 25px; }
	.box-rule .inner h3 { margin-bottom: 25px; }

	.testimonials { margin-bottom: 50px; }
	.box-review .inner { padding: 30px 25px; }

	.box-booking .content { padding: 45px 25px; }
	.box-booking .btn { margin-top: 30px; }

	.timeline { margin-top: 65px; margin-bottom: 45px; }
	.timeline .items { background-position: 36px bottom; }
	.timeline .items .row { width: 100% !important; padding-left: 90px !important; margin-left: 0px !important; padding-right: 0; text-align: left !important; }
	.timeline .items .row { margin-top: 25px; }
	.timeline .items .row .year { left: 0; margin-left: 0; }
	.timeline .items .row h5 { font-size: 12px; line-height: 14px; letter-spacing: 0.2em; }
	.timeline .items .row h3 { font-size: 21px; line-height: 28px; }
	.timeline .items .row p { font-size: 14px; line-height: 21px; }

	.latest-posts .post-item.featured img { height: 240px; }
	.latest-posts .post-item.featured h2 { font-size: 24px; line-height: 30px; max-height: 60px; margin-bottom: 20px; }
	.latest-posts .post-item.featured .bottom .cta { font-size: 14px; }
	.latest-posts .post-item.featured p { font-size: 16px; line-height: 24px; height: 48px; }

	.latest-posts + .posts { margin-top: 50px; }

	.post-item .content { padding: 20px 16px !important; }
	.post-item h2 { margin-bottom: 20px; }
	.post-item p { min-height: 0; }

	.posts .head { flex-direction: column; align-items: center !important; }
	.posts .head h3 { margin-bottom: 0px; font-size: 50px; line-height: 50px; }
	.posts .items .post-item { width: 100%; }
	.posts .read-more { padding-top: 25px; }

	.box-newsletter { margin-top: 60px; margin-bottom: 60px; }
	.box-newsletter .gform_wrapper h2 { margin-bottom: 30px; }
	.box-newsletter .gform_wrapper .gform_description { font-size: 16px; line-height: 24px; }

	.framed-box .content { padding: 35px 25px; }

	.blog-header .page-subtitle { font-size: 12px; letter-spacing: 0.2em; padding-left: 0.2em; }
	.blog-header .page-subtitle .sep { width: 100%; height: 4px; display: block; }
	.blog-header .page-subtitle .sep + span::before { display: none !important; }
	.blog-header .featured-image { margin-bottom: 30px; }
	.blog-header .featured-image img { height: 240px; }

	.blog-header .page-title { font-size: 45px; line-height: 50px; }
	.blog-header .page-intro { font-size: 16px; line-height: 24px; }
	.blog-meta { margin-bottom: 30px; }
	.blog-meta .author div h5 { margin-bottom: 3px; }
	.blog-meta .author img { width: 45px; height: 45px; margin-right: 10px; }
	.blog-meta .author div { font-size: 10px; line-height: 12px; letter-spacing: 0; }
	.blog-meta .share a { margin-left: 8px; }

	.general-content p { margin-top: 24px; }
	.general-content p.intro { font-size: 18px; line-height: 26px; }

	.general-content h2 { font-size: 28px; line-height: 34px; margin-top: 40px; }
	.general-content h3 { font-size: 22px; line-height: 28px; margin-top: 40px; }
	.general-content h4 { font-size: 18px; line-height: 24px; }
	.general-content h5 { font-size: 12px; line-height: 14px; letter-spacing: 0.2em; }
	.general-content h5 + h2, .general-content h5 + h3, .general-content h5 + h4 { margin-top: 2px; }
	.general-content h5:has(+ h2) { margin-top: 40px; }
	.general-content h3 + p { margin-top: 20px; }
	.general-content blockquote { padding: 35px 30px; }
	.general-content blockquote p { font-size: 21px; line-height: 32px; }

	.general-content ul li { background-position: left 6px; }

	.widget { padding-top: 45px; padding-bottom: 45px; }
	.widget h3 { font-size: 14px; letter-spacing: 0.2em; padding-left: 0.2em; }
	.widget-author p { line-height: 24px; }

	.box-map iframe { height: 300px; }
	.box-contact-info { padding: 35px 30px; }
	.box-contact-info h2 { font-size: 45px; line-height: 50px; }

	.box-contact-form { margin-top: 30px; padding: 35px 30px; }
	.box-contact-form .gform_title { font-size: 45px; line-height: 50px; }

	.box-faq { padding: 35px 25px; }
	.box-faq h2.box-title { font-size: 45px; line-height: 50px; }
	.box-faq .accordion .item .title { font-size: 16px; line-height: 24px; }
	.box-faq + .box-faq { margin-top: 30px; }

	.capacity { margin-top: 50px; }
	.capacity h3 { font-size: 45px; line-height: 50px; }
	.capacity .borders { top: 25px; }
	.capacity .borders .tl { width: calc(50% - 100px); }
	.capacity .borders .tr { width: calc(50% - 100px); }
	.capacity .borders .bl { width: calc(50% - 135px); }
	.capacity .borders .br { width: calc(50% - 135px); }
	.capacity .items { padding: 30px 20px; }
	.capacity h5 { font-size: 20px; }

	.groups { margin-top: 50px; }
	.gallery { margin: 50px 0; }

	.group-infos .box .inner { padding: 30px 25px; }
	.group-infos .box h3 { font-size: 45px; line-height: 50px; }
	.group-infos .box ul li span:last-child { font-size: 18px; }
	.group-infos .box + .box { margin-top: 40px; }

	.box-group-contact { padding: 35px 25px; }
	.box-group-contact .gform_title { font-size: 45px; line-height: 50px; }
	.box-group-contact .gform_description { font-size: 16px; line-height: 24px; }
	.box-group-contact .gform_footer p { font-size: 15px; line-height: 21px; }

	.box-room-about .text { padding: 55px 30px 35px 30px; text-align: center; }
	.box-room-about .bottom { padding-left: 20px; padding-right: 20px; }
	.box-room-about .bottom > div { flex-direction: column; align-items: center; }
	.box-room-about .bottom > div > div { width: 100%; text-align: center; }
	.box-room-about .bottom h4 { font-size: 20px; line-height: 24px; padding: 20px 10px 10px 10px; }
	.box-room-about .bottom h4 span { padding-bottom: 8px; }

	.room-hero { padding-bottom: 60px; }
	.room-hero h5 { font-size: 12px; letter-spacing: 0.2em; padding-left: 0.2em; margin-bottom: 12px; }
	.room-hero h1 { font-size: 48px; line-height: 50px; }
	.room-hero p { font-size: 16px; line-height: 24px; }
	.room-hero .head img { width: 80px; height: 80px; }
	.room-hero .room-info { font-size: 12px; line-height: 18px; margin: 30px 0 40px 0; }
	.room-hero .levels { margin: 20px 0; }
	.room-hero .levels::before, .room-hero .levels::after { display: none; }
	.room-hero .levels .room-level-item { flex-direction: column; justify-content: center }
	.room-hero .levels .room-level-item span { display: block; font-size: 12px; line-height: 18px; margin-bottom: 6px; }
	.room-hero .levels .room-level-item .progress span:first-child { margin-left: 0; }
	.room-hero .levels .room-level-item + .room-level-item { margin-left: 40px; }

	.room-gallery { margin-top: 0; z-index: 3; position: relative; }
	.gallery .swiper-slide img { height: 280px; }
	.gallery .swiper-button-prev { left: 0; }
	.gallery .swiper-button-next { right: 0; }
	.gallery .swiper-button-next, .gallery .swiper-button-prev { width: 35px; }
	.gallery .swiper-button-next svg, .gallery .swiper-button-prev svg { height: 20px; }

	.room-item .content { width: 100%; padding-left: 20px; padding-right: 20px; }
	.room-item .content h5 { font-size: 12px; letter-spacing: 0.2em; padding-left: 0.2em; margin-bottom: 10px; }
	.room-item .content h2 { font-size: 48px; line-height: 45px; }
	.room-item .content p { font-size: 16px; line-height: 24px; }
	.room-item .content .room-info { font-size: 12px; padding-left: 12px; padding-right: 12px; margin-bottom: 20px; }
	.room-item .content .levels { margin-bottom: 25px; }
	.room-item .levels .room-level-item { flex-direction: column; justify-content: center }
	.room-item .levels .room-level-item span { display: block; font-size: 12px; line-height: 18px; margin-bottom: 6px; margin-right: 0; padding-right: 0; }
	.room-item .levels .room-level-item .progress span:first-child { margin-left: 0; }
	.room-item .levels .room-level-item + .room-level-item { margin-left: 40px; }

	.room-item.room-hauntedhouse .content h2 { font-size: 48px; line-height: 45px; padding-top: 4px; }
	.room-item.room-hauntedhouse .content h2 small { font-size: 24px; line-height: 28px; }

	.page-general { margin-top: 45px; }

	.gfield { width: calc(100% - 24px) !important; }
	.box-contact-form .gfield--type-consent { padding-right: 0; }
	.box-contact-form .gform_footer { position: static; top: auto; left: auto; margin-top: 20px; }
	.gform_footer .btn { padding: 14px 25px; border-radius: 100px; }
}


/*
 *	Reviews badge beside a page title
 *	Below 1400px there is no room to the right of the title, so the badge sat
 *	partly or fully off screen. Centre it under the title instead.
 */
@media (max-width: 1399px)
{
	.page-title:has(img) { display: block; }
	.page-title img { position: static; display: block; width: 120px; height: auto; margin: 20px auto 0; }
}


/*
 *	Tables in post and page content
 *	Added 4 Oct 2026 for the room comparison post; content had no table styles.
 */
.general-content table { width: 100%; border-collapse: collapse; margin: 30px 0; font-size: 16px; line-height: 1.4; }
.general-content th, .general-content td { padding: 12px 16px; text-align: left; vertical-align: top; }
.general-content thead th { color: #78ecbf; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; font-size: 14px; }
.general-content tbody tr:nth-child(odd) { background: rgba(255, 255, 255, .05); }
.general-content tbody td:first-child { font-weight: 600; white-space: nowrap; }

@media (max-width: 767px)
{
	.general-content table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; }
	.general-content th, .general-content td { white-space: nowrap; }
}


/*
 *	Long post titles
 *	The display face at full size let a long title fill the whole screen.
 *	single.php adds is-medium (over 35 characters) or is-long (over 60).
 */
.blog-header .page-title.is-medium { font-size: 90px; line-height: 92px; }
.blog-header .page-title.is-long { font-size: 64px; line-height: 70px; }

@media (max-width: 1023px)
{
	.blog-header .page-title.is-medium { font-size: 56px; line-height: 62px; }
	.blog-header .page-title.is-long { font-size: 44px; line-height: 50px; }
}

@media (max-width: 767px)
{
	.blog-header .page-title.is-medium { font-size: 38px; line-height: 44px; }
	.blog-header .page-title.is-long { font-size: 32px; line-height: 38px; }
}


/*
 *	Mobile menu: buttons side by side, footer pinned to the bottom
 */
header .mobile-menu { display: flex; flex-direction: column; overflow-y: auto; }

	header .mobile-menu .buttons { display: flex; gap: 10px; }
	header .mobile-menu .buttons .btn { flex: 1; min-width: 0; margin-bottom: 0; padding: 14px 10px; }

	header .mobile-menu .menu-foot {
		display: flex;
		align-items: center;
		gap: 16px;
		margin-top: auto;
		padding-top: 24px;
		background: url('../img/footer-sep.png') repeat-x top left;
	}

		header .mobile-menu .menu-foot .badge { width: 84px; height: 84px; flex-shrink: 0; }
		header .mobile-menu .menu-foot p { font-size: 14px; line-height: 20px; opacity: 0.8; }
		header .mobile-menu .menu-foot .socials { display: flex; gap: 12px; margin-top: 10px; }
		header .mobile-menu .menu-foot .socials a { display: flex; width: 32px; height: 32px; align-items: center; justify-content: center; }
		header .mobile-menu .menu-foot .socials a:hover { color: var(--color-green); }


/*
 *	Phones: label the menu button, put paired buttons side by side
 */
@media (max-width: 767px)
{
	header .logo img { width: 124px; }
	header .right .btn { padding-left: 14px; padding-right: 14px; font-size: 13px; }
	header .btn-menu-trigger span { display: inline; }
	header .btn-menu-trigger svg { width: 20px; height: 20px; margin-right: 6px; }

	.home-hero .buttons { flex-direction: row; gap: 10px; }
	.home-hero .buttons .btn { flex: 1; min-width: 0; padding-left: 8px; padding-right: 8px; font-size: 13px; }
	.home-hero .buttons .btn + .btn { margin: 0; }
}

/* Small phones: keep a gap between the logo and the header buttons */
@media (max-width: 389px)
{
	header .logo img { width: 104px; }
	header .right .btn { padding-left: 11px; padding-right: 11px; font-size: 12px; }
	header .btn-menu-trigger svg { margin-right: 4px; }
	.home-hero .buttons .btn { font-size: 12px; }
}

@media (max-width: 349px)
{
	header .logo img { width: 88px; }
	header .right .btn { padding-left: 9px; padding-right: 9px; }
	header .right .btn + .btn { margin-left: 6px; }
}


/*
 *	Mobile menu footer, round 2: a room photo fading up into the menu
 *	(replaces the badge, address and socials block above)
 */
header .mobile-menu .menu-foot {
	display: block;
	position: relative;
	margin: auto -24px -24px -30px;
	padding: 0;
	background: none;
}

	header .mobile-menu .menu-foot img {
		display: block;
		width: 100%;
		height: 260px;
		object-fit: cover;
		-webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 60%);
		mask-image: linear-gradient(to bottom, transparent 0%, #000 60%);
	}

	header .mobile-menu .menu-foot .tagline {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 26px;
		color: transparent;
		font-family: 'Starship', sans-serif;
		font-size: 42px;
		line-height: 42px;
		text-align: center;
		text-transform: uppercase;
		background-image: linear-gradient(0deg, #78ecbf 0%, #ffffff 100%);
		background-clip: text;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		text-shadow: none;
		filter: drop-shadow(0 2px 10px rgba(0, 0, 0, 0.8));
	}

header .mobile-menu .buttons { margin-top: 5px; }

/* Case Files strip on room pages */
.room-posts { margin-top: 80px; }
	.room-posts .head p a { color: var(--color-green); }
@media (max-width: 767px) { .room-posts { margin-top: 50px; } }

/*
 *	Header: Call is a button on desktop; the phone link stays as the fixed call bar on phones
 */
header .right .phone { display: none; }
header .right .btn-call { background-color: transparent; color: #fff; box-shadow: inset 0 0 0 2px var(--color-green); background-image: none; }
	header .right .btn-call:hover { background-color: var(--color-green); color: #000; }

@media (max-width: 767px)
{
	header .right .phone { display: block; }
	header .right .btn-call { display: none; }
}


/*
 *	Dropdowns: Rooms and Groups (desktop opens on hover or keyboard focus)
 */
header nav ul li { position: relative; }

	header nav ul li.menu-item-has-children > a:after {
		content: '';
		display: inline-block;
		width: 6px;
		height: 6px;
		margin: 0 0 3px 8px;
		border-right: 2px solid currentColor;
		border-bottom: 2px solid currentColor;
		transform: rotate(45deg);
	}

	header nav ul .sub-menu {
		display: block;
		position: absolute;
		top: 100%;
		left: 50%;
		min-width: 250px;
		margin: 0;
		padding: 28px 0 12px 0;
		list-style: none;
		background: #0c0f14;
		border-radius: 0 0 14px 14px;
		box-shadow: 0 20px 40px rgba(0, 0, 0, 0.6);
		opacity: 0;
		visibility: hidden;
		transform: translate(-50%, 8px);
		transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s;
		z-index: 50;
	}

		header nav ul li:hover > .sub-menu,
		header nav ul li:focus-within > .sub-menu {
			opacity: 1;
			visibility: visible;
			transform: translate(-50%, 0);
		}

		header nav ul .sub-menu li {
			display: block;
			margin: 0;
			font-size: 14px;
			line-height: 18px;
		}

			header nav ul .sub-menu li a {
				display: block;
				padding: 10px 24px;
			}

			header nav ul .sub-menu li a:hover { color: var(--color-green); background: rgba(255, 255, 255, 0.04); }


/*
 *	Mobile menu: sub-menus collapse behind a + toggle
 */
header .mobile-menu ul li { position: relative; }

	header .mobile-menu .sub-toggle {
		position: absolute;
		top: 0;
		right: 0;
		width: 36px;
		height: 28px;
		border: 0;
		background: none;
		color: var(--color-green);
		font-size: 22px;
		line-height: 28px;
		cursor: pointer;
	}


	header .mobile-menu ul .sub-menu {
		display: none;
		margin: 2px 0 8px 14px;
		padding-left: 12px;
		border-left: 2px solid rgba(120, 236, 191, 0.35);
	}

		header .mobile-menu li.open > .sub-menu { display: block; }

		header .mobile-menu ul .sub-menu li {
			font-size: 15px;
			font-weight: 500;
			text-transform: none;
			margin: 2px 0;
		}


/* Case Files: thumbnails on the side cards */
.latest-posts .right .post-item { flex-direction: row; align-items: stretch; }
	.latest-posts .right .post-item .image { width: 130px; flex-shrink: 0; }
	.latest-posts .right .post-item .image img { width: 100%; height: 100%; min-height: 120px; object-fit: cover; border-radius: 10px; }
	.latest-posts .right .post-item .content { padding: 16px 8px 8px 18px; }
@media (max-width: 767px)
{
	.latest-posts .right .post-item .image { width: 100px; }
}


/*
 *	Mobile menu, round 3
 *	- size to the visible screen (iOS Safari's 100vh runs under its toolbar)
 *	- the room photo fills the space below the buttons instead of sitting at the very bottom
 *	- chevron expanders instead of +
 */
header .mobile-menu { height: 100vh; height: 100dvh; }

	header .mobile-menu .menu-foot {
		flex: 1 1 auto;
		min-height: 200px;
		margin-top: 24px;
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
	}

		header .mobile-menu .menu-foot img {
			position: absolute;
			inset: 0;
			height: 100%;
		}

	header .mobile-menu .sub-toggle { font-size: 0; }

		header .mobile-menu .sub-toggle:before {
			content: '';
			display: inline-block;
			width: 8px;
			height: 8px;
			border-right: 2px solid currentColor;
			border-bottom: 2px solid currentColor;
			transform: translateY(-3px) rotate(45deg);
			transition: transform 0.2s ease;
		}

		header .mobile-menu li.open > .sub-toggle:before { transform: translateY(1px) rotate(-135deg); }



/*
 *	Icons: Phosphor
 */
.ph-icon { display: inline-block; vertical-align: middle; flex-shrink: 0; }

.btn .ph-icon { width: 1.25em; height: 1.25em; margin-right: 8px; }
	.btn .ph-arrow-right { margin-right: 0; margin-left: 8px; }
.gform_button .ph-icon { width: 1.2em; height: 1.2em; margin-right: 8px; }
.post-item .cta .ph-icon { width: 1.1em; height: 1.1em; margin-left: 4px; }
header .phone .ph-icon { width: 1.1em; height: 1.1em; margin-right: 4px; color: var(--color-green); }

/* What's included and group-type icons: Phosphor replaces the uploaded images */
.box-game-includes .icon .ph-icon,
.box-group-type .icon .ph-icon { width: 56px; height: 56px; color: var(--color-green); }

.warning-sign { width: 64px; height: 64px; color: #f5c518; }

/* Dropdown carets: Phosphor caret-down as a mask, so it takes the link colour */
header nav ul li.menu-item-has-children > a:after,
header .mobile-menu .sub-toggle:before {
	border: 0;
	width: 12px;
	height: 12px;
	transform: none;
	background-color: currentColor;
	-webkit-mask: url('../icons/css/caret-down-mask.svg') no-repeat center / contain;
	mask: url('../icons/css/caret-down-mask.svg') no-repeat center / contain;
}
	header nav ul li.menu-item-has-children > a:after { margin: 0 0 2px 6px; }
	header .mobile-menu .sub-toggle:before { width: 16px; height: 16px; transition: transform 0.2s ease; }
	header .mobile-menu li.open > .sub-toggle:before { transform: rotate(180deg); }
	header .mobile-menu .sub-toggle { top: 1px; display: flex; align-items: center; justify-content: center; }

/* Mobile menu photo starts inside the caution stripe so the stripe runs the full height */
header .mobile-menu .menu-foot { margin-left: -24px; }


/*
 *	Phones: Book and Call live in a bottom rail
 *	(the header keeps only the menu; the hero buttons and the old call bar go)
 */
.mobile-rail { display: none; }

@media (max-width: 767px)
{
	.mobile-rail {
		display: flex;
		gap: 10px;
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 90;
		padding: 10px 15px calc(10px + env(safe-area-inset-bottom));
		background: rgba(12, 15, 20, 0.92);
		-webkit-backdrop-filter: blur(8px);
		backdrop-filter: blur(8px);
	}

		.mobile-rail .btn { flex: 1; justify-content: center; min-height: 46px; font-size: 14px; }

	header .right .phone,
	header .right > a.btn { display: none !important; }

	.home-hero .buttons { display: none; }

	main { margin-bottom: 80px; }
}

/* Mobile sub-menus: no rule beside the expanded items */
header .mobile-menu ul .sub-menu { border-left: 0; padding-left: 0; margin-left: 12px; }
.mobile-rail .btn-call { background-color: transparent; background-image: none; color: #fff; box-shadow: inset 0 0 0 2px var(--color-green); }


/*
 *	Call is an outlined button everywhere; Book stays the filled primary
 */
.btn.btn-call { background-color: transparent; background-image: none; color: #fff; box-shadow: inset 0 0 0 2px var(--color-green); }
	.btn.btn-call:hover { background-color: var(--color-green); color: #000; }


/*
 *	Home hero on phones: room quick links, and no second caution stripe
 */
.hero-rooms { display: none; }

@media (max-width: 767px)
{
	.hero-rooms { display: flex; gap: 8px; justify-content: center; margin-top: 32px; }

		.hero-rooms a {
			display: flex;
			flex: 1;
			flex-direction: column;
			align-items: center;
			gap: 6px;
			padding: 12px 6px;
			font-size: 13px;
			font-weight: 600;
			line-height: 16px;
			text-align: center;
			border-radius: 14px;
			background: rgba(12, 16, 20, 0.7);
			box-shadow: inset 0 0 0 1px rgba(120, 236, 191, 0.35);
		}

			.hero-rooms a .ph-icon { width: 26px; height: 26px; color: var(--color-green); }

	.home-hero { background-image: none; padding-bottom: 50px; }
}


/*
 *	UX pass, 4 Oct 2026
 */

/* Accordions: soft panels instead of rules, a Phosphor chevron instead of + */
.toggle {
	padding: 18px 20px;
	border-bottom: 0;
	border-radius: 14px;
	background: rgba(255, 255, 255, 0.04);
	transition: background 0.2s ease;
}
	.toggle + .toggle { margin-top: 10px; }
	.toggle.opened { background: rgba(120, 236, 191, 0.07); }
	.toggle .question,
	.toggle:first-child .question { margin-top: 0; padding-right: 40px; }
	.toggle .question:after { display: none; }
	.toggle .question:before {
		top: 50%;
		right: 0;
		width: 18px;
		height: 18px;
		margin-top: -9px;
		background-color: var(--color-green);
		-webkit-mask: url('../icons/css/caret-down-mask.svg') no-repeat center / contain;
		mask: url('../icons/css/caret-down-mask.svg') no-repeat center / contain;
		transition: transform 0.2s ease;
	}
	.toggle.opened .question:before { transform: rotate(180deg); }
	.toggle .answer { padding-top: 14px; }

/* Room cards: Book this room is the action, See the room is the quiet link */
.room-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 22px; }
	.room-actions .room-more {
		display: inline-flex;
		align-items: center;
		gap: 6px;
		color: #fff;
		font-size: 15px;
		font-weight: 600;
		text-transform: uppercase;
		letter-spacing: 0.02em;
	}
	.room-actions .room-more:hover { color: var(--color-green); }
	.room-actions .room-more .ph-icon { color: var(--color-green); }
.room-banner .room-actions, .room-item .room-actions { justify-content: center; }
.room-banner.right .room-actions { justify-content: flex-start; }

/* Secondary buttons: outlined, the same family as Call */
.btn.btn-outline { background-color: transparent; background-image: none; color: #fff; box-shadow: inset 0 0 0 2px var(--color-green); }
	.btn.btn-outline:hover { background-color: var(--color-green); color: #000; }

/* Rooms page booking calendar spacing */
.page-template-default .room-booking-frame#booking, body.page-id-7 .room-booking-frame { margin-top: 120px; }

@media (max-width: 767px)
{
	.room-actions { flex-direction: column; gap: 14px; }
	.home .box-game-includes { margin-top: 50px; }
	body.page-id-7 .room-booking-frame { margin-top: 70px; }
}

/* Booking page: phone fallback, booking questions, includes */
.booking-call { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 12px 20px; margin-top: 30px; text-align: center; }
	.booking-call p { font-size: 18px; font-weight: 600; }
.booking-faq { max-width: 860px; margin: 90px auto 0 auto; }
	.booking-faq .box-title { text-align: center; }
	.booking-faq-more { margin-top: 20px; text-align: center; }
		.booking-faq-more a { display: inline-flex; align-items: center; gap: 6px; color: var(--color-green); font-weight: 600; }
.booking-includes .box-game-includes { margin-top: 90px; }
@media (max-width: 767px)
{
	.booking-faq { margin-top: 60px; }
	.booking-includes .box-game-includes { margin-top: 60px; }
}

/* Tyler's greeting and signature in a handwritten signature face */
.about-builder .text p.intro,
.about-builder .text h5,
.e618-signature p {
	font-family: 'Mrs Saint Delafield', cursive !important;
	font-style: normal !important;
	font-weight: 400 !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	color: var(--color-green);
}
	.about-builder .text p.intro { font-size: 58px; line-height: 64px; color: #fff; }
	.about-builder .text h5,
	.e618-signature p { font-size: 54px !important; line-height: 60px; margin-top: 10px; }
@media (max-width: 767px)
{
	.about-builder .text p.intro { font-size: 48px; line-height: 54px; }
	.about-builder .text h5, .e618-signature p { font-size: 46px !important; line-height: 52px; }
}
.about-builder .text p.intro { font-size: 76px; line-height: 80px; }
.about-builder .text h5, .e618-signature p { font-size: 72px !important; line-height: 76px; }
@media (max-width: 767px)
{
	.about-builder .text p.intro { font-size: 60px; line-height: 64px; }
	.about-builder .text h5, .e618-signature p { font-size: 58px !important; line-height: 62px; }
}

/* Header address on phones and tablets (the desktop header has the full nav instead) */
header .header-address { display: none; }
@media (max-width: 1280px)
{
	header .header-address {
		display: inline-flex;
		align-items: center;
		gap: 6px;
		margin-right: 16px;
		color: #fff;
		font-size: 13px;
		font-weight: 600;
		line-height: 15px;
		white-space: nowrap;
	}
		header .header-address .ph-icon { width: 20px; height: 20px; color: var(--color-green); }
		header .header-address small { display: block; font-size: 11px; font-weight: 500; opacity: 0.75; }
}
@media (max-width: 767px)
{
	header .header-address { margin-right: 10px; font-size: 12px; line-height: 14px; }
	header .header-address small { font-size: 10px; }
}
@media (max-width: 359px)
{
	header .header-address small { display: none; }
}

/* Phone menu stays a flat list: no sub-menus or expanders (desktop keeps its dropdowns) */
header .mobile-menu .sub-menu,
header .mobile-menu .sub-toggle { display: none !important; }

/* Phones: the reviews badge under a page title takes too much room; the home hero and room heroes keep theirs */
@media (max-width: 1399px) and (max-width: 767px)
{
	.page-header .page-title img { display: none; }
}


/*
 *	Desktop matches the phone, 4 Oct 2026
 */

/* Home hero: room quick links at every width, no hero buttons, no second caution stripe */
.home-hero { background-image: none; }
	.home-hero .bg { bottom: 0; }
.hero-rooms { display: flex; gap: 14px; justify-content: center; max-width: 660px; margin: 50px auto 0 auto; }
	.hero-rooms a {
		display: flex;
		flex: 1;
		flex-direction: column;
		align-items: center;
		gap: 8px;
		padding: 20px 10px;
		color: #fff;
		font-size: 17px;
		font-weight: 600;
		line-height: 20px;
		text-align: center;
		border-radius: 16px;
		background: rgba(12, 16, 20, 0.7);
		box-shadow: inset 0 0 0 1px rgba(120, 236, 191, 0.35);
		transition: background 0.2s ease, box-shadow 0.2s ease;
	}
		.hero-rooms a:hover { background: rgba(120, 236, 191, 0.12); box-shadow: inset 0 0 0 2px var(--color-green); }
		.hero-rooms a .ph-icon { width: 34px; height: 34px; color: var(--color-green); }

/* Header: the address sits before Call and Book at every width */
header .header-address {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	order: -1;
	margin-right: 22px;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	line-height: 16px;
	white-space: nowrap;
}
	header .header-address:hover { color: var(--color-green); }
	header .header-address .ph-icon { width: 22px; height: 22px; color: var(--color-green); }
	header .header-address small { display: block; font-size: 12px; font-weight: 500; opacity: 0.75; }

@media (min-width: 1281px)
{
	header .side.left, header .side.right { width: auto; flex-shrink: 0; }
	header nav { width: auto; flex: 1; justify-content: center; }
	header .right .btn + .btn { margin-left: 12px; }
}
@media (min-width: 1281px) and (max-width: 1599px)
{
	header nav ul li { margin: 0 11px; font-size: 14px; }
	header .header-address { margin-right: 16px; font-size: 13px; }
	header .header-address small { font-size: 11px; }
}
@media (max-width: 767px)
{
	.hero-rooms { gap: 8px; margin-top: 32px; }
		.hero-rooms a { gap: 6px; padding: 12px 6px; font-size: 13px; line-height: 16px; border-radius: 14px; }
		.hero-rooms a .ph-icon { width: 26px; height: 26px; }
	header .header-address { margin-right: 10px; font-size: 12px; line-height: 14px; }
	header .header-address small { font-size: 10px; }
}
@media (max-width: 359px)
{
	header .header-address small { display: none; }
}
@media (min-width: 1281px) and (max-width: 1365px)
{
	header nav ul li { margin: 0 8px; }
}

/* Desktop dropdowns: icon beside each item */
header nav ul .sub-menu li a { display: flex; align-items: center; gap: 12px; white-space: nowrap; }
	header nav ul .sub-menu li a .ph-icon { flex-shrink: 0; width: 20px; height: 20px; color: var(--color-green); }

/* Google map embeds in dark: the embed cannot be styled, so invert it and turn the hues back */
.box-contact-with-map .map iframe { filter: invert(90%) hue-rotate(180deg) brightness(0.95) contrast(0.9); }

/* Groups page: each box opens its own page */
.box-group-type.has-link { position: relative; transition: box-shadow 0.2s ease; }
	.box-group-type.has-link:hover { box-shadow: inset 0 0 0 2px var(--color-green); }
	.box-group-type .content .box-group-link {
		display: inline-flex;
		align-items: center;
		gap: 8px;
		margin-top: 24px;
		color: var(--color-green);
		font-weight: 700;
		text-decoration: none;
		text-transform: uppercase;
		letter-spacing: 0.02em;
	}
		.box-group-type .content .box-group-link::after { content: ''; position: absolute; inset: 0; z-index: 3; }
		.box-group-type .content .box-group-link .ph-icon { transition: transform 0.2s ease; }
		.box-group-type.has-link:hover .box-group-link .ph-icon { transform: translateX(4px); }

/* Group landing pages */
.group-landing .page-subtitle a { color: inherit; text-decoration: none; }
	.group-landing .page-subtitle a:hover { color: var(--color-green); }
.box-group-type.is-single { width: 100%; max-width: 900px; margin: 60px auto 0 auto; }
	.box-group-type.is-single .content { font-size: 18px; line-height: 28px; padding: 40px 50px; }
.group-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 14px 18px; margin-top: 40px; }
	.group-actions .group-ask { display: inline-flex; align-items: center; gap: 8px; color: var(--color-green); font-weight: 700; text-transform: uppercase; letter-spacing: 0.02em; }
	.group-actions .group-ask:hover { color: #fff; }
.group-story { max-width: 860px; margin: 90px auto 0 auto; }
.group-others { margin-top: 120px; text-align: center; }
	.group-others h3 { font-size: 28px; line-height: 32px; text-transform: uppercase; }
	.group-others .items { display: grid; grid-template-columns: repeat(5, 1fr); gap: 14px; margin-top: 30px; }
		.group-others .items a {
			display: flex;
			flex-direction: column;
			align-items: center;
			gap: 10px;
			padding: 22px 12px;
			color: #fff;
			font-size: 15px;
			font-weight: 600;
			line-height: 19px;
			border-radius: 16px;
			background: rgba(255, 255, 255, 0.04);
			transition: background 0.2s ease, color 0.2s ease;
		}
			.group-others .items a:hover { background: rgba(120, 236, 191, 0.1); color: var(--color-green); }
			.group-others .items a .ph-icon { width: 30px; height: 30px; color: var(--color-green); }
.group-landing .box-group-contact { scroll-margin-top: 130px; }

@media (max-width: 1023px)
{
	.group-others .items { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 767px)
{
	.box-group-type.is-single { margin-top: 40px; }
		.box-group-type.is-single .content { font-size: 16px; line-height: 24px; padding: 30px 22px; }
	.group-actions .btn { display: none; }
	.group-story { margin-top: 60px; }
	.group-others { margin-top: 70px; }
		.group-others .items { grid-template-columns: repeat(2, 1fr); gap: 10px; }
		.group-others .items a { padding: 16px 8px; font-size: 14px; }
}
iframe[src*="google.com/maps"] { filter: invert(90%) hue-rotate(180deg) brightness(0.95) contrast(0.9); }

/* No bullets as separators: stats and post meta are spaced, not dotted */
.room-info li + li:not(.sep):before { content: ""; margin: 0 14px; }
.blog-header .page-subtitle span + span:not(.sep):before { display: none; }
.home-hero p span { display: none; }

/* The greeting in the builder story */
.about-builder .text p.intro { font-size: 96px; line-height: 100px; }
@media (max-width: 767px)
{
	.about-builder .text p.intro { font-size: 72px; line-height: 76px; }
}

/* Live actor: the Haunted House of Alice is Belleville's only live-actor escape room */
.live-actor-tag {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 14px;
	padding: 7px 16px;
	color: #0c0f14;
	font-size: 14px;
	font-weight: 800;
	line-height: 16px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	border-radius: 30px;
	background: #e8394a;
	box-shadow: 0 0 24px rgba(232, 57, 74, 0.45);
}
	.live-actor-tag .ph-icon { width: 18px; height: 18px; }
.room-hero .head .live-actor-tag { margin-bottom: 18px; font-size: 15px; }
.hero-live {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin-top: 22px;
	padding: 10px 20px;
	color: #fff;
	font-size: 17px;
	font-weight: 700;
	line-height: 20px;
	border-radius: 30px;
	background: rgba(232, 57, 74, 0.16);
	box-shadow: inset 0 0 0 1px rgba(232, 57, 74, 0.7);
	transition: background 0.2s ease;
}
	.hero-live:hover { background: rgba(232, 57, 74, 0.32); color: #fff; }
	.hero-live .ph-icon { width: 22px; height: 22px; color: #ff5a68; }
.hero-rooms a small {
	display: block;
	margin-top: 2px;
	color: #ff5a68;
	font-size: 11px;
	font-weight: 800;
	line-height: 12px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

/* "Welcome in, friend": big, and a touch heavier so the thin script reads on a phone */
.about-builder .text p.intro { font-size: 124px; line-height: 124px; -webkit-text-stroke: 1px currentColor; }
.about-builder .text h5, .e618-signature p { -webkit-text-stroke: 0.6px currentColor; }
@media (max-width: 767px)
{
	.about-builder .text p.intro { font-size: 84px; line-height: 88px; -webkit-text-stroke: 1.2px currentColor; }
	.hero-live { margin-top: 18px; padding: 9px 14px; font-size: 14px; line-height: 18px; gap: 8px; }
		.hero-live .ph-icon { width: 18px; height: 18px; }
	.live-actor-tag { font-size: 12px; padding: 6px 13px; }
}
.br-phone { display: none; }
@media (max-width: 767px)
{
	.br-phone { display: inline; }
	.hide-phone { display: none; }
	.hero-live { font-size: 13px; line-height: 16px; padding: 8px 13px; white-space: nowrap; }
}

/* The greeting: .about-builder .content .general-content p.intro (24px) outranked every size set above */
.about-builder .content .general-content p.intro { font-size: 124px; line-height: 124px; margin-bottom: 10px; -webkit-text-stroke: 1px currentColor; }
@media (max-width: 1023px)
{
	.about-builder .content .general-content p.intro { font-size: 100px; line-height: 104px; }
}
@media (max-width: 767px)
{
	.about-builder .content .general-content p.intro { font-size: 84px; line-height: 88px; -webkit-text-stroke: 1.2px currentColor; }
}
/* "Welcome in," on one line, about the size of the signature */
.about-builder .content .general-content p.intro { font-size: 88px; line-height: 96px; }
@media (max-width: 1023px)
{
	.about-builder .content .general-content p.intro { font-size: 76px; line-height: 84px; }
}
@media (max-width: 767px)
{
	.about-builder .content .general-content p.intro { font-size: 62px; line-height: 70px; -webkit-text-stroke: 1px currentColor; }
}

/* Landing page questions: h3 for the outline, sized like the other accordions */
.toggle h3.question { font-family: Montserrat, sans-serif; font-size: 18px; font-weight: 700; line-height: 30px; letter-spacing: normal; margin-bottom: 0; }
.group-faq-own { margin-top: 110px; }
.group-story h2 { margin-top: 50px; }
.group-story h2:first-child { margin-top: 0; }
@media (max-width: 767px)
{
	.group-faq-own { margin-top: 60px; }
	.toggle h3.question { font-size: 16px; line-height: 24px; }
}

/* Room banners: "See the room" sits under the button, clear of the corner decorations (the Detention guinea pig) */
.room-banner .room-actions { flex-direction: column; align-items: center; gap: 16px; }
.room-banner.right .room-actions { align-items: flex-start; }
@media (max-width: 1280px)
{
	.room-banner.right .room-actions { align-items: center; }
}

/* Room stats: each stat stays on one line; the pill wraps between stats, never inside one */
.room-info { flex-wrap: wrap; row-gap: 2px; }
	.room-info li { white-space: nowrap; }

/* Sidebar author box: Tyler's photo */
.widget-author .widget-author-photo { display: block; width: 96px; height: 96px; margin: 0 0 16px 0; object-fit: cover; border-radius: 50%; box-shadow: 0 0 0 3px var(--color-green); }