/*   
Theme Name: Classic Haunts
Theme URI: 
Description: A Twenty Seventeen child theme evoking classic childrens' book cover art style.
Author: Jeff Wofford
Author URI: https://www.jeffwofford.com/
Template: twentyseventeen
Version: 1.0
Tags: TwentySeventeen
*/

@font-face { font-family: Futura; font-display: fallback; src: url(/fonts/Futura.ttc); }
@font-face { font-family: Century Schoolbook; font-display: fallback; src: url(/fonts/Century Schoolbook.ttf); }
@font-face { font-family: Cochin; font-display: fallback; src: url(/fonts/Cochin.ttc); }
@font-face { font-family: PoorRichard; font-display: fallback; src: url(/fonts/PoorRichard.ttf); }


body { background-image: url( /images/site-background.jpg ); background-repeat: repeat-y; background-size: 100%; color: black; font-family: "Century Schoolbook", Garamond, serif; }

::selection { background: #857E75; }
::-moz-selection { background: #857E75; }

.site-header { background: none; }
.custom-header { height: calc( 160px + 14vw ); position: relative; }

.custom-header .sprite { padding: 0; margin: 0; position: absolute; pointer-events: none; 
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.custom-header .moon { width: calc( 220px + 5vw ); top: calc( 2vw ); margin-left: auto; margin-right: auto; left: 0; right: 0; }
.custom-header .tree { width: calc( 200px + 20vw ); top: 0px; }
.custom-header .tree.right { right: 0px; }

.custom-header .words-container { margin: 0 auto; width: 100%; position: relative; max-width: 1920px; }
.custom-header .words { pointer-events: all; width: 35%; }
.custom-header .words.holy { width: 12%; left: 120px; top: calc( 1vw + 36px ); }
.custom-header .words.ghost { width: 30%; left: calc( 15px + 16% ); top: calc( 5vw + 50px ); }
.custom-header .words.stories { right: calc( 20px + 7% ); top: calc( 40px + 3vw ); }
.custom-header .words.author { right: 16%; top: calc( 60px + 15vw );  }

.page-title { margin: 0 auto; font-size: 120%; padding: 0.5em; text-align: center; border-bottom: solid black 1px; width: 60%; max-width: 20em; }

.site-content-contain { 
	background: none; 
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0px, rgba(255,255,255,0.75) 200px); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0px,rgba(255,255,255,0.75) 200px); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0px,rgba(255,255,255,0.75) 200px); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.entry-title a, .entry-meta a, .page-links a, .page-links a .page-number, .entry-footer a, .entry-footer .cat-links a, .entry-footer .tags-links a, .edit-link a, .post-navigation a, .logged-in-as a, .comment-navigation a, .comment-metadata a, .comment-metadata a.comment-edit-link, .comment-reply-link, a .nav-title, .pagination a, .comments-pagination a, .site-info a, .widget .widget-title a, .widget ul li a, .site-footer .widget-area ul li a, .site-footer .widget-area ul li a { color: black; -webkit-box-shadow: inset 0 -1px 0 black;
    box-shadow: inset 0 -1px 0 black; }

.page-links a, .widget ul li a  { -webkit-box-shadow: none; box-shadow: none; }
.entry-meta { font-family: Futura, "Century Schoolbook"; font-size: 8pt; }
.entry-meta a, .byline { color: black; -webkit-box-shadow: none; box-shadow: none; }

.entry-title { font-size: 2rem; }
.entry-title a { color: black; -webkit-box-shadow: none; box-shadow: none; }

body.page .entry-title { font-size: 1.5rem; }

h1, h2, h3, h4 { color: black; font-family: Futura, "Century Schoolbook"; text-transform: uppercase; padding: 0; margin: 1em 0; }

.entry-content h2, .entry-content h3 { text-transform: none; margin-top: 1.5em; }
.entry-content h3 { font-style: italic; }

blockquote { color: black; margin-left: 2em; margin-top: 1em; margin-bottom: 1em; font-size: 90%; }

.entry-content img, img.alignright, img.alignleft { margin-top: 1.5em; margin-bottom: 1.5em; }

.entry-content a img, .comment-content a img, .widget a img {
    -webkit-box-shadow: 0 0 0 3px #000;
    box-shadow: 0 0 0 3px #000;
}

.entry-content p, .comment-content p {
	text-indent: 2em;
	margin: 0;
	text-align: justify;
}

.entry-content blockquote {
	margin: 16px 2em;
	font-size: 110%;
}

.entry-content blockquote p {
	line-height: 1.2;
}

.entry-content blockquote cite {
	font-size: 66%;
	font-weight: 600;
	text-align: right;
}

.entry-content p:first-child, .comment-content p:first-child { text-indent: 0; }

.entry-content ul, .entry-content ol {margin-left: 1em; margin-top: 1em; margin-bottom: 1em; }
.entry-content ul li, .entry-content ol li { padding-left: 0.5em; margin: 0.75em 0; margin-left: 1em; }

.widget_recent_entries ul { font-family: Futura, "Century Schoolbook", sans-serif; color: black }
.widget_recent_entries .widget-title { color: black }
.widget ul li, .widget ol li {
    border-bottom: none;
    border-top: 1px dashed black;
}
.widget ul li a { color: black; }

.wp-block-archives-list { font-family: Futura, "Century Schoolbook", sans-serif; color: black; font-size: 8pt; }
.wp-block-archives-list a { font-size: 10pt; }

.wp-block-verse { font-family: Futura, "Century Schoolbook", sans-serif; color: black; font-size: 18px; padding: 0; background: none; }

input, select, textarea, button { font-family: inherit; }

.page-numbers.current { color: black; }
.prev.page-numbers, .next.page-numbers { box-shadow: none; -webkit-box-shadow: none; background-color: #ddd0; }
.prev.page-numbers:hover, .next.page-numbers:hover { box-shadow: none; -webkit-box-shadow: none; background-color: #ddd0; }

hr { background-color: black; margin-top: 1.5em; }

time { color: black; }

svg.icon-folder-open { display: none; }
.entry-footer .cat-links, .entry-footer .tags-links { padding-left: 0; }

.entry-footer, .pagination, .comments-pagination { border-bottom: none; border-top: 1px solid black; }
.navigation.pagination { width: 100%; float: none; }

.nav-subtitle { color: black; }
.nav-title { font-family: Futura, "Century Schoolbook", sans-serif; }

.no-comments, .comment-awaiting-moderation { color: black; }

.site-footer { border-top: 4px double black; }
.copyright { color: black; font-style: italic; }

@media screen and (min-width: 48em) {
	body { font-size: 18px; }
}

.blog:not(.has-sidebar) #primary article,
	.archive:not(.page-one-column):not(.has-sidebar) #primary article,
	.search:not(.has-sidebar) #primary article,
	.error404:not(.has-sidebar) #primary .page-content,
	.error404.has-sidebar #primary .page-content,
	body.page-two-column:not(.archive) #primary .entry-content,
	body.page-two-column #comments {
	float: none;
	width: 100%;
}

body:not(.has-sidebar):not(.page-one-column) .page-header, body.has-sidebar.error404 #primary .page-header, body.page-two-column:not(.archive) #primary .entry-header, body.page-two-column.archive:not(.has-sidebar) #primary .page-header {
	float: none;
	width: 100%;
}