/*Navigation Bar Styling*/
#navigation {
	background: rgb(64,64,64);
	background: linear-gradient(180deg, rgba(64,64,64,1) 0%, rgba(12,12,12,1) 100%);
	font-family: Segoe UI, Helvetica, sans-serif;
	color: #111111;
	box-shadow: 0px 0px 5px 5px rgba(30, 30, 30, 0.5);
}
#title {
	font-family: "Castellar", serif;
	font-weight: bold;
}
#searchForm input {
	font-size: 3vw;
	background-color: rgba(0,0,0,0);
	color: #DDD;
}
#searchForm input[type=text]{
	border-bottom: 2px solid #DDD;
}
.hamburger-icon div {
	background-color: #DDD;
}

#menu {
	font-family: Segoe UI, Helvetica, sans-serif;
}
#menu.expanded {
	width: 250px;
}
#menu a {
	color: #DDD;
}

div.search-result:hover {
	background-color: #E3D4C5;
}
span.spell-slot-icon {
	color: white;
	font-weight: 200;
}

h1#home-title{
  font-family: "Cinzel", serif;
  color: white;
  font-size: 5em;
	margin-bottom: 0.3em;
	filter: drop-shadow(2px 2px 6px black);
}
div#text-transparent {
  font-family: "Roboto", sans-serif;
	color: white;
	font-size: 1.5em;
	filter: drop-shadow(2px 2px 6px black);
}

div#content-pane {
	max-width: 100% !important;
}

div.home-content-container {
	background-color: #eee;
}

div.home-block-container {
	background-size: cover;
	background-position: right;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: flex-end;
	width: 100%;
	margin: 4px 0px;
	padding: 0;
	height: 320px;
	vertical-align: bottom;
	animation: 0.4s ease-in;
}
div.home-block-text {
	width: 92%;
	color: white;
	margin-left: 4%;
	margin-right: 4%;
	align-self: flex-end;
}
div.right, div.right p {
	text-align: right !important;
}
div.left, div.left p {
	text-align: left !important;
}
div.home-block-text h2 {
	font-family: "Roboto", sans-serif;
	font-size: 3em;
	filter: drop-shadow(2px 2px 6px black);
}
div.home-block-text p {
	font-family: "Roboto", sans-serif;
	font-size: 1.5em;
	filter: drop-shadow(1px 1px 2.5px black);
}
div.home-block-text a:link, div.home-block-text a:visited {
	text-decoration: none;
	color: orange;
}

h2.section-header {
	font-family: "Roboto", sans-serif;
	color: #444;
	font-size: 2.5em;
}

div.home-bottom-container {
	display: flex;
	flex-direction: row;
}
div.home-resource {
	font-family: "Roboto", sans-serif;
	color: #444;
}
div.home-resource h3 {
	font-weight: 300;
	font-size: 2em;
}
div.home-resource img {
	width: 128px;
	height: 128px;
}
div.home-resource a:link, div.home-resource a:visited {
	color: orangered;
}

div#footer {
	font-family: "Roboto", sans-serif;
	color: white;
}
div#footer a:link, div#footer a:visited {
	color: orangered;
}