/* Navbar and footer: app/layouts/navbar/navbar.scss and the inline <style> blocks of
   navbar.component.html / footer.component.html, ported by hand. */

/* Navbar: in normal flow, pulled up into body's 145px padding-top (00-global.css). */
.navbar {
	padding: 0.2rem 1rem;
	height: 145px;
	margin-top: -145px;
}
.navbar ul.navbar-nav .nav-item {
	margin-left: 0.5em;
}
.navbar .navbar-nav .nav-item.active a.nav-link { /* outranks Bootstrap's .navbar-light .navbar-nav .active > .nav-link */
	color: #dc3545; /* $danger */
}
a.lang img {
	margin-top: -5px;
}

@media (max-width: 767px) {
	.navbar {
		padding: 0.2rem 1rem;
		height: unset;
	}
	.navbar-brand.logo {
		max-width: 75% !important;
	}
	.navbar-collapse.show {
		z-index: 100;
	}
}

/* Footer */
.ft-contact {
	margin-top: 0;
}
.ft-img {
	margin: 12px 4px;
	width: 48px;
}
.ft-copyright {
	background-color: #f27900;
	color: black;
}
@media (max-width: 767px) {
	.ft-contact {
		margin-top: 10px;
	}
}
