/*
Theme Name: Arbutus
Theme URI: http://themes.halsey.co/arbutus/
Author: Nick Halsey
Author URI: https://celloexpressions.com/
Description: Arbutus is a minimalist photography theme that transforms your site into a visually stimulating canvas of cleanly layered images and content. Meticulously designed with simplicity in mind, Arbutus displays your content with no distractions. Arbutus features opinionated post format designs so that all types of content can be displayed in a way that captures the attention of your viewers. The home page includes an optional header image or video, which is displayed in a large featured section with your site logo, title, and tagline. Arbutus is a theme that emphasizes images and content through a simple modern design, providing a site experience that your users are sure to enjoy.
Version: 1.3
Requires PHP: 5.6
Requires at least: 5.2
Tested up to: 5.7
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: arbutus
Tags: one-column, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-image-header, featured-images, footer-widgets, post-formats, theme-options, threaded-comments, translation-ready, photography, accessibility-ready, wide-blocks

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Arbutus WordPress theme (C) 2021 Nick Halsey.
Arbutus is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 - Reset
2.0 - Typography
3.0 - Elements
4.0 - Forms
5.0 - Navigation
	5.1 - Links
	5.2 - Menus
6.0 - Accessibility
7.0 - Alignments
8.0 - Clearings
9.0 - Widgets
10.0 - Content
	10.1 - Posts and pages
	10.2 - Asides
	10.3 - Comments
11.0 - Infinite scroll
12.0 - Media
	12.1 - Captions
	12.2 - Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 - Reset
--------------------------------------------------------------*/
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, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

html {
	font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
	overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */
	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
	-ms-text-size-adjust:     100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}

*,
*:before,
*:after { /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
	-webkit-box-sizing: border-box; /* Not needed for modern webkit but still used by Blackberry Browser 7.0; see http://caniuse.com/#search=box-sizing */
	-moz-box-sizing:    border-box; /* Still needed for Firefox 28; see http://caniuse.com/#search=box-sizing */
	box-sizing:         border-box;
}

body {
	background: hsl(220, 0%, 100%);
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display: block;
}

ol, ul {
	list-style: none;
}

table { /* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;

}

caption, th, td {
	font-weight: normal;
	text-align: left;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

a img {
	border: 0;
}

/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: hsl(220, 10%, 13%);
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-family: Raleway, sans-serif;
	font-weight: 400;
	line-height: 1.5;
}

h1 {
	font-size: 36px;
}

h2 {
	font-size: 32px;
}

h3 {
	font-size: 28px;
}

h4 {
	font-size: 24px;
}

h5 {
	font-size: 20px;
}

h6 {
	font-size: 18px;
}

p {
	margin: 0 0 24px 0;
}

b, strong {
	font-weight: bold;
}

dfn, cite, em, i {
	font-style: italic;
}

blockquote,
blockquote.wp-block-quote,
.wp-block-quote {
	margin: 0 0 24px 48px;
}

cite,
.wp-block-quote__citation,
.wp-block-quote cite,
.wp-block-quote footer {
	color: inherit;
	font-size: 12px;
	font-style: italic;
}

address {
	margin: 0 0 24px;
}

pre {
	background: hsl(220, 10%, 88%);
	font-family: monospace;
	font-size: 16px;
	line-height: 1.2;
	margin-bottom: 24px;
	max-width: 100%;
	overflow: auto;
	padding: 24px;
}

code, kbd, tt, var {
	font: 16px monospace;
	background: rgba(0, 0, 0, .2);
	padding: 2px 3px;
}

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

mark, ins {
	background: #fff9c0;
	text-decoration: none;
}

sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

small {
	font-size: 75%;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/
hr {
	background-color: hsl(220, 10%, 88%);
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul, ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: square;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

figure {
	margin: 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

th {
	font-weight: bold;
	background: hsl(220, 10%, 88%);
}

/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/
button,
input,
select,
textarea {
	font-size: 100%; /* Corrects font size not being inherited in all browsers */
	margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
	vertical-align: baseline; /* Improves appearance and consistency in all browsers */
}

button,
.button,
.site-content .entry-content .button,
.wp-block-button__link,
.site-content .entry-content .wp-block-file__button,
.site-content .entry-content .wp-block-button__link,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: none;
	border-radius: 0;
	box-shadow: none;
	background: hsl(220, 80%, 35%);
	color: hsl(220, 0%, 100%);
	cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
	display: inline-block;
	font-size: 14px;
	line-height: 1;
	padding: 13px 18px;
	transition: .18s all ease-in-out;
	text-decoration: none;
}

button:focus,
.button:focus,
.site-content .entry-content .button:focus,
.wp-block-button__link:focus,
.site-content .entry-content .wp-block-file__button:focus,
.site-content .entry-content .wp-block-button__link:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:hover,
.button:hover,
.site-content .entry-content .button:hover,
.wp-block-button__link:hover,
.site-content .entry-content .wp-block-file__button:hover,
.site-content .entry-content .wp-block-button__link:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	background: hsl(220, 0%, 100%);
	color: hsl(220, 10%, 13%);
	box-shadow: 0 0 0 2px inset currentColor;
}

.button:active,
button:active,
.site-content .entry-content .button:active,
.wp-block-button__link:active,
.site-content .entry-content .wp-block-file__button:active,
.site-content .entry-content .wp-block-button__link:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	-webkit-transform: scale(.95);
	-moz-transform: scale(.95);
	transform: scale(.95);
}
input[type="checkbox"],
input[type="radio"] {
	padding: 0; /* Addresses excess padding in IE8/9 */
}
input[type="search"] {
	-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
}
input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
	-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
	border: 0;
	padding: 0;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	color: hsl(220, 10%, 25%);
	border: 1px solid hsl(220, 10%, 88%);
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: hsl(220, 10%, 13%);
	border: 1px solid hsl(220, 25%, 35%);
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
	padding: 3px;
}

textarea {
	overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
	padding: 3px;
	vertical-align: top; /* Improves readability and alignment in all browsers */
	width: 100%;
}

/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/


/*--------------------------------------------------------------
5.2 Menus
--------------------------------------------------------------*/
.main-navigation ul li:hover > ul {
	left: auto;
}

.main-navigation ul ul li:hover > ul {
	left: 100%;
}

.main-navigation .current_page_item a,
a[aria-current] {
	font-style: italic;
}

/* Small menu */
.menu-toggle {
	display: none;
}
@media screen and (max-width: 600px) {
	.menu-toggle,
	.main-navigation.toggled .nav-menu {
		display: block;
	}

	.main-navigation ul {
		display: none;
	}
}
.site-main .comment-navigation,
.site-main .paging-navigation,
.site-main .post-navigation {
	margin: 0;
	overflow: hidden;
}
.comment-navigation .nav-previous,
.paging-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}
.comment-navigation .nav-next,
.paging-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
6.0 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

/*--------------------------------------------------------------
7.0 Alignments
--------------------------------------------------------------*/
.alignleft,
.wp-block-image .alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright,
.wp-block-image .alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter,
.wp-block-image .aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}

.wp-caption.alignleft,
.wp-block-image .alignleft {
	margin-right: 1.5em;
}

.wp-caption.alignright,
.wp-block-image .alignright {
	margin-left: 1.5em;
}


/**
 * Full & wide block alignments
 */

@media screen and (min-width: 601px) {
	.alignfull,
	.alignwide {
		margin-left: calc(-100vw / 2 + 960px / 2 - 304px + 8px); /* 1/2 content width - viewport width - post meta float */
		margin-right: calc(-100vw / 2 + 960px / 2 + 9px);
		text-align: center;
		width: auto;
		max-width: 100vw;
	}
}

@media screen and (min-width:1280px) {
	.alignwide {
		width: 1280px;
		margin-left: calc(-304px - 160px); /* 304px left float for post meta + (1280-960)/2 */
		margin-right: -160px;
	}
}

.alignwide figcaption,
.alignfull figcaption,
.wp-block-image.alignwide figcaption,
.wp-block-image.alignfull figcaption {
	max-width: 960px;
	margin: 0 auto;
	padding: 16px 0;
	text-align: center;
}


/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-body:before,
.comment-body:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: '';
	display: table;
}

.clear:after,
.entry-content:after,
.comment-body:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 24px;
}

/* Make sure select elements fit in widgets */
.widget select {
	max-width: 100%;
}

/* Search widget */
.widget_search .search-submit {
	display: none;
}

/*--------------------------------------------------------------
10.0 Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
10.1 Posts and pages
--------------------------------------------------------------*/
.sticky {
}
.byline,
.updated {
	display: none;
}
.single .byline,
.group-blog .byline {
	display: inline;
}


/*--------------------------------------------------------------
10.2 Asides
--------------------------------------------------------------*/

/*--------------------------------------------------------------
10.3 Comments
--------------------------------------------------------------*/
.comment-body a {
	word-wrap: break-word;
}
.bypostauthor {
}

/*--------------------------------------------------------------
12.0 Media
--------------------------------------------------------------*/
.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-body img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
12.1 Captions
--------------------------------------------------------------*/
.wp-caption,
.wp-block-image .figcaption {
	margin-bottom: 24px;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}

.wp-caption-text,
.wp-block-image figcaption,
.blocks-gallery-caption,
.wp-block-embed figcaption {
	text-align: center;
	margin: 0 auto;
	color: inherit;
	line-height: inherit;
	font-size: 16px;
}

/* Arbutus Styles */
::selection {
	background: hsl(220, 80%, 35%);
	color: hsl(220, 0%, 100%);
}

::-moz-selection {
	background: hsl(220, 80%, 35%);
	color: hsl(220, 0%, 100%);
}

body {
	margin: 0;
	padding: 0;
	font: normal 16px/24px 'Open Sans', sans-serif;
	background: hsl(220, 0%, 100%);
	color: hsl(220, 10%, 13%);
}

.inner {
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
}

a {
	color: inherit;
	text-decoration: none;
	transition: .12s all ease-in-out;
}

.entry-content a,
.comment-body a {
	text-decoration: underline;
}

.entry-title a,
.entry-meta a,
.format-quote a,
a.button {
	text-decoration: none;
}

a:hover,
a:focus,
a:active,
.widget-area a:hover,
.widget-area a:focus,
.widget-area a:active,
.site-footer a:hover,
.site-footer a:focus,
.site-footer a:active {
	color: hsl(220, 80%, 35%);
	text-decoration: none;
}

.site-header {
	background: hsl(220, 10%, 13%);
	color: hsl(220, 0%, 100%);
	width: 100%;
	padding: 0 16px;
	margin: 0;
}

.site-header .inner {
	max-width: 1080px;
}

.home .has-header-image .site-branding {
	min-height: calc(90vh - 64px);
	margin-top: 10vh;
}

.admin-bar.home .has-header-image .site-branding {
	min-height: calc(90vh - 96px);
}

.site-title {
	margin: 0;
}

.site-title a {
	font-family: Raleway, sans-serif;
    font-weight: 400;
	font-size: 32px;
	line-height: 64px;
	margin: 0;
	float: left;
	color: hsl(220, 0%, 100%);
	text-decoration: none;
}

.site-title a:hover,
.site-title a:focus,
.site-title a:active {
	color: hsl(220, 10%, 88%);
	text-decoration: underline;
}

.custom-logo {
	float: left;
	height: 64px;
	margin-right: 16px;
	width: auto;
	transition: all .1s ease-in-out;
}

.custom-logo-link:focus,
.custom-logo-link:active,
.custom-logo-link:hover {
	opacity: 0.8;
}

.custom-logo-link:focus img {
	box-shadow: 0 0 0 3px inset;
}

.home .has-header-image .custom-logo {
	float: none;
	height: auto;
	padding: 0;
	width: auto;
}

/* Header with image */
.site-header.has-header-image {
	background: transparent;
	height: auto;
	padding: 0;
	text-align: center;
}

.has-header-image .site-title {
	color: hsl(220, 0%, 100%);
	text-shadow: 2px 2px 0 rgba(0, 0, 0, .5),
				 2px -2px 0 rgba(0, 0, 0, .5),
				 -2px 2px 0 rgba(0, 0, 0, .5),
				 -2px -2px 0 rgba(0, 0, 0, .5);
	font-size: 96px;
	line-height: 1.2;
	margin: 48px 0 0 0;
}

.has-header-image .site-description {
	color: hsl(220, 0%, 100%);
	text-shadow: 1px 1px 0 rgba(0, 0, 0, .5),
				 1px -1px 0 rgba(0, 0, 0, .5),
				 -1px 1px 0 rgba(0, 0, 0, .5),
				 -1px -1px 0 rgba(0, 0, 0, .5);
	font-size: 48px;
	line-height: 1.5;
	margin: 48px 0 256px;
}

.main-nav {
	float: right;
	margin: 0;
	background: hsl(220, 10%, 13%);
}

.home .has-header-image .main-nav {
	display: block;
	clear: both;
	float: left;
	width: 100%;
}

.main-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.main-nav li {
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
}

.main-nav li a {
	font-size: 16px;
	line-height: 1;
	padding: 24px 32px;
	display: block;
	text-decoration: none;
	color: hsl(220, 0%, 100%);
	border-bottom: 0 solid currentColor;
	height: 64px;
}

.main-nav li > a:hover,
.main-nav li > a:focus,
.main-nav li a[aria-current] {
	background: hsl(220, 0%, 0%);
	color: hsl(220, 50%, 65%);
	border-bottom: 6px solid currentColor;
	padding-bottom: 18px;
}

/* Sub-menus */
.main-nav .sub-menu {
	display: none;
	position: absolute;
	background: hsl(220, 10%, 13%);
	width: 272px;
	text-align: center;
}

.main-nav .menu-item:hover > .sub-menu,
.main-nav .menu-item.focus > .sub-menu {
	display: block;
	z-index: 999;
}

.main-nav .sub-menu li {
	display: block;
	float: none;
}

.main-nav .menu-item-has-children > a:after {
	content: "\25BE";
	margin-left: 5px;
	font-size: 16px;
	color: hsl(220, 0%, 100%);
}

/* Sub-sub menus */
.main-nav .sub-menu .menu-item-has-children > a:after {
	content: "\25B8";
}
.main-nav .sub-menu .sub-menu {
	left: 100%;
	top: 0;
}

/* Posts */

.post {
	margin: 0;
	padding: 0;
}

.entry-header,
.search .page .entry-header {
	width: 100%;
	margin: 0;
	padding: 256px 0;
	min-height: calc(100vh - 64px);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.admin-bar .entry-header,
.admin-bar.search .page .entry-header {
	min-height: calc(100vh - 96px);
}

.archive .entry-header,
.home .entry-header,
.search .page .entry-header {
	height: 100vh;
	padding: calc(50vh - 75px);
	background-color: hsl(220, 10%, 13%); /* Fallback for while images are loading. */
}

.entry-header .entry-title {
	text-align: center;
}

.entry-header .entry-title,
.entry-header .entry-title a {
	color: hsl(220, 0%, 100%);
	text-decoration: none;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, .5),
				 1px -1px 0 rgba(0, 0, 0, .5),
				 -1px 1px 0 rgba(0, 0, 0, .5),
				 -1px -1px 0 rgba(0, 0, 0, .5);
	font-size: 64px;
	line-height: 1.4;
}

.entry-header .entry-title a:focus,
.entry-header .entry-title a:hover,
.entry-header .entry-title a:active {
	color: hsl(220, 10%, 88%);
	text-decoration: underline;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 1),
				 1px -1px 0 rgba(0, 0, 0, 1),
				 -1px 1px 0 rgba(0, 0, 0, 1),
				 -1px -1px 0 rgba(0, 0, 0, 1);
}

.blog .entry-content.columns .inner,
.search .entry-content.columns .inner,
.archive .entry-content.columns .inner {
	-webkit-column-count: 3;
	column-count: 3;
	-webkit-column-gap: 32px;
	column-gap: 32px;
}

.entry-content {
	background: hsl(220, 0%, 100%); /* alternate dark color scheme theme option */
	padding: 48px 0;
}

.excerpt-more {
	display: block;
	clear: both;
	float: left;
}

.excerpt-more.button {
	background: hsl(220, 10%, 13%);
	color: hsl(220, 0%, 100%);
}

.excerpt-more:hover,
.excerpt-more:focus,
.excerpt-more:active {
	color: hsl(220, 0%, 100%);
	background: hsl(220, 80%, 35%);
	text-decoration: none;
}

/**
 * Single post view.
 */
.page .entry-header,
.single .entry-header {
	background: transparent;
}

.home .wp-custom-header img,
.home .wp-custom-header video,
.home .wp-custom-header iframe {
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
	min-width: 100%;
	max-width: 1000%; /* Ensure that video isn't stretched; however, it may be zoomed in. */
	min-height: 100%;
	width: auto;
	height: auto;
}

/* For browsers that support 'object-fit', based on Twenty Seventeen */
@supports ( object-fit: cover ) {
	.home .wp-custom-header img,
	.home .wp-custom-header video,
	.home .wp-custom-header iframe {
		height: 100%;
		left: 0;
		-o-object-fit: cover;
		object-fit: cover;
		top: 0;
		-ms-transform: none;
		-moz-transform: none;
		-webkit-transform: none;
		transform: none;
		width: 100%;
	}
}


.page .entry-header #full-page-image,
.single .entry-header #full-page-image {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: -1;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	background-position: center center;
	background-color: hsl(220, 10%, 13%); /* Fall back to the primary color in the default image. */
}

.wp-custom-header-video-button {
	color: hsl(220, 0%, 100%);
	background: hsl(220, 10%, 13%);
	float: right;
}

.wp-custom-header-video-button:hover,
.wp-custom-header-video-button:focus {
	color: hsl(220, 0%, 100%);
	background: hsl(220, 80%, 35%);
}

.single-content {
	width: -webkit-calc(100% - 304px);
	width: calc(100% - 304px);
	float: right;
}

.single-content.columns {
	-webkit-column-count: 2;
	column-count: 2;
	-webkit-column-gap: 48px;
	column-gap: 48px;
}

.entry-footer.entry-meta {
	width: 256px;
	float: left;
}

.entry-meta .author a {
	color: hsl(220, 10%, 13%);
	font-size: 18px;
	font-weight: bold;
}

.entry-meta .author a:hover,
.entry-meta .author a:focus {
	text-decoration: underline;
}

.post-categories a:focus,
.post-categories a:hover,
.post-categories a:active {
	text-decoration: none;
	background: hsl(220, 25%, 35%);
	color: hsl(220, 0%, 100%);
}

.entry-meta .author:first-letter {
	background: hsl(220, 10%, 13%);
	color: hsl(220, 0%, 100%);
	padding: 2px 6px;
	margin-right: 4px;
	font-size: 32px;
	font-weight: bold;
	vertical-align: bottom;
	text-decoration: none;
}

.entry-date {
	font-size: 28px;
}

.post-categories {
	list-style: none;
	margin: 0;
}

.post-categories li {
	margin: 0 0 20px 0;
}

.post-categories a {
	border: 3px solid hsl(220, 25%, 35%);
	padding: 5px 11px;
	color: hsl(220, 10%, 13%);
}

.post-tags {
    margin: 16px 0 16px 12px;
}

.post-tags {
	list-style: none;
}

.post-tags a {
    background: hsl(220, 10%, 25%);
    color: hsl(220, 0%, 100%);
    display: inline-block;
	white-space: nowrap;
    padding: 0 8px;
    margin: 4px 0 0 0;
    position: relative;
    font-size: 16px;
    line-height: 28px;
}

.post-tags a:before,
.post-tags a:after {
    content: " ";
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    width: 24px;
    height: 28px;
    overflow: hidden;
    display: block;
    position: absolute;
    top: 0;
}

.post-tags a:before {
    border-right: 12px solid hsl(220, 10%, 25%);
    left: -24px;
}

.post-tags a:after {
    border-left: 12px solid hsl(220, 10%, 25%);
    right: -24px;
}

.post-tags a:hover,
.post-tags a:focus,
.post-tags a:active {
	text-decoration: none;
	padding: 0 24px;
	color: hsl(220, 0%, 100%)
}

.site-content .post-image.button {
	background: hsl(220, 10%, 13%);
	color: hsl(220, 0%, 100%);
	margin: 0 0 16px 0;
	display: inline-block;
}

.edit-link a {
	font-weight: bold;
	display: block;
	text-decoration: underline;
}

.edit-link a:hover,
.edit-link a:focus {
	text-decoration: none;
}

/**
 * Pages
 */
.page .entry-content.columns .inner {
	-webkit-column-count: 2;
	column-count: 2;
	-webkit-column-gap: 64px;
	column-gap: 64px;
}

/**
 * Post Formats
 */
.blog .format-image,
.search .format-image,
.archive .format-image {
	border-bottom: 16px solid hsl(220, 0%, 0%);
}

.format-aside .entry-content {
	background: hsl(220, 10%, 88%);
	font-size: 20px;
	line-height: 32px;
}

.format-aside .inner p:first-child:first-letter {
	background: hsl(220, 10%, 13%);
	color: hsl(220, 0%, 100%);
	padding: 4px 8px;
	font-weight: bold;
}

.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

.format-quote .entry-content {
	background: hsl(220, 10%, 13%);
	color: hsl(220, 0%, 100%);
	font-size: 20px;
	line-height: 32px;
}

.format-quote .entry-content > a:hover,
.format-quote .entry-content > a:focus,
.format-quote .entry-content > a:active {
	text-decoration: none;
}

.format-quote .entry-content .inner,
.format-gallery .entry-content .inner,
.format-audio .entry-content .inner,
.format-video .entry-content .inner {
	-webkit-column-count: 1;
	column-count: 1;
}

.format-quote .entry-content a {
	color: hsl(220, 10%, 88%);
}

.format-quote blockquote {
	font-size: 48px;
	line-height: 64px;
	margin-left: 96px;
	position: relative;
}

.format-quote blockquote:before {
	content: "\201C";
	position: absolute;
	left: -96px;
	font-size: 64px;
}

.format-gallery .entry-content {
	background: hsl(220, 10%, 13%);
	color: hsl(220, 0%, 100%);
}

.format-gallery .entry-content a {
	color: hsl(220, 10%, 88%);
}

.format-gallery .entry-meta .post-image.button,
.format-gallery .entry-meta #fsg-launch-button {
	box-shadow: 0 0 0 2px inset currentColor
}

.format-standard .gallery-caption,
.format-standard .wp-block-gallery .blocks-gallery-image figcaption,
.format-standard .wp-block-gallery .blocks-gallery-item figcaption {
	color: hsl(220, 10%, 13%);
	background: transparent;
}

.format-standard .wp-block-image figcaption {
	background: hsl(220, 10%, 88%);
	margin-top: -8px;
	padding: 16px;
}

.format-standard .wp-block-image img {
	border-bottom: 1px solid;
}

/* Gallery  Excerpts */
.gallery-excerpt {
	list-style: none;
	margin: 0;
	padding: 0;
}

.gallery-excerpt-item {
	display: block;
	float: left;
	margin: 0 8px 0 0;
	padding: 0;
	width: 185px;
	height: 185px;
	overflow: hidden;
}

.gallery-excerpt-item:last-child {
	margin: 0;
}

.gallery-excerpt .excerpt-more.button {
	background: hsl(220, 10%, 88%);
	color: hsl(220, 10%, 13%);
	font-weight: bold;
	font-size: 18px;
	line-height: 185px;
	padding: 0 16px;
	border-radius: 0;
	text-align: center;
	width: 185px;
}

.gallery-excerpt .excerpt-more.button:hover,
.gallery-excerpt .excerpt-more.button:focus,
.gallery-excerpt .excerpt-more.button:active {
	background: hsl(220, 80%, 35%);
	color: hsl(220, 0%, 100%);
	text-decoration: underline;
}

.gallery-excerpt-image {
	min-width: 100%;
	min-height: 100%;
	max-width: none;
}

.gallery-excerpt-image.landscape {
	height: 300px;
}

.gallery-excerpt-image.portrait {
	width: 300px;
}

.gallery-excerpt-image.landscape.wide {
	margin-left: -33%; /* Show something closer to the center of the image in cropping it. */
}

.gallery-excerpt-image.portrait.tall {
	margin-top: -33%;
}


.home .format-gallery .entry-content,
.search .format-gallery .entry-content,
.archive .format-gallery .entry-content {
	padding: 8px 8px 0 8px;
	position: relative;
	height: 316px;
	overflow: hidden;
}

.home .format-gallery .entry-content .inner,
.archive .format-gallery .entry-content .inner,
.search .format-gallery .entry-content .inner {
	max-width: none;
	margin: 0;
	width: calc(100% + 300px)
}

.gallery-excerpt-item {
	width:300px;
	height: 300px;
	margin: 0 8px 8px 0;
}

.gallery-excerpt-item:last-child {
	width: auto;
	height: auto;
}

.gallery-excerpt .gallery-excerpt-item:last-child .excerpt-more.button {
	display: flex;
	align-items: center;
	position: absolute;
	right: 0;
	top: 8px;
	width: 150px;
	height: 300px;
	line-height: 1.5;
	background: rgba(0, 0, 0, .55);
	color: hsl(220, 0%, 100%);
	border-right: 8px solid hsl(220, 10%, 13%);
	font-weight: normal;
}

.gallery-excerpt .gallery-excerpt-item:last-child .excerpt-more.button:hover,
.gallery-excerpt .gallery-excerpt-item:last-child .excerpt-more.button:focus {
	background: hsl(220, 10%, 13%);
}

@media screen and (max-width:815px) {
	.home .format-gallery .entry-content,
	.archive .format-gallery .entry-content,
	.search .format-gallery .entry-content {
		height: 324px;
	}

	.gallery-excerpt-item {
		width: 150px;
		height: 150px;
	}

	.gallery-excerpt-image.landscape {
		height: 150px;
	}

	.gallery-excerpt-image.portrait {
		width: 150px;
	}

	.home .format-gallery .entry-content .inner,
	.search .format-gallery .entry-content .inner,
	.archive .format-gallery .entry-content .inner {
		width: 100%;
		padding: 0;
	}

	.gallery-excerpt .gallery-excerpt-item:last-child .excerpt-more.button {
		height: 308px;
	}
}


/* Galleries */
.gallery,
.wp-block-gallery {
	margin-bottom: 20px;
	margin-left: -4px;
}

.gallery-item {
	float: left;
	margin: 0 8px 8px 0;
	overflow: hidden;
	position: relative;
}

.wp-block-gallery .blocks-gallery-item {
	margin: 0 8px 8px 0;
}

.gallery-columns-1.gallery-size-medium,
.gallery-columns-1.gallery-size-thumbnail,
.gallery-columns-2.gallery-size-thumbnail {
	display: table;
	margin: 0 auto 20px;
}

.gallery-columns-1 .gallery-item,
.gallery-columns-2 .gallery-item {
	text-align: center;
}

.gallery-columns-3 .gallery-item {
	max-width: 32%;
	max-width: -webkit-calc(33.33% - 8px);
	max-width:         calc(33.33% - 8px);
}

.gallery-columns-4 .gallery-item {
	max-width: 23%;
	max-width: -webkit-calc(25% - 8px);
	max-width:         calc(25% - 8px);
}

.gallery-columns-5 .gallery-item {
	max-width: 19%;
	max-width: -webkit-calc(20% - 8px);
	max-width:         calc(20% - 8px);
}

.gallery-columns-6 .gallery-item {
	max-width: 15%;
	max-width: -webkit-calc(16.7% - 8px);
	max-width:         calc(16.7% - 8px);
}

.gallery-columns-7 .gallery-item {
	max-width: 13%;
	max-width: -webkit-calc(14.28% - 8px);
	max-width:         calc(14.28% - 8px);
}

.gallery-columns-8 .gallery-item {
	max-width: 11%;
	max-width: -webkit-calc(12.5% - 8px);
	max-width:         calc(12.5% - 8px);
}

.gallery-columns-9 .gallery-item {
	max-width: 9%;
	max-width: -webkit-calc(11.1% - 8px);
	max-width:         calc(11.1% - 8px);
}

.gallery-columns-1 .gallery-item:nth-of-type(1n),
.gallery-columns-2 .gallery-item:nth-of-type(2n),
.gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-4 .gallery-item:nth-of-type(4n),
.gallery-columns-5 .gallery-item:nth-of-type(5n),
.gallery-columns-6 .gallery-item:nth-of-type(6n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-8 .gallery-item:nth-of-type(8n),
.gallery-columns-9 .gallery-item:nth-of-type(9n) {
	margin-right: 0;
}

.gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1),
.gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) {
	clear: left;
}

.gallery-caption,
.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption {
	box-sizing: border-box;
	color: hsl(220, 0%, 100%);
	background: hsl(220, 10%, 13%);
	font-size: 14px;
	line-height: 1.2;
	margin: 0 0 8px;
	padding: 7px;
	position: relative;
	bottom: 0;
	left: 0;
	text-align: left;
	width: 100%;
}

.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}

/* Block Galleries */
.wp-block-gallery .blocks-gallery-item {
	justify-content: start;
}

.wp-block-gallery .blocks-gallery-item figure,
.wp-block-gallery .blocks-gallery-item image {
	display: block;
	height: fit-content;
}

/* Audio/video formats */
.format-audio .entry-content,
.format-video .entry-content {
	background: hsl(220, 10%, 88%);
}

.format-audio .entry-title a,
.format-video .entry-title a {
	font-size: 32px;
	line-height: 48px;
	color: hsl(220, 10%, 13%);
}

/**
 * Archives
 */
.page-header {
	background: hsl(220, 10%, 25%);
	color: hsl(220, 0%, 100%);
	text-align: center;
	padding: 32px 0;
}

.page-title {
	font-size: 64px;
	line-height: 96px;
}

.page-header p {
	margin: 0; /* Typically would be in taxonomy term description, which is typically only one paragraph. */
}

.taxonomy-description a {
	text-decoration: underline;
}

.taxonomy-description a:hover {
	text-decoration: none;
	color: inherit;
}

/**
 * Post/Paging navigation
 */
.post-navigation,
.paging-navigation {
	background: hsl(220, 10%, 25%);
	color: hsl(220, 0%, 100%);
	padding: 48px 0;
	margin: 0;
	font-size: 36px;
	line-height: 48px;
}

.post-navigation a,
.paging-navigation a {
	color: hsl(220, 0%, 100%);
	text-decoration: none;
}

.post-navigation a:focus,
.post-navigation a:hover,
.post-navigation a:active,
.paging-navigation a:hover,
.paging-navigation a:focus,
.paging-navigation a:active {
	color: hsl(220, 10%, 88%);
	text-decoration: underline;
}


/* media */
.hentry .wp-playlist-item {
	padding: 11px 3px;
}

.hentry .wp-playlist-item-length {
	top: 9px;
}

.hentry .mejs-controls .mejs-time-rail .mejs-time-current {
	background: hsl(220, 80%, 35%);
}

.mejs-container {
	margin-bottom: 24px;
}

.attachment .entry-caption {
	font-size: 24px;
	font-weight: 300;
	line-height: 1.3;
}

/* comments */
.comments-area {
	background: hsl(220, 0%, 100%);
	color: hsl(220, 10%, 13%);
	width: 100%;
	max-width: 640px;
	margin: 96px auto;
	padding: 48px;
}

.comment-reply-title {
	font-size: 36px;
	line-height: 48px;
	text-align: center;
}

.logged-in-as {
	margin: 16px 0;
}

ol.comment-list {
    list-style: none;
    margin: 0 0 48px 0;
}

.comment-list article {
    padding: 12px 0;
    border-bottom: 1px solid hsl(220, 10%, 88%);
}

.comment .reply {
    float: right;
    margin-top: -24px;
}

.comment-body p:last-child {
    margin-bottom: 0;
}

.comment-meta .avatar {
    float: left;
    margin-right: 8px;
}

.comment-meta .says {
    display: none;
}

.comment-metadata > a {
    float: left;
	margin-left: 8px;
	font-size: 12px;
}

.comment-metadata {
    line-height: 32px;
    margin-left: 8px;
}

.comment-author.vcard {
    float: left;
    line-height: 32px;
}

.comment-edit-link {
    float: right;
}

.comment-body {
	display: block;
	clear: both;
	padding-top: 8px;
}

ol.comment-list ol.children {
	list-style: none;
	margin-left: 32px;
}

.comments-area a {
	text-decoration: underline;
}

.comments-area a:hover,
.comments-area a:focus {
	text-decoration: none;
}

.comment-content {
    clear: both;
    display: block;
}

/* Widgets */
.widget-area {
	background: hsl(220, 10%, 13%);
	color: hsl(220, 0%, 100%);
	margin: 0;
	padding: 32px 0;
}

.widget-area a {
	color: hsl(220, 10%, 88%);
	text-decoration: none;
}

.widget-area a:hover,
.widget-area a:focus {
	color: hsl(220, 50%, 65%);
	text-decoration: underline;
}

.widget {
	width: 320px;
	max-width: 100%;
	padding: 0 32px 32px 0;
}

.widget-title {
	font-size: 24px;
	line-height: 48px;
}

/* Footer */
.site-footer {
	width: 100%;
	background: hsl(220, 0%, 0%);
	color: hsl(220, 10%, 88%);
	padding: 16px 0;
}

.site-footer a {
	color: hsl(220, 10%, 88%);
	text-decoration: none;
}

.site-footer a:hover,
.site-footer a:focus {
	color: hsl(220, 50%, 65%);
	text-decoration: underline;
}

.site-info {
	float: left;
	position: relative;
}

/* Misc */
.error-404 .page-content {
	padding: 48px 0;
}
input.search-field {
	float: left;
	margin-right: 8px;
	height: 40px;
	padding: 4px 8px;
}

/* Block Styles */
.has-black-color {
	color: hsl(220, 0%, 0%);
}

.has-charcoal-color {
	color: hsl(220, 10%, 13%);
}

.has-light-gray-color {
	color: hsl(220, 10%, 88%);
}

.has-white-color {
	color: hsl(220, 0%, 100%);
}

.has-accent-light-color {
	color: hsl(220, 50%, 65%);
}

.has-accent-dark-color {
	color: hsl(220, 80%, 35%);
}

.has-black-background-color {
	background-color: hsl(220, 0%, 0%);
}

.has-charcoal-background-color {
	background-color: hsl(220, 10%, 13%);
}

.has-light-gray-background-color {
	background-color: hsl(220, 10%, 88%);
}

.has-white-background-color {
	background-color: hsl(220, 0%, 100%);
}

.has-accent-light-background-color {
	background-color: hsl(220, 50%, 65%);
}

.has-accent-dark-background-color {
	background-color: hsl(220, 80%, 35%);
}

.wp-block-image .aligncenter>figcaption,
.wp-block-image .alignleft>figcaption,
.wp-block-image .alignright>figcaption,
.wp-block-image.is-resized>figcaption {
	display: block;
}

/* Media Queries */
@-ms-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}

@media screen and (max-width:980px) {
	.archive .entry-header,
	.home .entry-header,
	.search .page .entry-header {
		padding-left: 0;
		padding-right: 0;
	}
	.inner {
		padding: 0 24px;
	}
	.has-header-image .site-title {
		font-size: 72px;
	}
	.has-header-image .site-description {
		font-size: 42px;
		margin: 21px 0 182px;
	}
	.entry-header {
		padding: 200px 0;
	}
	.entry-header .entry-title,
	.entry-header .entry-title a {
		font-size: 54px;
	}

	.blog .entry-content.columns .inner,
	.search .entry-content.columns .inner,
	.archive .entry-content.columns .inner {
		-webkit-column-count: 2;
		column-count: 2;
	}

	.single-content.columns,
	.page .entry-content.columns .inner {
		-webkit-column-count: 1;
		column-count: 1;
	}
}

@media screen and (max-width:600px) {
	.main-nav {
		float: none;
		max-width: 100%;
	}
	
	.main-nav li {
		max-width: 100%;
	}

	.main-nav li a {
	    overflow: hidden;
	    white-space: nowrap;
	    text-overflow: ellipsis;
	}

	.inner {
		padding: 0 12px;
	}
	.has-header-image .site-title {
		font-size: 52px;
	}
	.has-header-image .site-description {
		font-size: 32px;
		margin: 16px 0 128px;
	}
	.entry-header {
		padding: 156px 0;
	}
	.entry-header .entry-title, .entry-header .entry-title a {
		font-size: 36px;
	}

	.format-quote blockquote {
		font-size: 24px;
		line-height: 36px;
	}

	.entry-footer.entry-meta {
		width: 100%;
		float: none;
		clear: both;
	}
	.single-content {
		width: 100%;
		float: none;
		clear: both;
	}

	.page-title {
		font-size: 40px;
		line-height: 54px;
	}
	.post-navigation,
	.paging-navigation {
		font-size: 24px;
		line-height: 36px;
	}

	.blog .entry-content.columns .inner,
	.search .entry-content.columns .inner,
	.archive .entry-content.columns .inner {
		-webkit-column-count: 1;
		column-count: 1;
	}

	/* VH units don't work on mobile browsers with conditionally-visible browser chrome */
	.home .has-header-image .site-branding {
		min-height: 800px;
		margin-top: 100px;
	}
	
	.admin-bar.home .has-header-image .site-branding {
		min-height: 878px;
	}

	.archive .entry-header,
	.home .entry-header,
	.search .page .entry-header {
		min-height: 900px;
		padding: 300px 0;
	}
}


/* Customize Preview */
.site-title.customize-partial-refreshing,
.site-description.customize-partial-refreshing,
.site-info.customize-partial-refreshing {
	opacity: 1; /* Don't show visible selective refresh indicator, as values are loosely updated in JS initially. */
}

.customize-partial-edit-shortcut-footer_credits {
	position: absolute;
	left: 50%;
	top: -32px;
}

/* Full screen galleries plugin styling */
#fsg-launch-button {
	background: hsl(220, 10%, 13%);
	color: hsl(220, 0%, 100%);
	margin: 0 0 16px 0;
}

#fsg-launch-button:focus,
#fsg-launch-button:hover {
	color: hsl(220, 10%, 13%);
	background: hsl(220, 0%, 100%);
}

#fsg-container,
#fsg-container figcaption,
#fsg-navigation > a,
#fsg-navigation > button {
	background: hsl(220, 10%, 13%);
}

#fsg-container figcaption a {
	color: hsl(220, 50%, 65%);
}

#fsg-navigation > a:hover,
#fsg-navigation > button:hover,
#fsg-navigation > a:focus,
#fsg-navigation > button:focus {
	color: hsl(220, 50%, 65%);
	box-shadow: 0 0 0 3px hsl(220, 50%, 65%) inset;
}