/* Colors */
/*:root {
	--fg_color: #d3dae3;
	--base_color: #404552;
	--bg_color: #383c4a;
	--selected_fg_color: #ffffff;
	--selected_bg_color: #e29552;
	--link_color: #f1cba9;
	--placeholder_text_color: #a8a8a8;
	--borders: #2b2e39;
}*/

:root {
	--fg_color: #5c616c;
	--base_color: #ffffff;
	--bg_color: #f5f6f7;
	--borders: #dcdfe3;
	--selected_fg_color: #ffffff;
	--selected_bg_color: #e29552;
	--link_color: #db7a26;
	--placeholder_text_color: #a8a8a8;
}

/* Lato font*/
@font-face {
	font-family: 'Lato';
	src: local('Lato Regular'), local('Lato-Regular'), url(fonts/Lato/Lato-Regular.ttf);
}

body {
	font-family: "Lato", sans-serif;
	color: var(--fg_color);
	background-color: var(--base_color);
}

*:focus {
	outline-color: var(--selected_bg_color);
}

a {
	color: var(--link_color);
	text-decoration: none;
}

a:hover {
	color: var(--link_color);
	text-decoration: underline !important;
}

.header {
	background-color: var(--selected_bg_color);
}

.sidebar {
	background-color: var(--bg_color);
}

/*
.sidebar {
	max-height: calc(100vh - 4rem);
	overflow-y: auto;
	position: sticky;
	top: 4rem;
}
*/

.sidebar .top-level {
	border-top: 1px solid var(--borders);
	font-size: 1.1rem;
	font-weight: bold;
}

.sidebar .nav-link.active {
	color: var(--selected_fg_color);
	background-color: var(--selected_bg_color);
}

.sidebar .fa {
	margin-right: 0.5rem;
}

.media {
	padding: 1rem;
}

.jumbotron {
	background-color: var(--bg_color);
}

.fa {
	font-size: 1.4rem;
}

.contact > * {
	margin: 0.2rem 0;
}