/*************************
/* $baseurl is set in:
/* /assets/css/styles.scss
/*
/* Wen Spencer Style Sheet
/* Don Kosak 6-8-2019
/*

/* Move down content because we have a fixed navbar that is 3.5rem tall */
body { padding-top: 3.5rem; }

.jumbotron { background-image: url("/assets/img/PatreonHeader.png"); background-size: cover; background-position-x: left; background-position-y: top; height: calc(25vw - 0px); min-height: 8rem; width: 100%; align-items: flex-end; display: flex; position: relative; }

.patreon-button { max-height: 2.1rem; }

@media (min-width: 1021px) { div.blurbs { background-color: rgba(0, 0, 0, 0.7); padding: 40px; } }

@media (max-width: 1020px) { div.blurbs { display: none; } }

h1.blurbs { font: 2rem sans-serif; color: #fff; text-shadow: 2px 2px 10px black; }

p.blurb-quote { font: 1.3rem sans-serif; color: #fff; text-shadow: 1px 1px 6px black; }

span.blurb-source { font: 1.2rem sans-serif; font-style: italic; color: #fff; text-shadow: 1px 1px 6px black; }

.content { max-width: 800px; }

hr { clear: both; }

h3 { text-align: center; font-size: 1.2rem; }

blockquote { float: none; font-family: Georgia, serif; font-size: 18px; font-style: italic; margin-top: 1em; margin-left: calc(4vw); margin-right: calc(4vw); padding: 0.35em 20px; line-height: 1.45; position: relative; color: #383838; }

blockquote:before { float: none; display: block; padding-left: 10px; content: "\201C"; font-size: 80px; position: absolute; left: -30px; top: -20px; color: #7a7a7a; }

blockquote cite { color: #999999; font-size: 14px; display: block; margin-top: 5px; }

blockquote cite:before { content: "\2014 \2009"; }

.teaser-heading { color: #000; }

.btn-primary { background-color: #2c66a0; }

h1.book { margin-top: 1em; margin-bottom: 1em; text-align: left; }

h1, h2, h3, h4 { text-align: left; }

h4 { font-size: 1.3rem; }

.book { max-width: 700px; text-align: justify; text-justify: inter-word; }

@media (min-width: 900px) { img.cover { max-width: 300px; } }

@media (max-width: 900px) { img.cover { max-width: calc(30vw); } }

img { float: left; margin-right: calc(2vw); margin-bottom: calc(1vw); }

img.cover { float: left; margin-right: calc(2vw); margin-bottom: calc(1vw); }

@media (min-width: 900px) { img.book-list-cover { max-width: 200px; } }

@media (max-width: 900px) { img.book-list-cover { max-width: calc(20vw); } }

img.book-list-cover { float: left; margin-right: calc(2vw); margin-bottom: calc(1vw); }

p.book-list-teaser { max-width: 800px; }

/* Patreon Directory Styling */
h2.pdir-heading { padding-top: 20px; padding-bottom: 10px; }

div.pdir { margin-bottom: 5px; margin-top: 10px; padding-top: 30px; padding-bottom: 30px; width: 100%; border-radius: 8px; background-image: linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.35) 100%); background-position: initial initial; background-repeat: initial initial; }

div.pdir:hover { cursor: pointer; background-image: linear-gradient(rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.5) 100%); }

div.pbox { width: 100%; }

.pdir { margin: auto; text-align: center; font-size: 1.5rem; color: #fff; }

a.pdir:hover { color: #fff; text-decoration: none; }

div.pdir-1 { background-color: #9a031e; }

div.pdir-2 { background-color: #e36414; }

div.pdir-3 { background-color: #0f4c5c; }

div.pdir-4 { background-color: #5f0f40; }

div.pdir-5 { background-color: #e1a31e; }

div.pdir-6 { background-color: #4aaf2e; }

div.pdir-7 { background-color: #2e57af; }

div.pdir-8 { background-color: #bf2b77; }

div.pdir-9 { background-color: #4e5259; }

/*# sourceMappingURL=styles.css.map */