.navbar-inverse {
	background-color: #50afff;
	border-color: transparent;
}

	.navbar-inverse .navbar-collapse {
		border-color: transparent;
	}

	.navbar-inverse .navbar-nav > li > a {
		color: white;
		font-weight: 600;
		font-size: 1.7rem;	
	}

		.navbar-inverse .navbar-nav > li > a:hover {
			color: #ffe752;
		}

	.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
		background-color: #50afff;
		color: white;
	}

.dropdown-menu {
	display: flex;
	flex-direction: column;
	position: absolute;
	background: var(--main);
	width: -webkit-fill-available;
	padding: 1em 0;
	z-index: 1;
	transition: height .3s ease, opacity .3s ease;
	overflow-y: auto;
	overflow-x: hidden;
	background-color: white;
	border: 1px solid #ada49f;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}

.dropdown-item {
	display: flex;
	align-items: center;
	padding: 0.2em 1em;
	cursor: pointer;
	white-space: nowrap;
}

	.dropdown-item :hover {
		background-color: #F3F3F3;
	}

.main-hidden {
	height: 0;
	opacity: 0;
	z-index: -1;
}

.main-shown {
	height: 100px;
	opacity: 1;
}

#currentGym {
	white-space: nowrap;
}

.navbar-nav > li > .dropdown-menu {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	width: -webkit-fill-available;
	height: 100px;
}

footer {
	display: flex;
	justify-content: space-around;
	align-items: center;
}

.body-content {
	margin-top: 0;
}

@media (min-width: 768px) {
	.body-content {
		margin-top: 50px;
	}
}

@media (min-width: 1200px) {
	.body-content {
		margin-top: 0;
	}
}