@charset "UTF-8";
/*!
Theme Name: Kuhn child
Theme URI: https://nuanceabounds.org/kuhn-child
Author: Jim Ratliff
Author URI: https://nuanceabounds.org
Template: kuhn
Description: Kuhn-child is a child theme based on Morten Rand-Hendriksen's theme "Kuhn," that uses CSS Grid and Flexbox for layouts. See https://github.com/mor10/kuhn
Version: 1.2 × 10^-3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kuhn
Tags:
*/
/********** BEGIN: CSS site-wide variables (aka "custom properties") **********/
:root {

/***	Font families ***/
	--jdr-font-family-serif:			"PT Serif", "Times New Roman", serif	;
	--jdr-font-family-sans-serif:		"PT Sans", Arial, Helvetica, sans-serif	;
	--jdr-font-family-cursive:			"Petit Formal Script", cursive			;
	--jdr-font-family-body:				var(--jdr-font-family-serif)			;
	--jdr-font-family-headers:			var(--jdr-font-family-sans-serif)		;
	--jdr-font-family-generic-elements:	var(--jdr-font-family-sans-serif)		;
	--jdr-font-family-site-logo:		var(--jdr-font-family-cursive)			;

	
/***** Color definitions *****/
	--jdr-color-theme-main:					#88187F;
	--jdr-color-theme-complement:			#188821;
	--jdr-color-theme-whitish:				white;
	--jdr-color-theme-dark-grayish:			#222;
	--jdr-color-theme-grayish:				#777;
	--jdr-color-theme-main-contrast:		var(--jdr-color-theme-whitish)	;
	--jdr-color-theme-complement-contrast:	var(--jdr-color-theme-whitish)	;
/***	Hyperlink colors ***/
/*	See https://html.spec.whatwg.org/multipage/rendering.html#phrasing-content-3 */
	--jdr-color-link-unvisited:			#0000EE ;
	--jdr-color-link-visited:			#551A8B ;
	--jdr-color-link-hover:				#FFFF00 ;
	--jdr-color-link-active:			#FF0000 ;

/***	Font colors ***/
/*	Default text color */
		--jdr-color-default-text: 		var(--jdr-color-theme-dark-grayish) ;
/*	Subdued text color; used by Modern Footnotes */
		--jdr-color-subdued: 			var(--jdr-color-theme-grayish) ; 
/*	Meta-descriptor text color */
		--jdr-color-metatext: #575797 ; /* class "metatext" */
/*	Text color for verbatim code */
		--jdr-color-code: #0202AB ;
/*	Text color for verbatim output */
		--jdr-color-output: black ;
/*	Text color for Prismjs token keyword
	Used for token.atrule, .token.attr-value, .token.keyword, .token.class-name */
		--jdr-color-prismjs-coy-theme-token-keyword: #1990b8 ;
/*	Text color for Prismjs token function selector
	Used for .token.selector, .token.attr-name, .token.string, .token.char, .token.function,
		.token.builtin, .token.inserted */
		--jdr-color-prismjs-coy-theme-token-function-selector: #2f9c0a ;

/*	Font colors of specific elements */
/*	Site title font color*/
  --jdr-color-site-title:	#FFFFFF;
/*	Font color for title of a post (and other things?) */
  --jdr-color-entry-title:	#0000FF;

/*	h2-h6 font colors */
  --jdr-color-h2: mediumblue;
  --jdr-color-h3: #009a4d;
  --jdr-color-h4: #cd6700;
  --jdr-color-h5: #7800cd;
  --jdr-color-h6: #9a009a;

/***	Background colors ***/
/*		Background color for site		*/
		--jdr-color-bgd-site: transparent ;

/*	Background color for passive a href links	*/
		--jdr-color-bgd-links-a: transparent ;
/*	Background color for hover/focus	*/
	--jdr-color-bgd-link-hover:	#ff00ff ;
/*	Background color for active link	*/
	--jdr-color-bgd-link-active:	transparent ;
	
	--jdr-color-bgda: rgba(240, 248, 255,0.5) ; /* <samp>, <code>, <blockquote> background */
/*												This is AliceBlue with low opacity */
	--jdr-color-bgdb: #71bcff ; /* figcaption background color */
	--jdr-color-bgdc: peachpuff ; /* .jdrInfoCallout */
	--jdr-color-bgdd: #4db2ec ; /* Newspaper Theme theme color */
/***	Border colors ***/
	--jdr-color-brda: #0c8cff ; /* Border of figures of class .jdr-figure-a */
	--jdr-color-prismjs-coy-theme-left-border: #358ccb;
/***** Length definitions *****/
	--jdr-length-base-font-size: 16px ;
	--jdr-length-indent: 1em ;
/*	The margin-bottom is calculated to make (space between paragraphs) ÷ (line-height) = 1.4 (per https://www.smashingmagazine.com/2013/05/typographic-design-patterns-practices-case-study-2013/), assuming that (a) line-height = 1.5 * font-size and (b) space between paragraphs = line-height + margin-bottom.
  		(lh + mb)/(lh) =1.4 => mb = 0.4 * (1.5 * 1em) = 0.6 em
 */
	--jdr-length-base-margin-bottom: 0.6em ;
/***** Scalar/factor definitions *****/
	--jdr-scalar-base-line-height: 1.5 ;
}

/***** Transitions *****/
	--jdr-transition-links-a: all 0.3s ease ;

/*+++++++++ END: CSS site-wide variables +++++++++*/


html {
	font-family: var(--jdr-font-family-generic-elements) ;
}
body {
	font-family: var(--jdr-font-family-body)	;
	color: var(--jdr-color-default-text)		;
}


.site-header,
.site-footer {
	background-color:	var(--jdr-color-theme-main);
}
.site-title {
	font-family:		var(--jdr-font-family-site-logo);
}

.entry-title {
	text-transform: none ;
	font-family:			var(--jdr-font-family-sans-serif)	;
	border-bottom-color:	var(--jdr-color-theme-complement)	;
}
.menu-item {
	font-family: var(--jdr-font-family-sans-serif)	;
	text-transform: uppercase ;
}
.entry-meta,
.comments-link {
	font-family: var(--jdr-font-family-sans-serif)	;
}

div.cat-links a {
	font-family:		var(--jdr-font-family-sans-serif) 			;
	background-color:	var(--jdr-color-theme-complement)			;
	color:				var(--jdr-color-theme-complement-contrast)	;
	padding:			0 0.5em 0 0.5em ;
	border-radius:		0.5em		;
}

.comment-navigation,
.posts-navigation,
.post-navigation,
.paging-navigation {
	font-family:	var(--jdr-font-family-sans-serif) ;
}

.comment-navigation a,
.posts-navigation a,
.post-navigation a,
.paging-navigation a {
	border-color:	var(--jdr-color-theme-complement) ;
}

.menu-toggle {
/*	This is the color of the rectangular field that says "Primary Menu" when the screen is sufficiently narrow */
	background-color:	var(--jdr-color-theme-complement)	;
}

@media screen and (min-width: 600px) {
	.main-navigation ul a {
		background-color: transparent ;
	}
}


/********** BEGIN: Format hyperlinks **********/
/****** For "a" element generally *****/
a {
	color: inherit ;
/*		^ "a" links are not by default formatted differently; requires intervention. */
	transition: var(--jdr-transition-links-a) ;
/*		^ Defines transition time/style for hover/focus */
}

/****** Reverse parent-theme bottom-margin highlighting of hyperlinks; replace with 
 *		other highlighting ******/
/**** For Table of Contents (Easy Table of Contents plugin) ****/
/*	Reverse parent-theme styling of hyperlinks using border-bottom and/or text-decoration
	for Table of Contents (Easy Table of Contents plugin) */
#ez-toc-container a
{
	border-bottom: 			none	;
	border-bottom-width:	0		;
	text-decoration:		none	;
	outline-style:			none	;
} 

/**** For "a" element generally ****/
/*	Reverse parent-theme styling of hyperlinks using border-bottom and/or text-decoration */
.cat-links a,
.comment-content a,
.comment-form a,
.comment-meta a,
.entry-content a,
.entry-footer a,
.entry-meta a,
.entry-summary a,
.entry-title a,
.main-navigation a,
.page-content a,
.site-title a,
.widget a,
.widget_nav_menu a,
.widget_pages a
{
	border-bottom: 			none	;
	border-bottom-width:	0		;
	text-decoration:		none	;
	outline-style:			none	;
}

/**** Defines a:link (i.e., "a" element with an "href" property)****/
/*	Reverse parent-theme styling of hyperlinks using border-bottom and/or text-decoration */
.cat-links a:link,
.comment-content a:link,
.comment-form a:link,
.comment-meta a:link,
.entry-content a:link,
.entry-footer a:link,
.entry-meta a:link,
.entry-summary a:link,
.entry-title a:link,
.main-navigation a:link,
.page-content a:link,
.site-title a:link,
.widget a:link,
.widget_nav_menu a:link,
.widget_pages a:link
{
	border-bottom: 			none	;
	border-bottom-width:	0		;
	text-decoration:		none	;
	outline-style:			none	;
}

/*	Assigns text color, etc. to selectively chosen a:link elements */
/*	.cat-links a:link,			*/
	.comment-content a:link,
/*	.comment-form a:link,		*/
	.comment-meta a:link,
	.entry-content a:link,
	.entry-footer a:link,
/*	.entry-meta a:link,			*/
	.entry-summary a:link,
/*	.entry-title a:link,		*/
/*	.main-navigation a:link,	*/
	.page-content a:link,
/*	.site-title a:link,			*/
	.widget a:link,
	.widget_nav_menu a:link,
	.widget_pages a:link
{
	color: 					var(--jdr-color-link-unvisited)	;
	background-color:		var(--jdr-color-bgd-links-a)	;
}

/*** Defines a:visited ***/
/*	Reverse parent-theme styling of hyperlinks using border-bottom and/or text-decoration */
.cat-links a:visited,
.comment-content a:visited,
.comment-form a:visited,
.comment-meta a:visited,
.entry-content a:visited,
.entry-footer a:visited,
.entry-meta a:visited,
.entry-summary a:visited,
.entry-title a:visited,
.main-navigation a:visited,
.page-content a:visited,
.site-title a:visited,
.widget a:visited,
.widget_nav_menu a:visited,
.widget_pages a:visited
{
	border-bottom: 			none	;
	border-bottom-width:	0		;
	text-decoration:		none	;
	outline-style:			none	;
}

/*	Assigns text color, etc. to selectively chosen a:visited elements */
/*	.cat-links a:visited,		*/
	.comment-content a:visited,
/*	.comment-form a:visited,	*/
	.comment-meta a:visited,
	.entry-content a:visited,
	.entry-footer a:visited,
/*	.entry-meta a:visited,		*/
	.entry-summary a:visited,
/*	.entry-title a:visited,		*/
/*	#ez-toc-container a:visited,		*/
/*	.main-navigation a:visited,	*/
	.page-content a:visited,
/*	.site-title a:visited,		*/
	.widget a:visited,
	.widget_nav_menu a:visited,
	.widget_pages a:visited
{
	color: 					var(--jdr-color-link-visited)	;
	background-color:		var(--jdr-color-bgd-links-a)	;
}

/*** Defines a:hover ***/
/*	Reverse parent-theme styling of hyperlinks using border-bottom and/or text-decoration */
.cat-links a:hover,
.comment-content a:hover,
.comment-form a:hover,
.comment-meta a:hover,
.entry-content a:hover,
.entry-footer a:hover,
.entry-meta a:hover,
.entry-summary a:hover,
.entry-title a:hover,
.main-navigation a:hover,
.page-content a:hover,
.site-title a:hover,
.widget a:hover,
.widget_nav_menu a:hover,
.widget_pages a:hover
{
	border-bottom: 			none	;
	border-bottom-width:	0		;
	text-decoration:		none	;
	outline-style:			none	;
}

/*	Assigns text color, etc. to selectively chosen a:hover elements */
	.cat-links a:hover,
	.comment-content a:hover,
	.comment-form a:hover,
	.comment-meta a:hover,
	.entry-content a:hover,
	.entry-footer a:hover,
	.entry-meta a:hover,
	.entry-summary a:hover,
	.entry-title a:hover,
	.main-navigation a:hover,
	.page-content a:hover,
	.site-title a:hover,
	.widget a:hover,
	.widget_nav_menu a:hover,
	.widget_pages a:hover
{
	color:				var(--jdr-color-link-hover)		;
	background-color:	var(--jdr-color-bgd-link-hover) ;
}

/*** Defines a:focus ***/
/*	Reverse parent-theme styling of hyperlinks using border-bottom and/or text-decoration */
.cat-links a:focus,
.comment-content a:focus,
.comment-form a:focus,
.comment-meta a:focus,
.entry-content a:focus,
.entry-footer a:focus,
.entry-meta a:focus,
.entry-summary a:focus,
.entry-title a:focus,
.main-navigation a:focus,
.page-content a:focus,
.site-title a:focus,
.widget a:focus,
.widget_nav_menu a:focus,
.widget_pages a:focus
{
	border-bottom: 			none	;
	border-bottom-width:	0		;
	text-decoration:		none	;
	outline-style:			none	;
}

/*	Assigns text color, etc. to selectively chosen a:focus elements */
/*	:focus is treated identically as :hover							*/
	.cat-links a:focus,
	.comment-content a:focus,
	.comment-form a:focus,
	.comment-meta a:focus,
	.entry-content a:focus,
	.entry-footer a:focus,
	.entry-meta a:focus,
	.entry-summary a:focus,
	.entry-title a:focus,
	.main-navigation a:focus,
	.page-content a:focus,
	.site-title a:focus,
	.widget a:focus,
	.widget_nav_menu a:focus,
	.widget_pages a:focus
{
	color:				var(--jdr-color-link-hover)		;
	background-color:	var(--jdr-color-bgd-link-hover) ;
}

/*** Defines a:active ***/
/*	Reverse parent-theme styling of hyperlinks using border-bottom and/or text-decoration */
.cat-links a:active,
.comment-content a:active,
.comment-form a:active,
.comment-meta a:active,
.entry-content a:active,
.entry-footer a:active,
.entry-meta a:active,
.entry-summary a:active,
.entry-title a:active,
.main-navigation a:active,
.page-content a:active,
.site-title a:active,
.widget a:active,
.widget_nav_menu a:active,
.widget_pages a:active
{
	border-bottom: 			none	;
	border-bottom-width:	0		;
	text-decoration:		none	;
	outline-style:			none	;
}

/*	Assigns text color, etc. to selectively chosen a:active elements */
	.cat-links a:active,
	.comment-content a:active,
	.comment-form a:active,
	.comment-meta a:active,
	.entry-content a:active,
	.entry-footer a:active,
	.entry-meta a:active,
	.entry-summary a:active,
	.entry-title a:active,
	.main-navigation a:active,
	.page-content a:active,
	.site-title a:active,
	.widget a:active,
	.widget_nav_menu a:active,
	.widget_pages a:active
{
	color:				var(--jdr-color-link-active)	;
	background-color:	var(--jdr-color-bgd-link-active);
}
/********** END: Format hyperlinks **********/