/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* --------------------------------------------------
   Color Palette
   -------------------------------------------------- */
:root {
/*	[color-mode="light"]*/
	--background: #ffffff;
	--background-accent: #dfe6f3; /* #dfe6f3 vs #232d3f */
/*	--background-secondary: #e6e6e6;*/
	--background-secondary: #efefef;
	--background-feature: #305391;
	--background-subscribe: #232d3f;
	--font-primary: 'Montserrat', Helvetica, Arial, Lucida, sans-serif;
	--font-secondary: 'PT Serif', Georgia, 'Times New Roman', serif;
/*	--text-primary: #232d3f;*/
	--text-primary: rgba(2,14,34,0.87);
/*	--text-secondary: #666666;*/
	--text-secondary: rgba(2,14,34,0.67);
	--text-accent: #305391;
	--text-accent-10: #9fb7df1a;
	--text-primary-on-accent: #c0cadd;
	--text-feature: #ffffff;
/*	--text-link: #007dba;*/
	--text-link: #00699e;
	--text-link-hover: #dd6202;
	--shadow-color: rgba(0,0,0,.1);
	--green: #4f9e97;
}

/*
@media( prefers-color-scheme: dark ) {
	:root {
*/
:root[color-mode="dark"] {
	--background: #232D3F;
	--background-accent: #0d1421;
    --background-secondary: #ffffff1a;
	--background-subscribe: #0d1421;
    --text-primary: #c0cadd;
    --text-secondary: #ffffff99;
    --text-accent: #9fb7df;
    --text-accent-10: #9fb7df1a;
	--text-primary-on-accent: #c0cadd;
    --text-link: #47c2ff;
    --shadow-color: rgba(255,255,255,.1);
    --green: #71b7b1;
}
:root[color-mode="dark"] .home header.site-header h1,
:root[color-mode="dark"] header.site-header .site-title a {
	filter: brightness(2.2) saturate(0.5);
}
/* } */

:root[color-mode="light"] .light--hidden {
    display: none;
}
:root[color-mode="dark"] .dark--hidden {
    display: none;
}

/* --------------------------------------------------
   Global Styles
   -------------------------------------------------- */
html {
	background: var(--background-secondary);
	font-size: 16px;
	line-height: 1.26;
}
body {
	background: var(--background);
	color: var(--text-primary);
	font-family: var(--font-primary);
	-webkit-font-smoothing: antialiased;
}
a {
	color: var(--text-link);
	text-decoration: none;
}
a:visited {
	color: var(--text-link);
}
a:hover {
	color: var(--text-link-hover);
	text-decoration: underline;
}
em {
	font-style: italic;
}
strong {
	font-weight: bold;
}
h1, h2, h3, h4, h5, h6 {
	color: var(--text-accent);
	font-family: var(--font-primary);
	font-style: normal;
	font-weight: bold;
	line-height: 1.3;
}
p {
	margin-bottom: 1em;
}
ul.plain {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.plain li {
	margin: 0;
	padding: 0;
}
ul, 
ul.bulleted {
	list-style: disc;
	margin: 0 1em 0 2em;
}
ul li,
ul.bulleted li {
	margin: 0 0 1em 0;
}

.wrap {
	display: block;
	margin: 0 auto;
	max-width: 1000px;
	padding: 3em 0;
	position: relative;
	width: 90%;
}
.button {
	background: #666666;
	border-radius: 5px;
	color: #fcfcfc;
	display: inline-block;
	font-family: var(--font-primary);
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	line-height: 1.7;
	padding: 0.3em 1em;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	transition: all 300ms ease 0ms;
}
.button:hover {
	background: #ff6f36;
	color: #fff;
	text-decoration: none;
}
.button:visited {
	color: #fcfcfc;
}
.button-primary {
	background: #4f9e97;
}


/* --------------------------------------------------
   Site Header
   -------------------------------------------------- */
.site {
	padding-top: 4.25em;
}
header.site-header {
	background: var(--background);
	border-top: 10px solid var(--green);
	box-shadow: 0 1px 5px var(--shadow-color);
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 999;
}
body.admin-bar header.site-header {
	margin-top: 32px;
}
header.site-header .wrap {
/*	align-content: stretch;*/
	align-items: center;
	display: flex;
	overflow: hidden;
	padding: 1em 0;
	flex-wrap: wrap;
}
header.site-header .site-title a { 
	background: url('/img/skip-prichard-logo.svg') no-repeat left top;
	background-size: auto 100%;
	display: block;
/*	float: left;*/
	height: 0;
	overflow: hidden;
	padding-top: 2em; /*4*/
	width: 13em; /*26*/
}
header.site-header .site-description {
	display: none;
}
header.site-header nav {
	flex-grow: 1;
/*	float: right;*/
	font-family: var(--font-primary);
	font-size: 14px;
	font-weight: 600;
	line-height: 2.5;
	text-transform: uppercase;
	width: auto;
}
header.site-header nav a {
	color: var(--text-accent);
	display: block;
	line-height: 2em;
	text-decoration: none;
}
header.site-header nav a:hover {
	color: var(--green);
	text-decoration: none;
	transition: color .4s ease-in-out;
}
header.site-header .main-navigation ul {
	justify-content: flex-end;
}
header.site-header nav li {
	display: inline-block;
	padding-right: 22px;
}
header.site-header li ul {
	display: none;
}
header.site-header .site-title {
	margin: 0;
}
header.site-header nav li {
	margin: 0;
}
#reading-progress {
	display: none;
}


/* --------------------------------------------------
   Light/Dark Mode Toggle and Site Search
   -------------------------------------------------- */
header.site-header .dark-toggle {
	margin-left: 1.5em;
}
header.site-header .dark-toggle button,
header.site-header .search-toggle button {
	background: none;
	border: none;
	cursor: pointer;
	line-height: 1;
	padding: 0;
}
header.site-header .dark-toggle span.label,
header.site-header .search-toggle span.label {
	display: none;
}
header.site-header .dark-toggle svg {
	fill: none;
	stroke: #222222;
	stroke: var(--text-accent);
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.5px;
	height: 1.25em;
	width: 1.25em;
}
header.site-header .search-toggle svg {
	fill: var(--text-accent);
	height: 1.25em;
	width: 1.25em;
}
header.site-header .dark-toggle button:hover svg,
header.site-header .dark-toggle button:focus svg,
header.site-header .search-toggle button:hover svg,
header.site-header .search-toggle button:focus svg {
	outline: none;
	fill: var(--text-accent);
}
header.site-header #search-field {
	display: none;
}
header.site-header #search-submit {
	display: none;
}


header.site-header.searchon .search-toggle {
	display: flex;
	flex-grow: 1;
	justify-content: flex-end;
}
header.site-header.searchon .search-toggle form {
	flex-grow: 1;
	text-align: right;
}
header.site-header.searchon #search-field {
	background: transparent;
	border: 1px solid var(--text-accent);
	border-radius: 1em;
	color: var(--text-accent);
	display: inline-block;
	margin-right: 1em;
	padding: 0.2em 1em;
	width: 60%;
}
header.site-header.searchon #search-field:focus {
	background: var(--background-secondary);
}
header.site-header.searchon #site-navigation {
	display: none;
}

@media( max-width: 600px ) {
	header.site-header.searchon h1 {
		flex-grow: 1;
	}
	header.site-header.searchon .search-toggle {
		margin-top: 1em;
		order: 9;
		flex: 1 0 100%;
	}
	header.site-header.searchon #search-field {
		width: 80%;
	}
}


/* --------------------------------------------------
   Subscribe
   -------------------------------------------------- */
#subscribe {
	background: var(--background-subscribe);
	color: var(--text-primary-on-accent);
}
#subscribe .wrap {
	display: flex;
}
#subscribe figure {
	flex: 1 1 22%;
	margin-right: 3%;
	padding-top: 1.2%;
}
#subscribe figure img {
	display: block;
	width: 100%;
}
#subscribe .content {
	flex: 3 1 75%;
}
#subscribe h2 {
	color: var(--green);
	font-family: var(--font-primary);
	font-size: 2.375em;
	font-size: calc(1.2em + 2vw);
	font-weight: 300;
	line-height: 1.2;
	margin-bottom: 0.3em;
}
#subscribe p {
	/*18px*/
	font-size: 1.125em;
	line-height: 1.575;
	margin-bottom: 1em;
}
#subscribe form {
	align-items: baseline;
	display: flex;
	margin: 0 -1em;
}
#subscribe fieldset {
	align-self: flex-end;
	flex: 1;
	margin: 0 1em;
}
#subscribe label {
	display: block;
	font-size: 0.8em;
	text-transform: uppercase;
}
#subscribe input {
	box-sizing: border-box;
	margin-top: 0.25em;
	padding: 0.5em 1em;
	width: 100%;
}
#subscribe input[type="submit"] {
	padding: 0.75em 1em;
	text-transform: uppercase;
}


/* --------------------------------------------------
   Footer
   -------------------------------------------------- */
.site-footer {
	background: var(--background-secondary);
	color: var(--text-secondary);
	font-size: 0.875em;
}
.site-footer .columns:before {
	background: url('/img/skip-prichard-icon.svg') no-repeat center center;
	background-size: contain;
	content: "";
	display: block;
	height: 0;
	margin-left: -2.5%;
	margin-top: -2.5%;
	padding-top: 5%;
	overflow: hidden;
	position: absolute;
	left: 50%;
	top: 0;
	width: 5%;
}
.site-footer .columns {
	border-top: 1px solid var(--green);
	display: flex;
	gap: 2em;
	margin: 1em 0 3em;
	padding-top: 3em;
	position: relative;
}
.site-footer .columns .column {
	flex: 1;
	line-height: 2;
	margin: 0;
}
@media( max-width: 750px ) {
	.site-footer .columns nav.column {
		display: none;
	}
}
@media( max-width: 600px ) {
	.site-footer .columns #footer-connect.column {
		display: none;
	}
}
.site-footer #footer-about p {
	margin-bottom: 1em;
}
.site-footer #footer-about a {
	font-weight: bold;
}
.site-footer #footer-connect {
	text-align: right;
}
.site-footer .footer-nav {
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
}
.site-footer h3 {
	color: var(--text-secondary);
	font-weight: bold;
	text-transform: uppercase;
}

.site-footer .social-nav {
	display: flex;
	padding-top: 0.5em;
}
.site-footer .social-nav a {
/*	background: rgba(0,0,0,0.5);*/
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	display: block;
	height: 0;
	margin: 0 1em 0 0;
	overflow: hidden;
	padding-top: 2.5em;
	width: 2.5em;
}
.site-footer .social-nav a.twitter {
	background-image: url("https://www.skipprichard.com/wp-content/uploads/2019/05/social-twitter.svg");
}
.site-footer .social-nav a.facebook {
	background-image: url("https://www.skipprichard.com/wp-content/uploads/2019/05/social-facebook.svg");
}
.site-footer .social-nav a.linkedin {
	background-image: url("https://www.skipprichard.com/wp-content/uploads/2019/05/social-linkedin.svg");
}
.site-footer .social-nav a.youtube {
	background-image: url("https://www.skipprichard.com/wp-content/uploads/2019/05/social-youtube.svg");
}
.site-footer .social-nav a.instagram {
	background-image: url("https://www.skipprichard.com/wp-content/uploads/2019/05/social-instagram.svg");
}
.site-footer .social-nav a:hover {
	filter: brightness(1.5);
}

@media( prefers-color-scheme: dark ) {
	.site-footer .social-nav a {
		filter: brightness(1.5);
	}
	.site-footer .social-nav a:hover {
		filter: brightness(2.2);
	}
}

.site-footer h3 {
	margin-bottom: 0.25em;
}
.site-footer .popular-posts {
	margin-bottom: 1.5em;
}
.site-footer .book-of-mistakes p {
	margin-bottom: 0;
}

.site-footer .copyright {
	border-top: 1px solid var(--green);
	padding-top: 3em;
	text-align: center;
}
.copyright p, .copyright nav {
	display: inline-block;
}
.copyright nav li {
	display: inline-block;
	margin: 0 0.5em;
}
.copyright nav li a {
	color: var(--text-secondary);
	text-decoration: none;
}
.copyright nav li a:hover {
	text-decoration: underline;
}


/* --------------------------------------------------
   Single Post / Page
   -------------------------------------------------- */
body.single #reading-progress {
	display: block;
}
body.single #reading-progress-bar {
	background: var(--green);
	height: 0;
	padding-top: 2px;
	width: 0;
}

article {
	color: var(--text-primary);
	font-family: var(--font-primary);
	font-size: 21px;
	line-height: 1.6;
}

article h1.entry-title,
.page article .alternate-header h1,
.archive .page-header h1,
.search-results .page-header h1,
.page-template-page-shareable .alternate-header h1,
.error404 h1.page-title {
	color: var(--text-accent);
	font-family: var(--font-primary);
	font-size: 2.38em;
	font-style: normal;
	font-weight: 300;
	line-height: 1.2;
	margin: 0.5em auto;
	text-align: center;
}
.page article h1.entry-title,
.error404 h1.page-title,
.archive .page-header,
.search-results .page-header {
	border-bottom: 1px solid var(--green);
	padding: 1em 0;
	margin-bottom: 1em;
}
.archive .page-header,
.search-results .page-header,
.page-template-page-shareable .alternate-header {
	font-size: 1.3em;
}
.archive .page-header,
.search-results .page-header {
	margin: 0 0 4em;
}
.archive .page-header h1,
.search-results .page-header h1,
.page-template-page-shareable .alternate-header h1 {
	margin-top: 0;
	padding-bottom: 0.25em;
}
.archive .page-header .archive-description,
.page-template-page-shareable .alternate-header p {
	font-style: italic;
	line-height: 1.6;
	text-align: center;
	margin: 0 auto;
	width: 80%;
}
.page-template-page-shareable .alternate-header p {
	width: 90%;
}
.page article .alternate-header h1 {
	padding: 1em 0 0.25em;
}
article .entry-meta {
	font-size: 0.7em;
	text-align: center;
}
article .entry-header .byline {
	display: none;
}
article .entry-header .cat-links {
	margin-top: 0.5em;
}
article .entry-header .cat-links a {
	background: var(--background-secondary);
	color: var(--text-secondary);
	margin: 0 0.5em;
	padding: 0.25em 1em;
}
article .entry-header .cat-links a:hover {
	background: var(--text-link-hover);
	color: var(--text-secondary);
	text-decoration: none;
}

article p {
	margin-bottom: 1.5em;
}
article .entry-header,
article .entry-content {
	margin: 0 auto;
	width: 70%;
}
.post-thumbnail {
	margin: 3em 0;
}
.post-thumbnail img {
	display: block;
}
article .entry-content h2,
.error404 .page-content h2 {
	font-size: 1.45em;
	margin-bottom: 1em;
}
.error404 .page-content h2 {
	margin-top: 2em;
}

.category-interview .entry-content h3 {
	background: var(--background-accent);
	border-top: 2px solid var(--text-accent);
	font-size: 1.2em;
	font-weight: normal;
	margin: 0 0 20px -10%;
	padding: 1em 10%;
	margin: 0 -10% 20px;
}

article .entry-footer .tags-links {
	display: block;
	font-size: 0.6em;
}

.wp-block-separator.is-style-wide {
	background: var(--green);
	border: none;
	margin: 2em 0;
}

.single .site-main .post-navigation {
	margin: 2.5em 0 1.5em;
}
.post-navigation a {
	align-items: center;
	display: flex;
	padding: 5px;
}
.post-navigation a:hover {
	background: var(--background-accent);
	color: var(--text-link);
	text-decoration: none;
}
.post-navigation .nav-thumb {
	background: rgba(0,0,0,0.3);
	display: block;
	height: 3em;
	width: 3em;
}
.post-navigation .nav-previous a {
	justify-content: flex-start;
}
.post-navigation .nav-previous .nav-thumb {
	order: -1;
	margin: 0 1em 0 0;
}
.post-navigation .nav-next a {
	justify-content: flex-end;
}
.post-navigation .nav-next .nav-thumb {
	order: 1;
	margin: 0 0 0 1em;
}
.post-navigation .nav-subtitle {
	display: block;
	font-size: 0.9em;
	margin-bottom: 0.25em;
	opacity: 0.7;
/*	text-transform: uppercase;*/
}
.post-navigation .nav-title {
	display: block;
	font-weight: bold;
}

.disclosure {
	font-size: 0.75em;
	line-height: 1.5;
	opacity: 0.5;
}
.afterpost {
	border-top: 2px solid var(--green);
	border-bottom: 2px solid var(--green);
	font-size: 1.2em;
	line-height: 1.3;
	margin: 2em 0;
	padding: 2em 0;
	
}
.afterpost h2 {
	font-size: 1.4em;
	margin-bottom: 1.5em;
	text-align: center;
}
.afterpost .colwrap {
	display: flex;
}
.afterpost .col {
	flex: 1;
	margin: 0 1em;
}
.afterpost h3 {
	font-size: 1.1em;
	line-height: 1.3;
	margin-bottom: 1em;
}
.afterpost p:last-child {
	margin-bottom: 0;
}

#continue-reading {
	
}
#continue-reading h2 {
	font-size: 1.4em;
	margin-bottom: 1em;
	text-align: center;
	text-transform: uppercase;
}
#continue-reading .colwrap {
	display: flex;
	line-height: 1.6;
	margin: 0 10% 1em;
}
#continue-reading .colwrap > div {
	flex: 2;
}
#continue-reading .post-categories {
	flex: 1;
	text-align: center;
}
#continue-reading .colwrap > div:last-child {
	text-align: end;
}

/* --------------------------------------------------
   Tweetable
   -------------------------------------------------- */
/*
.tweetable {
	background: #f5f5f5;
	border-top: 2px solid #4f9e97;
	border-bottom: 2px solid #4f9e97;
	color: #305391;
	display: block;
	font-family: 'Montserrat', Helvetica, Arial, Lucida, sans-serif;
	font-size: 1.5em;
	line-height: 1.4;
	margin: 1em auto;
	overflow: hidden;
	padding: 0.75em 1.5em;
	position: relative;
	width: 100%;
	
	margin: 1em -10%;
	padding: 1em 10%;
	width: 120%;
}
.tweetable:before {
	color: #3053911a;
	content: "\201C";
	font-family: 'Montserrat', Helvetica, Arial, Lucida, sans-serif;
	font-size: 12em;
	font-weight: 700;
	line-height: 0.8em;
	position: absolute;
	left: -8px;
	top: -8px;
	z-index: 1;
}
.tweetable blockquote {
	position: relative;
	z-index: 3;
}
.tweetable cite {
	display: block;
	font-size: 0.8em;
	margin-top: 0.5em;
	text-align: right;
}
.tweetable cite:before {
	content: "\2014";
}
.tweetable .actions {
	display: flex;
	margin-top: 0.5em;
}
.tweetable .actions li {
	margin: 0 2em;
	flex: 1;
}
*/
.tweetable {
	margin: 2em 0;
	width: 100% !important;
}
.tweetable blockquote {
/*	background: #f5f5f5;*/
	border-top: 2px solid var(--green);
	border-bottom: 2px solid var(--green);
	color: var(--text-accent);
	display: block;
	font-family: var(--font-primary);
	font-size: 1.5em;
	line-height: 1.4;
	margin: 0;
	overflow: hidden;
	padding: 0.75em 1.5em;
	position: relative;
	width: 100%;
	
	margin: 0 -10%;
	padding: 2em 10%;
	width: 120%;
}

x.tweetable blockquote {
	position: relative;
	z-index: 3;
}
.tweetable blockquote:before {
	color: #3053911a;
	content: "\201C";
	font-family: var(--font-primary);
	font-size: 12em;
	font-weight: 700;
	line-height: 0.8em;
	position: absolute;
	left: -8px;
	top: -8px;
	z-index: 1;
}

.tweetable cite {
	display: block;
	font-size: 0.8em;
	margin-top: 1em;
	text-align: right;
}
.tweetable cite:before {
	content: "\2014";
}
.tweetable .actions {
/*	margin-top: -1px;*/
	text-align: right;
}
.tweetable .actions li {
	display: inline;
	margin: 0 0 0 1em;
}
.tweetable .actions a {
	background: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	color: var(--text-color);
	font-size: 0.65em;
	font-weight: 500;
	padding: 1px 1em;
	text-transform: lowercase;
	vertical-align: top;
}
.tweetable .actions a:hover {
	background: var(--green);
	color: #fff;
}


/* --------------------------------------------------
   Blog Index / Archives
   -------------------------------------------------- */
.blog #blogindexWrap {
	padding-top: 50%;
	position: relative;
}
.blog #blogindexHeader {
	background: url(https://www.skipprichard.com/wp-content/uploads/2019/05/leadership-insights-bg-5.jpg) no-repeat center center;
	background-size: cover;
	color: #fff;
	font-family: var(--font-secondary);
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	width: 100%;
	display: flex;
	align-content: center;
	align-items: flex-end;
}
.blog #blogindexHeader>div {
/*		width: 100%;*/
	margin: 0 auto 7%;
	max-width: 1000px;
	width: 90%;
}
.blog #blogindexHeader h1 {
	background: url('https://www.skipprichard.com/wp-content/uploads/2019/05/leadership-insights-1.svg') no-repeat center top;
	height: 0;
	overflow: hidden;
	padding-top: 18.67%;
	margin: 0 auto 2em;
}
.blog #blogindexHeader p {
	font-size: 1.3em;
	line-height: 1.4;
	margin: 0 auto;
	width: 90%;
}
#primary h3.section-title {
	border-top: 1px solid var(--green);
	border-bottom: 1px solid var(--green);
	font-size: 1.5em;
	font-weight: 600;
	margin: 2em 0;
	padding: 0.35em 0;
	text-align: center;
	text-transform: uppercase;
}

.blog article,
.archive article,
.search-results article {
	background: var(--background-secondary);
	background: #ffffff11;
/*	border: 2px solid var(--background-accent);*/
	border: 2px solid #00000055;
	margin: 0 0 1.5em;
	padding: 0;
	position: relative;
	
	display: grid;
	grid-template-areas: 
		"thumb content"
		"footer footer";
	grid-template-columns: 2fr 3fr; /*40% 60%*/
}

.blog article .entry-header,
.blog article .entry-content,
.archive article .entry-header,
.archive article .entry-content,
.search-results article .entry-header,
.search-results article .entry-summary {
	margin: 0;
	width: auto;
/*	padding: 1em 1.3em 0;*/
}
.blog article .entry-content,
.archive article .entry-content,
.search-results article .entry-summary {
	font-size: 0.9em;
	padding-top: 0;
}
.blog article .post-thumbnail,
.archive article .post-thumbnail,
.search-results article .post-thumbnail {
/*	float: left;
	margin: 0.25em 1.3em 0;
	width: 30%; */
	align-self: start;
	grid-area: thumb;
	margin: 2em 0 2em 2em;
	width: auto;
}
.blog article .post-details,
.archive article .post-details,
.search-results article .post-details {
	grid-area: content;
	padding: 2em 2em 1em;
}
.blog article .entry-meta-above,
.archive article .entry-meta-above,
.search-results article .entry-meta-above {
	font-size: 0.5em;
	letter-spacing: 2px;
/*	margin-bottom: 0.25em;*/
	margin-bottom: 0;
	text-transform: uppercase;
}
.blog article .entry-title,
.archive article .entry-title,
.search-results article .entry-title {
	font-size: 1.5em;
	font-weight: 600;
/*	margin-bottom: 0.25em;*/
	margin-bottom: 0;
}
.blog article .entry-footer,
.archive article .entry-footer,
.search-results article .entry-footer {
	align-items: center;
/*	background: var(--background-accent);*/
	background: #00000055;
	grid-area: footer;
	display: flex;
	justify-content: space-between;
	padding: 0.5em 1.3em;
}
.blog article .entry-footer .cat-links,
.archive article .entry-footer .cat-links,
.search-results article .entry-footer .cat-links {
	display: block;
	font-size: 0.6em;
}
.blog article .entry-footer .tags-links,
.archive article .entry-footer .tags-links,
.search-results article .entry-footer .tags-links {
	display: none;
}
.blog article .entry-footer .read-link,
.archive article .entry-footer .read-link,
.search-results article .entry-footer .read-link {
	font-size: 0.9em;
}

.blog article .edit-link,
.archive article .edit-link,
.search-results article .edit-link {
	display: block;
/*		line-height: 1;*/
	position: absolute;
	right: 0;
	top: 0;
}
.blog article .edit-link a,
.archive article .edit-link a,
.search-results article .edit-link a {
	background: var(--background-accent);
	display: block;
	font-size: 0.6em;
	padding: 0.2em 1em;
}
.blog article .edit-link a:hover,
.archive article .edit-link a:hover,
.search-results article .edit-link a:hover {
	background: var(--text-link-hover);
	color: #000;
	text-decoration: none;
}

.search-results #primary .wrap {
	text-align: center;
}
.search-results #primary .wrap article,
.search-results #primary .wrap .navigation {
	text-align: left;
}
.search-results article.quote {
	display: inline-block;
}
.search-results article.quote .post-thumbnail {
	display: block;
	margin: 1em;
}

.blog #afterIndex {
	border-top: 1px solid var(--green);
	padding-top: 3em;
	text-align: center;
}
.blog #afterIndex p:first-child {
	margin-bottom: 3em;
}
.blog #afterIndex .fineprint {
	font-size: 0.85em;
	font-style: italic;
}


/* --------------------------------------------------
   Podcast Page
   -------------------------------------------------- */
article.page-podcast .entry-content {
	width: 100%;
}
article.page-podcast .latest-episode {
	background-color: var(--background-feature) !important;
	color: var(--text-feature);
	padding: 2.5em;
}
article.page-podcast .latest-episode > .wp-block-group {
	margin: 0 auto;
	max-width: 1000px;
	width: 70%;
}
article.page-podcast .latest-episode .wp-block-group__inner-container > h2,
article.page-podcast #more-episodes .wp-block-group__inner-container > h2,
#more-episodes.podcast-archive .wrap > h2 {
	border-top: 1px solid var(--green);
	border-bottom: 1px solid var(--green);
	color: var(--text-feature);
	font-size: 1.2em;
	margin-bottom: 2em;
	padding: 0.4em 0;
}
#more-episodes.podcast-archive .wrap > h2 {
	font-size: 1.5em;
	text-transform: uppercase;
}
article.page-podcast .latest-episode h2.wp-block-post-title {
	font-size: 1.7em;
	line-height: 1.4;
	margin-bottom: 0.25em;
}
article.page-podcast .latest-episode h2.wp-block-post-title a {
	color: var(--text-feature);
}
article.page-podcast .latest-episode ul.wp-block-post-template {
	margin: 0;
}
article.page-podcast .latest-episode ul.wp-block-post-template li {
	margin: 0;
}
article.page-podcast .latest-episode .wp-block-post-excerpt__more-text {
	margin-bottom: 0;
}
article.page-podcast .latest-episode .wp-block-post-excerpt__more-link {
	background: var(--text-link-hover);
	border-radius: 5px;
	color: #fff;
	font-weight: 700;
	padding: 0.5em 1em;
	text-decoration: none;
	text-transform: uppercase;
}
article.page-podcast .latest-episode .wp-block-columns {
	margin-bottom: 0;
}

article.page-podcast #subscribe-podcast {
	margin: 0 0 2em;
	padding: 2em 0;
}
article.page-podcast #subscribe-podcast > .wp-block-group__inner-container,
article.page-podcast #more-episodes > .wp-block-group__inner-container {
	margin: 0 auto;
	max-width: 1000px;
	width: 70%;
}
article.page-podcast #subscribe-podcast p:last-child {
	margin-bottom: 0;
	margin-top: 1em;
}
article.page-podcast #subscribe-podcast img {
	height: 64px;
	width: auto;
}
article.page-podcast #subscribe-podcast .wp-block-group {
	text-align: center;
}
article.page-podcast #subscribe-podcast .wp-block-image {
	display: inline-block;
	margin: 0 0.25em 0.75em;
}
article.page-podcast #subscribe-podcast p {
	margin: 0 auto;
	width: 80%;
}

article.page-podcast #more-episodes h2 {
	
}
article.page-podcast #more-episodes h2.wp-block-post-title {
	margin-bottom: 0;
}
.page .podcast-archive article h1.entry-title {
	border: none;
	padding: 0;
	margin: 0;
	text-align: left;
}
.podcast-archive nav.pagination {
	margin: 3em 0;
	text-align: center; 
}
.podcast-archive nav.pagination .page-numbers {
	display: inline-block;
	padding: 0.5em 0.75em;
}
.podcast-archive nav.pagination a.page-numbers {
	background: #ffffff11;
	border: 1px solid #00000033;
}
.podcast-archive nav.pagination a:hover {
	text-decoration: none;
}
.podcast-archive aside.disclaimer p {
	font-style: italic;
	text-align: center;
}


/* --------------------------------------------------
   Embeds
   -------------------------------------------------- */
.wp-block-embed.fullwidth {
	padding-top: 56.25%;
	position: relative;
	width: 100%;
}
.wp-block-embed.fullwidth .wp-block-embed__wrapper {
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	width: 100%;
}
.wp-block-embed.fullwidth iframe {
	height: 100%;
	width: 100%;
}

/* --------------------------------------------------
   Full-Width Page
   -------------------------------------------------- */
article.fullwidth .entry-header, article.fullwidth .entry-content {
	width: 100%;
}
article.fullwidth .wp-block-group__inner-container {
	margin: 0 auto;
	max-width: 1000px;
	width: 96%;
}
article.fullwidth .wp-block-group__inner-container .wp-block-group__inner-container {
	max-width: none;
	width: auto;
}

/* --------------------------------------------------
   Meet Skip
   -------------------------------------------------- */
#meet-skip {
	background: url('https://www.skipprichard.com/wp-content/uploads/2021/05/photo_meet_skip_hero_0521.jpg') no-repeat center top;
	background-size: cover;
	color: #fff;
	padding-top: 48%;
	position: relative;
}
#meet-skip h1 {
	border-top: 1px solid var(--green);
	border-bottom: 1px solid var(--green);
	color: #fff;
	font-size: 2.5em;
	font-weight: 700;
	margin-bottom: 0.5em;
	padding: 0.2em 0;
	text-transform: uppercase;
}
#meet-skip .wp-block-group__inner-container {
	position: absolute;
	right: 10%; bottom: 7%; left: 50%;
	max-width: none;
	margin: 0;
	width: auto;
}
#meet-skip p {
	line-height: 1.4;
}
#business-leader h2 {
	font-size: 1.35em;
	font-weight: 700;
	margin: 2em auto;
}
.has-cyan-bluish-gray-background-color {
	background: var(--background-secondary) !important;
	padding-top: 1px;
}
.has-cyan-bluish-gray-background-color h2 {
	color: var(--green);
}

.personal-side {
	margin: 0 auto;
	max-width: 800px;
	width: 80%;
}
#personal-side h1 {
	font-size: 2.5em;
	line-height: 1.2;
	margin: 1.5em 0 0.5em;
}

#book-of-mistakes {
/*	background: var(--background-secondary) !important;*/
	background: #e6e6e6 !important;
	color: #232d3f;
	margin: 5em 0 4em;
	padding: 2em 0 1em;
}
#book-of-mistakes figure.alignright {
	margin-right: -4em;
	margin-top: -6em;
}
#book-of-mistakes h1 {
	clear: none;
	color: #232d3f;
	font-size: 1.5em;
	font-weight: 600;
	margin-bottom: 0.75em;
}
#book-of-mistakes .wp-block-button__link {
	border-radius: 5px;
	color: #e6e6e6;
	font-size: 0.9em;
	font-weight: 700;
	padding: 0.35em 1em;
	text-transform: uppercase;
}
#book-of-mistakes .wp-block-button__link:hover {
	background: var(--text-link-hover);
	text-decoration: none;
}

/* --------------------------------------------------
   Shareble Quotes
   -------------------------------------------------- */
#quotecards {
	display: grid;
	grid-template-columns: 31.333% 31.333% 31.333%;
	justify-content: space-between;
}
#quotecards article.type-quote {
	align-self: stretch;
	background: var(--background-secondary);
/*	background: #ffffff11;*/
/*	border: 2px solid var(--background-accent);*/
	border: 1px solid #00000055;
	box-sizing: border-box;
	display: grid;
	line-height: 1;
	margin-bottom: 8%;
	padding: 10px;
}
#quotecards article.type-quote .imagecard {
	display: grid;
}
#quotecards article.type-quote a,
#quotecards article.type-quote a img {
	align-self: center;
	display: block;
	justify-self: center;
}

/* --------------------------------------------------
   Dark Mode
   -------------------------------------------------- */
/*
@media( prefers-color-scheme: dark ) {
	html {
		
	}
	body {
		background: #090909;
	}
	header.site-header {
		background: #090909;
		box-shadow: 0 1px 5px rgba(255,255,255,0.1);
	}
	article {
		color: #6b89bf;
	}
	.tweetable blockquote {
		background: #222;
	}
	.category-interview .entry-content h3 {
		background: #305391;
		border-top-color: #dfe6f3;
		color: #dfe6f3;
	}
	footer {
		background: #191919;
	}
}
*/