/* General Style Info */
html, body {
	font-size: medium;
}
html {
    position: relative;
    min-height: 100%;
}
body {
	background-color: #770000;
	color: #F0F0AA;
	text-align: left;
	font-family: serif;
	margin: 0 0 100px; /* bottom = footer height */
}
a:link {color: white;}
a:visited {color: white;}
a:hover {color: silver;}
p {
	font-size: medium;
	text-align: justify;
}
h1 {
  font-family: 'IM Fell DW Pica SC', serif;
  font-size: 2.5rem;
  color: #F0F0AA;
}
h2 {
  font-family: 'IM Fell DW Pica SC', serif;
  font-size: 1.5rem;
  color: #F0F0AA;
}
h3 {
  font-family: 'IM Fell DW Pica SC', serif;
  font-size: 1.2rem;
  color: #F0F0AA;
}
h4 {
  font-family: 'IM Fell DW Pica SC', serif;
  font-size: 1rem;
  color: #F0F0AA;
}
.comment {
    font-style: italic;
    font-size: 0.9rem;
    margin-bottom: 0rem;
}
li[data-type] {
	display: none;
}

/* Footer */
footer {
	margin-top: 2rem;
	border-top: 1px solid #F0F0AA;
	padding-top: 0.5rem;
}

footer p {
	margin: 0;
	padding: 0;
	font-family: sans-serif;
	font-size : x-small;
	text-align: center;
}
footer a {
	vertical-align: middle;
}

/* Header */
header {
	background-color: #990000;
}

/* Navigation - menu */
[data-sticky] {width: 100%; min-height: 3rem;}

nav > .grid-container {
    padding-right: 0;
    padding-left: 0;
}
.menu li {
  font-family: 'IM Fell DW Pica SC', serif;
  font-size: 1.5rem;
  margin: 0;
  background-color: #990000;
}
.dropdown.menu > li.is-dropdown-submenu-parent > a {
  color: white;
  background-color: #990000;
}
.menu li a:not(.button) {
  color: white;
  background-color: #990000;
}
.menu li a:not(.button):hover {
  color: #F0F0F0;
  text-shadow: #F0F0F0 0px 0px 5px;
  background-color: #990000;
}
.menu li.active > a:not(.button) {
  font-family: inherit;
  font-size: inherit;
  color: #F0F0F0;
  text-shadow: #F0F0F0 0px 0px 5px;
  background-color: #770000;
}

.title-bar {
  background: #333;
  padding: 0.5rem; }

nav {
  background: #990000;
}
.top-bar{
  padding: 0;
  padding-top: 1rem;
  transition: padding .25s ease;
}

.top-bar, .top-bar ul {
  background-color: #990000;
}
.top-bar.is-stuck {
  padding: 0;
  min-height: 0;
  transition: padding .25s ease;
}
input[name=search] {
	padding: 0.2rem;
	margin: 0;
	height: 2rem;
	font-family: inherit;
	font-size: 0.8rem;
}

.menu-text {
  color: #fff; }

.dropdown.menu .submenu {
  border: none; }
.dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
  border-color: white transparent transparent transparent; }
.drilldown .is-drilldown-submenu-parent > a::after {
  border-color: transparent transparent transparent white; }
.drilldown .js-drilldown-back > a::before {
  border-color: transparent white transparent transparent; }
.drilldown .is-drilldown-submenu {
	background: inherit;
}

/* Navigation - breadcrumbs */
.breadcrumbs {
  border: 0;
  background: transparent;
}
.breadcrumbs li.current{
  color: #F0F0AA;
}

/* Tabs */
.tabs, .tabs-content, .tabs-title {
  background: transparent;
  border: 0;
  color: #F0F0AA;
}
.tabs-title {
  display: inline-block;
  float: none;
  border: 0;
}
.tabs-title.is-active {
  border-bottom: 2px solid #F0F0AA;
}
.tabs-title > a {
	display: block;
	padding: 1rem 0.5rem;
	line-height: 1;
	font-size: 0.8rem;
}
.tabs-title > a:hover, .tabs-title > a:focus,.tabs-title > a[aria-selected="true"] {
	background: transparent;
	color: #F0F0AA;
}
.tabs-panel.is-active {
  display: block;
}

/* Pagination */
ul.pagination li.active a {
  background-color: silver;
  color: white;
}

/* Tables */
table {
	background-color: transparent;
	border: 0;
	width: 100%;
}
table thead, table tbody, tabletfoot {
	background-color: transparent;
	border: 0;
	border-bottom: 1px solid #bbb;
}
table thead tr th, td {
	padding: 0.2rem;
}
table tr td {
	color: #F0F0AA;
	padding: 0.2rem;
}
table tr.even, table tr.alt, table tbody tr:nth-child(2n) {
	background-color: #990000;
}
table tr td.action, th.action {
	text-align: center;
}
