body, html {
	overflow-x: hidden;
}

body {
	opacity: 1;
	-webkit-transition-duration: 0.7s;
	-o-transition-duration: 0.7s;
	transition-duration: 0.7s;
	-webkit-transition-property: opacity;
	-o-transition-property: opacity;
	transition-property: opacity;
}

body.fade {
	opacity: 0;
}

/* Medias */
.mobile {
	display: none;
}
.tablet {
	display: none;
}
.desktop {
	display: block;
}
@media screen and (max-width: 992px) {
	.desktop {
		display: none;
	}

	.mobile {
		display: none;
	}

	.tablet {
		display: block;
	}
}
@media (max-width: 768px) {
	.desktop {
		display: none;
	}
	.tablet {
		display: none;
	}
	.mobile {
		display: block;
	}
}

/* Buttons */

#header .btn-template {
	padding: 0.3rem 2rem;
	font-size: 1.3rem;
	letter-spacing: 0.5rem;
	position: relative;
	border: 1pt solid var(--btn-main-text);
	color: var(--btn-main-text);
	border-radius: 5px !important;
	-webkit-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
	-o-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
	transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
	-webkit-transition-property: width, height, background-color, border-radius, color, left, right, top, bottom;
	-o-transition-property: width, height, background-color, border-radius, color, left, right, top, bottom;
	transition-property: width, height, background-color, border-radius, color, left, right, top, bottom;
}

.contact .btn-template {
	padding: 0.3rem 2rem;
	font-size: 1.3rem;
	letter-spacing: 0.5rem;
	position: relative;
	border: 1pt solid var(--btn-hover-bg);
	color: var(--btn-main-text);
	border-radius: 5px !important;
	-webkit-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
	-o-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
	transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
	-webkit-transition-property: width, height, background-color, border-radius, color, left, right, top, bottom;
	-o-transition-property: width, height, background-color, border-radius, color, left, right, top, bottom;
	transition-property: width, height, background-color, border-radius, color, left, right, top, bottom;
}

#header .btn-template {
	background-color: var(--btn-main-bg);
	border-color: var(--btn-main-text);
}

.contact .btn-template {
	background-color: var(--btn-main-bg);
	border-color: var(--btn-hover-bg);
}

#header.header-affix .btn-template,
.internal #header .btn-template,
.internal .contact .btn-template {
	border-color: var(--btn-main-text);
}

#header .btn-template::before,
#header .btn-template::after,
.contact .btn-template::before,
.contact .btn-template::after {
	content: "";
	position: absolute;
	-webkit-transition: inherit;
	-o-transition: inherit;
	transition: inherit;
	border: inherit;
	pointer-events: none;
}

#header .btn-template::after,
.contact .btn-template::after {
	height: 100%;
	width: calc(100% + 12pt);
	left: -6pt;
	top: 0;
	background-color: transparent;
	border-top: 0;
	border-bottom: 0;
}

#header .btn-template::before,
.contact .btn-template::before {
	background-color: transparent;
	width: 100%;
	height: calc(100% + 12pt);
	left: 0;
	top: -6pt;
	border-right: 0;
	border-left: 0;
}

#header .btn-template:hover,
#header .btn-template:focus,
.contact .btn-template:hover,
.contact .btn-template:focus {
	border-color: var(--btn-main-text);
	border-radius: 0px !important;
}

#header .btn-template:hover::before,
#header .btn-template:focus::before,
.contact .btn-template:hover::before,
.contact .btn-template:focus::before {
	left: 50%;
	width: 0;
}

#header .btn-template:hover::after,
#header .btn-template:focus::after,
.contact .btn-template:hover::after,
.contact .btn-template:focus::after {
	top: 50%;
	height: 0;
}

.contact .btn-template:hover,
.contact .btn-template:focus {
	border-color: var(--btn-main-bg);
	border-radius: 0px !important;
}

.contact .btn-template {
	position: absolute;
	bottom: -1.25rem;
	z-index: 10;
}

.internal .contact .btn-template {
	display: none;
}

.leaveReview {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	position: relative;
}

/* Header */

#header {
	position: fixed;
	z-index: 30;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	-webkit-transition-property: width, height, background-color, color, -webkit-transform;
	transition-property: width, height, background-color, color, -webkit-transform;
	-o-transition-property: width, height, background-color, color, transform;
	transition-property: width, height, background-color, color, transform;
	transition-property: width, height, background-color, color, transform, -webkit-transform;
	background-color: var(--color-4-opacity);
	-webkit-box-shadow: 0 1px 15px rgba(0, 0, 0, 0);
	box-shadow: 0 1px 15px rgba(0, 0, 0, 0);
}

#header .logo img {
	max-height: 12vh;
	-webkit-transition: max-height 400ms ease;
	-o-transition: max-height 400ms ease;
	transition: max-height 400ms ease;
	margin: auto;
}

.internal #header {
	background-color: rgba(0, 0, 0, 0.3);
}

#header.header-affix {
	position: fixed;
	background-color: rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 1px 15px rgba(0, 0, 0, 0.15);
	box-shadow: 0 1px 15px rgba(0, 0, 0, 0.15);
}

#header .offcanvas-header {
	background-color: var(--color-1);
}

#header .offcanvas-header img {
	max-height: 10vh;
}

#header .navbar-toggler,
#header .navbar-toggler:focus {
	border: none;
	-webkit-box-shadow: none;
	        box-shadow: none;
}

@-webkit-keyframes maskSize {
	from {
		-webkit-mask-size: 90%;
		mask-size: 90%;
	}

	to {
		-webkit-mask-size: 100%;
		mask-size: 100%;
	}
}

@keyframes maskSize {
	from {
		-webkit-mask-size: 90%;
		mask-size: 90%;
	}

	to {
		-webkit-mask-size: 100%;
		mask-size: 100%;
	}
}

#header .headerBtn {
	position: absolute;
	left: 2rem;
    top: auto;
    bottom: auto;
    margin-top: auto;
    margin-bottom: auto;
}

@media (max-width: 992px) {
	#header .headerBtn {
		display: none;
	}
	#header .logo img {
		max-height: 9vh;
		-webkit-transition: max-height 400ms ease;
		-o-transition: max-height 400ms ease;
		transition: max-height 400ms ease;
		margin: auto;
	}
}

#header .navbar-toggler {
	position: absolute;
	right: 1rem;
}

#header .navbar-toggler .navbar-toggler-icon {
	background-image: none;
	background: var(--sandwich-button);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M24 6h-24v-4h24v4zm0 4h-24v4h24v-4zm0 8h-24v4h24v-4z'/%3E%3C/svg%3E");
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M24 6h-24v-4h24v4zm0 4h-24v4h24v-4zm0 8h-24v4h24v-4z'/%3E%3C/svg%3E");
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 90%;
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 90%;
}

#header .navbar-toggler .navbar-toggler-icon:hover {
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M24 6h-24v-4h24v4zm0 4h-24v4h24v-4zm0 8h-24v4h24v-4z'/%3E%3C/svg%3E");
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M24 6h-24v-4h24v4zm0 4h-24v4h24v-4zm0 8h-24v4h24v-4z'/%3E%3C/svg%3E");
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 100%;
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 100%;
	-webkit-animation-name: maskSize;
	        animation-name: maskSize;
	-webkit-animation-duration: 0.25s;
	        animation-duration: 0.25s;
}

#header .btn-close {
	background: var(--x-button);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M24 20.188l-8.315-8.209 8.2-8.282-3.697-3.697-8.212 8.318-8.31-8.203-3.666 3.666 8.321 8.24-8.206 8.313 3.666 3.666 8.237-8.318 8.285 8.203z'/%3E%3C/svg%3E");
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M24 20.188l-8.315-8.209 8.2-8.282-3.697-3.697-8.212 8.318-8.31-8.203-3.666 3.666 8.321 8.24-8.206 8.313 3.666 3.666 8.237-8.318 8.285 8.203z'/%3E%3C/svg%3E");
	opacity: 1;
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 90%;
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 90%;
}

#header .btn-close:hover {
	background: var(--x-button);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M24 20.188l-8.315-8.209 8.2-8.282-3.697-3.697-8.212 8.318-8.31-8.203-3.666 3.666 8.321 8.24-8.206 8.313 3.666 3.666 8.237-8.318 8.285 8.203z'/%3E%3C/svg%3E");
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M24 20.188l-8.315-8.209 8.2-8.282-3.697-3.697-8.212 8.318-8.31-8.203-3.666 3.666 8.321 8.24-8.206 8.313 3.666 3.666 8.237-8.318 8.285 8.203z'/%3E%3C/svg%3E");
	opacity: 1;
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 100%;
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 100%;
	-webkit-animation-name: maskSize;
	        animation-name: maskSize;
	-webkit-animation-duration: 0.25s;
	        animation-duration: 0.25s;
}

#header .navbar-nav {
	list-style-type: none;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-ms-flex-line-pack: justify;
	    align-content: space-between;
}

@-webkit-keyframes border {
	from {
		margin-right: 50%;
		width: 0%;
	}
	to {
		margin-right: 0%;
		width: 100%;
	}
}

@keyframes border {
	from {
		margin-right: 50%;
		width: 0%;
	}
	to {
		margin-right: 0%;
		width: 100%;
	}
}

#header .nav-item {
	margin-top: 2px;
	margin-bottom: 2px;
}

#header .nav-link {
	padding: 0;
	margin: 0;
	font-family: var(--headers-font);
	color: var(--headers);
	font-weight: 100;
	text-align: center;
	font-size: 1.5rem;
	-webkit-transition: color 0.5s ease-in-out;
	-o-transition: color 0.5s ease-in-out;
	transition: color 0.5s ease-in-out;
}

#header .nav-link:focus,
#header .nav-link:hover,
#header .nav-link:active {
	padding: 0;
	margin: 0;
	font-family: var(--headers-font);
	color: var(--headers-hover);
	font-weight: 100;
	text-align: center;
	font-size: 1.5rem;
}

#header .nav-link::before {
	content: "";
	display: block;
	margin-top: 0px;
}

#header .nav-link::after {
	content: "";
	display: block;
	margin-bottom: 0px;
}

#header .nav-link:focus::before,
#header .nav-link:hover::before,
#header .nav-link:active::before {
	content: "";
	display: block;
	border-top: 2px solid;
	-webkit-animation-delay: 0;
	        animation-delay: 0;
	-webkit-animation: border 0.75s ease-in-out;
	animation: border 0.75s ease-in-out;
	width: 100%;
	margin: auto;
	margin-top: -2px;
}

#header .nav-link:focus::after,
#header .nav-link:hover::after,
#header .nav-link:active::after {
	content: "";
	display: block;
	border-bottom: 2px solid;
	-webkit-animation-delay: 0;
	        animation-delay: 0;
	-webkit-animation: border 0.75s ease-in-out;
	animation: border 0.75s ease-in-out;
	width: 100%;
	margin: auto;
	margin-bottom: -2px;
}

#header .btn-close {
	position: absolute;
	right: 1.25rem;
}

.dropdown-toggle::after {
	display: inline-block;
	margin-left: 0.255em;
	vertical-align: 0.255em;
	content: "";
	border-top: none;
	border-right: none;
	border-left: none;
}

.dropdown .nav-link {
	position: relative;
}

.dropdown-toggle i.fa-solid.fa-angle-down.ms-2 {
	position: absolute;
    top: 50%;
    transform: translateY(-50%);
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.dropdown-toggle.show i.fa-solid.fa-angle-down.ms-2 {
	transform: translateY(-50%) rotate(180deg);
}

/* Topbar */

@-webkit-keyframes maskSizeTopbar {
	from {
		-webkit-mask-size: 50%;
		mask-size: 50%;
	}

	to {
		-webkit-mask-size: 60%;
		mask-size: 60%;
	}
}

@keyframes maskSizeTopbar {
	from {
		-webkit-mask-size: 50%;
		mask-size: 50%;
	}

	to {
		-webkit-mask-size: 60%;
		mask-size: 60%;
	}
}

#header .alert-template {
	--bs-alert-color: var(--topbar-color);
	--bs-alert-bg: var(--topbar-bg);
	--bs-alert-border-color: var(--topbar-border-color);
	margin-top: -8px;
	border-radius: 0;
	width: 100%;
	text-align: center;
	font-family: var(--headers-font);
	letter-spacing: .1rem;
	font-size: 1.1rem;
	z-index: 1025;
}

#header .alert-template .btn-template {
	padding: 0.1rem 0.5rem;
	border: 0;
	font-size: 1.25rem;
	letter-spacing: 0.25rem;
	margin-left: 1rem;
}

#header .alert-template .btn-close {
	background: var(--x-button);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M24 20.188l-8.315-8.209 8.2-8.282-3.697-3.697-8.212 8.318-8.31-8.203-3.666 3.666 8.321 8.24-8.206 8.313 3.666 3.666 8.237-8.318 8.285 8.203z'/%3E%3C/svg%3E");
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M24 20.188l-8.315-8.209 8.2-8.282-3.697-3.697-8.212 8.318-8.31-8.203-3.666 3.666 8.321 8.24-8.206 8.313 3.666 3.666 8.237-8.318 8.285 8.203z'/%3E%3C/svg%3E");
	opacity: 1;
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 50%;
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 50%;
	right: 0rem;
	margin-top: auto;
	margin-bottom: auto;
    top: 0rem;
    bottom: 0rem;
}

#header .alert-template .btn-close:hover {
	background: var(--x-button);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M24 20.188l-8.315-8.209 8.2-8.282-3.697-3.697-8.212 8.318-8.31-8.203-3.666 3.666 8.321 8.24-8.206 8.313 3.666 3.666 8.237-8.318 8.285 8.203z'/%3E%3C/svg%3E");
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M24 20.188l-8.315-8.209 8.2-8.282-3.697-3.697-8.212 8.318-8.31-8.203-3.666 3.666 8.321 8.24-8.206 8.313 3.666 3.666 8.237-8.318 8.285 8.203z'/%3E%3C/svg%3E");
	opacity: 1;
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 60%;
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 60%;
	-webkit-animation-name: maskSizeTopbar;
	        animation-name: maskSizeTopbar;
	-webkit-animation-duration: 0.25s;
	        animation-duration: 0.25s;
}

@media (max-width: 992px) {
	@-webkit-keyframes maskSizeTopbar {
		from {
			-webkit-mask-size: 25%;
			mask-size: 25%;
		}

		to {
			-webkit-mask-size: 40%;
			mask-size: 40%;
		}
	}
	@keyframes maskSizeTopbar {
		from {
			-webkit-mask-size: 25%;
			mask-size: 25%;
		}

		to {
			-webkit-mask-size: 40%;
			mask-size: 40%;
		}
	}
	#header .alert-template {
		margin-top: -8px;
		border-radius: 0;
		width: 100%;
		padding: 0.5rem;
	}
	#header .alert-template .btn-template {
		padding: 0.1rem 0.5rem;
		border: 0;
		font-size: 1rem;
		letter-spacing: 0.1rem;
		margin-left: 1rem;
	}

	#header .alert-template .btn-close {
		mask-size: 30%;
		-webkit-mask-size: 30%;
		margin-top: auto;
		margin-bottom: auto;
		top: 0rem;
		bottom: 0rem;
	}

	#header .alert-template .btn-close:hover {
		mask-size: 40%;
		-webkit-mask-size: 40%;
		-webkit-animation-name: maskSizeTopbar;
		        animation-name: maskSizeTopbar;
		-webkit-animation-duration: 0.25s;
		        animation-duration: 0.25s;
	}
}

/* Home Welcome Section */

.home-img {
	min-width: 100%;
	min-height: 100%;
	width: 100%;
	height: auto;
}

/* Map / Locations */

.contact {
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	-webkit-transition-property: width, height, background-color, border-radius, color, left, right, top, bottom;
	-o-transition-property: width, height, background-color, border-radius, color, left, right, top, bottom;
	transition-property: width, height, background-color, border-radius, color, left, right, top, bottom;
}

.contact h3 {
	font-size: 4rem;
	font-weight: 700;
	text-align: center;
	margin-bottom: 2rem;
}

.contact p {
	font-size: 1.25rem;
	font-weight: 700;
	text-align: center;
}

.contact ul,
.contact li {
	font-size: 1.5rem;
	font-weight: 700;
}

.contact ul {
	--icon-space: 1.3em;
	list-style: none;
	padding: 0;
}

.contact a {
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	-webkit-transition-property: width, height, background-color, border-radius, color, left, right, top, bottom;
	-o-transition-property: width, height, background-color, border-radius, color, left, right, top, bottom;
	transition-property: width, height, background-color, border-radius, color, left, right, top, bottom;
	text-align: center;
	text-decoration: none;
}

.mapWrap {
	position: relative;
}

.mapWrap canvas {
	opacity: 0.25;
}

.mapWrap iframe {
	-webkit-filter: grayscale(1);
	        filter: grayscale(1);
}

/* ------ Review Carousel ------ */

#reviews .parallax-bg .parallax-bg--image-container .parallax-bg--image {
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	width: 100%;
	height: 100%;
}

@media (max-width: 767px) {
	#reviews .parallax-bg .parallax-bg--image-container .parallax-bg--image {
		background-attachment: scroll;
		background-repeat: no-repeat;
		background-position: center top;
		background-size: cover;
	}
}

#reviews .parallax-bg {
	position: relative;
	height: auto;
	overflow: hidden;
}

#reviews .truncate {
	display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

#reviews .parallax-bg .parallax-bg--image-container {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
}

#reviews .testimonials-overlay {
	padding-top: 0rem;
	padding-bottom: 0rem;
	width: 100%;
	height: 100%;
	text-align: center;
	/* -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 22px 70px 4px inset;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 22px 70px 4px inset; */
}

.c-spacer {
	padding-bottom: 2rem;
}

#reviews .uk-slidenav {
	padding: 5px 10px;
	color: rgb(0 0 0 / 50%);
}

#reviews .uk-slidenav svg {
	width: 15px;
	height: 23px;
}

#reviews .uk-slidenav:hover,
#reviews .uk-slidenav:focus,
#reviews .uk-slidenav:active {
	color: rgba(0, 0, 0, 1);
}

#reviews .card-header {
	background-color: transparent;
	height: 4rem;
	border-bottom: 0;
	padding-bottom: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

#reviews .card-body {
	background-color: transparent;
	text-align: center;
	padding: 0;
	padding-bottom: 0.5rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

#reviews .card-footer {
	background-color: transparent;
	color: var(--reviews-text);
	text-align: right;
}

#reviews .review-name-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
}

#reviews .review-body-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin-top: 1rem;
	margin-bottom: 1rem;
}

#reviews .card {
	border-top: none;
	border-bottom: none;
	background-color: var(--reviews);
	border: 4px solid var(--reviews-border);
	border-radius: 0;
}

#reviews .review-text {
	font-size: 18px;
	color: var(--reviews-text);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	margin-bottom: 0;
}

#reviews .review-date {
	color: var(--reviews-text);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-size: 18px;
}

#reviews .review-header {
	color: var(--reviews-title);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	top: 15px;
	left: 15px;
	margin-bottom: 0;
}

#reviews .uk-slider-items {
	cursor: ew-resize;
	padding-top: 3rem;
	padding-bottom: 3rem;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.source-logo {
	min-height: 2rem;
	max-height: 2rem;
}

.fa-star {
	color: var(--reviews-stars);
	font-size: 1.5rem;
	margin-left: 0.1rem;
	margin-right: 0.1rem;
}

@media (max-width: 768px) {
	#reviews .uk-slidenav {
		display: none;
	}

	#reviews .uk-slidenav svg {
		display: none;
	}

	#reviews .uk-slidenav:hover,
	#reviews .uk-slidenav:focus,
	#reviews .uk-slidenav:active {
		display: none;
	}

	.fa-star {
		color: var(--reviews-stars);
		font-size: 1rem;
		margin-left: 0.1rem;
		margin-right: 0.1rem;
	}
}

/* Menu */

.menu .nav-item {
	padding: 0.25rem;
}

.menu .nav-item .nav-link {
	background: 0 0;
	border: 0;
	border-radius: var(--menu-button-border-radius);
	color: var(--menu-button-text);
	background-color: var(--menu-button-border);
	border: 2px solid var(--menu-button-text);
	font-weight: light;
}

.menu .nav-item .nav-link:focus,
.menu .nav-item .nav-link:hover,
.menu .nav-item .nav-link.active,
.menu .nav-item .show > .nav-link {
	color: var(--menu-button-hover-text);
	background-color: var(--menu-button-hover);
	border: 2px solid var(--menu-button-hover-border);
}
.menu-cat {
	text-align: center;
	font-size: 4rem;
	margin: 2rem 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
	margin-bottom: 40px;
	text-transform: uppercase;
}

.menu-cat::before,
.menu-cat::after {
	content: "";
	border-top: 2px solid;
	margin: 0 20px;
	-webkit-box-flex: 1;
	-ms-flex: 1 0 20px;
	flex: 1 0 20px;
}

.menu-desc {
	text-align: center;
	font-size: 1rem;
	margin: 2rem 0 3rem 0;
}

.menu-cat-hr {
	border-top: 2px solid black !important;
	margin: 20px;
	opacity: 1;
}

.menu .card {
	border-radius: 0;
	border-top-left-radius: 25px;
	border-bottom-right-radius: 25px;
}

.menu .item,
.menu .desc {
	padding-left: 0.75rem;
	padding-right: 0.75rem;
}

.menu .menu-name-wrapper .price-wrapper {
	position: relative;
	white-space: nowrap;
	z-index: 1;
}

.menu .menu-name-wrapper .price-wrapper .price {
	color: var(--menu-price-text);
	background-color: var(--menu-price);
	padding: 5px;
	border-radius: 0px;
	position: absolute;
	top: -35px;
	right: -35px;
	font-weight: bolder;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
	text-align: center;
	-ms-flex-item-align: center;
	align-self: center;
	justify-self: center;
}

@media (max-width: 768px) {
	.menu-cat {
		font-size: 2rem;
	}
}

/* Gallery */

.gallery-container .gallery-filters {
	padding: 0;
	margin: 0 auto 0 auto;
	list-style: none;
	text-align: center;
	border-radius: 50px;
}

.gallery-filters {
	position: relative;
	padding-bottom: 1.75rem !important;
}

.gallery-items {
	position: relative;
}

.gallery-items img {
	padding-bottom: 24px;
}

.gallery-container .gallery-filters li {
	cursor: pointer;
	display: inline-block;
	padding: 8px 12px 10px 12px;
	font-size: 16px;
	font-weight: 500;
	line-height: 1;
	margin-left: 0.5rem;
	margin-right: 0.5rem;
	margin-bottom: 10px;
	-webkit-transition: all ease-in-out 0.3s;
	-o-transition: all ease-in-out 0.3s;
	transition: all ease-in-out 0.3s;
	background: var(--btn-main-bg) !important;
	color: var(--btn-main-text) !important;
	border-radius: var(--btn-border-radius) !important;
	-webkit-box-shadow: var(--btn-main-shadow) !important;
	box-shadow: var(--btn-main-shadow) !important;
	text-decoration: none !important;
	font-family: var(--headers-font) !important;
	border: none;
}

.gallery-container .gallery-filters li:hover,
.gallery-container .gallery-filters li.filter-active {
	background: var(--btn-hover-bg) !important;
	color: var(--btn-hover-text) !important;
	text-decoration: none !important;
	border: none;
}

.gallery-container .gallery-filters li:last-child {
	margin-right: 0;
}

/* Page Layout */

.banner {
	position: relative;
	z-index: 1;
	height: 70vh;
	overflow: hidden;
}

.banner-image {
	position: relative;
	min-width: 100%;
	min-height: 100%;
	max-width: 140%;
}

.banner-title {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	color: var(--color-3);
	z-index: 2;
	text-shadow: 0px 0px 5px rgb(0 0 0 / 75%);
	letter-spacing: 10px;
	text-transform: uppercase;
	font-size: 6rem;
	text-align: center;
}

@-webkit-keyframes flipup {
	from {
		-webkit-transform: rotateX(270deg);
		transform: rotateX(270deg);
	}
	99% {
		-webkit-transform: rotateX(360deg);
		transform: rotateX(360deg);
	}
	to {
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes flipup {
	from {
		-webkit-transform: rotateX(270deg);
		transform: rotateX(270deg);
	}
	99% {
		-webkit-transform: rotateX(360deg);
		transform: rotateX(360deg);
	}
	to {
		-webkit-transform: none;
		transform: none;
	}
}

.body-content {
	position: relative;
	text-align: start;
	z-index: 1;
	background-color: var(--color-3);
	top: -6vh;
	margin-bottom: -6vh;
	padding: 2rem;
	padding-bottom: 10rem;
	-webkit-box-shadow: rgb(149 157 165 / 20%) 0px -8px 24px;
	        box-shadow: rgb(149 157 165 / 20%) 0px -8px 24px;
	-webkit-animation: flipup 1s ease-in-out;
	animation: flipup 1s ease-in-out;
	min-height: 50vh;
}

.body-content hr {
	border-color: #ced4da;
}

@media (max-width: 996px) {
	.banner-title {
		font-size: 3rem;
	}

	.banner-image {
		position: relative;
		min-width: 100%;
		min-height: 100%;
		max-width: 120%;
	}

	.body-content {
		position: relative;
		text-align: start;
		z-index: 1;
		background-color: var(--color-3);
		top: -8vh;
		margin-bottom: -8vh;
		padding: 2rem;
	}

	.banner {
		position: relative;
		z-index: 1;
		height: 45vh;
		overflow: hidden;
	}
}

@media (max-width: 768px) {
	.banner-title {
		font-size: 2rem;
	}

	.banner-image {
		position: relative;
		min-width: 100%;
		min-height: 100%;
		max-width: 110%;
	}
	.body-content {
		position: relative;
		text-align: start;
		z-index: 1;
		background-color: var(--color-3);
		top: -12vh;
		margin-bottom: -12vh;
		padding: 2rem;
	}

	.banner {
		position: relative;
		z-index: 1;
		height: 42vh;
		overflow: hidden;
	}
}

/* Promotiles */

.promo {
	letter-spacing: 0.075rem;
	overflow: hidden;
}

#promos {
	overflow: hidden;
}

#promos .promo {
	position: relative;
	padding: 4rem;
	overflow: hidden;
	-webkit-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
	-o-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
	transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
	-webkit-transition-property: width, height, background-color, color, left, right, top, bottom, -webkit-filter;
	transition-property: width, height, background-color, color, left, right, top, bottom, -webkit-filter;
	-o-transition-property: width, height, background-color, color, left, right, top, bottom, filter;
	transition-property: width, height, background-color, color, left, right, top, bottom, filter;
	transition-property: width, height, background-color, color, left, right, top, bottom, filter, -webkit-filter;
	-webkit-box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px inset, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px inset;
	        box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px inset, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px inset;
	border: solid 2px var(--color-3);
}

#promos .promo:first-child {
	border-left: solid 4px var(--color-3);
	border-top: solid 4px var(--color-3);
}
#promos .promo:nth-child(2) {
	border-right: solid 4px var(--color-3);
	border-top: solid 4px var(--color-3);
}
#promos .promo:nth-child(3) {
	border-left: solid 4px var(--color-3);
	border-bottom: solid 4px var(--color-3);
}
#promos .promo:nth-child(4) {
	border-right: solid 4px var(--color-3);
	border-bottom: solid 4px var(--color-3);
}

@media (max-width: 992px) {
	#promos .promo:first-child {
		border-left: solid 4px var(--color-3);
		border-right: solid 4px var(--color-3);

		border-top: solid 4px var(--color-3);
		border-bottom: solid 2px var(--color-3);
	}
	#promos .promo:nth-child(2) {
		border-right: solid 4px var(--color-3);
		border-left: solid 4px var(--color-3);

		border-top: solid 2px var(--color-3);
		border-bottom: solid 2px var(--color-3);
	}
	#promos .promo:nth-child(3) {
		border-left: solid 4px var(--color-3);
		border-right: solid 4px var(--color-3);

		border-top: solid 2px var(--color-3);
		border-bottom: solid 4px var(--color-3);
	}
	#promos .promo:nth-child(4) {
		border-right: solid 4px var(--color-3);
		border-left: solid 4px var(--color-3);

		border-top: solid 2px var(--color-3);
		border-bottom: solid 2px var(--color-3);
	}
}

#promos .promo::before,
#promos .promo::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

#promos .promo::before {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-transition: inherit;
	-o-transition: inherit;
	transition: inherit;
	margin: -3rem;
	width: calc(100% + 6rem);
	height: calc(100% + 6rem);
}

#promos .promo::after {
	height: 70%;
	width: 100%;
	top: calc(50% - 35%);
	background-color: var(--color-3-opacity-darker);
	-webkit-transition: inherit;
	-o-transition: inherit;
	transition: inherit;
}

#promos .promo:first-child::before {
	/* background-image: url('../images/patterns/mexican-pattern-1.webp');
  background-repeat: repeat;
  background-size: 10%; */
	background-color: var(--color-2-opacity-darker);
}

#promos .promo:nth-child(2)::before {
	/* background-image: url('../images/patterns/mexican-pattern-2.webp');
  background-repeat: repeat;
  background-size: 10%; */
	background-color: var(--color-2-opacity-darker);
}

#promos .promo:nth-child(3)::before {
	/* background-image: url('../images/patterns/mexican-pattern-3.webp');
  background-repeat: repeat;
  background-size: 10%; */
	background-color: var(--color-2-opacity-darker);
}

#promos .promo:nth-child(4)::before {
	/* background-image: url('../images/patterns/mexican-pattern-4.webp');
  background-repeat: repeat;
  background-size: 10%; */
	background-color: var(--color-2-opacity-darker);
}

#promos .promo span {
	display: block;
	margin-bottom: 1rem;
}

#promos .promo span.promo-title {
	font-family: var(--headers-font);
	color: var(--color-4);
	font-size: 25pt;
	letter-spacing: 4px;
}

#promos .promo span.promo-desc {
	font-family: var(--text-font);
	color: var(--color-4);
	font-size: 16pt;
	letter-spacing: 4px;
}

@media (max-width: 992px) {
	#promos .promo span.promo-desc {
		font-family: var(--text-font);
		color: var(--color-4);
		font-size: 12pt;
		letter-spacing: 4px;
	}
}

#promos .promo-ring {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 0 1rem;
	height: 100%;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-transition: inherit;
	-o-transition: inherit;
	transition: inherit;
}

#promos .promo {
	text-decoration: none;
}

#promos .promo-ring::after,
#promos .promo-ring::before {
	position: absolute;
	content: "";
	display: block;
	width: 100%;
	height: 174%;
	top: -37%;
	left: 0;
	z-index: -1;
	-webkit-transition: inherit;
	-o-transition: inherit;
	transition: inherit;
}

#promos .promo-ring::after {
	border-top: none;
	border-bottom: none;
}

#promos .promo-ring::before {
	border-left: none;
	border-right: none;
}

#promos .promo {
	text-decoration: none;
}

#promos .promo:hover::before,
#promos .promo:focus::before {
	-webkit-filter: blur(0.01em);
	filter: blur(0.01em);
}

#promos .promo:hover::after,
#promos .promo:focus::after {
	background-color: var(--color-3);
}

#promos .promo:hover .promo-ring::before,
#promos .promo:focus .promo-ring::before {
	width: 0%;
	left: 50%;
}

#promos .promo:hover .promo-ring::after,
#promos .promo:focus .promo-ring::after {
	height: 0%;
	top: 50%;
}

#promos.promos-simple .promo {
	-webkit-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
	-webkit-transition-property: width, height, background-color, color;
	-o-transition-property: width, height, background-color, color;
	transition-property: width, height, background-color, color;
}

#promos.promos-simple .promo:hover .promo-ring::before,
#promos.promos-simple .promo:focus .promo-ring::before {
	width: 100%;
	left: 0;
}

#promos.promos-simple .promo:hover .promo-ring::after,
#promos.promos-simple .promo:focus .promo-ring::after {
	height: 174%;
	top: -37%;
}

/* Socials */

.socials {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	list-style: none;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: auto;
	padding-left: 0;
}

.socials.main {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	list-style: none;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: left;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 0 auto auto auto;
	padding-left: 0;
}

.socials li {
	-ms-flex-item-align: center;
	align-self: center;
	justify-self: center;
	cursor: pointer;
	/* -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px; */
}

.socials li a i {
	font-size: 1.5rem;
}

.socials li,
.socials li a,
.socials li a i {
	background-color: transparent;
	color: var(--socials, var(--color-3));
	-webkit-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}
.socials li,
.socials li:hover a,
.socials li:hover a i {
	background-color: transparent;
	color: var(--socials-hover, var(--color-2));
}

.socials.socials-dark li,
.socials.socials-dark li a,
.socials.socials-dark li a i {
	background-color: transparent;
	color: var(--socials, var(--color-4));
	-webkit-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
	-webkit-box-shadow: none;
	        box-shadow: none;
}
.socials.socials-dark li,
.socials.socials-dark li:hover a,
.socials.socials-dark li:hover a i {
	background-color: transparent;
	color: var(--socials-hover, var(--color-2));
}

.socials li {
	height: 5vh;
	width: 5vh;
	height: 40px;
	width: 40px;
	margin-right: 0.5rem;
}

.socials li a {
	height: 5vh;
	width: 5vh;
	height: 40px;
	width: 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-decoration: none;
}

/* .socials li.facebook,
.socials li.facebook:hover {
	--socials-bg: #4267b2;
	--socials: #ffffff;
	--socials-bg-hover: #ffffff;
	--socials-hover: #4267b2;
}
.socials li.twitter,
.socials li.twitter:hover {
	--socials-bg: #1d9bf0;

	--socials: #ffffff;
	--socials-bg-hover: #ffffff;
	--socials-hover: #000000;

}
.socials li.instagram,
.socials li.instagram:hover {
	--socials-bg: #c13584;
	--socials: #ffffff;
	--socials-bg-hover: #ffffff;
	--socials-hover: #c13584;
}
.socials li.google,
.socials li.google:hover {
	--socials-bg: #4285f4;
	--socials: #ffffff;
	--socials-bg-hover: #ffffff;
	--socials-hover: #4285f4;
}
.socials li.yelp,
.socials li.yelp:hover {
	--socials-bg: #ff1a1a;
	--socials: #ffffff;
	--socials-bg-hover: #ffffff;
	--socials-hover: #ff1a1a;
} */

@media (max-width: 768px) {
	.socials {
		margin: auto;
	}

	.socials li {
		margin: 0.5rem 0.25rem 0rem 0.25rem;
	}
}

/* Forms */

.form-heading {
    margin-bottom: 1.5rem;
    border-bottom: 1px solid var(--color-1);
    padding: 1rem 0 .5rem 0;
	text-align: start !important;
	font-size: 1.5rem;
	letter-spacing: 3px;
}

.cmsform > .row:first-of-type .form-heading {
    padding-top: 0;
}

.form-paragraph {
    padding-bottom: 2rem;
}

.cmsform .catering-form .cmsform textarea,
.cmsform .private-dining-form .cmsform textarea {
	min-height: 206px;
}

input:focus::placeholder {
	color: #212529!important;
	font-size: 1rem;
}

.cmsform .form-floating > .form-control-plaintext ~ label,
.cmsform .form-floating > .form-control:focus ~ label,
.cmsform .form-floating > .form-control:not(:placeholder-shown) ~ label,
.cmsform .form-floating > .form-select ~ label {
	opacity: 1 !important;
	-webkit-transform: scale(0.85) translateY(-1.85rem) translateX(0.15rem);
	-ms-transform: scale(0.85) translateY(-1.85rem) translateX(0.15rem);
	transform: scale(0.85) translateY(-1.85rem) translateX(0.15rem);
}

.cmsform .form-floating > label {
	opacity: 0.5;
}

.cmsform .form-control {
	color: var(--form-input-text);
	background-color: var(--form-input-text-background);
	border-color: var(--form-input-border);
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.cmsform .form-control:focus {
	color: var(--form-input-text-focused);
	background-color: var(--form-input-text-focused-background);
	border-color: var(--form-input-border-focused);
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.cmsform .formTextColor {
	position: absolute;
	color: var(--form-input-text-focused);
	background-color: var(--form-input-text-focused-background);
}

.form-check-input:checked {
	background-color: var(--form-checkbox);
	border-color: var(--form-checkbox);
}

.form-check-input:focus {
	border-color: #86b7fe;
	outline: 0;
	-webkit-box-shadow: 0 0 0 0.25rem var(--form-checkbox-focus-dropshadow);
	        box-shadow: 0 0 0 0.25rem var(--form-checkbox-focus-dropshadow);
}

.cmsform .formTextColor::after {
	content: " ";
	display: block;
	position: absolute;
	background: var(--form-input-text-focused-background);
	height: 2px;
	top: 50%;
	left: -0.2em;
	right: -0.2em;
	z-index: -1;
}

.cmsform .form-control {
	border-radius: 0;
}

.btn-block {
	width: 100%;
	padding: 0.25rem;
	font-size: 1.5rem;
	letter-spacing: 0.25rem;
}

.cmsform textarea.form-control {
	min-height: 206px;
}

/* Modals */
.modal {
	--bs-modal-zindex: 1055;
	--bs-modal-bg: var(--modal-bg);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9002;
	display: none;
	width: 100%;
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	outline: 0;
}

.modal-backdrop {
	z-index: 9001;
}

.modal.show,
.modal-open,
.modal-open .navbar {
	padding-right: 0px !important;
}

.modal.show .modal-dialog {
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
}

.modal-open .modal::-webkit-scrollbar,
.modal-open .modal::-webkit-scrollbar-track,
.modal-open .modal::-webkit-scrollbar-thumb,
.modal::-webkit-scrollbar,
.modal::-webkit-scrollbar-track,
.modal::-webkit-scrollbar-thumb {
	display: none;
}

.modal.show .modal-dialog {
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
}

.modal.fade .modal-dialog {
	-webkit-transition: -webkit-transform 0.3s ease-out;
	transition: -webkit-transform 0.3s ease-out;
	-o-transition: transform 0.3s ease-out;
	transition: transform 0.3s ease-out;
	transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
	-webkit-transform: translate(0, -50px);
	-ms-transform: translate(0, -50px);
	transform: translate(0, -50px);
	margin-top: 4rem;
}

.modal-dialog-centered {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	min-height: calc(100% - var(--bs-modal-margin) * 2);
}

.modal-dialog {
	position: relative;
	width: auto;
	margin: var(--bs-modal-margin);
	pointer-events: none;
}

.modal-content {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%;
	color: var(--modal-text);
	pointer-events: auto;
	background-color: var(--modal-bg);
	background-clip: padding-box;
	border: none;
	border-radius: 0;
	outline: 0;
	padding: 1.5rem;
}

.modal-header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: var(--bs-modal-header-padding);
	border-bottom: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.modal-header .btn-close {
	position: absolute;
	top: 1.5em;
	right: 1.5em;
}

.modal-header .btn-close {
	background: var(--modal-x-button);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M24 20.188l-8.315-8.209 8.2-8.282-3.697-3.697-8.212 8.318-8.31-8.203-3.666 3.666 8.321 8.24-8.206 8.313 3.666 3.666 8.237-8.318 8.285 8.203z'/%3E%3C/svg%3E");
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M24 20.188l-8.315-8.209 8.2-8.282-3.697-3.697-8.212 8.318-8.31-8.203-3.666 3.666 8.321 8.24-8.206 8.313 3.666 3.666 8.237-8.318 8.285 8.203z'/%3E%3C/svg%3E");
	opacity: 1;
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 90%;
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 90%;
	-webkit-transition: background 0.25s ease-in-out;
	-o-transition: background 0.25s ease-in-out;
	transition: background 0.25s ease-in-out;
}

.modal-header .btn-close:hover {
	background: var(--modal-x-button-hover);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M24 20.188l-8.315-8.209 8.2-8.282-3.697-3.697-8.212 8.318-8.31-8.203-3.666 3.666 8.321 8.24-8.206 8.313 3.666 3.666 8.237-8.318 8.285 8.203z'/%3E%3C/svg%3E");
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M24 20.188l-8.315-8.209 8.2-8.282-3.697-3.697-8.212 8.318-8.31-8.203-3.666 3.666 8.321 8.24-8.206 8.313 3.666 3.666 8.237-8.318 8.285 8.203z'/%3E%3C/svg%3E");
	opacity: 1;
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 100%;
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 100%;
	-webkit-animation-name: maskSize;
	        animation-name: maskSize;
	-webkit-animation-duration: 0.25s;
	        animation-duration: 0.25s;
}

.modal-title {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding: 0 1em;
	line-height: 1;
	font-size: 2.25rem;
}

.modal-body {
	position: relative;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	padding: var(--bs-modal-padding);
}

.modal-footer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5);
	background-color: var(--bs-modal-footer-bg);
	border-top: none;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

@media (min-width: 576px) {
	.modal {
		--bs-modal-margin: 1.75rem;
		--bs-modal-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
	}

	.modal-dialog {
		max-width: var(--bs-modal-width);
		margin-right: auto;
		margin-left: auto;
	}
}


/* calendar */

#calendar-events > div > .card {
	border: none;
	background-color: var(--color-3);
	-webkit-box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
	box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
}

#calendar-events > div > .card > .card-header {
	text-align: center;
	font-weight: bolder;
}

#calendar-events div.row.h-100.m-0 > div.col-md-6.p-0.my-auto.text-center > div > div > h5,
#calendar-events div.row.h-100.m-0 > div.col-md-10.p-0.my-auto.text-center > div > div > h5 {
	font-weight: bolder;
	font-size: 1rem;
}

#calendar-events div.row.h-100.m-0 > div.col-md-6.p-0.my-auto.text-center > div > div .card-title,
#calendar-events div.row.h-100.m-0 > div.col-md-10.p-0.my-auto.text-center > div > div > .card-title {
	font-weight: bolder;
	font-size: 1.5rem;
}

#calendar-events > div > .card > .card-body {
	text-align: center;
}

#calendar-events > div > .card > .card-body > img {
	margin-right: auto;
	margin-left: auto;
}

#calendar-events > div > .card > .card-footer {
	text-align: center;
	font-weight: bold;
	padding: 0;
	border: none;
}

#calendar-events div.row.h-100.m-0 > div.col-md-2.p-0.m-0.text-center.date-bg > div > div > h3,
#calendar-events div.row.h-100.m-0 > div.col-md-2.p-0.m-0.text-center.date-bg > div > div > h2 {
	color: var(--main-accent-text) !important;
	margin-top: 2rem;
	margin-bottom: 2rem;
}

#calendar-events div.row.h-100.m-0 > div.col-md-10.p-0.my-auto.text-center > div > div > div,
#calendar-events div.row.h-100.m-0 > div.col-md-6.p-0.my-auto.text-center > div > div > div > p {
	color: var(--text) !important;
}

.date-bg > div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

#calendar-events .fa-calendar-plus {
    position: absolute;
    right: 1rem;
    top: 0.75rem;
    color: var(--color-2);
    font-size: 1.25rem;
}

#calendar-events .fa-calendar-plus:hover {
    position: absolute;
    right: 1rem;
    top: 0.75rem;
    color: var(--color-1);
    font-size: 1.25rem;
    cursor: pointer;
}

@media (max-width: 768px) {
	#calendar-events .fa-calendar-plus {
		position: absolute;
		right: 1rem;
		top: 0.75rem;
		color: var(--color-3);
		font-size: 1.5rem;
	}
	
	#calendar-events .fa-calendar-plus:hover {
		position: absolute;
		right: 1rem;
		top: 0.75rem;
		color: var(--color-1);
		font-size: 1.5rem;
		cursor: pointer;
	}
}

.events-calendar {
	margin-bottom: 3rem;
}

.cta-button.btn.btn-template {
	height: 100%;
	width: 100%;
	margin: 0;
	border-radius: 0;
	border: none;
	outline: none;
	color: var(--main-accent);
	color: var(--main-accent-text);
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	-webkit-box-shadow: 0px 0px 0px rgb(0, 0, 0, 0) !important;
	        box-shadow: 0px 0px 0px rgb(0, 0, 0, 0) !important;
}

.cta-button.btn.btn-template:hover,
.cta-button.btn.btn-template:focus,
.cta-button.btn.btn-template:active {
	background-color: var(--secondary-accent);
	color: var(--secondary-accent-text);
	border: none;
	outline: none;
}

#calendar-events .card-img-top {
	width: 100%;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	margin-right: -1px;
}

.date-bg {
	background-color: var(--main-accent) !important;
	color: var(--main-accent-text) !important;
}

@media (max-width: 768px) {
	.date-bg > div > div {
		display: flex;
		gap: 10px;
	}
}

@media (max-width: 768px) {
	.subscribeBtn {
		margin-bottom: 2rem;
	}
}

/* captcha */

.grecaptcha-badge {
	width: 70px !important;
	overflow: hidden !important;
	-webkit-transition: all 0.3s ease !important;
	-o-transition: all 0.3s ease !important;
	transition: all 0.3s ease !important;
	left: 4px !important;
	bottom: 4px !important;
	border-radius: 2px;
}
.grecaptcha-badge:hover {
	width: 256px !important;
}

/* calendar modals */
[aria-labelledby="eventModal"] .modal-dialog{
	margin-top: 5rem;
}