/*
Theme Name: Classic Artisan
Theme URI: http://themes.halsey.co/classic-artisan/
Author: Nick Halsey
Author URI: https://celloexpressions.com/
Description: Classic Artisan features a modern expression of a classic timeless design with a traditional layout meeting bold typography, high contrast, and an elegant background. Ideal for artists, designers, craftspeople, or small businesses, Classic Artisan showcases and adapts to your brand. It minimizes clutter and works great for smaller sites, helping you leave an impression on your visitors without excessive complexity. With a featured home page video or image header, a custom logo, custom color options, featured images, and a menu and widget area, you can make Classic Artisan your own quickly and easily. The background texture is a highly-customizable canvas of tiled colors that's unique on every page view. Classic Artisan is at its best on sites with a few static pages and also supports a clutter-free blog.
Tags: one-column, custom-colors, custom-menu, custom-header, custom-logo, editor-style, featured-images, footer-widgets, theme-options, threaded-comments, translation-ready, accessibility-ready, wide-blocks
Version: 1.2.1
Requires: 5.3
Tested up to: 5.5
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: classic-artisan

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.

Classic Artisan WordPress theme, (C) 2020 Nick Halsey
Classic Artisan is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Typography
3.0 Elements
4.0 Structure
5.0 Forms
6.0 Navigation
	6.1 Links
	6.2 Menus
	6.3 Search
7.0 Accessibility
8.0 Alignments
9.0 Clearings
10.0 Widgets
11.0 Content
	11.1 Posts and pages
	11.2 Comments
12.0 Media
	12.1 Captions
	12.2 Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
--------------------------------------------------------------*/
/* Place this in your template CSS file or Theme CSS Editor */



.entry .entry-content a {
  text-decoration: underline!important;
}

html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0;
	
}


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

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
	max-width: 100%;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

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

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: 800;
}

dfn {
	font-style: italic;
}

small {
	font-size: 80%;
}

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

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 0 0 1em 0;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: 800;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: hsl(250, 20%, 13%);
	font-family: Assistant, sans-serif;
	font-size: 18px;
	line-height: 1.5;
	font-weight: 600;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	margin: 27px 0 18px 0;
	line-height: 1;
	font-weight: 600;
}

h4,
h5,
h6 {
	font-weight: 600;
}

h1 {
	font-size: 54px;
}

h2 {
	font-size: 45px;
}

h3 {
	font-size: 36px;
}

h4 {
	font-size: 27px;
}

h5 {
	font-size: 24px;
}

h6 {
	font-size: 21px;
}

p {
	margin: 0 0 1em 0;
}

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

blockquote,
blockquote.wp-block-quote {
	margin: 0 2em;
	font-style: italic;
	font-size: 24px;
	border-left: 4px solid;
	padding-left: 8px;
}

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

address {
	margin: 0 0 2em;
}

pre {
	background: hsl(250, 20%, 93%);
	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 {
	background: hsl(250, 20%, 93%);
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

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

mark,
ins {
	background: #ff0;
	color: #000;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: hsl(250, 20%, 98%);
}

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

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

hr {
	background-color: hsl(250, 13%, 13%);
	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: 600;
}

dd {
	margin: 0 1.5em 1.5em;
}

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

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

table td,
table th {
	border: 1px solid;
	padding: .25em .5em;
}

table th {
	background: hsl(250, 20%, 93%);
	font-weight: bold;
}


/*--------------------------------------------------------------
4.0 Stucture
--------------------------------------------------------------*/
#classicArtisan {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	box-shadow: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -2;
}

body {
	margin: 0;
	padding: 0;
	background: hsl(250, 20%, 98%);
	z-index: 0;
	overflow: auto;
}

.site-content,
.site-branding,
.main-navigation .menu,
.widget-area {
	margin: 0 auto;
	width: 100%;
	max-width: 996px;
}

.site-header,
.content-area,
.widget-area,
.site-info {
	padding: 0;
	margin: 0 auto;
	background: hsl(250, 20%, 98%);
}

.content-area {
	margin: 18px 0;
	padding: 18px;
}

.widget-area {
	padding: 18px;
	overflow: hidden;
}

.widget-area:empty {
	display: none;
}

@media screen and (max-width:900px) {
	.site-content {
		max-width: calc(100% - 36px);
		margin: 18px;
		padding: 18px;
	}
}

@media screen and (max-width:600px) {
	.site-content {
		max-width: calc(100% - 18px);
		margin: 9px;
		padding: 9px;
	}
}

.site-content {
	margin-top: 18px;
}

.site-title {
	font-size: 72px;
	font-weight: 600;
	line-height: 1;
	text-decoration: none;
	margin: 0 0 18px 0;
	clear: none;
}

.site-title a {
	text-decoration: none;
}

.site-description {
	font-size: 24px;
	margin: 0 0 18px 0;
	font-weight: 600;
	line-height: 1;
}

.main-navigation {
	border-top: 4px solid;
	border-bottom: 4px solid;
	min-height: 62px;
}

.site-header {
	padding: 18px 0 0 0;
}

.custom-logo {
	float: left;
	margin-right: 18px;
	margin-bottom: 18px;
	max-width: 100%;
}

.entry-title {
	margin: 0 0 18px 0;
}

.entry-title a {
	text-decoration: none;
}

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

.page-header {
	border-bottom: 2px solid;
	margin-bottom: 2em;
}

.home .hentry,
.blog .hentry,
.search .hentry,
.archive .hentry {
	border-bottom: 2px solid;
	margin: 0 0 36px 0;
	padding: 0 0 18px 0;
}

.edit-link {
	margin-left: 18px;
}

.page-title {
	margin: 0 0 18px 0;
}

.taxonomy-description {
	font-size: 28px;
}

.error-404 {
	border-bottom: 2px solid;
	margin-bottom: 27px;
	padding-bottom: 18px;
	overflow: hidden;
}

.error-404-404 {
	font-size: 144px;
	float: right;
	font-weight: 600;
}

@media screen and (max-width:1000px) {
	.site-branding {
		padding: 0 9px;
	}
	.site-title {
		font-size: 54px;
	}
	.custom-logo {
		margin-bottom: 0;
	}
}

@media screen and (max-width: 600px) {
	.custom-logo {
		float: none;
	}
	.site-title {
		padding: 0;
		margin-bottom: 9px;
	}
	.site-description {
		line-height: 1.33;
	}
	h1 {
		font-size: 45px;
	}
	h2 {
		font-size: 36px;
	}
	h3 {
		font-size: 33px;
	}
}


/*--------------------------------------------------------------
5.0 Forms
--------------------------------------------------------------*/
.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,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 2px solid;
	border-radius: 0;
	box-shadow: none;
    padding: calc(.5em - 2px) 1em;
    background: transparent;
	cursor: pointer;
	text-decoration: none; /* For links with the button class. */
	color: inherit;
	font-size: inherit;
}

.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,
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.wp-custom-header-video-button:hover,
.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,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
.wp-custom-header-video-button:focus,
.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,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active,
.wp-custom-header-video-button:active {
	border-color: hsl(250, 20%, 13%);
	background-color: hsl(250, 20%, 13%);
	color: hsl(250, 20%, 98%);
}

input[type="text"],
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"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	border: none;
	border-bottom: 2px solid;
	padding: 3px;
	border-radius: 0;
}

select {
	border-bottom: 2px solid;
}

input[type="text"]: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,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: hsl(250, 20%, 13%);
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
6/0 Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
6.1 Links
--------------------------------------------------------------*/
a {
	color: hsl(250, 20%, 13%);
	text-decoration: underline;
}

a:hover,
a:focus,
a:active {
	color: hsl(250, 100%, 33%);
	text-decoration: none;
}

a:focus {
	outline: thin dotted;
}

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

::selection {
	background: #ff0;
}

::-moz-selection {
	background: #ff0;
}

/*--------------------------------------------------------------
6.2 Menus
--------------------------------------------------------------*/
.main-navigation {
	display: block;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation li {
	float: left;
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
	padding: 13px 9px 14px 9px;
}

.main-navigation ul ul {
	margin-top: 4px;
	border-bottom: 4px solid;
	float: left;
	position: absolute;
	top: 54px;
	left: -999em;
	z-index: 99999;
	min-width: 200px;
}

/* Add a border to top-level items only. */
.main-navigation .menu > li > a {
	border-bottom: 4px solid;
    line-height: 54px;
    padding: 0 10px;
}

.main-navigation ul a,
.main-navigation ul ul {
	background: hsl(250, 20%, 98%);
}

.main-navigation ul ul ul {
	left: -999em;
	top: -4px;
}

.main-navigation ul ul a {
	min-width: 120px;
}


.main-navigation li:hover > a,
.main-navigation li.focus > a {
}

.main-navigation ul ul :hover > a,
.main-navigation ul ul .focus > a {
}

.main-navigation ul ul a:hover,
.main-navigation ul ul a.focus {
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

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

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a {
	color: hsl(250, 100%, 33%);
}

.main-navigation a:focus,
.main-navigation a:active {
	text-decoration: underline;
	outline: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 601px) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}

@media screen and (max-width:600px) {
	.main-navigation > .menu-toggle {
		border-width: 0 4px 4px 0;
	}

	.main-navigation li {
		float: none;
	}

	.main-navigation ul ul,
	.main-navigation .sub-menu,
	.main-navigation .children {
		left: 18px;
		position: relative;
		top: auto;
		float: none;
	}

	.main-navigation ul li:hover > ul,
	.main-navigation ul li.focus > ul,
	.main-navigation ul ul li:hover > ul,
	.main-navigation ul ul li.focus > ul {
		left: 18px;
	}

	.main-navigation {
		border-bottom: none;
		min-height: 36px;
		overflow: hidden;
	}
	
	.main-navigation a {
		padding: 9px 18px 9px 18px;
	}

	.main-navigation .nav-menu > li > a {
		border-bottom: none;
	}
	
	.main-navigation ul ul {
		margin-top: 0;
		border-bottom: 0;
	}
	
	.main-navigation .clear {
		display: none;
	}
	
	.main-navigation.toggled {
		border-bottom: 4px solid;
		padding-bottom: 9px;
	}
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 27px;
	overflow: hidden;
    font-size: 21px;
}

.site-main .comment-navigation a,
.site-main .posts-navigation a,
.site-main .post-navigation a {
	text-decoration: none;
	border-bottom: 2px solid;
}

.site-main .comment-navigation a:hover,
.site-main .comment-navigation a:focus,
.site-main .posts-navigation a:hover,
.site-main .posts-navigation a:focus,
.site-main .post-navigation a:hover,
.site-main .post-navigation a:focus {
	border: none;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

.nav-previous a:before {
	content: "\2190";
	margin-right: 9px;
	text-decoration: none;
}

.nav-next a:after {
	content: "\2192";
	margin-left: 9px;
	text-decoration: none;
}

@media screen and (max-width:600px) {
	.comment-navigation .nav-previous,
	.comment-navigation .nav-next,
	.posts-navigation .nav-previous,
	.posts-navigation .nav-next,
	.post-navigation .nav-previous,
	.post-navigation .nav-next {
		width: 100%;
		float: none;
	}
}

/*--------------------------------------------------------------
6.3 Search
--------------------------------------------------------------*/
.search .page-header {
	border-bottom: 2px solid;
	padding-bottom: 18px;
	display: inline-block; /* Makes border width match the text width. */
}

.search .no-results .page-header {
	border: none;
	padding: 0;
	display: bloekc;
}

.search .no-results {
	margin-bottom: 27px;
	padding-bottom: 18px;
	border-bottom: 2px solid;
}

.search .page-title {
	float: left;
}

.search .page-header .search-form {
	float: left;
	margin: -8px 0 0 18px;
}

.search .page-header .search-field {
	font-size: 54px;
	font-weight: 600;
	line-height: 1;
	width: 300px;
	padding: 0 9px;
	border: none;
}

.search .page-header .search-submit {
	font-size: 15px;
	position: relative;
	top: -9px;
}

.search .site-main .hentry {
	border-bottom: 2px solid;
	padding-bottom: 18px;
	margin-bottom: 27px;
}

@media screen and (max-width: 400px) {
	.search .page-header .search-submit {
		top: 9px;
	}

	.search .page-header .search-field {
		width: 100%;
	}
}

/*--------------------------------------------------------------
7.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:focus {
	background-color: hsl(250, 20%, 98%);
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: hsl(250, 20%, 13%);
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 600;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
8.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-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
9.0 Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

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

/*--------------------------------------------------------------
10.0 Widgets
--------------------------------------------------------------*/
.featured-widget-area {
	border-bottom: 4px solid;
	padding-bottom: 18px;
	overflow: hidden;
}

.featured-widget-area .widget {
	max-width: calc(50% - 18px);
	margin: 18px 9px 0 0;
	float: left;
}

.featured-widget-area .widget:nth-child(even) {
	margin: 18px 0 0 9px;
}

.site-info {
	border-top: 4px solid;
	padding: 18px;
	margin: 18px 0 0 0;
	clear: both;
	text-align: center;
}

.widget-area .widget {
	width: 302px;
	max-width: 100%;
	float: left;
	margin: 0 18px 18px 0;
	font-size: 15px;
}

.widget-title {
	margin: 0 0 18px 0;
	font-size: 36px;
}

.widget ul,
.widget ol {
	margin: 0;
}

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

@media screen and (max-width:1012px) {
	.widget-area .widget {
		width: calc(50% - 18px);
		margin: 0 9px 18px 9px;
	}
}

@media screen and (max-width:600px) {
	.widget-area .widget {
		width: 100%;
		margin: 0 0 18px 0;
		font-size: 15px;
	}
}

/*--------------------------------------------------------------
11.0 Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
11.1 Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1em;
}

.hentry.page,
.hentry.single,
.hentry.attachment {
	margin: 0;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
11.2 Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

.comments-title {
	font-size: 27px;
	font-weight: 600;
}

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

.comment-author .fn {
	margin-left: 9px;
}

.comment-author .fn,
.comment-author a {
	line-height: 32px;
	vertical-align: top;
}

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

.comment-author.vcard {
	float: left;
	margin-right: 18px;
}

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

.comment-metadata time {
	font-size: .75em;
}

.comment-content {
	clear: both;
}

.comment-body {
	border-top: 2px solid;
	padding: 18px 0;
}
.comment-body a {
	text-decoration: none;
}

.comment-body a:hover,
.comment-body a:focus {
	text-decoration: underline;
}

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

.comment-content a:focus,
.comment-content a:hover {
	text-decoration: none;
}

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

.comment-list ol.children {
	list-style: none;
}

.comment-reply-title {
	font-size: 27px;
	margin-top: 0;
}

#cancel-comment-reply-link {
	margin-left: 1em;
}

.comment-form-comment {
	margin-bottom: 9px;
}

.comment-respond .form-submit {
	margin-bottom: 27px;
}

.comment-reply-link:before {
	content: "\2937";
	padding-right: 5px;
}

.comment-reply-link {
	margin: .5em 0 0 2em;
	display: inline-block;
	text-decoration: none;
}

#wp-comment-cookies-consent {
	margin-right: 1em;
}


/*--------------------------------------------------------------
12.0 Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

.wp-custom-header-video-button {
	position: absolute;
	right: 0;
	bottom: 0;
	background-color: hsla(0,0%,100%,.65);
}

.wp-custom-header {
	position: relative;
	line-height: 0;
}

.site-content .featured-video .wp-video {
	border-bottom: 4px solid;
}

.site-content .featured-video .wp-video > div,
.site-content .featured-video .wp-video > video {
	margin-bottom: 18px;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

.site .mejs-container {
	margin: 0 0 18px 0;
}

.site .mejs-container,
.site .mejs-embed,
.site .mejs-embed body,
.site .mejs-container .mejs-controls {
	background: hsl(250, 20%, 13%);
}

.site .mejs-controls .mejs-time-rail .mejs-time-loaded,
.site .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
	background: hsl(250, 20%, 98%);
}

.site .mejs-controls .mejs-time-rail .mejs-time-current {
    background: hsl(250, 100%, 33%);
}

.site .wp-playlist-item {
	padding: 7px 3px;
}


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

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

.wp-caption .wp-caption-text,
.wp-block-image figcaption,
.wp-block-audio figcaption {
	margin: 0.75em 0;
	text-align: center;
	font-size: 15px;
	color: inherit;
	font-size: .8em;
	line-height: inherit;
}

/*--------------------------------------------------------------
12.2 Galleries
--------------------------------------------------------------*/
.gallery,
.wp-block-gallery {
	margin: 0 0 1.5em 0;
}

.gallery-item { /* Classic editor galleries only */
	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;
}

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

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

.gallery-caption,
.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption {
	box-sizing: border-box;
	color: inherit;
	background: transparent;
	font-size: 15px;
	line-height: 1.33;
	margin: 0;
	padding: 8px;
	position: relative;
	bottom: 0;
	left: 0;
	text-align: center;
	width: 100%;
}


/* Customize Preview */
.site-title a.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. */
}

.main-navigation .customize-partial-edit-shortcut button {
	left: 9px;
	top: 12px;
}

/* Block Styles */
.has-fg-dark-color {
	color: hsl(250, 20%, 13%);
}

.has-fg-light-color {
	color: hsl(250, 20%, 98%);
}

.has-accent-light-color {
	color: hsl(250, 100%, 85%);
}

.has-accent-dark-color {
	color: hsl(250, 100%, 33%);
}

.has-fg-dark-background-color {
	background-color: hsl(250, 20%, 13%);
}

.has-fg-light-background-color {
	background-color: hsl(250, 20%, 98%);
}

.has-accent-light-background-color {
	background-color: hsl(250, 100%, 85%);
}

.has-accent-dark-background-color {
	background-color: hsl(250, 100%, 33%);
}

/**
 * Full & wide block alignments
 */
@media screen and (min-width: 997px) {
	.wp-block-cover.alignfull,
	.wp-block-image.alignfull,
	.wp-block-cover.alignwide,
	.wp-block-image.alignwide {
		margin-left: calc(-100vw / 2 + 942px / 2); /* 996px article width - 36px content padding */
		margin-right: calc(-100vw / 2 + 942px / 2);
		text-align: center;
		width: auto;
		max-width: 100vw;
	}
}

@media screen and (min-width:1280px) {
	.wp-block-cover.alignwide,
	.wp-block-image.alignwide {
		width: 1280px;
		margin-left: -150px; /* [1280px - (996px article width + 36px content padding) ] / 2 */
		margin-right: -150px;
	}
}

.alignwide figcaption,
.alignfull figcaption {
	max-width: 960px;
	margin: 0 auto;
	padding: 18px;
	background-color: hsl(250, 20%, 98%);
	color: hsl(250, 20%, 13%);
}