@import url("./fonts.css");
@import url("https://fonts.googleapis.com/css2?family=Montserrat&display=swap");

:root {
	--weight-light: 300;
	--weight-regular: 400;
	--weight-medium: 550;
	--weight-wide: 650;
	--color-red: #fc242c;
	--color-black: #000000;
	--color-white: #ffffff;
	--color-gray: #e3e3e3;
	--color-gray-gradient: linear-gradient(
		180deg,
		rgba(212, 212, 212, 0.0123457) 0%,
		#cecece 99.99%,
		rgba(213, 213, 213, 0) 100%
	);
	--color-fade-background: linear-gradient(
		180deg,
		rgba(255, 254, 254, 0.0123457) 0%,
		#ffffff 99.99%,
		rgba(255, 255, 255, 0) 100%
	);
}

*::after,
*::before,
* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	text-decoration: none;
}

html {
	font-family: Obviously Light, sans-serif;
	text-decoration: none;
}

body {
	overflow-y: overlay;
	background-color: var(--color-white);
}

a,
a:hover,
a:visited,
a:active {
	color: inherit;
	text-decoration: none;
}

input {
	font-family: inherit;
	border-radius: 0;
	border: none;
}

input:focus-visible {
	outline: none;
}

ol {
    padding-inline-start: 22px;
}

ul {
	list-style: none;
}

button {
	background-color: unset;
	border: unset;
	cursor: pointer;
	color: var(--color-black);
}

button:disabled {
	cursor: auto;
}

b,
strong {
	-webkit-font-smoothing: antialiased;
}

h1 {
	font-weight: var(--weight-wide);
	font-size: 30px;
	line-height: 121%;
	text-transform: capitalize;
}

h2 {
	font-weight: var(--weight-wide);
	font-size: 20px;
	line-height: 160%;
}

h3 {
	font-weight: var(--weight-regular);
	font-size: 20px;
	line-height: 160%;
}

h4 {
	font-weight: var(--weight-regular);
	font-size: 18px;
	text-transform: uppercase;
}

h5 {
	font-weight: var(--weight-medium);
	font-size: 16px;
	line-height: 160%;
	text-transform: capitalize;
}

h5.light {
	font-weight: var(--weight-light);
	text-transform: capitalize;
}

h6 {
	font-weight: var(--weight-light);
	font-size: 14px;
	line-height: 180%;
	text-transform: capitalize;
}

address {
	font-style: normal;
}

p {
	font-weight: var(--weight-light);
	font-size: 12px;
	line-height: 221%;
}

p.medium {
	font-weight: var(--weight-medium);
	line-height: 180%;
}

.p2 {
	font-weight: var(--weight-light);
	font-size: 12px;
	line-height: 180%;
	text-transform: lowercase;
}

.p2.italic {
	text-transform: capitalize;
	font-style: italic;
}

.menu-item.light {
	font-weight: var(--weight-light);
	font-size: 24px;
	line-height: 24px;
}
.menu-item.medium {
	font-weight: var(--weight-medium);
	font-size: 24px;
	line-height: 24px;
}
.menu-item.light-small {
	font-weight: var(--weight-light);
	font-size: 20px;
}
.menu-item.medium-small {
	font-weight: var(--weight-medium);
	font-size: 20px;
}

.quote-1 {
	font-family: Arizona Light Italic;
	font-size: 18px;
	line-height: 145%;
}

.btn-text {
	font-family: "Montserrat", sans-serif;
	font-weight: var(--weight-regular);
	font-size: 14px;
	line-height: 19px;
}

.btn-text.light {
	font-weight: var(--weight-light);
	line-height: 180%;
}

.red {
	color: var(--color-red);
}

.black {
	color: var(--color-black);
}

.gray {
	color: var(--color-gray);
}

.white {
	color: var(--color-white);
}

.gray-gradient {
	background: var(--color-gray-gradient);
}

@media (min-width: 768px) {
	h1 {
		font-size: 100px;
		text-transform: none;
	}

	h2 {
		font-size: 72px;
		line-height: normal;
	}

	h3 {
		font-weight: var(--weight-wide);
		font-size: 48px;
		line-height: 129%;
	}

	h4 {
		font-weight: var(--weight-wide);
		font-size: 38px;
	}

	h4.light {
		font-weight: var(--weight-light);
	}

	h5 {
		font-size: 32px;
		line-height: normal;
		text-transform: none;
	}

	h5.wide {
		font-weight: var(--weight-wide);
		font-size: 48px;
		line-height: 129%;
	}

	h5.light {
		font-weight: var(--weight-light);
		text-transform: none;
	}

	h6 {
		font-weight: var(--weight-wide);
		font-size: 28px;
		line-height: 121%;
		text-transform: none;
	}

	.menu-item {
		font-weight: var(--weight-light);
		font-size: 50px;
	}

	.tab-item {
		font-weight: var(--weight-regular);
		font-size: 22px;
		text-transform: uppercase;
	}

	p {
		font-size: 20px;
		line-height: 160%;
	}

	p.medium {
		font-weight: var(--weight-medium);
		font-size: 12px;
	}

	p.regular {
		font-weight: var(--weight-regular);
	}

	.quote-1 {
		font-size: 36px;
		line-height: normal;
	}

	.quote-2 {
		font-weight: var(--weight-light);
		font-style: italic;
		font-size: 20px;
		line-height: 160%;
	}
}

@media (min-width: 1194px) {
	.body-container-disable-scroll {
		overflow-y: hidden;
	}

	.body-container-enable-scroll {
		overflow-y: overlay;
		overflow-x: hidden;
	}
}

::-webkit-scrollbar {
	width: 5px;
}

::-webkit-scrollbar-track {
	background: transparent;
}

::-webkit-scrollbar-thumb {
	background: #c4c4c4;
	border-radius: 66px;
}

body.no-animations * {
	transition-timing-function: step-end !important;
	transition-duration: 0s !important;
	animation-timing-function: step-end !important;
	animation-iteration-count: 1 !important;
	animation-duration: 0s !important;
}