/* Fonts */

/* Gotham Rounded Book */
@font-face {
	font-family: 'Gotham Rounded';
	src: url('/fonts/GothamRounded/gothamrnd_book.otf') format('opentype');
	font-weight: 400;
	font-style: normal;
}

/* Gotham Rounded Book Italic */
@font-face {
	font-family: 'Gotham Rounded';
	src: url('/fonts/GothamRounded/gothamrnd_bookitalic.otf') format('opentype');
	font-weight: 400;
	font-style: italic;
}

/* Gotham Rounded Medium */
@font-face {
	font-family: 'Gotham Rounded';
	src: url('/fonts/GothamRounded/gothamrnd_medium.otf') format('opentype');
	font-weight: 500;
	font-style: normal;
}

/* Gotham Rounded Medium Italic */
@font-face {
	font-family: 'Gotham Rounded';
	src: url('/fonts/GothamRounded/gothamrnd_mediumitalic.otf') format('opentype');
	font-weight: 500;
	font-style: italic;
}

/* Gotham Rounded Bold */
@font-face {
	font-family: 'Gotham Rounded';
	src: url('/fonts/GothamRounded/gothamrnd_bold.otf') format('opentype');
	font-weight: 700;
	font-style: normal;
}

/* Gotham Rounded Bold Italic */
@font-face {
	font-family: 'Gotham Rounded';
	src: url('/fonts/GothamRounded/gothamrnd_bolditalic.otf') format('opentype');
	font-weight: 700;
	font-style: italic;
}

/* Gotham Rounded Light */
@font-face {
	font-family: 'Gotham Rounded';
	src: url('/fonts/GothamRounded/gothamrnd_light.otf') format('opentype');
	font-weight: 300;
	font-style: normal;
}

/* Gotham Rounded Light Italic */
@font-face {
	font-family: 'Gotham Rounded';
	src: url('/fonts/GothamRounded/gothamrnd_lightitalic.otf') format('opentype');
	font-weight: 300;
	font-style: italic;
}

/* General */

:root {
	--primary: #003C30;
	--primary-light: #cbdbc0;
	--secondary: #CD9830;
	--whatsapp: #00A013;
	--body: #535353;
	--placeholder: #c3c3c3;
	--light: #f7f7f7;
}

body, html {
	color: var(--body);
	font-family: 'Gotham Rounded', Arial, sans-serif;
}

/* Helpers */

.text-primary {color: var(--primary) !important;}
.text-secondary {color: var(--secondary) !important;}
.text-body {color: var(--body) !important;}
.text-placeholder {color: var(--placeholder) !important;}

.bg-primary {background-color: var(--primary) !important;}
.bg-primary-light {background-color: var(--primary-light) !important;}
.bg-whatsapp {background-color: var(--whatsapp) !important;}

.border-primary {border-color: var(--primary) !important;}
.border-light {border: var(--bs-border-width) solid var(--bs-border-color) !important;}

.h-screen {
	height: 100vh;
	height: 100dvh;
}

.min-h-screen {
	min-height: 100vh;
	min-height: 100dvh;
}

.w-fit {width: fit-content;}

.icon-md {
	width: 26px;
	height: 26px;
	min-width: 26px;
	min-height: 26px;
}

.icon-lg {
	width: 40px;
	height: 40px;
	min-width: 40px;
	min-height: 40px;
}

@media (max-width: 768px) {
	.icon-md {
		width: 20px;
		height: 20px;
		min-width: 20px;
		min-height: 20px;
	}
}

.fs-7 {font-size: 0.875rem;}
.fs-8 {font-size: 0.75rem;}

/* Bootstrap */

.btn-check:checked + .btn,
.btn-check:checked + .btn:hover {
	color: var(--white) !important;
	border-color: var(--primary) !important;
	background-color: var(--primary) !important;
}

.btn-check + .btn,
.btn-check + .btn:hover {
	color: var(--primary) !important;
	border-color: var(--primary) !important;
}

.form-select,
.form-control,
.input-group {
   border-radius: 8px;
   border: 1px solid #D9D9D9;
}

.input-group:active,
.input-group:focus,
.input-group:focus-within,
.form-select:active,
.form-select:focus,
.form-control:active,
.form-control:focus {
   box-shadow: none;
   border-color: var(--primary);
   background-color: transparent;
}

.form-check-input {
   min-width: 1em !important;
   min-height: 1em !important;
}

.form-check-input:checked {
   border-color: var(--primary) !important;
   background-color: var(--primary) !important;
}

.form-check-input:focus {
   box-shadow: none;
   border-color: var(--primary) !important;
}

::placeholder {
   opacity: 1;
   color: var(--placeholder) !important;
}
::-ms-input-placeholder {color: var(--placeholder) !important;}

/* Page */

#hero {min-height: 750px;}

@media (max-width: 991px) {
	.logo {width: 80px;}
	#afterHero {margin-top: 3rem !important;}
}