@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Zilla+Slab:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap');

body{
	background-color: #faf9f5;
	margin-left: 8em;
	margin-right: 8em;
}

blockquote,
table, 
li,
p, 
td{
	margin-left: auto;
	margin-right: auto;
	max-width: 40em;
}

table{
	margin-top: 1em;
	margin-bottom: 2em;
}

li{
	margin-bottom: 0.5em;
}

blockquote p{
	font-style: italic;
}

blockquote p em,
blockquote p i{
	font-style: normal;
}

hgroup,
h1,
h2,
h3,
h4,
h5,
h6{
	font-family: "Barlow Condensed", sans-serif;
	text-align: center;
}

h1{
	font-size: 42pt;
	font-weight: 700;
	margin-block-end: 0.4em;
	margin-block-start: 0;
}

h2{
	font-size: 36pt;
	font-weight: 700;
	margin-block-end: 0.4em;
	margin-block-start: 0.2em;
}

h3{
	font-size: 26pt;
	font-weight: 500;
	margin-block-end: 0.4em;
	margin-block-start: 0.2em;
}

h3 a{
	color: black;
}

h3 a:visited{
	color: black;
}

h3 a:hover{
	color: #444488;
}

h4{
	font-size: 22pt;
	font-weight: 500;
	margin-block-end: 0.4em;
	margin-block-start: 0.2em;
}

h5{
	font-size: 19pt;
	font-weight: 400;
}

h6{
	font-size: 16pt;
	font-weight: 400;
	text-align: left;
	margin-bottom: 0.2em;
	margin-top: 0.4em;
}

li,
p,
td{
	font-family: "Zilla Slab", serif;
	font-size: 16pt;
	font-weight: 300;
}

p.byline{
	font-style: italic;
	text-align: center;
}

p.dateline{
	font-family: "Barlow Condensed", sans-serif;
	font-style: normal;
	font-weight: 500;
	text-align: center;
	text-indent: 0;
}

p.translated{
	font-style: italic;
	text-align: center;
	text-indent: 0;
}

p.rss{
	font-size: 90%;
}

p.bodynote{
	font-size: 14pt;
}

p.bodynote b{
	font-family: "Zilla Slab", serif;
	font-style: normal;
	font-weight: 500;
}

sup{
	font-size: 50%;
}

hr{
	max-width: 60%;
}

a{
	color: #025682;
	text-decoration: underline;
	text-decoration-thickness: 0.75px;
}

a:hover{
	color: #0382C5;
	text-decoration: none;
}

a:visited{
	color: #4444AA;
	text-decoration: none;
}

a.footnote{
	background-color: #FAF9F5;
	color: #000;
	margin-right: 2px;
	padding-left: 2px;
	padding-right: 2px;
	text-decoration: none;
	transition: all 2s ease;
	-moz-transition: all 2s ease;
	-o-transition: all 2s ease;
	-webkit-transition: all 2s ease;
}

a.footnote span{
	background-color: #EFEBDE;
	border: 1px solid #DCA;
	border-radius: 4px;
	bottom: 50px;
	box-shadow: 5px 5px 8px #CCC;
	left: 35px;
	margin-left: 0;
	margin-right: 18px;
	opacity: 0;
	padding: 14px 20px;
	position: fixed;
	transition: all 2s ease;
	-moz-transition: all 2s ease;
	-o-transition: all 2s ease;
	-webkit-transition: all 2s ease;
	z-index: -1;
}

a.footnote sup{
	font-size: 80%;
}

a.footnote:hover span{
	opacity: 1;
	transition: all 2s ease;
	-moz-transition: all 2s ease;
	-o-transition: all 2s ease;
	-webkit-transition: all 2s ease;
	z-index: 9;
}

p.smallprint{
	font-size: 11pt;
}

strong{
	font-weight: normal;
}

cite{
	text-align: right;
}

.subtitle{
	font-style: italic;
	text-align: center;
}

blockquote{
	font-size: 90%;
}

table td strong{
	font-family: "Barlow Condensed", sans-serif;
	font-size: 18pt;
}

table td strong::before{
	content: "-[ ";
}

table td strong::after{
	content: " ]-";
}

table.issues-index{
	margin-left: auto;
	margin-right: auto;
	max-width: 50em;
}

table.issues-index td{
	font-family: "Zilla Slab", serif;
	font-size: 15pt;
	padding: 0.5em;
}

table.issues-index tr td:first-child{
	max-width: 25em;
	text-align: center;
	width: 50%;
}

table.issues-index tr td:last-child{
	max-width: 25em;
	text-align: left;
	width: 50%;
}

table.issues-index td img{
	width: 90%;
}

/* TITLE INDEX */
table.title-index{
	margin-bottom: 1em;
	margin-left: auto;
	margin-right: auto;
	max-width: 50em;
	width: 100%;
}

table.title-index th{
	font-family: "Barlow Condensed", sans-serif;
	font-size: 15pt;
	text-align: left;
}

table.title-index td{
	font-family: "Zilla Slab", serif;
	font-size: 15pt;
	padding: 0.1em;
}

table.title-index tr td:first-of-type{
	text-align: left;
	width: 60%;
}

table.title-index tr td:last-of-type{
	text-align: left;
	width: 40%;
}

/* AUTHOR INDEX */
table.author-index{
	margin-bottom: 1em;
	margin-left: auto;
	margin-right: auto;
	max-width: 50em;
	width: 100%;
}

table.author-index th{
	font-family: "Barlow Condensed", sans-serif;
	font-size: 15pt;
	text-align: left;
}

table.author-index td{
	font-family: "Zilla Slab", serif;
	font-size: 15pt;
	padding: 0.1em;
}

table.author-index tr td:first-of-type{
	text-align: left;
	width: 40%;
}

table.author-index tr td:last-of-type{
	text-align: left;
	width: 60%;
}

/* VIDEO INDEX */
table.video-index{
	margin-bottom: 1em;
	margin-left: auto;
	margin-right: auto;
	max-width: 50em;
	width: 100%;
}

table.video-index th{
	font-family: "Barlow Condensed", sans-serif;
	font-size: 15pt;
	text-align: left;
}

table.video-index td{
	font-family: "Zilla Slab", serif;
	font-size: 15pt;
	padding: 0.1em;
}

table.video-index tr td:first-of-type{
	text-align: left;
	width: 33%;
}

table.video-index tr td:last-of-type{
	text-align: left;
	width: 33%;
}

.banner{
	align-items: center;
	display: flex;
	justify-content: center;
}

.banner img{
	height: auto;
	width: 100%;
}

.front-image{
	align-items: center;
	display: flex;
	justify-content: center;
}

.front-image img{
	height: auto;
	max-width: 30em;
	width: 20em;
}

.wide-image-container{
	align-items: center;
	display: flex;
	justify-content: center;
}

.wide-image-container figure{
	margin: 0;
}

.wide-image-container img{
	border: 1px solid #444444;
	height: 18em;
	height: auto;
	max-height: 18em;
	max-width: 100%;
	width: auto;
}

.captioned-image-container{
	align-items: center;
	display: flex;
	justify-content: center;
}

.captioned-image-container figure{
	margin: 0;
}

.captioned-image-container img{
	border: 1px solid #444444;
	height: 18em;
	width: auto;
}

.center-this{
	align-items: center;
	display: flex;
	justify-content: center;
}

div.center-div p{
	align-items: center;
	display: flex;
	justify-content: center;
	text-align: center;
	text-indent: 0;
}

section.footnotes ol li p{
	font-size: 90%;
	margin-left: 0;
	margin-right: 0;
	max-width: 40em;
}

/* Define the styles for the buttons */
a.button{
	background-color: #0c4276;
	border-radius: 10px;
	color: white;
	display: inline-block;
	padding: 10px 20px;
	text-decoration: none;
}

/* Apply additional styles when the link is hovered */
a.button:hover{
	background-color: #026cb4;
}

/* Apply additional styles when the link is active (clicked) */
a.button:active{
	background-color: #026ca4;
}

a.smallbutton{
	background-color: #026CA4;
	border-radius: 10px;
	color: white;
	display: inline-block;
	padding: 10px 15px;
	text-decoration: none;
}

/* Apply additional styles when the link is hovered */
a.smallbutton:hover{
	background-color: #0398E6;
}

/* Apply additional styles when the link is active (clicked) */
a.smallbutton:active{
	background-color: #0398E6;
}

/* Comments */
.comment-issue{
	font-size: 14pt;
	font-style: italic;
	text-align: center;
	text-indent: 0;
}

.comment-date{
	font-size: 14pt;
	font-style: italic;
	margin-top: 0;
	text-align: right;
}

.comment-from{
	font-size: 14pt;
	font-weight: 500;
}

div.comment-body p{
	font-size: 14pt;
	margin-bottom: 0.4em;
	margin-top: 0.4em;
}

div.comment-reply{
	margin-bottom: 1em;
	margin-top: 0.5em;
}

div.comment-reply p{
	font-size: 14pt;
	font-style: italic;
	margin-bottom: 0.2em;
	margin-top: 0.2em;
	padding-left: 2em;
}

div.comment-reply p em,
div.comment-reply p i{
	font-style: normal;
}

div.comment-reply p.comment-signature{
	font-size: 14pt;
	font-style: normal;
	font-weight: 500;
	text-align: left;
}

/* Media query for smaller devices */
@media(max-width: 600px){
	body{
		margin-left: 2em;
		margin-right: 2em;
	}

	p{
		font-size: 20px;
	}

	td{
		font-size: 18pt;
	}

	blockquote{
		margin-left: 4em;
		margin-right: 4em;
	}
}