body {
	background-color: white;
	color: #333;
}

body.dark-mode {
	background-color: #121212;
	color: #f0f0f0;
}

a,
a:hover,
a:focus {
	color: #009688;
	outline: none;
}

body.dark-mode a,
body.dark-mode a:hover,
body.dark-mode a:focus {
	color: #4db6ac;
}

#jumbotron {
	background: url('img/tvwatch.png') no-repeat scroll left center #fff;
}

body.dark-mode #jumbotron {
	filter: brightness(70%);
}

#jumbotron > .container {
	border-radius: 10px;
	padding: 20px;
	background-color: rgba(232, 232, 232, 0.7);
	margin-top: 100px;
}

body.dark-mode #jumbotron > .container {
	background-color: rgba(30, 30, 30, 0.85);
	color: #fff;
	filter: brightness(150%);
}

#jumbotron > .container a {
	font-weight: bold;
	font-variant: small-caps;
}

#jumbotron > .container > h1 {
	font-variant: small-caps;
}

.gbar {
	padding: 0 !important;
	margin: 8px !important;
	height: 35px !important;
	border-radius: 6px !important;
}

body.dark-mode .gbar {
	background-color: #2d2d2d !important;
	border-color: #444 !important;
}

.episode, .chapter {
	float: left;
	height: 35px;
	box-sizing: border-box;
}

.episode {
	width: 20%;
	background-color: #009688;
	color: #fff !important;
	font-weight: bold;
	text-align: center;
	font-variant: small-caps;
	border-radius: 6px 0 0 6px;
}
.episode a {
	display: block;
}

body.dark-mode .episode {
	background-color: #00796b;
}

.innertext {
	position: relative;
	top: 7px;
}
.chapter > .innertext {
	left: 15px;
}
.chapter {
	width: 80%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

body.dark-mode .chapter a {
	color: #4db6ac !important;
}

.infob {
	width: 40px;
	float: right;
	position: relative;
	top: 4px;
	cursor: pointer;
}

.chapter a {
	font-weight: bold;
	font-variant: small-caps !important;
}
.heading {
	overflow: hidden;
	text-transform: uppercase;
	font-size: 20px;
}
.heading > div > .innertext {
	top: 5px;
}

.special {
	color: #fff;
	text-align: center;
	font-size: 21px;
	font-weight: bold;
	padding: 5px 0;
	position: relative;
	top: 4px;
}

body.dark-mode .special {
	color: #f0f0f0;
}

.special > a {
	font-size: 21px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	position: relative;
	top: 3px;
}

body.dark-mode .special > a {
	color: #f0f0f0;
}

.arc {
	background-color: #f44336 !important;
	color: #fff !important;
	margin-bottom: 25px !important;
}
.saga {
	background-color: #9c27b0 !important;
	color: #fff !important;
	margin-bottom: 30px !important;
}
.saga > a {
	text-transform: uppercase;
}

body.dark-mode .arc {
	background-color: #d32f2f !important;
}

body.dark-mode .saga {
	background-color: #7b1fa2 !important;
}

.scrollable-menu {
    height: auto;
    max-height: 400px;
    overflow-x: hidden;
}

body.dark-mode .scrollable-menu {
	background-color: #2d2d2d;
	border: 1px solid #444;
}

#linkmenu .dropdown-header {
	font-variant: small-caps;
	background-color: #000;
	color: #fff;
	font-weight: bold;
	font-size: 110%;
	height: 45px;
	line-height: 40px;
}

body.dark-mode #linkmenu .dropdown-header {
	background-color: #333;
	color: #f0f0f0;
}

/* New search styling */
#searchInput {
	font-size: 16px;
	text-align: center;
}

body.dark-mode #searchInput, body.dark-mode .input-group-btn > button > i {
	background-color: #333;
	color: #f0f0f0;
	border-color: #444;
}

body.dark-mode .well {
	background-color: #2d2d2d !important;
	border-color: #444 !important;
}

body.dark-mode .navbar {
	background-color: #1a1a1a !important;
	border-color: #333 !important;
}

body.dark-mode .navbar-brand {
	color: #f0f0f0 !important;
}

body.dark-mode .navbar-nav > li > a {
	color: #f0f0f0 !important;
}

body.dark-mode .dropdown-menu {
	background-color: #2d2d2d !important;
	border-color: #444 !important;
}

body.dark-mode .dropdown-menu > li > a {
	color: #f0f0f0 !important;
}
body.dark-mode .dropdown-menu > li > a:hover {
	color: #444 !important;
}

body.dark-mode .input-group .form-control {
	background-color: #333;
	color: #f0f0f0;
	border-color: #444;
}

/* prevent navbar clip */
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
	max-height: 450px;
}