/*
	Theme Name: Brick Architect PRO (Custom Hueman-Pro "Child" Theme)
	Theme URI: http://alxmedia.se/themes/hueman/
	Description: Sample child theme for customization.
	Author: You
	Author URI: 
	Template: hueman-pro
	Version: 1.0.0
*/

@import url("../hueman/style.css");

/* GENERAL STYLE GUIDELINES */
/*
Normal Text: #333 (very dark gray)
Link Hover, bold accents: #ed1c24; (red)
Links, normal accents: #0075be; (blue)
yellow - #f9dc54,  nice light blue = #489ece, red = ed1c24, dark gray = #808084

BODY TEXT: "Freight Text Pro" (regular and italic) - Book/Book Italic is 400, Bold/Bold Italic is 700.

HEADERS + CAPTIONS: "Freight Sans Pro" (regular only, except Medium since it is used for Links.) - Light is 300, Medium/Medium Italic is 500, Bold is 700.

MODES:
* 1200px or larger - seven column grid design. First four columns for body, one column of spacer, two columns for sidebar info. 20px text indent on left side. Largest fonts (body 21px).
* 1020px - 1199px - Single column design, Largest fonts (body 21px). 20px Text Indent. Sidebar content moved inline, but shown in two columns.
* 600px - 1019px - Single column design, Medium Fonts (body 20px). No Text Indent. Sidebar content moved inline, but shown in two columns. (iPhone 6/7/8 is 667px wide in landscape. 6+/7+/8+ is 736px in landscape. iPhone xR / xS max are 896px wide in landscape. iPhone X/Xs are 812px in landscape.)
* 320px - 599px - Single column design, Small Fonts (body 19px). No Text Indent. Sidebar content moved inline and shown in one column. All phones in Portrait. (even the largest iPhone has effective width of only 414px) 
* under 320px - not supported. 

(iPhone web resolutions here: https://www.paintcodeapp.com/news/ultimate-guide-to-iphone-resolutions )

@media print - print layout uses two columns.  It is almost the same as 1024 or larger, but without left text indent.

FONT SIZES:
- Content-related font sizes should be specified in 'em' which is relative sizing based on the font size of 'body' tag, which is specified below.  'em' is defined as 18px in this theme for large screens, 16px for medium-sized screens, and 14px for small screens. (16px is the default value when unspecified.)
- Font sizes for content which should have a fixed size should be specified in 'px' sizes. (examples: sidebar, footer, byline, categories.)

*/

/* hides an invisible control to keep bots off sendy mailing list */
.honeybucket { visibility: hidden !important; display: none !important; }

/* Prevent font scaling in landscape while allowing user zoom */
html { -webkit-text-size-adjust: 100%; }

body { overflow:auto; }

.post-list, .post-list .post-inner {
	margin-right: 0px;
}

i.fas{
	font-style: normal !important;
}

/* ### BASIC FONT BEHAVIORS ### */
/* (Defaults specified for 1200px or wider, exceptions specified below.) */
body, button, input, select, textarea, p, li, .entry {
	color: #333;
	font-family: "freight-text-pro", "adobe-caslon-pro", "Garamond",  serif;
	line-height: 140%;
	font-size: 20px;
}

.larger { font-size: 24px; }
.smaller { font-size: 18px; line-height: 125%; }
h1.post-title .light, h2.post-title .light { font-weight: 300 !important; } /* for headers only */
span.nobreak { white-space: nowrap; }

/* under 1200 */
@media screen and (max-width: 1199px) { 
	body, button, input, select, textarea, p, li, .entry {	font-size: 19px; }
	.larger { font-size: 22px; }
	.smaller { font-size: 17px; }
}

/* under 660 */
@media screen and (max-width: 659px) {
	body, button, input, select, textarea, p, li, .entry {	font-size: 18px; }
	.larger { font-size: 21px; }
	.smaller { font-size: 16px; }
}

/* Drop Shadow on Home or Archive sidebars */
.container-inner>.main::after, .container-inner>.main::before, .sidebar .sidebar-content {
	background-color:#fff;
	-webkit-box-shadow: inset 40px 0px 40px -40px rgba(0,0,0,0.12);
	-moz-box-shadow: inset 40px 0px 40px -40px rgba(0,0,0,0.12);
	box-shadow: inset 40px 0px 40px -40px rgba(0,0,0,0.12);
}

/* HACKS */
#wpadminbar {
	height: 40px;
}

div.video-size-large {margin-left: 60px; padding-bottom: 5px;}

@media screen and (max-width: 1199px) { 
	div.video-size-large {margin-left: 50px;}
}

@media screen and (max-width: 659px) { 
	div.video-size-large {margin-left: 0px;}
}

div.wp-video {
	border-bottom: 4px solid black;
}

/*.container-inner>.main::after,.container-inner>.main::before{background-color:#f0f0f0;position:absolute;top:0;bottom:0;content:'';display:block;z-index:0}*/



/*
.col-2cl.sidebar.s1 {
	width: 380px;
	margin-right: -380px;
}

body.home .main-inner {
	padding-right: 380px;
}
*/

/*
.sidebar, .sidebar-content {
	-webkit-box-shadow: inset 30px 0px 30px -30px rgba(0,0,0,0.15);
	-moz-box-shadow: inset 30px 0px 30px -30px rgba(0,0,0,0.15);
	box-shadow: inset 30px 0px 30px -30px rgba(0,0,0,0.15);
}
*/

/*
.sidebar {
	width: 380px !important;
	margin-right: -380px !important;
}

.sidebar-content {
	background-color: #333 !important;
	padding: 20px;
}

.main-inner {
	width: 820px;
}
*/

/* ### Page & Post Titles ### */
h1.post-title, h2.post-title, .page-title h1, .page-title h2, .single .post-title {
  	font-family: "freight-sans-pro", "Lato", "Arial", sans-serif;
  	font-weight: 600 !important;
	line-height: 1.2em;
  	color:#222; 
  	margin: 0px !important;
  	text-decoration: none;
  	text-transform: none;
  	width: 100%;
	border-bottom: 4px solid #000000;
}

/* ### Larger text for Page/Post than on homepage ### */
/* 1200 and over */
@media screen and (min-width: 1200px) { 
	h1.post-title, .page-title h1, .single .post-title { 
		font-size: 48px !important; 
  		padding: 0px 0px 16px;
	}
	h2.post-title, .page-title h2  { font-size: 42px !important }
}

/* under 1200 */
@media screen and (max-width: 1199px) { 
	h1.post-title, .page-title h1, .single .post-title {
		font-size: 42px !important;
		padding: 0px 0px 12px;
	}
	h2.post-title, .page-title h2 { font-size: 36px !important  }
}

/* under 660 */
@media screen and (max-width: 659px) {
	h1.post-title, .page-title h1, .single .post-title { 
		font-size: 36px !important;
		padding: 0px 0px 8px;
	}
	h2.post-title, .page-title h2 { font-size: 32px !important  }
}

/* (a) Link Formatting */

a {
  font-family: "freight-sans-pro", "Arial", sans-serif;
  font-weight: 500;
}

#footer a {
  color: #0075be;
  font-family: "freight-sans-pro", "Arial", sans-serif;
  font-weight: 500;  

}

strong a {
  font-weight: 600;
}

 h1.post-title a,  h2.post-title a {
  font-family: "freight-sans-pro", "Lato", "Arial", sans-serif;
  font-weight: 600;
  color:#222; 
  text-decoration: none;
}

.page-title {
 border-width: 0px;
  
}


/* ### ARTICLE ABSTRACT ### */
.abstract {
	margin-bottom: 40px;	
}

.abstract .excerpt {
	padding: 20px 0px 20px; 
	border-bottom: 1px solid #000;
}

/* 1200 or higher */
@media screen and (min-width: 1200px) { 
	.abstract .excerpt {
  		padding-right: 300px; /* add padding on right for large screens */
  	}
}

/* ### Excerpt Text Size ### */
.abstract .excerpt, .abstract .excerpt p {
	font-size: 28px;
	line-height: 1.4em;
}

/* under 1200 */
@media screen and (max-width: 1199px) { 
	.abstract .excerpt, .abstract .excerpt p {	font-size: 24px; }
}

/* under 660 */
@media screen and (max-width: 659px) {
	.abstract .excerpt, .abstract .excerpt p {	font-size: 22px; }
}


/* ### HOMEPAGE and ARCHIVE TITLE ### */
.archive section.content { padding-top: 40px; }
.archive section.content section.content { padding-top: 0px; }

/* under 1200 */
@media screen and (max-width: 1199px) { 
	 .archive section.content { padding-top: 30px; }
	 .archive section.content section.content { padding-top: 0px; }
}

/* under 660 */
@media screen and (max-width: 659px) {
	.archive section.content { padding-top: 20px; }
	.archive section.content section.content { padding-top: 0px; }
}

.home div.page-title, .archive div.page-title  {
	padding: 0px;
}

.home div.page-title h2.post-title, .archive div.page-title h2.post-title  {
	padding: 40px 40px 26px;
	font-size: 48px !important;
	border: none;
    box-sizing: border-box;
}

/* under 1200 */
@media screen and (max-width: 1199px) { 
	.home div.page-title h2.post-title, .archive div.page-title h2.post-title  { font-size: 42px !important; padding: 30px 30px 16px; }
}

/* under 660 */
@media screen and (max-width: 659px) {
	.home div.page-title h2.post-title, .archive div.page-title h2.post-title { font-size: 36px !important; padding: 20px 20px 11px; }
}


/* ### HOMEPAGE and ARCHIVE ARTICLE ### */
.home div.hu-pad, .archive div.hu-pad { padding: 0px 0px 30px; }

.home .post .post-meta, .archive .post .post-meta { 
	padding: 12px 40px 20px;
    box-sizing: border-box;
	border-top: 1px solid #000000;
}

.home .post .entry, .archive .post .entry {
	padding: 0px 40px;
    box-sizing: border-box;
}

.home .post .post-link, .archive  .post .post-link { 
	padding: 15px 40px 5px;
    box-sizing: border-box;
}

.home .pagination { padding: 0px 30px; }


/* under 1200 */
@media screen and (max-width: 1199px) { 
	.home div.hu-pad, .archive div.hu-pad { padding: 0px 0px 30px; }
	.home .post .post-meta, 	.archive .post .post-meta { padding: 12px 30px 20px; }
	.home .post .entry, 		.archive .post .entry {	padding: 0px 30px; }
	.home .post .post-link, 	.archive .post .post-link { padding: 15px 30px 5px;	}
	.home .pagination, 			.archive .pagination { padding: 0px 30px; }
}

/* under 660 */
@media screen and (max-width: 659px) {
	.home div.hu-pad, .archive div.hu-pad { padding: 0px 0px 20px; }
	.home .post .post-meta, 	.archive .post .post-meta { padding: 9px 20px 15px; }
	.home .post .entry, 		.archive .post .entry {	padding: 0px 20px; }
	.home .post .post-link, 	.archive .post .post-link { padding: 12px 20px 5px;	}
	.home .pagination, 			.archive .pagination { padding: 0px 20px; }
}


/* ### HOMEPAGE and ARCHIVE ARTICLE TITLE ### */

.home div.hu-pad .post h2.post-title, .archive div.hu-pad .post h2.post-title { /* all formats */
    box-sizing: border-box;
	border-bottom: 0px;
}

.home div.hu-pad .post.format-standard h2.post-title, .archive div.hu-pad .post.format-standard h2.post-title {  /* format-standard */
	font-size: 42px !important;
	padding: 8px 40px 12px;
	
}

.home div.hu-pad .post.format-link h2.post-title, .archive div.hu-pad .post.format-link h2.post-title, .home div.hu-pad .post.format-aside h2.post-title, .archive div.hu-pad .post.format-aside h2.post-title  { /* format-aside or format-link */
	font-size: 32px !important;
	padding: 12px 40px 15px;
}

/* under 1200 */
@media screen and (max-width: 1199px) { 
	.home div.hu-pad .post h2.post-title, .archive div.hu-pad .post h2.post-title { padding-left: 30px; padding-right: 30px; }
	.home div.hu-pad .post.format-standard h2.post-title, .archive div.hu-pad .post.format-standard h2.post-title /* format-standard */ { 
		font-size: 36px !important;
		padding: 8px 30px 12px;
	} 
	.home div.hu-pad .post.format-link h2.post-title, .archive div.hu-pad .post.format-link h2.post-title, .home div.hu-pad .post.format-aside h2.post-title, .archive div.hu-pad .post.format-aside h2.post-title /* format-aside or format-link */ { 
		font-size: 28px !important;
		padding: 12px 30px 15px;
	} 
}

/* under 660 */
@media screen and (max-width: 659px) {
	.home div.hu-pad .post h2.post-title, .archive div.hu-pad .post h2.post-title { padding-left: 20px; padding-right: 20px; }
	.home div.hu-pad .post.format-standard h2.post-title, .archive div.hu-pad .post.format-standard h2.post-title /* format-standard */ { 
		font-size: 32px !important;
		padding: 6px 20px 9px;
	} 
	.home div.hu-pad .post.format-link h2.post-title, .archive div.hu-pad .post.format-link h2.post-title, .home div.hu-pad .post.format-aside h2.post-title,  .archive div.hu-pad .post.format-aside h2.post-title  /* format-aside or format-link */ { 
		font-size: 24px !important;
		padding: 9px 20px 11px;		
	} 
}


/* ### HOMEPAGE and ARCHIVE ARTICLE EXCERPT ### */
.home div.hu-pad .post.format-aside .entry-summary, .archive div.hu-pad .post.format-aside .entry-summary {
	margin-top: 0px !important;	
	border-top: 1px solid #000000;
	padding-top: 10px;
	padding-bottom: 12px;
}

.entry-summary p {
  font-size: 26px;
  color: #444; 
  line-height: 130%;
}

/* under 1200 */
@media screen and (max-width: 1199px) { 
	.entry-summary p { font-size: 24px; }
}

/* under 660 */
@media screen and (max-width: 659px) {
	.entry-summary p { font-size: 22px; }
}


/* ### HOMEPAGE and ARCHIVE CHAPTERNAV ### */
.archive .chapternav {
	margin: 0px;
	padding: 0px 40px 0px;
}

/* under 1200 */
@media screen and (max-width: 1199px) { 
	.archive .chapternav { padding: 0px 30px 0px; }
}

/* under 660 */
@media screen and (max-width: 659px) {
	.archive .chapternav { padding: 0px 20px 0px; }
}



/* ### OVERVIEW / CONCLUSION / CHAPTERNAV */
.overview, .conclusion, .chapternav { 		font-size: 26px; }

/* under 1200 */
@media screen and (max-width: 1199px) { 
	.overview, .conclusion, .chapternav {	font-size: 24px; }
}

/* under 660 */
@media screen and (max-width: 659px) {
	.overview, .conclusion, .chapternav {	font-size: 22px; }
}


/* ### DISCLAIMER / DISCLOSURE */
.disclaimer, .disclosure {
  	font-size: 18px;
	font-style: italic;
	padding-bottom: 20px;
}

/* under 1200 */
@media screen and (max-width: 1199px) { 
	.disclaimer, .disclosure {	font-size: 17px; }
}

/* under 660 */
@media screen and (max-width: 659px) {
	.disclaimer, .disclosure {	font-size: 17px; }
}



/* ### MISC ### */
.container {
	padding: 0 0; /* remove minimum left and right outer padding for seamless transition from bordered content rectangle at above 1200px wide to borderless below. */
}



/* ### IMAGE AND CAPTION FORMATTING ### */

.entry .wp-caption.alignleft, .entry .wp-caption.aligncenter {
	float: none;
	display: inline-block; /* 2020/03/04 Note: It should probably be "inline", but this breaks full-sized images.  */
	text-align: left;
}

.entry .li .wp-caption .wp-caption-text {
	margin-left: 60px;
}

.entry .wp-caption.alignright {
	float: right;
	display: inline-block;
}

/* Caption Container */
.entry .wp-caption {
	background: none !important;
	margin-bottom: 20px;
	max-width: 100% + 80px;
	/*width: auto !important;*/
}

/* Captions */
.wp-caption-text, .entry .wp-caption-text {
	font-size: 16px;
  	font-family: "freight-sans-pro", "Lato", "Arial", sans-serif;
 	font-weight: 700;
  	font-style: normal !important;
  	color: #222 !important;
  	text-align: left !important;
	padding-top: 0px !important;
	margin-top: -3px !important;
	letter-spacing: 0.5px;
	display: block;
}

/* under 1200px */ @media screen and (max-width: 1199px)  { 
	.wp-caption-text, .entry .wp-caption-text { font-size: 15px; }
}

/* under 660px */ @media screen and (max-width: 659px) {
	.wp-caption-text, .entry .wp-caption-text { font-size: 14px; }
}

.wp-caption p {
	max-width: 620px;
}

/* PADDING FOR PAGES / ARTICLES */

/* 1200px or wider, 40px both sides. */
body.single .hu-pad, body.page .hu-pad {
	margin: 60px 40px;
	padding: 0px;
}
#comments {
	margin: 20px 40px 40px;
}
.post-tags {
	margin: 20px 40px;
}


/* under 1200px, 30px both sides */
@media screen and (max-width: 1199px) {
body.single .hu-pad, body.page .hu-pad {
		margin: 40px 30px;
		padding: 0px;
	}
	#comments {
		margin: 20px 30px 40px;
	}
	.post-tags {
		margin: 20px 30px;
	}
}

/* under 660px, 20px both sides. */
@media screen and (max-width: 659px) {
body.single .hu-pad, body.page .hu-pad {
		margin: 30px 20px;
		padding: 0px;
	}
	#comments {
		margin: 20px 20px 40px;
	}
	.post-tags {
		margin: 20px 20px;
	}
}



/* 1200px or wider, 40px both sides. 
body.single .pad.group .post-single, body.page article.page .entry {
	margin: 60px 40px;
}
#comments {
	margin: 20px 40px 40px;
}
.post-tags {
	margin: 20px 40px;
}
*/


/* under 1200px, 30px both sides 
@media screen and (max-width: 1199px) {
	body.single .pad.group .post-single, body.page article.page .entry {
		margin: 40px 30px;
	}
	#comments {
		margin: 20px 30px 40px;
	}
	.post-tags {
		margin: 20px 30px;
	}
}

/* under 660px, 20px both sides. 
@media screen and (max-width: 659px) {
	body.single .pad.group .post-single, body.page article.page .entry {
		margin: 30px 20px;
	}
	#comments {
		margin: 20px 20px 40px;
	}
	.post-tags {
		margin: 20px 20px;
	}
}
*/


/* FULL BLEED TEXT CONTAINER */
 div.callout {
		max-width: calc(100% + 80px);
		margin-left: -40px; 
		margin-right: -40px;
		margin-top: 40px;
		margin-bottom: 20px;
		
		background-color: #f4f4f4;
		padding-left: 40px;
		padding-right: 40px;
		padding-top: 30px;
		padding-bottom: 30px;
}

div.callout :first-child {
	margin-top: 0px !important;
	padding-top: 0px !important;
}

div.callout :last-child {
	margin-bottom: 0px !important;
	padding-bottom: 0px !important;
}

/* FULL BLEED IMAGES */	

.entry div.wp-caption, .entry.aside div.wp-caption {
	display: block;
}
	
.entry div.wp-caption img.size-full, .entry.aside div.wp-caption img.size-full, .entry div.wp-caption img.size-pagewidth, .entry.aside div.wp-caption img.size-pagewidth {
	margin-left: 0px;
	margin-right: 0px;
	/*width: calc(100% + 60px) !important;*/
  	height: auto; 
}

.alignleft img, .aligncenter img {
	text-align: left;	
}

/* NORMAL IMAGES */
.entry img.alignright {
	margin: 0 0 0 20px;
}

/* 1200px or wider */
@media screen and (min-width: 1200px) {
	/* container */ 
	.entry div.wp-caption, .entry.aside div.wp-caption, .post-single div.wp-caption {
		max-width: calc(100% + 80px);
		margin-left: -40px !important; 
		margin-right: -40px !important;
	}
	
	/* caption */
	.entry .wp-caption p, .entry.aside .wp-caption p {
		margin-left: 60px;
		margin-right: 20px;
	}
	
	
	/* non-fullscreen images */
	.entry div.wp-caption img.size-large, .entry div.wp-caption img.size-medium, .entry div.wp-caption img.size-thumbnail, .entry.aside div.wp-caption img.size-large, .entry.aside div.wp-caption img.size-medium, .entry.aside div.wp-caption img.size-thumbnail  {
		margin-left: 60px;
		margin-right: 40px;
		width: auto;
   		height: auto; 
		max-width: 620px;
	}
	
}

/* under 1200px */
@media screen and (max-width: 1199px) {
	/* container */ 
	.entry div.wp-caption, .entry.aside div.wp-caption, .post-single div.wp-caption {
		max-width: calc(100% + 60px);
		margin-left: -30px !important;  
		margin-right: -30px !important; 
	}
	
	/* caption */
	.entry .wp-caption p, .entry.aside .wp-caption p  {
		margin-left: 50px;
		margin-right: 20px;
	}
	
	/* non-fullscreen images */
	.entry div.wp-caption img.size-large, .entry div.wp-caption img.size-medium, .entry div.wp-caption img.size-thumbnail, .entry.aside div.wp-caption img.size-large, .entry.aside div.wp-caption img.size-medium, .entry.aside div.wp-caption img.size-thumbnail {
		margin-left: 50px;
		margin-right: 30px;
		/* width: auto;
   		height: auto; */
		max-width: calc(100% - 50px);
	}

}

/* under 660px */
@media screen and (max-width: 659px) {

	/* container */ 
	.entry div.wp-caption, .entry.aside div.wp-caption, .post-single div.wp-caption {
		max-width: calc(100% + 40px);
		margin-left: -20px !important; 
		margin-right: -20px !important;
	}
	
	/* caption */
	.entry .wp-caption p, .entry.aside .wp-caption p {
		margin-left: 20px;
		margin-right: 20px;
	}
	
	/* non-fullscreen images */
	.entry div.wp-caption img.size-medium, .entry div.wp-caption img.size-thumbnail, .entry.aside div.wp-caption img.size-medium, .entry.aside div.wp-caption img.size-thumbnail {
		margin-left: 20px;
		margin-right: 20px;
		/* width: auto;
   		height: auto; */
		max-width: calc(100% - 40px); /* 40px narrower than screen to account for margins */
	}

	/* fullscreen images */
	.entry div.wp-caption img.size-large, .entry.aside div.wp-caption img.size-large {
		margin-left: 0px;
		margin-right: 0px;
		width: 100% !important;
   		height: auto; 
		max-width: 100%; /* Full bleed */
	}

}

/* ### cardbox / cards ### */
div.cardbox {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin: 0px -10px 20px -10px;
}

@media screen and (min-width: 1200px) {
	div.cardbox {
		margin-left: 10px;
	}
}

div.card {
	display: flex;
	flex-direction: column;
	width: 300px;
	margin: 0px 10px 20px 10px;
	background-color: #fff;
	border-bottom: 2px solid #000;
	border-top: 10px solid #ffcd03;
	-webkit-box-shadow: 2px 2px 5px 0px #ccc;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  	-moz-box-shadow:    2px 2px 5px 0px #ccc;  /* Firefox 3.5 - 3.6 */
  	box-shadow:         2px 2px 5px 0px #ccc;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}


/* under 660px */
@media screen and (max-width: 659px) {
		div.card { width: 100%; max-width: 450px; }
		.cardimage, .cardimage img { width: 100%;  max-width: 450px; }
	}

.cardtitle {
	margin: 12px 10px 20px 20px;
	}

.cardtitle p {
	margin: 0px !important;
}

.cardtitle a {
	font-size: 20px;
  	font-family: "freight-sans-pro", "Lato", "Arial", sans-serif;
  	font-weight: 600;
	line-height: 1.2em;
  	color: #222; 
}

.cardtext {
	margin:0px 10px 0px 20px;
	padding: 0px;
	flex-grow: 1;
	}

.cardtext p {
	font-size: 18px;
	line-height: 1.0em;
  	color: #222; 
	margin: 0px 0px 20px 0px !important;
	padding: 0px;
}


.cardlink {
	margin: 0px 10px 0px 20px;;
	padding: 0px;
  	font-weight: 700;
	}

.cardlink p {
	font-size: 18px;
	line-height: 1.0em;
  	color: #222; 
	margin: 0px 0px 20px 0px;
  	font-weight: 700;
}

.cardlink a {
  	font-weight: 700;	
}





/* ### Related = side-by-side content on large screens.  related-content appears on left, related-aside appears on the right.  ### */

aside.related-aside p, div.aside-text p { margin-left: 0px; }
aside.related-aside ul, div.aside-text ul,  aside.related-aside ol, div.aside-text ol { margin-left: 20px; }

@media screen and (min-width: 1200px) {
	div.related {
		display: flex;
		flex-direction: row;
    	justify-content: space-between;
		width: 100%;
		margin-bottom: 0px;
	}

	section.related-content {
		max-width: 800px; /* was width: 660px */
	}

	aside.related-aside {
		width: 300px;
		display: flex;
		flex-direction: column;
	}
	
	.aside-image {
		max-width: 300px;
		margin-bottom: 20px;
	}
	
	section.related-content h1, section.related-content h2, section.related-content h3 {
		margin-top: -13px;
	}
	
}
	
/* under 1200px */
@media screen and (max-width: 1199px) {
	
	div.related {
		display: flex;
		flex-direction: column;
	}

	div.related.above { flex-direction:column-reverse}
	
	section.related-content {
	}
	
	aside.related-aside {
	}

	aside.related-aside {
		display: flex;
		flex-direction: row;
		background-color: #f4f4f4;
		padding: 30px 30px 30px 50px;
		margin-left: -30px;
		margin-right: -30px;
		margin-bottom: 30px;
		margin-top: 10px;
		vertical-align: top;
	}
	
	aside div.aside-image {
		flex-grow: 0;
		flex-shrink: 0;
		width: 140px;
		display: inline-block;
		margin-right: 20px;
		vertical-align: top;
		
	}
	
	.related.optional aside {
		display: none;
	}
	
	.related.largeimage div.aside-image{
		width: 300px;
	}
	
	.related.samestyle aside.related-aside{
		background-color: transparent;
		padding: 0px;
		margin: 0px 0px 20px 20px;
	}
	
	div.aside-image img {
		margin: 0px !important;
		padding: 0px !important;
	}
	
	aside div.aside-text {
		display: inline-block;
		vertical-align: top;
		margin-top: -8px;
	}
	
	.related aside.related-aside div, .related aside.related-aside p {
		/* width: 300px; */ 
		margin-right: 20px;
	}
	
}

/* under 660px */
@media screen and (max-width: 659px) {
	aside.related-aside {
		flex-direction: column;
		padding: 20px 20px 20px 20px;
		margin-left: -20px;
		margin-right: -20px;
	}
	
	aside.related-aside div + div {
		margin-top: 20px;	
	}
	
	aside div.aside-text {
		display: block;
		vertical-align: top;
		width: 100%
	}
	.related.samestyle aside.related-aside{
		margin-left: 0px;
	}

	
}


/* HEADER IMAGE PADDING */
#header-image-wrap {
	padding: 0px 0px; /* 0px left and right of header image at 1200px and above */
}


@media screen and (max-width: 1199px) { 
  #header-image-wrap {
	  padding: 0px 30px; /* 30px left and right of header image at under 1200px, so doesn't smash up against edge of screen */
  }
}

@media screen and (max-width: 659px) { 
  #header-image-wrap {
	  padding: 0px 20px; /* 20px left and right of header image at under 1200px, so doesn't smash up against edge of screen */
  }
}





/* CONTENT AREA PADDING */

/* 1200px or over */
.pad {
	padding: 60px 40px;	/* over 1200px */
}
.page-title {
	padding: 60px 40px 20px;
}

/* under 1200px */
@media screen and (min-width: 1199px) { 
	.pad {
		padding: 40px 30px;
	}
	.page-title {
		padding: 40px 30px 20px;
	}
}

/* under 660px */
@media screen and (min-width: 659px) { 
	.pad {
		padding: 30px 20px;	
	}
	.page-title {
		padding: 30px 20px 20px;
	}
}


/* WIDGET PADDING FOR HOMEPAGE */
.sidebar-content {
	padding-top: 10px;
	
}




/* ??? */


/* under 660px */
@media screen and (max-width: 659px) { 
	#footer-widgets{
  	padding: 0px 15px;
  }

}
  
.entry {
  font-size: 1.0em;  
}

.post-meta { 
  padding: 12px 0px 20px;
}

.post-singlearticle .post-meta { /* article */
  margin-top: 15px;
  margin-bottom: 40px;
	
}


.central-header-zone {
    display: none; 
}

/* remove left and right padding for widgets at bottom of each page */
#footer-widgets div div {
 	padding-left: 0px;
  padding-right: 0px;
}


.custom-logo-link { font-family: "freight-sans-pro", "Arial", sans-serif; }

.verticalalign {
    display: inline-block;
    height: 100%;
    vertical-align: middle; 
}


/* ### Indented paragraph text for 660px or wider. ### */
/* (Both for Full-page articles, and short "aside" articles shown on homepage. ) */
@media screen and (min-width: 660px) {
	.entry p, .entry.aside p {
  		max-width: 620px; 
  		margin-left: 20px;
	}
	
	.home .entry.aside p {
		margin-left: 0px;
	}
		
	.home .entry.aside .wp-caption p {
		margin-left: 60px;
	}
	
  .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {
  		margin-top: 50px;
  		margin-bottom: 5px;
  		margin-left: 20px;
  		margin-right: 0px;
	}
  
  .entry h1.post-title, .entry h1, .entry h2,  .byline, div.overview, div.conclusion, div.chapternav, .entry-summary p, .entry p.byline, .aside, .aside p, .aside div {
	  margin-left: 0px; 
	}

  .aside div.overview {
    font-size: 1.2em;
  }
  
  .aside div.callout {
  	margin-left: -40px;
  }
  
	.interview-q, .interview-q p {
    	margin-left: 0px;
    	max-width: 820px; 
	}
  
	.interview-a p {
   		margin-left: 20px;
		/*max-width: 570px; */
	}
}

.entry.excerpt p { 
  /*display: contents;*/
  margin-bottom: 15px;
}

.entry.excerpt p:last-of-type {
	margin-bottom: 0px;
}

h1, h2, h3, h4, h5, h6, .blockheading, .menu-item, .author-name {
  font-family: 	"freight-sans-pro", "Arial", sans-serif;
  font-size: 2.0em;
}

.page-title h1, .page-title h2, .post-meta p, .post-date, .post-author {
  font-family: 	"freight-sans-pro", "Arial", sans-serif;
  font-size: 1.0em; 
}



/* ### Byline containing Author, Datestamp, and Categories ### */

/* ... Styles that apply to both homepage and articles/pages */
.post-meta-category, .post-meta-byline {
  font-family: 	"freight-sans-pro", "Arial", sans-serif;
  font-size: 14px; 
  text-transform: uppercase;
  margin:  0px;
  color: #666;
}

.post-meta {
	width: 100%; 
    display: table;
}

.post-meta-helper {
  	display: table-row;
}

.post-meta-byline, .post-meta-category, .post-meta-author-photo {
    display: table-cell;
	vertical-align: middle;
}

.post-meta-byline, .post-meta-author-photo {
    text-align: left;
}

.post-meta-category {
	text-align: right;
}

.post-meta-author, .post-meta-spacer, .post-meta-date {
  display:inline;
}

.post-list .post-meta-author-photo {
	width: 28px;
}


.post-single .post-meta-author-photo {
	width: 42px;
}

.post-meta-date {
	/*font-style: italic; */
	font-variant-numeric: lining-nums;
}


.post-meta-category, .post-meta-category a {
    	font-weight: 700;
  	}

.post-single .published {
    	font-weight: 400;
  	}

.post-meta-author, .post-meta-author a, .post-meta-date, .post-meta-date a {
  		color: #444;
  	}

.post-single .post-meta-author, .post-single .post-meta-author a {
    	font-weight: 400;
  		color: #444;
  	}


/* ... under 660px  ... */
@media screen and (max-width: 659px) {
  	.post-single .post-meta-category {
    	display: none;
  	}
	
	.post-list .post-meta-category {
		display: none;
	}
}




/* ### FORMAT-SPECIFIC STYLES (ex: Aside, Link, etc...) ### */
.format-aside  .post-title, .format-status  .post-title {
    display: inline-block; /* Ensure title is shown when viewing aside as a standalone article. */
}



/* force span within headings to inherit size and weight. (Span added by TOC plugin to add id for links within page. */
.entry h1 span, .entry h2 span, .entry h3 span,  .entry h4 span,  .entry h5 span   
{
  font-size: inherit !important;
  font-weight: inherit !important;
}

.entry h1 {
  font-size: 2.0em; 
  font-weight: 500;
}


.entry h2 {
  font-size: 2.0em;
  font-weight: 300;
}



.entry h3 {
  font-size: 1.6em; 
  font-weight: 500;
}


.entry h4 {
  font-size: 1.6em; 
  font-weight: 300;
}

.entry h5 {
  font-size: 1.6em; 
  font-style: italic; 
  font-weight: 300;
}

/* products list formatting */
div.products {
  background-color: #ffffff;
  border: 2px solid #dd1a21;
  border-left: 30px solid #dd1a21;
  margin-left: 0px;
  padding: 20px 20px 5px 0px;
  display: inline-block;
  margin-bottom: 20px;
  width: auto;
  max-width: none;
}

/* under 660px */
@media screen and (max-width: 659px) {

  div.products { 
  border-left: 16px solid #dd1a21;
  }
}

div.products li {
  font-size: 0.95em; 
}

div.products li p {
  padding-top: 0px;  margin-top: 2px;
  padding-bottom: 0px;  margin-bottom: 0px;

}


  
div.productsheading {
  font-family: "freight-sans-pro", "Lato", "Arial", sans-serif;
  font-size: 1.0em; 
  font-weight: 600;
  font-style: normal;
  margin-left: 30px;
  margin-bottom: 10px;
  text-transform: uppercase;
}




/* Table of Contents - Normal formatting */
div#toc_container { 
  vertical-align: top; 
  width: 265px;
  background-color: #f4f4f4; 
  border: thin solid;
  border-color: #f0f0f0;
  padding: 10px 15px 15px 20px;
  margin: 16px 0px 16px 0px; 
  display: inline-block;
}

@media screen and (max-width: 1199px) { /* under 1200px, display inline. */
  div#toc_container { 
  	float: none; 
	width: auto;
  }
}


/* Table of Contents - related-aside formatting */
aside.related-aside div#toc_container { 
	border-top: 4px solid #000;
	border-right: none;
	border-bottom: none;
	border-left: none;
	margin: 0px 0px 0px 0px; 
}

@media screen and (max-width: 1199px) { /* under 1200px, display inline. */
  aside.related-aside div#toc_container { 
  	border: none;
  	padding: 0px 0px 0px 0px;
  }
}


.entry ul.toc_list {
	margin-left: 0px;
	padding-left: 0px;
	max-width: none;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	margin-bottom: 0em;
}

.entry ul.toc_list li {
  list-style-type: none;
  float: left;
  width: 265px;
  font-size: 15px;
}

@media screen and (max-width: 1199px) { /* under 1200px, display inline. */
	.entry ul.toc_list {
		flex-direction: row;
	}
	.entry ul.toc_list li {
		width: 300px;
		margin-right: 20px;
	}
}

span.toc_number::after { 
    content: ".";
}

p.toc_title {
  font-family: "freight-sans-pro", "Lato",  "Arial", sans-serif;
  font-weight: 600;
  font-style: normal;
  margin-left: 0px;
  margin-bottom: 10px;
  font-size: 15px; 
  max-width: none;
}


    
/* Table Formatting | from http://codepen.io/anon/pen/QwPVNW */
table {
    border: 0px;
    width: 100%;
    max-width: 1120px; /* was 900px */
    margin:0 30 0 30;
    padding:0;
    border-collapse: collapse;
    border-spacing: 0;
  	text-align: left;
    border-bottom: 3px solid #000;
  }

  table tr {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 5px;
  	background: #fff;
  }

  table th, table td {
    padding: 10px;
    text-align: left;
  	background: #fff;
    font-size: 0.9em;
  }

  table th {
    text-transform: uppercase;
    letter-spacing: 1px;
  }


@media screen and (max-width: 659px) { /* under 700px */
	table {
    	border: 0;
	}
  
    table thead {
    	display: none;
    }
  
    table tr {
    	margin-bottom: 10px;
        display: block;
        border-bottom: 2px solid #ddd;
    }
  
    table td {
        display: block;
        text-align: right;
        font-size: 0.8em;
        border-bottom: 1px dotted #ccc;
    }
  
    table td:last-child {
        border-bottom: 0;
    }
  
    table td:before {
        content: attr(data-label);
        float: left;
        text-transform: uppercase;
        font-weight: bold;
    }
}

/* Copyright info on bottom of page */
div#copyright p {
  font-family: "freight-sans-pro", "Lato", "Arial", sans-serif;
  font-weight: 600;
  color: #999; 
  font-size: 0.8em;
}

/* Subscription Forms */
input.subscribe {
  font-family: "freight-sans-pro", "Lato", "Arial", sans-serif;
  font-weight: 600;
  padding: 6px 10px;
}

.widget input.subscribe {
}

input.subscribe[type=text], input.subscribe[type=email]{
 width: 200px;
  color: #222;
}




/* larger text for intro or conclusion */
.overview, .conclusion, .chapternav { 
  color: #444; 
  line-height: 130%;
  /* max-width: 900px; */
}


@media screen and (min-width: 1200px) { /* 1200px or wider */
	.overview, .conclusion, .chapternav { padding-right: 300px }
}

.overview { 
  margin: 0px 0px 30px 0px; 
}

.conclusion { 
  margin: 40px 0px 30px 0px; 
  border-top: thin solid #000;  
  padding: 10px 0px 0px 0px
}

.chapternav { 
  margin: 20px 0px 30px 0px; 
}


.synopsis {
  margin-bottom: 50px;
  padding-bottom: 10px;
}

.synopsis .byline {
  padding-top: 5px;
  margin-bottom: 0px;
  padding-bottom: 0px; 
}

.synopsis .overview {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-top: 0px;
  margin-bottom: 0px;
  border-bottom: 1px solid #000; 
}

p.byline {
  max-width: 900px;
}




/* THEME STYLE OVERRIDES */
.post-title, .page-title, .page-title h2, .page-title a, .page-title span, .entry h1 span, .entry h2 span, .entry h3 span, .entry h4 span, .entry h5 span, .entry h6 span,  .byline, .byline div, .widget-title, .sidebar-top p {
  font-family: "freight-sans-pro", "Lato", "Arial", sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #222;
}

.post-title a, .page-title a, .page-title h2 a, .entry h1 a, .entry h2 a, .entry h3 a, .entry h4 a, .entry h5 a, .entry h6 a, .byline a, .widget-title a {
  font-family: "freight-sans-pro", "Lato", "Arial", sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #0075be;
}


  div.cwb-breakout {
 	font-style: italic; 
  }

/* THIS SECTIION SHOULD BE DEPRECATED & REMOVED */
/* BOOK HEADER IMAGE AND TEXT */
@media screen and (min-width: 1024px) { /* 1024px and higher */
  

  div.cwb, div.iwt {
	display: table;
	width: 100%;
  }

  div.cwb-breakout, div.cwb-content {
	display: table-cell;
  	vertical-align: top; 
  }
  
  div.cwb-breakout, div.imagesidebar {
  	float: right; 
  	vertical-align: top; 
  	width: 300px; 
  	padding-left: 20px; 
  	padding-right: 0px; 
  	padding-top: 0px; 
  	padding-bottom: 10px; 
  	margin-top: 0px;
  }
  
  
  div.iwt-image {
  	vertical-align: top; 
  	width: 256px; 
	display: table-cell;
  }
  
  div.iwt-text {
  	float: left; 
  	vertical-align: top; 
  	padding-left: 0px; 
  	padding-right: 0px; 
  	padding-top: 10px; 
  	padding-bottom: 10px; 
  	margin-top: 0px;
  }

  div.sidebarImage {
  	display: block; 
  	padding-top: 8px;
  }

}

@media screen and (min-width: 700px) and (max-width: 1023px) { /* between 1023 and 768px*/
  
  div.cwb-breakout, div.imagesidebar {
 	clear: both;  
    display: inline-block;
    vertical-align: top; 
    width: 100%; 
    padding-top: 0px; 
    padding-bottom: 30px; 
  }
  
  div.cwb-breakout div {
    width: 300px;
    margin: 0px 0px 0px 0px;
    border: 0px 0px 0px 0px;
    float: left;
  }
  
  div.cwb-breakout {
    max-width: 660px;
  }
  
  div.sidebarImage {
   	clear: both;  
  	display: inline; 
    float: none;

  }

  
  div.sidebarDesc {
    clear: none; 
    display: block;
    width: 100%; min-width:200px; 
  	padding-top: 20px;
  }
}


@media screen and (max-width: 659px) { /* under 660px */
    div.cwb-breakout, div.imagesidebar  {
 		clear: both; vertical-align: top; width: 100%; padding-left: 0px; padding-top: 0px; padding-bottom: 30px; background-color: transparent !important;
    }
  
    
    div.sidebarImage, div.sidebarDesc {
       clear: both; display: block; width: 100%;
    }
  
     
    div.sidebarDesc  {
     	padding-top: 20px; 
    	padding-bottom: 0px;
    }
  
}


/* UL, OL, LI */
.entry ol {
  	margin-left: 50px;
  	list-style-position: outside;
  	max-width: 590px; 
	margin-bottom: 1.25em;
}

.entry ul {
	list-style-type: circle;
	margin-left: 50px;
	list-style-position: outside;
	max-width: 590px; 
	margin-bottom: 1.25em;
}

.home .entry ol, .home .entry ul { margin-left: 30px; }

@media screen and (max-width: 659px) { /* under 660px */
	.entry ol, .entry ul { margin-left: 20px; }
	.home .entry ol, .home .entry ul { margin-left: 20px; }
}

.products ul {
  max-width: 900px;
}

ul ul {
  	padding-bottom: 30px;
}

.entry li ul { /* List within a list, such as Table of Contents. */
	margin-top: 10px;
	margin-left: 20px; 
}

.entry ul p {
  margin-left: 0px;
  margin-top: 10px;
  max-width: 100%;
}

.entry li {
  padding: 0px 0px 10px 0px; 
}

li p {
    padding-top: 10px;
    margin-left: 0px /* !important */; 
  }

.entry li:last-child {
    padding: 0px 0px 0px 0px; 
}

p.list-heading {	
  font-weight:bold;
  /* margin-top: 30px; */
  margin-bottom: 0px;
  padding-bottom: 5px;
}

ul li.icon {
	list-style-type: none;
}

ul li.icon:before {
	margin-left: -30px;
	width: 30px;
  	display: inline-block;
	font-size: 18px;
}



@media screen and (max-width: 1199px) { /* under 1200px */
	ul li.icon:before {
		font-size: 16px;
	}
}

@media screen and (max-width: 659px) { /* under 660px */	
	ul li.icon {
		margin-left: 0px;
	}
	ul li.icon:before {
		margin-left: -20px;
		width: 20px;
		font-size: 14px;
	}
}

ul li.subtle:before {
	color: #ffcd03;
}

ul li.subtle {
}


/* generic icons */
ul li.video:before { font-family: 'Font Awesome 5 Free'; font-weight: 900; content: '\f03d' }
ul li.person:before { font-family: 'Font Awesome 5 Free'; font-weight: 900; content: '\f007' }
ul li.people:before { font-family: 'Font Awesome 5 Free'; font-weight: 900; content: '\f500' }
ul li.link:before { font-family: 'Font Awesome 5 Free'; font-weight: 900; content: '\f0c1' }
ul li.podcast:before { font-family: 'Font Awesome 5 Free'; font-weight: 900; content: '\f2ce' }
ul li.news:before { font-family: 'Font Awesome 5 Free'; font-weight: 400; content: '\f1ea' }
ul li.forum:before { font-family: 'Font Awesome 5 Free'; font-weight: 900; content: '\f086' }

/* other icons */
ul li.questioncircle:before { font-family: 'Font Awesome 5 Free'; font-weight: 900; content: '\f059' }
ul li.exclamationtriangle:before { font-family: 'Font Awesome 5 Free'; font-weight: 900; content: '\f071' }
ul li.lightbulb:before { font-family: 'Font Awesome 5 Free'; font-weight: 900; content: '\f0eb' }
ul li.event:before { font-family: 'Font Awesome 5 Free'; font-weight: 900; content: '\f783' }
ul li.shop:before { font-family: 'Font Awesome 5 Free'; font-weight: 900; content: '\f290' }

/* social media icons */
ul li.youtube:before { font-family: 'Font Awesome 5 Brands'; font-weight: 400; content: '\f167' }
ul li.instagram:before { font-family: 'Font Awesome 5 Brands'; font-weight: 400; content: '\f16d'; padding-left: 1.5px; }
ul li.pinterest:before { font-family: 'Font Awesome 5 Brands'; font-weight: 400; content: '\f0d2' }
ul li.reddit:before { font-family: 'Font Awesome 5 Brands'; font-weight: 400; content: '\f1a1' }
ul li.twitter:before { font-family: 'Font Awesome 5 Brands'; font-weight: 400; content: '\f099' }
ul li.tiktok:before { font-family: 'Font Awesome 5 Brands'; font-weight: 400; content: '\e07b' }
ul li.facebook:before { font-family: 'Font Awesome 5 Brands'; font-weight: 400; content: '\f09a' }
ul li.flickr:before { font-family: 'Font Awesome 5 Brands'; font-weight: 400; content: '\f16e' }
ul li.twitch:before { font-family: 'Font Awesome 5 Brands'; font-weight: 400; content: '\f1e8' }

/* filetype icons */
ul li.zip:before { font-family: 'Font Awesome 5 Free'; font-weight: 900; content: '\f1c6' }
ul li.pdf:before { font-family: 'Font Awesome 5 Free'; font-weight: 900; content: '\f1c1' }
ul li.file:before { font-family: 'Font Awesome 5 Free'; font-weight: 900; content: '\f15c' }
ul li.table:before { font-family: 'Font Awesome 5 Free'; font-weight: 900; content: '\f0ce' }

/* ### SIDEBAR & FOOTER BEHAVIORS ### */
.sidebar {
  font-size: 18px; 
}

#footer {
  font-size: 18px;
}

.sidebar-top p {
  color: #FFF;
}

.textwidget p, .recentcomments, .widget span, .widget div {
  font-family: "freight-text-pro", "adobe-caslon-pro", "Garamond",  serif;
  font-size: 1.0em;
  font-weight: 400;
  font-style: normal;
}

.widget h3 {
  font-size: 1.0em;
  font-weight: 600;
  color:#FFFFFF;
  background-color:#ed1c24;
  display:inline-block;
  padding-left:5px;
  padding-right:5px;  
  padding-top:0px;
  padding-bottom:0px;
}

.widget {
  margin-bottom: 30px;
  font-size: 1.0em;
}

.widget a {
  color: #0075be; 
  text-decoration: none;
}

.widget a:hover {
  color: #ed1c24;
  border-bottom: 2px solid #0075be;
  /* text-decoration: underline; */
}

.custommenu {
  list-style-type: square;
  margin: 10px 0px 10px 0px;
  padding-left: 20px;
}

.custommenu li {
  margin: 10px 0px 10px 0px;
}

/*
Blockquote - Used to make a quotation from article or interview stand out, almost in place of an image to break up a long section of text.  Can be used inline with body of text, or in an "aside".  When used as an aside, text is smaller if width >1200, and additional consideration required about whether it is "optional" - making it hidden on narrower screens.
*/

.entry blockquote {
  	margin-top: 42px;
  	margin-bottom: 42px;
	margin-left: 40px;
    padding-right: 0px;
	background: transparent;
	font-style: normal;
}

.entry blockquote p {
	max-width: 1030px;
	font-size: 42px;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	color: #000;
}

.entry blockquote.smaller p { font-size: 28px; }

.entry blockquote cite {
	font-size: 32px ; 
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #000;
	font-style: normal;
	text-transform: lowercase; 
	font-variant: small-caps;
}

.entry blockquote.smaller cite { font-size: 28px; }


@media screen and (max-width: 1199px) and (min-width: 660px) { /* 1199px to 660 */
	.entry blockquote p { font-size: 36px; }
	.entry blockquote.smaller p { font-size: 24px; }	
	.entry blockquote cite { font-size: 28px;	}
	.entry blockquote.smaller cite { font-size: 24px; }
}


@media screen and (max-width: 659px) { /* under 660px */	
	.entry blockquote p { font-size: 32px; }
	.entry blockquote.smaller p { font-size: 20px; }	
	.entry blockquote cite { font-size: 24px; }
	.entry blockquote.smaller cite { font-size: 20px; }
}

/* special behavior when blockquote in an aside. Only applicable when 1200px or larger. */
@media screen and (min-width: 1200px) { /* 1200px or larger */	
	.entry aside.related-aside blockquote{
		margin-left: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
		padding-left: 40px;
	}
	
	.entry aside.related-aside blockquote:before { 
		font-size: 4em !important;
		margin-left: -5px;
		margin-top: 23px;
	}
	
	.entry aside.related-aside blockquote p { font-size: 28px; }
	.entry aside.related-aside blockquote.smaller p { font-size: 24px; }	
	.entry aside.related-aside blockquote cite { font-size: 24px; }
	.entry aside.related-aside blockquote.smaller cite { font-size: 24px; }
	
}

@media screen and (max-width: 659px) { /* under 660px */	
	.entry blockquote {
		margin-left: 0px;
	}
}




.entry blockquote cite:before {
	content: "\2014 \00a0";
}

.entry blockquote:before {
	content: "\201C";
	font-family: "freight-text-pro", "adobe-caslon-pro", "Garamond",  serif;
    font-size: 5.5em !important;
    font-weight: 400;
    font-style: normal;
    color: rgb(255, 205, 3);
    text-align: left;
    position: absolute;
	margin-left: -22px;
    /* left: -25px; */
    margin-top: 35px;
}


@media screen and (max-width: 659px) { /* under 660px */	
	.entry blockquote:before {
		margin-left: 0px;
   		margin-top: 30px;
		font-size: 4.5em !important;
	}
}

.entry blockquote:after {
	/*
	content: "\201D";
	font-family: "freight-text-pro", "adobe-caslon-pro", "Garamond",  serif;
    font-size: 48px;
    font-weight: 400;
    font-style: normal;
    color: #eee;
    text-align: right;
    position: absolute;
    left: calc(100%);
    top: calc(100% - 56px);
	*/
	
}

/* STUFF */
.post-meta div {
}

.post-date {
  color: #222;
}

/* Currently Selected item in menu bar */
.current-menu-item {
  border-bottom: 4px solid #dd1a21;
  /* background: #000; */
}

.menu-item:hover {
  border-bottom: 4px solid #006cb6;
  /* background: #000; */
}

.menu-item a:hover{
  border-bottom: none;
}

a {
  color: #0075be; 
  text-decoration: none;
}

a:hover {
  color: #ed1c24;
  border-bottom: 2px solid #0075be;
  /* text-decoration: underline; */
}

.site-heading {
 margin-bottom: 0px; 
 padding-bottom: 0px;
}

.site-branding {
 min-height: 100px; 
 margin-bottom: 0px;
 padding-bottom: 0px;
}



.search-field
{
  
}


.highlight{
  	background-color: #FFFF88;
}


.quote {
	font-style: italic;
  	color:#666;
}



.bio {
    display:inline-block;
}

.biophoto{
	width: 90px;
	height: 90px;
    float:left;
	padding-right:10px;
	padding-top:0px;
	padding-bottom:10px;
  	margin-top: -20px;
}

.biotext{
	margin-top: 30px;
}

.reviews {
  display: inline;
  max-width: 800px;
}

.reviews a{
  margin: 0;
  padding: 0;
}


.review {
    display: block;
	width:100%;
	padding:0px;
	margin:0px;
	margin-bottom:0px;
}

.reviewimage {
  display:inline-block;
  	width: 80px;
	padding:10px;
  	padding-bottom: 3px;
  	background-color:#0075be;
	margin-top:6px;
	margin-right:20px;
	margin-bottom:0px;
}

.reviewdetails {
  display:inline-block;
  max-width: 470px; min-width:250px;
  padding:0px; margin:0px;
}

/* under 660px */
@media screen and (max-width: 659px){
  .reviewdetails {
  	display:block;
    padding-top: 10px;
  }
}

.reviewquote {
	font-style: italic;
  	color:#222;
}

.reviewsource {
  color: #666;
    -moz-font-feature-settings: "c2sc", "smcp";
    -ms-font-feature-settings: "c2sc", "smcp";
    -webkit-font-feature-settings: "c2sc", "smcp";
    font-feature-settings: "c2sc", "smcp";
    letter-spacing: 0.05em; 
    font-variant: small-caps;
  	text-transform: lowercase; 
}

.bookcategory {
    	background-color:#000000;
  	color:#FFF;
   float:left;
  	margin:0px;
  	padding-left:10px;
  	padding-right:10px;  
  	padding-top:0px;
  	padding-bottom:0px;  
}

p {
  word-break: keep-all;
}

div, span {
	border:0px solid #bbb;
}

	.book {
		float:left;
  		width:100%;
		padding:0px;
    	margin:0px;
  		margin-bottom:30px;
  		
	}

	.bestbook {
  		border-top: 3px solid #ccc;
	}

	.bookimage {
		float:left;
		width:25%;
  		min-width: 100px;
  		padding:0px;
    	margin:0px;
		margin-top:18px;
		margin-right:20px;
	}

.bookimage img{
  		max-height: 200px;
}

	.bookdetails {
		float:left;
		width:70%;
		min-width:250px;
  		padding:0px;
      	margin:0px;
		margin-top:10px;
	}

	.booktitle, .bestbooktitle, .bookdate, .bookauthor, .bookdescription {
  		font-weight:bold;
  		margin-right:4px;
}

	.booktitle, .bestbooktitle {
  		text-transform: uppercase;
}
	.bestbooktitle {
  		background:#FFFF88;
}

	.bookdescription {
    	font-weight:normal;
  		margin-top: 0px;
		float:left;
}

.blockheading {
  font-size: 1.2em;
    background-color:#ed1c24;
  	color:#FFFFFF;
  	display:inline-block;
  	padding-left:10px;
  	padding-right:10px;  
  	padding-top:0px;
  	padding-bottom:2px; 
  margin-top: 10px;
  font-weight: 600;
}

blockquote.bookquote {
		float:left;
		font-style:normal;
  		font-size: 0.8em;
  		margin-top: 20px;
  		margin-bottom: 0px;
  		margin-left: 10px;
    	padding-left: 15px;
    	padding-right: 10px;
  		border-left: 3px solid #ccc;
  		background: #fCfCfC;
}

.social-tooltip i {
  color: #FFFFFF;
}

.social-tooltip i:hover {
    color: #bfe7ff;
}

.highlight {
 	background-color: #FFFF99; 
}




/* Bottom Stroke & Hover for images */

.wp-caption {
  margin-left: 0px;
  padding-left: 0px;
}


.wp-caption img, .video-container{
  border-bottom: 4px solid #222;
  line-height: 50%;
}

.wp-caption a:hover img{
  border-bottom: 4px solid #ed1c24;
}


/* Hover behavior for homepage */
.post-hover h2.post-title a {
  color: #222;
}
    

.post-hover:hover h2.post-title a {
  color: #ed1c24;
}


.post-hover:hover p {
  color: #222;
}

/* Hover behavior for homepage thumbnail images */
.post-hover .post-thumbnail { 
  border-bottom: 4px solid #000;
  opacity: 1;
  margin-bottom: 4px;
}

.post-hover:hover .post-thumbnail { 
  /*border-bottom: 4px solid #ed1c24;*/
  opacity: 1; 
}


/* ### Interview Q&A ### */

.interview-q {
  font-weight: 700;
  font-style: italic;
  margin-top: 2em;
  margin-bottom: 1em;
}

.interview-a {
    margin-top: 1em;
    margin-bottom: 1em;
}

.questioner {
  font-family: "freight-sans-pro", "Arial", sans-serif;
  font-weight: bold;
  font-style: italic;
  font-variant-caps: all-small-caps;
  -moz-font-feature-settings: "c2sc", "smcp";
  -webkit-font-feature-settings: "c2sc", "smcp";
  font-feature-settings: "c2sc", "smcp";
}

.answerer {
  font-family: "freight-sans-pro", "Arial", sans-serif;
  font-weight: bold;
  font-style: italic;
  font-variant-caps: all-small-caps;
  -moz-font-feature-settings: "c2sc", "smcp";
  -webkit-font-feature-settings: "c2sc", "smcp";
  font-feature-settings: "c2sc", "smcp";
}

.smallcaps { /* 2018-10-26 - I don't think this is needed after I migrate existing interviews to .interviewer / .interviewee */
  font-variant-caps: all-small-caps;
  -moz-font-feature-settings: "c2sc", "smcp";
  -webkit-font-feature-settings: "c2sc", "smcp";
  font-feature-settings: "c2sc", "smcp";
}

/* ### THEME OVERRIDES ### */
#header
{
  /*background:#454e5c;*/
  padding-bottom:0px;
}

#page {
  padding-bottom:60px;
  margin-top:0px;
}

.sidebar-top {
  display: none;
}


/* ### CSS FOR PRINTING - Optional content is removed, layout is a hybrid. ### */
@media print {
  /* BASIC FONT BEHAVIORS */
  body {
    margin-top: 100px;
    padding-top: 100px; 
  }
  
  body, button, input, select, textarea, p, li, div {
    font-size: 10pt;
    color: #000 !important;
  }
  
  #header, #comments, #footer, div#toc_container, .noprint, .chapternav {
    display: none; 
  }

  .printonly {
   	display: inline !important; 
  }

  
  /* Content With Breakout, supplemental info shown on right side of page. */ 
  div.cwb, div.iwt {
    page-break-inside: avoid;
	display: table;
    table-layout: fixed;
	width: 100%;
  }
  

  div.cwb-content {
	display: table-cell;
  	vertical-align: top; 
	width: 60%;
  }
  
  div.cwb-breakout {
	display: table-cell;
  	vertical-align: top; 
	width: 40%;
    padding-left: 5%;
  }
  
    
  div.iwt-image {
	display: table-cell;
  	vertical-align: top; 
  	width: 20%; 
  }
  
  div.iwt-text {
	display: table-cell;
  	vertical-align: top; 
	width: 80%;
    padding-left: 5%;
    padding-top: 20px;
  }

  
  div.imagesidebar, div.bookhead { 
	width: 35%;
    page-break-inside: avoid;
  	float: right; 
  	vertical-align: top;
    padding-left: 0px;
    margin-left: 30px;
  }
  
  .entry p {
  	max-width: 90% !important;
  	margin-left: 0px;
  }
  
  div.wp-caption {
  	margin-left: 0px;
    page-break-inside: avoid;
  }
  
  .cwb div.wp-caption {
  	/*max-width: 65% !important;*/
  }

    
  div.products {
  	max-width: auto !important;
  	margin-left: 0px;
  }
  
  a {
   color: #000 !important; 
   text-decoration: underline;
  }
  
  a.printlink:link:after, a.printlink:visited:after {
    content: " ( " attr(href) " ) ";
    font-weight: normal;
  }
  
  div#wrapper, body, div.container, div.container-inner, div.main, div.main-inner, section.content {
    border-style: none !important; 
   	box-shadow: none;
  }
  

  div.pad {
    margin: 0;
    padding: 0;
  }
  
  li {
    line-height: 100%;
  }
  
  li p {
    padding-top: 10px;
  }
  
  div.products {
    border-left: 16px solid #dd1a21;
  }
   
}


.pp-user-avatar
{
	width: 128px;
	height: 128px;
}

/*  moved from child theme css */
/* ------------------------------------ */

b { font-weight: bold; }

/*
.widget a { color: #3b8dbd; }
*/

.widget > h3 {  margin-bottom: 4px; }
.sidebar .widget { padding: 10px 20px 0px; }

/* .wp-caption-text, .wp-caption{font-style:normal;color:#999;font-size:13px;padding:0 0 8px;margin:0} */


/*  common : social links
/* ------------------------------------ */
.social-links .social-tooltip { color: #3b8dbd; color: rgba(59,141,189,1); font-size: 24px; display: inline; position: relative; z-index: 98; }
.social-links .social-tooltip:hover { color: #fff; text-decoration: none; }
.social-links .social-tooltip:hover:after { top: -36px; background: #fff; font-size: 14px; color: #666; content: attr(title); display: block; right: 0; padding: 5px 15px; position: absolute; white-space: nowrap; 
-webkit-border-radius: 3px; border-radius: 3px;
-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.2); box-shadow: 0 0 2px rgba(0,0,0,0.2); }
.social-links .social-tooltip:hover:before { top: -10px; right: 8px; border: solid; border-color: #fff transparent; border-width: 5px 5px 0 5px; content: ""; display: block; position: absolute; z-index: 1; }




/* ### STYLE GUIDE HEADINGS ### */
/* (Only used for https://brickarchitect.com/styleguide/ ) */
.entry h1.styleguide, .entry h2.styleguide, .entry h3.styleguide {
	font-size: 24px !important;
	font-weight: 700;
    letter-spacing:1px;
	text-transform: uppercase;
	color: #000;
	border-left: #000 solid 4px; 
	padding: 2px 12px;
	background: #f9dc54;
	display: block;
	margin-bottom: 30px;
}

.entry h2.styleguide, .entry h3.styleguide {
	color: #888;
	border-left: #888 solid 4px; 
	background: #f8f8f8;
	display: inline-block;
}

.entry h3.styleguide {
	font-style: italic;
}

/* TESTING PURPOSES ONLY */
tr.fewcolor, tr.fewcolor td{
	background-color: #eeeeee !important;
}


/* LEGO COLORS */
span.legocolor {
	padding-left: 0.4em;
	padding-right: 0.4em;
  	font-family: "freight-sans-pro", "Lato", "Arial", sans-serif;
  	font-weight: 400;
	border-radius: 0.3em;
	padding-bottom: 0.05em;
	font-size: 95%;
}
span.legocolor.transparent {
	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
	background-size: 100% 100%;
	background-image: url("https://brickarchitect.com/content/trans-overlay.png");
}
span.legocolornumber {
	display: none;
	font-variant-numeric: lining-nums;
	padding-right: 0.3em;
}
span.legocolornumber::after {
  content: ".";
}
span.legocolorname {
	white-space: nowrap;
	font-style: normal;
}
span.legocoloraltname {
	white-space: nowrap;
	padding-left: .4em;
	font-style: italic;
	font-size: 60%;
	vertical-align: text-top;
}
span.legocoloraltname::before {
  content: "| ";
}
span.legocoloraltname::after {
  /*content: ")";*/
}

/* LEGO Colors Experimentation for WCG Displays */
/* WCG LEGO COLORS - Needed for Colors exceeding sRGB Standard */
.legocolor-VibrantCoral {
	background-color: #0000FF !important;
}