/*
Theme Name: Justin Eisinger
Author: Alan Hughes
Version: 1.0
*/


body {padding: 0px; margin: 0px; background-color: #fff; font-family: 'Roboto Slab Regular'; color: #000; font-weight: normal; font-size: 18px;}

@font-face {font-family: 'Roboto Slab Regular'; src: url('fonts/RobotoSlab-Regular.ttf');}
@font-face {font-family: 'Roboto Slab Extra Light'; src: url('fonts/RobotoSlab-ExtraLight.ttf');}
@font-face {font-family: 'Roboto Slab Thin'; src: url('fonts/RobotoSlab-Thin.ttf');}
@font-face {font-family: 'Roboto Slab Black'; src: url('fonts/RobotoSlab-Black.ttf');}

.FacebookThumbnail {display: none;}
.clearfix {clear: both;}


.screen-reader-text {display: none;}
.page-numbers {padding: 25px;}
.prev {display: none;}
.next {display: none;}

img {padding: 0px; margin: 0px;}
a {color: #000; text-decoration: none; padding: 0px; margin: 0px;}
ul {list-style: none; padding: 0px; margin: 0px;}
li {list-style: none; padding: 0px; margin: 0px;}
h1 {font-family: 'Roboto Slab Thin'; font-size: 8vw; line-height: 9vw; padding: 0vw; margin: 5vw 0vw;}
h2 {font-family: 'Roboto Slab Thin'; font-size: 8vw; line-height: 9vw; padding: 0px; margin: 0px;}
h3 {font-family: 'Roboto Slab Thin'; font-size: 3.25vw; line-height: 2vw; padding: 0px; margin: 0px 0px 10px 10px; text-transform: uppercase;}
h3 strong {font-family: 'Roboto Slab Black';}

.VideoBlock {max-width: 100%; margin: 0px auto;}
.Video {position: relative; padding-bottom: 56.25%; height: 0;}
.Video iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.HomePageMenu {display: none;}

.MobileMenuOpen {
display: block; 
z-index: 1; 
position: fixed; 
top: 2vw; 
right: 2vw; 
text-align: right; 
cursor: pointer; 
display: block; 
background-color: rgba(255, 255, 255, 0.5); 
color: #000; 
margin: 1vw; 
padding: 0vw 2vw 1vw 2vw; 
border-radius: 2vw; 
font-family: 'Roboto Slab Black'; 
font-size: 7vw;}

.MobileMenuClose {
display: none; 
cursor: pointer; 
display: block; 
color: #000; 
margin: 10px; 
padding: 0px 10px; 
font-family: Arial, Helvetica, san-serif; 

font-size: 50px;}

.MobileMenu {
display: none; 
z-index: 1; 
position: fixed; 
top: 2vw; 
right: 2vw; 
overflow: scroll;
box-shadow: 0vw 0vw 3vw rgba(0, 0, 0, 0.5); 
text-align: right; 
background-color: rgba(255, 255, 255, 0.5); 
backdrop-filter: blur(15px);
-webkit-backdrop-filter: blur(15px);
margin: 0px; 
padding: 10px 10px 50px 50px; 
border-radius: 25px;
}


.MobileMenu li a {
display: block; 
color: #000; 
padding: 10px 10px 10px 10px; 
margin: 0px;  
font-family: 'Roboto Slab Extra Light';
font-size: 55px;
}

.MobileMenu li a:hover {display: block; color: #333;}
.MobileMenu ul ul li a {display: block;}


.Intro02 {display: block;}
.Intro01 {display: none;}

.Intro img {width: 100vw; height: 100vh; object-fit: cover; object-position: 50% 20%; position: relative; top: 0; left: 0;}

.DesktopMenu {display: none;}

.Page {max-width: 1200px; padding: 5vw 5vw 5vw 5vw; margin: 0px auto; font-size: 3vw; line-height: 5vw;}
.Page img {max-width: 100%;}

.AboutPage {max-width: 1000px; padding: 5vw 5vw 5vw 5vw; margin: 0px auto; font-size: 3vw; line-height: 5vw;}
.AboutPage img {max-width: 100%;}
  
.HomePageBio {}
.HomePageBooks {margin: 100px 0px 100px 0px;}
.HomePageNews {}

.HomePageContacts {max-width: 1200px; border-left: 2px solid #000; padding: 0px 0px 0px 20px; margin: 20px 0px 0px 0px; font-size: 2.75vw; line-height: 5vw;}
.HomePageContacts a:hover {text-decoration: underline;}

.BooksHomePage img {width: 43vw; height: 65vw; padding: 1vw; object-fit: cover; float: left;}

.AboutPageAwards {margin: 50px 0px;}
.AboutPageAward {padding: 0px 0px 20px 0px; margin: 0px 0px;}

.BooksPage {max-width: 1100px; margin: 0px auto; padding: 50px 20px;}
.BooksPageListing img {width: 44vw; height: 66vw; padding: 1vw; object-fit: cover; float: left;}

.SinglePageHeader {text-align: left; margin: 0vw 0vw 5vw 0vw; padding: 0vw 2vw 0vw 4vw;}
.SinglePageHeaderName {font-size: 11vw; font-family: 'Roboto Slab Black'; margin: 0vw 0vw 0vw 0vw; padding: 0vw;}
.SinglePageMenu {display: none;}

.Post {margin: 0vw 0vw 10vw 0vw; padding: 2vw 2vw 2vw 2vw; background-color: #fff; border-radius: 5vw;}
.Tags {margin: 10px 0px;}
.Tags a {background-color: #f5f5f5; color: #555; font-size: 2.0vw; text-transform: uppercase; padding: 5px 10px; margin: 0px 5px 0px 0px; border-radius: 10px;}
.Tags a:hover {background-color: #eee; color: #000;}

.Footer {max-width: 1200px; margin: 0px auto; text-align: center;}
.FooterContent {margin: 200px 25px 0px 25px; padding: 5vw 5vw 5vw 5vw; border-top: 2px solid #000;}
.FooterContent a {font-family: 'Roboto Slab Regular'; font-size: 3vw; color: #000; line-height: 5vw; letter-spacing: .1vw;}







@media (min-width: 850px) {


.Intro02 {display: none;}
.Intro01 {display: block;}

.Intro img {width: 100vw; height: 100vh; object-fit: cover; object-position: 50% 50%; position: relative; top: 0; left: 0;}

.DesktopMenu {display: block;}

.MobileMenuOpen {display: none;}

.HomePageMenu {display: block; margin: -20px 0px 30px 0px;}
.HomePageMenu li a {float: left; background-color: #f5f5f5; color: #555; font-size: 16px; text-transform: uppercase; padding: 0px 15px; margin: 0px 10px 0px 0px;  border-radius: 15px;}
.HomePageMenu li a:hover {background-color: #eee; color: #000;}

.SinglePageHeader {max-width: 1100px; margin: 0px auto; padding: 0px 55px 0px 50px;}
.SinglePageHeaderName {font-size: 12vw; font-family: 'Roboto Slab Black';}
.SinglePageMenu {display: block; margin: 0px 5px;}
.SinglePageMenu li a {float: left; background-color: #f5f5f5; color: #555; font-size: 16px; text-transform: uppercase; padding: 10px 15px; margin: 0px 10px 0px 0px;  border-radius: 15px;}
.SinglePageMenu li a:hover {background-color: #eee; color: #000;}

h1 {font-family: 'Roboto Slab Thin'; font-size: 6vw; line-height: 7vw; padding: 0vw; margin: 3vw 0vw;}
h2 {font-family: 'Roboto Slab Thin'; font-size: 6vw; line-height: 7vw; padding: 0vw; margin: 0vw;}
h3 {font-family: 'Roboto Slab Thin'; font-size: 2vw; line-height: 3vw; padding: 0vw 0vw 0vw 5vw; margin: 0vw;}


.Page {max-width: 1200px; padding: 5vw 5vw; margin: 0vw auto; font-size: 2vw; line-height: 4vw;}

.AboutPage {max-width: 1000px; padding: 5vw 5vw; margin: 0vw auto; font-size: 2vw; line-height: 4vw;}
.AboutPage img {max-width: 100%;}

.HomePageBio {}
.HomePageBooks {margin: 100px 0px 100px 0px;}
.HomePageNews {}

.HomePageContacts {max-width: 1200px; border-left: 2px solid #000; padding: 0px 0px 0px 20px; margin: 30px 0px 0px 0px; font-size: 1.75vw; line-height: 3vw;}
.HomePageContacts a:hover {text-decoration: underline;}

.FooterContacts {max-width: 1200px; border-left: 2px solid #000; padding: 0px 0px 0px 20px; margin: 30px 0px 0px 0px; font-size: 1.75vw; line-height: 3vw;}
.FooterContacts a:hover {text-decoration: underline;}

.BooksHomePage img {width: 21.5vw; height: 30vw; padding: .5vw; object-fit: cover; float: left;}

.BooksPage {max-width: 1020px; margin: 0px auto; padding: 50px 60px;}
.BooksPageListing img {width: 20.5vw; height: 29vw; padding: .5vw; object-fit: cover; float: left;}


.Post {margin: 0vw 0vw 15vw 0vw; padding: 2vw 5vw 0vw 5vw; background-color: #fff; border-bottom: 0px dotted #ccc; border-radius: 3vw;}

.Footer {max-width: 1200px; margin: 0px auto; text-align: center;}
.FooterContent {margin: 200px 25px 0px 25px; padding: 3vw 3vw 3vw 3vw; border-top: 2px solid #000;}
.FooterContent a {font-size: 2vw; color: #000; line-height: 3vw; letter-spacing: .1vw;}


}











@media (min-width: 1200px) {

.Page {max-width: 1200px; padding: 50px 20px 50px 20px; margin: 0px auto; font-size: 22px; line-height: 40px;}

.AboutPage {max-width: 1100px; padding: 50px 20px 50px 20px; margin: 0vw auto; font-size: 22px; line-height: 40px;}
.AboutPage img {max-width: 100%;}



.Intro02 {display: none;}
.Intro01 {display: block;}

.Intro img {width: 100vw; height: 100vh; object-fit: cover; object-position: 50% 20%; position: relative; top: 0; left: 0;}

.MobileMenuOpen {display: none;}

.SinglePageHeader {max-width: 1100px; margin: 0px auto; padding: 0px 0px 0px 0px;}
.SinglePageHeaderName {font-size: 150px; font-family: 'Roboto Slab Black';}
.SinglePageMenu {display: block; margin: 0px 5px;}
.SinglePageMenu li a {float: left; background-color: #f5f5f5; color: #555; font-size: 16px; text-transform: uppercase; padding: 10px 15px; margin: 0px 10px 0px 0px;  border-radius: 15px;}
.SinglePageMenu li a:hover {background-color: #eee; color: #000;}

h1 {font-family: 'Roboto Slab Thin'; font-size: 54px; line-height: 54px; padding: 0px 0px; margin: 50px 0px;}
h2 {font-family: 'Roboto Slab Thin'; font-size: 50px; line-height: 58px; padding: 0px; margin: 0px;}
h3 {font-family: 'Roboto Slab Thin'; font-size: 20px; line-height: 20px; padding: 0px 0px 30px 50px; margin: 0px;}

.HomePageContacts {max-width: 1200px; border-left: 2px solid #000; padding: 0px 0px 0px 20px; margin: 50px 0px 0px 0px; font-size: 18px; line-height: 30px;}

.HomePageBio {margin: 30px 0px;}
.HomePageBooks {width: 1200px; margin: 150px 0px 50px 0px;}
.HomePageNews {margin: 200px 0px 200px 0px;}

.BooksHomePage img {width: 280px; height: 420px; padding: 5px; object-fit: cover; float: left;}

.AboutPageAwards {margin: 100px 0px;}
.AboutPageAward {padding: 0px 0px 20px 0px; margin: 0px 0px;}

.BooksPage {max-width: 1100px; margin: 0px auto; padding: 50px 0px;}
.BooksPageListing img {width: 265px; height: 380px; padding: 5px; object-fit: cover; float: left;}

.Post {margin: 0px 0px 70px 0px; padding: 10px 50px 50px 50px; background-color: #fff; border-bottom: 0px dotted #ccc; border-radius: 25px;}
.Tags {margin: 15px 0px;}
.Tags a {background-color: #f5f5f5; color: #555; font-size: 16px; padding: 8px 10px; margin: 0px 5px 0px 0px;  border-radius: 15px;}

.Footer {max-width: 1200px; margin: 0px auto; text-align: center;}
.FooterContent {margin: 200px 25px 0px 25px; padding: 3vw 3vw 3vw 3vw; border-top: 2px solid #000;}
.FooterContent a {font-size: 16px; color: #000; line-height: 22px; letter-spacing: 1px;}


}