body {
	background: #fafafa;
	color: #333333;
}

nav {background: #ffffff;}

#site-nav {background: #fafafa;}

#site-nav ul li.nav-item a.active {color: #333333 !important;}

#resume-bullets ul li {
	list-style: none;
	margin-bottom: 0.25rem;
}

footer	{
	margin: 3rem 0 0 0;
	padding: 3rem 0 3rem 0;
	background-color: #111111;
	color: #999999;
	text-align: center;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "fira-sans", "league-gothic", Verdana, "Arial Black", sans-serif;
}

h2 {margin-top: 2rem;}

h3 {display: inline;}

h6 {padding-bottom: 1rem;}

a,
a:visited
{color: #35A1ED !important;}

a:hover {color: #186AA6 !important;}

a:active {color: #194EB2 !important;}

.card {
	border: none;
	margin-bottom: 1rem;
}

.card-body {padding: 0;}

.btn-primary,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:visited,
.btn-primary:focus 
.btn-primary:active:focus {
    color: #ffffff !important;
    text-decoration: none !important;
}


/* 		Extra large devices (large desktops, 1200px and up)	*/
@media (min-width: 1200px) {

	.container-fluid {max-width: 65rem;} /* 1200px / 16px = 75em -12em (6em padding on R and L) */

}

/*	 	Dark Mode  		*/
@media (prefers-color-scheme: dark) {

	body {
		background-color: #1D1D1D;
		color: #bfbfbf;
	} 

	nav {background: #333333;}

	#site-nav {background: #1D1D1D;}

	#site-nav ul li.nav-item a.active {color: #999999 !important;}

	h1, h2, h3, h4, h5, h6 {color: #E5E5E5;}

	a:hover {color: #98BCFC !important;}

	a:active {color: #cbddfd !important;}

	.fa-2x {color: #E5E5E5;}

	footer	{
		background-color: #000000;
		color: #bfbfbf;
	}

}