nav.navbar button.btn {
	/* Override bootstrap 4.0.0 button transition for the search button*/
	transition: none;
}
nav.navbar input.form-control {
	/* The height of the search input has to be the same as the search button */
	height: auto;
}

.navbar {
	/* Navbar doesn't have a minimum height anymore */
	min-height: 50px;

	/*
	I'm not sure why, but if display is not set to block, top-links
	doesn't integrate itself into the navbar
	*/
	display: block;
}

#navbar-collapseme .nav-link {
	/* Make the navbar links the same width as the previous version */
	padding: 15px;
}

#navbar-collapseme .nav-link:first-of-type {
	/* Make the first item align with the rest of the page */
	margin-left: -2px;
}

.nav > li > a {
	/* Add padding since Nav links do not have padding anymore */
	display: block;
	padding: 10px 15px;
}

/* Return nav-tabs to it's old style*/
.nav-tabs > li {
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
}
.nav-tabs > li > a {
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border: 1px solid transparent;
	margin-bottom: -1px;
}
.nav-tabs > li:hover > a {
	text-decoration: none;
	background-color: #eee;
	border-bottom: 1px solid #ddd;
}
.nav-tabs > li.active > a {
	color: #555;
	background-color: #fff;
	border: 1px solid #ddd;
	border-bottom-color: transparent;
}
/**/

.navbar-toggler {
	/* Fix navbar collapse button */
	position: relative;
	float: right;
	margin-right: 15px;
	margin-top: 5px;
}

#navbar-collapseme.collapse {
	/* When navbar is not expanded, there's no need for padding */
	padding: 0px;
}

@media (max-width:575px) {
	#navbar-collapseme {
		/* space between menu items and search input when expanded */
		padding-bottom: 10px;
	}
	
	#navbar-collapseme:not(.collapse) .navbar-nav {
		/* When navbar is expanded, adjust size and padding*/
		width: 100%;
		padding-top: 10px;
	
		/* space between menu items and search input */
		padding-bottom: 10px;
	}
}

.card {
	/* card borders are gone in bootstrap 4.0.0*/
	border: 1px solid #ddd;
}

/* return code elements to it's previus style */
code {
	padding: 2px 4px;
	font-size: 90%;
	color: #c7254e;
	background-color: #f9f2f4;
	border-radius: 4px;
}
pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent;
    border-radius: 0;
}
pre {
	display: block;
	padding: 9.5px;
	margin: 0 0 10px;
	font-size: 13px;
	line-height: 1.42857143;
	color: #333;
	word-break: break-all;
	word-wrap: break-word;
	background-color: #f5f5f5;
	border: 1px solid #ccc;
	border-radius: 4px;
}

@media (prefers-color-scheme: dark) {
	.nav-tabs {
		border-bottom: 1px solid transparent;
	}
}