/*
Theme Name: Space Western Magazine
Theme URI: http://www.spacewesterns.com
Description: A Space Western Magazine Theme
Version: 1.0
Author: N.E. Lilly
Author URI: http://www.spacewesterns.com
*/

@import url('https://fonts.googleapis.com/css?family=IBM+Plex+Serif:400,400i,600,600i|Saira+Extra+Condensed:600');
html { background-color: #311; box-sizing: border-box; color: #311; text-shadow: 0px 1px 1px rgba(0,0,0,0.3); -webkit-font-smoothing: antialiased; font-size: 18px; font-weight: 400; }
*, *:after, *:before { box-sizing: inherit; }
details, main, summary { display: block; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
b, strong { font-weight: bold; }
h1 { font-size: 3rem; font-weight: bold; margin: 0.67rem 0 0.333rem;  }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5rem; }
sub { bottom: -0.25rem; }
img { border: 0; }
svg:not(:root) { overflow: hidden; }
code, kbd, pre, samp { font-family: monospace; font-size: 1rem; overflow: auto; }
code { white-space: pre; padding: 1rem; }
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; font-size: 1rem; }
button { overflow: visible; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer;  }
button[disabled], html input[disabled] { cursor: default; }
input { line-height: normal; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; width: 1rem; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }
fieldset { margin: 0 0 1em 0; padding: 1rem; border: 1px solid #111; }
legend { margin: 0; padding: .25rem; border: 0; }
label { margin: 0 1em 0 0;}
textarea { overflow: auto; }
optgroup { font-weight: bold; }
table { border-collapse: collapse; border-spacing: 0; }
td, th { padding: 0; }
img, canvas, iframe, video, svg, select, textarea { max-width: 100%; }
figure { margin: 0; padding: .25em; box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.2), 0px 12px 24px -9px rgba(0,0,0,0.2); background-color: #eee; }
.overflow { overflow-x: scroll; }
.aspect { height: 0; padding-top: 56.25%; position: relative; }
.aspect-object { height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; z-index: 100; }
/*  */

/* @font-face {
	font-family: 'glecb';
	src: url('fonts/glecb.eot');
	src: local('glecb'), local('glecb'), url('fonts/glecb.ttf') format('truetype');
}
 */

html { font-size: 4vw; }
body { 
	border-bottom: 3px solid rgb(134, 115, 6);
	border-top: 1px solid #311;
	box-shadow: 0px 0px .25em rgba(0,0,0,0.3), 0px .25em .5em rgba(0,0,0,0.3), 0px 1px 1px rgba(39, 1, 1, .87);
	font-family: 'IBM Plex Serif', serif; 
	line-height: 1.65;
	margin: 0 0 1rem;
	padding: 0;
}

h1, h2, h3 { line-height:1; margin: 2em 0 0; padding:0; font-family:"Saira Extra Condensed",georgia,serif; font-weight:normal; }
h1 { margin:0; padding:0; }
a { color:#000000; font-weight:bold; }
a img { border:0; }

#fiction_right { background-repeat:no-repeat; background-size: contain; border-left:1px solid #000000; border-right:1px solid #000000; margin: 0 auto ; padding: 0 0 0 0 ; overflow:auto; background-color:#666666; }

.content { background-color:#f4f4f4; float:right; overflow:auto; margin: 4em 1em; padding: 1em 1em 2em; border-top-right-radius: 2vw; border-top-left-radius: 2vw; }
@media(min-width: 660px){
	html { font-size: 2.8vw; }
}
@media (min-width: 960px){
	html {
		font-size: 1.8vw;
	}
	.content {
		width: 60vw;
		margin: 0 1rem 4rem;
	}
}
.content > p { line-height:1.5; margin:0; padding:0; text-indent:2rem; }
.content > p.section { text-indent:0; padding-top:1em; clear:both; }
.content li {
    line-height: 2;
}

#intro p { line-height:1.5; text-indent:0; margin: 0 0 1rem 0 ; padding:0; }

#head h1, #head h2, #head h3 { font-size:3em; }
#head .byline { margin-top: 0; }

.meta {
	border-top: 1px solid #ccc;
	color: #200;
	display: grid;
	gap: 1rem;
	grid-template-columns: repeat(2, 1fr);
	padding: .5rem 0 0;
}
.meta, #head .duration, #head .published {
	font-size: .8rem;
}
.meta > div:first-of-type {
	text-align: left;
}
.meta-link {
	text-decoration: none;
}
.meta-link:hover,
.meta-link:focus {
	color: #c00;
}
.meta-link > svg {
	height: 1.25rem;
	width: 1.25rem;
	margin: 0 0 0 .5rem;
}

#head { border-bottom:3px double #000000; border-top:3px double #000000; text-align:right; margin:1em 0; padding:1em 0; }

.call { border-bottom:3px double #000000; border-top:3px double #000000; font-size:1.25em; margin:.5em; padding:.5em; width:30%; text-align:center; }
.callblock { border-bottom:3px double #000000; border-top:3px double #000000; font-size:1.25em; margin:.5em; padding:.5em; text-align:center; }
.content .call p { line-height:1; text-indent:0; }
.right {float:right; }
.left {float:left; }

#serial-posts-wrapper {
	border: 4px double #311;
	margin: 1rem 0;
	padding: 1rem;
}
.serial-posts-heading {
	margin: 0;
}

#bio { background-color:#ccc; border:1px solid #666666; margin:1vw; padding:2vw; }
#bio p { text-indent:0; }
#bio strong.author { font-size:1.5em; }
#bio img { margin: 8px 8px 0 0 ; float:left; border:1px solid #333333; }

#content_nav { background-color:#f4f4f4; float:right; overflow:auto;  margin: 1em ; padding:1em ; }
#content_nav ul { margin:0; padding: 0 1em 1em; }
#content_nav ul li { margin:0; padding: 0 0 1em; }
#content_nav ul li ul li { margin:0; padding:0; }

.dc { display:block; float:left; margin: 0 -.333em -1em -.333em; padding:-1em; text-indent:0; }
.dc strong { font-size:3em; font-weight:normal; vertical-align:top; line-height:1; margin: 0 .1em -3em .1em; padding:0; }
.dcimg { border-bottom:3px double #000000; border-top:3px double #000000; font-size:1.25em; margin:.5em; padding:.5em; text-align:center; }
.nobr { white-space: nowrap; }

blockquote ul { margin:0; padding: .5em 0; }
blockquote ul li { margin:0; padding: .5em 0; }

.img_item {border:1px solid #000000; margin: 12px 0px 8px; padding:28px; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:center; }

.img_item img{display:block; }

.poem_sf { border-bottom:1px solid #cccccc; margin:16px; padding: 16px; }
.poem_sf .section { text-indent:0; }
.poem_sf .section span { display:block; text-align:right; }
.poem_sf .comment { border-bottom:3px double #000000; border-top:3px double #000000; clear:both; font-size:.9em; margin:.5em; oveflow:auto; padding:.5em; text-align:left; text-indent:0; }
.poem_sf .comment p.section { text-indent:0; padding-top:0; clear:both; }
.poem_sf .comment img { margin: 4px 4px 0 0 ; float:left; overflow:auto; border:1px solid #333333; width:50px; height:50px; }

.spoileralert {font-size:3em; color:red; text-align:center;}

p#end { font-size:1.5em; margin:0; padding:1em; text-align:center; text-indent:0; }

.vmsg { background-color: #ffffff; border: 1px solid #000000; margin: 1em; padding: 1em; }

/* GLOBAL */
#nav { margin: 0 ; padding: 0 0 21vw 0; }
#nav img.png {
    width: 16vw;
    height: 9vw;
}
.article_navigation { color:#ffffff; background-color:#000000; overflow:auto; display: flex; width: 100%; justify-content: space-between; box-sizing: border-box; font-size: .8rem; line-height: 1.2; padding: 0.5rem 2rem; }
.article_navigation a { color:#ffffff; text-decoration: none; }
.article_navigation .nav-previous { width: 50%; }
.article_navigation .nav-next { width: 50%; text-align: right; }
.nav-previous span, .nav-next span { color: #777; font-size: .666rem; }
.nav-index { background-image: url("data:image/svg+xml;charset=UTF-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0,0 100,40' width='100' height='60'><path fill='none' stroke='%23777' stroke-width='10' d='m0,56 50,-43 50,43' /></svg>"); background-repeat: no-repeat; background-position: top center; background-size: 2rem .8rem; padding-top: 1rem; }
.article_navigation .subtitle {display: none;}