@charset "UTF-8";

/*
Theme Name: Donovan
Theme URI: https://themezee.com/themes/donovan/
Author: ThemeZee
Author URI: https://themezee.com
Description: Donovan is a flexible, yet easy-to-use blogging theme with a clean and modern design. It features an elegant mobile-first design, three different blog layouts and extensive post settings. Donovan is perfect for your personal blog or for any content-focused website.
Version: 1.9.1
Requires at least: 5.2
Tested up to: 6.5
Requires PHP: 7.4
AMP: true
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: donovan
Tags: two-columns, blog, news, custom-background, custom-logo, custom-header, custom-menu, grid-layout, entertainment, editor-style, block-styles, 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.

Donovan is based on Underscores https://underscores.me/, (C) 2012-2017 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 https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# - CSS Variables
# - Normalize
# - Typography
# - Elements
# - Forms
# - Accessibility
# - Alignments
# - Clearings
# - Layout Structure
# - Header
# - Navigation
	## - Main Navigation
	## - Social Icons Menu
# - Widgets
# - Posts and pages
# - Gutenberg Blocks
# - Comments
# - Footer
# - Media
	## - Captions
	## - Galleries
# - Plugins
# - Media Queries
	## - Greater than 320px
	## - Greater than 400px
	## - Greater than 480px
	## - Greater than 560px
	## - Greater than 640px
	## - Greater than 720px
	## - Greater than 800px
	## - Greater than 880px
	## - Greater than 960px
	## - Greater than 1040px
	## - Greater than 1120px
	## - Greater than 1200px
	## - Greater than 1280px
	## - Media Print Styles
# - Theme Layout
# - Sidebar Position
# - Customizer Preview
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# - CSS Variables
--------------------------------------------------------------*/
:root {
	--primary-color: #ee1133;
	--secondary-color: #d5001a;
	--tertiary-color: #bb0000;
	--accent-color: #1153ee;
	--highlight-color: #eedc11;
	--light-gray-color: #f2f2f2;
	--gray-color: #666;
	--dark-gray-color: #202020;
	--text-color: #202020;
	--medium-text-color: #707070;
	--light-text-color: rgba(0, 0, 0, 0.5);
	--dark-border-color: #202020;
	--medium-border-color: rgba(0, 0, 0, 0.15);
	--light-border-color: rgba(0, 0, 0, 0.075);
	--page-background-color: #fff;
	--page-border-color: rgba(0, 0, 0, 0.05);
	--link-color: #6c8e77;
	--button-color: #6c8e77;
	--button-text-color: #fff;
	--button-hover-color: #97baa3;
	--button-hover-text-color: #fff;
	--navi-color: #202020;
	--navi-text-color: #fff;
	--navi-hover-text-color: rgba(255, 255, 255, 0.5);
	--navi-border-color: rgba(255, 255, 255, 0.05);
	--submenu-color: #6c8e77;
	--submenu-text-color: #fff;
	--submenu-hover-text-color: rgba(255, 255, 255, 0.5);
	--submenu-border-color: rgba(255, 255, 255, 0.075);
	--title-color: #202020;
	--widget-title-color: #202020;
	--footer-color: #202020;
	--footer-text-color: #fff;
	--footer-hover-text-color: rgba(255, 255, 255, 0.5);
	--footer-border-color: rgba(255, 255, 255, 0.035);
	--text-font: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
	--title-font: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
	--navi-font: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
	--widget-title-font: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
	--title-font-weight: 600;
	--navi-font-weight: 500;
	--widget-title-font-weight: 600;
	--title-text-transform: none;
	--navi-text-transform: none;
	--widget-title-text-transform: none;
	--text-line-height: 1.75;
	--title-line-height: 1.4;
	--tz-column-gap: 1.5rem;
}

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

dfn {
	font-style: italic;
}

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

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

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-size: 1em;
	font-family: 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;
	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;
	appearance: textfield;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	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: 700;
}

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

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
# - Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #202020;
	color: var(--text-color);
	font-size: 15px;
	font-size: 0.9375rem;
	font-family: Raleway, Arial, Helvetica, sans-serif;
	font-family: var(--text-font);
	line-height: 1.75;
	line-height: var(--text-line-height);
}

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

h1 {
	font-size: 32px;
	font-size: 2rem;
}

h2 {
	font-size: 26px;
	font-size: 1.625rem;
}

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

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

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

h6 {
	font-size: 18px;
	font-size: 1.125rem;
}

p {
	margin-top: 1em;
	margin-bottom: 1.25em;
}

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

address {
	margin: 0 0 1.5em;
}

pre {
	overflow: auto;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	padding: 1.5em;
	max-width: 100%;
	border: 1px solid rgba(0, 0, 0, 0.075);
	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;
}

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

blockquote {
	margin: 1.5em 0;
	padding-left: 1.25em;
	border-left: 4px solid;
	border-color: #202020;
	border-color: var(--dark-border-color);
	color: #707070;
	color: var(--medium-text-color);
	font-size: 18px;
	font-size: 1.125rem;
}

blockquote cite,
blockquote small {
	display: block;
	margin-top: 1em;
	color: #202020;
	color: var(--text-color);
	font-size: 16px;
	font-size: 1rem;
	font-style: normal;
	line-height: 1.75;
}

blockquote cite::before,
blockquote small::before {
	content: "— ";
}

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

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

ul,
ol {
	margin: 1.5em 0;
	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: 700;
}

dd {
	margin: 0 0 1.5em;
}

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

table {
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	width: 100%;
	border: none;
	table-layout: auto;
}

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

th {
	font-weight: 400;
	text-align: initial;
	background: rgba(0, 0, 0, 0.05);
}

tfoot td {
	background: rgba(0, 0, 0, 0.05);
}

a,
a:link,
a:visited {
	color: #ee1133;
	color: var(--link-color);
	text-decoration: underline;
}

a:hover,
a:focus,
a:active {
	text-decoration: none;
}

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.5em 1em;
	border: none;
	color: #fff;
	color: var(--button-text-color);
	background-color: #ee1133;
	background-color: var(--button-color);
	text-decoration: none;
	font-weight: 400;
	font-size: 15px;
	font-size: 0.9375rem;
}

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 {
	color: #fff;
	color: var(--button-hover-text-color);
	background-color: #d5001a;
	background-color: var(--button-hover-color);
}

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;
	border-color: rgba(0, 0, 0, 0.075);
	border-color: var(--light-border-color);
	background: none;
	color: #707070;
	color: var(--medium-text-color);
}

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;
	border-color: rgba(0, 0, 0, 0.15);
	border-color: var(--medium-border-color);
	color: #202020;
	color: var(--text-color);
}

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: 700;
	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;
	padding: 0;
	width: 100%;
}

.container {
	margin-left: auto;
	margin-right: auto;
	padding-left: 0;
	padding-right: 0;
	max-width: 1440px;
}

/*--------------------------------------------------------------
# - Header
--------------------------------------------------------------*/
.site-header {
	background: #fff;
}

.header-main {
	display: block;
	text-align: center;
	padding-top: 1.25rem;
	padding-bottom: 1.5rem;
}

.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: #202020;
	color: var(--title-color);
	text-decoration: none;
	font-size: 32px;
	font-size: 2rem;
	font-family: Quicksand, Tahoma, Arial, sans-serif;
	font-family: var(--title-font);
	font-weight: 400;
	font-weight: var(--title-font-weight);
	text-transform: none;
	text-transform: var(--title-text-transform);
	line-height: 1.4;
	line-height: var(--title-line-height);
}

.site-title a:link,
.site-title a:visited {
	color: #202020;
	color: var(--title-color);
}

.site-title a:hover,
.site-title a:active {
	text-decoration: underline;
}

.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;
}

/* Header Social Icons */
.header-social-menu {
	margin-top: 1rem;
}

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

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

/*--------------------------------------------------------------
# - Navigation
--------------------------------------------------------------*/
.primary-navigation-wrap {
	background-color: #202020;
	background-color: var(--navi-color);
}

.primary-navigation {
	position: relative;
	width: 100%;
}

.main-navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
	color: #fff;
	color: var(--navi-text-color);
	font-size: 17px;
	font-size: 1.0625rem;
	font-family: Quicksand, Tahoma, Arial, sans-serif;
	font-family: var(--navi-font);
	font-weight: 400;
	font-weight: var(--navi-font-weight);
	text-transform: none;
	text-transform: var(--navi-text-transform);
}

/* Hide the menu on small screens when JavaScript is available. */
.main-navigation ul,
.main-navigation .menu-item-has-children > a > .icon,
.main-navigation ul a > .icon {
	display: none;
}

.main-navigation.toggled-on > ul.menu {
	display: block;
}

/* Menu Items Styling */
.main-navigation ul li {
	position: relative;
	margin: 0;
}

.main-navigation ul a {
	display: block;
	margin: 0;
	padding: 1em 1.5em;
	border-top: 1px solid rgba(255, 255, 255, 0.05);
	border-top: 1px solid var(--navi-border-color);
	text-decoration: none;
}

.main-navigation ul a,
.main-navigation ul a:link,
.main-navigation ul a:visited {
	color: #fff;
	color: var(--navi-text-color);
	text-decoration: none;
}

.main-navigation ul a:hover,
.main-navigation ul a:active,
.main-navigation ul a:focus {
	color: rgba(255, 255, 255, 0.5);
	color: var(--navi-hover-text-color);
}

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

/* Submenus */
.main-navigation ul ul {
	font-size: 15px;
	font-size: 0.9375rem;
}

.is-amp-page .main-navigation ul button.toggled-on + ul,
.main-navigation ul ul.toggled-on {
	display: block;
}

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

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

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

/* Main Navigation Toggle */
.primary-menu-toggle {
	display: flex;
	margin: 0;
	padding: 1em 1.5em;
	border: none;
	background: none;
	color: #fff;
	color: var(--navi-text-color);
	text-decoration: none;
	font-size: 17px;
	font-size: 1.0625rem;
	font-family: Quicksand, Tahoma, Arial, sans-serif;
	font-family: var(--navi-font);
	font-weight: 400;
	font-weight: var(--navi-font-weight);
	text-transform: none;
	text-transform: var(--navi-text-transform);
	align-items: center;
}

.primary-menu-toggle .menu-toggle-text {
	margin-left: 0.75em;
}

.primary-menu-toggle:focus {
	outline: thin dotted;
	color: #fff;
	color: var(--navi-text-color);
	background: none;
}

.primary-menu-toggle:hover,
.primary-menu-toggle:active {
	color: rgba(255, 255, 255, 0.5);
	color: var(--navi-hover-text-color);
	background: none;
	cursor: pointer;
}

.primary-menu-toggle .icon {
	margin: 0;
	width: 24px;
	height: 24px;
	vertical-align: top;
	fill: #fff;
	fill: var(--navi-text-color);
}

.primary-menu-toggle:hover .icon,
.primary-menu-toggle:active .icon {
	fill: rgba(255, 255, 255, 0.5);
	fill: var(--navi-hover-text-color);
}

.primary-menu-toggle[aria-expanded="true"] .icon-menu,
.primary-menu-toggle[aria-expanded="false"] .icon-close {
	display: none;
}

.primary-menu-toggle[aria-expanded="true"] .icon-close {
	display: inline-block;
}

/* Submenu Dropdown Toggles */
.main-navigation .dropdown-toggle {
	position: absolute;
	display: block;
	top: 0;
	right: 0;
	padding: 1.1em 1.5em;
	background: none;
	border: none;
}

.main-navigation .dropdown-toggle:focus {
	outline: thin dotted;
	fill: #fff;
	fill: var(--navi-text-color);
	background: none;
}

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

.main-navigation .dropdown-toggle .icon {
	margin: 0.4em 0 0;
	width: 20px;
	height: 20px;
	vertical-align: top;
	fill: #fff;
	fill: var(--navi-text-color);
}

.main-navigation .dropdown-toggle:hover .icon,
.main-navigation .dropdown-toggle:active .icon,
.main-navigation .dropdown-toggle:focus .icon {
	fill: rgba(255, 255, 255, 0.5);
	fill: var(--navi-hover-text-color);
}

.main-navigation .dropdown-toggle.toggled-on .icon {
	-ms-transform: rotate(-180deg); /* IE 9 */
	-webkit-transform: rotate(-180deg); /* Chrome, Safari, Opera */
	transform: rotate(-180deg);
}

.main-navigation ul ul .dropdown-toggle {
	padding: 0.9em 1.2em;
}

.main-navigation ul ul .dropdown-toggle .icon {
	width: 18px;
	height: 18px;
}

/*--------------------------------------------------------------
# - Social Icons Menu
--------------------------------------------------------------*/
.donovan-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;
	justify-content: center;
}

.donovan-social-menu .social-icons-menu li {
	margin: 0;
	padding: 0;
	border: none;
	list-style: none;
}

.donovan-social-menu .social-icons-menu li a {
	display: block;
	margin: 0 3px 3px 0;
	padding: 0.6rem 0.8rem 0.65rem;
	background: rgba(0, 0, 0, 0.05);
}

.donovan-social-menu .social-icons-menu li a:hover,
.donovan-social-menu .social-icons-menu li a:active {
	background: rgba(0, 0, 0, 0.1);
	text-decoration: none;
}

.donovan-social-menu .social-icons-menu li a .icon {
	margin: 0;
	width: 24px;
	height: 24px;
	vertical-align: middle;
	fill: #202020;
}

/*--------------------------------------------------------------
# - Single Posts and pages
--------------------------------------------------------------*/
.site-main > article,
.post-wrapper > article,
.type-post,
.type-page,
.type-attachment {
	margin: 0;
	padding: 1.5rem;
	max-width: 100%;
	box-sizing: border-box;
	background-color: #fff;
	background-color: var(--page-background-color);
	border-bottom: 1px solid;
	border-color: rgba(0, 0, 0, 0.05);
	border-color: var(--page-border-color);
	min-width: 0;
	word-wrap: break-word;
}

.entry-title {
	margin-top: 0;
	margin-bottom: 0.2em;
	padding: 0;
	color: #202020;
	color: var(--title-color);
	font-size: 20px;
	font-size: 1.25rem;
	font-family: Quicksand, Tahoma, Arial, sans-serif;
	font-family: var(--title-font);
	font-weight: 400;
	font-weight: var(--title-font-weight);
	text-transform: none;
	text-transform: var(--title-text-transform);
	line-height: 1.4;
	line-height: var(--title-line-height);
}

.entry-title a:link,
.entry-title a:visited {
	color: #202020;
	color: var(--title-color);
	text-decoration: none;
}

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

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

.entry-content {
	margin-top: 1em;
}

.entry-content > *:first-child {
	margin-top: 0;
}

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

.site-main .sticky {
	border: 10px solid rgba(0, 0, 0, 0.3);
}

/* Read More Button */
.more-link {
	display: inline-block;
	margin: 0;
	padding: 0.5em 1em;
	color: #fff;
	color: var(--button-text-color);
	background-color: #ee1133;
	background-color: var(--button-color);
	font-size: 15px;
	font-size: 0.9375rem;
}

.more-link:link,
.more-link:visited {
	color: #fff;
	color: var(--button-text-color);
	text-decoration: none;
}

.more-link:hover,
.more-link:active {
	color: #fff;
	color: var(--button-hover-text-color);
	background-color: #d5001a;
	background-color: var(--button-hover-color);
	text-decoration: none;
}

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

/* Styling for all post details */
.entry-meta,
.entry-footer {
	color: rgba(0, 0, 0, 0.5);
	color: var(--light-text-color);
	font-size: 15px;
	font-size: 0.9375rem;
}

.entry-meta a:link,
.entry-meta a:visited,
.entry-footer a:link,
.entry-footer a:visited {
	color: rgba(0, 0, 0, 0.5);
	color: var(--light-text-color);
	text-decoration: none;
}

.entry-meta a:hover,
.entry-meta a:active,
.entry-footer a:hover,
.entry-footer a:active {
	color: #202020;
	color: var(--text-color);
}

/* Entry Meta */
.entry-meta {
	margin: 0.5em 0;
}

.entry-meta a:link,
.entry-meta a:visited {
	border-bottom: 1px dotted;
	border-color: rgba(0, 0, 0, 0.15);
	border-color: var(--medium-border-color);
}

.entry-meta a:hover,
.entry-meta a:active {
	text-decoration: none;
}

.entry-meta .updated:not(.published) {
	display: none;
}

/* Entry Footer */
.entry-footer {
	margin: 1.5rem 0 0;
	padding: 1rem 0 0;
	border-top: 2px solid;
	border-color: rgba(0, 0, 0, 0.05);
	border-color: var(--page-border-color);
}

.entry-footer div .icon {
	margin: 0.2em 0.5em 0 0;
	width: 20px;
	height: 20px;
	vertical-align: top;
	fill: rgba(0, 0, 0, 0.3);
}

.entry-footer .entry-comments .icon {
	margin-top: 0.3em;
}

/* 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-footer .entry-categories,
body.tags-hidden .type-post .entry-footer .entry-tags {
	position: absolute;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	width: 1px;
	height: 1px;
}

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

body.single-post.categories-hidden.tags-hidden .type-post .entry-footer {
	display: none;
}

body.categories-hidden .post-wrapper .type-post.comments-off .entry-footer {
	display: none;
}

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

.post-navigation .nav-links .nav-previous,
.post-navigation .nav-links .nav-next {
	margin: 0;
	padding: 1.5em;
	max-width: 100%;
	word-wrap: break-word;
	background-color: #fff;
	background-color: var(--page-background-color);
	box-sizing: border-box;
	border-bottom: 1px solid;
	border-color: rgba(0, 0, 0, 0.05);
	border-color: var(--page-border-color);
}

.post-navigation .nav-links .nav-next {
	text-align: right;
}

/* Post Navigation Link Styling */
.post-navigation .nav-links a:link,
.post-navigation .nav-links a:visited {
	text-decoration: none;
}

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

.post-navigation .nav-links a:hover .entry-title,
.post-navigation .nav-links a:active .entry-title {
	text-decoration: underline;
}

.post-navigation .nav-links .nav-link-text {
	display: block;
	color: rgba(0, 0, 0, 0.5);
	color: var(--light-text-color);
}

.post-navigation .nav-links .nav-previous .nav-link-text::before {
	margin-right: 5px;
	content: "←";
}

.post-navigation .nav-links .nav-next .nav-link-text::after {
	margin-left: 5px;
	content: "→";
}

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

/* Archives and Search Heading */
.archive-header {
	margin: 0 0 1rem;
	padding: 1.5rem;
	max-width: 100%;
	word-wrap: break-word;
	background-color: #fff;
	background-color: var(--page-background-color);
}

.archive-title {
	margin: 0;
	padding: 0;
	color: #202020;
	color: var(--widget-title-color);
	font-size: 18px;
	font-size: 1.125rem;
	font-family: Quicksand, Tahoma, Arial, sans-serif;
	font-family: var(--widget-title-font);
	font-weight: 400;
	font-weight: var(--widget-title-font-weight);
	text-transform: none;
	text-transform: var(--widget-title-text-transform);
	line-height: 1.4;
	line-height: var(--title-line-height);
}

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

.archive-header .search-form {
	margin: 1.25rem 0 0;
}

/* Theme Pagination */
.pagination {
	margin-bottom: 0;
	padding: 1.5rem;
	background-color: #fff;
	background-color: var(--page-background-color);
	border-bottom: 1px solid;
	border-color: rgba(0, 0, 0, 0.05);
	border-color: var(--page-border-color);
}

.pagination .page-numbers,
.pagination .current {
	display: inline-block;
	padding: 0.2rem 0.8rem;
	margin-right: 3px;
	text-align: center;
	text-decoration: none;
	color: #fff;
	color: var(--button-text-color);
	background-color: #ee1133;
	background-color: var(--button-color);
}

.pagination .page-numbers.dots {
	padding: 0 0.5rem;
}

.pagination .current,
.pagination a:hover,
.pagination a:active {
	color: #fff;
	color: var(--button-hover-text-color);
	background-color: #d5001a;
	background-color: var(--button-hover-color);
}

.pagination .current {
	font-weight: 700;
}

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

.infinite-scroll #infinite-handle,
.infinite-scroll .infinite-loader {
	width: 100%;
	text-align: center;
	padding: 1.5rem;
	background-color: #fff;
	background-color: var(--page-background-color);
	border-bottom: 1px solid;
	border-color: rgba(0, 0, 0, 0.05);
	border-color: var(--page-border-color);
}

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

.infinite-scroll #infinite-handle span {
	display: inline-block;
	margin: 0;
	padding: 0.5em 1em;
	color: #fff;
	color: var(--button-text-color);
	background-color: #ee1133;
	background-color: var(--button-color);
	font-size: 15px;
	font-size: 0.9375rem;
}

.infinite-scroll #infinite-handle span:hover {
	color: #fff;
	color: var(--button-hover-text-color);
	background-color: #d5001a;
	background-color: var(--button-hover-color);
	text-decoration: none;
}

.blog-grid-layout.infinite-scroll .content-archive .post-wrapper #infinite-handle,
.blog-grid-layout.infinite-scroll .content-archive .post-wrapper .infinite-loader {
	grid-column: 1/span 2;
}

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

/* Block Spacing */
.wp-block-audio,
.wp-block-button,
.wp-block-buttons,
.wp-block-columns,
.wp-block-embed,
.wp-block-image,
.wp-block-gallery,
.wp-block-cover,
.wp-block-table {
	margin-bottom: 1.5em;
}

/* Paragraph Block */
p.has-background {
	padding: 1rem 1.25rem;
}

.has-drop-cap:not(:focus)::first-letter {
	font-size: 4.5rem;
	line-height: 0.7;
	font-weight: 700;
}

/* Code Block */
.wp-block-code {
	border-radius: 3px;
}

/* Separator Block */
.wp-block-separator {
	border: none;
}

.wp-block-separator:not(.is-style-wide):not(.is-style-dots),
.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots) {
	margin-left: auto;
	margin-right: auto;
	max-width: 6rem;
	height: 4px;
}

/* Table Block */
.wp-block-table table {
	margin: 0;
}

.wp-block-table.is-style-stripes {
	border-bottom: none;
}

.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
	background: rgba(0, 0, 0, 0.05);
}

.wp-block-table.is-style-stripes thead {
	border-bottom: 2px solid;
}

.wp-block-table.is-style-stripes tfoot {
	border-top: 2px solid;
}

.wp-block-table.is-style-stripes thead,
.wp-block-table.is-style-stripes tfoot {
	border-color: #202020;
	border-color: var(--text-color);
}

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

/* Buttons Block */
.wp-block-buttons .wp-block-button {
	margin: 0 0.5rem 0 0;
}

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

/* Button Block */
.wp-block-button {
	font-size: 15px;
	font-size: 0.9375rem;
}

.wp-block-button.aligncenter {
	text-align: center;
}

.wp-block-button__link {
	margin: 0;
	padding: 0.5em 1em;
	border: none;
	border-radius: 0;
	color: inherit;
	font-size: inherit;
	text-decoration: none;
}

.wp-block-button__link:link,
.wp-block-button__link:visited {
	color: inherit;
	text-decoration: none;
}

.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-text-color),
.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-text-color):link,
.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-text-color):visited {
	color: #fff;
	color: var(--button-text-color);
}

.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-background) {
	background-color: #ee1133;
	background-color: var(--button-color);
}

.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-text-color):not(.has-background):hover,
.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-text-color):not(.has-background):active {
	background-color: #d5001a;
	background-color: var(--button-hover-color);
}

.wp-block-button:not(.is-style-outline) .wp-block-button__link.has-text-color:hover,
.wp-block-button:not(.is-style-outline) .wp-block-button__link.has-text-color:active,
.wp-block-button:not(.is-style-outline) .wp-block-button__link.has-background:hover,
.wp-block-button:not(.is-style-outline) .wp-block-button__link.has-background:active {
	text-decoration: underline;
}

/* Outline Style */
.wp-block-button.is-style-outline .wp-block-button__link {
	padding: calc(0.5em - 2px) calc(1em - 2px);
	background-color: transparent !important;
}

.wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color),
.wp-block-button__link.is-style-outline:not(.has-text-color),
.wp-block-cover .wp-block-button.is-style-outline .wp-block-button__link,
.wp-block-media-text .wp-block-button.is-style-outline .wp-block-button__link {
	color: inherit;
}

.wp-block-button.is-style-outline .wp-block-button__link:hover,
.wp-block-button.is-style-outline .wp-block-button__link:active {
	text-decoration: underline;
}

.wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color):hover,
.wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color):active {
	color: inherit;
}

/* Quote Block */
.wp-block-quote.has-text-align-center:not(.is-style-large),
.wp-block-quote.has-text-align-right:not(.is-style-large) {
	padding-left: 0;
	border-left: 0;
}

.wp-block-quote.has-text-align-right:not(.is-style-large) {
	padding-right: 1.25em;
	border-right: 4px solid;
	border-color: #202020;
	border-color: var(--dark-border-color);
}

.wp-block-quote.is-style-large {
	padding: 0;
	border: none;
	font-size: 28px;
	font-size: 1.75rem;
}

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

.wp-block-quote.is-style-large cite {
	text-align: inherit;
	font-size: 16px;
	font-size: 1rem;
}

/* Pullquote Block */
.wp-block-pullquote {
	margin: 1.5em 0;
	padding: 0;
	border-bottom: 4px solid;
	border-top: 4px solid;
	border-color: rgba(0, 0, 0, 0.075);
	border-color: var(--light-border-color);
}

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

.wp-block-pullquote p {
	font-size: inherit;
	line-height: inherit;
}

.wp-block-pullquote blockquote > p:last-of-type {
	margin-bottom: 0;
}

.wp-block-pullquote.alignleft p,
.wp-block-pullquote.alignright p {
	font-size: 0.75em;
}

.wp-block-pullquote blockquote cite {
	color: #202020;
	color: var(--text-color);
}

.wp-block-pullquote.is-style-solid-color {
	padding: 1px 2rem;
}

.wp-block-pullquote.is-style-solid-color blockquote {
	margin-left: 0;
	margin-right: 0;
	max-width: 100%;
}

.wp-block-pullquote.is-style-solid-color blockquote p {
	margin: 1.75rem 0 1rem;
	font-size: inherit;
}

.wp-block-pullquote.is-style-solid-color blockquote cite {
	color: inherit;
}

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

/* Image Block */
.wp-block-image img {
	vertical-align: top;
}

/* Cover Block */
.wp-block-cover,
.wp-block-cover-image {
	width: auto;
}

.wp-block-cover > .wp-block-cover__inner-container > *:first-child,
.wp-block-cover-image > .wp-block-cover__inner-container > *:first-child {
	margin-top: 0;
}

.wp-block-cover > .wp-block-cover__inner-container > *:last-child,
.wp-block-cover-image > .wp-block-cover__inner-container > *:last-child {
	margin-bottom: 0;
}

/* Gallery Block */
.wp-block-gallery {
	justify-content: center;
}

/* Video Embed Block */
.wp-block-embed-vimeo.alignfull iframe {
	width: 100%;
}

/* Group Block */
.wp-block-group.has-background {
	padding: 1.5rem;
}

.wp-block-group.has-background > .wp-block-group__inner-container > *:first-child {
	margin-top: 0;
}

.wp-block-group.has-background > .wp-block-group__inner-container > *:last-child {
	margin-bottom: 0;
}

/* Columns Block */
div.wp-block-columns {
	gap: 1.5rem;
}

/* Column Block */
.wp-block-column.has-background {
	padding: 1.5rem;
	box-sizing: border-box;
}

.wp-block-column.has-background > *:first-child {
	margin-top: 0;
}

.wp-block-column.has-background > *:last-child {
	margin-bottom: 0;
}

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

.wp-block-latest-posts.wp-block-latest-posts__list li {
	margin-top: 0.5rem;
}

.wp-block-latest-posts__post-date,
.wp-block-latest-posts__post-author {
	color: rgba(0, 0, 0, 0.5);
	color: var(--light-text-color);
	font-size: 15px;
	font-size: 0.9375rem;
}

/* Search Block */
.wp-block-search .wp-block-search__label {
	width: auto;
}

/* Block Text Colors */
.has-primary-color,
.wp-block-button__link.has-primary-color {
	color: #ee1133;
	color: var(--primary-color);
}

.has-secondary-color,
.wp-block-button__link.has-secondary-color {
	color: #d5001a;
	color: var(--secondary-color);
}

.has-tertiary-color,
.wp-block-button__link.has-tertiary-color {
	color: #bb0000;
	color: var(--tertiary-color);
}

.has-accent-color,
.wp-block-button__link.has-accent-color {
	color: #1153ee;
	color: var(--accent-color);
}

.has-highlight-color,
.wp-block-button__link.has-highlight-color {
	color: #eedc11;
	color: var(--highlight-color);
}

.has-white-color,
.wp-block-button__link.has-white-color {
	color: #fff;
}

.has-light-gray-color,
.wp-block-button__link.has-light-gray-color {
	color: #f2f2f2;
	color: var(--light-gray-color);
}

.has-gray-color,
.wp-block-button__link.has-gray-color {
	color: #666;
	color: var(--gray-color);
}

.has-dark-gray-color,
.wp-block-button__link.has-dark-gray-color {
	color: #202020;
	color: var(--dark-gray-color);
}

.has-black-color,
.wp-block-button__link.has-black-color {
	color: #000;
}

/* Block Background Colors */
.has-primary-background-color,
.has-primary-background-color[class] {
	background-color: #ee1133;
	background-color: var(--primary-color);
}

.has-secondary-background-color,
.has-secondary-background-color[class] {
	background-color: #d5001a;
	background-color: var(--secondary-color);
}

.has-tertiary-background-color,
.has-tertiary-background-color[class] {
	background-color: #bb0000;
	background-color: var(--tertiary-color);
}

.has-accent-background-color,
.has-accent-background-color[class] {
	background-color: #1153ee;
	background-color: var(--accent-color);
}

.has-highlight-background-color,
.has-highlight-background-color[class] {
	background-color: #eedc11;
	background-color: var(--highlight-color);
}

.has-white-background-color,
.has-white-background-color[class] {
	background-color: #fff;
}

.has-light-gray-background-color,
.has-light-gray-background-color[class] {
	background-color: #f2f2f2;
	background-color: var(--light-gray-color);
}

.has-gray-background-color,
.has-gray-background-color[class] {
	background-color: #666;
	background-color: var(--gray-color);
}

.has-dark-gray-background-color,
.has-dark-gray-background-color[class] {
	background-color: #202020;
	background-color: var(--dark-gray-color);
}

.has-black-background-color,
.has-black-background-color[class] {
	background-color: #000;
}

/* Block Font Sizes */
.has-small-font-size {
	font-size: 16px;
}

.has-medium-font-size {
	font-size: 24px;
}

.has-large-font-size {
	font-size: 36px;
}

.has-extra-large-font-size {
	font-size: 48px;
}

.has-huge-font-size {
	font-size: 64px;
}

/*--------------------------------------------------------------
# - Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0;
	padding: 1.5rem;
	max-width: 100%;
	word-wrap: break-word;
	background-color: #fff;
	background-color: var(--page-background-color);
	border-bottom: 1px solid;
	border-color: rgba(0, 0, 0, 0.05);
	border-color: var(--page-border-color);
}

.widget-title,
.is-style-widget-title {
	margin: 0 0 1rem;
	padding: 0;
	color: #202020;
	color: var(--widget-title-color);
	font-size: 18px;
	font-size: 1.125rem;
	font-family: Quicksand, Tahoma, Arial, sans-serif;
	font-family: var(--widget-title-font);
	font-weight: 400;
	font-weight: var(--widget-title-font-weight);
	text-transform: none;
	text-transform: var(--widget-title-text-transform);
	line-height: 1.4;
	line-height: var(--title-line-height);
}

.widget a:link,
.widget a:visited {
	text-decoration: none;
}

.widget a:hover,
.widget a:active {
	text-decoration: underline;
}

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

.widget ul li,
.widget ol li {
	padding: 0.2em 0;
}

.widget ul > li:last-child {
	padding-bottom: 0;
}

.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%;
}

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

.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-color: #ee1133;
	background-color: var(--button-color);
}

.search-form .search-submit:hover,
.search-form .search-submit:active {
	background-color: #d5001a;
	background-color: var(--button-hover-color);
}

.search-form .search-submit .icon-search {
	margin: 5px 0 0;
	width: 22px;
	height: 22px;
	fill: #fff;
	fill: var(--button-text-color);
}

.search-form .search-submit:hover .icon-search,
.search-form .search-submit:active .icon-search {
	fill: #fff;
	fill: var(--button-hover-text-color);
}

/*--------------------------------------------------------------
# - Comments
--------------------------------------------------------------*/
.comments-area {
	word-wrap: break-word;
}

/* Comment Header */
.comments-title,
.comment-reply-title {
	margin: 0 0 1em;
	padding: 1.5rem;
	color: #202020;
	color: var(--widget-title-color);
	font-size: 18px;
	font-size: 1.125rem;
	font-family: Quicksand, Tahoma, Arial, sans-serif;
	font-family: var(--widget-title-font);
	font-weight: 400;
	font-weight: var(--widget-title-font-weight);
	text-transform: none;
	text-transform: var(--widget-title-text-transform);
	line-height: 1.4;
	line-height: var(--title-line-height);
	background-color: #fff;
	background-color: var(--page-background-color);
}

.comment-reply-title {
	padding: 0;
}

/* Comment List */
.comment-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.comment {
	margin: 0 0 1em;
	padding: 1.5rem;
	background-color: #fff;
	background-color: var(--page-background-color);
}

.comment .comment-body {
	display: block;
	margin: 0;
	padding: 0;
}

/* Comment Meta */
.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;
	color: rgba(0, 0, 0, 0.5);
	color: var(--light-text-color);
}

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

.comment-meta .comment-metadata a:link,
.comment-meta .comment-metadata a:visited {
	color: rgba(0, 0, 0, 0.5);
	color: var(--light-text-color);
	text-decoration: none;
}

.comment-meta .comment-metadata a:hover,
.comment-meta .comment-metadata a:active {
	color: #202020;
	color: var(--text-color);
}

/* Comment Content */
.comment-content {
	clear: left;
	padding: 0.2em 0 0;
}

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

.comment ol.children .comment {
	margin: 0;
	padding: 1.5rem 0 0;
	border-top: 2px solid;
	border-color: rgba(0, 0, 0, 0.05);
	border-color: var(--page-border-color);
}

/* Comment Reply */
.comment .reply {
	font-size: 14px;
	font-size: 0.875rem;
}

.comment .comment-respond {
	margin: 1.5em 0 0;
	padding: 1.5rem 0 0;
	border-top: 2px solid;
	border-color: rgba(0, 0, 0, 0.05);
	border-color: var(--page-border-color);
}

/* Comment Pagination */
.comment-navigation {
	margin: 0 0 1rem;
	padding: 1rem;
	background-color: #fff;
	background-color: var(--page-background-color);
}

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

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

.comment-navigation a:link,
.comment-navigation a:visited {
	color: rgba(0, 0, 0, 0.5);
	color: var(--light-text-color);
	text-decoration: none;
}

.comment-navigation a:hover,
.comment-navigation a:active {
	color: #202020;
	color: var(--text-color);
}

.comment-navigation .nav-previous a::before {
	margin-right: 5px;
	content: "←";
}

.comment-navigation .nav-next a::after {
	margin-left: 5px;
	content: "→";
}

/* Comment Form */
.comment-respond {
	margin: 0 0 1em;
	padding: 1.5rem;
	background-color: #fff;
	background-color: var(--page-background-color);
}

.comment-form {
	padding: 0;
}

.comment-form .logged-in-as {
	font-size: 14px;
	font-size: 0.875rem;
}

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

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

.comment-form .form-submit {
	margin-bottom: 0;
}

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

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

/*--------------------------------------------------------------
# - 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,
figure,
img,
picture {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
figcaption,
.wp-caption,
.wp-block-embed figcaption,
.wp-block-image figcaption,
.wp-block-audio figcaption,
.wp-block-table figcaption {
	font-size: 14px;
	font-size: 0.875rem;
	color: #707070;
	color: var(--medium-text-color);
}

.wp-block-embed figcaption,
.wp-block-image figcaption,
.wp-block-audio figcaption,
.wp-block-table figcaption,
.wp-block-gallery > figcaption {
	margin: 0.5rem 0 1.5rem;
	max-width: 100%;
	width: auto !important;
	text-align: center;
}

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

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

.wp-caption .wp-caption-text {
	margin: 0.5em 0;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	display: grid;
	margin: 1rem 0;
	padding: 0;
	grid-gap: 1rem;
}

.gallery-columns-1 {
	display: block;
}

.gallery-columns-2,
.gallery-columns-3,
.gallery-columns-4,
.gallery-columns-5,
.gallery-columns-6,
.gallery-columns-7,
.gallery-columns-8,
.gallery-columns-9 {
	grid-template-columns: 1fr 1fr;
}

.gallery-item {
	display: block;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	vertical-align: top;
	text-align: center;
}

.gallery-item img {
	vertical-align: top;
}

.gallery-caption {
	display: block;
	margin: 0.5rem 0 0;
	font-size: 15px;
	font-size: 0.9375rem;
	color: rgba(0, 0, 0, 0.5);
	color: var(--light-text-color);
	line-height: 1.4;
}

/* IE Fallback */
@media only screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.gallery {
		display: flex;
	}

	.gallery-item {
		display: inline-block;
		padding: 1rem;
	}

	.gallery-columns-2 .gallery-item {
		width: 50%;
	}

	.gallery-columns-3 .gallery-item {
		width: 33.3333333333%;
	}

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

	.gallery-columns-5 .gallery-item {
		width: 20%;
	}

	.gallery-columns-6 .gallery-item {
		width: 16.6666666667%;
	}

	.gallery-columns-7 .gallery-item {
		width: 14.2857142857%;
	}

	.gallery-columns-8 .gallery-item {
		width: 12.5%;
	}

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

/*--------------------------------------------------------------
# - Footer
--------------------------------------------------------------*/
.footer-wrap {
	background-color: #202020;
	background-color: var(--footer-color);
}

.site-footer {
	font-size: 16px;
	font-size: 1rem;
}

.site-footer a:link,
.site-footer a:visited {
	color: #fff;
	color: var(--footer-text-color);
	text-decoration: none;
}

.site-footer a:hover,
.site-footer a:active {
	color: rgba(255, 255, 255, 0.5);
	color: var(--footer-hover-text-color);
}

.site-footer .site-info {
	padding: 1.5rem;
	text-align: center;
	color: rgba(255, 255, 255, 0.5);
	color: var(--footer-hover-text-color);
}

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

/* Styling for ThemeZee Breadcrumbs Plugin */
.breadcrumbs {
	box-sizing: border-box;
	margin: 0;
	padding: 1rem 1.5rem 0;
	width: 100%;
	word-wrap: break-word;
	background: #fff;
}

.breadcrumbs-container {
	font-size: 14px;
	font-size: 0.875rem;
}

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

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

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

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

.trail-separator-slash .trail-items li::after {
	content: "/";
}

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

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

.trail-separator-arrow-bracket .trail-items li::after {
	content: ">";
}

.trail-separator-raquo .trail-items li::after {
	content: "»";
}

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

.trail-separator-double-arrow .trail-items li::after {
	content: "⇒";
}

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

@media only screen and (min-width: 25em) {
	.breadcrumbs {
		padding: 0.5rem 0;
	}
}

/* Styling for ThemeZee Magazine Blocks */
:root {
	--tz-column-gap: 1.5rem;
}

.tz-magazine-block .tz-magazine-post {
	margin: 0 0 1.5rem;
	padding: 0;
}

.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: 20px;
	font-size: 1.25rem;
}

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

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

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

.tz-magazine-block .tz-entry-content {
	font-size: 17px;
	font-size: 1.0625rem;
}

/* Styling for ThemeZee Related Posts Plugin */
ul.related-posts-list {
	margin: 1.5rem 0 0;
	padding: 0;
	list-style: none;
}

.related-posts-list li {
	display: block;
	margin-top: 1.5rem;
	list-style: none;
}

.related-posts-list li .wp-post-image {
	margin: 0 0 1rem 0;
}

.related-posts-list li .entry-title {
	font-size: 18px;
	font-size: 1.125rem;
}

.related-posts-list li .entry-meta {
	font-size: 13px;
	font-size: 0.8125rem;
}

.related-posts-grid {
	margin: 1.5rem 0 0;
}

.related-posts-columns .related-post-column {
	margin-top: 1.5rem;
}

.related-posts-columns .related-post-column .wp-post-image {
	margin: 0 0 1rem 0;
	padding: 0;
	border: none;
}

.related-posts-columns .related-post-column .entry-title {
	font-size: 18px;
	font-size: 1.125rem;
}

.related-posts-columns .related-post-column .entry-meta {
	font-size: 13px;
	font-size: 0.8125rem;
}

.related-posts-columns .related-post-column .entry-meta .meta-date {
	margin-right: 0.5rem;
}

.related-posts .clearfix::before,
.related-posts .clearfix::after {
	display: inline;
	content: none;
}

@media only screen and (min-width: 25em) {
	.related-posts-list li {
		display: grid;
		grid-template-columns: 2fr 3fr;
		grid-template-rows: auto 1fr;
		grid-column-gap: 1rem;
	}

	.related-posts-list li > a {
		grid-row: 1/span 2;
	}

	.related-posts-list li .wp-post-image {
		margin: 0;
	}

	.related-posts-list li .entry-title {
		font-size: 16px;
		font-size: 1rem;
	}

	.related-posts-list li .entry-meta {
		margin: 0;
	}

	.related-posts-two-columns,
	.related-posts-four-columns {
		display: grid;
		grid-gap: 1.5rem;
		grid-template-columns: repeat(2, 1fr);
	}

	.related-posts-two-columns .related-post-column,
	.related-posts-four-columns .related-post-column {
		margin-top: 0;
	}

	.related-posts-two-columns .related-post-column .entry-title,
	.related-posts-four-columns .related-post-column .entry-title {
		font-size: 16px;
		font-size: 1rem;
	}
}

@media only screen and (min-width: 35em) {
	.related-posts-list li .entry-title {
		font-size: 18px;
		font-size: 1.125rem;
	}

	.related-posts-three-columns {
		display: grid;
		grid-gap: 1.5rem;
		grid-template-columns: repeat(3, 1fr);
	}

	.related-posts-three-columns .related-post-column {
		margin-top: 0;
	}

	.related-posts-three-columns .related-post-column .entry-title {
		font-size: 16px;
		font-size: 1rem;
	}

	.related-posts-two-columns .related-post-column .entry-title,
	.related-posts-four-columns .related-post-column .entry-title {
		font-size: 18px;
		font-size: 1.125rem;
	}
}

@media only screen and (min-width: 45em) {
	.related-posts-list li .entry-title {
		font-size: 20px;
		font-size: 1.25rem;
	}

	.related-posts-two-columns .related-post-column .entry-title,
	.related-posts-four-columns .related-post-column .entry-title {
		font-size: 20px;
		font-size: 1.25rem;
	}

	.related-posts-three-columns .related-post-column .entry-title {
		font-size: 18px;
		font-size: 1.125rem;
	}
}

@media only screen and (min-width: 55em) {
	.related-posts-list li .entry-title {
		font-size: 18px;
		font-size: 1.125rem;
	}

	.related-posts-two-columns .related-post-column .entry-title,
	.related-posts-four-columns .related-post-column .entry-title {
		font-size: 18px;
		font-size: 1.125rem;
	}

	.related-posts-three-columns .related-post-column .entry-title {
		font-size: 16px;
		font-size: 1rem;
	}
}

@media only screen and (min-width: 65em) {
	.related-posts-list li .entry-title {
		font-size: 18px;
		font-size: 1.125rem;
	}

	.related-posts-four-columns {
		grid-template-columns: repeat(4, 1fr);
	}

	.related-posts-four-columns .related-post-column .entry-title {
		font-size: 16px;
		font-size: 1rem;
	}

	.related-posts-three-columns .related-post-column .entry-title {
		font-size: 18px;
		font-size: 1.125rem;
	}

	.related-posts-two-columns .related-post-column .entry-title {
		font-size: 20px;
		font-size: 1.25rem;
	}
}

@media only screen and (min-width: 75em) {
	.related-posts-list li {
		grid-template-columns: 1fr 2fr;
		grid-column-gap: 1.5rem;
	}

	.related-posts-list li .entry-meta {
		font-size: 14px;
		font-size: 0.875rem;
	}

	.related-posts-list li .entry-title {
		font-size: 20px;
		font-size: 1.25rem;
	}

	.related-posts-four-columns .related-post-column .entry-title {
		font-size: 18px;
		font-size: 1.125rem;
	}

	.related-posts-columns .related-post-column .entry-meta {
		font-size: 14px;
		font-size: 0.875rem;
	}
}

/* Styling for ThemeZee Widget Bundle Plugin */
.tzwb-posts-list li {
	margin: 0;
	list-style: none;
}

.tzwb-posts-list .tzwb-excerpt p {
	margin: 0;
	padding: 0;
}

.tzwb-posts-list li.tzwb-has-thumbnail {
	margin: 0;
	padding: 0.6em 0;
	overflow: hidden;
}

.tzwb-posts-list .wp-post-image {
	float: left;
	margin: 0.4rem 1rem 0.4rem 0;
	max-width: 100px;
	height: auto;
}

.tzwb-posts-list .tzwb-entry-meta {
	margin: 0;
	font-size: 14px;
	font-size: 0.875rem;
	color: rgba(0, 0, 0, 0.5);
}

.tzwb-posts-list .tzwb-entry-meta span {
	margin-right: 0.5rem;
}

.tzwb-posts-list .tzwb-entry-meta a:link,
.tzwb-posts-list .tzwb-entry-meta a:visited {
	color: rgba(0, 0, 0, 0.5);
	text-decoration: none;
}

.tzwb-posts-list .tzwb-entry-meta a:hover,
.tzwb-posts-list .tzwb-entry-meta a:active {
	color: #202020;
	color: var(--text-color);
}

/* Comments List */
.tzwb-comments-list li {
	overflow: hidden;
	margin: 0;
	list-style: none;
}

.tzwb-comments-list li.tzwb-has-avatar {
	padding: 0.8em 0;
}

.tzwb-comments-list .avatar {
	float: left;
	margin: 0.2em 0.8em 0.2em 0;
}

.tzwb-comments-list .tzwb-comment-content {
	font-style: italic;
}

.tzwb-comments-list .tzwb-comment-date {
	color: rgba(0, 0, 0, 0.5);
	font-size: 14px;
	font-size: 0.875rem;
}

/* Tabbed Content Widget */
.tzwb-tabbed-content .tzwb-tabnavi-wrap {
	margin: 0;
	padding: 0;
}

.tzwb-tabbed-content .tzwb-tabnavi {
	display: flex;
	flex-flow: row wrap;
	list-style: none;
	list-style-position: outside;
}

.tzwb-tabbed-content .tzwb-tabnavi li {
	margin: 3px 3px 0 0;
	padding: 0;
	border: none;
	list-style: none;
}

.tzwb-tabbed-content .tzwb-tabnavi li a {
	display: block;
	margin: 0;
	padding: 0.4em 0.8em;
	color: #fff;
	color: var(--button-text-color);
	background-color: #ee1133;
	background-color: var(--button-color);
	font-size: 15px;
	font-size: 0.9375rem;
}

.tzwb-tabbed-content .tzwb-tabnavi li a:link,
.tzwb-tabbed-content .tzwb-tabnavi li a:visited {
	color: #fff;
	color: var(--button-text-color);
}

.tzwb-tabbed-content .tzwb-tabnavi li a.current-tab,
.tzwb-tabbed-content .tzwb-tabnavi li a:hover,
.tzwb-tabbed-content .tzwb-tabnavi li a:active {
	color: #fff;
	color: var(--button-hover-text-color);
	background-color: #d5001a;
	background-color: var(--button-hover-color);
	text-decoration: none;
}

.tzwb-tabbed-content .tzwb-tabnavi li a:focus {
	outline: none;
}

.tzwb-tabbed-content .tzwb-tabcontent {
	margin: 1rem 0 0 0;
	padding: 0;
}

/* Social Icons Widget */
.tzwb-social-icons .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;
}

.tzwb-social-icons .social-icons-menu li {
	margin: 0;
	padding: 0;
	border: none;
	list-style: none;
}

.tzwb-social-icons .social-icons-menu li a {
	display: block;
	margin: 3px 3px 0 0;
	padding: 0.6rem 0.8rem 0.65rem;
	background-color: #ee1133;
	background-color: var(--button-color);
}

.tzwb-social-icons .social-icons-menu li a:hover,
.tzwb-social-icons .social-icons-menu li a:active {
	background-color: #d5001a;
	background-color: var(--button-hover-color);
	text-decoration: none;
}

.tzwb-social-icons .social-icons-menu li a .icon {
	margin: 0;
	width: 24px;
	height: 24px;
	vertical-align: middle;
	fill: #fff;
	fill: var(--button-text-color);
}

.tzwb-social-icons .social-icons-menu li a:hover .icon,
.tzwb-social-icons .social-icons-menu li a:active .icon {
	fill: #fff;
	fill: var(--button-hover-text-color);
}

/* Facebook Like Box Widget */
.tzwb-facebook-likebox .tzwb-content {
	overflow: hidden;
}

/*--------------------------------------------------------------
# - Media Queries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## - 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: 22px;
		font-size: 1.375rem;
	}
}

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

@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;
	}

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

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

	.widget-title,
	.is-style-widget-title,
	.archive-title,
	.comments-title,
	.comment-reply-title,
	.post-navigation .nav-links .entry-title {
		font-size: 20px;
		font-size: 1.25rem;
	}

	/* 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: 50em) {
	.entry-title {
		font-size: 32px;
		font-size: 2rem;
	}

	.blog-list-layout .content-archive .post-wrapper .type-post .entry-title,
	.blog-grid-layout .content-archive .post-wrapper .type-post .entry-title {
		font-size: 24px;
		font-size: 1.5rem;
	}
}

@media only screen and (min-width: 55em) {
	.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: 20px;
		font-size: 1.25rem;
	}
}

@media only screen and (min-width: 70em) {
	.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: 24px;
		font-size: 1.5rem;
	}
}

@media only screen and (min-width: 90em) {
	.entry-title {
		font-size: 36px;
		font-size: 2.25rem;
	}

	.entry-content {
		font-size: 18px;
		font-size: 1.125rem;
	}

	.blog-list-layout .content-archive .post-wrapper .type-post .entry-content,
	.blog-grid-layout .content-archive .post-wrapper .type-post .entry-content {
		font-size: 17px;
		font-size: 1.0625rem;
	}
}

/*--------------------------------------------------------------
## - Media Queries for Layout
--------------------------------------------------------------*/
@media only screen and (min-width: 25em) {
	.container {
		padding-left: 1rem;
		padding-right: 1rem;
	}

	.primary-navigation-container {
		padding: 0;
	}

	.site-header,
	.widget,
	.page-header,
	.site-main > article,
	.post-wrapper > article,
	.type-post,
	.type-page,
	.type-attachment,
	.comment,
	.comments-title,
	.comment-navigation,
	.comment-respond,
	.post-navigation .nav-links .nav-previous,
	.post-navigation .nav-links .nav-next,
	.pagination,
	.infinite-scroll #infinite-handle span {
		margin-bottom: 1rem;
		border-bottom: none;
	}

	.pagination,
	.infinite-scroll #infinite-handle,
	.infinite-scroll .infinite-loader {
		padding: 0;
		background: none;
		border-bottom: none;
	}

	.pagination .page-numbers,
	.pagination .current {
		padding: 0.35rem 1rem;
		margin-right: 0.5rem;
	}

	.site-footer .site-info {
		padding-left: 0;
		padding-right: 0;
	}
}

@media only screen and (min-width: 40em) {
	.container {
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}

	.primary-navigation-container {
		padding: 0;
	}

	.site-header,
	.widget,
	.archive-header,
	.site-main > article,
	.post-wrapper > article,
	.type-post,
	.type-page,
	.type-attachment,
	.comment,
	.comments-title,
	.comment-navigation,
	.comment-respond,
	.pagination,
	.infinite-scroll #infinite-handle span {
		margin-bottom: 1.5rem;
	}

	/* Post Navigation */
	.post-navigation .nav-links {
		display: grid;
		grid-template-columns: 1fr;
		grid-auto-columns: 1fr;
		grid-column-gap: 1.5rem;
	}

	.post-navigation .nav-links .nav-previous,
	.post-navigation .nav-links .nav-next {
		margin-bottom: 1.5rem;
		grid-row: 1;
	}

	/* 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 .has-post-thumbnail .wp-post-image {
		margin: 0;
		padding-right: 1.5em;
	}

	.blog-list-layout .content-archive .post-wrapper .has-post-thumbnail .entry-footer {
		grid-row: 2;
		grid-column: 1/span 2;
		max-width: 100%;
	}

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

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

/* CSS Grid Fallback for Internet Explorer */
@media only screen and (min-width: 40em) and (-ms-high-contrast: none), (-ms-high-contrast: active) {

	/* Post Navigation */
	.post-navigation .nav-links {
		display: flex;
		margin-bottom: 1.5rem;
	}

	.post-navigation .nav-links .nav-previous,
	.post-navigation .nav-links .nav-next {
		margin: 0;
		width: 50%;
	}

	/* Blog: List Layout */
	.blog-list-layout .content-archive .post-wrapper .has-post-thumbnail {
		display: flex;
		flex-flow: row wrap;
	}

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

	.blog-list-layout .content-archive .post-wrapper .has-post-thumbnail .post-image {
		width: 42%;
	}

	.blog-list-layout .content-archive .post-wrapper .has-post-thumbnail .post-content {
		width: 58%;
	}

	.blog-list-layout .content-archive .post-wrapper .has-post-thumbnail .entry-footer {
		width: 100%;
	}

	/* Blog: Grid Layout */
	.blog-grid-layout .content-archive .post-wrapper {
		display: flex;
		flex-flow: row wrap;
		margin: 0 -3% 0 0;
	}

	.blog-grid-layout .content-archive .post-wrapper .type-post {
		margin-bottom: 1.5rem;
		margin-right: 3%;
		width: 47%;
	}
}

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

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

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

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

	.header-social-menu {
		display: flex;
		margin-top: 0;
		margin-left: auto;
		align-items: center;
	}

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

/* CSS Grid Fallback for Internet Explorer */
@media only screen and (min-width: 55em) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.site-content {
		display: flex;
	}

	.no-sidebar .site-content {
		display: block;
	}

	.content-area {
		width: 70%;
		box-sizing: border-box;
		padding-right: 0.75rem;
	}

	.sidebar {
		width: 30%;
		box-sizing: border-box;
		padding-left: 0.75rem;
	}
}

@media only screen and (min-width: 75em) {
	.header-main {
		padding-top: 2em;
		padding-bottom: 2em;
	}
}

/*--------------------------------------------------------------
## - Media Queries for Navigation
--------------------------------------------------------------*/
/* do not show burger menu on mobile */
/*@media only screen and (min-width: 55em) {*/
	.primary-menu-toggle,
	.main-navigation .dropdown-toggle {
		display: none;
	}

	.main-navigation ul,
	.main-navigation ul ul {
		display: block;
	}

	.primary-navigation {
		display: flex;
		margin-left: auto;
		width: auto;
		align-items: center;
		justify-content: center;
	}

	#masthead .main-navigation > ul.menu {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
		margin: 0;
		border-bottom: none;
	}

	.main-navigation > ul > li > a {
		border: none;
	}

	/* Dropdown Menus */
	.main-navigation ul ul {
		position: absolute;
		left: -999em;
		top: 100%;
		z-index: 99999;
		background-color: #ee1133;
		background-color: var(--submenu-color);
	}

	.main-navigation ul ul a {
		border-top: 1px solid rgba(255, 255, 255, 0.075);
		border-top: 1px solid var(--submenu-border-color);
	}

	.main-navigation ul ul a:link,
	.main-navigation ul ul a:visited {
		color: #fff;
		color: var(--submenu-text-color);
	}

	.main-navigation ul ul a:hover,
	.main-navigation ul ul a:active {
		color: rgba(255, 255, 255, 0.5);
		color: var(--submenu-hover-text-color);
	}

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

	.main-navigation ul ul li a {
		width: 16rem;
	}

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

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

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

	/* Dropdown Icons */
	.main-navigation .menu-item-has-children > a > .icon {
		position: relative;
		display: inline-block;
		left: 0.5rem;
		top: 0.1rem;
		width: 14px;
		height: 14px;
		fill: #fff;
		fill: var(--submenu-text-color);
	}

	.main-navigation ul ul .menu-item-has-children > a > .icon {
		position: absolute;
		left: auto;
		right: 1em;
		top: 50%;
		margin-top: -0.4rem;
		-webkit-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		transform: rotate(-90deg);
	}

	.main-navigation ul .menu-item-has-children > a:hover > .icon {
		fill: rgba(255, 255, 255, 0.5);
		fill: var(--submenu-hover-text-color);
	}
/*}*/

/*--------------------------------------------------------------
## - Media Queries for Blocks
--------------------------------------------------------------*/

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

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

@media only screen and (min-width: 30em) {
	.gallery-columns-3,
	.gallery-columns-5,
	.gallery-columns-6,
	.gallery-columns-7,
	.gallery-columns-9 {
		grid-template-columns: repeat(3, 1fr);
	}

	.gallery-columns-4,
	.gallery-columns-8 {
		grid-template-columns: repeat(4, 1fr);
	}
}

@media only screen and (min-width: 45em) {
	.gallery-columns-5 {
		grid-template-columns: repeat(5, 1fr);
	}

	.gallery-columns-6 {
		grid-template-columns: repeat(6, 1fr);
	}

	.gallery-columns-7 {
		grid-template-columns: repeat(7, 1fr);
	}
}

@media only screen and (min-width: 50em) {
	.gallery-columns-8 {
		grid-template-columns: repeat(8, 1fr);
	}

	.gallery-columns-9 {
		grid-template-columns: repeat(9, 1fr);
	}
}

/*--------------------------------------------------------------
## - Media Queries for Print
--------------------------------------------------------------*/
@media print {

	/* Hide elements */
	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 Layout
--------------------------------------------------------------*/

/* Centered Theme Layout */
.centered-theme-layout .site {
	margin: 0 auto;
	padding: 0;
	max-width: 1440px;
}

.centered-theme-layout .container {
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
	max-width: 100%;
}

.centered-theme-layout .primary-navigation-container {
	padding-left: 0;
	padding-right: 0;
}

.centered-theme-layout .site-header {
	background: none;
}

.centered-theme-layout .site-header .header-main {
	background: #fff;
}

.centered-theme-layout .site-header .header-main,
.centered-theme-layout .site-footer {
	padding-left: 1rem;
	padding-right: 1rem;
}

/* Centered Theme Layout Responsive Design */
@media only screen and (min-width: 25em) {
	.centered-theme-layout .site-header {
		margin-bottom: 0;
	}

	.centered-theme-layout .header-image,
	.centered-theme-layout .sidebar .widget,
	.centered-theme-layout .archive-header,
	.centered-theme-layout .site-main article,
	.centered-theme-layout .type-post,
	.centered-theme-layout .type-page,
	.centered-theme-layout .type-attachment,
	.centered-theme-layout .comment,
	.centered-theme-layout .comments-title,
	.centered-theme-layout .comment-navigation,
	.centered-theme-layout .comment-respond,
	.centered-theme-layout .post-navigation .nav-links .nav-previous,
	.centered-theme-layout .post-navigation .nav-links .nav-next,
	.centered-theme-layout .pagination,
	.centered-theme-layout .infinite-scroll #infinite-handle span,
	.centered-theme-layout.blog-grid-layout .content-archive .post-wrapper,
	.centered-theme-layout .breadcrumbs {
		margin-bottom: 0;
		/*border-bottom: 2px solid #f5f5f5;*/
	}

	.centered-theme-layout .pagination {
		padding: 1.5rem;
		background: #fff;
	}

	.centered-theme-layout .breadcrumbs {
		padding: 0.5rem 1.5rem;
	}
}

@media only screen and (min-width: 40em) {
	.centered-theme-layout .site {
		padding: 0 1.5rem;
	}

	.centered-theme-layout .site-header .header-main,
	.centered-theme-layout .site-footer {
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}

	.centered-theme-layout.blog-grid-layout .content-archive .post-wrapper {
		margin: 0;
		grid-gap: 2px;
		background: #f5f5f5;
	}

	.centered-theme-layout.blog-grid-layout .content-archive .post-wrapper .type-post {
		margin-bottom: 0;
		border-bottom: none;
	}

	.centered-theme-layout .post-navigation .nav-links {
		grid-column-gap: 2px;
		background: #f5f5f5;
	}
}

@media only screen and (min-width: 55em) {
	.centered-theme-layout .site-header .header-main {
		padding-left: 1.75rem;
		padding-right: 1.75rem;
	}

	.centered-theme-layout .site-content {
		margin-top: -2px;
		grid-gap: 2px;
		background: #f5f5f5;
	}

	.centered-theme-layout .sidebar,
	.centered-theme-layout .content-area {
		background: #fff;
	}

	.centered-theme-layout .sidebar .widget {
		/*border-bottom: 2px solid #f5f5f5;*/
	}
}

/* Boxed Theme Layout */
.boxed-theme-layout .site {
	margin: 0 auto;
	max-width: 1440px;
	background: #fafafa;
}

.boxed-theme-layout .container {
	margin-left: 0;
	margin-right: 0;
	max-width: 100%;
}

/* Boxed Layout Responsive Design */
@media only screen and (min-width: 25em) {
	.boxed-theme-layout .container {
		padding-left: 1rem;
		padding-right: 1rem;
	}

	.boxed-theme-layout .primary-navigation-container {
		padding-left: 0;
		padding-right: 0;
	}

	.boxed-theme-layout .widget,
	.boxed-theme-layout .archive-header,
	.boxed-theme-layout .type-post,
	.boxed-theme-layout .type-page,
	.boxed-theme-layout .type-attachment,
	.boxed-theme-layout .post-navigation .nav-links .nav-previous,
	.boxed-theme-layout .post-navigation .nav-links .nav-next,
	.boxed-theme-layout .comments-title,
	.boxed-theme-layout .comment,
	.boxed-theme-layout .comment-navigation,
	.boxed-theme-layout .comment-respond {
		border: 1px solid rgba(0, 0, 0, 0.1);
	}

	.comment ol.children .comment,
	.comment .comment-respond {
		border: none;
		border-top: 2px solid rgba(0, 0, 0, 0.05);
	}

	.boxed-theme-layout .breadcrumbs {
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	}
}

@media only screen and (min-width: 40em) {
	.boxed-theme-layout .container {
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}

	.boxed-theme-layout .primary-navigation-container {
		padding-left: 0;
		padding-right: 0;
	}
}

@media only screen and (min-width: 55em) {
	.boxed-theme-layout {
		padding: 1.5rem;
	}

	.boxed-theme-layout .site {
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
	}

	.boxed-theme-layout .site-header .header-main {
		padding-left: 1.75rem;
		padding-right: 1.75rem;
	}
}

@media only screen and (min-width: 90em) {
	.boxed-theme-layout {
		padding: 0;
	}

	.boxed-theme-layout .site {
		margin: 2em auto;
	}
}

/*--------------------------------------------------------------
# - Sidebar Position
--------------------------------------------------------------*/
@media only screen and (min-width: 55em) {
	@supports (display: grid) {

		/* Sidebar Left Layout */
		.sidebar-left .site-content {
			grid-template-columns: 3fr 7fr;
		}

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

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

/* CSS Grid Fallback for Internet Explorer */
@media only screen and (min-width: 55em) and (-ms-high-contrast: none), (-ms-high-contrast: active) {

	/* Sidebar Left Layout */
	.sidebar-left .content-area {
		order: 2;
		padding-right: 0;
		padding-left: 0.75rem;
	}

	.sidebar-left .sidebar {
		order: 1;
		padding-left: 0;
		padding-right: 0.75rem;
	}
}

/*--------------------------------------------------------------
# - Page Templates
--------------------------------------------------------------*/
@media only screen and (min-width: 55em) {

	/* No Sidebar Template */
	.no-sidebar .site-content {
		display: block;
	}

	.no-sidebar .site-content .content-area .post-content,
	.no-sidebar .site-content .content-area .entry-footer {
		margin-left: auto;
		margin-right: auto;
		max-width: 840px;
		width: 100%;
	}

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

	/* Post Titles on No Sidebar layouts */
	.no-sidebar .entry-title,
	.post-template-template-fullwidth .entry-title,
	.page-template-template-fullwidth .entry-title {
		font-size: 32px;
		font-size: 2rem;
	}

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

/* Fallback for Internet Explorer */
@media only screen and (min-width: 55em) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.no-sidebar .content-area,
	.post-template-template-fullwidth .content-area,
	.page-template-template-fullwidth .content-area {
		width: 100%;
		padding: 0;
	}
}

@media only screen and (min-width: 70em) {
	.no-sidebar .entry-title,
	.post-template-template-fullwidth .entry-title,
	.page-template-template-fullwidth .entry-title {
		font-size: 36px;
		font-size: 2.25rem;
	}

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

/*--------------------------------------------------------------
# - Customizer Preview
--------------------------------------------------------------*/
.customize-partial-edit-shortcut-donovan_theme_options-blog_description,
.customize-partial-edit-shortcut-donovan_blog_content_partial {
	left: -9999px;
}

/*--------------------------------------------------------------
# - Personnalisations globales Pingoo
--------------------------------------------------------------*/

/* Fond blanc sur toutes les pages - supprime les bordures grises */
body {
	background: #fff;
}

.site-content {
	background: #fff;
}

/* Override du centered-theme-layout pour supprimer le fond gris */
.centered-theme-layout .site-content {
	background: #fff;
	grid-gap: 0;
}

.centered-theme-layout .sidebar,
.centered-theme-layout .content-area {
	background: #fff;
}

/* Supprimer les bordures des widgets dans le layout centré */
.centered-theme-layout .sidebar .widget {
	/*border-bottom: 1px solid var(--medium-border-color);*/
}

/*--------------------------------------------------------------
# - Home Three Columns Layout
--------------------------------------------------------------*/

/* Désactiver le grid parent sur la home */
.home .site-content {
	display: block;
}

/* Mobile: Stack all columns */
.home-three-columns {
	display: block;
}

.home-three-columns .column-articles,
.home-three-columns .column-shootings {
	margin-bottom: 1rem;
	padding-right: 1.5rem;
}

.home-three-columns .column-shootings {
	padding-right: 0;
	padding-left: 1.5rem;
}

.home-three-columns .sidebar {
	margin-bottom: 1rem;
	padding-left: 1.5rem;
}

.home-three-columns .column-title {
	font-size: 1.1rem;
	margin: 0 0 0.75rem 0;
	padding-bottom: 0.5rem;
	border-bottom: 1px solid var(--medium-border-color);
	color: var(--title-color);
}

/* Main columns container */
.home-three-columns .main-columns {
	min-width: 0;
}

.home-three-columns .shootings-inner {
	background: none;
	padding: 0;
	border-radius: 0;
}

/* Tablet: Two columns (articles + shootings) with sidebar below */
@media only screen and (min-width: 40em) and (max-width: 54.99em) {
	.home-three-columns .main-columns {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-gap: 0;
	}
}

/* Desktop: Layout principal */
@media only screen and (min-width: 55em) {
	.home-three-columns {
		display: grid;
		grid-template-columns: 1fr 280px;
		grid-gap: 0;
		align-items: start;
	}

	/* Sous-grille pour Blog + Mes photos */
	.home-three-columns .main-columns {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-gap: 0;
		align-items: start;
	}

	/* Reset des positions de grille du thème */
	.home-three-columns .content-area,
	.home-three-columns .column-articles {
		grid-row-start: auto;
		grid-column-start: auto;
	}

	.home-three-columns .sidebar {
		grid-row-start: auto;
		grid-column-start: auto;
	}

	.home-three-columns .column-articles,
	.home-three-columns .column-shootings {
		min-width: 0;
	}

	/* Ajuster les articles dans les colonnes */
	.home-three-columns .post-wrapper .type-post {
		margin-bottom: 1.5rem;
	}

	.home-three-columns .post-wrapper .type-post .entry-title {
		font-size: 1.25rem;
	}

	/* Réduire la taille des images pour les colonnes */
	.home-three-columns .post-image img {
		width: 100%;
		height: auto;
	}
}

/* Large Desktop: Wider sidebar */
@media only screen and (min-width: 75em) {
	.home-three-columns {
		grid-template-columns: 1fr 300px;
		grid-gap: 0;
	}

	.home-three-columns .main-columns {
		grid-gap: 0;
	}
}

/* Désactiver le grid layout du blog dans les colonnes */
.home-three-columns .post-wrapper {
	display: block;
}

.blog-grid-layout .home-three-columns .post-wrapper,
.blog-list-layout .home-three-columns .post-wrapper {
	display: block;
}

.home-three-columns .post-wrapper .type-post {
	width: 100%;
}

/* Pagination unique de la home */
.home-pagination {
	grid-column: 1 / -1;
	margin-top: 1rem;
	text-align: center;
}

.home-pagination .page-numbers {
	display: inline-block;
	padding: 0.5rem 1rem;
	margin: 0 0.25rem;
	background: #fff;
	border-radius: 4px;
	text-decoration: none;
	color: var(--text-color);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

.home-pagination .page-numbers.current {
	background: var(--button-color);
	color: #fff;
}

.home-pagination .page-numbers:hover:not(.current) {
	background: var(--dark-gray-color);
	color: #fff;
}

/*--------------------------------------------------------------
# - Personnalisations Pingoo
--------------------------------------------------------------*/

/* Header centré */
.site-branding {
	margin: auto;
}

.main-navigation-menu {
	align-items: center;
	justify-content: center;
}

/* Footer centré */
#footer-line {
	text-align: center;
}

.site-info {
	font-size: 14px;
}

/* Envira Gallery */
.envirabox-theme-base_dark .envirabox-caption-wrap {
	background: 0 !important;
}

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

/* Tag name styling */
.tagname {
	text-align: center;
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 20px;
	text-transform: capitalize;
}

/* Masquer l'icône RSS */
.rss-widget-icon {
	display: none;
}

/*--------------------------------------------------------------
# - Modern CSS Effects (Pingoo)
--------------------------------------------------------------*/

/*
 * Modernisation visuelle du thème
 * - Transitions fluides
 * - Ombres subtiles
 * - Coins arrondis
 * - Effets de survol élégants
 */

/* === Smooth Scrolling === */
html {
	scroll-behavior: smooth;
}

/* Réduire les animations pour les utilisateurs qui préfèrent */
@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}

	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
	}
}

/* === Global Transitions === */
a,
button,
input,
textarea,
select,
.more-link,
.pagination .page-numbers,
.entry-title a,
.wp-post-image,
.social-icons-menu li a,
.main-navigation ul a,
.dropdown-toggle {
	transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* === Border Radius === */
/* Boutons */
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.more-link,
.pagination .page-numbers,
.wp-block-button__link {
	border-radius: 6px;
}

/* Inputs */
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea,
select {
	border-radius: 8px;
}

/* Commentaires et navigation */
.comment,
.comment-respond,
.post-navigation .nav-links .nav-previous,
.post-navigation .nav-links .nav-next {
	border-radius: 12px;
}

/* Images */
.wp-post-image,
.post-image img,
.entry-content img:not(.envira-gallery-image),
.wp-block-image img {
	border-radius: 10px;
}

/* === Subtle Shadows === */
/* Ombres uniquement sur les commentaires */
.comment,
.comment-respond {
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04),
	            0 4px 16px rgba(0, 0, 0, 0.04);
}

/* Pagination sans bordure */
.pagination {
	border: none;
	box-shadow: none;
	background: transparent;
}

/* === Button Enhancements === */
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.more-link,
.wp-block-button__link {
	position: relative;
	overflow: hidden;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.more-link:hover,
.wp-block-button__link:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active,
.more-link:active,
.wp-block-button__link:active {
	transform: translateY(0);
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* === Pagination Enhancements === */
.pagination .page-numbers {
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
}

.pagination a:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12);
}

/* === Form Input Enhancements === */
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	border: 2px solid var(--light-border-color);
	background: #fafafa;
}

input[type="text"]:hover,
input[type="email"]:hover,
input[type="url"]:hover,
input[type="password"]:hover,
input[type="search"]:hover,
textarea:hover {
	border-color: var(--medium-border-color);
	background: #fff;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	border-color: var(--link-color);
	background: #fff;
	box-shadow: 0 0 0 3px rgba(108, 142, 119, 0.15);
	outline: none;
}

/* === Image Styling === */
.post-image {
	overflow: hidden;
	border-radius: 10px;
}

/* Vignettes de hauteur uniforme sur la home */
.home-three-columns .post-image {
	position: relative;
	width: 100%;
	padding-top: 66.67%; /* Ratio 3:2 */
	margin-bottom: 1rem;
}

.home-three-columns .post-image img,
.home-three-columns .wp-post-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Espacement titre sur la home */
.home-three-columns .entry-title {
	margin-top: 0.5rem;
}

/* === Title Link Effects === */
.entry-title a {
	position: relative;
	text-decoration: none;
}

.entry-title a::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 2px;
	background: var(--link-color);
	transition: width 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.entry-title a:hover::after {
	width: 100%;
}

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

/* === Navigation Enhancements === */
.main-navigation ul a {
	position: relative;
}

/* Desktop navigation underline effect */
@media only screen and (min-width: 55em) {
	.main-navigation > ul.menu > li > a::after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 50%;
		width: 0;
		height: 2px;
		background: var(--navi-text-color);
		transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
		transform: translateX(-50%);
	}

	.main-navigation > ul.menu > li > a:hover::after,
	.main-navigation > ul.menu > li.current-menu-item > a::after {
		width: 60%;
	}

	/* Dropdown animation */
	.main-navigation ul ul {
		opacity: 0;
		transform: translateY(-10px);
		transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	}

	.main-navigation ul li:hover > ul,
	.main-navigation ul li.focus > ul {
		opacity: 1;
		transform: translateY(0);
	}

	/* Dropdown shadow */
	.main-navigation ul ul {
		box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
		border-radius: 8px;
		overflow: hidden;
	}
}

/* === Social Icons Enhancement === */
.social-icons-menu li a {
	border-radius: 8px;
}

.social-icons-menu li a:hover {
	transform: translateY(-3px);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

/* === Widget Enhancements === */
.widget-title {
	position: relative;
	padding-bottom: 0.75em;
}

.widget-title::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 40px;
	height: 3px;
	background: var(--link-color);
	border-radius: 2px;
}

/* === Blockquote Enhancement === */
blockquote {
	border-radius: 0 8px 8px 0;
	background: linear-gradient(135deg, rgba(0,0,0,0.02) 0%, transparent 100%);
	padding: 1.25em 1.5em;
	position: relative;
}

blockquote::before {
	content: '"';
	position: absolute;
	top: -10px;
	left: 15px;
	font-size: 4rem;
	color: var(--link-color);
	opacity: 0.15;
	font-family: Georgia, serif;
	line-height: 1;
}

/* === Code Block Enhancement === */
pre,
code {
	border-radius: 8px;
}

pre {
	background: #1e1e1e;
	color: #d4d4d4;
	box-shadow: inset 0 2px 10px rgba(0, 0, 0, 0.3);
}

/* === Table Enhancement === */
table {
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

th {
	background: rgba(0, 0, 0, 0.03);
}

tr {
	transition: background 0.2s ease;
}

tbody tr:hover {
	background: rgba(0, 0, 0, 0.02);
}

/* === Header Enhancement === */
.site-header {
	position: relative;
}

/* Titre Pingoo - Style minimaliste chic */
.site-title {
	font-size: 2.75rem;
	font-weight: 300;
	letter-spacing: 0.35em;
	text-transform: lowercase;
}

.site-title a {
	color: var(--title-color);
	text-decoration: none;
}

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

/* Custom logo subtle animation */
.custom-logo {
	transition: transform 0.3s ease, opacity 0.3s ease;
}

.custom-logo:hover {
	transform: scale(1.02);
	opacity: 0.9;
}

/* === Footer Enhancement === */
.site-footer {
	position: relative;
}

.footer-widgets .widget {
	background: transparent;
	box-shadow: none;
}

/* === Entry Meta Enhancement === */
.entry-meta a {
	position: relative;
	border-bottom: none !important;
}

.entry-meta a::after {
	content: '';
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 100%;
	height: 1px;
	background: currentColor;
	opacity: 0.3;
	transition: opacity 0.3s ease;
}

.entry-meta a:hover::after {
	opacity: 0.8;
}

/* === Post Navigation Enhancement === */
.post-navigation .nav-links a {
	display: block;
	padding: 1rem;
	margin: -1rem;
	border-radius: 8px;
	transition: background 0.3s ease;
}

.post-navigation .nav-links a:hover {
	background: rgba(0, 0, 0, 0.02);
}

/* === Comment Enhancement === */
.comment {
	transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.comment:hover {
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}

.comment-author .avatar {
	border-radius: 50%;
	transition: transform 0.3s ease;
}

.comment:hover .comment-author .avatar {
	transform: scale(1.05);
}

/* === Scroll to Top Button (if exists) === */
.scroll-to-top {
	border-radius: 50%;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
	transition: all 0.3s ease;
}

.scroll-to-top:hover {
	transform: translateY(-4px);
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
}

/* === Selection Style === */
::selection {
	background: var(--link-color);
	color: #fff;
}

::-moz-selection {
	background: var(--link-color);
	color: #fff;
}

/* === Loading Animation for Images === */
.wp-post-image,
.post-image img {
	background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
	background-size: 200% 100%;
}

.wp-post-image[src],
.post-image img[src] {
	animation: none;
	background: none;
}

/* === Focus Styles for Accessibility === */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
	outline: 2px solid var(--link-color);
	outline-offset: 2px;
}

/* === Subtle text improvements === */
.entry-content p {
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* === Home three columns modern effects === */
.home-three-columns .column-title {
	position: relative;
	padding-bottom: 0.75em;
	border-bottom: none;
}

.home-three-columns .column-title::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 40px;
	height: 3px;
	background: var(--link-color);
	border-radius: 2px;
}