@charset "utf-8";
/* CSS Document */

/* 
COLORS
lt brown #8c8680;
red: #d80000;
*/
:root {
	--ltText:#8c8680;
}

/* typography */
body {
	font-family: garamond-premier-pro, serif;
	font-weight: 400;
	font-style:normal;
	background:#fff;
	color:#252421;
	font-size:22px;
}
.pagenumber {display:none;}
em, cite, h1 {
	font-style:italic
}
h1, h2, h3, h4, p {
	margin:0;
	padding: 0 0 .55em;
	line-height:1.35;
}
h1, h2, h3, h4 { font-weight:normal;}
.maintext h3 + ul { margin-top:0;padding-top:0;}
h1, aside h2 {
	color: var(--ltText);
}
aside {font-size:.7em;}
h1 {
	font-size:1.8em;
	border-bottom:1px solid var(--ltText);
	padding-bottom:0.1em;
}
h2 {font-size:1.12em;}
.maintext h2, .mainmedia h2 {
	text-transform:lowercase;
	font-variant:small-caps;
	color:#d80000;
	padding:0 0 0 10px;
	border-left:20px solid #e7e4e1;
	line-height:.8;
	margin:1em 0 .9em;
}
.detailnote { font-size:.8em; font-style:italic;}
.maintext h3, .mainmedia h3 {
	font-size:1em;
	font-style:italic;
}
.maintext h2:first-child, .mainmedia h2:first-child { margin-top:0;}
.speaking-container {
	border:1px solid #8c8680;
	border-radius: 20px;
	padding: 0 20px 20px;	
}
.speaking-container h3 {
	width:calc(100% + 22px);
	transform:translateX(-20px) translateY(-1px);
	text-align:center;
	background: #777;
	border-radius: 20px 20px 0 0;
	border-bottom:1px solid #d8000;
	color:#fff;
	font-size:1.4em;
	line-height:1.4em;
	padding:.3em;	
}
.speaking-container .detailnote { text-align:center; margin:10px 20px;}
.speaking-container ul { list-style-type:none; margin:0; padding:0;}
.speaking-container li:nth-child(even) { background:#ddd;}
.speaking-container li:first-child { border-radius: 20px 20px 0 0; }
.speaking-container li:last-child { border-radius: 0 0 20px 20px; }
.speaking-container li {
	list-style-type:none;
	background:#eee;
	margin: 5px 0;
	padding:12px 20px;
	border: 1px solid #777;
}

.speaking-container audio {
	margin-top: 8px;
	background-color: #F40000;
	-webkit-background-color:#fff;
	border-radius: 20px;
	filter: brightness(100%) saturate(100%);
	height:36px;
	box-shadow:2px 3px 3px rgba(10,10,10,0.3);
}
.speaking-container audio::-webkit-media-controls-panel {
	background-color:#fff;
}
.dl {display:inline-block; margin-left: 10px; height:36px; font-variant:small-caps; line-height:36px; position:relative;}
.dl a { 
	position: absolute;
	display:inline-block;
	text-decoration:none;
	color: #d80000;
	top: 50%;
  	left: 50%;
  	transform: translate(0, -50%);
	border:1px solid #fff;
	border-radius: 8px;
	-webkit-border-radius:20px;
	padding: 0 12px;
	box-shadow:2px 3px 3px rgba(10,10,10,0.3);
}
aside h2 {font-style:italic;}
aside h3, aside .essaycat p {
	text-transform:lowercase;
	font-variant:small-caps;
	font-size:.94em;
}
.essaycat p {font-size:1.1em;}
aside h4 { font-style:italic; padding-bottom:.15em;}
.maintext a, .sites a, .essaycat a { color:#d80000; }
.sites a {display:block;}
.maintext a:hover, .sites a:hover, .essaycat a:hover {
	background:#111;
	color:#fff;
}
.author {text-align:right; font-style:italic;}
.return {
	border-top:1px dotted #d80000;
	margin-top:15px;
	padding-top:10px;
}
.return a {
	text-transform:lowercase;
	font-variant:small-caps;
	text-decoration:none;
	font-size:.8em;
}
/* items/content */
img { max-width:100%; height:auto;}

/* page structural components */
html, body { overflow-x:hidden;}
body {margin:0; padding:0; }
.wrap {
	margin:0 auto;
	max-width:1440px;
}
header, .maincontent, footer {padding:0 5%; }
.maincontent {padding-bottom:20px;}
nav { color:#fff;}
header nav {
	border-top:1px solid var(--ltText);
	border-bottom:1px solid var(--ltText);
	padding:0 !important;	
}
nav a {
	color:var(--ltText);
	text-decoration:none;
	}

nav a:hover { color:#870000; border-bottom:3px double var(--ltText);border-top:3px double var(--ltText); }
nav.mini-nav {
	text-align:center;
	color:#e7e4e1;
	margin:10px auto 20px;
	border-bottom:1px solid var(--ltText);
	border-top:1px solid var(--ltText);
	font-size:.8em;
	text-transform:lowercase;
	font-variant:small-caps;
	padding:8px 0;
}
nav.mini-nav a {
	color:var(--ltText);
	text-decoration:none;
}
nav.mini-nav a:hover, nav.mini-nav a:active {color:#d80000; background:none; border:none;}
footer nav {padding-top:15px; font-size:.9em; text-align:center;}
.display {
	clear:both;
	background:url("/images/bg_GkBible_strip.jpg") center center repeat-x;
	margin:0 -9999rem;
	padding:0 9999rem;
	min-height:35px;
}
.pg-home .display {
	display:flex;
	justify-content:flex-end;
}
.display img { display:block; }

figcaption {display:none;}
.pg-reg .maincontent {padding-top:40px;}
.sitebox {
		display:grid;
		grid-template-columns:1fr 1fr;
		column-gap:15px;
	}
	.sitecat {
		padding-bottom:12px;
	}
footer {
	border-top:1px solid var(--ltText); 
}
.footdetails {
	text-align:center;
	font-size:.6em;
	font-style:italic;
	color:var(--ltText);
	margin:10px 0 12px;
}
footer .logo img {
		display:block;
		width:125px;
		height:auto;
		margin:10px auto 30px;
	}

/* contact form */
.address1 {display:none;}
fieldset.hilite { margin-bottom:5px;}
textarea {
	width:calc(100% - 2px);
		
}



@media screen and (max-width:810px) {
	.baseHead {
		margin:0 auto 15px;
		text-align:center;
	}
	header .logo {
	background:url("/images/portrait.jpg") center left no-repeat;
	background-size:contain;
	width:300px;
	max-width:calc(65% - 50px);
	padding-left:50px;
	margin:20px auto;
		overflow:auto;
	}
	header .logo img {
		display:block;
		float:right;
	}
	header nav { clear:both;}
	nav {font-size:.9em;}
	.maincontent {
		padding-top:30px;
	}
	.maintext {
		padding-top:20px;
	}
	aside { 
		border-top:1px solid var(--ltText);
		padding-top:10px;
	}
	.speaking-container { box-sizing:border-box; }
	.speaking-container audio { max-width:100%;}
}
@media screen and (min-width:811px) {
	.baseHead {
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:35px 0;
  }
      header .logo {
      background:url("/images/portrait.jpg") center left no-repeat;
      background-size:contain;
      padding-left:90px;
  }
      nav {font-size:1em;}
      article {
      display:grid;
      grid-template-columns: 58% 32%;
      grid-gap: 0 10%;
  }
  h1 { grid-column: span 2; }
  .maintext, aside {padding-top:28px;}
  aside section, .maintext { padding-bottom:15px;}
	

}

.essaycat p a {font-size:1.15em !important;}

/* videos */
.mainmedia {width:calc(100% - 30px); padding:15px;}
section.media-container {
	/* display:grid;
	grid-template-columns: 1fr 1fr 1fr;  */
	width:100%;
	box-sizing:border-box;
	background:#8c8680;
	padding:4px;
}
section.media-container:after {
	clear:both;
	content:"";
	display:table;
	height:0;
}
.videobox {
	width:calc(33.3% - 2px);
	border:1px solid #8c8680;
	background-color: #6C6762;
	color:#fff;
	float:left;
}
.video {
	padding-bottom:56.25%;
	height:0;
	position:relative;
	overflow:hidden;
	
}
.videobox h4.caption {
	padding:4px 12px;
	display:block;
	font-variant:small-caps;
	font-size:.7em;
	height:2.5em;
}
.video iframe {position:absolute; width:100%; height:100%;}
@media screen and (min-width:651px) and (max-width:900px) {
	.videobox {
	width:calc(50% - 2px);	
	}
}
@media screen and (max-width:650px) {
	.videobox { 
		float:none;
		width: 560px; 
		max-width:calc(100% - 2px);
	}
}
.twitter-follow-button { margin-bottom:18px;}
table.signatures {
margin: 10px 0 15px;
color: #8c8680;
}
table.signatures td { padding:0 5px; }
.fullplayer {
	width:100%;
	aspect-ratio: 16 / 9;
	margin-bottom:15px;
}