/*
Theme Name: Dean-2022
Theme URI: http://dean.co
Description: 2022
Author: Dean Robinson
Author URI: http://dean.co
Version: 1.0
*/


:root {
	--highlight-color:#0FA;
	--highlight-transparent-color:#00FFAA22;
	--text-color:#001119;
	--copy-color:#3D4B53;
	--light-color:#F2FBFF;
	--background-color:#FFF;
	--body-font-stack:rustica,halyard-text,sans-serif;
	--heading-font-stack:mixta-pro,serif;
	--margin-base:max(100px,calc((60vw - 40em) / 2));
	color-scheme: light dark;
}
:root body.switch-mode {
	--background-color:#001119;
	--light-color:#0F2028; /*#3D4B53;*/
	--copy-color:#F2FBFF;
	--text-color:#FFF;
}


@media screen and (max-width:768px) {
	:root {
		--margin-base:max(50px,calc((60vw - 40em) / 2));
	}
}

.cls-1 {fill:var(--text-color);}
.cls-2 {fill:var(--highlight-color);}


@media (prefers-color-scheme: dark) {
	:root {
		--background-color:#001119;
		--light-color:#0F2028; /*#3D4B53;*/
		--copy-color:#F2FBFF;
		--text-color:#FFF;
	}
	:root body.switch-mode {
		--text-color:#001119;
		--copy-color:#3D4B53;
		--light-color:#F2FBFF;
		--background-color:#FFF;
	}
	
}


@media screen and (max-width:782px) {
	html #wpadminbar {position:fixed;}
}

* {box-sizing:border-box;transition:0.1s all;}

html, body {margin:0;padding:0;font-size:20px;line-height:1.4;font-family:var(--body-font-stack);color:var(--copy-color);}

@media screen and (max-width:768px) {
	html, body {font-size:16px;}
}

html {background:var(--highlight-color);}
body {position:relative;background:var(--background-color);}

h1,h2,h3,h4,h5,h6 {margin:0;font-weight:700;font-family:var(--heading-font-stack);font-variant:discretionary-ligatures;color:var(--text-color);}



#site-page {display:flex;background:var(--background-color);min-height:100vh;}
.admin-bar #site-page {min-height:calc(100vh - 32px);}


#site-header {background:var(--light-color);width:30vw;display:flex;justify-content:center;align-items:center;position:fixed;height:100vh;flex-direction:column;}
.admin-bar #site-header {height:calc(100vh - 32px);}
#site-header h1 {flex-grow:1;display:flex;justify-content:center;align-items:center;}
@media screen and (min-width:768px) {
	#site-header h1 a {padding:10px 20px;border-radius:60px;}
	#site-header h1 a:hover {padding:30px 40px;background:var(--background-color);}
}
#site-header h1 svg {width:15vw;vertical-align:bottom;}
#site-header img.dude {width:20vw;margin-bottom:var(--margin-base);}

#site-content {width:70vw;margin-left:30vw;}

.site-content-inner {margin:var(--margin-base) auto;min-height:calc(100vh - (60vw - 40em));width:min(50vw,35em);display:flex;flex-direction:column;}
.admin-bar .site-content-inner {min-height:calc(100vh - (60vw - 40em) - 32px);}
.site-content-inner > .post {flex-grow:1;}

@media screen and (max-width:768px) {
	#site-page {flex-direction:column;}
	#site-header {position:static;height:auto;width:100vw;margin-bottom:calc(var(--margin-base)/2);}
	.admin-bar #site-header {height:auto;}
	#site-header h1 svg {width:50vw;margin:var(--margin-base) auto;}
	#site-header img.dude {width:60vw;margin-bottom:0;}
	#site-content {width:100vw;margin-left:0;}
	.site-content-inner {margin:calc(var(--margin-base)/2);min-height:auto;width:auto;}
	.admin-bar .site-content-inner {min-height:auto;}
}


a .fab path, a .fas path {fill:var(--text-color);}
@media (prefers-color-scheme: light) {
	.switch-mode a:hover .fab path, .switch-mode a:hover .fas path {fill:var(--background-color);}
}
@media (prefers-color-scheme: dark) {
	a:hover .fab path, a:hover .fas path {fill:var(--background-color);}
	.switch-mode a:hover .fab path, .switch-mode a:hover .fas path {fill:var(--text-color);}
}


.social-icons {display:block;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;}
.social-icons a {position:relative;display:flex;justify-content:center;align-items:center;width:40px;height:40px;line-height:40px;border-radius:100%;background:var(--background-color);}
.social-icons a .fab, .social-icons a .fas {display:block;height:20px;}
.social-icons a:hover {background:var(--highlight-color);width:60px;height:60px;line-height:60px;margin:-10px;z-index:10;}
.social-icons a:hover .fab, .social-icons a:hover .fas {height:24px;}

#site-header .social-icons {position:fixed;flex-direction:column;left:calc(30vw - 40px);background:var(--background-color);border-radius:80px;padding:20px;row-gap:10px;}

@media screen and (max-width:768px) {
	.social-icons a {width:32px;height:32px;line-height:32px;}
	.social-icons a .fab, .social-icons a .fas {height:16px;}
	.social-icons a:hover {width:52px;height:52px;line-height:52px;}
	.social-icons a:hover .fab, .social-icons a:hover .fas {height:20px;}
	#site-header .social-icons {position:relative;left:auto;flex-direction:row;top:40px;column-gap:15px;}
}

.wrapper {max-width:40em;position:relative;}


/*.post.promo-item {margin-bottom:50px;}*/
/*.promo-item a {background:var(--highlight-color);color:var(--text-color);display:flex;border-radius:2px;padding:0 20px;position:relative;line-height:60px;text-decoration:none;align-items:center;}*/
/*.promo-item a:hover {background:var(--text-color);}*/
/*.promo-item a svg {height:20px;width:auto;margin-right:20px;}*/
/*.promo-item a .big {font-family:var(--heading-font-stack);font-size:30px;line-height:60px;}*/
/*.promo-item a .small {flex-grow:2;line-height:20px;padding-left:20px;}*/
/*.promo-item a .fa-angle-right {text-align:right;line-height:60px;font-size:20px;}*/

/*.promo-item.movember a {background:#001EFF;}*/
/*.promo-item.movember a:hover {background:var(--text-color);}*/
/*.promo-item.bigbashboard a:hover {background:#C24;color:var(--background-color);}*/


.post {margin-bottom:var(--margin-base);}

.post.blocknote {margin-bottom:calc(var(--margin-base) / 2);background:var(--light-color);border-left:3px solid var(--highlight-color);padding:25px 30px;}
.post.blocknote p {margin:0;}

.post .post-title {font-size:40px;margin:var(--margin-base) 0;line-height:1;}
.post:first-child > .post-title {margin-top:0;}
.post .post-title a, .post .post-title > span {text-decoration:none;color:var(--text-color);display:inline-block;position:relative;}
.post .post-title a::after, .post .post-title > span::after {content:"";position:absolute;width:40%;height:3px;border-radius:3px;background:var(--highlight-color);left:0;bottom:calc(-1 * (var(--margin-base) / 4) + 3px);}
.post .post-title a:hover {color:var(--copy-color);margin-bottom:0;}
.post .post-title a:hover::after {background:var(--highlight-color);}

.post-body-large {font-size:30px;font-family:var(--heading-font-stack);}

@media screen and (max-width:768px) {
	.post-body-large {font-size:24px;}
}

.post-body > *:first-child {margin-top:0;}

.post-body h1, .post-body h2, .post-body h3, .post-body h4, .post-body h5, .post-body h6 {margin:1em 0 0.25em;}

.post-body p, .post-body ul, .post-body ol {margin-top:0;}

.post-body ul li::marker {content:"－ ";color:var(--highlight-color);font-weight:700;}

.post-body a {color:var(--text-color);text-decoration-color:var(--highlight-color);text-decoration-thickness:0.1em;}
.post-body a:hover {text-decoration-thickness:0.2em;}

.post-body strong {font-weight:700;}

.post-body hr {border:0 none;background:var(--light-color);height:3px;border-radius:3px;margin:2em 0;width:40%;}
.post-body blockquote {position:relative;margin:2em;padding:0 2em;font-size:1.1em;}
.post-body blockquote::before {content:"";position:absolute;left:0;top:0;bottom:0;width:6px;border-radius:6px;background:var(--highlight-color);}
.post-body img {max-width:100%;height:auto;}

.post-footer {font-size:0.8em;position:relative;border-top:1px solid var(--light-color);display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;padding-top:calc(var(--margin-base) / 4);margin-top:calc(var(--margin-base) / 4);}

.post-meta {color:var(--copy-color);}
.post-meta-item + .post-meta-item::before {content:"//";color:var(--highlight-color);margin:0 1em;}
.post-meta .fa-thumbs-up {font-size:90%;color:var(--highlight-color);}

.more-button {font-weight:700;display:inline-block;color:var(--text-color);font-variant-caps:all-small-caps;text-decoration-line:underline;text-decoration-color:var(--highlight-color);text-decoration-thickness:0.1em;}
.more-button:hover {text-decoration-thickness:0.2em;}


/********************/
/** Previous Posts **/
/********************/

.previous-post {border-top:1px solid var(--light-color);padding:calc(var(--margin-base) / 2) 0;}
.previous-post:first-child {border-top:none;padding-top:0;}
.previous-post:last-child {padding-bottom:0;}

.previous-post h2 {margin:0 0 1em;line-height:1;}
.previous-post h2 a {text-decoration:none;color:var(--text-color);position:relative;display:inline-block;}
.previous-post h2 a:hover {color:var(--copy-color);}
.previous-post h2 a::after {content:"";position:absolute;bottom:-0.6em;left:0;width:40%;height:0.1em;background:var(--highlight-color);}

.previous-post p {margin:0 auto 1em;}

.previous-post .post-footer {border-top:0 none;margin:0;padding:0;}
.previous-post .post-footer .more-button, .previous-post .post-footer .post-meta {margin-top:0;}




.more-header {margin-bottom:50px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;}
.more-header h2 {font-weight:200;line-height:40px;}
.more-header h2 span {font-weight:600;color:var(--text-color);/*#555*/position:relative;}
.more-header h2 span::after {content:"";position:absolute;left:0;bottom:-25px;height:3px;right:0;border-radius:3px;background:var(--highlight-color);}


/***************/
/** Post List **/
/***************/

.post-list {margin:var(--margin-base) 0;position:relative;}

.post-list-header {margin-bottom:calc(var(--margin-base) / 2);display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;}
.post-list-header h2 {font-weight:200;line-height:40px;}
.post-list-header h2 a {text-decoration:none;}
.post-list-header h2 span {font-weight:600;color:var(--text-color);position:relative;}
.post-list-header h2 a:hover span {color:#2D3138;}
.post-list-header h2 span::after {content:"";position:absolute;left:0;bottom:-25px;height:3px;right:0;border-radius:3px;background:var(--highlight-color);}

/*.post-list-header .more-icons, .post-list-header .more-links {line-height:40px;}*/
/*.post-list-header .more-icons a {display:inline-block;width:40px;height:40px;text-align:center;border-radius:100%;}*/
/*.post-list-header .more-icons a:hover {background:var(--highlight-color);color:var(--background-color);}*/
/*.post-list-header .more-links a {text-decoration:none;}*/
/*.post-list-header .more-links a .more {border-top:0 none;padding:0;margin:0;text-align:right;font-weight:200;color:var(--highlight-color);}*/
/*.post-list-header .more-links a .more .fa-caret-right {margin-left:0.5em;}*/
/*.post-list-header .more-links a:hover .more {color:var(--text-color);}*/

.post-list-item {border-top:1px dotted var(--light-color);padding-top:10px;margin-top:10px;}
.post-list-item:first-of-type {border-top:0 none;padding-top:0;margin-top:0;}
.post-list-item a {position:relative;text-decoration:none;color:var(--text-color);display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;}
.post-list-item h3 {font-size:18px;width:85%;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:200;}
.post-list-item h3.narrow {width:10%;font-weight:600;}
.post-list-item h3 time {color:#8E95A4;}
.post-list-item h3 time::before {content:"•";color:var(--light-color);margin:0 0.5em;}
.post-list-item a:hover h3 {color:var(--highlight-color);}
.post-list-item p {font-size:18px;width:75%;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.post-list-item a:hover p {color:#2D3138;}
.post-list-item .more {width:15%;border-top:0 none;padding:0;margin:0;text-align:right;font-weight:200;color:var(--highlight-color);}
.post-list-item a:hover .more {color:var(--text-color);}
.post-list-item .more .fa-caret-right {margin-left:0.5em;}



.button {border:2px solid var(--highlight-color);border-radius:4px;padding:20px 25px;display:inline-block;color:var(--highlight-color);text-decoration:none;font-weight:600;line-height:1;font-size:0.8em;}
.button:hover {color:var(--background-color);background:var(--highlight-color);}

.posts-paging {margin:var(--margin-base) auto 0;text-align:center;}
.paging-pill {background:var(--light-color);border-radius:40px;line-height:40px;display:inline-block;}
.paging-pill a {width:40px;height:40px;text-align:center;color:var(--highlight-color);display:inline-block;border-radius:100%;}
.paging-pill a:hover {color:var(--background-color);background:var(--highlight-color);}
.paging-pill .page-number {width:40px;text-align:center;display:inline-block;font-weight:600;}

.author-footer {border-top:2px solid var(--light-color);margin:0;padding-top:50px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;}
.author-avatar {width:100px;}
.author-avatar img {width:100px;height:100px;border-radius:6px 50px 50px 6px;}
.author-bio {width:calc(100% - 100px);padding:0 50px;font-size:14px;}
.author-bio p {font-style:italic;margin:0.5em 0 0;}
.author-bio .follow {color:#8E95A4;font-weight:200;text-decoration:none;margin-left:1em;font-size:16px;}
.author-bio .follow:hover {color:var(--highlight-color);text-decoration:underline;}
.author-bio .follow .fa-twitter {font-size:80%;margin-right:0.2em;}
.author-title {font-size:14px;color:#A1A7B2;}
.author-name {font-size:22px;font-weight:600;}

.post-share {margin:var(--margin-base) 0 0;text-align:center;}
.post-share a {color:var(--text-color);background:var(--light-color);color:var(--text-color);border-radius:60px;line-height:60px;padding:0 30px 0 10px;display:inline-flex;text-decoration:none;margin:0 10px;align-items:center;font-size:0.8em;}
.post-share a span {width:40px;height:40px;margin-right:20px;line-height:40px;display:flex;justify-content:center;align-items:center;border-radius:100%;background:var(--background-color);}
.post-share a .fab {height:20px;display:block;}
.post-share a:hover span {background:var(--highlight-color);width:60px;height:60px;line-height:60px;margin:0 10px 0 -10px;z-index:10;}
.post-share a:hover .fab {height:20px;}


@media screen and (max-width:768px) {
	.post-share {font-size:16px;}
	.post-share a:first-child {margin-bottom:10px;}
}



/*.instagram-strip {display:flex;flex-direction:row;justify-content:space-between;margin:50px auto;}*/
/*.post-list-header + .instagram-strip, .post-list-item + .instagram-strip {margin-top:20px;}*/
/*.instagram-strip-link {width:22%;display:block;}*/
/*.instagram-strip-image {vertical-align:top;border-radius:3px;width:100%;height:auto;}*/
/*a:hover .instagram-strip-image {opacity:0.8;}*/


/***********/
/** KUDOS **/
/***********/
.kudo-box {position:absolute;right:0;top:calc((var(--margin-base) / 4) - 10px);}
figure.kudo {margin:0;}
.kudo-box .kudo .kudo-meta span {font-family:var(--body-font-stack);color:var(--copy-color);}
.kudo-box .kudo .kudo-object {text-decoration:none;}
.kudo-box div.kudo-opening {border-color:var(--copy-color);width:40px;height:40px;border-width:3px;background:var(--background-color);}
.kudo-box .kudo.kudo-complete div.kudo-opening {border-color:var(--highlight-color);background:var(--highlight-color);}
.kudo-box div.kudo-opening div.kudo-circle {background-color:var(--copy-color);width:40px;height:40px;margin-left:-20px;margin-top:-20px;z-index:1;}
.kudo-box .kudo.kudo-complete a.kudo-object div.kudo-opening div.kudo-circle {background-color:var(--highlight-color);}
.kudo-box div.kudo-meta div.kudo-dontmove span {text-transform:none;}
.kudo-box .kudo .kudo-meta span.kudo-text {font-weight:normal;text-transform:none;}

.kudo-box.kudo-horizontal {width:auto;}
.kudo-box.kudo-horizontal .kudo a.kudo-object {margin-left:10px;position:relative;display:inline;float:right;width:auto;}
.kudo-box.kudo-horizontal .kudo .kudo-meta {white-space:nowrap;position:relative;display:inline;float:right;width:auto;line-height:40px;}
.kudo-box.kudo-horizontal .kudo .kudo-meta span {display:inline;line-height:auto;margin:0;}
.kudo-box.kudo-horizontal .kudo .kudo-meta span.kudo-count {font-size:1em;font-weight:700;margin-right:5px;color:var(--copy-color);}
.kudo-box.kudo-horizontal .kudo .kudo-meta span.kudo-text {font-size:1em;color:var(--copy-color);}
.kudo-box.kudo-horizontal div.kudo-meta div.kudo-dontmove span {font-size:1em;text-transform:none;font-weight:700;}

.kudo-box .kudo a.kudo-object:hover div.kudo-opening div.kudo-circle::after {content:"☺︎";display:inline-block;width:40px;height:40px;font-size:40px;line-height:48px;vertical-align:top;text-align:center;position:absolute;left:0;top:0;color:var(--background-color);}
.kudo-box .kudo.kudo-active a.kudo-object div.kudo-opening div.kudo-circle {background:var(--copy-color);}

.kudo-box .kudo.kudo-complete a.kudo-object div.kudo-opening div.kudo-circle {background-image:none;}
.kudo-box .kudo.kudo-complete a.kudo-object div.kudo-opening div.kudo-circle::after {content:"☺︎";display:inline-block;width:40px;height:40px;font-size:40px;line-height:48px;vertical-align:top;text-align:center;position:absolute;left:0;top:0;color:var(--background-color);}
.kudo-box .kudo.kudo-complete a.kudo-object:hover div.kudo-opening {border-color:var(--copy-color);}
.kudo-box .kudo.kudo-complete a.kudo-object:hover div.kudo-opening div.kudo-circle {background-color:var(--copy-color);}

/************/
/* ARCHIVES */
/************/
.post.archive .post-title {margin-bottom:calc(var(--margin-base) / 2);}
/*.post.archive .post-title span {position:relative;}*/
/*.post.archive .post-title span::after {content:"";position:absolute;width:40%;height:3px;border-radius:3px;background:var(--highlight-color);left:0;bottom:-0.5em;}*/
.archive ul {list-style-type:none;padding-left:0;margin:calc(var(--margin-base)/2) 0 0;}
.archive ul li::marker {content:"";}
.archive ul li:last-child {margin-bottom:0;}
.archive-post {margin-bottom:0.5em;width:100%;}
.archive-post a {display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;text-decoration:none;align-items:baseline;}
.archive-header-item {padding-top:60px;position:relative;}
.archive-header-item:first-child {padding-top:0;}
.archive-spacer {position:relative;padding-left:114px;height:52px;padding-top:20px;}
.archive-spacer .icon {vertical-align:1px;}
.archive-post .archive-item-title {display:block;max-width:calc(100% - 100px);color:var(--text-color);}
.archive-post .archive-item-title .t {text-decoration-line:underline;text-decoration-color:var(--highlight-color);text-decoration-thickness:0.1em;font-weight:700;}
.archive-post a:hover .archive-item-title .t {text-decoration-thickness:0.2em;}
.archive-post .archive-item-title .kudos-count {font-size:0.8em;}
.archive-post .archive-item-title .kudos-count::before {content:'//';margin:0 1em;color:var(--highlight-color);}
.archive-post .archive-item-date {color:var(--copy-color);width:100px;}

@media screen and (max-width:768px) {
	
}

.site-footer {margin:var(--margin-base) 0 0;position:relative;display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;}
.post + .site-footer {margin-top:0;}


.site-footer svg {height:20px;}

.copyright {margin-left:2em;font-size:14px;line-height:1;flex-grow:1;}
.copyright a {text-decoration:none;color:var(--text-color);}
.copyright span {color:var(--highlight-color);margin:0 0.5em;}
.copyright a {text-decoration-line:none;text-decoration-color:var(--highlight-color);text-decoration-thickness:0.1em;}
.copyright a:hover {text-decoration-line:underline;}

@media (max-width:768px) {
	.copyright {margin-left:0;margin-top:0.5em;order:3;width:100%;}
}

.powered-by-wp {;color:var(--text-color);border-radius:100%;width:40px;height:40px;line-height:40px;display:flex;justify-content:center;align-items:center;text-decoration:none;background:var(--background-color);}
.powered-by-wp:hover {background:var(--highlight-color);}
.powered-by-wp .fab {height:30px;display:block;}
.powered-by-wp:hover .fab {height:34px;}

.back-to-top {background:var(--light-color);color:var(--text-color);border-radius:100%;width:40px;height:40px;display:flex;justify-content:center;align-items:center;line-height:40px;}
.back-to-top:hover {background:var(--highlight-color);}
.back-to-top .fas {height:20px;display:block;}
.back-to-top:hover .fas {height:24px;}


/*
@media (max-width:1024px) {
	body {padding:0 120px;}
}
@media (max-width:768px) {
	body {margin:20px 0 0;padding:0 60px;}
	.site-header h1 {font-size:80px;}
	.site-header .social-icons {margin-left:-10px;}
	.author-footer {margin:60px 0 30px;}
	.site-footer {margin-top:30px;padding-bottom:60px;}
}

@media (max-width:600px) {
	body {padding:0 10%;}
	.site-header h1 {font-size:60px;}
	.site-header-small .social-icons {margin-left:-10px;}
	.social-icons {font-size:18px;width:200px;}
	.social-icons a {width:40px;height:40px;line-height:40px;}
	.previous-post {width:100%;border-right:0 none;padding-right:0;}
	.previous-post:nth-child(2) {border-top:1px solid var(--light-color);}
	.previous-post:nth-last-child(1), .previous-post:nth-last-child(2) {padding-bottom:2em;}
	.previous-post:nth-child(2n) {padding-left:0;}
	.previous-post:nth-child(2) h2 {margin-top:1.5em;}
	.post .post-meta-item {display:block;}
	.post .post-meta-item::before {display:none;}
	.previous-post .post-meta-item::before {margin:0 0.5em;}

	.post-list-header .more-icons {display:none;}
	.post-list-header h2 {font-size:22px;}
	.post-list h3 {width:75%;}
	.post-list h3 time {display:none;}
	.post-list-item h3.narrow {width:15%;}
	.post-list-item p {width:60%;}
	.post-list-item .more {width:25%;}

	.promo-item a {flex-wrap:wrap;padding:15px 20px;}
	.promo-item a .big {line-height:30px;}
	.promo-item a .small {padding-left:0;margin-top:10px;}
	.promo-item a .fa-angle-right {line-height:20px;margin-top:10px;}

	.author-footer {display:block;text-align:center;}
	.author-footer .author-name .follow {display:block;margin:0;}
	.author-avatar {display:block;margin:0 auto 1em;}
	.author-avatar img {vertical-align:bottom;}
	.author-bio {padding:0;width:auto;}
	.archive .archive-post .archive-item-date {display:none;}
	.archive .archive-post .archive-item-title {max-width:100%;}
	.site-footer {text-align:center;}
	.site-footer .badge-outer {margin:0 auto 1em;display:block;}
	.site-footer .badge {vertical-align:top;}
	.copyright {margin:0;font-size:0.6em;display:block;}
	.back-to-top {display:block;margin:1em auto 0;float:none;}
}
*/