/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
	color: #1a3135;
	font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen-Sans,Ubuntu,Cantarell,'Helvetica Neue',Helvetica,Arial,sans-serif;
	font-size: 18px;
	font-size: 1em;
	line-height: 1.5;
}
h1,h2,h3,h4,h5,h6 { line-height:1.2;margin:16px 0; }
h1{font-size:1.812em}
h2{font-size:1.647em}
h3{font-size:1.497em}
h4{font-size:1.361em}
h5{font-size:1.238em}
h6{font-size:1.125em}

/* SCALE--1.2__ 1.35, 1.62, 1.944, 2.3328, 2.799 */
/* SCALE--1.1__ 1.238, 1.361, 1.4973, 1.647, 1.812 */

p{margin:0 0 24px 0}
.entry-meta,.entry-footer{color:#8691A7;font-size:.694em}
.comment-reply-title{font-size:1.361em}

cite,dfn,em,i{font-style:italic}
address{margin:0 0 24px}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code, kbd, tt, var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark, ins {
	background: #fff9c0;
	text-decoration: none;
}
big{font-size:125%}
html,html a{-webkit-font-smoothing:antialiased;text-shadow:1px 1px 1px rgba(0,0,0,.004)}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html{box-sizing:border-box}
*,:after,:before{box-sizing:inherit}
body{background-color:#f0f8fa;background-image:linear-gradient(#f5f7f9,#d7dde4)}

hr {
	background-color: #CCC;
	border: 0;
	height: 1px;
	margin: 16px 0;
}

ol,ul{margin:0 0 24px;padding-left:1em}
ul{list-style:disc}
ol{list-style:decimal}
li>ol,li>ul{margin-bottom:0;margin-left:0}
dt{font-weight:700}
dd{margin:0 24px 24px}
img{height:auto;max-width:100%}
figure{margin:1em 0}
table{margin:0 0 24px;width:100%}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,input[type=button],input[type=reset],input[type=submit]{border:1px solid;border-color:#ccc #ccc #bbb;border-radius:3px;background:#e6e6e6;color:rgba(0,0,0,.8);font-size:12px;font-size:.75rem;line-height:1;padding:.6em 1em .4em}
button:hover,input[type=button]:hover,input[type=reset]:hover,input[type=submit]:hover{border-color:#ccc #bbb #aaa}
button:active,button:focus,input[type=button]:active,input[type=button]:focus,input[type=reset]:active,input[type=reset]:focus,input[type=submit]:active,input[type=submit]:focus{border-color:#aaa #bbb #bbb}
input[type=text],input[type=week],input[type=time],input[type=datetime],input[type=datetime-local],input[type=color],input[type=email],input[type=url],input[type=password],input[type=search],input[type=number],input[type=tel],input[type=range],input[type=date],input[type=month],textarea{color:#666;border:1px solid #ccc;border-radius:3px;padding:3px}
input[type=text]:focus,input[type=week]:focus,input[type=time]:focus,input[type=datetime]:focus,input[type=datetime-local]:focus,input[type=color]:focus,input[type=email]:focus,input[type=url]:focus,input[type=password]:focus,input[type=search]:focus,input[type=number]:focus,input[type=tel]:focus,input[type=range]:focus,input[type=date]:focus,input[type=month]:focus,textarea:focus{color:#111}
select{border:1px solid #ccc}
textarea{width:100%}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*.site-header{display:grid;grid-template-columns:120px 1fr 80px 16px;margin:16px 0 40px;max-width:100%}*/
.site-logo{grid-column:1;position: relative;left:0;-o-transition:1s;-ms-transition:1s;-moz-transition:1s;-webkit-transition:1s;transition:1s}
.site-logo:hover{position:relative;left:16px;}
.maker-logo{grid-column:3;margin-top:16px;position:relative;left:0;-o-transition:1s;-ms-transition:1s;-moz-transition:1s;-webkit-transition:1s;transition:1s}
.maker-logo:hover{position:relative;left:-16px}

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a{color:#e53b34;text-decoration:none} /*#145066*/
a:visited{color:hsl(2, 77%, 39%)}
a:active,a:focus,a:hover{color:#061a22}
a:focus{outline:dotted thin}
a:active,a:hover{outline:0}
article .entry-title a { color:#e53b34; line-height:1;margin:0 8px 0 0;}
article .entry-title a:hover { color: #b01c17; }
article a:link,article a:visited{position:relative;text-decoration:none;z-index:1}
article a:not(:has(img)):link:after,
article a:not(:has(img)):visited:after {
	position:absolute;
	display: inline;
	background:rgba(254, 141, 29, 0.3);
	bottom:4%;
	right:0;
	left:0;
	content:'';
	height:16px;
	margin: 0 auto;
	width:96%;
	z-index: -1;
}

article a:active:after,article a:hover:after{background:#8fc8df}
article .entry-title a:after { display:none;}
h1.site-title{line-height: 1; margin:0; padding: 0;}
h1.site-title,.site-description,.entry-title,.entry-meta {padding:0 16px;}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation{clear:both;display:block;float:left;width:100%}
.main-navigation ul{display:none;list-style:none;margin:0;padding-left:0}
.main-navigation ul ul{box-shadow:0 3px 3px rgba(0,0,0,.2);float:left;position:absolute;top:100%;left:-999em;z-index:99999}
.main-navigation ul ul ul{left:-999em;top:0}
.main-navigation ul ul li.focus>ul,.main-navigation ul ul li:hover>ul{left:100%}
.main-navigation ul ul a{width:200px}
.main-navigation ul li.focus>ul,.main-navigation ul li:hover>ul{left:auto}
.main-navigation li{float:left;position:relative}
.main-navigation a{display:block;text-decoration:none}
/* Small menu. */
.main-navigation.toggled ul,.menu-toggle{display:block}
@media screen and (min-width:37.5em){.menu-toggle{display:none}.main-navigation ul{display:block}}
.site-main .comment-navigation,.site-main .post-navigation,.site-main .posts-navigation{margin:0 0 24px;overflow:hidden}
.comment-navigation .nav-previous,.post-navigation .nav-previous,.posts-navigation .nav-previous{float:left;width:50%}
.comment-navigation .nav-next,.post-navigation .nav-next,.posts-navigation .nav-next{float:right;text-align:right;width:50%}
.site-header { padding:32px 0; }
.posts-navigation{display:grid;grid-template-columns:repeat(12,1fr)}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}
.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;clip-path:none;color:#21759b;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus{outline:0}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft{display:inline;float:left;margin-right:24px}
.alignright{display:inline;float:right;margin-left:24px}
.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
aside,footer{font-size:88%;margin-top:32px;}
.widget{margin:0}
.widget h5 {margin:0 0 8px 0;}
.widget select{max-width:100%}
.widget .inner{padding-left:8px;padding-right:8px}


/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
.entry-content{display:grid;grid-template-columns:1fr 1fr 10px 90% 10px 1fr 1fr}
.entry-content>*{grid-column:4}
.pattern__3-6-3{margin:0 auto;width:90%}

.inner{padding-left:16px;padding-right:16px}

.entry-content>.blockquote,blockquote{grid-column:4/5;padding-left:10px;position:relative;z-index:1}
.blockquote:before{content:'‟';position:absolute;font-size:160px;font-weight:700;top:-72px;left:-32px;color:hsla(0,0%,0%,.1);z-index:-1}

.caption{margin:0 0 24px;grid-column:4;text-align:center;font-family:monospace}

/*.entry-content h2{grid-column:2/6;margin:16px 0 0;position:relative;z-index:1}*/
/*@supports (display:grid){.entry-content h2:after{background:#e53b34;border-radius:8px;bottom:-2.4em;content:'';height:48px;left:.1em;position:absolute;width:4px;z-index:-1}}*/
/*.entry-content p{z-index:1}*/

/* Image variations */
.mid{grid-column:2/-2;margin:24px 0}
p.wide{margin:0;padding:0}
.wide{grid-column:1/-1!important}
.wide>img{margin:32px 0 0}

.post-navigation{display:grid;grid-gap:16px;grid-template-columns:repeat(12,1fr);margin:0 auto;max-width:1200px;padding:0 16px;}
.nav-links{background:rgba(20, 79, 101, 0.1);grid-column:span 12;padding:8px}

.entry-footer{border-top:1px solid #C4D2DA;border-bottom:1px solid #C4D2DA;margin:0 0 40px 0;padding:8px 0}
.site-footer{border-top:1px solid #cbd3dc;color:#8691A7;max-width:100%;margin-top:32px;padding:24px 0}
.site-footer p{margin:0}

/* [TK]--WIP */
	.post-thumbnail{margin:0 auto 16px;text-align:center}
	.post-thumbnail img{width:100%!important;height:auto;border:1px solid #ff0}

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky{display:block}
.updated:not(.published){display:none}
/*.hentry{margin:0 0 24px}*/
/*.entry-content,.entry-summary,.page-content{margin:24px 0 0}*/
/*.page-links{clear:both;margin:0 0 24px}*/

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a{word-wrap:break-word}
.bypostauthor{display:block}
/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
/* Theme Footer (when set to scrolling) */
.infinite-scroll .posts-navigation,.infinite-scroll.neverending .site-footer{display:none}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer{display:block}
/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.comment-content .wp-smiley,.entry-content .wp-smiley,.page-content .wp-smiley{border:none;margin-bottom:0;margin-top:0;padding:0}
/* Make sure embeds and iframes fit their containers. */
/* [TK] -- VIDEO EMBED CODE */
embed,iframe,object{max-width:100%}
/* Make sure logo link wraps around logo image. */
.custom-logo-link{display:inline-block}

/*--------------------------------------------------------------
## Captions -- [TK]
--------------------------------------------------------------*/
.wp-caption{margin-bottom:24px;max-width:100%}
.wp-caption img[class*=wp-image-]{display:block;margin-left:auto;margin-right:auto}
.wp-caption .wp-caption-text{margin:.8075em 0}
.wp-caption-text{text-align:center}
/*--------------------------------------------------------------
## Galleries -- [TK]
--------------------------------------------------------------*/
.gallery{margin-bottom:24px}
.gallery-item{display:inline-block;text-align:center;vertical-align:top;width:100%}
.gallery-columns-2 .gallery-item{max-width:50%}
.gallery-columns-3 .gallery-item{max-width:33.33%}
.gallery-columns-4 .gallery-item{max-width:25%}
.gallery-columns-5 .gallery-item{max-width:20%}
.gallery-columns-6 .gallery-item{max-width:16.66%}
.gallery-columns-7 .gallery-item{max-width:14.28%}
.gallery-columns-8 .gallery-item{max-width:12.5%}
.gallery-columns-9 .gallery-item{max-width:11.11%}
.gallery-caption{display:block}

/*
= = = = = =
Breakpoints:
- 544	Small screen / phone
- 768	Medium screen / tablet
– 1012	Large screen / desktop
- 1280	Extra large screen / wide desktop
* Adapted from GitHub's breakpoints:
* https://styleguide.github.com/primer/support/breakpoints/
= = = = = =
*/
@media (min-width: 544px) { }
@media (min-width: 768px) {  }
@media (max-width: 1011px) { }
@media (min-width: 1012px) {
	body,button,input,optgroup,select,textarea{font-size:18px;font-size:1.125rem;line-height:1.6}
	h1{font-size:2.799em}
	h2{font-size:2.333em}
	h3{font-size:1.944em}
	h4{font-size:1.620em}
	h5{font-size:1.350em}
	h6{font-size:1.125em}
	/*.site-header{grid-template-columns:192px 1fr 128px 24px;margin:32px 0 80px 0;}*/
	.maker-logo{grid-column:3;margin-top:24px}
	.entry-meta,.entry-footer{font-size:.833em}
	.comment-reply-title{font-size:1.62em}
	.archive .page-header{margin:32px 0}
	.entry-content{display:grid;grid-template-columns:1fr 1fr 10px 62% 10px 1fr 1fr}
	h1.site-title,.site-description,.entry-title,.entry-meta {padding:0 24px;}
	/*@supports (display:grid){.entry-content h2:after{background:#e53b34;border-radius:8px;bottom:-.89em;content:'';height:8px;left:0;position:absolute;width:10%;z-index:-1}}*/
	.pattern__3-6-3{margin:0 auto;width:100%}
	.inner{padding-left:16px;padding-right:16px}
	.nav-links{grid-column:3/11;border-radius: 4px;padding:8px 8px;}
	.widget{margin:0 0 0}
}
@media (min-width: 1280px) { }