/*
 Theme Name:   Genesis-RAMH
 Theme URI:    https://johnesimpson.com/themes/genesis-ramh/
 Description:  Genesis Framework Child Theme
 Author:       John E. Simpson
 Author URI:   https://johnesimpson.com
 Template:     genesis
  Tags: black, orange, white, one-column, two-columns, three-columns, left-sidebar, right-sidebar, responsive-layout, custom-menu, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready  
  License: GPL-2.0+  
  License URI: http://www.gnu.org/licenses/gpl-2.0.html  
*/

/* Body settings */
/* body {
	max-width: 1280px;
	margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0;
	background-color: #ffffe7;
}
*/

body {
	background-color: #ffffe7 !important;
	color: #333;
	font-family: Lato, sans-serif; 
	font-size: 18px;
	font-weight: 300;
	line-height: 1.625;
	margin: 0 auto 0 auto !important;
}


#site-inner {
	font-family: Cardo;
	max-width: 1280px;
	margin-left: auto; margin-right: auto;
}
#sidebar, .sidebar, .widget-area {
	font-family: Lato, sans-serif;
	font-weight: 300;
}

#sidebar-content-wrap {
	max-width: 1280px !important;
}

/* Header stuff */
#header {
	background: url(images/logo_53StationsOfTokaido_UtagawaHiroshige_cropped1280x288_alltext.jpg) no-repeat;
	background-size: 100%;
	width: 100%;
	/* height: 288px; */
	/* height: 50%; */
	max-width: 1280px;
	/* min-height: 90px !important; */
	min-height: 288px;
	padding: 28px 10px;
	margin-left: auto; margin-right: auto;
}


/* Main menu */
.nav-primary {
	margin-left: auto;
	margin-right: auto;	
}
#menu-main {
	list-style-type: none;
	font-weight: bold;
}
#menu-main li {
	display: inline; 
	margin-right: 1em;
}

/* Date/Time/Author stamp before each entry */
.entry-meta {
	font-style: italic;
}
.entry-time {
	margin-right: .5em;
}
.entry-author {
	/*margin-left: .5em;*/
	margin-right: 1em;
}

/* Archive pagination */
.archive-pagination {
	list-style-type: none;
}
.archive-pagination li {
	display: inline;
	margin-right: 1em;
}

/* Title + description */
#title, #title a, #title a:hover {
/*	font-style: italic;
	font-size: 175%;
	color: #fde8a1;
	font-weight: 600;
	text-align: left; */
	display: none;
}

#description {
	font-size: 125%;
	font-weight: 500;
	text-align: left;
	color: #FFFFFF;
}

/* General background colors and other appearance */
.home {
	background-color: #ffffe7;
	margin: auto;
}
/* .entry {
	padding: 20px;
} */
.entry {
	margin: 20px;
	padding: 20px;
	font-family: Cardo;
}
.entry-title{
	font-family: Lato;
}
#content > .post, #content > .type-post, #content > .status-publish, #content > .format-standard, #content > .hentry {
	margin: 20px; padding: 20px;
}
.post, .entry, .widget {
	background-color: #ffffff;
	margin-left: 10px; margin-right: 10px;
	padding: 20px;
	border: 1px solid #8b490f;
}

#comments {
	background-color: #ffffff;
	margin-left: 20px; margin-right: 20px; margin-bottom: 16px;
	padding: 20px;
	border: 1px solid #8b490f;
}

.comment {
	margin-top: .5em;
	margin-bottom: .5em;
}

.comment-header, .reply {
	margin-left: 10px;
	margin-right: 20px;
}

.comment-author {
	border-bottom: 1px solid tan;
	margin-bottom: 5px;
}

.reply {
	margin-bottom: 10px;
}

.comment-content {
	margin-left: 20px;
}

#respond {
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
}

#content.entry-title, #contentpost-info, #content.entry-content {
	padding: 20px;
}
.entry p, .entry blockquote, .entry iframe, .entry-title, .post-info, .post-meta, #comments h3, #comments p, #comments ol, #comments ul {
	margin-left: 10px; margin-right: 10px;
	max-width: 1280px;
}
/* Exception(s) for poetry "paragraphs" */
.entry p.poem-line-hang, blockquote p.poem-line-hang {
	padding-left: 1em; 
	text-indent: -1em; 
	margin-bottom: 0;
}

ol.comment-list li.comment {
	border: 1px solid #8b490f;
	margin-left: 10px; margin-right: 10px;
	font-size: 95%;
}
#respond {
	margin-left: 20px; margin-right: 20px;
	border: 1px solid #8B490F;
}
.footer, #footer {
	margin: 0 2rem 28px 2rem;
	padding: 20px;
	font-size: 85%;
	line-height: 1.25;
}
.entry div.intrinsic-container {
	margin-left: 10px; margin-right: 10px;
}

.writingsample {
	text-indent: 20px; 
	padding-left: 30px; 
	padding-right: 40px;
}

.writingsample p {
	margin-bottom: 12px;
}

/* Customize drop-cap for Gutenberg editor - default font too large  - see https://wordpress.org/support/topic/gutenberrg-editor-drop-cap-size-2/#post-10594295 for reference */
p.has-drop-cap:not(:focus):first-letter {
   float:left;
   font-size:4.0em;
   line-height:.68;
   font-weight:100;
   margin:.05em .1em 0 0;
   text-transform:uppercase;
   font-style:normal;
}

/* Image + iframe borders */
/* 2019-06-08: added figure element to selector list to accommodate Gutenberg wrapper for images */
img, img.aligncenter, img.alignright, img.alignleft, img.aligncenter, iframe, figure {
	border: 1px solid #E2E2E2;
	padding: 4px;
}
iframe > html body, #player, #player embed, #player-unavailable {
	max-width: 1270px;
}

/* blockquote stuff */
.entry-content blockquote {
	font-family: Lato,sans-serif;
	font-style: normal;
	font-weight: 300;
	margin-left: 30px; margin-right: 30px;
}
em, i, cite {
	font-style: italic;
}

/* Override position of blockquote::before pseudo-element */
.entry-content blockquote::before {
	left: -.5rem;
}

/* Move 'comments' link (below post title) to right */
.post-comments {
	margin-left: 10px; margin-right: 10px;
}
/* Move '(Edit)' link (to right of comments link) to right */
.post-edit-link {
	/* margin-left: 2em; */
	margin-left: 10px; margin-right: 10px;
}

/* Navigation bar (1,2,3... [etc]) below posts */
.navigation {
	padding-bottom: 1em;
}
.navigation ul {
	list-style-type: none;
	display: block;
	margin-left: 10px;
}
.navigation li {
	list-style-type: none;
	display: inline; 
	background-color: #493d33;
	color: #ffffff;
}
.navigation li a {
	padding: 12px;
	background-color: #493d33;
	color: #ffffff;
}
.navigation li.pagination-omission {
	padding: 12px;
	color: #ffffff;
}
.navigation li a:hover, .navigation .active a {
	background-color: #e5554e;
	color: #ffffff;
}
.navigation li.active {
	background-color: #e5554e;
	margin-left: 12px;
}

/* Proportional iframe sizing per Ben Marshall 
http://benmarshall.me/responsive-iframes */
.intrinsic-container {
	position: relative;
	height: 0;
	overflow: hidden;
}
 
/* 16x9 Aspect Ratio */
.intrinsic-container-16x9 {
	padding-bottom: 56.25%;
	max-width: 1280px;
}
 
/* 4x3 Aspect Ratio */
.intrinsic-container-4x3 {
	padding-bottom: 75%;
}
 
.intrinsic-container iframe {
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	max-width: 1250px;
}

/* Content + sidebar positioning and sizing */
#content {
	float: left;
	width: 75%;
	/* max-width: 1024px; */
}
#sidebar {
	float: right;
	width: 25%;
}
#footer {
	clear: both;
}

/* Sidebar fonts and other display attributes */
#sidebar {
	font-size: 14px;
	margin: 0px;
}
#sidebar .widget {
	margin: 10px; padding: 20px;
}
.widget-wrap .widget-title {
	font-size: 16px;
	margin-bottom: 10px;
}
.widget {
	margin: 0px;
	padding: 20px;
}
.widget .widget-rss {
	padding-left: 20px; padding-right: 20px;
}
.post {
	margin-left: 10px; margin-right: 10px;
}

/* Styles carried over from earlier versions of RAMH */
p.smalltext {
	font-size: 90%;
	line-height: 1.25em;
	text-align: center;
}
p.footnote {
	font-size: 80%;
	line-height: 1.25em;
	text-align: left;
	margin-bottom: 10px;
}
/* Explanatory note style added 8/22/08 */
.explannote { 
	border-bottom: 1px dashed red; 
	cursor:help;
}
/* Special .hidden class for the right-bracket-decoder-ring trick */
#container .entry-content a.hidden {
	color: #000;
}
/* Class for text you want to, uh, highlight */
.highlight {
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 7px;
	padding-bottom: 7px;
	border-top: 1px solid brown;
	border-bottom: 1px solid brown;
	/* line-height: 1.25em; */
	line-height: 1.4em;
	/* font-weight: bold; */
	font-style: italic;
	/* background-color: #FFFFE8; */
	background-color: #FFFFF3;
	font-size: 90%;
}
/* Epigraphs for quotations */
.entry p.epigraph, .entry blockquote.epigraph, .epigraph {
	margin-left: 4em;
	font-style: italic;
	font-size: 90%;
	line-height: 1.25em;
}

/* Inner li's for ordered lists */
.entry-content ol > li ol li {
	list-style-type: lower-alpha;
}

/* Separator in post headings (between post author and link to comments) */
.post-comments::before {
	content: "/ ";
}

/* Override Genesis underlining of anchors (links) */
a {
	text-decoration: none !important;
	color: #C3251D;
}

/* Table styles: use caution! to override Genesis defaults */
td {
	padding-left: 5px !important;
	padding-right: 5px !important;
}
th {
	padding-left: 5px !important;
	padding-right: 5px !important;
}

a.lyrics {
	cursor: pointer;
}