@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&display=swap");

:root {
	--color-primary: #23394e;
	--color-primary-dark: #192938;
	--color-primary-light: #5d809e;
}

html {
	height: 100% !important;
}

body {
	display: flex !important;
	height: 100% !important;
	flex-direction: column !important;
	font-family: "Lora", serif;
	font-optical-sizing: auto;
	font-style: normal;
}

#wrapper {
	flex-grow: 1 !important;
}

.fw-bold {
	font-weight: 700 !important;
}

.bg-web-primary {
	background-color: var(--color-primary);
	color: white;
}

.text-web-primary {
	color: var(--color-primary);
}

.text-web-primary-light {
	color: var(--color-primary-light);
}

.text-web-primary-dark {
	color: var(--color-primary-dark);
}

.box-shadow {
	box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
}

#mainNav {
	background-color: var(--color-primary);
}

#mainNav .navbar-brand > img {
	height: 120px;
	margin-bottom: 10px;
}

#mainNav ul.navbar-nav {
	flex-direction: row;
	width: 100%;
}

#mainNav ul.navbar-nav > li.nav-item > a.nav-link {
	text-align: center;
	border: none;
}

@media (min-width: 576px) {
	#mainNav .navbar-brand > img {
		height: 60px;
		margin-bottom: 0;
	}
	#mainNav ul.navbar-nav {
		width: auto;
	}
	#mainNav ul.navbar-nav > li.nav-item > a.nav-link {
		width: auto;
	}
	#mainNav ul.navbar-nav > li.nav-item > a.nav-link {
		margin: 0 15px;
	}
}

.bg-cover {
	background-position: center;
	background-size: cover;
}

.bg-contain {
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}

.bg-muted-2 {
	background-color: #f2f2f2;
}

.bg-muted-8 {
	background-color: #f8f8f8;
}

section {
	padding: 90px 0;
}

.btn {
	padding: 8px 24px !important;
}

.btn-web-primary {
	background-color: var(--color-primary) !important;
	color: white;
}

.btn-web-primary:hover,
.btn-web-primary:focus {
	background-color: var(--color-primary-dark) !important;
	color: #ccc;
}

a.link-web-primary:link,
a.link-web-primary:visited {
	color: var(--color-primary);
}

a.link-web-primary:hover,
a.link-web-primary:focus,
a.link-web-primary:active {
	color: var(--color-primary-light);
}

a.link-web-primary-light:link,
a.link-web-primary-light:visited {
	color: var(--color-primary-light);
}

a.link-web-primary-light:hover,
a.link-web-primary-light:focus,
a.link-web-primary-light:active {
	color: var(--color-primary);
}

.flex-even {
	flex: 1;
}

.border-primary-light {
	border-color: var(--color-primary-light) !important;
}

.title-underline {
	position: relative;
}

.title-underline::after {
	position: absolute;
	bottom: 0;
	left: 0;
	content: "";
	width: 60px;
	height: 3px;
	background-color: var(--color-primary-light);
}