/* CSS Document */
@font-face {
  font-family: "Montserrat Regular";
  src: url(../assets/webfonts/Montserrat-Regular.ttf);
}

@font-face {
  font-family: "Montserrat Light";
  src: url(../assets/webfonts/Montserrat-Light.ttf);
}

@font-face {
  font-family: "Montserrat Bold";
  src: url(../assets/webfonts/Montserrat-Bold.ttf);
}

@font-face {
  font-family: "Montserrat ExtraLight";
  src: url(../assets/webfonts/Montserrat-ExtraLight.ttf);
}
html {
	height: 100%;
}
body {
	font-family: "Montserrat Regular";
	background-color: black;
	/*background-image: linear-gradient(rgba(0,0,255,0) 95%, rgba(0,0,255,1));*/
	height: 100%;
	margin: 0;
	color: white;
}
header {
		display: flex;
		flex-direction: row;
		align-items: stretch;
		height: 3em;
		line-height: 100%;
		color: rgba(255,255,255,.5);
	}
div#branding {
		min-width: 33%;
		text-align: left;
		flex-basis: auto;
	}
div#pageCount{
		min-width: 33%;
		text-align: center;
		flex-basis: auto;
	}
div#accountInfo{
		min-width: 33%;
		text-align: right;
		flex-basis: auto;
	}
div#accountInfo a, div#accountInfo a:link, div#accountInfo a:visited, div#accountInfo a:hover, div#accountInfo a:active {
	text-decoration: none;
	color: #fff;
	font-size: .5em;
	text-transform: uppercase;
	word-spacing: .25em;
}
div#controls {
		display: flex;
		flex-direction: row;
		align-items: stretch;
	}
#previous, #next {
		min-width: 45%;
		flex-basis: auto;
	}
h1 {
	font-family: "Montserrat Bold";
	font-size: 1.25em;
}
div {
}
strong {
	font-family: "Montserrat Bold";
}
header div#left {
	width: 30%;
	height: 3em;
	text-align: left;
	display: inline-block;
}
header div#center {
	width: 35%;
	height: 3em;
	text-align: center;
	display: inline-block;
}
header div#right {
	width: 30%;
	height: 3em;
	text-align: right;
	display: inline-block;
}
.left {
	float: left;
	margin-left: .75em;
	/*font-size: .75em;*/
}
.right {
	float: right;
	margin-right: .75em;
	/*font-size: .75em;*/
}
.title {
	text-decoration: underline;
}
#signIn {
	text-align: center;
}
input {
	font-family: "Montserrat Regular";
	text-align: center;
	width: 35%;
}
input[type="submit"] {
	background-color: blue;
	color: white;
	border: 1px solid white;
	width: 35%;
} 
#main {
	height: 20em;
	background-repeat: no-repeat;
	background-position: center;
	background-color: black;
	background-size: cover;
	/* margin-top: -1em; */
}
#mainTitle {
	margin-top: -5em;
	padding-left: .75em;
}
#mainTitle p {
	font-size: .75em;
}
.title {
	text-shadow: 0 0 .25em black;
	font-size: 1.25em;
}
.descText {
	text-shadow: 0 0 .25em black;
	margin-right: .75em;
}
.languages {
	margin-top: 2em;
}
.capsule {
	border: 1px solid white;
	padding: 0 1em;
	margin-right: .25em;
	background-color: rgba(255,255,255,.2);
}
.capsule a, .capsule a:visited, .capsule a:link, .capsule a:active {
	text-decoration: none;
	color: white;
}
.pubDate {
	padding-right: 1em;
}
.readMore {
	font-size: .75em;
	font-family: "Montserrat Bold";
	background-color: blue;
	color: white;
	padding: 0 .5em;
}
.collectionType {
	font-size: 1.25em;
	margin-top: 2em;
	margin-left: .75em;
}
.categories {
	text-transform: uppercase;
	font-size: .75em;
	color: rgb(128,128,128);
	margin-left: .75em;
}
.categories a {
	text-decoration: none;
	color: rgba(255,255,255,.5);
}
.thumbs {
	display: flex;
	flex-direction: row;
	overflow-x: auto;
}
@media handheld {
	.thumbs::-webkit-scrollbar {
		display: none;}
}
.pod {
	width: 32%;
	margin-right: .75em;
}
.pod:first-child {
	margin-left: .75em;
}
.thumbs p {
	margin: 0 .75em;
}
.current {
	color: white;
}
.stripeButton {
	width: 15%;
	margin: 0 auto 1em auto;
	background-color: blue;
	border: 1px solid white;
	border-radius: .5em;
	color: white;
	font-size: .75em
}
.stripeButton a, .stripeButton a:hover, .stripeButton a:link, .stripeButton a:visited {
	text-decoration: none;
	color: white;
}
.far {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.ratings2 {
	font-size: .75em;
	margin-top: .5em;
}
.divider {
	text-align: center;
	width: 50%;
}

div#accountInfo a#manage {
	font-size: 1em;
	text-transform: lowercase;
}