html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}

body {
	background-color: #fff;
	font-family: 'Roboto', Arial, sans-serif;
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
	font-optical-sizing: auto;
	color: #111;
	overflow-y: scroll;
	overflow-wrap: break-word;
}

* :focus-within {
	outline: 0;
}

* > p:last-child {
	margin-bottom: 0;
}

a {
	outline: none;
}

img {
	max-width: 100%;
}

h1,
h2 {
	font-family: 'Montserrat';
}

/* Under construction */

.under-construction {
	background-color: rgba(255, 255, 255, 0.7);
	z-index: 99;
}

.under-construction span {
	margin-right: var(--fancybox-scrollbar-compensate, 0px);
}

.stripes {
	width: 100%;
	height: 0.5rem;
	background: repeating-linear-gradient(135deg, #ffff00, #ffff00 1.25rem, #000 1.25rem, #000 2.5rem);
}

/* Header */



/* Intro */

/* Swiper */

.swiper {
	height: 100vh;
	min-height: 30rem;
}

.bp-xs .swiper,
.bp-sm .swiper {
	height: 80vh;
}

.swiper-wrapper::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, 0.7) 100%);
	pointer-events: none;
	z-index: 8;
}

.swiper-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.swiper-pagination {
	display: inline-flex;
	left: 0 !important;
	width: auto !important;
	bottom: 2rem !important;
	text-align: left;
}

.swiper-pagination-bullet {
	display: block;
	margin: 0 0.5rem 0 0 !important;
    width: 1.5rem;
    height: 0.25rem;
    background: #fff;
    border-radius: 0;
}	

.swiper-pagination-bullet:last-child {
	margin-right: 0 !important;
}

.swiper-button-prev,
.swiper-button-next {
	top: auto;
	bottom: 2rem;
	width: 2.5rem;
	height: 2.5rem;
	font-size: 1.25rem;
	background-color: rgba(220, 220, 220, 0.7);
	color: #111;
}

.swiper-button-prev {
	right: 3rem;
	left: auto;
}

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

.swiper-button-next:after, .swiper-button-prev:after {
	font-size: 1.25rem;
}

#intro a.phone-link {
	text-decoration: none;
	text-shadow: 2px 2px 4px rgb(0 0 0 / 70%);
}

#intro .bi-telephone-fill {
	filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.7));
}

.into-content {
	bottom: 6rem;
	color:#fff;
	z-index: 9;
	text-shadow: 2px 2px 4px rgb(0 0 0 / 70%);
}

/* Layout */

.item-img-container {
	aspect-ratio: 1 / 1;
}

.item-img {
	object-fit: cover;
}

/* Hero */

#hero {
	height: 80%;
	background-image: url('../img/hero.webp');
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.bp-xs #hero {
	height: 50%;
}

/* Social */

#ic-instagram {
	width: 3rem;
	height: 3rem;
}