header {
	padding: 0 56px;
	.container {
		width: 100%;
	}
	nav {
		height: 80px;
	}
	
	@media (max-width: 768px) {
		padding: 0 16px;
	}
	
	.navbar-toggle {
		.icon-bar {
			background-color: white;
			&:before,
			&:after {
				background-color: white;
			}
		}
	}
	
	.menu {
		@media (max-width: 1200px) {
			background-color: #1A1D33;
			width: calc(100% + 32px);
			margin-left: -16px;
			&.expanded {
				height: calc(100svh - 64px) !important;
			}
			.nav-cta {
				padding: 0 32px;
			}
		}
	}
}

body {
	.sticky {
		top: 80px;
	}
}

.brand {
	img {
		height: 40px;
	}
}

.menu {
	li {
		a {
			font-family: 'Playfair Display';
			font-size: 1.25rem;
			font-weight: 400;
		}
	}
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
p,
label,
ul {
	color: #FFF;
}

p {
	font-size: 1.125rem;
	line-height: 1.5em;
}

h5,
.h5 {
	color: #ba734a;
}

footer {
	padding: 0 56px;
	.container {
		width: 100%;
	}
}

.btn {
	&.btn-secondary {
		color: #ba734a;
		border-color: #ba734a;
		&:hover,
		&:active {
			color: #FFF;
		}
	}
}

a[href*="www.opentable.com"] {
	img {
		margin: 0 !important;
	}
}

.powermail-errors-list {
	color: red;
	margin-top: 8px;
	font-size: 0.725rem;
}

label,
h5,
.h5 {
	font-family: 'Playfair Display';
}

input[type="text"],
input[type="email"],
textarea {
	background-color: rgba(255,255,255,.16) !important;
	border: none !important;
	color: #FFF !important;
}

.hero {
	height: 100svh;
	
	.card,
	.slider,
	.slick-list,
	.slick-track {
		height: 100%;
	}
	
	.card {
		bottom: 0;
		left: 0;
		width: 100%;
		max-width: 100%;
		
		.overlay-content {
			padding-bottom: 120px !important;
		}
		
		.card-body {
			padding: 0 !important;
			z-index: 100;
			a {
				position: absolute;
				bottom: 120px;
				right: 56px;
				img {
					width: 120px;
					height: 120px;
				}
				
				@media (max-width: 1400px) {
					bottom: inherit;
					top: 120px;
					right: 16px;
					img {
						width: 80px;
						height: 80px;
					}
				}
			}
		}
	}
}

.card {
	background: #1A1D33;
	.btn-secondary {
		color: #FFF !important;
	}
	p:has(.btn) {
		margin-top: 16px !important;
	}
}

.calendarize {
	.card {
		background: rgba(255,255,255,.08);
	}

	.calendarize-list {
		.col-12:first-child {
			flex: 0 0 100% !important;
			width: 100% !important;
			max-width: 100% !important;

			.card {
				flex-flow: row;
				flex-wrap: wrap;
				.card-media {
					flex: 0 0 50% !important;
				}
				.card-body {
					flex: 0 0 50% !important;
					padding: 32px 32px 80px !important;
					position: relative;
					.h5 {
						font-size: clamp(1rem, 5vw, 2rem);
					}
				}
				@media (max-width: 576px) {
					.card-media {
						flex: 0 0 100% !important;
					}
					.card-body {
						flex: 0 0 100% !important;
						padding: 24px 24px 80px !important;
						.h5 {
							font-size: clamp(1rem, 5vw, 1.5rem);
						}
					}	
				}
			}

		}
		.card {
			.btn {
				position: absolute;
				bottom: 24px;
			}
		}
	}
}

.ihk-footer {
	img {
		width: 240px;
		height: auto;
	}
}