:root {
	--primary:  237, 113, 2;
	--secondary:  237, 113, 2;
	--background:  242, 242, 242;
}


body > header #navbarBottom .logo {
    max-width: 4rem;
    top: .5rem;
    z-index: 99;
}

body > header.shrink #navbarBottom .logo {
    max-width: 4rem;
}

#content {
	margin-top: 6rem;
	margin-left: 0;
}

body > header #menuMain a:hover,
body > header #menuMain a.current,
body > header #menuMain a.active {
    color: rgb(var(--bs-navbar-color)) !important;
}

body > header #menuMobile a.active {
	color: rgb(var(--primary));
}

body > header #menuMain a {
    transition: none;
}

body > header .btn-toggle[aria-expanded=true] {
	transform: rotate(180deg);
}

#map {
	margin-top: 0 !important;
	height: calc(100vh - 8rem) !important;
}

#logo img {
	height: 75px;
    width: auto !important;
    margin-top: -13px;
}

#p1 #logo img {
	height: 150px;
}

/* Bootstrap */
hr {
	color: #cccccc;
	opacity: 1;
}

.small,
small {
	font-size: .875em;
}

.shadow-sm {
	box-shadow: var(--bs-box-shadow-sm) !important;
}

.navbar-nav .nav-link,
.navbar-light .navbar-nav .nav-link {
	color: var(--bs-navbar-color);
	font-size: 1rem;
}

.navbar-nav .active > .nav-link,
.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show,
.navbar-nav .show > .nav-link,
.navbar-nav .nav-link:focus,
.navbar-nav .nav-link:hover {
	color: var(--bs-navbar-color) !important;
	text-decoration: underline;
	text-decoration-color: rgb(var(--primary));
	text-decoration-thickness: 2px;
	text-underline-offset: 10px;
}

#menuMain .navbar-nav .dropdown-menu .dropdown-item {
	white-space: nowrap;
}

#menuMain .navbar-nav .dropdown-menu .dropdown-item.active {
	color: white !important;
	background-color: rgb(var(--primary));
}

#menuMain .navbar-nav .dropdown-menu {
	left: 1.5rem;
	border-top: 29px solid transparent;
	box-shadow: 0 7px 5px -7px rgba(0, 0, 0, 0.75);
}

#menuMain .navbar-nav .dropdown:hover > .dropdown-menu {
	display: block;
	opacity: 1;
	transform: scale(1);
}