/*!
Theme Name: The M.X.
Theme URI: http://www.jasong-designs.com/2018/06/07/the-m-x/
Author: jgpws
Author URI: http://www.jasong-designs.com
Description: The M.X. stands for The Modern Experience. Give your content a trendy new style with Google's Material Design. The M.X. comes out of the box supporting many standard WordPress features, such as the Custom Header (renamed Hero Image), Custom Menus, full sized Featured Images and most of the Post Formats. Don't like a sidebar on every page? The default sidebar slides in on click when needed and out of view when not. In addition, The M.X. has support for the Block Editor, with full width post images, editor color palette and gradients.
Version: 1.3.8
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: the-m-x
Tags: block-styles, blog, custom-background, custom-colors, custom-header, custom-menu, featured-images, flexible-header, grid-layout, left-sidebar, one-column, post-formats, right-sidebar, sticky-post, theme-options, threaded-comments, translation-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.

The M.X. 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:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus/Header Buttons
	## Content Navigation
# Accessibility
# Alignments
# Clearings
# Header
# Widgets/Sidebar
# Content
   ## Posts and pages
	## Post Formats
	## Comments
# Footer
# Infinite scroll
# Media
	## Custom Header
	## Featured Images
	## Captions
	## Galleries
	## Animations
# Customizer
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
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;
}

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: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

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: 1em 40px;
}

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,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html 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 #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

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

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
# Common Classes and IDs
--------------------------------------------------------------*/
.hide {
	position: absolute !important;
	left: -9999em;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: rgba(0, 0, 0, 0.87);
	font-family: "Raleway", sans-serif;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	line-height: 1.2;
	margin: 2rem 0 1rem;
}

h1 {
	font-size: 72px;
	font-size: 4.5rem;
	font-weight: 400;
	letter-spacing: -0.016rem;
}

h2 {
	font-size: 44px;
	font-size: 2.75rem;
	font-weight: 400;
	letter-spacing: 0.008rem;
}

h3 {
	font-size: 32px;
	font-size: 2rem;
	font-weight: 500;
}

h4 {
	font-size: 28px;
	font-size: 1.75rem;
	font-weight: 500;
	letter-spacing: 0.007rem;
}

h5 {
	font-size: 24px;
	font-size: 1.5rem;
	font-weight: 500;
}

h6 {
	font-size: 20px;
	font-size: 1.25rem;
	font-weight: 600;
	letter-spacing: 0.007rem;
}

@media screen and (min-width: 37.5em) {
	h1 {
		font-size: 84px;
		font-size: 5.25rem;
	}
	h2 {
		font-size: 52px;
		font-size: 3.25rem;
	}
	h3 {
		font-size: 40px;
		font-size: 2.5rem;
	}
	h4 {
		font-size: 34px;
		font-size: 2.125rem;
	}
}

@media screen and (min-width: 80em) {
	h1 {
		font-size: 96px;
		font-size: 6rem;
	}
	h2 {
		font-size: 60px;
		font-size: 3.75rem;
	}
	h3 {
		font-size: 48px;
		font-size: 3rem;
	}
}

p {
	margin-bottom: 1.5em;
}

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

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #efebe9;
	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 rgba(0, 0, 0, 0.87);
	cursor: help;
}

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

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# 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-color: #efebe9;
	/* Fallback for when there is no custom background color defined. */
	overflow-x: hidden;
}

body.skrollr-animate {
	touch-action: none;
}

/* Styling from Materialize CSS; see http://materializecss.com/typography.html. */
blockquote, .wp-block-pullquote {
	border-left: 5px solid #795548;
	font-weight: 500;
	margin: 1.25em 0;
	padding-left: 1.25rem;
	quotes: "" "";
}

blockquote:before, blockquote:after, .wp-block-pullquote:before, .wp-block-pullquote:after {
	content: "";
}

hr, .wp-block-separator {
	background-color: rgba(0, 0, 0, 0.54);
	border: 0;
	height: 1px;
	margin: 1.5em 0;
}

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

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

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

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. */
}

table {
	border: 1px solid rgba(0, 0, 0, 0.12);
	margin: 0 0 1.5em;
	width: 100%;
}

table thead tr {
	height: 3.5em;
}

table tbody tr {
	height: 3.25em;
}

table tbody tr:hover {
	background-color: #efebe9;
}

td,
th {
	border-top: 1px solid rgba(0, 0, 0, 0.12);
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
	padding: 0 1em;
}

th {
	color: rgba(0, 0, 0, 0.6);
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.wp-block-button__link,
.wp-block-file .wp-block-file__button {
	background-color: #ffc107;
	border: transparent;
	border-radius: 2px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
	color: rgba(0, 0, 0, 0.87);
	font-weight: 500;
	font-size: 14px;
	font-size: 0.875rem;
	height: 2.25em;
	line-height: 1;
	padding: 0 1em;
	text-align: center;
	text-transform: uppercase;
	margin: 0 0.25em;
}

button:link, button:visited,
input[type="button"]:link,
input[type="button"]:visited,
input[type="reset"]:link,
input[type="reset"]:visited,
input[type="submit"]:link,
input[type="submit"]:visited,
.wp-block-button__link:link,
.wp-block-button__link:visited,
.wp-block-file .wp-block-file__button:link,
.wp-block-file .wp-block-file__button:visited {
	color: rgba(0, 0, 0, 0.87);
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.wp-block-button__link:hover,
.wp-block-file .wp-block-file__button:hover {
	background: #ffa000;
}

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,
.wp-block-button__link:active,
.wp-block-button__link:focus,
.wp-block-file .wp-block-file__button:active,
.wp-block-file .wp-block-file__button:focus {
	background: #ffa000;
	outline-width: 0;
}

input,
label,
textarea {
	font-size: 125%;
}

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,
select {
	background-color: #eeeeee;
	border-top: transparent;
	border-right: transparent;
	border-bottom: 2px solid #ffc107;
	border-left: transparent;
	border-radius: 2px 2px 0 0;
	color: rgba(0, 0, 0, 0.87);
}

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,
select:focus {
	color: rgba(0, 0, 0, 0.87);
}

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"],
select,
textarea {
	padding: 10px;
}

label {
	margin: 0 0.5em;
}

select {
	background-color: transparent;
}

textarea {
	width: 100%;
}

/* Comment Forms */
.comment-form-comment,
.comment-form-author,
.comment-form-email,
.comment-form-url {
	background-color: #eeeeee;
	border-radius: 8px 8px 0 0;
	margin-bottom: 1em;
	padding-bottom: 10px;
	position: relative;
	color: rgba(0, 0, 0, 0.87);
	border-bottom: 2px solid rgba(0, 0, 0, 0.2);
}

.comment-form-comment input[type="text"],
.comment-form-comment input[type="password"],
.comment-form-comment input[type="email"],
.comment-form-comment input[type="url"],
.comment-form-comment textarea,
.comment-form-author input[type="text"],
.comment-form-author input[type="password"],
.comment-form-author input[type="email"],
.comment-form-author input[type="url"],
.comment-form-author textarea,
.comment-form-email input[type="text"],
.comment-form-email input[type="password"],
.comment-form-email input[type="email"],
.comment-form-email input[type="url"],
.comment-form-email textarea,
.comment-form-url input[type="text"],
.comment-form-url input[type="password"],
.comment-form-url input[type="email"],
.comment-form-url input[type="url"],
.comment-form-url textarea {
	background-color: transparent;
	border: transparent;
	padding: 10px 12px;
}

.comment-form-comment label,
.comment-form-author label,
.comment-form-email label,
.comment-form-url label {
	margin: 0;
	padding: 12px 12px 0 12px;
	position: absolute;
}

.comment-form-comment input,
.comment-form-comment label,
.comment-form-comment textarea,
.comment-form-author input,
.comment-form-author label,
.comment-form-author textarea,
.comment-form-email input,
.comment-form-email label,
.comment-form-email textarea,
.comment-form-url input,
.comment-form-url label,
.comment-form-url textarea {
	width: 100%;
}

.comment-form-comment fieldset,
.comment-form-author fieldset,
.comment-form-email fieldset,
.comment-form-url fieldset {
	border-color: #eeeeee;
}

/* Searchfield in header */
.header-button-panel .searchform {
	display: -webkit-box;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	        flex-direction: row;
	-webkit-box-pack: end;
	        justify-content: flex-end;
	background-color: #5d4037;
	-webkit-box-align: end;
	        align-items: flex-end;
	height: 3rem;
	left: 0px;
	margin-left: 0.5em;
	position: absolute;
	width: calc(100% - 4.5rem);
	z-index: 500;
}

.header-button-panel .searchform input,
.header-button-panel .searchform label {
	font-size: 14px;
	font-size: 0.875rem;
}

.header-button-panel .searchform.hide {
	left: -9999em;
}

.header-button-panel .search-field {
	background-color: transparent;
	border-top: transparent;
	border-right: transparent;
	border-bottom: 2px solid #ffc107;
	border-left: transparent;
	color: rgba(255, 255, 255, 0.87);
	margin-bottom: 0;
	width: 95%;
	/* fallback for browsers that don't support calc */
	width: calc(100% - 0.5em);
}

.header-button-panel .search-field:focus {
	color: #ffffff;
}

.header-button-panel input.search-field::-webkit-input-placeholder {
	color: rgba(255, 255, 255, 0.4);
}

.header-button-panel input.search-field::-moz-placeholder {
	color: rgba(255, 255, 255, 0.4);
	font-weight: 600;
	opacity: 1;
}

.header-button-panel input.search-field::-ms-input-placeholder {
	color: rgba(255, 255, 255, 0.4);
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a:link {
	color: #795548;
	text-decoration: none;
}

a:visited {
	color: #bcaaa4;
}

a:hover, a:focus, a:active {
	color: #5d4037;
}

a:focus {
	outline: thin dotted;
}

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

/*--------------------------------------------------------------
## Menus/Header Buttons
--------------------------------------------------------------*/
.menu-toggle,
.social-toggle,
.sidebar-toggle,
.search-toggle {
	box-shadow: none;
	color: rgba(255, 255, 255, 0.87);
	min-height: 3rem;
	min-width: 3rem;
	padding: 0.75em;
}

.sidebar-toggle {
	z-index: 200;
}

#menu-social ul {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
}

#menu-social ul li a:link, #menu-social ul li a:visited {
	color: #795548;
	padding: 0.5rem;
}

#menu-social ul li a::before {
	font-size: 18px;
	font-size: 1.125rem;
	min-height: 3rem;
	min-width: 3rem;
	-webkit-font-smoothing: antialiased;
}

/* See fields.scss for header searchfield */
.main-navigation {
	clear: both;
	display: block;
	float: left;
	position: relative;
	width: 100%;
}

.main-navigation ul {
	background-color: #ffffff;
	display: -webkit-box;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	        flex-direction: column;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	padding-left: 1em;
}

.main-navigation ul ul a:hover,
.main-navigation ul ul a:focus {
	border-bottom: transparent;
	color: #ff6f00;
}

.main-navigation li {
	position: relative;
}

.main-navigation a:link,
.main-navigation a:visited {
	display: block;
	font-weight: 500;
	min-height: 3em;
	padding: 0.5em 0;
	color: rgba(0, 0, 0, 0.87);
}

.main-navigation a:hover,
.main-navigation a:focus {
	color: #ff6f00;
}

.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: #ff6f00;
}

.widget li {
	display: block;
	font-weight: 500;
	min-height: 3em;
	padding: 0.5em 0;
}

.widget li a:link,
.widget li a:visited {
	color: rgba(0, 0, 0, 0.87);
}

.widget li a:hover,
.widget li a:focus {
	color: #ff6f00;
}

.widget li .children,
.widget li .sub-menu {
	padding-top: 1em;
}

/* Box shadow values are from the codepen at the following address */
/* https://codepen.io/sdthornton/pen/wBZdXq */
/* Small menu. */
.site-header .main-navigation ul#primary-menu,
.site-header .main-navigation ul.nav-menu {
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
	padding: 4.5em 1em 1em 1em;
	position: absolute;
	top: 0;
	width: 73%;
	width: calc(75% - 1em);
	z-index: 100;
}

.site-header .main-navigation ul#primary-menu ul,
.site-header .main-navigation ul.nav-menu ul {
	padding-top: 0;
}

.site-header .main-navigation ul#primary-menu ul ul,
.site-header .main-navigation ul.nav-menu ul ul {
	padding-top: 0;
}

.menu-toggle,
.social-toggle,
.search-toggle,
.sidebar-toggle,
.menu-toggle:hover,
.social-toggle:hover,
.search-toggle:hover,
.sidebar-toggle:hover {
	background-color: transparent;
}

.menu-toggle:hover,
.social-toggle:hover,
.search-toggle:hover,
.sidebar-toggle:hover {
	color: #ffc107;
}

.menu-toggle {
	position: absolute;
	top: 0.5em;
	left: 1em;
	z-index: 200;
}

.menu-toggle.material-ripple {
	/* Remove position: relative from the .material-ripple class because this button has absolute positioning */
	position: absolute;
}

.menu-toggle,
.main-navigation.toggled ul {
	display: -webkit-box;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	        flex-direction: column;
}

.search-toggle {
	/* Created in the-mx-scripts.js */
	margin-left: 0.5em;
	z-index: 50;
}

.menu-toggle:focus,
.social-toggle:focus,
.search-toggle:focus,
.sidebar-toggle:focus,
.searchform.toggled + .search-toggle {
	background-color: rgba(0, 0, 0, 0.2);
	color: #ffc107;
}

.sidebar-toggle.toggled,
.main-navigation.toggled .menu-toggle {
	color: rgba(0, 0, 0, 0.87);
}

.search-icon {
	min-height: 3rem;
	min-width: 3rem;
}

.menu-down-arrow {
	box-shadow: none;
	position: absolute;
	left: -9999em;
}

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.menu-down-arrow {
		position: static;
	}
	.site-header .header-button-panel .searchform {
		background-color: transparent;
		position: static;
		width: auto;
		z-index: 0;
	}
	.site-header .main-navigation {
		background-color: #5d4037;
	}
	.site-header .main-navigation li {
		padding: 0px;
	}
	.site-header .main-navigation a:link,
	.site-header .main-navigation a:visited {
		border-bottom-color: transparent;
		color: rgba(255, 255, 255, 0.7);
		display: block;
		height: 3rem;
		padding: 0.75em 1em;
		text-transform: uppercase;
		white-space: nowrap;
	}
	.site-header .main-navigation ul {
		-webkit-box-align: end;
		        align-items: flex-end;
		background-color: transparent;
		display: block;
		display: -webkit-box;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		        flex-direction: row;
		flex-wrap: wrap;
		min-height: 3em;
	}
	.site-header .main-navigation ul ul {
		background-color: #ffffff;
		float: left;
		padding: 0 0 1em 0;
		position: absolute;
		top: 1.5em;
		z-index: 99999;
	}
	.site-header .main-navigation ul#primary-menu,
	.site-header .main-navigation ul.nav-menu {
		box-shadow: none;
		min-height: 3rem;
		position: relative;
		padding: 0 1em;
		width: 100%;
		width: calc(100% - 1em);
	}
	.site-header .main-navigation .menu-item-has-children,
	.site-header .main-navigation .page_item_has_children {
		display: -webkit-box;
		display: flex;
	}
	.site-header .main-navigation .children,
	.site-header .main-navigation .sub-menu {
		box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
		display: block;
		top: 3rem;
		left: -9999em;
	}
	.site-header .main-navigation .children.toggled-submenu,
	.site-header .main-navigation .sub-menu.toggled-submenu {
		left: auto;
	}
	.site-header .main-navigation .children a:link,
	.site-header .main-navigation .children a:visited,
	.site-header .main-navigation .sub-menu a:link,
	.site-header .main-navigation .sub-menu a:visited {
		color: rgba(0, 0, 0, 0.87);
		height: auto;
		min-width: 9.375em;
		text-transform: unset;
		white-space: normal;
	}
	.site-header .main-navigation .children a:hover,
	.site-header .main-navigation .children a:focus,
	.site-header .main-navigation .sub-menu a:hover,
	.site-header .main-navigation .sub-menu a:focus {
		color: #ff6f00;
		border-bottom: none;
	}
	.site-header .main-navigation .children ul,
	.site-header .main-navigation .sub-menu ul {
		position: absolute !important;
		left: -9999em;
		box-shadow: 0 4px 6px rgba(0, 0, 0, 0.16), 0 4px 6px rgba(0, 0, 0, 0.23);
	}
	.site-header .main-navigation .children li > .children.toggled-submenu,
	.site-header .main-navigation .sub-menu li > .sub-menu.toggled-submenu {
		left: 25%;
	}
	.site-header .main-navigation .children .menu-down-arrow {
		color: #000000;
	}
	.site-header .main-navigation .menu-item-has-children,
	.site-header .main-navigation .page_item_has_children {
		display: -webkit-box;
		display: flex;
	}
	.site-header .main-navigation .menu-down-arrow {
		background-color: transparent;
		color: #ffffff;
		height: 3rem;
	}
	.site-header .main-navigation .page_item_has_children .page_item_has_children .menu-down-arrow,
	.site-header .main-navigation .menu-item-has-children .menu-item-has-children .menu-down-arrow {
		color: #000000;
	}
	.site-header .main-navigation ul li a:hover,
	.site-header .main-navigation ul li a:focus,
	.site-header .main-navigation .current_page_item > a,
	.site-header .main-navigation .current-menu-item > a,
	.site-header .main-navigation .current_page_ancestor > a,
	.site-header .main-navigation .current-menu-ancestor > a {
		border-bottom: 2px solid #ffc107;
		color: rgba(255, 255, 255, 0.87);
	}
	.site-header .main-navigation .children .current_page_item a,
	.site-header .main-navigation .sub-menu .current-menu-item a {
		border-bottom-color: transparent;
	}
	/*.animate .site-header .main-navigation .children,
	.animate .site-header .main-navigation .sub-menu {
		left: auto;
	}*/
	.error404 .widget li a {
		display: inline-block;
	}
}

@media screen and (min-width: 80em) {
	.site-header .site-branding {
		width: 75%;
	}
	.site-header .header-button-panel {
		-webkit-box-align: start;
		        align-items: flex-start;
		height: auto;
		padding: 0.5em;
		width: 25%;
	}
	.site-header .header-button-panel .searchform {
		width: 60%;
	}
}

/*--------------------------------------------------------------
## Page/Post Navigation
--------------------------------------------------------------*/
.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
	background-color: #bcaaa4;
	padding: 1em;
	overflow: hidden;
	width: 100%;
}

.nav-links,
.images-navigation {
	display: -webkit-box;
	display: flex;
	justify-content: space-around;
}

.nav-links .nav-previous a:link,
.nav-links .nav-previous a:visited,
.nav-links .nav-next a:link,
.nav-links .nav-next a:visited,
.images-navigation .nav-previous a:link,
.images-navigation .nav-previous a:visited,
.images-navigation .nav-next a:link,
.images-navigation .nav-next a:visited {
	color: rgba(0, 0, 0, 0.87);
}

.nav-links .nav-previous .material-icons,
.images-navigation .nav-previous .material-icons {
	margin-right: 0.5em;
}

.nav-links .nav-next .material-icons,
.images-navigation .nav-next .material-icons {
	margin-left: 0.5em;
}

.nav-links .nav-previous .material-icons,
.nav-links .nav-next .material-icons,
.images-navigation .nav-previous .material-icons,
.images-navigation .nav-next .material-icons {
	/* Google's material icons are displayed as inline-block */
	/* setting a vertical-align makes the text line up with the icons */
	vertical-align: bottom;
}

.images-navigation {
	padding: 1em;
}

.comment-navigation .nav-links {
	-webkit-box-pack: justify;
	        justify-content: space-between;
}

@media (min-width: 37.5em) {
	.site-main .comment-navigation {
		border-radius: 2px;
	}
}

@media (min-width: 80em) {
	.blog .site-main .posts-navigation,
	.search .site-main .posts-navigation,
	.archive .site-main .posts-navigation {
		border-bottom-left-radius: 2px;
		border-bottom-right-radius: 2px;
	}
	.blog .site-main article + .posts-navigation,
	.search .site-main article + .posts-navigation,
	.archive .site-main article + .posts-navigation {
		border-top-left-radius: 2px;
		border-top-right-radius: 2px;
		border-bottom-left-radius: 0px;
		border-bottom-right-radius: 0px;
	}
}

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

.screen-reader-text:focus {
	background-color: #efebe9;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: rgba(0, 0, 0, 0.87);
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	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. */
}

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

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# 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;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.site-header {
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
	position: relative;
}

.sidebar-right .site-header,
.sidebar-left .site-header {
	z-index: 10;
}

.site-header .header-button-panel {
	height: 4rem;
	/* Other flexbox properties are provided by .jgd-grid-wrap inside jgd-material-grid.css file */
	-webkit-box-pack: end;
	        justify-content: flex-end;
	padding: 0.5em 0.5em 0.5em 4.5rem;
	background-color: #5d4037;
}

.page-template-template-landing .site {
	overflow-x: hidden;
}

.page-template-template-landing .site-header {
	background-color: #795548;
	z-index: 100;
}

.page-template-template-landing .site-header .site-branding,
.page-template-template-landing .site-header .header-button-panel {
	background-color: transparent;
	flex-basis: 50%;
	height: 4rem;
}

.page-template-template-landing .site-header .site-branding {
	-webkit-box-ordinal-group: 2;
	        order: 1;
}

.page-template-template-landing .site-header .header-button-panel {
	-webkit-box-ordinal-group: 3;
	        order: 2;
}

@media screen and (min-width: 48em) {
	.page-template-template-landing .site-header .header-button-panel .menu-social-container {
		margin: 0;
		position: static;
	}
}

@media screen and (min-width: 80em) {
	.site-header .header-button-panel {
		background-color: #795548;
		height: auto;
	}
}

.site-branding {
	background-color: #795548;
}

.site-branding {
	padding-top: 1em !important;
	padding-bottom: 1em !important;
}

.wp-custom-logo .site-branding {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.wp-custom-logo .site-branding-text {
	padding-top: 1em;
	padding-bottom: 1em;
}

.site-title {
	font-size: 2.125rem;
	/* ~34px */
	line-height: 2.5rem;
}

.site-title,
.site-description {
	margin: 0;
}

.site-title a {
	font-weight: 400;
}

.site-title a:link,
.site-title a:visited,
.site-title a:hover,
.site-title a:focus {
	color: #ffffff;
}

.site-description {
	color: #ffffff;
}

.custom-logo-link img {
	display: block;
	margin: 0 auto;
}

@media (min-width: 80em) {
	.custom-logo-link img {
		margin: 0 0 0 -0.75em;
		/* negative left margin accounts for padding from the .jgd-grid class */
		max-width: 400px;
		/* Fixes flexbox shrinkage of child images */
	}
	.wp-custom-logo .site-branding {
		display: -webkit-box;
		display: flex;
	}
	.wp-custom-logo .site-branding-text {
		padding-left: 1em;
	}
}

/* Social media icons */
.header-button-panel .menu-social-container {
	background-color: #ffffff;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
	position: absolute;
	top: 4rem;
	width: calc(100% - 1em);
}

.header-button-panel .menu-social-container.toggled {
	left: 0.5em;
}

#menu-social-items {
	list-style: none;
	margin: 0px;
	padding: 1em;
}

#menu-social-items li {
	margin: 0.5em 0;
}

@media screen and (min-width: 37.5em) {
	.header-button-panel .menu-social-container {
		width: 75%;
	}
	.header-button-panel .menu-social-container.toggled {
		left: 12.5%;
	}
}

@media screen and (min-width: 48em) {
	.header-button-panel .menu-social-container {
		background-color: transparent;
		box-shadow: none;
		position: static;
		width: auto;
	}
	.header-button-panel #menu-social {
		padding: 0.75em;
		margin-right: 0.5em;
	}
	.header-button-panel #menu-social-items {
		padding: 0px;
	}
	.header-button-panel #menu-social ul li a:link,
	.header-button-panel #menu-social ul li a:visited {
		color: rgba(255, 255, 255, 0.87);
	}
	.header-button-panel #menu-social ul li a:link:hover,
	.header-button-panel #menu-social ul li a:visited:hover {
		color: #ffffff;
	}
}

@media screen and (min-width: 80em) {
	.header-button-panel {
		height: auto;
	}
	.header-button-panel .menu-social-container {
		margin-top: 0.5em;
		position: absolute;
		right: 25%;
		top: 0px;
	}
}

/* Skrollr fixes for mobile */
html.skrollr-mobile {
	margin-top: 0 !important;
}

.skrollr-mobile .logged-in .site-header {
	margin-top: 46px;
}

@media screen and (min-width: 783px) {
	/* min width where wp admin bar shrinks to 32 px */
	.skrollr-mobile .logged-in .site-header {
		margin-top: 32px;
	}
}

/*--------------------------------------------------------------
# Widgets/Sidebar
--------------------------------------------------------------*/
.widget-area {
	background-color: #ffffff;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

/* Refer to menu section for widget link styling */
/* Refer to footer section for footer widget link styling */
#secondary {
	overflow-x: hidden;
}

.widget {
	margin: 0 0 1.5em;
	/* Make sure select elements fit in widgets. */
	/* For specific widgets */
}

.widget select {
	max-width: 100%;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.widget ul {
	list-style: none;
	margin: 0;
	padding: 0 1rem;
}

.widget .recentcomments a:link,
.widget .recentcomments a:visited,
.widget ul li .rsswidget:link,
.widget ul li .rsswidget:visited {
	border-bottom: 1px solid rgba(0, 0, 0, 0.4);
}

.widget .recentcomments a:hover,
.widget .recentcomments a:focus,
.widget ul li .rsswidget:hover,
.widget ul li .rsswidget:focus {
	border-bottom-color: #ff6f00;
}

.widget .rsswidget {
	font-weight: 600;
}

.widget .rss-date {
	text-transform: uppercase;
}

.widget .searchform {
	display: -webkit-box;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	        flex-direction: row;
	-webkit-box-pack: center;
	        justify-content: center;
	-webkit-box-align: end;
	        align-items: flex-end;
}

.widget .searchform label {
	width: 100%;
}

.widget .search-field {
	font-size: 14px;
	font-size: 0.875rem;
	width: 100%;
}

.widget .wp-caption {
	max-width: 100%;
}

.widget .wp-calendar-table {
	border: none;
}

.widget_calendar.jgd-column-1 {
	margin: 0;
	width: 100%;
}

.widget .calendar_wrap {
	font-weight: 500;
	width: 100%;
}

.widget .calendar_wrap caption {
	background-color: #795548;
	font-size: 32px;
	font-size: 2rem;
	margin: 0 -1em;
	padding-left: 2rem;
	text-align: left;
}

.widget .calendar_wrap td, .widget .calendar_wrap th {
	border-color: transparent;
	height: 1.5em;
	text-align: center;
	width: 1.5em;
}

.widget .calendar_wrap tr:hover {
	background-color: transparent;
}

.widget .calendar_wrap td a {
	background-color: #795548;
	border-radius: 50%;
	display: inline-table;
	height: 1.5em;
	width: 1.5em;
}

.widget .calendar_wrap caption, .widget .calendar_wrap td a {
	color: #ffffff;
}

.widget .calendar_wrap td#prev {
	text-align: left;
}

.widget .calendar_wrap td#next {
	text-align: right;
}

.widget .calendar_wrap td#prev a,
.widget .calendar_wrap td#next a {
	border-radius: 2px;
	display: inline-block;
	height: auto;
	padding: 0.5em;
	width: auto;
}

/* Override column-1 in jgd-material-grid.css */
.widget.column-1 {
	padding: 0 1rem;
}

@media screen and (min-width: 80em) {
	.widget.column-1 {
		padding: 0 1.5rem;
	}
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
.site {
	position: relative;
	/* To place #secondary aside absolutely positioned from main wrapper */
}

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.post,
article.page,
.single .post,
.search .post.format-gallery,
.search .post.format-image,
.search .post.format-video,
.search .post.format-audio {
	background-color: #ffffff;
	border-radius: 2px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.post:hover,
article.page:hover,
.single .post:hover,
.search .post.format-gallery:hover,
.search .post.format-image:hover,
.search .post.format-video:hover,
.search .post.format-audio:hover {
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

.entry-content,
.entry-summary {
	padding: 1.5em 0;
}

@media screen and (min-width: 80em) {
	.jgd-column-1 .entry-title,
	.three-fourths-centered-r .entry-title,
	.jgd-column-1 .entry-meta,
	.three-fourths-centered-r .entry-meta,
	.jgd-column-1 .entry-footer,
	.three-fourths-centered-r .entry-footer {
		padding: 0px 12.5%;
	}
	.format-aside.three-fourths-centered-r .entry-meta,
	.format-link.three-fourths-centered-r .entry-meta,
	.format-quote.three-fourths-centered-r .entry-meta,
	.format-status.three-fourths-centered-r .entry-meta {
		padding: 0px;
	}
}

.page-header {
	width: 100%;
}

.entry-title,
.page-title,
.widget-title,
.widgettitle,
.comments-title,
.entry-title-imagegrid {
	font-size: 24px;
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 2rem;
}

.entry-title a:link,
.page-title a:link,
.widget-title a:link,
.widgettitle a:link,
.comments-title a:link,
.entry-title-imagegrid a:link {
	color: #795548;
}

.entry-title a:visited,
.page-title a:visited,
.widget-title a:visited,
.widgettitle a:visited,
.comments-title a:visited,
.entry-title-imagegrid a:visited {
	color: #bcaaa4;
}

.entry-title a:hover,
.entry-title a:focus,
.page-title a:hover,
.page-title a:focus,
.widget-title a:hover,
.widget-title a:focus,
.widgettitle a:hover,
.widgettitle a:focus,
.comments-title a:hover,
.comments-title a:focus,
.entry-title-imagegrid a:hover,
.entry-title-imagegrid a:focus {
	color: #5d4037;
}

.page-title {
	margin-left: 1rem;
	margin-right: 1rem;
}

@media (min-width: 48em) {
	.page-title {
		margin-left: 12.5%;
		margin-right: 12.5%;
	}
	.two-by-two .page-title {
		margin-left: 0;
		margin-right: 0;
	}
}

@media (min-width: 80em) {
	.centered .page-title {
		margin-left: 25%;
		margin-right: 25%;
	}
}

.single .entry-title,
.page .entry-title {
	font-size: 34px;
	font-size: 2.125rem;
}

.blog .entry-title,
.archive .entry-title,
.search .entry-title {
	margin-top: 1rem;
}

.template-entry-title {
	width: 100%;
}

.search .entry-title {
	font-size: 24px;
	font-size: 1.5rem;
}

.search .cat-links,
.search .tags-links,
.search .posted-on,
.search .format-image.has-post-thumbnail .posted-on {
	margin-bottom: 0;
}

.search .cat-links a:link,
.search .cat-links a:visited,
.search .tags-links a:link,
.search .tags-links a:visited,
.search .posted-on a:link,
.search .posted-on a:visited,
.search .format-image.has-post-thumbnail .posted-on a:link,
.search .format-image.has-post-thumbnail .posted-on a:visited {
	background-color: transparent;
	color: #795548;
	text-transform: none;
}

.search .cat-links a:hover,
.search .cat-links a:focus,
.search .tags-links a:hover,
.search .tags-links a:focus,
.search .posted-on a:hover,
.search .posted-on a:focus,
.search .format-image.has-post-thumbnail .posted-on a:hover,
.search .format-image.has-post-thumbnail .posted-on a:focus {
	background-color: transparent;
	color: #5d4037;
}

.search .featured-image {
	background-color: transparent;
}

.search .jgd-column-1 .featured-image,
.search .two-by-two-centered-r .featured-image {
	margin: 2em -1em 1em;
}

@media screen and (min-width: 37.5em) {
	.search .featured-image + .entry-summary p {
		margin: 0 1em;
	}
}

.search .no-results {
	width: 100%;
}

.search .no-results .page-content {
	margin-bottom: 1.5em;
}

.landing-to-parent {
	padding: 0px 1em;
	text-align: center;
}

.landing-to-parent a:link,
.landing-to-parent a:visited {
	color: rgba(255, 255, 255, 0.87);
	font-weight: 500;
}

.landing-to-parent a:hover,
.landing-to-parent a:focus {
	color: #ffffff;
}

.page-template-template-landing article.page {
	background-color: transparent;
	box-shadow: none;
}

@media screen and (min-width: 37.5em) {
	.landing-to-parent {
		text-align: left;
	}
	.search .three-fourths-centered-r .featured-image,
	.search .jgd-column-1 .featured-image,
	.search .two-by-two-centered-r .featured-image {
		background-color: transparent;
		margin: 2em 0 1em -1em;
	}
	.search img.wp-post-image {
		margin: 0;
	}
	.search .featured-image,
	.search .three-fourths-centered-r .featured-image,
	.search .jgd-column-1 .featured-image,
	.search .two-by-two-centered-r .featured-image,
	.search .featured-image + .entry-summary {
		display: inline-block;
		max-height: 300px;
		vertical-align: top;
		width: 50%;
	}
	.search .featured-image img,
	.search .three-fourths-centered-r .featured-image img,
	.search .jgd-column-1 .featured-image img,
	.search .two-by-two-centered-r .featured-image img,
	.search .featured-image + .entry-summary img {
		max-height: 300px;
	}
	.search .entry-summary {
		padding: 0 1em;
	}
}

@media screen and (min-width: 48em) {
	.search .three-fourths-centered-r .featured-image,
	.search .jgd-column-1 .featured-image,
	.search .two-by-two-centered-r .featured-image {
		margin: 2em -1em 1em -1.5em;
	}
}

@media (min-width: 80em) {
	.search .featured-image,
	.search .three-fourths-centered-r .featured-image,
	.search .jgd-column-1 .featured-image,
	.search .two-by-two-centered-r .featured-image {
		width: 33%;
	}
	.search .jgd-column-1 .featured-image,
	.search .two-by-two-centered-r .featured-image {
		margin: 2em 0 1em -1.5em;
	}
	.search .featured-image + .entry-summary {
		width: 68%;
	}
}

.more-link {
	background-color: #ffc107;
	border: transparent;
	border-radius: 2px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
	color: rgba(0, 0, 0, 0.87);
	font-weight: 500;
	font-size: 14px;
	font-size: 0.875rem;
	height: 2.25em;
	line-height: 1;
	padding: 0 1em;
	text-align: center;
	text-transform: uppercase;
	display: inline-block;
	margin: 0px 0.5em 0.5em 0.5em;
	padding: 0.65em 1em;
	vertical-align: top;
}

.more-link:link, .more-link:visited {
	color: rgba(0, 0, 0, 0.87);
}

.more-link:hover {
	background: #ffa000;
}

.more-link:active, .more-link:focus {
	background: #ffa000;
	outline-width: 0;
}

@media screen and (min-width: 80em) {
	.three-fourths-centered-r .more-link {
		margin-left: 12.5%;
	}
	.jgd-column-1 .more-link {
		margin-left: 25%;
	}
	.three-fourths-centered-r p > .more-link,
	.jgd-column-1 p > .more-link {
		margin-left: 0;
	}
}

.more-images-link a {
	background-color: #ffc107;
	border: transparent;
	border-radius: 2px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
	color: rgba(0, 0, 0, 0.87);
	font-weight: 500;
	font-size: 14px;
	font-size: 0.875rem;
	height: 2.25em;
	line-height: 1;
	padding: 0 1em;
	text-align: center;
	text-transform: uppercase;
	padding: 0.65em 1em;
	display: block;
	text-align: center;
	width: 100%;
}

.more-images-link a:link, .more-images-link a:visited {
	color: rgba(0, 0, 0, 0.87);
}

.more-images-link a:hover {
	background: #ffa000;
}

.more-images-link a:active, .more-images-link a:focus {
	background: #ffa000;
	outline-width: 0;
}

.cat-links,
.tags-links,
.edit-link,
.comments-link,
.posted-on {
	margin-bottom: 0.5rem;
}

.cat-links .material-icons,
.tags-links .material-icons,
.edit-link .material-icons,
.comments-link .material-icons,
.byline .material-icons,
.posted-on .material-icons,
.image-size-meta .material-icons,
.entry-title .material-icons,
.single .format-image.has-post-thumbnail .entry-title .material-icons {
	color: rgba(0, 0, 0, 0.54);
	margin-right: 0.5em;
	vertical-align: bottom;
}

.cat-links a:link, .cat-links a:visited,
.tags-links a:link,
.tags-links a:visited,
.edit-link a:link,
.edit-link a:visited,
.comments-link a:link,
.comments-link a:visited,
.posted-on a:link,
.posted-on a:visited {
	background-color: rgba(62, 39, 35, 0.54);
	border-radius: 2px;
	color: rgba(255, 255, 255, 0.87);
	font-weight: 500;
	padding: 0.25em 0.5em;
	text-transform: uppercase;
	white-space: nowrap;
}

.cat-links a:hover, .cat-links a:focus,
.tags-links a:hover,
.tags-links a:focus,
.edit-link a:hover,
.edit-link a:focus,
.comments-link a:hover,
.comments-link a:focus,
.posted-on a:hover,
.posted-on a:focus {
	background-color: rgba(62, 39, 35, 0.7);
	color: #ffffff;
}

.cat-links a,
.tags-links a,
.edit-link a,
.comments-link a {
	line-height: 2rem;
}

.sticky {
	background-color: #795548;
	color: #ffffff;
	display: block;
}

.sticky a:link,
.sticky a:visited,
.sticky .entry-title a:link,
.sticky .entry-title a:visited {
	color: rgba(255, 255, 255, 0.87);
}

.sticky a:hover,
.sticky a:focus,
.sticky .entry-title a:hover,
.sticky .entry-title a:focus {
	color: #ffffff;
}

.sticky a.more-link:link,
.sticky a.more-link:visited {
	color: rgba(0, 0, 0, 0.87);
}

.sticky a.more-link:hover,
.sticky a.more-link:focus {
	color: #000000;
}

.sticky .material-icons {
	color: #ffffff;
}

.hentry {
	margin: 0 0 1.5em;
}

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

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

.page-links {
	clear: both;
	font-weight: 500;
	margin: 0 0 1.5em 0;
	text-align: center;
}

.page-links a {
	border-radius: 2px;
	padding-top: 0.875em;
}

.page-links a:hover,
.page-links a:focus {
	background-color: rgba(0, 0, 0, 0.2);
}

.page-links .post-page-numbers {
	display: inline-block;
	min-height: 3rem;
	min-width: 3rem;
	text-align: center;
}

/* Gutenberg Blocks */
.wp-block-button.is-style-outline .wp-block-button__link {
	background-color: transparent;
	box-shadow: none;
	border: 1px solid #c0c0c0;
	color: #795548;
}

.wp-block-button.is-style-outline .wp-block-button__link:hover {
	background-color: rgba(62, 39, 35, 0.04);
}

.wp-block-button.is-style-outline .wp-block-button__link:active, .wp-block-button.is-style-outline .wp-block-button__link:focus {
	background-color: rgba(62, 39, 35, 0.12);
}

.wp-block-button.is-style-fill.material-ripple .wp-block-button__link {
	margin-bottom: 3px;
	/* Adds margin to the bottom of filled button to counter overflow:hidden in .material-ripple class */
}

.wp-block-button__link {
	height: auto;
	padding: 1em;
}

.wp-block-button__link:hover, .wp-block-button__link:focus {
	color: rgba(0, 0, 0, 0.87);
}

.wp-block-buttons {
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	        justify-content: center;
	margin-top: 1rem;
	margin-bottom: 1rem;
}

.wp-block-buttons .wp-block-button.wp-block-button {
	margin-right: 0;
	margin-bottom: 0;
}

.wp-block-column .wp-block-buttons {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	        flex-direction: column;
}

.wp-block-column .wp-block-button {
	align-self: center;
}

.wp-block-file {
	padding: 1em;
	text-align: center;
}

.wp-block-file a.wp-block-file__button {
	margin: 0 1em;
	padding: 1em;
}

.wp-block-file a.wp-block-file__button:active, .wp-block-file a.wp-block-file__button:focus, .wp-block-file a.wp-block-file__button:hover, .wp-block-file a.wp-block-file__button:visited {
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
	color: rgba(0, 0, 0, 0.87);
	opacity: 1;
}

.wp-block-quote.is-style-large {
	font-weight: 400;
	font-size: 1.5rem;
	line-height: 1.25rem;
}

.wp-block-quote.is-style-large p {
	font-style: normal;
	line-height: normal;
}

.wp-block-quote.is-style-large p,
.wp-block-quote.is-style-large cite {
	color: rgba(0, 0, 0, 0.54);
}

.wp-block-quote.is-style-large cite {
	font-style: italic;
	font-size: 1rem;
	font-weight: 500;
}

.wp-block-pullquote {
	border-top: transparent;
	border-bottom: transparent;
	max-width: 100%;
}

.wp-block-pullquote blockquote {
	border-left: transparent;
}

.wp-block-pullquote.aligncenter {
	margin-left: 25%;
	margin-right: 25%;
}

.wp-block-pullquote.alignleft,
.wp-block-pullquote.alignright {
	width: 50%;
}

.wp-block-pullquote.is-style-solid-color,
.wp-block-pullquote.is-style-solid-color blockquote {
	padding-left: 0;
}

.wp-block-pullquote cite,
.wp-block-pullquote.is-style-solid-color blockquote cite,
.wp-block-quote cite {
	font-style: italic;
}

.wp-block-pullquote > p {
	font-weight: 500;
}

.wp-block-cover-image.alignwide {
	max-width: calc(100% - 2em);
}

.wp-block-media-text,
.wp-block-media-text.has-media-on-the-right {
	grid-template-areas: "media-text-media media-text-media" "media-text-content media-text-content";
}

.wp-block-table table {
	margin-bottom: 0;
}

.wp-block-table strong {
	color: rgba(0, 0, 0, 0.6);
}

.wp-block-table.is-style-stripes {
	border-bottom-color: #efebe9;
}

.wp-block-table.is-style-stripes td,
.wp-block-table.is-style-stripes th {
	border: none;
}

.wp-block-table.is-style-stripes tbody tr:hover {
	background-color: transparent;
}

.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
	background-color: #efebe9;
}

@media screen and (min-width: 37.5em) {
	.wp-block-media-text {
		grid-template-areas: "media-text-media media-text-content";
	}
	.wp-block-media-text.has-media-on-the-right {
		grid-template-areas: "media-text-content media-text-media";
	}
}

.wp-block-code code {
	font-family: "Courier 10 Pitch", Courier, monospace;
}

.wp-block-verse {
	background-color: transparent;
	font-family: "Raleway", sans-serif;
}

.alignfull {
	margin: 1em -1em;
	max-width: 1000%;
	width: auto;
}

.wp-block-image.alignfull {
	background-color: #3e2723;
}

.wp-block-image.alignfull img,
.wp-block-image.alignwide img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

@media (min-width: 80em) {
	.wp-block-separator.is-style-wide {
		margin: 1.5em 4em !important;
		max-width: calc(100% + 4em) !important;
	}
}

/* Widget Blocks */
.wp-block-archives,
.wp-block-categories,
.wp-block-latest-comments,
.wp-block-latest-posts {
	font-size: 14px;
	font-size: 0.875rem;
	padding: 0 1rem;
}

.wp-block-archives li,
.wp-block-categories li,
.wp-block-latest-comments li,
.wp-block-latest-posts li {
	display: block;
	font-weight: 500;
	min-height: 3em;
	padding: 0.5em 0;
}

.wp-block-archives a:link,
.wp-block-archives a:visited,
.wp-block-categories a:link,
.wp-block-categories a:visited,
.wp-block-latest-comments a:link,
.wp-block-latest-comments a:visited,
.wp-block-latest-posts a:link,
.wp-block-latest-posts a:visited {
	color: rgba(0, 0, 0, 0.87);
}

.wp-block-archives a:hover,
.wp-block-archives a:focus,
.wp-block-categories a:hover,
.wp-block-categories a:focus,
.wp-block-latest-comments a:hover,
.wp-block-latest-comments a:focus,
.wp-block-latest-posts a:hover,
.wp-block-latest-posts a:focus {
	color: #ff6f00;
}

.wp-block-categories li > ul.children {
	padding-top: 1em;
}

.wp-block-latest-comments__comment-date {
	color: rgba(0, 0, 0, 0.54);
	font-size: 14px;
	font-size: 0.875rem;
}

.wp-block-calendar {
	margin-bottom: 1em;
}

.wp-block-calendar table {
	margin-bottom: 0;
}

.wp-block-calendar table caption {
	background-color: #795548;
	color: #ffffff;
	font-size: 32px;
	font-size: 2rem;
}

.wp-block-calendar table tbody {
	color: rgba(0, 0, 0, 0.87);
}

.wp-block-calendar td a {
	background-color: #795548;
	color: #ffffff;
	border-radius: 50%;
	display: inline-table;
	height: 1.5em;
	width: 1.5em;
}

.wp-block-calendar table th {
	background-color: #efebe9;
}

.wp-block-calendar th,
.wp-block-calendar tbody td {
	border: transparent;
}

.wp-block-calendar tbody tr:hover {
	background-color: transparent;
}

.wp-block-calendar .wp-calendar-nav {
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: justify;
	        justify-content: space-between;
	padding: 0.5em;
}

.page-template-template-landing .alignwide {
	width: auto;
}

.page-template-template-landing .alignfull {
	margin: 1em -2em;
}

@media (min-width: 48em) {
	.alignfull {
		margin: 1em -1.5em;
	}
	.page-template-template-landing .alignwide {
		margin: 1em calc(25% - 25vw);
	}
	.page-template-template-landing .alignfull {
		margin: 1em calc(52.5% - 52.5vw);
	}
	.page-template-template-landing .jgd-column-1 .alignfull {
		margin: 1em calc(52.5% - 52.5vw);
	}
}

@media (min-width: 80em) {
	.alignwide {
		width: auto;
	}
	body:not(.single) .two-by-two-centered-r .alignfull {
		margin: 1em -1.5em;
	}
	.page-template-template-landing .three-fourths-centered-r .alignwide,
	.page-template-template-landing .jgd-column-1 .alignwide,
	.page-template-template-landing .three-fourths-centered-r .wp-block-cover.alignwide,
	.page-template-template-landing .jgd-column-1 .wp-block-cover.alignwide {
		margin: 1em calc(25% - 25vw);
		max-width: 1000%;
	}
}

/* WooCommerce / Blocks */
.woocommerce .woocommerce-result-count,
.woocommerce .woocommerce-ordering select {
	margin-left: 1rem;
	margin-right: 1rem;
}

.woocommerce ul.products li.product .price ins {
	color: inherit;
}

@media (min-width: 48em) {
	.woocommerce .woocommerce-result-count,
	.woocommerce .woocommerce-ordering select {
		margin-left: 12.5%;
		margin-right: 12.5%;
	}
	.woocommerce.two-by-two .woocommerce-result-count,
	.woocommerce.two-by-two .woocommerce-ordering select {
		margin-left: 0;
		margin-right: 0;
	}
}

.woocommerce div.product {
	background-color: #ffffff;
	border-radius: 2px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
	margin-top: 1em;
	margin-bottom: 1em;
}

.woocommerce div.product:hover {
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

.woocommerce .related ul.products,
.woocommerce.centered .related ul.products {
	width: 100%;
}

.wc-block-grid__product {
	border-left: none;
	border-right: none;
}

.wc-block-grid__product .wc-block-grid__product-image:hover {
	z-index: 50;
}

.entry-content .wc-block-grid__product-image .wc-block-grid__product-image__image:hover,
.wc-block-grid__product-image .wc-block-grid__product-image__image:hover,
.wc-block-grid__product-image img:hover {
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

.wc-block-grid__product-add-to-cart a,
.wc-block-grid__product-add-to-cart button {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	        flex-direction: row;
	margin: 0 1em !important;
	width: calc(100% - 2em);
}

.wc-block-grid__product-add-to-cart a:visited,
.wc-block-grid__product-add-to-cart a:link {
	color: rgba(0, 0, 0, 0.87) !important;
}

.wc-block-grid__product .wc-block-grid__product-title {
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.6)));
	background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
	color: rgba(255, 255, 255, 0.87);
	font-size: 16px;
	font-size: 1rem;
	height: 5.25em;
	margin-top: -6em;
	padding-top: 2em;
	position: absolute;
	width: 100%;
	z-index: 50;
}

.wc-block-grid__product .wc-block-grid__product-title a {
	color: rgba(255, 255, 255, 0.87);
	display: block;
}

.wc-block-grid__product-onsale {
	background-color: rgba(0, 0, 0, 0.2);
	border-color: transparent;
	border-radius: 2px;
	color: rgba(0, 0, 0, 0.87);
}

.wc-block-grid__product-price .wc-block-grid__product-price__value {
	color: rgba(0, 0, 0, 0.87);
	font-size: 16px;
	font-size: 1rem;
	font-weight: 400;
}

.wc-block-grid__product-price .wc-block-grid__product-price__regular {
	font-size: 16px;
	font-size: 1rem;
}

.wc-block-pagination-page {
	box-shadow: none;
	color: rgba(0, 0, 0, 0.87);
	min-height: 3rem;
	min-width: 3rem;
}

.wc-block-pagination-page:hover, .wc-block-pagination-page:focus {
	background-color: rgba(0, 0, 0, 0.2);
}

.wc-block-product-category .wc-block-grid__product-onsale,
.wc-block-product-best-sellers .wc-block-grid__product-onsale {
	margin: 0;
	position: absolute;
	right: 4px;
	top: 4px;
	z-index: 50;
}

.wc-block-product-category .wc-block-grid__product-image,
.wc-block-product-best-sellers .wc-block-grid__product-image {
	margin-bottom: 6px;
}

/* Attachment pages */
.attachment {
	background-color: #ffffff;
}

.entry-attachment-image img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

article.attachment {
	margin: 0;
	padding: 0 0 2em 0;
	width: 100%;
}

.entry-attachment-image p {
	margin-top: 0;
}

.entry-attachment-image .wp-caption-text {
	padding-bottom: 1rem;
}

.return-to-parent {
	background-color: #bcaaa4;
	padding: 1rem;
	text-align: center;
	width: 100%;
}

.return-to-parent a:link,
.return-to-parent a:visited {
	color: #ffffff;
}

.return-to-text {
	color: rgba(255, 255, 255, 0.87);
	font-weight: 600;
}

@media (min-width: 37.5em) {
	.attachment .entry-header,
	.attachment .entry-content > :not(.entry-attachment-image),
	.attachment .entry-footer,
	.entry-attachment-image .wp-caption-text {
		margin-left: 12.5%;
		margin-right: 12.5%;
		width: 75%;
	}
	.entry-attachment-image img {
		padding-top: 3em;
	}
}

/* Fixes for Colorbox popups; only use with attachment.* class prepended!
.colorbox class only displays when Colorbox is enabled in the Customizer- get_theme_mod('the_mx_enable_colorbox') */
body.attachment.colorbox .entry-content {
	padding-top: 0;
}

body.attachment.colorbox .entry-attachment-image {
	margin: 0 -0.5em;
}

body.attachment.colorbox .entry-attachment-image p {
	background-color: #efebe9;
	margin-left: -15.5%;
	margin-right: -15.5%;
}

body.attachment.custom-background.colorbox {
	background-image: none;
}

body.attachment.colorbox img {
	padding-bottom: 0;
	padding-top: 0;
}

@media screen and (min-width: 37.5em) {
	body.attachment.colorbox .entry-attachment-image {
		margin-left: -1em;
		margin-right: -1em;
		width: calc(100% + 2em);
	}
}

@media screen and (min-width: 80em) {
	body.attachment.colorbox .entry-attachment-image {
		margin-left: -1.5em;
		margin-right: -1.5em;
		width: calc(100% + 3em);
	}
}

/*--------------------------------------------------------------
## Post Formats
--------------------------------------------------------------*/
.format-gallery .entry-title,
.format-image:not(.has-post-thumbnail) .entry-title,
.format-audio .entry-title,
.format-video .entry-title,
.single .format-aside .entry-title,
.single .format-link .entry-title,
.single .format-status .entry-title,
.single .format-quote .entry-title {
	color: rgba(0, 0, 0, 0.54);
	font-size: 44.96px;
	font-size: 2.81rem;
	line-height: 1.2em;
	text-align: center;
}

.format-gallery .entry-title .material-icons,
.format-image:not(.has-post-thumbnail) .entry-title .material-icons,
.single .format-image.has-post-thumbnail .entry-title .material-icons,
.format-audio .entry-title .material-icons,
.format-video .entry-title .material-icons {
	font-size: 44.96px;
	font-size: 2.81rem;
	vertical-align: middle;
	/* Material Icons are displayed by Google as inline-block */
}

.format-image,
.format-audio,
.format-video,
.format-aside,
.format-status,
.format-quote {
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
	background-color: #bcaaa4;
}

.format-image .entry-content,
.format-video .entry-content {
	margin-bottom: 1.5em;
}

.blog .format-image.has-post-thumbnail .wp-caption-text,
.archive .format-image.has-post-thumbnail .wp-caption-text {
	bottom: -5em;
	display: block;
	position: absolute;
	width: 100%;
}

.single .format-image.has-post-thumbnail .entry-header {
	margin-top: 4.175rem;
}

.format-image.has-post-thumbnail .entry-title .material-icons {
	color: #ffffff;
}

.single .format-image.has-post-thumbnail .entry-title {
	color: rgba(0, 0, 0, 0.54);
	font-size: 44.96px;
	font-size: 2.81rem;
	line-height: 1.2em;
	text-align: center;
	top: -3.765rem;
}

.blog .format-image.has-post-thumbnail .featured-image,
.archive .format-image.has-post-thumbnail .featured-image {
	margin-bottom: 1.5em;
}

@media screen and (min-width: 80em) {
	.blog .format-image:not(.has-post-thumbnail) img,
	.archive .format-image:not(.has-post-thumbnail) img {
		display: block;
		margin-left: auto;
		margin-right: auto;
		max-width: 800px;
		width: 100%;
	}
	.wp-audio-shortcode {
		margin: 0 auto;
		max-width: 800px;
	}
}

/* Background behind audio controls */
.mejs-container {
	margin-bottom: 1rem;
}

.mejs-container,
.mejs-container .mejs-controls,
.mejs-embed,
.mejs-embed body {
	background-color: #5d4037 !important;
}

.mejs-container button {
	box-shadow: none;
}

.format-video iframe {
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

.format-video iframe,
iframe.twitter-tweet {
	margin: 0 auto !important;
	display: block;
}

.blog .format-status .entry-content,
.archive .format-status .entry-content {
	border-left: 5px solid #c0c0c0;
	margin: 1.25em 0;
	padding-left: 1.5rem;
}

.blog .format-aside .entry-content p:not(.view-full-post-link),
.blog .format-status .entry-content,
.blog .format-quote .entry-content,
.archive .format-aside .entry-content p:not(.view-full-post-link),
.archive .format-status .entry-content,
.archive .format-quote .entry-content {
	color: rgba(0, 0, 0, 0.54);
	font-size: 1.2rem;
	line-height: 1.25em;
}

@media screen and (min-width: 37.5em) {
	.blog .format-aside .entry-content p:not(.view-full-post-link),
	.blog .format-status .entry-content,
	.blog .format-quote .entry-content,
	.archive .format-aside .entry-content p:not(.view-full-post-link),
	.archive .format-status .entry-content,
	.archive .format-quote .entry-content {
		font-size: 1.5rem;
	}
}

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

.blog .format-quote blockquote {
	font-weight: 400;
}

.blog .format-quote cite,
.archive .format-quote cite {
	font-size: 16px;
	font-size: 1rem;
	font-weight: 500;
}

/* Post formats with sticky posts */
.blog .format-gallery.sticky,
.blog .format-aside.sticky,
.blog .format-image.sticky,
.blog .format-video.sticky,
.blog .format-audio.sticky,
.blog .format-status.sticky,
.blog .format-quote.sticky {
	/*background-color: $primary-color-medium;*/
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.blog .format-gallery.sticky .entry-content p,
.blog .format-aside.sticky .entry-content p,
.blog .format-image.sticky .entry-content p,
.blog .format-video.sticky .entry-content p,
.blog .format-audio.sticky .entry-content p,
.blog .format-status.sticky .entry-content p,
.blog .format-quote.sticky .entry-content p {
	color: rgba(255, 255, 255, 0.87);
}

.blog .format-gallery.sticky .entry-title,
.blog .format-aside.sticky .entry-title,
.blog .format-image:not(.has-post-thumbnail).sticky .entry-title,
.blog .format-audio.sticky .entry-title,
.blog .format-video.sticky .entry-title,
.blog .format-status.sticky .entry-title,
.blog .format-quote.sticky .entry-title {
	color: rgba(255, 255, 255, 0.87);
}

.blog .format-gallery.sticky .more-images-link a:link,
.blog .format-gallery.sticky .more-images-link a:visited {
	color: rgba(0, 0, 0, 0.87);
}

/* Reverse styles for search pages */
.search .format-gallery .entry-title,
.search .format-image .entry-title .entry-title,
.search .format-image:not(.has-post-thumbnail) .entry-title,
.search .format-video .entry-title,
.search .format-audio .entry-title {
	font-size: 1.5rem;
	text-align: left;
}

.search .format-standard.has-post-thumbnail .entry-header,
.search .format-standard.has-post-thumbnail .entry-title,
.search .format-standard.has-post-thumbnail .entry-meta,
.search .format-image.has-post-thumbnail .entry-header,
.search .format-image.has-post-thumbnail .entry-title,
.search .format-image.has-post-thumbnail .entry-meta {
	position: static;
}

.search .format-standard.has-post-thumbnail .entry-title a:link,
.search .format-image.has-post-thumbnail .entry-title a:link {
	color: #795548;
}

.search .format-standard.has-post-thumbnail .entry-title a:visited,
.search .format-image.has-post-thumbnail .entry-title a:visited {
	color: #bcaaa4;
}

.search .format-standard.has-post-thumbnail .entry-meta .material-icons,
.search .format-image.has-post-thumbnail .entry-meta .material-icons {
	color: rgba(0, 0, 0, 0.54);
}

.search .format-aside,
.search .format-status,
.search .format-quote {
	background-color: #ffffff;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comments-area {
	background-color: #ffffff;
	border-radius: 2px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
	width: 100%;
}

.comments-area:hover {
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

.comment-list li {
	min-height: 4.5rem;
	padding: 1rem 0;
}

.comment-list,
.comment-list .children {
	list-style-type: none;
	margin: 0;
	padding-left: 10%;
}

.comment-author .avatar {
	border-radius: 16px;
}

.comment-metadata .edit-link {
	margin-left: 0.5rem;
}

.comment-reply-link:link,
.comment-reply-link:visited {
	border-radius: 2px;
	color: rgba(0, 0, 0, 0.87);
	font-weight: 500;
	padding: 0.5em;
	text-transform: uppercase;
}

.comment-reply-link:hover,
.comment-reply-link:focus {
	background-color: rgba(0, 0, 0, 0.2);
}

@media screen and (min-width: 37.5em) {
	.comment-list,
	.comment-list .children {
		padding-left: 5%;
	}
}

.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

.bypostauthor .comment-content {
	background-color: #efebe9;
	border-radius: 2px;
	font-weight: 500;
	margin: 1em;
	padding: 0 1rem;
}

.comment-author {
	font-size: 20px;
	font-size: 1.25rem;
}

.comment-author,
.pingback,
.no-comments {
	font-weight: 500;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.site-footer {
	background-color: #795548;
	box-shadow: 0 -10px 20px rgba(0, 0, 0, 0.19), 0 -6px 6px rgba(0, 0, 0, 0.23);
	color: #ffffff;
	/* position is set to relative in order for the footer's box shadow to show */
	position: relative;
}

.site-footer a:link,
.site-footer a:visited,
.site-footer .widget li a:link,
.site-footer .widget li a:visited {
	color: rgba(255, 255, 255, 0.87);
}

.site-footer a:link,
.site-footer a:visited {
	border-bottom: 1px solid rgba(0, 0, 0, 0.4);
}

.site-footer a:hover,
.site-footer a:focus {
	color: #ffffff;
	border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}

.site-footer .widget li a:link,
.site-footer .widget li a:visited {
	display: inline-block;
}

.site-footer ol, .site-footer ul {
	padding: 0 1em 1em 3em;
}

.site-footer ol {
	margin: 0px;
}

.site-footer ul {
	list-style-type: disc;
}

@media screen and (min-width: 48em) {
	.site-footer .footer-widget-panel {
		display: -webkit-box;
		display: flex;
		flex-wrap: wrap;
		-webkit-box-pack: center;
		        justify-content: center;
	}
	.site-footer .widget {
		margin: 0px auto;
		padding: 1em;
		width: 50%;
	}
}

@media screen and (min-width: 80em) {
	.site-footer .widget {
		width: 33%;
	}
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	/* Theme Footer (when set to scrolling) */
	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;
}

/* Styling for Infinite Scroll elements */
#infinite-handle {
	margin: 1em 0px;
	text-align: center;
}

#infinite-handle span {
	background-color: #795548;
	border-radius: 2px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
	color: #ffffff;
}

#infinite-handle button {
	box-shadow: none;
}

/* For Jetpack Infinite Scroll- Recreate CSS for .mx-grid.css */
.infinite-wrap {
	display: -webkit-box;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	        flex-direction: row;
	flex-wrap: wrap;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .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%;
}

/* Gutenberg */
@media screen and (min-width: 80em) {
	.wp-block-embed iframe {
		margin: 0 auto !important;
	}
}

/*--------------------------------------------------------------
## Custom Header
--------------------------------------------------------------*/
#custom-header {
	background-color: #795548;
	position: relative;
	width: 100%;
}

#custom-header img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	opacity: 0.78;
}

#custom-header .hero-widgets-wrap {
	position: absolute;
	top: 0;
	width: 100%;
}

#custom-header .hero-widgets-wrap .widget-title {
	font-size: 24px;
	font-size: 1.5rem;
	margin: 0.5rem;
	text-align: center;
}

#custom-header .hero-widgets-wrap .widget {
	color: rgba(255, 255, 255, 0.87);
	font-size: 14px;
	font-size: 0.875rem;
	text-transform: uppercase;
}

@media screen and (min-width: 37.5em) {
	#custom-header {
		position: relative;
	}
	#custom-header ~ .main-navigation {
		background-color: transparent;
		bottom: 0;
		position: absolute;
	}
	#custom-header .scrim {
		background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.4)));
		background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
		width: 100%;
		height: 33%;
		position: absolute;
		bottom: 0;
	}
	#custom-header .hero-widgets-wrap {
		margin-left: 25%;
		margin-right: 25%;
		width: 50%;
	}
	#custom-header .hero-widgets-wrap .widget {
		font-size: 16px;
		font-size: 1rem;
	}
	#custom-header .hero-widgets-wrap .widget-title {
		font-size: 32px;
		font-size: 2rem;
		margin: 1rem;
	}
}

@media screen and (min-width: 80em) {
	#custom-header .hero-widgets-wrap {
		margin-left: 33.3%;
		margin-right: 33.3%;
		top: 30%;
		width: 33%;
	}
}

/*--------------------------------------------------------------
## Featured Images
--------------------------------------------------------------*/
.format-standard.has-post-thumbnail .entry-header,
.format-image.has-post-thumbnail .entry-header,
.type-page.has-post-thumbnail .entry-header {
	position: relative;
	z-index: 0;
}

.format-standard.has-post-thumbnail .entry-title,
.format-image.has-post-thumbnail .entry-title,
.type-page.has-post-thumbnail .entry-title {
	bottom: 3em;
	z-index: 100;
}

.format-standard.has-post-thumbnail .entry-title,
.format-standard.has-post-thumbnail .entry-meta,
.format-image.has-post-thumbnail .entry-title,
.format-image.has-post-thumbnail .entry-meta,
.type-page.has-post-thumbnail .entry-title,
.type-page.has-post-thumbnail .entry-meta {
	position: absolute;
	color: rgba(255, 255, 255, 0.87);
}

.format-standard.has-post-thumbnail .entry-title a:link,
.format-standard.has-post-thumbnail .entry-title a:visited,
.format-standard.has-post-thumbnail .entry-meta a:link,
.format-standard.has-post-thumbnail .entry-meta a:visited,
.format-image.has-post-thumbnail .entry-title a:link,
.format-image.has-post-thumbnail .entry-title a:visited,
.format-image.has-post-thumbnail .entry-meta a:link,
.format-image.has-post-thumbnail .entry-meta a:visited,
.type-page.has-post-thumbnail .entry-title a:link,
.type-page.has-post-thumbnail .entry-title a:visited,
.type-page.has-post-thumbnail .entry-meta a:link,
.type-page.has-post-thumbnail .entry-meta a:visited {
	color: rgba(255, 255, 255, 0.87);
}

.format-standard.has-post-thumbnail .entry-content,
.format-standard.has-post-thumbnail .entry-summary,
.format-image.has-post-thumbnail .entry-content,
.format-image.has-post-thumbnail .entry-summary,
.type-page.has-post-thumbnail .entry-content,
.type-page.has-post-thumbnail .entry-summary {
	padding-top: 1rem;
}

.type-page.has-post-thumbnail .entry-title {
	bottom: 0.5em;
}

.single .format-image.has-post-thumbnail .entry-title {
	margin: 0px;
}

.single .format-image.has-post-thumbnail .entry-footer {
	margin-top: 2em;
}

.format-standard.has-post-thumbnail .entry-meta {
	bottom: 2em;
}

.format-image.has-post-thumbnail .entry-meta {
	bottom: 3em;
}

.format-standard.has-post-thumbnail .entry-meta .material-icons,
.format-image.has-post-thumbnail .entry-meta .material-icons {
	color: #ffffff;
}

.featured-image {
	background-color: #5d4037;
	margin: -1em;
}

.imagegrid .featured-image,
.page-template-template-image-grid .three-fourths-centered-r .featured-image,
.page-template-template-image-grid .jgd-column-1 .featured-image {
	margin: 0px;
	width: auto;
}

.has-post-thumbnail .scrim {
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.4)));
	background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
	bottom: 0;
	height: 33%;
	margin: -1em -1em 0 -1em;
	min-height: 10em;
	position: absolute;
}

.featured-image,
.has-post-thumbnail .scrim {
	width: calc(100% + 2em);
}

@media (min-width: 48em) {
	.three-fourths-centered-r .featured-image,
	.jgd-column-1 .featured-image,
	.two-by-two-centered-r .featured-image,
	.three-fourths-centered-r.has-post-thumbnail .scrim,
	.jgd-column-1.has-post-thumbnail .scrim,
	.two-by-two-centered-r.has-post-thumbnail .scrim {
		width: calc(100% + 3em);
		margin: -1.5em -1.5em 0 -1.5em;
	}
}

img.wp-post-image {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 85%;
}

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

.wp-caption .wp-caption-text {
	padding: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

.wp-caption-text,
.wp-block-audio figcaption,
.wp-block-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption,
.wp-block-table figcaption,
.gallery-caption {
	font-size: 12px;
	font-size: 0.75rem;
	font-weight: 600;
}

.wp-block-image figcaption {
	background-color: #ffffff;
	color: rgba(0, 0, 0, 0.87);
	margin-top: 0px;
	padding: 0.8075em;
	text-align: center;
}

.wp-block-audio figcaption,
.wp-block-table figcaption {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery,
.wp-block-gallery {
	margin: 2em auto;
}

.gallery-columns-1 {
	max-width: 300px;
}

.blocks-gallery-item > figure > a:hover {
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
	z-index: 100;
}

.blocks-gallery-item > figure > a:hover + figcaption {
	z-index: 100;
}

.gallery-item {
	margin: 0 auto;
	max-width: 300px;
	position: relative;
	/* To work with text overlay */
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-item img {
	display: block;
	margin: 0px auto;
}

.gallery-item .gallery-icon.portrait {
	background-color: #efebe9;
}

.gallery-item:hover, .gallery-item:focus {
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
	z-index: 100;
}

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

.wp-block-gallery[class*="columns-"] .blocks-gallery-item {
	margin-right: 0;
}

@media screen and (min-width: 37.5em) {
	.gallery-item {
		display: inline-block;
	}
	.gallery-columns-2 .gallery-item,
	.gallery-columns-4 .gallery-item {
		width: 50%;
	}
	.gallery-columns-3 .gallery-item,
	.gallery-columns-5 .gallery-item,
	.gallery-columns-6 .gallery-item,
	.gallery-columns-7 .gallery-item,
	.gallery-columns-8 .gallery-item,
	.gallery-columns-9 .gallery-item {
		width: 33.33%;
	}
	.gallery-columns-3,
	.gallery-columns-5,
	.gallery-columns-6,
	.gallery-columns-7,
	.gallery-columns-8,
	.gallery-columns-9 {
		max-width: 900px;
	}
	.gallery-columns-2,
	.gallery-columns-4 {
		max-width: 600px;
	}
	.gallery-columns-2 + .more-images-link,
	.gallery-columns-4 + .more-images-link {
		max-width: 600px;
	}
	.gallery-columns-3 + .more-images-link,
	.gallery-columns-5 + .more-images-link,
	.gallery-columns-6 + .more-images-link,
	.gallery-columns-7 + .more-images-link,
	.gallery-columns-8 + .more-images-link,
	.gallery-columns-9 + .more-images-link {
		max-width: 900px;
	}
}

@media screen and (min-width: 80em) {
	.gallery-item .gallery-columns-4,
	.gallery-item .gallery-columns-8 {
		max-width: 1200px;
	}
	.gallery-item .gallery-columns-4 .gallery-item,
	.gallery-item .gallery-columns-8 .gallery-item {
		width: 25%;
	}
	.gallery-item .gallery-columns-5 {
		max-width: 1500px;
	}
	.gallery-item .gallery-columns-5 .gallery-item {
		width: 20%;
	}
	/* Jetpack gallery */
	.tiled-gallery {
		margin: 2em auto !important;
		max-width: 960px;
	}
	.tiled-gallery + .more-images-link {
		max-width: 960px;
	}
}

.gallery-caption,
.wp-block-gallery .blocks-gallery-item figcaption {
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.6)));
	background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
	bottom: 0;
	color: rgba(255, 255, 255, 0.87);
	display: block;
	max-height: 100%;
	overflow: hidden;
	padding: 0.5em;
	position: absolute;
	width: 100%;
}

.gallery-caption a:link,
.gallery-caption a:visited,
.wp-block-gallery .blocks-gallery-item figcaption a:link,
.wp-block-gallery .blocks-gallery-item figcaption a:visited {
	color: rgba(255, 255, 255, 0.87);
	border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}

.gallery-caption a:hover,
.gallery-caption a:focus,
.wp-block-gallery .blocks-gallery-item figcaption a:hover,
.wp-block-gallery .blocks-gallery-item figcaption a:focus {
	color: #ffffff;
}

.tiled-gallery-caption {
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.6))) !important;
	background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6)) !important;
	color: rgba(255, 255, 255, 0.87) !important;
	font-weight: bold !important;
	margin: 0 2px 2px 2px !important;
	width: calc(100% - 4px) !important;
}

/* Gutenberg galleries */
.wp-block-gallery {
	padding: 0;
}

.more-images-link {
	text-align: center;
	margin: 1em auto;
	width: 90%;
}

/* Styles for the gallery when slider mode is selected */
.single.slider .gallery {
	background-color: #5d4037;
	position: relative;
	margin-bottom: 0px;
	min-height: 416px;
	min-width: 100%;
}

.single.slider .gallery,
.single.slider .slider-button-panel {
	margin-left: -1em;
	margin-right: -1em;
	max-width: calc(100% + 2em);
}

.single.slider .gallery-item {
	max-width: none;
	position: absolute;
	top: 0;
	width: 100%;
}

.single.slider .gallery-item img {
	display: inline;
	margin: 0 auto;
	max-height: 300px;
	width: auto;
}

.single.slider .gallery-item:hover {
	box-shadow: none;
}

.single.slider .gallery-caption {
	background: none;
	bottom: auto;
}

.single.slider .gallery-columns-3,
.single.slider .gallery-columns-5,
.single.slider .gallery-columns-6,
.single.slider .gallery-columns-7,
.single.slider .gallery-columns-8,
.single.slider .gallery-columns-9 {
	max-width: 100%;
}

.single.slider .slider-button-panel {
	display: -webkit-box;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	        flex-direction: row;
	justify-content: space-around;
	background-color: #3e2723;
	margin-bottom: 2em;
	padding: 1em;
}

.single.slider .slider-button-panel .slider-previous:hover,
.single.slider .slider-button-panel .slider-previous:focus,
.single.slider .slider-button-panel .slider-next:hover,
.single.slider .slider-button-panel .slider-next:focus {
	background-color: #ffa000;
}

@media screen and (min-width: 37.5em) {
	.single.slider .gallery {
		min-height: 560px;
	}
	.single.slider .gallery-item img {
		max-height: 480px;
	}
	.single.slider .slider-button-panel {
		padding: 1em 25%;
	}
}

@media screen and (min-width: 48em) {
	.single.slider .gallery,
	.single.slider .slider-button-panel {
		margin-left: -1.5em;
		margin-right: -1.5em;
		max-width: calc(100% + 3em);
	}
}

@media screen and (min-width: 80em) {
	.single.slider .gallery {
		min-height: 736px;
	}
	.single.slider .gallery-item img {
		max-height: 640px;
	}
	.single.slider .gallery-caption {
		max-width: 75%;
		margin-left: 12.5%;
		margin-right: 12.5%;
	}
}

/*--------------------------------------------------------------
## Animations
--------------------------------------------------------------*/
/* Classes that can be added with jQuery/JavaScript */
.transition1Sec {
	-webkit-transition-duration: 1s;
	        transition-duration: 1s;
}

.transitionHalfSec {
	-webkit-transition-duration: 0.5s;
	        transition-duration: 0.5s;
}

.rotate180 {
	-webkit-transform: rotate(-180deg);
	        transform: rotate(-180deg);
}

.rotate0 {
	-webkit-transform: rotate(0deg);
	        transform: rotate(0deg);
}

.animate a:link,
.animate a:visited,
.animate button,
.animate .wp-block-button__link,
.animate input[type="submit"],
.animate input[type="reset"],
.animate .gallery-item,
.animate.woocommerce div.product,
.animate .wc-block-grid__product .wc-block-grid__product-image__image,
.animate .wc-block-grid__product-image img,
.animate .post,
.animate .page,
.animate .tile,
.animate .comments-area {
	-webkit-transition-duration: 1s;
	        transition-duration: 1s;
}

.animate .site-header .main-navigation a:link,
.animate .site-header .main-navigation a:visited,
.animate .comment-form-comment,
.animate .comment-form-author,
.animate .comment-form-email,
.animate .comment-form-url {
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 0.25s;
	        transition-duration: 0.25s;
	-webkit-transition-timing-function: linear;
	        transition-timing-function: linear;
}

.animate .isActive {
	border-bottom-color: #ffc107;
}

.animate .main-navigation ul ul a:hover,
.animate .main-navigation ul ul a:focus {
	border-bottom: transparent;
}

.animate #cboxLoadedContent.fadeIn {
	-webkit-animation-duration: 3s;
	        animation-duration: 3s;
}

.headroom {
	position: fixed;
	width: 100%;
	will-change: transform;
	-webkit-transition: -webkit-transform 200ms linear;
	transition: -webkit-transform 200ms linear;
	transition: transform 200ms linear;
	transition: transform 200ms linear, -webkit-transform 200ms linear;
}

.headroom--pinned {
	-webkit-transform: translateY(0%);
	        transform: translateY(0%);
}

.headroom--unpinned {
	-webkit-transform: translateY(-100%);
	        transform: translateY(-100%);
}

/* Move content down the height of the header to suit the fixed header */
.headroom + .site-content {
	padding-top: 4rem;
}

/*--------------------------------------------------------------
## Customizer Layouts
--------------------------------------------------------------*/
.tile {
	background-color: #ffffff;
	border-radius: 2px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
	height: 300px;
	margin: 1em auto;
	position: relative;
	width: 240px;
}

.tile:hover {
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

.page-template-template-image-grid .tile {
	background-color: transparent;
	box-shadow: none;
}

.tile .entry-header {
	position: absolute;
	bottom: 0;
	z-index: 100;
}

.tile .entry-title,
.tile .entry-title-imagegrid {
	font-size: 16px;
	font-size: 1rem;
	margin: 0.5rem 1rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 200px;
}

.tile .entry-title a:link,
.tile .entry-title a:visited,
.tile .entry-title-imagegrid a:link,
.tile .entry-title-imagegrid a:visited {
	color: rgba(0, 0, 0, 0.87);
}

.tile .entry-title a:hover,
.tile .entry-title a:focus,
.tile .entry-title-imagegrid a:hover,
.tile .entry-title-imagegrid a:focus {
	color: #000000;
}

.tile .entry-content {
	padding: 0px;
}

.tile .featured-image {
	background-color: transparent;
}

.tile .scrim {
	background-color: rgba(255, 255, 255, 0.7);
	background-image: none;
	bottom: 0px;
	height: 3rem;
	position: absolute;
	width: 100%;
}

.tile .size-gallery-thumb {
	max-height: 300px;
	width: auto;
}

.blog.imagegrid .site-main,
.archive.imagegrid .site-main,
.imagegrid-wrap {
	display: -webkit-box;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	        flex-direction: column;
}

.imagegrid-wrap {
	-webkit-box-pack: center;
	        justify-content: center;
}

.page-template-template-image-grid.wide .imagegrid-wrap,
.page-template-template-image-grid.two-by-two .imagegrid-wrap {
	margin-left: auto;
	margin-right: auto;
	max-width: 50%;
}

@media screen and (min-width: 37.5em) {
	.blog.imagegrid .site-main,
	.archive.imagegrid .site-main,
	.imagegrid-wrap {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		        flex-direction: row;
		flex-wrap: wrap;
		-webkit-box-pack: center;
		        justify-content: center;
	}
	.woocommerce.archive.imagegrid .site-main {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		        flex-direction: column;
		margin-left: 1em;
		margin-right: 1em;
	}
}

.page-template-template-image-grid .more-link {
	display: block;
	margin-left: 0;
	text-align: center;
}

@media screen and (min-width: 37.5em) {
	.blog.imagegrid .site-main,
	.archive.imagegrid .site-main {
		margin-left: 12.5%;
		margin-right: 12.5%;
	}
	.tile {
		width: 300px;
	}
	.page-template-page_image-grid .more-link {
		margin: 0px 12.5%;
	}
}

@media screen and (min-width: 80em) {
	.tile {
		margin: 1.5em;
	}
	.tile .entry-title,
	.tile .entry-title-imagegrid {
		width: 240px;
	}
	.page-template-template-image-grid.two-by-two .three-fourths-centered-r {
		margin-left: 0;
		margin-right: 0;
		max-width: none;
		width: auto;
	}
	.page-template-template-image-grid .three-fourths-centered-r .more-link {
		margin: 0px 12.5% 0.5em;
	}
	.page-template-template-image-grid .jgd-column-1 .more-link,
	.page-template-template-image-grid.two-by-two .three-fourths-centered-r .more-link {
		margin: 0px 25% 0.5em;
	}
}

/*# sourceMappingURL=maps/style.css.map */