@import url('https://fonts.googleapis.com/css2?family=Roboto&family=Roboto+Slab&display=swap');
body {
	padding-bottom: 20px;
	font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 16px;
}

h1, h2, h3, h4 {
	font-family: 'Roboto Slab', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

h3.blogPostDetails, h3.commentDetails {
	font-size: 1.2em;
}

a {
	color: #00009a;
	text-decoration: underline;
}

a:hover {
	color: #d55715;
	text-decoration: underline;
}

.navbar {
	border-radius: 0;
}

.navbar-inverse {
	background-color: #0000cd;
	border: #0000cd;
}

.navbar-inverse a {
	color: #dcdcdc !important;
	text-decoration: none;
}

.navbar-inverse a:hover {
	color: #ffffff !important;
}

.navbar-dark .navbar-toggler {
	border: none;
}

@media (min-width: 992px){
	.navbar-expand-lg .navbar-nav .nav-link {
		padding-right: 1rem;
		padding-left: 1rem;
	}
}

img, iframe {
	max-width: 100%;
}

.bannerAd {
	min-height: 50px;
	min-width: 320px;
	margin-top: 20px;
	margin: 20px auto;
	text-align: center;
}

blockquote {
	margin-left: 2em; padding-left: 1em;
	border-left: solid 8px #dcdcdc;
}