/*
Theme Name: Mercia
Theme URI: https://themezee.com/themes/mercia/
Author: ThemeZee
Author URI: https://themezee.com
Description: Mercia is a flexible and versatile theme perfect for lifestyle, travel, or fashion magazines. It features a modern and minimalist design with great typropaphy. Of course it works on all screen sizes. With multiple blog layouts and powerful Magazine widgets, you can easily create a stunning and dynamic news website in just a few minutes.
Version: 1.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mercia
Tags: two-columns, blog, news, custom-background, custom-logo, custom-header, custom-menu, grid-layout, entertainment, editor-style, rtl-language-support, featured-image-header, featured-images, flexible-header, custom-colors, full-width-template, sticky-post, threaded-comments, translation-ready, theme-options, one-column, left-sidebar, right-sidebar, three-columns

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.

Mercia is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.

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:
----------------------------------------------------------------
# - CSS Variables
# - Normalize
# - Typography
# - Elements
# - Forms
# - Accessibility
# - Alignments
# - Clearings
# - Site Layout
# - Header
# - Navigation
# - Social Icons Menu
# - Posts and pages
# - Archives and Blog Layouts
# - Blocks
# - Featured Posts
# - Widgets
# - Magazine Widgets
# - Comments
# - Media
# - Footer
# - Plugins
# - Media Queries for Typography
# - Media Queries for Layout
# - Media Queries for Navigation
# - Media Queries for Featured Posts
# - Media Queries for Media
# - Theme Options
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# - CSS Variables
--------------------------------------------------------------*/

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

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

small {
	font-size: 80%;
}

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

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

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

figure {
	margin: 0;
}

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

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

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

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

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

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

button::-moz-focus-inner,
input::-moz-focus-inner {
	padding: 0;
	border: 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"] {
	box-sizing: content-box;
	-webkit-appearance: textfield;
}

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

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

legend {
	padding: 0;
	border: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

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

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
# - Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #353535;
	font-size: 15px;
	font-size: 0.9375rem;
	font-family: 'Roboto', Tahoma, Arial;
	line-height: 1.75;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	margin: 0.75em 0;
	line-height: 1.4;
}

h1 {
	font-size: 36px;
	font-size: 2.25rem;
}

h2 {
	font-size: 28px;
	font-size: 1.75rem;
}

h3 {
	font-size: 24px;
	font-size: 1.5rem;
}

h4 {
	font-size: 22px;
	font-size: 1.375rem;
}

h5 {
	font-size: 20px;
	font-size: 1.25rem;
}

h6 {
	font-size: 19px;
	font-size: 1.1875rem;
}

p {
	margin-bottom: 1.5em;
}

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

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	overflow: auto;
	margin-bottom: 1.5em;
	padding: 1.5em;
	max-width: 100%;
	border: 1px solid rgba(0, 0, 0, 0.075);
	background: none;
	font-size: 15px;
	font-size: 0.9375rem;
	font-family: "Courier 10 Pitch", Courier, monospace;
	line-height: 1.6;
}

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

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

mark,
ins {
	text-decoration: none;
}

big {
	font-size: 125%;
}

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

/* 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/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

body {
	background: #ffffff; /* Fallback for when there is no custom background color defined. */
}

blockquote {
	margin: 0 0 1.5em;
	padding-left: 1.25em;
	border-left: 4px solid #353535;
	color: #777;
	font-size: 18px;
	font-size: 1.125rem;
}

blockquote cite,
blockquote small {
	display: block;
	margin-top: 1em;
	color: #353535;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.75;
}

blockquote cite:before,
blockquote small:before {
	content: "\2014\00a0";
}

blockquote > :last-child {
	margin-bottom: 0.5em;
}

hr {
	margin-bottom: 1.5em;
	height: 1px;
	border: 0;
	background-color: rgba(0, 0, 0, 0.15);
}

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

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

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

dt {
	font-weight: bold;
}

dd {
	margin: 0 0 1.5em;
}

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

table {
	margin: 0 0 1.5em;
	width: 100%;
	border: none;
	table-layout: fixed;
}

th,
td {
	padding: 0.3em 0.6em;
	border: 1px solid rgba(0, 0, 0, 0.075);
}

a {
	color: #3377bb;
	text-decoration: none;
}

a:link,
a:visited {
	color: #3377bb;
}

a:hover,
a:focus,
a:active {
	color: #353535;
}

a:focus {
	outline: thin dotted;
}

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

/*--------------------------------------------------------------
# - Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	margin: 0;
	padding: 0.6em 1em;
	border: none;
	background: #3377bb;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-size: 16px;
	font-size: 1rem;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	background: #353535;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	padding: 0.3em 0.6em;
	max-width: 100%;
	border: 1px solid rgba(0, 0, 0, 0.075);
	background: none;
	color: #666;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	border: 1px solid rgba(0, 0, 0, 0.2);
	color: #353535;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# - Accessibility
--------------------------------------------------------------*/

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

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

/*--------------------------------------------------------------
# - Alignments
--------------------------------------------------------------*/
.alignleft,
.alignright,
.aligncenter {
	display: block;
	margin: 0.5em 0;
}

.aligncenter {
	clear: both;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

/*--------------------------------------------------------------
# - Clearings
--------------------------------------------------------------*/
.clearfix:before,
.clearfix:after,
.post-navigation .nav-links:before,
.post-navigation .nav-links:after,
.comment-navigation:before,
.comment-navigation:after {
	display: table;
	content: "";
}

.clearfix:after,
.post-navigation .nav-links:after,
.comment-navigation:after {
	clear: both;
}

/*--------------------------------------------------------------
# - Site Layout
--------------------------------------------------------------*/
.site {
	box-sizing: border-box;
	margin: 0 auto;
	padding: 0 1.5em;
	max-width: 52em;
	width: 100%;
	background: #fff;
}

.sidebar {
	border-top: 1px solid rgba(0, 0, 0, 0.15);
	padding: 1.5em 0 0;
}

/*--------------------------------------------------------------
# - Header
--------------------------------------------------------------*/
.site-header {
	margin: 0 0 1.5em;
}

.header-main {
	display: block;
	text-align: center;
	padding: 1.5em 0;
}

.header-social-menu {
	display: none;
}

.site-branding {
	margin: 0;
	padding: 0;
	max-width: 100%;
}

.site-branding a:link,
.site-branding a:visited,
.site-branding a:hover {
	padding: 0;
	border: none;
	text-decoration: none;
}

.site-title {
	display: block;
	margin: 0;
	padding: 0;
	color: #353535;
	text-decoration: none;
	font-weight: bold;
	font-size: 32px;
	font-size: 2rem;
	font-family: 'Open Sans', Tahoma, Arial;
	line-height: 1.4;
}

.site-title a:link,
.site-title a:visited {
	color: #353535;
}

.site-title a:hover,
.site-title a:active {
	color: #3377bb;
}

.site-branding .custom-logo {
	margin: 0 0 0.5em;
	padding: 0;
	max-width: 100%;
	height: auto;
	border: none;
	vertical-align: top;
}

.site-description {
	margin: 0;
	font-size: 14px;
	font-size: 0.875rem;
}

/* Custom Header Image */
.header-image {
	margin: 0 0 1.5em;
	text-align: center;
}

.header-image img {
	max-width: 100%;
	vertical-align: top;
}

/*--------------------------------------------------------------
# - Navigation
--------------------------------------------------------------*/
.primary-navigation-wrap {
	position: relative;
	border-top: 6px solid #353535;
	border-bottom: 1px solid #353535;
}

/* Main Navigation Toggle */
.main-navigation-toggle {
	display: inline-block;
	margin: 0;
	padding: 1em;
	border: none;
	background: none;
	color: #353535;
	text-decoration: none;
	font-weight: normal;
	font-size: 17px;
	font-size: 1.0625rem;
	font-family: 'Roboto', Tahoma, Arial;
}

.main-navigation-toggle:hover,
.main-navigation-toggle:focus,
.main-navigation-toggle:active {
	background: none;
}

.main-navigation-toggle:hover,
.main-navigation-toggle:active {
	color: #3377bb;
	cursor: pointer;
}

.main-navigation-toggle .icon {
	margin: 0.25em 0.6em 0 0;
	width: 22px;
	height: 22px;
	vertical-align: top;
	fill: #353535;
}

.main-navigation-toggle:hover .icon,
.main-navigation-toggle:active .icon {
	fill: #3377bb;
}

/* Main Navigation Menu */
.main-navigation-menu {
	display: none;
	margin: 0;
	padding: 0;
	width: 100%;
	color: #353535;
	border-top: 1px solid #353535;
	list-style: none;
	font-size: 17px;
	font-size: 1.0625rem;
	font-family: 'Roboto', Tahoma, Arial;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
}

.main-navigation-menu li {
	margin: 0;
}

.main-navigation-menu a {
	display: block;
	margin: 0;
	padding: 0.75em 1em;
	text-decoration: none;
}

.main-navigation-menu a:link,
.main-navigation-menu a:visited {
	color: #353535;
	text-decoration: none;
}

.main-navigation-menu a:hover,
.main-navigation-menu a:active {
	color: #3377bb;
}

.main-navigation-menu ul {
	margin: 0;
	padding: 0;
	width: 100%;
	background: #fff;
	list-style: none;
	font-size: 15px;
	font-size: 0.9375rem;
}

.main-navigation-menu ul a {
	padding-left: 2em;
}

.main-navigation-menu ul li ul a {
	padding-left: 3em;
}

.main-navigation-menu ul li ul li ul a {
	padding-left: 4em;
}

.main-navigation-menu ul li ul li ul li ul a {
	padding-left: 5em;
}

/* Sub Menu Dropdown Icons */
.main-navigation-menu > .menu-item-has-children a .sub-menu-icon {
	float: right;
	margin: -0.75em -1em 0;
	padding: 0.75em 1em;
}

.main-navigation-menu > .menu-item-has-children a .sub-menu-icon .icon {
	margin: 0.3em 0 0;
	width: 20px;
	height: 20px;
	vertical-align: top;
	fill: #353535;
}

.main-navigation-menu ul .menu-item-has-children a .sub-menu-icon .icon {
	width: 18px;
	height: 18px;
}

.main-navigation-menu > .menu-item-has-children a .sub-menu-icon:hover .icon,
.main-navigation-menu > .menu-item-has-children a .sub-menu-icon:active .icon {
	fill: #3377bb;
}

.main-navigation-menu > .menu-item-has-children a .sub-menu-icon.active .icon {
	margin: 0.25em 0 0;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

/*--------------------------------------------------------------
# - Social Icons Menu
--------------------------------------------------------------*/
.mercia-social-menu .social-icons-menu {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	margin: 0;
	padding: 0;
	border: none;
	list-style: none;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
}

.mercia-social-menu .social-icons-menu li {
	display: inline-block;
	margin: 0;
	padding: 0;
	border: none;
	list-style: none;
}

.mercia-social-menu .social-icons-menu li a {
	display: block;
	margin: 0;
	padding: 0.5em;
}

.mercia-social-menu .social-icons-menu li a .icon {
	margin: 0;
	width: 28px;
	height: 28px;
	vertical-align: middle;
	fill: #353535;
}

.mercia-social-menu .social-icons-menu li a:hover .icon {
	fill: #3377bb;
}

/*--------------------------------------------------------------
# - Posts and pages
--------------------------------------------------------------*/
.site-main article,
.type-post,
.type-page,
.type-attachment,
.comments-area {
	margin: 0 0 1.5em;
	padding: 0;
	max-width: 100%;
	box-sizing: border-box;
}

.entry-title {
	margin: 0.15em 0 0.2em;
	padding: 0;
	color: #353535;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
	font-size: 18px;
	font-size: 1.125rem;
	font-family: 'Open Sans', Tahoma, Arial;
	line-height: 1.4;
}

.entry-title a:link,
.entry-title a:visited {
	color: #353535;
	text-decoration: none;
}

.entry-title a:hover,
.entry-title a:active {
	color: #3377bb;
}

.wp-post-image {
	margin: 0 0 0.5em;
	vertical-align: top;
}

.site-main .sticky {
	padding-bottom: 1.5em;
	border-bottom: 1px solid #353535;
}

.site-main .sticky .entry-header {
	padding: 1em 0 0;
	border-top: 4px solid #353535;
}

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

/* Page Links | wp_link_pages() */
.page-links {
	clear: both;
	margin: 0 0 2em;
	word-spacing: 0.5em;
	font-weight: bold;
	font-size: 16px;
	font-size: 1rem;
}

/* Entry Meta */
.entry-meta {
	margin: 0.5em 0;
	color: rgba(0, 0, 0, 0.45);
	font-size: 14px;
	font-size: 0.875rem;
}

.entry-meta .meta-date,
.entry-meta .meta-author,
.entry-meta .meta-category {
	display: block;
}

.entry-meta span .icon {
	margin: 0.2em 0.3em 0 0;
	width: 18px;
	height: 18px;
	vertical-align: top;
	fill: rgba(0, 0, 0, 0.25);
}

.entry-meta a:link,
.entry-meta a:visited {
	color: rgba(0, 0, 0, 0.45);
}

.entry-meta a:hover,
.entry-meta a:active {
	color: #353535;
}

/* Hide post meta if they are deactivated in settings */
body.date-hidden .type-post .entry-meta .meta-date,
body.author-hidden .type-post .entry-meta .meta-author,
body.categories-hidden .type-post .entry-meta .meta-category {
	position: absolute;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	width: 1px;
	height: 1px;
}

body.date-hidden.author-hidden.categories-hidden .content-area .type-post .entry-meta {
	display: none;
}

/* Entry Tags */
.entry-tags {
	margin: 0 0 1.5em;
	padding: 0;
}

.entry-tags .icon {
	margin: 0.3em 0.3em 0 0;
	width: 22px;
	height: 22px;
	vertical-align: top;
	fill: #353535;
}

.entry-tags .meta-tags a {
	display: inline-block;
	margin-right: 0.75em;
}

.entry-tags .meta-tags a:before {
	content: "\0023";
}

/* Read more Link */
.more-link {
	display: inline-block;
	margin: 0;
	padding: 0;
	font-weight: bold;
}

.more-link::after {
	content: " \00BB";
}

/* Post Navigation */
.post-navigation {
	margin: 0;
	padding: 0;
	color: #353535;
}

.post-navigation .nav-links .nav-previous {
	float: left;
	box-sizing: border-box;
	padding-right: 0.5em;
	max-width: 50%;
}

.post-navigation .nav-links .nav-next {
	float: right;
	box-sizing: border-box;
	padding-left: 0.5em;
	max-width: 50%;
}

.post-navigation .nav-links .nav-link-text {
	display: block;
}

.post-navigation .nav-links .nav-previous .nav-link-text::before {
	margin-right: 3px;
	content: "\00AB";
}

.post-navigation .nav-links .nav-next .nav-link-text::after {
	margin-left: 4px;
	content: "\00BB";
}

.post-navigation .nav-links .entry-title {
	font-size: 18px;
	font-size: 1.125rem;
}

/*--------------------------------------------------------------
# - Archives and Blog Layouts
--------------------------------------------------------------*/

/* Archives and Search Heading */
.page-header {
	margin: 0 0 1.25rem;
}

.archive-title {
	margin: 0;
	padding: 0;
	color: #353535;
	text-transform: uppercase;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
	font-weight: bold;
	font-size: 17px;
	font-size: 1.0625rem;
	font-family: 'Open Sans', Tahoma, Arial;
	line-height: 1.4;
}

.blog-description,
.archive-description,
.archive-description p {
	margin: 0.25em 0 0;
}

.page-header .search-form {
	margin: 1.25rem 0 2.5em;
}

/* Theme Pagination */
.pagination {
	margin: 0 0 1.5em;
}

.pagination a,
.pagination .current {
	display: inline-block;
	padding: 0 0.5em;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	font-size: 18px;
	font-size: 1.125rem;
}

/* Infinite Scroll Pagination */
.infinite-scroll .pagination {
	display: none;
}

.infinite-scroll #infinite-handle,
.infinite-scroll .infinite-loader {
	width: 100%;
	text-align: center;
}

.infinite-scroll .infinite-loader .spinner {
	bottom: -1em;
	left: auto;
	margin: 0 auto;
}

.infinite-scroll #infinite-handle span {
	display: inline-block;
	margin: 0 0 1.5em;
	padding: 0.6em 1em;
	border: 1px solid rgba(0, 0, 0, 0.075);
	background: none;
	color: #3377bb;
	text-decoration: none;
	font-weight: bold;
	font-size: 16px;
	font-size: 1rem;
}

.infinite-scroll #infinite-handle span:hover {
	color: #353535;
}

/*--------------------------------------------------------------
# - Blocks
--------------------------------------------------------------*/

/* Audio */
.wp-block-audio audio {
	width: 100%;
}

/* Separator */
.wp-block-separator {
	height: 1px;
}

.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
	max-width: 100px;
}

/* Quote */
.wp-block-quote.is-style-large {
	border: none;
	margin: 0 0 1.5em;
	padding: 0;
	font-size: 28px;
	font-size: 1.75rem;
}

.wp-block-quote.is-style-large p {
	margin-bottom: 0.5em;
	font-size: inherit;
	font-style: inherit;
	line-height: inherit;
}

.wp-block-quote.is-style-large cite {
	text-align: inherit;
}

/* Pullquote */
.wp-block-pullquote {
	margin-bottom: 1.5em;
	padding: 1.5em 0;
	border-bottom: 4px solid #353535;
	border-top: 4px solid #353535;
}

.wp-block-pullquote blockquote {
	border: none;
	margin: 0;
	padding: 0;
	font-size: 28px;
	font-size: 1.75rem;
}

.wp-block-pullquote blockquote p {
	margin-bottom: 0.5em;
}

/* Cover */
.wp-block-cover {
	display: flex;
}

.wp-block-cover-text {
	margin-top: 0;
	margin-bottom: 0;
}

/* Image */
.wp-block-image .alignleft {
	margin-right: 1.5em;
}

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

/* Captions */
.blocks-gallery-caption,
.wp-block-embed figcaption,
.wp-block-image figcaption {
	margin-top: 0.5em;
	margin-bottom: 1em;
	font-size: 15px;
	font-size: 0.9375rem;
	color: rgba(0, 0, 0, 0.6);
	text-align: center;
}

/* Latest Posts */
.wp-block-latest-posts.wp-block-latest-posts__list {
	margin: 0;
	padding: 0;
}

/* Table */
.wp-block-table table {
	table-layout: auto;
}

/* Block Text Colors */
.has-primary-color {
	color: #3377bb;
}

.has-white-color {
	color: #ffffff;
}

.has-light-gray-color {
	color: #f0f0f0;
}

.has-dark-gray-color {
	color: #777777;
}

.has-black-color {
	color: #353535;
}

/* Block Background Colors */
.has-primary-background-color {
	background-color: #3377bb;
}

.has-white-background-color {
	background-color: #ffffff;
}

.has-light-gray-background-color {
	background-color: #f0f0f0;
}

.has-dark-gray-background-color {
	background-color: #777777;
}

.has-black-background-color {
	background-color: #353535;
}

/*--------------------------------------------------------------
# - Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
	padding: 0;
	max-width: 100%;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}

.widget-title {
	margin: 0 0 0.75em;
	padding: 0;
	color: #353535;
	text-transform: uppercase;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
	font-weight: bold;
	font-size: 17px;
	font-size: 1.0625rem;
	font-family: 'Open Sans', Tahoma, Arial;
	line-height: 1.4;
}

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

.widget ul li,
.widget ol li {
	padding: 0.4em 0;
	border-top: 1px solid rgba(0, 0, 0, 0.075);
}

.widget ul > li:last-child {
	border-bottom: 1px solid rgba(0, 0, 0, 0.075);
}

.widget ul .children,
.widget ul .sub-menu {
	margin: 0.5em 0 0.5em 1em;
	padding: 0;
}

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

.widget-title a:link,
.widget-title a:visited {
	color: #353535;
}

.widget-title a:hover,
.widget-title a:active {
	color: #3377bb;
}

/* Theme Search Widget */
.search-form {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
	width: 100%;
}

.search-form .screen-reader-text {
	display: none;
}

.search-form .search-field {
	display: inline-block;
	box-sizing: border-box;
	margin: 0;
	padding: 0.5em 1.5em 0.5em 0.7em;
	min-width: 150px;
	width: 100%;
	-webkit-appearance: none;
}

.search-form .search-submit {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	padding: 0.6em 0.8em;
	border: none;
	background: #3377bb;
}

.search-form .search-submit:hover,
.search-form .search-submit:active {
	background: #353535;
}

.search-form .search-submit .icon-search {
	margin: 5px 0 0;
	width: 22px;
	height: 22px;
	fill: #fff;
}

/*--------------------------------------------------------------
# - Magazine Widgets
--------------------------------------------------------------*/
.widget-magazine-posts .type-post {
	margin: 0;
}

.widget-magazine-posts .widget-magazine-content .magazine-post {
	margin: 0 0 1.5em;
}

.widget-magazine-posts .type-post .wp-post-image {
	margin: 0 0 0.5em;
}

.widget-magazine-posts .type-post .entry-meta {
	font-size: 14px;
	font-size: 0.875rem;
}

.widget-magazine-posts .type-post .entry-meta span .icon {
	margin: 0.2em 0.3em 0 0;
	width: 18px;
	height: 18px;
}

/* Magazine Image Overlay Styling */
.widget-magazine-posts .magazine-posts-overlay .magazine-post {
	margin: 0 0 2px;
}

.widget-magazine-posts .magazine-posts-overlay .type-post {
	position: relative;
}

.widget-magazine-posts .magazine-posts-overlay .type-post .post-image .wp-post-image {
	margin: 0;
	filter: brightness(75%);
}

.widget-magazine-posts .magazine-posts-overlay .type-post:hover .post-image .wp-post-image {
	filter: brightness(65%);
}

.widget-magazine-posts .magazine-posts-overlay .type-post .post-content {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 0.5em 0.75em;
	width: 100%;
	box-sizing: border-box;
}

.widget-magazine-posts .magazine-posts-overlay .large-post .post-content .entry-meta {
	display: none;
}

.widget-magazine-posts .magazine-posts-overlay .type-post .post-content .entry-title a:link,
.widget-magazine-posts .magazine-posts-overlay .type-post .post-content .entry-title a:visited,
.widget-magazine-posts .magazine-posts-overlay .type-post .post-content .entry-meta a:link,
.widget-magazine-posts .magazine-posts-overlay .type-post .post-content .entry-meta a:visited {
	color: #fff;
	text-shadow: 1px 2px 3px #353535;
}

.widget-magazine-posts .magazine-posts-overlay .type-post .post-content .entry-title a:hover,
.widget-magazine-posts .magazine-posts-overlay .type-post .post-content .entry-title a:active,
.widget-magazine-posts .magazine-posts-overlay .type-post .post-content .entry-meta a:hover,
.widget-magazine-posts .magazine-posts-overlay .type-post .post-content .entry-meta a:active {
	color: rgba(255, 255, 255, 0.75);
}

.widget-magazine-posts .magazine-posts-overlay .type-post .post-content .entry-meta span .icon {
	fill: rgba(255, 255, 255, 0.75);
}

/* Magazine Widget Post Titles */
.widget-magazine-posts .large-post .entry-title {
	font-size: 17px;
	font-size: 1.0625rem;
}

.widget-magazine-posts .medium-post .entry-title,
.widget-magazine-posts .small-post .entry-title {
	font-size: 15px;
	font-size: 0.9375rem;
}

/*--------------------------------------------------------------
# - Comments
--------------------------------------------------------------*/

/* Comment Header */
.comments-title,
.comment-reply-title {
	display: block;
	margin: 0 0 1.5rem;
	padding: 0;
	color: #353535;
	text-transform: uppercase;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
	font-weight: bold;
	font-size: 17px;
	font-size: 1.0625rem;
	font-family: 'Open Sans', Tahoma, Arial;
	line-height: 1.4;
}

/* Comment List */
.comment-list {
	margin: 0;
	padding: 1.5em 0 0;
	border-top: 1px solid rgba(0, 0, 0, 0.075);
	list-style: none;
}

.comment {
	margin: 0 0 1.5em;
	padding: 0;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}

.comment .comment-body {
	display: block;
	margin: 0;
	padding: 0 0 1.5em;
	border-bottom: 1px solid rgba(0, 0, 0, 0.075);
}

.comment-meta {
	float: left;
	padding: 0;
	width: 100%;
}

.comment-meta .comment-author img {
	float: left;
	margin-right: 1em;
}

.bypostauthor {
	display: block;
}

.comment-meta .comment-metadata {
	margin-top: 0.3em;
	font-size: 14px;
	font-size: 0.875rem;
}

.comment-meta .comment-metadata a {
	margin-right: 1em;
}

.comment-content {
	clear: left;
	padding: 0.2em 0 0;
}

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

.comment ol.children {
	margin: 1.5em 0 0;
	list-style: none;
}

.comment .comment-respond {
	margin-top: 1.5em;
}

/* Comment Pagination */
.comment-navigation {
	margin: 0 0 1.5em;
	padding: 0;
	font-size: 14px;
	font-size: 0.875rem;
}

.comment-navigation .nav-previous {
	float: left;
}

.comment-navigation .nav-next {
	float: right;
}

.comment-navigation .nav-previous a:before {
	margin-right: 3px;
	content: "\00AB";
}

.comment-navigation .nav-next a:after {
	margin-left: 4px;
	content: "\00BB";
}

/* Comment Form */
.comment-form {
	padding: 0;
}

.comment-form label {
	display: inline-block;
	min-width: 150px;
	font-weight: bold;
}

.comment-form textarea {
	margin-top: 0.4em;
}

.comment-form .form-submit {
	margin-bottom: 1em;
}

.comment-form input[type="checkbox"] + label {
	display: inline;
	padding-left: 0.5em;
	font-weight: normal;
}

.comment-reply-title small a {
	margin-left: 1em;
	text-transform: none;
	font-size: 14px;
	font-size: 0.875rem;
}

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

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

/*--------------------------------------------------------------
## 16.1 - Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 0;
	max-width: 100%;
	font-size: 15px;
	font-size: 0.9375rem;
	color: rgba(0, 0, 0, 0.6);
}

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

.wp-caption .wp-caption-text {
	margin-top: 0.5em;
	margin-bottom: 1em;
	text-align: center;
}

/*--------------------------------------------------------------
## 16.2 - Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	box-sizing: border-box;
	margin: 0;
	padding: 0 1em 0.75em 0;
	width: 100%;
	vertical-align: top;
	text-align: center;
}

.gallery-columns-2 .gallery-item,
.gallery-columns-3 .gallery-item,
.gallery-columns-4 .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 {
	max-width: 50%;
}

.gallery-caption {
	display: block;
	font-size: 15px;
	font-size: 0.9375rem;
	color: rgba(0, 0, 0, 0.6);
	margin-bottom: 0.75em;
	line-height: 1.4;
}

/*--------------------------------------------------------------
# - Footer
--------------------------------------------------------------*/
.site-footer {
	border-top: 1px solid rgba(0, 0, 0, 0.15);
}

.site-footer .site-info {
	padding: 1em 0;
	font-size: 15px;
	font-size: 0.9375rem;
	text-align: center;
}

/*--------------------------------------------------------------
# - Plugins
--------------------------------------------------------------*/

/* Breadcrumbs */
.breadcrumbs {
	box-sizing: border-box;
	margin: 0 0 1.5em;
	padding: 0;
	width: 100%;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}

.breadcrumbs-container {
	font-size: 15px;
	font-size: 0.9375rem;
}

.breadcrumbs .trail-browse,
.breadcrumbs .trail-items,
.breadcrumbs .trail-items li {
	display: inline;
	margin: 0;
	padding: 0;
}

.breadcrumbs .trail-browse {
	margin-right: 0.5em;
	font-weight: normal;
	font-size: 15px;
	font-size: 0.9375rem;
}

.breadcrumbs .trail-items {
	list-style: none;
}

.breadcrumbs .trail-items li::after {
	padding: 0 0.5em;
	content: "\00bb"; /* Raquo */
}

.trail-separator-slash .trail-items li::after {
	content: "\002F";
}

.trail-separator-dash .trail-items li::after {
	content: "\2013";
}

.trail-separator-bull .trail-items li::after {
	content: "\2022";
}

.trail-separator-arrow-bracket .trail-items li::after {
	content: "\003e";
}

.trail-separator-raquo .trail-items li::after {
	content: "\00bb";
}

.trail-separator-single-arrow .trail-items li::after {
	content: "\2192";
}

.trail-separator-double-arrow .trail-items li::after {
	content: "\21D2";
}

.breadcrumbs .trail-items li:last-of-type::after {
	display: none;
}

:root {
	--tz-column-gap: 2em;
}

.tz-magazine-block .tz-entry-title {
	font-size: 24px;
	font-size: 1.5rem;
}

.tz-magazine-block .tz-magazine-grid-columns-3 .tz-entry-title {
	font-size: 18px;
	font-size: 1.125rem;
}

.tz-magazine-block .tz-magazine-grid-columns-4 .tz-entry-title,
.tz-magazine-block .tz-magazine-thumbnail-list .tz-entry-title {
	font-size: 16px;
	font-size: 1rem;
}

.tz-magazine-block .tz-entry-meta {
	font-size: 14px;
	font-size: 0.875rem;
}

.tz-magazine-block .tz-meta-field {
	margin-right: 0;
}

.tz-magazine-block .tz-meta-field a {
	text-decoration: none;
}

.tz-magazine-block .tz-entry-content {
	font-size: 16px;
	font-size: 1rem;
}

.tz-magazine-block .tz-read-more {
	margin-top: -0.5em;
}

.tz-magazine-block .tz-more-link {
	text-decoration: none;
}

/*--------------------------------------------------------------
# - Media Queries for Typography
--------------------------------------------------------------*/
@media only screen and (min-width: 20em) {
	body,
	button,
	input,
	select,
	textarea {
		font-size: 16px;
		font-size: 1rem;
	}

	.site-title {
		font-size: 36px;
		font-size: 2.25rem;
	}

	.entry-title {
		font-size: 20px;
		font-size: 1.25rem;
	}
}

@media only screen and (min-width: 30em) {
	.entry-title {
		font-size: 22px;
		font-size: 1.375rem;
	}
}

@media only screen and (min-width: 35em) {
	.entry-title {
		font-size: 26px;
		font-size: 1.625rem;
	}
}

@media only screen and (min-width: 40em) {
	body,
	button,
	input,
	select,
	textarea {
		font-size: 17px;
		font-size: 1.0625rem;
	}

	.site-title {
		font-size: 40px;
		font-size: 2.5rem;
	}

	.site-description {
		font-size: 15px;
		font-size: 0.9375rem;
	}

	.entry-title {
		font-size: 28px;
		font-size: 1.75rem;
	}
}

@supports (display: grid) {
	@media only screen and (min-width: 40em) {
		/* Blog Layout Title */
		.blog-list-layout .content-archive .post-wrapper .type-post .entry-title,
		.blog-grid-layout .content-archive .post-wrapper .type-post .entry-title {
			font-size: 18px;
			font-size: 1.125rem;
		}
	}

	@media only screen and (min-width: 50em) {
		.entry-title {
			font-size: 32px;
			font-size: 2rem;
		}

		/* Blog Layout Title */
		.blog-list-layout .content-archive .post-wrapper .type-post .entry-title,
		.blog-grid-layout .content-archive .post-wrapper .type-post .entry-title {
			font-size: 20px;
			font-size: 1.25rem;
		}
	}

	@media only screen and (min-width: 57.5em) {
		.entry-title {
			font-size: 28px;
			font-size: 1.75rem;
		}

		/* Blog Layout Title */
		.blog-list-layout .content-archive .post-wrapper .type-post .entry-title,
		.blog-grid-layout .content-archive .post-wrapper .type-post .entry-title {
			font-size: 18px;
			font-size: 1.125rem;
		}
	}

	@media only screen and (min-width: 60em) {
		.fullwidth-single-post.single-post .type-post .single-header .entry-title {
			font-size: 36px;
			font-size: 2.25rem;
		}
	}

	@media only screen and (min-width: 70em) {
		.entry-title {
			font-size: 32px;
			font-size: 2rem;
		}

		.fullwidth-single-post.single-post .type-post .single-header .entry-title {
			font-size: 40px;
			font-size: 2.5rem;
		}

		/* Blog Layout Title */
		.blog-list-layout .content-archive .post-wrapper .type-post .entry-title,
		.blog-grid-layout .content-archive .post-wrapper .type-post .entry-title {
			font-size: 20px;
			font-size: 1.25rem;
		}
	}
}

/*--------------------------------------------------------------
# - Media Queries for Layout
--------------------------------------------------------------*/
@media only screen and (min-width: 25em) {
	.entry-meta .meta-date,
	.entry-meta .meta-author,
	.entry-meta .meta-category {
		display: inline-block;
	}

	.entry-meta .meta-date,
	.entry-meta .meta-author {
		margin-right: 1em;
	}
}

@media only screen and (min-width: 40em) {
	.site {
		padding: 0 2em;
	}

	.site-header,
	.header-image,
	.widget,
	.site-main article,
	.type-post,
	.type-page,
	.type-attachment,
	.comments-area,
	.entry-tags,
	.pagination,
	.infinite-scroll #infinite-handle span {
		margin-bottom: 2em;
	}

	.widget-title {
		margin: 0 0 1em;
	}

	.wp-post-image {
		margin: 0 0 0.75em;
	}

	.entry-meta {
		font-size: 15px;
		font-size: 0.9375rem;
	}

	.entry-meta span .icon {
		margin: 0.3em 0.3em 0 0;
		width: 19px;
		height: 19px;
	}
}

@supports (display: grid) {
	.site {
		max-width: 1220px;
	}

	@media only screen and (min-width: 40em) {
		/* Blog: List Layout */
		.blog-list-layout .content-archive .post-wrapper .has-post-thumbnail {
			display: grid;
			grid-template-columns: 42% auto;
		}

		.blog-list-layout.post-thumbnails-hidden .content-archive .post-wrapper .has-post-thumbnail {
			display: block;
		}

		.blog-list-layout .content-archive .post-wrapper .type-post {
			margin: 0 0 1.5em;
			padding: 0 0 1.5em;
			border-bottom: 1px solid rgba(0, 0, 0, 0.075);
		}

		.blog-list-layout .content-archive .post-wrapper .has-post-thumbnail .wp-post-image {
			margin: 0;
			padding-right: 1.5em;
		}

		/* Blog: Grid Layout */
		.blog-grid-layout .content-archive .post-wrapper {
			display: grid;
			grid-template-columns: 1fr 1fr;
			grid-template-rows: auto;
			grid-gap: 1.5em;
			margin: 0 0 2em;
		}

		.blog-grid-layout .content-archive .post-wrapper .type-post {
			margin: 0;
		}
	}

	@media only screen and (min-width: 57.5em) {
		.site-content {
			display: grid;
			grid-template-columns: 7fr 3fr;
			grid-column-gap: 2em;
		}

		.content-area {
			box-sizing: border-box;
			grid-row-start: 1;
			grid-column-start: 1;
			min-width: 0;
		}

		.sidebar {
			grid-row-start: 1;
			grid-column-start: 2;
			box-sizing: border-box;
			margin: 0;
			padding: 0;
			border: none;
			min-width: 0;
		}

		.header-main {
			position: relative;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			text-align: left;
		}

		.header-social-menu {
			display: block;
			margin-top: 0.25em;
			margin-left: auto;
		}

		.site-footer .site-info {
			text-align: left;
		}

		/* Single Post Layout */
		.single-post .site-content {
			display: block;
		}

		.single-post .type-post {
			display: grid;
			grid-template-columns: 7fr 3fr;
			grid-template-rows: auto 1fr;
			grid-column-gap: 2em;
			margin-bottom: 0;
		}

		.single-post .type-post .single-header,
		.single-post .type-post .single-content,
		.single-post .type-post .sidebar {
			min-width: 0;
		}

		.single-post .type-post .sidebar {
			grid-column-start: 2;
			grid-row: 1 / span 2;
		}

		/* Fullwidth Single Post Layout */
		.fullwidth-single-post.single-post .type-post .single-header {
			grid-column: 1 / span 2;
		}

		.fullwidth-single-post.single-post .type-post .sidebar {
			grid-row: 2 / span 1;
		}

		.fullwidth-single-post.single-post .type-post .single-header {
			display: flex;
			flex-direction: column;
			margin: 0 0 1.5em;
			padding: 0;
		}

		.fullwidth-single-post.single-post .has-post-thumbnail .single-header .entry-header {
			margin: -4em 4em 0 0;
			padding: 1em 1em 0 0;
			background: #fff;
		}

		.fullwidth-single-post.single-post.post-thumbnail-hidden .has-post-thumbnail .single-header .entry-header {
			margin: 0;
			padding: 0;
		}

		.fullwidth-single-post.single-post .type-post .single-header .entry-title {
			font-size: 32px;
			font-size: 2rem;
		}

		.fullwidth-single-post.single-post .type-post .single-content .entry-content p:first-child {
			margin-top: 0;
		}
	}

	@media only screen and (min-width: 75em) {
		.site {
			padding: 0 2.5em;
		}

		.header-main {
			padding: 2em 0;
		}

		.site-content,
		.single-post .type-post {
			grid-column-gap: 2.5em;
		}

		.site-header,
		.header-image,
		.widget,
		.site-main article,
		.type-post,
		.type-page,
		.type-attachment,
		.comments-area,
		.entry-tags,
		.pagination,
		.infinite-scroll #infinite-handle span,
		.blog-grid-layout .content-archive .post-wrapper {
			margin-bottom: 2.5em;
		}

		/* Blog Layout */
		.blog-grid-layout .content-archive .post-wrapper {
			grid-gap: 2em;
		}
	}
}

/*--------------------------------------------------------------
# - Media Queries for Navigation
--------------------------------------------------------------*/
@media only screen and (min-width: 55em) {
	/*** Main Navigation ***/
	.main-navigation-toggle {
		display: none;
	}

	.main-navigation-menu {
		position: relative;
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: flex !important;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
		border-top: none;
	}

	.main-navigation-menu a {
		padding: 1em;
		border: none;
	}

	.main-navigation-menu > .menu-item-has-children a .sub-menu-icon {
		float: none;
		margin: 0;
		padding: 0;
	}

	.main-navigation-menu > .menu-item-has-children a .sub-menu-icon .icon {
		margin: 0.5em 0 0 0.4em;
		width: 14px;
		height: 14px;
	}

	.main-navigation-menu > .menu-item-has-children a:hover .sub-menu-icon .icon {
		fill: #3377bb;
	}

	.main-navigation-menu ul {
		position: absolute;
		z-index: 99;
		display: none;
		border: 1px solid #353535;
		border-bottom: none;
		width: auto;
	}

	.main-navigation-menu ul li {
		position: relative;
		margin: 0;
	}

	.main-navigation-menu ul a {
		min-width: 250px;
		min-width: 16rem;
		border-bottom: 1px solid #353535;
	}

	.main-navigation-menu ul a,
	.main-navigation-menu ul li ul a,
	.main-navigation-menu ul li ul li ul a,
	.main-navigation-menu ul li ul li ul li ul a {
		padding: 1em;
	}

	.main-navigation-menu ul .menu-item-has-children a .sub-menu-icon .icon {
		margin: 0.5em 0 0 0.4em;
		width: 12px;
		height: 12px;
		-webkit-transform: rotate(270deg);
		transform: rotate(270deg);
	}

	.main-navigation-menu li ul ul {
		top: -1px;
		left: 100%;
	}

	.main-navigation-menu li.menu-item-has-children:hover > ul,
	.main-navigation-menu li.page_item_has_children:hover > ul,
	.main-navigation-menu li.menu-item-has-children[aria-expanded="true"] > ul {
		display: block;
	}

	.main-navigation-menu li.current-menu-item > a {
		text-decoration: underline;
	}

	.main-navigation-menu li.current-menu-item > a:after {
		text-decoration: none;
	}
}

/*--------------------------------------------------------------
# - Media Queries for Magazine widgets
--------------------------------------------------------------*/
@media only screen and (min-width: 20em) {
	/* Magazine Widget Post Titles */
	.widget-magazine-posts .large-post .entry-title {
		font-size: 18px;
		font-size: 1.125rem;
	}

	.widget-magazine-posts .medium-post .entry-title,
	.widget-magazine-posts .small-post .entry-title {
		font-size: 16px;
		font-size: 1rem;
	}
}

@media only screen and (min-width: 25em) {
	/* Magazine Widget Post Titles */
	.widget-magazine-posts .large-post .entry-title {
		font-size: 19px;
		font-size: 1.1875rem;
	}

	.widget-magazine-posts .magazine-posts-overlay .large-post .post-content .entry-meta {
		display: block;
	}

	.widget-magazine-posts .medium-post .entry-title,
	.widget-magazine-posts .small-post .entry-title {
		font-size: 17px;
		font-size: 1.0625rem;
	}
}

@media only screen and (min-width: 30em) {
	/* Magazine Widget Post Titles */
	.widget-magazine-posts .large-post .entry-title {
		font-size: 16px;
		font-size: 1rem;
	}

	.widget-magazine-posts .magazine-posts-overlay .large-post .post-content .entry-meta {
		display: none;
	}

	.widget-magazine-posts .medium-post .entry-title,
	.widget-magazine-posts .small-post .entry-title {
		font-size: 15px;
		font-size: 0.9375rem;
	}

	/* Fallback for Internet Explorer */
	.widget-magazine-focus .widget-magazine-content,
	.widget-magazine-grid .widget-magazine-content {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
		margin-right: -1em;
	}

	.widget-magazine-focus .widget-magazine-content .magazine-post,
	.widget-magazine-grid .widget-magazine-content .magazine-post {
		width: 50%;
		padding-right: 1em;
		box-sizing: border-box;
	}

	.widget-magazine-focus .widget-magazine-content .magazine-post-large {
		width: 100%;
	}

	.widget-magazine-focus .magazine-posts-overlay,
	.widget-magazine-grid .magazine-posts-overlay {
		margin-right: 1px;
	}

	.widget-magazine-focus .magazine-posts-overlay .magazine-post,
	.widget-magazine-grid .magazine-posts-overlay .magazine-post {
		padding-right: 1px;
	}
}

@media only screen and (min-width: 35em) {
	/* Magazine Widget Post Titles */
	.widget-magazine-posts .large-post .entry-title {
		font-size: 17px;
		font-size: 1.0625rem;
	}
}

@media only screen and (min-width: 40em) {
	/* Magazine Widget Post Titles */
	.widget-magazine-posts .large-post .entry-title {
		font-size: 18px;
		font-size: 1.125rem;
	}

	.widget-magazine-posts .medium-post .entry-title,
	.widget-magazine-posts .small-post .entry-title {
		font-size: 16px;
		font-size: 1rem;
	}
}

@media only screen and (min-width: 45em) {
	/* Magazine Widget Post Titles */
	.widget-magazine-posts .large-post .entry-title {
		font-size: 19px;
		font-size: 1.1875rem;
	}

	.widget-magazine-posts .magazine-posts-overlay .large-post .post-content .entry-meta {
		display: block;
	}
}

@supports (display: grid) {
	/* Magazine Regular Post Styling */
	.widget-magazine-posts .magazine-posts-regular .magazine-post {
		background: rgba(0, 0, 0, 0.05);
		border-bottom: 1px solid rgba(0, 0, 0, 0.075);
	}

	.widget-magazine-posts .magazine-posts-regular .magazine-post .type-post .post-content {
		padding: 0.25em 1em 0.5em;
	}

	@media only screen and (min-width: 30em) {
		/* Reset Internet Explorer Styles */
		.widget-magazine-focus .widget-magazine-content,
		.widget-magazine-grid .widget-magazine-content {
			margin-right: 0;
		}

		.widget-magazine-focus .widget-magazine-content .magazine-post,
		.widget-magazine-grid .widget-magazine-content .magazine-post {
			width: auto;
			padding-right: 0;
		}

		.widget-magazine-focus .widget-magazine-content .magazine-post-large {
			width: auto;
		}

		/* Magazine Widgets */
		.widget-magazine-posts .widget-magazine-content .magazine-post {
			margin: 0;
		}

		.widget-magazine-posts .magazine-posts-regular {
			grid-gap: 1em;
		}

		.widget-magazine-posts .magazine-posts-overlay {
			grid-gap: 1px;
		}

		/* Magazine Focus Widgets */
		.widget-magazine-focus .widget-magazine-content {
			display: grid;
			grid-template-columns: 1fr 1fr;
			grid-template-rows: auto;
		}

		.widget-magazine-focus .widget-magazine-content .magazine-post-large {
			grid-column: 1 / span 2;
			grid-row: 1 / span 2;
		}

		/* Magazine Grid Widget */
		.widget-magazine-grid .widget-magazine-content {
			display: grid;
			grid-template-columns: 1fr 1fr;
			grid-template-rows: auto;
		}
	}

	@media only screen and (min-width: 40em) {
		/* Magazine Widgets */
		.widget-magazine-posts .magazine-posts-regular {
			grid-gap: 1.5em;
		}
	}

	@media only screen and (min-width: 50em) {
		/* Magazine Widget Post Titles */
		.widget-magazine-posts .large-post .entry-title {
			font-size: 20px;
			font-size: 1.25rem;
		}

		.widget-magazine-posts .medium-post .entry-title,
		.widget-magazine-posts .small-post .entry-title {
			font-size: 17px;
			font-size: 1.0625rem;
		}
	}

	@media only screen and (min-width: 57.5em) {
		/* Magazine Focus Widgets */
		.widget-magazine-focus .widget-magazine-content {
			grid-template-columns: 1fr 1fr 1fr 1fr;
		}

		.widget-magazine-focus-center .widget-magazine-content .magazine-post-large {
			grid-column: 2 / span 2;
		}

		/* Magazine Grid Widget */
		.widget-magazine-grid .magazine-grid-four-columns {
			grid-template-columns: 1fr 1fr 1fr 1fr;
		}

		.widget-magazine-grid .magazine-grid-three-columns {
			grid-template-columns: 1fr 1fr 1fr;
		}

		/* Magazine Widget Post Titles */
		.widget-magazine-posts .large-post .entry-title {
			font-size: 22px;
			font-size: 1.375rem;
		}

		.widget-magazine-posts .medium-post .entry-title {
			font-size: 16px;
			font-size: 1rem;
		}

		.widget-magazine-posts .small-post .entry-title {
			font-size: 15px;
			font-size: 0.9375rem;
		}
	}

	@media only screen and (min-width: 70em) {
		/* Magazine Widget Post Titles */
		.widget-magazine-posts .large-post .entry-title {
			font-size: 24px;
			font-size: 1.5rem;
		}
	}

	@media only screen and (min-width: 75em) {
		/* Magazine Widget Post Titles */
		.widget-magazine-posts .large-post .entry-title {
			font-size: 26px;
			font-size: 1.625rem;
		}

		.widget-magazine-posts .medium-post .entry-title {
			font-size: 17px;
			font-size: 1.0625rem;
		}

		.widget-magazine-posts .small-post .entry-title {
			font-size: 16px;
			font-size: 1rem;
		}
	}
}

/*--------------------------------------------------------------
# - Media Queries for Media
--------------------------------------------------------------*/
@media only screen and (min-width: 20em) {
	.alignleft {
		float: left;
		margin-right: 1.5em;
	}

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

@media only screen and (min-width: 30em) {
	/* Gallery */
	.gallery-item {
		padding: 0 1.5em 1em 0;
	}

	.gallery-columns-3 .gallery-item,
	.gallery-columns-5 .gallery-item,
	.gallery-columns-6 .gallery-item,
	.gallery-columns-7 .gallery-item,
	.gallery-columns-9 .gallery-item {
		max-width: 33.33%;
	}

	.gallery-columns-4 .gallery-item,
	.gallery-columns-8 .gallery-item {
		max-width: 25%;
	}
}

@media only screen and (min-width: 45em) {
	/* Gallery */
	.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%;
	}
}

@media only screen and (min-width: 55em) {
	/* Gallery */
	.gallery-columns-8 .gallery-item {
		max-width: 12.5%;
	}

	.gallery-columns-9 .gallery-item {
		max-width: 11.11%;
	}
}

/*--------------------------------------------------------------
# - Media Queries for Print Styles
--------------------------------------------------------------*/
@media print {
	form,
	button,
	input,
	select,
	textarea,
	.header-bar-wrap,
	.primary-navigation-wrap,
	#secondary,
	.footer-navigation,
	.footer-widgets-background,
	.header-image,
	.page-links,
	.post-navigation,
	.pagination.navigation,
	.comments-area,
	.footer-wrap,
	.scroll-to-top {
		display: none !important;
	}

	body,
	.site {
		background: none !important;
	}

	.content-area {
		padding: 0;
		width: 100%;
	}
}

/*--------------------------------------------------------------
# - Theme Options
--------------------------------------------------------------*/
@supports (display: grid) {
	/* Sidebar Left Layout */
	@media only screen and (min-width: 57.5em) {
		.sidebar-left .site-content {
			grid-template-columns: 3fr 7fr;
		}

		.sidebar-left .content-area {
			grid-column-start: 2;
		}

		.sidebar-left .sidebar {
			grid-column-start: 1;
		}

		/* Left Sidebar on single posts */
		.sidebar-left.single-post .type-post {
			grid-template-columns: 3fr 7fr;
		}

		.sidebar-left.single-post .type-post .single-header,
		.sidebar-left.single-post .type-post .single-content {
			grid-column-start: 2;
		}

		.sidebar-left.single-post .type-post .sidebar {
			grid-column-start: 1;
		}

		.sidebar-left.fullwidth-single-post.single-post .type-post .single-header {
			grid-column: 1 / span 2;
		}

		.sidebar-left.fullwidth-single-post.single-post .type-post .sidebar {
			grid-row-start: 2;
		}
	}

	/* No Sidebar Layout */
	@media only screen and (min-width: 57.5em) {
		.no-sidebar .site-content,
		.page-template-template-centered .site-content {
			display: block;
		}

		.no-sidebar .site-content .content-area,
		.page-template-template-centered .site-content .content-area {
			margin: 0 auto;
			padding: 0;
			max-width: 840px;
			width: 100%;
		}

		/* Fullwidth Template */
		.page-template-template-fullwidth .site-content {
			display: block;
		}
	}

	/* No Sidebar on Single Posts */
	@media only screen and (min-width: 57.5em) {
		/* No Sidebar Post Template */
		.no-sidebar.single-post .content-single,
		.single-post .content-no-sidebar {
			width: 100%;
		}

		.no-sidebar.single-post .content-single .type-post,
		.single-post .content-no-sidebar .type-post {
			display: block;
		}

		.no-sidebar.single-post .content-single .type-post .single-header,
		.no-sidebar.single-post .content-single .type-post .single-content,
		.single-post .content-no-sidebar .type-post .single-header,
		.single-post .content-no-sidebar .type-post .single-content {
			max-width: 840px;
			padding: 0;
			margin-left: auto;
			margin-right: auto;
		}

		.no-sidebar.fullwidth-single-post.single-post .content-single .type-post .single-header,
		.fullwidth-single-post.single-post .content-no-sidebar .type-post .single-header {
			max-width: 100%;
		}
	}
}

/* Customizer Preview */
.magazine-widgets-placeholder {
	position: relative;
}

.magazine-widgets-placeholder .magazine-widgets-placeholder-title {
	display: block;
	margin: 0;
	padding: 1em 1em 1em 55px;
	border: 2px dashed #0085ba;
	color: #0085ba;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 14px;
	font-size: 0.875rem;
}

/* Add some styling for visual edit shortcut buttons. */
.magazine-widgets-placeholder .customize-partial-edit-shortcut button {
	top: 14px;
	left: 15px;
}

.customize-partial-edit-shortcut-mercia_theme_options-blog_description,
.customize-partial-edit-shortcut-mercia_blog_content_partial {
	left: -9999px;
}