/* Import fonts */
@import url('https://fonts.googleapis.com/css2?family=Fira+Mono&family=Noto+Serif&family=Roboto&display=swap');

/* General typography of Bootstrap 4 */
body {
	font-family: Roboto, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

/* Headings on serif - Noto Serif */
h1,
h2,
h3,
h4,
h5,
h6,
blockquote,
.copyright,
.pkgdown {
	font-family: 'Noto Serif', serif;
}
.section-desc + p{
	font-family: Roboto, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

/* Code on Source Code Pro */
code,
pre,
.ref-arguments th,
dt{
	font-family: 'Fira Mono', monospace;
}
/* Links */
a{
  color: #0085b2;
}
a:hover, a:active{
  color: #cdcd00;
}
/* Modify navbar */
.navbar {
	background-color: #00688b;
}
.navbar .navbar-toggle {
	border-color: transparent;
}
.navbar .navbar-toggle .icon-bar {
	background-color: #cdcd00;
}

/* Navbar brand */
.navbar .navbar-brand {
	margin-right: 1em;
	font-family: 'Noto Serif', serif;
}
.navbar .navbar-brand .navbar-link {
	color: #cdcd00;
}
.navbar .navbar-brand .label-default {
	background-color: #fff;
	color: #00688b;
}
/* Active link */
.navbar .navbar-nav>.active>a {
	color: #00688b;
	background-color: #cdcd00;
}
/* Hovers */
.navbar .navbar-toggle:hover,
.navbar .navbar-toggle:focus {
	background-color: #cdcd00;
}
.navbar .navbar-toggle:hover span,
.navbar .navbar-toggle:focus span {
	background-color: #00688b;
}
.navbar .navbar-nav>li>a:hover,
.navbar .navbar-nav>li>a:focus,
.navbar .navbar-nav>.active>a:hover,
.navbar .navbar-nav>.active>a:focus {
	color: #cdcd00;
	background-color: transparent;
}