@charset "UTF-8";
/*
Theme Name: Pier22
Theme URI: https://github.com/uncoversystems/themes/tree/master/pier22
Author: Uncover Systems
Author URI: https://uncoversystems.com
Description: Make your online portfolio wonderfully uncluttered with DKK. Gracefully highlight your photography and other projects. Pier22 is versatile enough to be your personal site too.
Requires at least: WordPress 4.9.6
Version: 1.3.12
License: GNU General Public License v2 or later
License URI: LICENSE
Template: pier-core
Text Domain: pier22
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, auto-loading-homepage, jetpack-global-styles
AMP: true

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.

Pier22 is a child theme of Pier-Core which is based on Underscores https://underscores.me/, (C) 2012-2019 UncoverSystems, 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/
*/
/**
 * Abstracts
 * - Mixins, variables and functions
 */
/**
 * Abstracts
 * - Mixins, variables and functions
 */
/* Sass Functions go here */
/**
 * Map deep get
 * @author Hugo Giraudel
 * @access public
 * @param {Map} $map - Map
 * @param {Arglist} $keys - Key chain
 * @return {*} - Desired value
 *
 * Example:
 * $m-breakpoint: map-deep-get($__prefix-default-config, "layouts", "M");
 */
/**
 * Deep set function to set a value in nested maps
 * @author Hugo Giraudel
 * @access public
 * @param {Map} $map - Map
 * @param {List} $keys -  Key chaine
 * @param {*} $value - Value to assign
 * @return {Map}
 *
 * Example:
 * $__prefix-default-config: map-deep-set($__prefix-default-config, "layouts" "M", 650px);
 */
/**
 * Cover
 */
/**
 * Heading
 */
/**
 * List
 */
/**
 * Pullquote
 */
/**
 * Quote
 */
/**
 * Separator
 */
/**
 * Responsive breakpoints
 * - breakpoints values are defined in _config-global.scss
 */
/**
 * Align wide widths
 * - Sets .alignwide widths
 */
/**
 * Crop Text Boundry
 * - Sets a fixed-width on content within alignwide and alignfull blocks
 */
/**
 * Add font-family using CSS variables.
 * It also adds the proper fallback for browsers without support.
 */
/**
 * Child Theme Deep
 */
/**
 * Redefine Sass map values for child theme output.
 * - See: style-child-theme.scss
 */
/**
 * Global
 */
/**
 * Elements
 */
/**
 * Button
 */
/**
 * Cover
 */
/**
 * Heading
 */
/**
 * List
 */
/**
 * Pullquote
 */
/**
 * Quote
 */
/**
 * Separator
 */
/**
 * Header
 */
/**
 * Footer
 */
/**
 * Base
 * - Reset the browser
 */
/**
 * Base
 * - Reset the browser
 */
/**
 * Button Placeholder style
 * - Since buttons appear in various blocks,
 *   let’s use a placeholder to keep them all
 *   in-sync
 */
/**
 * Button
 */
.a8c-posts-list__view-all {
	line-height: 1.5;
	color: var(--wp--preset--color--background);
	cursor: pointer;
	user-select: none;
	font-weight: 500;
	font-family: ui-sans-serif, system-ui, sans-serif;
	font-family: var(--font-body, ui-sans-serif, system-ui, sans-serif);
	font-size: 1.2rem;
	background-color: var(--wp--preset--color--primary);
	border-radius: 4.5px;
	border-radius: unset;
	border-width: 0;
	border: 0;
	text-decoration: none;
	margin: 0;
	text-align: center;
	vertical-align: bottom;
	padding: 0.625rem 1.5rem 0.5rem;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
	font-size: 0.75rem;
	line-height: 1.5;
}

.a8c-posts-list__view-all:before, .a8c-posts-list__view-all:after {
	content: '';
	display: block;
	height: 0;
	width: 0;
}

.a8c-posts-list__view-all:before {
	margin-bottom: -0.37em;
}

.a8c-posts-list__view-all:after {
	margin-top: -0.36em;
}

.a8c-posts-list__view-all:not(.has-background):hover, .a8c-posts-list__view-all:focus, .has-focus.a8c-posts-list__view-all {
	color: var(--wp--preset--color--background);
	background-color: var(--wp--preset--color--primary-dark);
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

/**
 * Onsale Placeholder style
 * - Since buttons appear in various blocks,
 *   let’s use a placeholder to keep them all
 *   in-sync
 */
/**
 * Reset specific elements to make them easier to style in other contexts.
 */
html,
body,
p,
ol,
ul,
li,
dl,
dt,
dd,
blockquote,
figure,
fieldset,
form,
legend,
textarea,
pre,
iframe,
hr,
h1,
h2,
h3,
h4,
h5,
h6 {
	padding: 0;
	margin: 0;
}

/**
 * Apply generic border-box to all elements.
 * See:
 * https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/
 */
/**
 * Apply border-box across the entire page.
 */
html {
	box-sizing: border-box;
}

/**
 * Relax the definition a bit, to allow components to override it manually.
 */
*, *::before, *::after {
	box-sizing: inherit;
}

/**
 * HTML resets
 */
/*
html {
	// Set mobile font-size to one step lower for mobile
	font-size: 15px
@include font-family(map-deep-get($config-global, "font", "family", "primary"));
line-height: 1.6;

// Set mobile and ^ font-size to normal root
@include media(mobile) {
	font-size: 18px;
}
}
*/
body {
	width: 100vw;
	font-weight: 300;
	color: var(--wp--preset--color--foreground);
	text-align: left;
	background-color: var(--wp--preset--color--background);
	border: 0;
	font-size: 100%;
	outline: 0;
	text-underline-offset: 3px;
}

/**
 * Links styles
 */
a {
	color: var(--wp--preset--color--primary);
}

a:hover {
	color: var(--wp--preset--color--primary-dark);
}

.has-primary-background-color a:not(.has-text-color) {
	color: var(--wp--preset--color--background);
}

button,
a {
	cursor: pointer;
}

/**
* Default borders pier-core
*/
*,
:after,
:before {
	box-sizing: border-box;
	border: 0 solid;
	border-top-color: initial;
	border-top-style: solid;
	border-top-width: 0px;
	border-right-color: initial;
	border-right-style: solid;
	border-right-width: 0px;
	border-bottom-color: initial;
	border-bottom-style: solid;
	border-bottom-width: 0px;
	border-left-color: initial;
	border-left-style: solid;
	border-left-width: 0px;
	border-image-source: initial;
	border-image-slice: initial;
	border-image-width: initial;
	border-image-outset: initial;
	border-image-repeat: initial;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	width: 100%;
	margin: 8px 0;
	display: inline-block;
	border: 1px solid #ccc;
	box-shadow: inset 0 1px 3px #ddd;
	border-radius: 4px;
	box-sizing: border-box;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 12px;
	padding-bottom: 12px;
}

input[type="button"],
input[type="submit"],
input[type="reset"] {
	border: none;
	padding-left: 32px;
	padding-right: 32px;
	padding-top: 16px;
	padding-bottom: 16px;
	text-decoration: none;
	margin: 4px 2px;
	cursor: pointer;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
	/* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

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

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

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

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

/**
 * Measure
 * - The width of a line of text, in characters, is known as its measure.
 */
header *,
main *,
footer * {
	max-width: unset;
}

html,
body,
div,
header,
nav,
article,
figure,
hr,
main,
section,
footer {
	max-width: none;
}

/**
 * Layout
 * - Structral and responsive styles
 */
/**
 * Layout
 * - Structral and responsive styles
 */
/**
 * Site Structure
 *
 * - Set vertical margins and responsive widths on
 *   top-level wrappers and content wrappers
 * - `--global--width-content` is a responsive veriable
 * - See: globals/_global-width-responsive.scss
 */
/**
 * Top Level Wrappers (header, main, footer)
 * - Set vertical padding and horizontal margins
 */
.site-header,
.site-main,
.site-footer {
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	/*
	@include media(mobile) {
		padding-top: map-deep-get($config-global, "spacing", "vertical");
		padding-right: 0;
		padding-bottom: map-deep-get($config-global, "spacing", "vertical");
		padding-left: 0;
	}
	*/
}

/**
 * Site-main children wrappers
 * - Add double vertical margins here for clearer heirarchy
 */
.site-main > * {
	margin-top: calc(3 * 16px);
	margin-bottom: calc(3 * 16px);
}

.site-main > *:first-child {
	margin-top: 0;
}

.site-main > *:last-child {
	margin-bottom: 0;
}

/**
 * Major content sections (article, author-bio, pagination, comments, etc.)
 * - Set a maximum responsive content-width
 *
 * .responsive-max-width is a group selector replacing the following:
 * .site-header,
 * .site-main,
 * .site-footer
 * .entry-header,
 * .post-thumbnail,
 * .entry-content,
 * .entry-footer,
 * .author-bio,
 * .widget-area
 */
/*
 * Block & non-gutenberg content wrappers
 * - Set margins
 */
.entry-header,
.post-thumbnail,
.entry-content,
.entry-footer,
.author-bio,
.widget-area {
	margin-top: 16px;
	margin-right: auto;
	margin-bottom: 16px;
	margin-left: auto;
}

/*
 * Block & non-gutenberg content wrapper children
 * - Sets spacing-vertical margin logic
 */
.site-footer > *,
.site-main > article > *,
.site-main > .not-found > *,
.entry-content > *,
.entry-content-child,
.wp-block-premium-content-container .wp-premium-content-logged-out-view > *,
.wp-block-premium-content-container .wp-block-premium-content-subscriber-view > *,
.widget-area > * {
	margin-top: 10.656px;
	margin-bottom: 10.656px;
}

@media only screen and (min-width: 640px) {
	.site-footer > *,
	.site-main > article > *,
	.site-main > .not-found > *,
	.entry-content > *,
	.entry-content-child,
	.wp-block-premium-content-container .wp-premium-content-logged-out-view > *,
	.wp-block-premium-content-container .wp-block-premium-content-subscriber-view > *,
	.widget-area > * {
		margin-top: 16px;
		margin-bottom: 16px;
	}
}

.site-footer > *:first-child,
.site-main > article > *:first-child,
.site-main > .not-found > *:first-child,
.entry-content > *:first-child,
.entry-content-child:first-child,
.wp-block-premium-content-container .wp-premium-content-logged-out-view > :first-child,
.wp-block-premium-content-container .wp-block-premium-content-subscriber-view > :first-child,
.widget-area > *:first-child {
	margin-top: 0;
}

.site-footer > *:last-child,
.site-main > article > *:last-child,
.site-main > .not-found > *:last-child,
.entry-content > *:last-child,
.entry-content-child:last-child,
.wp-block-premium-content-container .wp-premium-content-logged-out-view > :last-child,
.wp-block-premium-content-container .wp-block-premium-content-subscriber-view > :last-child,
.widget-area > *:last-child {
	margin-bottom: 0;
}

/*
 * Block & non-gutenberg content wrapper children
 * - Sets spacing-unit margins
 */
.site-header > *,
.entry-header > *,
.post-thumbnail > *,
.page-content > *,
.comment-content > *,
.author-bio > *,
.widget-area > .widget > * {
	margin-top: 8px;
	margin-bottom: 8px;
}

.site-header > *:first-child,
.entry-header > *:first-child,
.post-thumbnail > *:first-child,
.page-content > *:first-child,
.comment-content > *:first-child,
.author-bio > *:first-child,
.widget-area > .widget > *:first-child {
	margin-top: 0;
}

.site-header > *:last-child,
.entry-header > *:last-child,
.post-thumbnail > *:last-child,
.page-content > *:last-child,
.comment-content > *:last-child,
.author-bio > *:last-child,
.widget-area > .widget > *:last-child {
	margin-bottom: 0;
}

/*
 * .entry-content children specific controls
 * - Adds special margin overrides for alignment utility classes
 */
.entry-content > *.alignleft, .entry-content > *.alignright,
.entry-content > *.alignleft:first-child + *,
.entry-content > *.alignright:first-child + *, .entry-content > *.alignfull {
	margin-top: 0;
}

.entry-content > *:last-child, .entry-content > *.alignfull {
	margin-bottom: 0;
}

.entry-content > *.alignfull + .alignleft {
	float: left;
	margin-top: 16px;
	margin-left: 8px;
	margin-right: 8px;
}

.entry-content > *.alignfull + .alignright {
	float: right;
	margin-top: 16px;
	margin-left: 8px;
	margin-right: 8px;
}

/**
 * Elements
 * - Styles for basic HTML elemants
 */
/**
 * Elements
 * - Styles for basic HTML elemants
 */
blockquote {
	padding-left: 8px;
}

blockquote p {
	font-size: 1.2rem;
	letter-spacing: normal;
	line-height: 1.125;
}

blockquote cite,
blockquote footer {
	font-size: 0.83333rem;
	letter-spacing: normal;
}

blockquote > * {
	margin-top: 8px;
	margin-bottom: 8px;
}

blockquote > *:first-child {
	margin-top: 0;
}

blockquote > *:last-child {
	margin-bottom: 0;
}

blockquote.alignleft, blockquote.alignright {
	padding-left: inherit;
}

blockquote.alignleft p, blockquote.alignright p {
	font-size: 1rem;
	max-width: inherit;
	width: inherit;
}

blockquote.alignleft cite,
blockquote.alignleft footer, blockquote.alignright cite,
blockquote.alignright footer {
	font-size: 0.69444rem;
	letter-spacing: normal;
}

figcaption {
	color: var(--wp--preset--color--foreground);
	font-size: 0.83333rem;
	margin-top: calc(0.5 * 8px);
	margin-bottom: 8px;
	text-align: center;
}

.alignleft figcaption,
.alignright figcaption {
	margin-bottom: 0;
}

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

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

/**
 * Blocks
 * - These styles replace key Gutenberg Block styles for fonts, colors, and
 *   spacing with CSS-variables overrides
 * - In the future the Block styles may get compiled to individual .css
 *   files and conditionally loaded
 */
/**
 * Blocks
 * - These styles replace key Gutenberg Block styles with font, color, and
 *   spacing with CSS-variables overrides
 * - In the future the Block styles may get compiled to individual .css
 *   files and conditionally loaded
 */
.wp-block-audio {
	min-width: inherit;
}

.wp-block-audio.alignleft, .wp-block-audio.alignright {
	min-width: 300px;
}

.wp-block-code {
	color: var(--wp--preset--color--foreground);
	font-size: 0.83333rem;
	padding: 8px;
	border-color: var(--wp--preset--color--border);
}

.wp-block-code pre {
	color: var(--wp--preset--color--foreground);
}

.wp-block-columns {
	/**
	 * Block Options
	 */
}

.wp-block-columns .wp-block-column > * {
	margin-top: 10.656px;
	margin-bottom: 10.656px;
}

@media only screen and (min-width: 640px) {
	.wp-block-columns .wp-block-column > * {
		margin-top: 16px;
		margin-bottom: 16px;
	}
}

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

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

.wp-block-columns .wp-block-column:last-child {
	margin-bottom: 0;
}

.wp-block-columns .wp-block-column:not(:last-child) {
	margin-bottom: 10.656px;
}

@media only screen and (min-width: 640px) {
	.wp-block-columns .wp-block-column:not(:last-child) {
		margin-bottom: 16px;
	}
}

@media only screen and (min-width: 1024px) {
	.wp-block-columns .wp-block-column:not(:last-child) {
		/* Resetting margins to match _block-container.scss */
		margin-bottom: 0;
	}
}

.wp-block-columns.alignfull {
	padding-left: 8px;
	padding-right: 8px;
}

.wp-block-columns.alignfull:not(:first-child) {
	margin-top: 16px;
}

.wp-block-columns.alignfull:not(:last-child) {
	margin-bottom: 16px;
}

.wp-block-cover,
.wp-block-cover-image {
	background-color: var(--wp--preset--color--black);
	margin-top: inherit;
	margin-bottom: inherit;
	/* Treating H2 separately to account for legacy /core styles */
	/**
	 * Block Options
	 */
}

.wp-block-cover.has-background-dim,
.wp-block-cover-image.has-background-dim {
	background-color: var(--wp--preset--color--black);
}

.wp-block-cover .wp-block-cover-image-text,
.wp-block-cover .wp-block-cover-text,
.wp-block-cover-image .wp-block-cover-image-text,
.wp-block-cover-image .wp-block-cover-text {
	margin-top: 16px;
	margin-bottom: 16px;
}

.wp-block-cover h2,
.wp-block-cover-image h2 {
	font-size: 1.728rem;
	letter-spacing: -0.015em;
	line-height: 1.125;
	max-width: inherit;
	text-align: inherit;
	padding: 0;
}

.wp-block-cover h2.has-text-align-left,
.wp-block-cover-image h2.has-text-align-left {
	text-align: left;
}

.wp-block-cover h2.has-text-align-center,
.wp-block-cover-image h2.has-text-align-center {
	text-align: center;
}

.wp-block-cover h2.has-text-align-right,
.wp-block-cover-image h2.has-text-align-right {
	text-align: right;
}

.wp-block-cover .wp-block-cover__inner-container,
.wp-block-cover-image .wp-block-cover__inner-container {
	width: calc(100% - 32px);
}

.wp-block-cover .wp-block-cover__inner-container > *,
.wp-block-cover-image .wp-block-cover__inner-container > * {
	/*
			margin-top: 10.656px;
			margin-bottom: 10.656px;

			@include media(mobile) {
				margin-top: map-deep-get($config-global, "spacing", "vertical");
				margin-bottom: map-deep-get($config-global, "spacing", "vertical");
			}
			*/
}

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

.wp-block-cover.alignleft, .wp-block-cover.alignright,
.wp-block-cover-image.alignleft,
.wp-block-cover-image.alignright {
	margin-top: 0;
}

.wp-block-cover.alignleft > *, .wp-block-cover.alignright > *,
.wp-block-cover-image.alignleft > *,
.wp-block-cover-image.alignright > * {
	margin-top: calc(2 * 16px);
	margin-bottom: calc(2 * 16px);
	padding-left: 8px;
	padding-right: 8px;
	width: 100%;
}

.wp-block-cover.has-left-content, .wp-block-cover.has-right-content,
.wp-block-cover-image.has-left-content,
.wp-block-cover-image.has-right-content {
	justify-content: center;
}

.wp-block-file .wp-block-file__button {
	background-color: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--background);
	font-size: 0.83333rem;
	margin-left: 8px;
	margin-right: 8px;
}

.wp-block-file .wp-block-file__button:before, .wp-block-file .wp-block-file__button:after {
	display: inherit;
}

.wp-block-file a.wp-block-file__button:active,
.wp-block-file a.wp-block-file__button:focus,
.wp-block-file a.wp-block-file__button:hover,
.wp-block-file a.wp-block-file__button:visited {
	color: var(--wp--preset--color--background);
	opacity: .85;
}

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

.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption {
	margin: 0;
	color: var(--wp--preset--color--white);
	font-size: 0.83333rem;
}

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

.wp-block-group .wp-block-group__inner-container {
	margin-left: auto;
	margin-right: auto;
}

.wp-block-group .wp-block-group__inner-container > * {
	/*
			margin-top: 10.656px;
			margin-bottom: 10.656px;

			@include media(mobile) {
				margin-top: map-deep-get($config-global, "spacing", "vertical");
				margin-bottom: map-deep-get($config-global, "spacing", "vertical");
			}
			*/
}

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

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

.wp-block-group.has-background {
	padding: 10.656px;
}

@media only screen and (min-width: 640px) {
	.wp-block-group.has-background {
		padding: 16px;
	}
}

.wp-block-group.alignfull {
	padding-left: 8px;
	padding-right: 8px;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
	font-family: ui-serif, serif;
	font-family: var(--font-heading, ui-serif, serif);
	font-weight: normal;
	clear: both;
}

h1, .h1 {
	font-size: 2.0736rem;
	letter-spacing: -0.015em;
	line-height: 1.125;
}

h2, .h2 {
	font-size: 1.728rem;
	letter-spacing: -0.015em;
	line-height: 1.125;
}

h3, .h3 {
	font-size: 1.44rem;
	letter-spacing: -0.015em;
	line-height: 1.125;
}

h4, .h4 {
	font-size: 1.2rem;
	letter-spacing: normal;
	line-height: 1.125;
}

h5, .h5 {
	font-size: 1rem;
	letter-spacing: normal;
	line-height: 1.125;
}

h6, .h6 {
	font-size: 0.83333rem;
	letter-spacing: normal;
	line-height: 1.125;
}

.wp-block-image {
	text-align: center;
}

.wp-block-image figcaption {
	color: var(--wp--preset--color--foreground);
	font-size: 0.83333rem;
	margin-top: calc(0.5 * 8px);
	margin-bottom: 8px;
	text-align: center;
}

.entry-content > *[class="wp-block-image"],
.entry-content [class*="inner-container"] > *[class="wp-block-image"] {
	margin-top: 0;
	margin-bottom: 0;
}

.entry-content > *[class="wp-block-image"] + *,
.entry-content [class*="inner-container"] > *[class="wp-block-image"] + * {
	margin-top: 0;
}

img {
	height: auto;
	max-width: 100%;
	vertical-align: middle;
}

.wp-block-latest-comments {
	padding-left: 0;
}

.wp-block-latest-comments .wp-block-latest-comments__comment {
	font-size: 0.83333rem;
	line-height: 1.6;
	/* Vertical margins logic */
	margin-top: 16px;
	margin-bottom: 16px;
}

.wp-block-latest-comments .wp-block-latest-comments__comment:first-child {
	margin-top: 0;
}

.wp-block-latest-comments .wp-block-latest-comments__comment:last-child {
	margin-bottom: 0;
}

.wp-block-latest-comments .wp-block-latest-comments__comment-meta {
	font-family: ui-serif, serif;
	font-family: var(--font-heading, ui-serif, serif);
}

.wp-block-latest-comments .wp-block-latest-comments__comment-date {
	color: var(--wp--preset--color--foreground-light);
	font-size: 0.83333rem;
}

.wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p {
	font-size: 0.83333rem;
	line-height: 1.6;
	margin: 0;
}

.wp-block-latest-posts {
	padding-left: 0;
}

.wp-block-latest-posts > li {
	word-wrap: break-word;
	/* Vertical margins logic */
	margin-top: 16px;
	margin-bottom: 16px;
}

.wp-block-latest-posts > li:first-child {
	margin-top: 0;
}

.wp-block-latest-posts > li:last-child {
	margin-bottom: 0;
}

.wp-block-latest-posts > li > a {
	font-family: ui-serif, serif;
	font-family: var(--font-heading, ui-serif, serif);
	font-size: 1.2rem;
	font-weight: normal;
	line-height: 1.125;
}

.wp-block-latest-posts .wp-block-latest-posts__post-date {
	color: var(--wp--preset--color--foreground-light);
	font-size: 0.69444rem;
	line-height: 1.6;
}

.entry-content [class*="inner-container"] .wp-block-latest-posts .wp-block-latest-posts__post-date,
.entry-content .has-background .wp-block-latest-posts .wp-block-latest-posts__post-date {
	color: currentColor;
}

.wp-block-latest-posts .wp-block-latest-posts__post-excerpt,
.wp-block-latest-posts .wp-block-latest-posts__post-full-content {
	font-size: 0.83333rem;
	line-height: 1.6;
	margin: 0;
}

.wp-block-latest-posts.alignfull {
	padding-left: 8px;
	padding-right: 8px;
}

.entry-content [class*="inner-container"] .wp-block-latest-posts.alignfull,
.entry-content .has-background .wp-block-latest-posts.alignfull {
	padding-left: 0;
	padding-right: 0;
}

ul,
ol {
	font-family: ui-sans-serif, system-ui, sans-serif;
	font-family: var(--font-body, ui-sans-serif, system-ui, sans-serif);
	margin: 0;
	padding-left: 16px;
}

ul.aligncenter,
ol.aligncenter {
	list-style-position: inside;
	padding: 0;
}

ul.alignright,
ol.alignright {
	list-style-position: inside;
	text-align: right;
	padding: 0;
}

/*
ul {
	list-style-type: none;
}

ol {
	list-style-type: none;
}
*/
dt {
	font-family: ui-sans-serif, system-ui, sans-serif;
	font-family: var(--font-body, ui-sans-serif, system-ui, sans-serif);
	font-weight: bold;
}

dd {
	margin: 0;
	padding-left: 16px;
}

.wp-block-media-text {
	/**
	 * Block Options
	 */
}

.wp-block-media-text .wp-block-media-text__content {
	padding: 8px;
}

@media only screen and (min-width: 768px) {
	.wp-block-media-text .wp-block-media-text__content {
		padding: 16px;
	}
}

.wp-block-media-text .wp-block-media-text__content > * {
	margin-top: 10.656px;
	margin-bottom: 10.656px;
}

@media only screen and (min-width: 640px) {
	.wp-block-media-text .wp-block-media-text__content > * {
		margin-top: 16px;
		margin-bottom: 16px;
	}
}

.wp-block-media-text .wp-block-media-text__content > *:first-child {
	margin-top: 0;
}

.wp-block-media-text .wp-block-media-text__content > *:last-child {
	margin-bottom: 0;
}

@media only screen and (min-width: 640px) {
	.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
		padding-top: 16px;
		padding-bottom: 16px;
	}
}

p.has-background {
	padding: 8px 8px;
}

.a8c-posts-list__listing {
	list-style: none;
	margin: 0;
	padding: 0;
}

.a8c-posts-list__listing:not(:last-child) {
	margin-bottom: calc(3 * 16px);
}

.a8c-posts-list-item__featured span {
	color: var(--wp--preset--color--background);
	background-color: var(--wp--preset--color--primary);
	font-family: ui-sans-serif, system-ui, sans-serif;
	font-family: var(--font-body, ui-sans-serif, system-ui, sans-serif);
	font-weight: bold;
	font-size: 0.83333rem;
	line-height: 1;
	padding: calc(0.5 * 8px) calc(0.66 * 8px);
}

.a8c-posts-list__item {
	display: block;
	/* Vertical margins logic between posts */
	margin-top: calc(3 * 16px);
	margin-bottom: calc(3 * 16px);
}

.a8c-posts-list__item:first-child {
	margin-top: 0;
}

.a8c-posts-list__item:last-child {
	margin-bottom: 0;
}

.a8c-posts-list__item .entry > * {
	/* Vertical margins logic between post details */
	margin-top: 8px;
	margin-bottom: 8px;
}

.a8c-posts-list__item .entry > *:first-child {
	margin-top: 0;
}

.a8c-posts-list__item .entry > *:last-child {
	margin-bottom: 0;
}

.a8c-posts-list__item .a8c-posts-list-item__meta {
	color: var(--wp--preset--color--foreground-light);
	font-size: 0.83333rem;
}

.a8c-posts-list__item .a8c-posts-list-item__meta a {
	color: currentColor;
}

.a8c-posts-list__item .a8c-posts-list-item__meta a:hover, .a8c-posts-list__item .a8c-posts-list-item__meta a:active {
	color: var(--wp--preset--color--primary-dark);
}

.a8c-posts-list__item .a8c-posts-list-item__edit-link {
	margin-left: 8px;
}

.a8c-posts-list__view-all {
	display: inline-block;
}

.wp-block-pullquote {
	border-top-color: var(--wp--preset--color--border);
	border-top-width: 4px;
	border-bottom-color: var(--wp--preset--color--border);
	border-bottom-width: 4px;
	color: var(--wp--preset--color--foreground);
}

.wp-block-pullquote blockquote p {
	font-family: ui-sans-serif, system-ui, sans-serif;
	font-family: var(--font-body, ui-sans-serif, system-ui, sans-serif);
	font-size: 1.2rem;
	letter-spacing: normal;
	line-height: 1.125;
}

.wp-block-pullquote.is-style-solid-color blockquote p {
	font-size: 1.2rem;
}

.wp-block-pullquote a {
	color: currentColor;
}

.wp-block-pullquote .wp-block-pullquote__citation,
.wp-block-pullquote cite,
.wp-block-pullquote footer {
	color: var(--wp--preset--color--foreground-light);
	font-size: 0.83333rem;
	letter-spacing: normal;
}

.wp-block-pullquote blockquote {
	padding-left: 0;
}

.wp-block-pullquote.is-style-solid-color {
	color: var(--wp--preset--color--background);
}

.wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation,
.wp-block-pullquote.is-style-solid-color cite,
.wp-block-pullquote.is-style-solid-color footer {
	color: currentColor;
}

.wp-block-pullquote.is-style-solid-color:not(.has-background) {
	background-color: var(--wp--preset--color--primary);
}

.wp-block-quote {
	border-left-color: var(--wp--preset--color--primary);
	margin: 16px 0;
	padding-left: 8px;
	/**
	 * Block Options
	 */
}

.wp-block-quote > * {
	margin-top: 8px;
	margin-bottom: 8px;
}

.wp-block-quote > *:first-child {
	margin-top: 0;
}

.wp-block-quote > *:last-child {
	margin-bottom: 0;
}

.wp-block-quote p {
	font-family: ui-sans-serif, system-ui, sans-serif;
	font-family: var(--font-body, ui-sans-serif, system-ui, sans-serif);
	font-size: 1.2rem;
	letter-spacing: normal;
	line-height: 1.125;
}

.wp-block-quote .wp-block-quote__citation,
.wp-block-quote cite,
.wp-block-quote footer {
	color: var(--wp--preset--color--foreground-light);
	font-size: 0.83333rem;
	letter-spacing: normal;
}

.has-background:not(.has-background-background-color) .wp-block-quote .wp-block-quote__citation,
[class*="background-color"]:not(.has-background-background-color) .wp-block-quote .wp-block-quote__citation,
[style*="background-color"] .wp-block-quote .wp-block-quote__citation,
.wp-block-cover[style*="background-image"] .wp-block-quote .wp-block-quote__citation, .has-background:not(.has-background-background-color)
.wp-block-quote cite,
[class*="background-color"]:not(.has-background-background-color)
.wp-block-quote cite,
[style*="background-color"]
.wp-block-quote cite,
.wp-block-cover[style*="background-image"]
.wp-block-quote cite, .has-background:not(.has-background-background-color)
.wp-block-quote footer,
[class*="background-color"]:not(.has-background-background-color)
.wp-block-quote footer,
[style*="background-color"]
.wp-block-quote footer,
.wp-block-cover[style*="background-image"]
.wp-block-quote footer {
	color: currentColor;
}

.wp-block-quote[style*="text-align:right"], .wp-block-quote[style*="text-align: right"] {
	border-right-color: var(--wp--preset--color--primary);
}

.wp-block-quote.is-style-large, .wp-block-quote.is-large {
	/* Resetting margins to match _block-container.scss */
	margin-top: 16px;
	margin-bottom: 16px;
	padding: 0;
}

.wp-block-quote.is-style-large p, .wp-block-quote.is-large p {
	font-size: 1.44rem;
	letter-spacing: -0.015em;
	line-height: 1.125;
}

.wp-block-quote.is-style-large .wp-block-quote__citation,
.wp-block-quote.is-style-large cite,
.wp-block-quote.is-style-large footer, .wp-block-quote.is-large .wp-block-quote__citation,
.wp-block-quote.is-large cite,
.wp-block-quote.is-large footer {
	color: var(--wp--preset--color--foreground-light);
	font-size: 0.83333rem;
	letter-spacing: normal;
}

.has-background:not(.has-background-background-color) .wp-block-quote,
[class*="background-color"]:not(.has-background-background-color) .wp-block-quote,
[style*="background-color"] .wp-block-quote,
.wp-block-cover[style*="background-image"] .wp-block-quote {
	border-color: currentColor;
}

hr {
	border-bottom: 2px solid var(--wp--preset--color--border);
	clear: both;
	margin-left: auto;
	margin-right: auto;
}

hr.wp-block-separator {
	border-bottom: 2px solid var(--wp--preset--color--border);
	/**
		 * Block Options
		 */
}

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

hr.wp-block-separator.is-style-wide {
	border-bottom-width: 2px;
}

hr.wp-block-separator.is-style-dots.has-background, hr.wp-block-separator.is-style-dots.has-text-color {
	background-color: transparent !important;
}

hr.wp-block-separator.is-style-dots.has-background:before, hr.wp-block-separator.is-style-dots.has-text-color:before {
	color: currentColor !important;
}

hr.wp-block-separator.is-style-dots:before {
	color: var(--wp--preset--color--border);
	font-size: 1.728rem;
	letter-spacing: 0.83333rem;
	padding-left: 0.83333rem;
}

.has-background:not(.has-background-background-color) hr.wp-block-separator,
[class*="background-color"]:not(.has-background-background-color) hr.wp-block-separator,
[style*="background-color"] hr.wp-block-separator,
.wp-block-cover[style*="background-image"] hr.wp-block-separator {
	border-color: currentColor;
}

.wp-block-jetpack-slideshow ul {
	margin-left: 0;
	margin-right: 0;
}

.wp-block-spacer {
	display: block;
	margin-bottom: 0 !important;
	margin-top: 0 !important;
}

@media only screen and (max-width: 639px) {
	.wp-block-spacer[style] {
		height: 8px !important;
	}
}

.jetpack_subscription_widget input[type="text"] {
	padding: 8px !important;
	width: 100% !important;
}

table,
.wp-block-table {
	width: 100%;
	min-width: 240px;
	border-collapse: collapse;
}

table th,
.wp-block-table th {
	font-family: ui-serif, serif;
	font-family: var(--font-heading, ui-serif, serif);
}

table td,
table th,
.wp-block-table td,
.wp-block-table th {
	padding: calc( 0.5 * 8px);
	border: 1px solid;
}

table.is-style-stripes tbody tr:nth-child(odd),
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
	background-color: var(--wp--preset--color--border-light);
	color: var(--wp--preset--color--foreground);
}

.wp-block-video figcaption {
	color: var(--wp--preset--color--foreground);
	font-size: 0.83333rem;
	margin-top: calc(0.5 * 8px);
	margin-bottom: 8px;
	text-align: center;
}

* > figure > video {
	max-width: unset;
	width: 100%;
	vertical-align: middle;
}

/* Block Alignments */
/**
 * .alignleft
 */
.alignleft {
	/*rtl:ignore*/
	text-align: left;
	/*rtl:ignore*/
	float: left;
	margin-top: 0;
	/*rtl:ignore*/
	margin-right: 8px;
	margin-bottom: 16px;
}

.entry-content > .alignleft {
	/*rtl:ignore*/
	float: left;
}

/**
 * .aligncenter
 */
.aligncenter {
	clear: both;
	display: block;
	float: none;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

/**
 * .alignright
 */
.alignright {
	/*rtl:ignore*/
	float: right;
	margin-top: 0;
	margin-bottom: 16px;
	/*rtl:ignore*/
	margin-left: 8px;
}

.entry-content > .alignright {
	/*rtl:ignore*/
	float: right;
}

.entry-content * > .alignleft + *,
.entry-content * > .alignright + * {
	margin-top: 0;
}

/**
 * .aligndefault
 */
/**
 * .alignwide
 */
.alignwide {
	clear: both;
}

/**
 * .alignfull
 */
.alignfull {
	clear: both;
}

.has-left-content {
	justify-content: flex-start;
}

.has-right-content {
	justify-content: flex-end;
}

.has-parallax {
	background-attachment: fixed;
}

.has-primary-color {
	color: var(--wp--preset--color--primary);
}

.has-secondary-color {
	color: var(--wp--preset--color--secondary);
}

.has-foreground-color {
	color: var(--wp--preset--color--foreground);
}

.has-foreground-light-color {
	color: var(--wp--preset--color--foreground-light);
}

.has-foreground-dark-color {
	color: var(--wp--preset--color--foreground-dark);
}

.has-background-light-color {
	color: var(--wp--preset--color--background-light);
}

.has-background-dark-color {
	color: var(--wp--preset--color--background-dark);
}

.has-background-dim,
.has-background-color {
	color: var(--wp--preset--color--background);
}

.has-background p:not(.has-text-color),
.has-background h1:not(.has-text-color),
.has-background h2:not(.has-text-color),
.has-background h3:not(.has-text-color),
.has-background h4:not(.has-text-color),
.has-background h5:not(.has-text-color),
.has-background h6:not(.has-text-color) {
	color: currentColor;
}

.has-primary-background-color,
.has-primary-background-color.has-background-dim {
	background-color: var(--wp--preset--color--primary);
}

.has-primary-background-color:not(.has-text-color),
.has-primary-background-color.has-background-dim:not(.has-text-color) {
	color: var(--wp--preset--color--background);
}

.has-secondary-background-color,
.has-secondary-background-color.has-background-dim {
	background-color: var(--wp--preset--color--secondary);
}

.has-secondary-background-color:not(.has-text-color),
.has-secondary-background-color.has-background-dim:not(.has-text-color) {
	color: var(--wp--preset--color--background);
}

.has-background-dim,
.has-foreground-background-color,
.has-foreground-background-color.has-background-dim {
	background-color: var(--wp--preset--color--foreground);
}

.has-background-dim,
.has-foreground-background-color,
.has-foreground-background-color.has-background-dim {
	color: var(--wp--preset--color--background);
}

.has-foreground-light-background-color,
.has-foreground-light-background-color.has-background-dim {
	background-color: var(--wp--preset--color--foreground-light);
}

.has-foreground-light-background-color:not(.has-text-color),
.has-foreground-light-background-color.has-background-dim:not(.has-text-color) {
	color: var(--wp--preset--color--background);
}

.has-foreground-dark-background-color,
.has-foreground-dark-background-color.has-background-dim {
	background-color: var(--wp--preset--color--foreground-dark);
}

.has-foreground-dark-background-color:not(.has-text-color),
.has-foreground-dark-background-color.has-background-dim:not(.has-text-color) {
	color: var(--wp--preset--color--background);
}

.has-background-light-background-color,
.has-background-light-background-color.has-background-dim {
	background-color: var(--wp--preset--color--background-light);
}

.has-background-light-background-color:not(.has-text-color),
.has-background-light-background-color.has-background-dim:not(.has-text-color) {
	color: var(--wp--preset--color--foreground);
}

.has-background-dark-background-color,
.has-background-dark-background-color.has-background-dim {
	background-color: var(--wp--preset--color--background-dark);
}

.has-background-dark-background-color:not(.has-text-color),
.has-background-dark-background-color.has-background-dim:not(.has-text-color) {
	color: var(--wp--preset--color--foreground);
}

.has-background-background-color,
.has-background-background-color.has-background-dim {
	background-color: var(--wp--preset--color--background);
	color: var(--wp--preset--color--foreground);
}

.has-background-background-color:not(.has-text-color),
.has-background-background-color.has-background-dim:not(.has-text-color) {
	color: var(--wp--preset--color--foreground);
}

.is-small-text,
.has-small-font-size {
	font-size: 0.83333rem;
}

.is-regular-text,
.has-regular-font-size,
.has-normal-font-size,
.has-medium-font-size {
	font-size: 1rem;
}

.is-large-text,
.has-large-font-size {
	font-size: 1.44rem;
	line-height: 1.125;
}

.is-larger-text,
.has-larger-font-size,
.has-huge-font-size {
	font-size: 1.728rem;
	line-height: 1.125;
}

.has-drop-cap:not(:focus)::first-letter {
	font-size: calc(2 * 2.0736rem);
	font-weight: normal;
	line-height: 0.66;
	text-transform: uppercase;
	font-style: normal;
	float: left;
	margin: 0.1em 0.1em 0 0;
}

.has-drop-cap:not(:focus)::after {
	content: "";
	display: table;
	clear: both;
	padding-top: 14px;
}

.desktop-only {
	display: none;
}

@media only screen and (min-width: 640px) {
	.desktop-only {
		display: block;
	}
}

/**
 * Spacing Overrides
 */
/*
 * Margins
 */
.margin-top-none {
	margin-top: 0 !important;
}

.margin-top-half {
	margin-top: 8px !important;
}

.margin-top-default {
	margin-top: 16px !important;
}

.margin-right-none {
	/*rtl:ignore*/
	margin-right: 0 !important;
}

.margin-right-half {
	/*rtl:ignore*/
	margin-right: 8px !important;
}

.margin-right-default {
	/*rtl:ignore*/
	margin-right: 16px !important;
}

.margin-bottom-none {
	margin-bottom: 0 !important;
}

.margin-bottom-half {
	margin-bottom: 8px !important;
}

.margin-bottom-default {
	margin-bottom: 16px !important;
}

.margin-left-none {
	/*rtl:ignore*/
	margin-left: 0 !important;
}

.margin-left-half {
	/*rtl:ignore*/
	margin-left: 8px !important;
}

.margin-left-default {
	/*rtl:ignore*/
	margin-left: 16px !important;
}

/*
 * Padding
 */
.padding-top-none {
	padding-top: 0 !important;
}

.padding-top-half {
	padding-top: 8px !important;
}

.padding-top-default {
	padding-top: 16px !important;
}

.padding-right-none {
	/*rtl:ignore*/
	padding-right: 0 !important;
}

.padding-right-half {
	/*rtl:ignore*/
	padding-right: 8px !important;
}

.padding-right-default {
	/*rtl:ignore*/
	padding-right: 16px !important;
}

.padding-bottom-none {
	padding-bottom: 0 !important;
}

.padding-bottom-half {
	padding-bottom: 8px !important;
}

.padding-bottom-default {
	padding-bottom: 16px !important;
}

.padding-left-none {
	/*rtl:ignore*/
	padding-left: 0 !important;
}

.padding-left-half {
	/*rtl:ignore*/
	padding-left: 8px !important;
}

.padding-left-default {
	/*rtl:ignore*/
	padding-left: 16px !important;
}

/**
 * Components
 * - Similar to Blocks but exist outside of the "current" editor context
 */
/*
 * Components
 * - Similar to Blocks but exist outside of the "current" editor context
 */
.site-branding {
	color: var(--wp--preset--color--foreground-light);
}

.site-title {
	color: var(--wp--preset--color--foreground);
}

.site-title a {
	color: currentColor;
	font-weight: normal;
}

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

.site-title a:hover {
	color: var(--wp--preset--color--foreground-dark);
}

.site-description {
	color: currentColor;
	font-family: ui-sans-serif, system-ui, sans-serif;
	font-family: var(--font-body, ui-sans-serif, system-ui, sans-serif);
}

body:not(.fse-enabled) .site-title {
	font-size: 1.44rem;
}

body:not(.fse-enabled) .site-description {
	font-size: 0.83333rem;
}

.main-navigation {
	color: var(--wp--preset--color--foreground);
}

.main-navigation > div {
	display: none;
}

.main-navigation #toggle-menu {
	display: inline-block;
	margin: 0;
}

.main-navigation #toggle:checked ~ div:not(.woocommerce-menu-container) {
	display: block;
}

.main-navigation #toggle:focus + #toggle-menu {
	background-color: var(--wp--preset--color--foreground-dark);
	outline: inherit;
	text-decoration: underline;
}

.main-navigation .dropdown-icon.close {
	display: none;
}

.main-navigation #toggle:checked + #toggle-menu .open {
	display: none;
}

.main-navigation #toggle:checked + #toggle-menu .close {
	display: inline;
}

@media only screen and (min-width: 640px) {
	.main-navigation > div {
		display: inline-block;
	}
	.main-navigation #toggle-menu {
		display: none;
	}
	.main-navigation > div > ul > li > ul {
		display: none;
	}
}

.main-navigation > div > ul {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	margin: 0;
	max-width: none;
	padding-left: 0;
	position: relative;
	/* Sub-menus Flyout */
}

.main-navigation > div > ul ul {
	padding-left: 0;
}

.main-navigation > div > ul li {
	display: block;
	position: relative;
	width: 100%;
	z-index: 1;
}

.main-navigation > div > ul li:hover, .main-navigation > div > ul li[focus-within] {
	cursor: pointer;
	z-index: 99999;
}

.main-navigation > div > ul li:hover, .main-navigation > div > ul li:focus-within {
	cursor: pointer;
	z-index: 99999;
}

.main-navigation > div > ul li[focus-within] a {
	outline: none;
}

.main-navigation > div > ul li:focus-within a {
	outline: none;
}

@media only screen and (min-width: 640px) {
	.main-navigation > div > ul li {
		display: inherit;
		width: inherit;
		/* Submenu display */
	}
	.main-navigation > div > ul li:hover > ul,
	.main-navigation > div > ul li[focus-within] > ul,
	.main-navigation > div > ul li ul:hover,
	.main-navigation > div > ul li ul:focus {
		visibility: visible;
		opacity: 1;
		display: block;
	}
	.main-navigation > div > ul li:hover > ul,
	.main-navigation > div > ul li:focus-within > ul,
	.main-navigation > div > ul li ul:hover,
	.main-navigation > div > ul li ul:focus {
		visibility: visible;
		opacity: 1;
		display: block;
	}
}

@media only screen and (min-width: 640px) {
	.main-navigation > div > ul > li > a {
		line-height: 1;
	}
	.main-navigation > div > ul > li > a:before, .main-navigation > div > ul > li > a:after {
		content: '';
		display: block;
		height: 0;
		width: 0;
	}
	.main-navigation > div > ul > li > a:before {
		margin-bottom: -0.12em;
	}
	.main-navigation > div > ul > li > a:after {
		margin-top: -0.11em;
	}
	.main-navigation > div > ul > li:first-of-type > a {
		padding-left: 0;
	}
	.main-navigation > div > ul > li:last-of-type > a {
		padding-right: 0;
	}
}

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

@media only screen and (min-width: 640px) {
	.main-navigation > div > ul > li > .sub-menu {
		box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.1);
		left: 0;
		top: 100%;
		min-width: max-content;
		opacity: 0;
		position: absolute;
		transition: all 0.5s ease;
		visibility: hidden;
	}
}

.main-navigation > div > ul > li > .sub-menu .sub-menu {
	width: 100%;
}

.main-navigation a {
	color: var(--wp--preset--color--foreground);
	display: block;
	padding: 4px 0;
}

@media only screen and (min-width: 640px) {
	.main-navigation a {
		padding: 8px;
	}
}

.main-navigation a:link, .main-navigation a:visited {
	color: var(--wp--preset--color--foreground);
}

.main-navigation a:hover {
	color: var(--wp--preset--color--foreground-dark);
}

.main-navigation .sub-menu {
	padding: 16px;
	list-style: none;
	margin-left: 0;
	/* Reset the counter for each UL */
	counter-reset: nested-list;
}

.main-navigation .sub-menu .menu-item a {
	padding-top: 4px;
	padding-bottom: 4px;
}

.main-navigation .sub-menu .menu-item a::before {
	/* Increment the dashes */
	counter-increment: nested-list;
	/* Insert dashes with spaces in between */
	content: "– " counters(nested-list, "– ", none);
}

.main-navigation .sub-menu .menu-item a:hover, .main-navigation .sub-menu .menu-item a:focus, .main-navigation .sub-menu .menu-item a.has-focus {
	padding-left: 16px;
}

@media only screen and (min-width: 640px) {
	.main-navigation > div > ul > .menu-item-has-children > a::after {
		content: "\F279";
		font-family: bootstrap-icons;
		display: inline-block;
		margin-left: 2px;
		font-size: .6rem;
		height: inherit;
		width: inherit;
		color: inherit;
	}
}

.main-navigation .hide-visually {
	position: absolute !important;
	clip: rect(1px, 1px, 1px, 1px);
	padding: 0 !important;
	border: 0 !important;
	height: 1px !important;
	width: 1px !important;
	overflow: hidden;
}

/*
body:not( .fse-enabled ) {
	.main-navigation a {
		font-size: 0.69444rem;
	}
}
*/
.social-navigation > div > ul {
	align-content: center;
	display: flex;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.social-navigation > div > ul > li:first-of-type > a {
	padding-left: 0;
}

.social-navigation > div > ul > li:last-of-type > a {
	padding-right: 0;
}

.social-navigation a {
	color: var(--wp--preset--color--foreground);
	display: inline-block;
	padding: 0 calc(0.5 * calc(0.66 * 8px));
}

.social-navigation a:hover {
	color: var(--wp--preset--color--foreground-dark);
}

.social-navigation svg {
	fill: currentColor;
	vertical-align: middle;
}

.entry-meta,
.entry-footer {
	color: var(--wp--preset--color--foreground-light);
	clear: both;
	float: none;
	font-size: 0.83333rem;
	display: block;
}

.entry-meta > span,
.entry-footer > span {
	display: inline-block;
	margin-right: 8px;
}

.entry-meta > span > *,
.entry-footer > span > * {
	display: inline-block;
	vertical-align: middle;
}

.entry-meta > span:last-child,
.entry-footer > span:last-child {
	margin-right: 0;
}

.entry-meta > span .published + .updated,
.entry-footer > span .published + .updated {
	display: none;
}

.entry-meta a,
.entry-footer a {
	color: currentColor;
}

.entry-meta .svg-icon,
.entry-footer .svg-icon {
	fill: currentColor;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin-right: calc(0.25 * 8px);
}

/**
 * Entry Content
 */
.entry-content .more-link {
	display: block;
	color: inherit;
	margin-top: 8px;
}

@media only screen and (min-width: 640px) {
	.entry-content .more-link {
		margin-top: 16px;
	}
}

.entry-content .more-link:after {
	content: "→" /*rtl:"←"*/;
	display: inline-block;
	margin-left: 0.5em;
}

.entry-content .more-link:hover {
	text-decoration: none;
}

.home.page.hide-homepage-header.hide-homepage-title .entry-content {
	margin-top: 0;
	padding-top: 0;
}

.home.page.hide-homepage-header.hide-homepage-title .entry-content > *:first-child {
	margin-top: 16px;
}

/**
 * Post Thumbnails
 */
.post-thumbnail {
	text-align: center;
	/*
	.post-thumbnail-inner {
		display: block;
	}
	*/
}

/**
 * Author
 */
/* Author description */
.site-main > article > .author-bio {
	margin-top: calc(2 * 16px);
}

.author-bio .author-title {
	font-size: 1.44rem;
}

/* Next/Previous navigation */
.post-navigation .meta-nav {
	font-size: 0.83333rem;
}

.post-navigation .post-title {
	font-family: ui-serif, serif;
	font-family: var(--font-heading, ui-serif, serif);
	font-size: 1.44rem;
	font-weight: 400;
}

.post-navigation .nav-next,
.post-navigation .nav-previous {
	margin-top: 16px;
	margin-bottom: 16px;
}

.post-navigation .nav-next:first-child,
.post-navigation .nav-previous:first-child {
	margin-top: 0;
}

.post-navigation .nav-next:last-child,
.post-navigation .nav-previous:last-child {
	margin-bottom: 0;
}

.post-navigation .nav-next a,
.post-navigation .nav-previous a {
	text-decoration: none;
}

.pagination .nav-links {
	display: flex !important;
	gap: 1rem !important;
	flex-direction: row !important;
	/*
		justify-content: start;
		margin: 0 calc(-0.66 * 8px);
		background-color: rgba(var(--gray-900), var(--bg-opacity)) !important;
*/
}

.pagination .nav-links > * {
	font-family: ui-serif, serif;
	font-family: var(--font-heading, ui-serif, serif);
	font-size: 0.83333rem;
	font-weight: 400;
	text-decoration: none;
}

.pagination .nav-links .page-numbers {
	color: rgba(var(--gray-900), var(--bg-opacity));
	margin-top: -0.25rem !important;
	padding-top: 0.25rem !important;
	padding-bottom: 0.25rem !important;
	padding-left: 0.375rem !important;
	padding-right: 0.375rem !important;
	text-decoration: none !important;
}

.pagination .nav-links .page-numbers:hover {
	color: rgba(var(--primary), 1);
	border-bottom-width: 0.0625rem !important;
}

.pagination .nav-links .svg-icon {
	display: inline-block;
	vertical-align: middle;
	fill: currentColor;
}

.pagination .nav-links .current {
	--bg-opacity: 1;
	background-color: rgba(var(--gray-300), var(--bg-opacity)) !important;
	pointer-events: none;
}

@media only screen and (min-width: 640px) {
	.nav-links {
		display: flex;
		justify-content: space-between;
	}
	.nav-links .nav-next,
	.nav-links .nav-previous {
		flex: 0 1 auto;
		margin-bottom: inherit;
		margin-top: inherit;
		max-width: calc(50% - (0.5 * 8px));
	}
	.nav-links .nav-next {
		text-align: right;
	}
}

/**
 * Comments Wrapper
 */
.comments-area > * {
	margin-top: 16px;
	margin-bottom: 16px;
}

.comments-area > *:first-child {
	margin-top: 0;
}

.comments-area > *:last-child {
	margin-bottom: 0;
}

/**
 * Comment Title
 */
.comments-title {
	font-size: var(--font-lg);
	line-height: 1.6;
	letter-spacing: var(--tracking-tighter);
}

.comment-reply-title {
	letter-spacing: var(--tracking-tighter);
	font-size: var(--font-lg);
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.comment-reply-title small {
	font-size: 1rem;
	font-family: ui-sans-serif, system-ui, sans-serif;
	font-family: var(--font-body, ui-sans-serif, system-ui, sans-serif);
	letter-spacing: normal;
	line-height: 1.125;
}

/**
 * Comment Lists
 */
.comment-list {
	border-bottom: 1px solid var(--wp--preset--color--border);
	padding-left: 0;
	list-style: none;
}

.comment-list > li {
	border-top: 1px solid var(--wp--preset--color--border);
	margin-top: 16px;
	margin-bottom: 16px;
}

.comment-list .children {
	list-style: none;
	padding-left: 8px;
}

.comment-list .children > li {
	border-top: 1px solid var(--wp--preset--color--border);
	margin-top: 16px;
	margin-bottom: 16px;
}

@media only screen and (min-width: 640px) {
	.comment-list .children {
		padding-left: 16px;
	}
}

/**
 * Comment Meta
 */
.comment-meta {
	margin-right: calc(16px + (0.5 * 8px));
}

.comment-meta .comment-author {
	line-height: 1.125;
	margin-bottom: 2px;
	padding-right: 20px;
	max-width: calc(100% - 24px);
}

@media only screen and (min-width: 640px) {
	.comment-meta .comment-author {
		display: flex;
		align-items: center;
		margin-bottom: 0;
		padding-right: 0;
	}
}

.comment-meta .comment-author .fn {
	word-wrap: break-word;
	word-break: break-word;
	hyphens: auto;
}

.comment-meta .comment-author .fn a {
	font-size: var(--font-sm);
}

.comment-meta .comment-author .avatar {
	border-radius: 9999px;
	box-shadow: var(--shadow-box-21);
	display: block;
	position: absolute;
	right: 0;
}

.comment-meta .comment-metadata {
	color: var(--wp--preset--color--foreground);
	padding-right: 20px;
}

@media only screen and (min-width: 640px) {
	.comment-meta .comment-metadata {
		padding-right: 0;
	}
}

.comment-meta .comment-metadata a {
	color: currentColor;
}

.comment-meta .comment-metadata a:hover, .comment-meta .comment-metadata a:active {
	color: var(--wp--preset--color--primary-dark);
}

@media only screen and (min-width: 640px) {
	.comment-meta {
		margin-right: inherit;
		align-items: center;
		display: flex;
		justify-content: space-between;
	}
	.comment-meta .comment-author {
		display: flex;
		align-items: center;
		max-width: inherit;
		flex: 0 1 auto;
	}
	.comment-meta .comment-author .fn {
		padding-right: 8px;
	}
	.comment-meta .comment-author .avatar {
		margin-right: 8px;
		display: inherit;
		position: relative;
		right: inherit;
	}
	.comment-meta .comment-metadata {
		flex: 0 1 auto;
	}
}

.comment-metadata,
.reply {
	font-size: 0.69444rem;
	line-height: 1.125;
}

.reply {
	text-align: right;
}

@media only screen and (min-width: 640px) {
	.reply {
		text-align: left;
	}
}

.bypostauthor {
	display: block;
}

.says {
	display: none;
}

.comment-author .fn,
.pingback .url,
.trackback .url {
	font-family: ui-sans-serif, system-ui, sans-serif;
	font-family: var(--font-body, ui-sans-serif, system-ui, sans-serif);
}

/**
 * Comment body
 */
.comment-body {
	position: relative;
}

.comment-body > * {
	margin-top: 16px;
	margin-bottom: 16px;
}

.comment-content {
	font-size: var(--font-sm) !important;
}

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

/**
 * Pingbacks & Trackbacks
 */
.pingback .comment-body,
.trackback .comment-body {
	margin-top: 16px;
	margin-bottom: 16px;
}

/**
 * Comment Form
 */
.comment-respond {
	margin-top: calc(2 * 16px);
}

.comment-respond > * {
	margin-top: 8px;
	margin-bottom: 8px;
}

.comment-respond > *:first-child {
	margin-top: 0;
}

.comment-respond > *:last-child {
	margin-bottom: 0;
}

.comment-form > p {
	margin-top: 8px;
	margin-bottom: 8px;
}

.comment-form > p:first-of-type {
	margin-top: 0;
}

.comment-form > p:last-of-type {
	margin-bottom: 0;
}

.comment-form > p label,
.comment-form > p input[type="email"],
.comment-form > p input[type="text"],
.comment-form > p input[type="url"],
.comment-form > p textarea {
	width: 100%;
}

.comment-form > p.comment-form-cookies-consent > label {
	width: auto;
}

@media only screen and (min-width: 640px) {
	.comment-form > p {
		display: flex;
	}
	.comment-form > p label {
		width: 25%;
	}
	.comment-form > p.comment-form-cookies-consent {
		margin-left: 25%;
	}
	.comment-form > p.comment-form-cookies-consent > label {
		width: auto;
		display: inline-block;
	}
	.comment-form > p input[type="email"],
	.comment-form > p input[type="text"],
	.comment-form > p input[type="url"],
	.comment-form > p textarea {
		width: 75%;
	}
	.comment-form > p input[type="submit"] {
		border-radius: 9999px;
		box-shadow: var(--shadow-box-3);
	}
	.comment-form > p.comment-notes, .comment-form > p.logged-in-as {
		display: block;
	}
}

/**
 * Comment Nav
 */
.comment-navigation a {
	font-family: ui-sans-serif, system-ui, sans-serif;
	font-family: var(--font-body, ui-sans-serif, system-ui, sans-serif);
	font-size: 1.2rem;
	font-weight: 400;
}

.widget-area {
	flex: 0 0 100%;
}

/**
 * Site Pages
 * - Page specific styles
 */
/**
 * Site Pages
 * - Page specific styles
 */
.sticky-post {
	color: var(--wp--preset--color--background);
	background-color: var(--wp--preset--color--primary);
	font-family: ui-sans-serif, system-ui, sans-serif;
	font-family: var(--font-body, ui-sans-serif, system-ui, sans-serif);
	font-weight: bold;
	font-size: 0.83333rem;
	line-height: 1;
	padding: calc(0.5 * 8px) calc(0.66 * 8px);
}

.page-title {
	font-size: 1.2rem;
}

/**
 * Responsive Logic
 * - Loading this last to respect cascaing rules
 */
/**
 * Page Layout Styles & Repsonsive Styles
 */
/* Responsive width-content overrides */
.responsive-max-width, hr.wp-block-separator.is-style-wide, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.wp-block-button):not(.entry-attachment),
.entry-content > *:not(.wp-block-button),
.entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator), .post-navigation, .pagination {
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}

@media only screen and (min-width: 640px) {
	.responsive-max-width, hr.wp-block-separator.is-style-wide, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.wp-block-button):not(.entry-attachment),
	.entry-content > *:not(.wp-block-button),
	.entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator), .post-navigation, .pagination {
		max-width: calc( 640px - 16px);
	}
}

@media only screen and (min-width: 768px) {
	.responsive-max-width, hr.wp-block-separator.is-style-wide, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.wp-block-button):not(.entry-attachment),
	.entry-content > *:not(.wp-block-button),
	.entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator), .post-navigation, .pagination {
		max-width: calc( 768px - 16px);
	}
}

@media only screen and (min-width: 1024px) {
	.responsive-max-width, hr.wp-block-separator.is-style-wide, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.wp-block-button):not(.entry-attachment),
	.entry-content > *:not(.wp-block-button),
	.entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator), .post-navigation, .pagination {
		max-width: calc( 1024px - 16px);
	}
}

@media only screen and (min-width: 1280px) {
	.responsive-max-width, hr.wp-block-separator.is-style-wide, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.wp-block-button):not(.entry-attachment),
	.entry-content > *:not(.wp-block-button),
	.entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator), .post-navigation, .pagination {
		max-width: calc( 1280px - 16px);
	}
}

@media only screen and (min-width: 1536px) {
	.responsive-max-width, hr.wp-block-separator.is-style-wide, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.wp-block-button):not(.entry-attachment),
	.entry-content > *:not(.wp-block-button),
	.entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator), .post-navigation, .pagination {
		max-width: calc( 1280px - 16px);
	}
}

.entry-content > .alignwide {
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
	/* Matches normal width until desktop breakpoint */
}

@media only screen and (min-width: 640px) {
	.entry-content > .alignwide {
		max-width: calc( 640px - 16px);
	}
}

@media only screen and (min-width: 768px) {
	.entry-content > .alignwide {
		max-width: calc( 768px - 16px);
	}
}

@media only screen and (min-width: 1024px) {
	.entry-content > .alignwide {
		max-width: calc( 1024px - 16px);
	}
}

@media only screen and (min-width: 1280px) {
	.entry-content > .alignwide {
		width: calc(calc( 1280px - 16px) + 0px);
		max-width: calc(100% - 0px);
	}
}

@media only screen and (min-width: 1536px) {
	.entry-content > .alignwide {
		width: calc(calc( 1280px - 16px) + 0px);
		max-width: calc(100% - 0px);
	}
}

.entry-content > .alignwide [class*="inner-container"] > .alignwide, .entry-content > .alignfull [class*="inner-container"] > .alignwide {
	width: calc(100% + 128px);
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}

@media only screen and (min-width: 640px) {
	.entry-content > .alignwide [class*="inner-container"] > .alignwide, .entry-content > .alignfull [class*="inner-container"] > .alignwide {
		width: calc(calc( 640px - 16px) + 128px);
		max-width: 100%;
	}
}

@media only screen and (min-width: 768px) {
	.entry-content > .alignwide [class*="inner-container"] > .alignwide, .entry-content > .alignfull [class*="inner-container"] > .alignwide {
		width: calc(calc( 768px - 16px) + 128px);
		max-width: 100%;
	}
}

@media only screen and (min-width: 1024px) {
	.entry-content > .alignwide [class*="inner-container"] > .alignwide, .entry-content > .alignfull [class*="inner-container"] > .alignwide {
		width: calc(calc( 1024px - 16px) + 128px);
		max-width: 100%;
	}
}

@media only screen and (min-width: 1280px) {
	.entry-content > .alignwide [class*="inner-container"] > .alignwide, .entry-content > .alignfull [class*="inner-container"] > .alignwide {
		width: calc(calc( 1280px - 16px) + 128px);
		max-width: 100%;
	}
}

@media only screen and (min-width: 1536px) {
	.entry-content > .alignwide [class*="inner-container"] > .alignwide, .entry-content > .alignfull [class*="inner-container"] > .alignwide {
		width: calc(calc( 1280px - 16px) + 128px);
		max-width: 100%;
	}
}

.entry-content > .alignfull {
	margin-left: -8px;
	margin-right: -8px;
	width: calc(100% + 16px);
	max-width: calc(100% + 16px);
	/* Letting the box-model do most of the work here. */
}

@media only screen and (min-width: 640px) {
	.entry-content > .alignfull {
		margin-left: inherit;
		margin-right: inherit;
		width: inherit;
		max-width: inherit;
	}
}

.entry-content > .alignright {
	/*rtl:ignore*/
}

@media only screen and (min-width: 640px) {
	.entry-content > .alignright {
		/*rtl:ignore*/
		margin-right: calc( 0.5 * (100vw - calc( 640px - 16px)));
		max-width: calc( 0.5 * calc( 640px - 16px));
		margin-left: 8px;
	}
}

@media only screen and (min-width: 768px) {
	.entry-content > .alignright {
		/*rtl:ignore*/
		margin-right: calc( 0.5 * (100vw - calc( 768px - 16px)));
		max-width: calc( 0.5 * calc( 768px - 16px));
	}
}

@media only screen and (min-width: 1024px) {
	.entry-content > .alignright {
		/*rtl:ignore*/
		margin-right: calc( 0.5 * (100vw - calc( 1024px - 16px)));
		max-width: calc( 0.5 * calc( 1024px - 16px));
	}
}

@media only screen and (min-width: 1280px) {
	.entry-content > .alignright {
		/*rtl:ignore*/
		margin-right: calc( 0.5 * (100vw - calc( 1280px - 16px)));
		max-width: calc( 0.5 * calc( 1280px - 16px));
	}
}

@media only screen and (min-width: 1536px) {
	.entry-content > .alignright {
		/*rtl:ignore*/
		margin-right: calc( 0.5 * (100vw - calc( 1536px - 16px)));
		max-width: calc( 0.5 * calc( 1280px - 16px));
	}
}

.entry-content > .alignleft {
	/*rtl:ignore*/
}

@media only screen and (min-width: 640px) {
	.entry-content > .alignleft {
		/*rtl:ignore*/
		margin-left: calc( 0.5 * (100vw - calc( 640px - 16px)));
		max-width: calc( 0.5 * calc( 640px - 16px));
		margin-right: 8px;
	}
}

@media only screen and (min-width: 768px) {
	.entry-content > .alignleft {
		/*rtl:ignore*/
		margin-left: calc( 0.5 * (100vw - calc( 768px - 16px)));
		max-width: calc( 0.5 * calc( 768px - 16px));
	}
}

@media only screen and (min-width: 1024px) {
	.entry-content > .alignleft {
		/*rtl:ignore*/
		margin-left: calc( 0.5 * (100vw - calc( 1024px - 16px)));
		max-width: calc( 0.5 * calc( 1024px - 16px));
	}
}

@media only screen and (min-width: 1280px) {
	.entry-content > .alignleft {
		/*rtl:ignore*/
		margin-left: calc( 0.5 * (100vw - calc( 1280px - 16px)));
		max-width: calc( 0.5 * calc( 1024px - 16px));
	}
}

@media only screen and (min-width: 1536px) {
	.entry-content > .alignleft {
		/*rtl:ignore*/
		margin-left: calc( 0.5 * (100vw - calc( 1280px - 16px)));
		max-width: calc( 0.5 * calc( 1024px - 16px));
	}
}

/**
 * Vendors
 * - Styles for 3rd party plugins and WP extensions
 */
/**
 * Vendors
 * - 3rd-party compatibility styles
 */
/**
 * Child Theme Extra Styles
 */
/**
 * Extra Child Theme Styles
 */
b,
strong {
	font-weight: 500;
}

.site-header a, a:hover, a:focus {
	text-decoration: none;
}

/* Scroll Bar settings */
html {
	overflow-y: overlay;
	scroll-behavior: smooth;
	font-size: 100%;
	font-family: var(--font-body), Arial, Helvetica, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--font-heading), Georgia, serif;
}

pre {
	font-family: "Courier New", Courier, monospace;
}

/**
 * Header
 */
.site-header,
.site-footer {
	max-width: 100%;
	position: relative;
}

.site-branding {
	font-family: var(--font-heading, --font-body);
}

.main-navigation > div > ul li {
	margin-left: 8px;
	margin-right: 8px;
}

.main-navigation > div > ul li a {
	padding-right: 0;
	padding-left: 0;
	font-family: var(--font-body, --font-sans);
}

.main-navigation > div > ul li a:hover, .main-navigation > div > ul li a:focus {
	border-bottom-width: 0.125rem;
	border-color: var(--wp--preset--color--primary, #3232ff);
	border-style: solid;
}

.main-navigation > div > ul li.current-menu-item a {
	border-bottom-width: 1px;
	border-color: var(--wp--preset--color--primary, #3232ff);
	border-style: solid;
}

.main-navigation > div > ul li.current-menu-item a:hover, .main-navigation > div > ul li.current-menu-item a:focus {
	border-bottom-width: 2px;
}

/**
 * CSS-grid Desktop Menu
 */
@media only screen and (min-width: 1024px) {
	.site-header {
		display: flex;
	}
	.site-header:before, .site-header:after {
		content: none;
		display: none;
	}
	.site-header > * {
		margin-top: 0;
		margin-bottom: 0;
	}
	.site-header .site-logo + .site-title {
		font-family: var(--font-heading, --font-body);
	}
	.site-header .main-navigation {
		padding-top: 16px;
		align-self: center;
	}
	.site-header .main-navigation > div > ul > li > .sub-menu {
		box-shadow: var(--shadow-md);
		--bg-opacity: 1;
		background-color: rgba(var(--gray-50), var(--bg-opacity));
		border-radius: 0;
	}
	.site-header .main-navigation .sub-menu .menu-item a {
		padding-top: 8px;
		padding-bottom: 8px;
	}
	.site-header .social-navigation {
		align-self: center;
		justify-self: flex-end;
		padding-left: 16px;
	}
}

/**
 * Main
 */
.site-main {
	padding-top: 0;
}

.site-main > article > .entry-header,
.site-main > .page-header,
.site-main > .not-found > .page-header {
	margin-top: 10.656px;
}

@media only screen and (min-width: 640px) {
	.site-main > article > .entry-header,
	.site-main > .page-header,
	.site-main > .not-found > .page-header {
		margin-top: 32px;
	}
}

.site-main > article > .entry-header,
.site-main > .page-header,
.site-main > .not-found > .page-header {
	margin-top: 10.656px;
}

@media only screen and (min-width: 640px) {
	.site-main > article > .entry-header,
	.site-main > .page-header,
	.site-main > .not-found > .page-header {
		margin-top: 32px;
	}
}

.entry-title a,
.page-title a,
.a8c-posts-list .a8c-posts-list-item__title a,
.wp-block-newspack-blocks-homepage-articles article .entry-title a {
	color: inherit;
	text-decoration: none;
}

.entry-title a:active, .entry-title a:focus, .entry-title a:hover,
.page-title a:active,
.page-title a:focus,
.page-title a:hover,
.a8c-posts-list .a8c-posts-list-item__title a:active,
.a8c-posts-list .a8c-posts-list-item__title a:focus,
.a8c-posts-list .a8c-posts-list-item__title a:hover,
.wp-block-newspack-blocks-homepage-articles article .entry-title a:active,
.wp-block-newspack-blocks-homepage-articles article .entry-title a:focus,
.wp-block-newspack-blocks-homepage-articles article .entry-title a:hover {
	color: var(--wp--preset--color--primary);
}

/**
 * Next/Previous navigation
 */
.post-navigation .meta-nav {
	color: var(--wp--preset--color--foreground-light, #4c5053);
}

.post-navigation .post-title {
	font-size: 1rem;
	line-height: 1.125;
}

.post-navigation .post-title:focus, .post-navigation .post-title:active, .post-navigation .post-title:hover {
	color: var(--wp--preset--color--foreground-light, #4c5053) !important;
}

/**
 * Comments
 */
.logged-in-as,
.comment-notes,
.comment-form-cookies-consent {
	font-size: 0.83333rem;
}

.comment-form-cookies-consent input[type="checkbox"] + label {
	line-height: 1.6;
}

.comment-notes {
	color: var(--wp--preset--color--foreground-light);
}

.comment-form > p:not(.comment-form-cookies-consent) label {
	font-weight: 500;
}

.login-out-icon {
	text-decoration: none;
	--color-opacity: 1;
	color: rgba(var(--foreground), var(--color-opacity));
}

/* Loop block posttype Mandala */
.loop-mandala .size-post-thumbnail {
	border-radius: 9999px !important;
}

.rounded-mandala .attachment-post-thumbnail {
	border-radius: 9999px !important;
}

/**
 * Widgets
 */
@media only screen and (min-width: 1024px) {
	.site-footer .widget-area {
		max-width: 100%;
	}
	.site-footer .widget-area > * {
		max-width: 50%;
	}
}

.widget select {
	max-width: 100%;
}

.widget-title {
	margin-bottom: 8px;
	text-transform: uppercase;
}

.site-info a:hover {
	border-bottom-width: 0.0625rem;
}

.widget ul,
.widget_archive ul,
.widget_categories ul,
.widget_meta ul,
.widget_nav_menu ul,
.widget_pages ul,
.widget_recent_comments ul,
.widget_recent_entries ul,
.widget_rss ul {
	padding-left: 0;
	list-style: none;
}

.widget ul li a:hover,
.widget_archive ul li a:hover,
.widget_categories ul li a:hover,
.widget_meta ul li a:hover,
.widget_nav_menu ul li a:hover,
.widget_pages ul li a:hover,
.widget_recent_comments ul li a:hover,
.widget_recent_entries ul li a:hover,
.widget_rss ul li a:hover {
	border-bottom-width: 0.0625rem;
}

.widget ul ul,
.widget_archive ul ul,
.widget_categories ul ul,
.widget_meta ul ul,
.widget_nav_menu ul ul,
.widget_pages ul ul,
.widget_recent_comments ul ul,
.widget_recent_entries ul ul,
.widget_rss ul ul {
	counter-reset: submenu;
}

.widget ul ul > li > a,
.widget_archive ul ul > li > a,
.widget_categories ul ul > li > a,
.widget_meta ul ul > li > a,
.widget_nav_menu ul ul > li > a,
.widget_pages ul ul > li > a,
.widget_recent_comments ul ul > li > a,
.widget_recent_entries ul ul > li > a,
.widget_rss ul ul > li > a {
	font-size: var(--font-xs);
	opacity: 0.8;
}

.widget ul ul > li > a:hover,
.widget_archive ul ul > li > a:hover,
.widget_categories ul ul > li > a:hover,
.widget_meta ul ul > li > a:hover,
.widget_nav_menu ul ul > li > a:hover,
.widget_pages ul ul > li > a:hover,
.widget_recent_comments ul ul > li > a:hover,
.widget_recent_entries ul ul > li > a:hover,
.widget_rss ul ul > li > a:hover {
	opacity: 1;
	border-bottom-width: 0.0625rem;
}

.widget ul ul > li > a::before,
.widget_archive ul ul > li > a::before,
.widget_categories ul ul > li > a::before,
.widget_meta ul ul > li > a::before,
.widget_nav_menu ul ul > li > a::before,
.widget_pages ul ul > li > a::before,
.widget_recent_comments ul ul > li > a::before,
.widget_recent_entries ul ul > li > a::before,
.widget_rss ul ul > li > a::before {
	font-weight: 400;
	content: "– " counters(submenu, "– ", none);
	counter-increment: submenu;
}

.widget_tag_cloud .tagcloud {
	font-weight: 400;
}

.widget_search .search-field {
	width: 100%;
}

@media only screen and (min-width: 640px) {
	.widget_search .search-field {
		width: auto;
	}
}

.widget_search .search-submit {
	display: block;
	margin-top: 1rem;
}

.widget_calendar .calendar_wrap {
	text-align: center;
}

.widget_calendar .calendar_wrap table td,
.widget_calendar .calendar_wrap table th {
	border: none;
}

.widget_calendar .calendar_wrap a {
	text-decoration: underline;
}

.widget_links li,
.widget_jp_blogs_i_follow li,
.widget_rss_links li {
	font-family: var(--font-body, inherit);
}

@media only screen and (max-width: 639px) {
	.mobile-nav-side .has-menu {
		position: relative;
		display: grid;
		grid-gap: 2px;
		grid-template-areas: "site-logo site-logo" "social-navigation main-navigation";
	}
	.mobile-nav-side .has-menu:before, .mobile-nav-side .has-menu:after {
		content: none;
	}
	.mobile-nav-side .has-menu.has-title-and-tagline {
		grid-template-areas: "site-logo site-logo" "site-title main-navigation" "site-description main-navigation" "social-navigation social-navigation";
	}
	.mobile-nav-side .has-menu.has-title-and-tagline .site-title {
		grid-area: site-title;
	}
	.mobile-nav-side .has-menu.has-title-and-tagline .site-description {
		grid-area: site-description;
	}
	.mobile-nav-side .has-menu > *:not(.site-logo) {
		margin: 0;
	}
	.mobile-nav-side .has-menu .site-logo {
		grid-area: site-logo;
		justify-self: center;
		margin: 8px 0;
	}
	.mobile-nav-side .has-menu .social-navigation {
		grid-area: social-navigation;
		align-self: center;
	}
	.mobile-nav-side .has-menu .main-navigation {
		grid-area: main-navigation;
	}
	.mobile-nav-side .site-header #site-navigation.main-navigation {
		margin: 0;
		justify-self: end;
		display: flex;
		align-items: flex-start;
		justify-content: end;
	}
	.mobile-nav-side .site-header #site-navigation.main-navigation #woocommerce-toggle:checked + label,
	.mobile-nav-side .site-header #site-navigation.main-navigation #toggle:checked + label {
		position: fixed;
		top: 18px;
		right: 16px;
		z-index: 20000;
		margin-right: 0;
	}
	.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-menu {
		order: 2;
		grid-area: menu-toggle;
	}
	.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-cart[for="woocommerce-toggle"] {
		order: 1;
		grid-area: cart-toggle;
		margin-right: 8px;
	}
	.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-cart[for="woocommerce-toggle"].button,
	.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-menu {
		line-height: 1.55;
		padding: 12px;
		display: inline-block;
		text-align: center;
		justify-self: end;
		font-size: 0.69444rem;
	}
	.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-cart[for="woocommerce-toggle"].button svg {
		margin-top: -2px;
	}
	.mobile-nav-side .site-header #site-navigation.main-navigation .woocommerce-menu-container,
	.mobile-nav-side .site-header #site-navigation.main-navigation > div {
		grid-area: dropdown-menu;
		margin-top: 16px;
		position: fixed;
		z-index: 100;
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
		background: var(--wp--preset--color--background);
		padding: 48px 16px 8px;
		overflow-y: scroll;
		overflow-x: hidden;
		white-space: normal;
	}
	.mobile-nav-side.has-marketing-bar .site-header #site-navigation.main-navigation > div {
		top: 45px;
	}
	.mobile-nav-side.has-marketing-bar .site-header #site-navigation.main-navigation #woocommerce-toggle:checked + label,
	.mobile-nav-side.has-marketing-bar .site-header #site-navigation.main-navigation #toggle:checked + label {
		top: 61px;
	}
	.mobile-nav-side.admin-bar .site-header #site-navigation.main-navigation > div {
		top: 46px;
	}
	.mobile-nav-side.admin-bar .site-header #site-navigation.main-navigation #woocommerce-toggle:checked + label,
	.mobile-nav-side.admin-bar .site-header #site-navigation.main-navigation #toggle:checked + label {
		top: 64px;
	}
	.mobile-nav-side.admin-bar.has-marketing-bar .site-header #site-navigation.main-navigation > div {
		top: 91px;
	}
	.mobile-nav-side.admin-bar.has-marketing-bar .site-header #site-navigation.main-navigation #woocommerce-toggle:checked + label,
	.mobile-nav-side.admin-bar.has-marketing-bar .site-header #site-navigation.main-navigation #toggle:checked + label {
		top: 107px;
	}
	.lock-scrolling .site {
		left: 0;
		max-width: 100%;
		position: fixed;
		right: 0;
	}
}

@media only screen and (max-width: 639px) {
	.mobile-nav-side .site-header.has-menu .site-branding {
		display: contents;
	}
}

/* Go to Top button */
#btn-back-to-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	padding-left: 0 !important;
	padding-right: 0 !important;
	display: none;
}

.btn-floating.btn-lg,
.btn-group-lg > .btn-floating.btn {
	width: 2.8125rem;
	height: 2.8125rem;
}

[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled),
button:not(:disabled) {
	cursor: pointer;
}

.btn-floating {
	width: 2.3125rem;
	height: 2.3125rem;
	border-radius: 50%;
	padding: 0;
}

[class*="btn-outline-"].btn-floating {
	border-radius: 50%;
	padding: 0;
}

.btn {
	padding: 0.75rem 1.6875rem 0.6875rem;
	font-size: 0.875rem;
	line-height: 1.6;
	margin: 0;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	vertical-align: bottom;
	border: 0;
	font-weight: 500;
	padding: 0.625rem 1.5rem 0.5rem;
	font-size: 0.75rem;
	line-height: 1.5;
	user-select: none;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.btn-lg {
	padding: 0.75rem 1.6875rem 0.6875rem;
	font-size: 0.875rem;
	line-height: 1.6;
}

.btn-danger {
	color: #fff;
	background-color: #f93154;
}

/* Customize wp login */
#login h1 a,
.login h1 a {
	background-image: url(/wp-content/uploads/2021/07/favicon.png);
	height: 65px;
	width: 320px;
	background-size: 320px 65px;
	background-repeat: no-repeat;
	padding-bottom: 30px;
}

.dark,
.site-footer {
	--bg-opacity: 1;
	color: var(--foreground, #ffffff);
	background-color: var(--background, #1f2428);
}

.dark .footer-menu,
.dark .site-info,
.dark .site-title,
.dark .widget-title,
.site-footer .footer-menu,
.site-footer .site-info,
.site-footer .site-title,
.site-footer .widget-title {
	color: var(--background, #ffffff);
}

.dark .widget,
.site-footer .widget {
	color: var(--background, #ffffff);
}

.dark .widget ul,
.site-footer .widget ul {
	padding-left: 0.25rem;
}

.dark .widget ul li,
.site-footer .widget ul li {
	line-height: 1.1;
}

.dark .widget ul li a,
.site-footer .widget ul li a {
	color: var(--background, #ffffff);
	font-size: var(--font-xs);
	text-decoration: none;
}

.dark .widget ul li a:hover,
.site-footer .widget ul li a:hover {
	opacity: 1;
	border-bottom-width: 0.0625rem;
	--border-opacity: 1;
	border-color: rgba(var(--primary), var(--border-opacity));
}

.dark .footer-menu,
.dark .site-footer,
.dark .site-title,
.dark .site-info,
.site-footer .footer-menu,
.site-footer .site-footer,
.site-footer .site-title,
.site-footer .site-info {
	color: var(--background, #ffffff);
	opacity: 0.8;
}

.dark .footer-menu a,
.dark .site-footer a,
.dark .site-title a,
.dark .site-info a,
.site-footer .footer-menu a,
.site-footer .site-footer a,
.site-footer .site-title a,
.site-footer .site-info a {
	color: var(--background, #ffffff);
}

.dark .footer-menu a:hover,
.dark .site-footer a:hover,
.dark .site-title a:hover,
.dark .site-info a:hover,
.site-footer .footer-menu a:hover,
.site-footer .site-footer a:hover,
.site-footer .site-title a:hover,
.site-footer .site-info a:hover {
	color: var(--primary, #3232ff);
}

/* Smooth scrolling IF user doesn't have a preference due to motion sensitivities */
@media screen and (prefers-reduced-motion: no-preference) {
	html {
		scroll-behavior: smooth;
	}
}

/* width */
::-webkit-scrollbar {
	width: 16px;
}

/* Track */
::-webkit-scrollbar-track {
	background: #f5f5f5;
	box-shadow: inset 0 0 5px grey;
	border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
	background: #c4c4c4;
	border-radius: 8px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
	background: #9d9d9d;
}

.typewriter-text {
	overflow: hidden;
	/* Ensures the content is not revealed until the animation */
	border-right: 0.15em solid rgba(var(--primary), 1);
	/* The typwriter cursor */
	white-space: nowrap;
	/* Keeps the content on a single line */
	margin: 0 auto;
	/* Gives that scrolling effect as the typing happens */
	letter-spacing: 0.15em;
	/* Adjust as needed */
	animation: typing 3.5s steps(40, end), blink-caret 0.75s step-end infinite;
}

/* The typing effect */
@keyframes typing {
	from {
		width: 0;
	}
	to {
		width: 100%;
	}
}

/* The typewriter cursor effect */
@keyframes blink-caret {
	from,
	to {
		border-color: transparent;
	}
	50% {
		border-color: rgba(var(--primary), 1);
	}
}

/* Login/Logout Menu Main */
/* Style The Dropdown Button */
.dropbtn {
	--color-opacity: 1;
	color: rgba(var(--foreground), var(--color-opacity)) !important;
	cursor: pointer;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
	position: relative;
	display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
	display: none;
	position: absolute;
	--bg-opacity: 1;
	background-color: rgba(var(--primary), var(--bg-opacity)) !important;
	min-width: 160px;
	border-radius: var(--radius-md) !important;
	box-shadow: var(--shadow-box-10) !important;
	z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
	color: white;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
	font-weight: 400;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
	text-decoration: underline !important;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
	display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown 
.dropdown:hover .dropbtn {
	background-color: #3e8e41;
}
*/
/* GTranslate */
.invert-color-bg-fg a {
	color: var(--wp--preset--color--foreground) !important;
}

#gt_lightbox {
	--bg-opacity: 1;
	background-color: rgba(var(--primary), var(--bg-opacity)) !important;
}

#gt_lightbox .selected {
	background-color: rgba(var(--primary_200), var(--bg-opacity)) !important;
}

#gt_lightbox span,
#gt_lightbox a {
	--color-opacity: 1;
	color: rgba(var(--white), var(--color-opacity)) !important;
}

a.gflag {
	font-size: 24px;
	padding: 1px 0;
	background-repeat: no-repeat;
	background-image: url(24.png);
}

a.gflag img {
	border: 0;
	height: 24px;
	display: inline;
}

a.gflag:hover {
	background-image: url(24a.png);
}

img.gstats {
	display: none;
}

a.alt_flag {
	background-image: url(alt_flags.png);
}

a.alt_flag:hover {
	background-image: url(alt_flagsa.png);
}

a.us_flag {
	background-position: -0px -100px;
}

a.br_flag {
	background-position: -100px -100px;
}

a.mx_flag {
	background-position: -200px -100px;
}

a.glink {
	text-decoration: none;
	color: var(--wp--preset--color--foreground);
	font-weight: bold;
}

a.glink span {
	margin-right: 5px;
	font-size: var(--font-2xs) !important;
	vertical-align: middle;
}

a.glink img {
	vertical-align: middle;
	display: inline;
	border: 0;
	padding: 0;
	margin: 0;
	opacity: 0.8;
}

a.glink:hover img {
	opacity: 1;
}

/** Teste */
.bg-gradient-maroon-red,
.none\:bg-maroon-red-custom-gradient {
	--gradient: initial;
	background: linear-gradient(to right, rgba(var(--maroon-red), 0.75) 0%, rgba(var(--maroon-red), 0.8) 35%, rgba(var(--maroon-red), 0.93) 78%, rgba(var(--maroon-red), 0.94) 100%) !important;
}

.bg-gradient-blackrussian,
.none\:bg-blackrussian-custom-gradient {
	--gradient: initial;
	background: linear-gradient(to right, rgba(var(--blackrussian), 0.75) 0%, rgba(var(--blackrussian), 0.8) 35%, rgba(var(--blackrussian), 0.93) 78%, rgba(var(--blackrussian), 0.94) 100%) !important;
}

.bg-gradient-burgundy,
.none\:bg-burgundy-custom-gradient {
	--gradient: initial;
	background: linear-gradient(to right, rgba(var(--burgundy), 0.75) 0%, rgba(var(--burgundy), 0.8) 35%, rgba(var(--burgundy), 0.93) 78%, rgba(var(--burgundy), 0.94) 100%) !important;
}

.bg-gradient-blackpearl,
.none\:bg-blackpearl-custom-gradient {
	--gradient: initial;
	background: linear-gradient(to right, rgba(var(--blackpearl), 0.75) 0%, rgba(var(--blackpearl), 0.8) 35%, rgba(var(--blackpearl), 0.93) 78%, rgba(var(--blackpearl), 0.94) 100%) !important;
}

.bg-gradient-sweetcorn,
.none\:bg-sweetcorn-custom-gradient {
	--gradient: initial;
	background: linear-gradient(to right, rgba(var(--sweetcorn), 0.75) 0%, rgba(var(--sweetcorn), 0.8) 35%, rgba(var(--sweetcorn), 0.93) 78%, rgba(var(--sweetcorn), 0.94) 100%) !important;
}

.bg-gradient-drover,
.none\:bg-drover-custom-gradient {
	--gradient: initial;
	background: linear-gradient(to right, rgba(var(--drover), 0.75) 0%, rgba(var(--drover), 0.8) 35%, rgba(var(--drover), 0.93) 78%, rgba(var(--drover), 0.94) 100%) !important;
}

.bg-gradient-woodbark,
.none\:bg-woodbark-custom-gradient {
	--gradient: initial;
	background: linear-gradient(to right, rgba(var(--woodbark), 0.75) 0%, rgba(var(--woodbark), 0.8) 35%, rgba(var(--woodbark), 0.93) 78%, rgba(var(--woodbark), 0.94) 100%) !important;
}

.bg-gradient-manhattan,
.none\:bg-manhattan-custom-gradient {
	--gradient: initial;
	background: linear-gradient(to right, rgba(var(--manhattan), 0.75) 0%, rgba(var(--manhattan), 0.8) 35%, rgba(var(--manhattan), 0.93) 78%, rgba(var(--manhattan), 0.94) 100%) !important;
}

.bg-gradient-newtan,
.none\:bg-newtan-custom-gradient {
	--gradient: initial;
	background: linear-gradient(to right, rgba(var(--newtan), 0.75) 0%, rgba(var(--newtan), 0.8) 35%, rgba(var(--newtan), 0.93) 78%, rgba(var(--newtan), 0.94) 100%) !important;
}

.bg-gradient-bluedianne,
.none\:bg-bluedianne-custom-gradient {
	--gradient: initial;
	background: linear-gradient(to right, rgba(var(--bluedianne), 0.75) 0%, rgba(var(--bluedianne), 0.8) 35%, rgba(var(--bluedianne), 0.93) 78%, rgba(var(--bluedianne), 0.94) 100%) !important;
}

.bg-gradient-goldenrod,
.none\:bg-goldenrod-custom-gradient {
	--gradient: initial;
	background: linear-gradient(to right, rgba(var(--goldenrod), 0.75) 0%, rgba(var(--goldenrod), 0.8) 35%, rgba(var(--goldenrod), 0.93) 78%, rgba(var(--goldenrod), 0.94) 100%) !important;
}

.bg-gradient-portafino,
.none\:bg-portafino-custom-gradient {
	--gradient: initial;
	background: linear-gradient(to right, rgba(var(--portafino), 0.75) 0%, rgba(var(--portafino), 0.8) 35%, rgba(var(--portafino), 0.93) 78%, rgba(var(--portafino), 0.94) 100%) !important;
}

.bg-gradient-pearllusta,
.none\:bg-pearllusta-custom-gradient {
	--gradient: initial;
	background: linear-gradient(to right, rgba(var(--pearllusta), 0.75) 0%, rgba(var(--pearllusta), 0.8) 35%, rgba(var(--pearllusta), 0.93) 78%, rgba(var(--pearllusta), 0.94) 100%) !important;
}

.bg-gradient-hitgrey,
.none\:bg-hitgrey-custom-gradient {
	--gradient: initial;
	background: linear-gradient(to right, rgba(var(--hitgrey), 0.75) 0%, rgba(var(--hitgrey), 0.8) 35%, rgba(var(--hitgrey), 0.93) 78%, rgba(var(--hitgrey), 0.94) 100%) !important;
}

.bg-gradient-rockspray,
.none\:bg-rockspray-custom-gradient {
	--gradient: initial;
	background: linear-gradient(to right, rgba(var(--rockspray), 0.75) 0%, rgba(var(--rockspray), 0.8) 35%, rgba(var(--rockspray), 0.93) 78%, rgba(var(--rockspray), 0.94) 100%) !important;
}

.bg-gradient-vanilla,
.none\:bg-vanilla-custom-gradient {
	--gradient: initial;
	background: linear-gradient(to right, rgba(var(--vanilla), 0.75) 0%, rgba(var(--vanilla), 0.8) 35%, rgba(var(--vanilla), 0.93) 78%, rgba(var(--vanilla), 0.94) 100%) !important;
}

.bg-gradient-champagne,
.none\:bg-champagne-custom-gradient {
	--gradient: initial;
	background: linear-gradient(to right, rgba(var(--champagne), 0.75) 0%, rgba(var(--champagne), 0.8) 35%, rgba(var(--champagne), 0.93) 78%, rgba(var(--champagne), 0.94) 100%) !important;
}

.bg-gradient-mardigras,
.none\:bg-mardigras-custom-gradient {
	--gradient: initial;
	background: linear-gradient(to right, rgba(var(--mardigras), 0.75) 0%, rgba(var(--mardigras), 0.8) 35%, rgba(var(--mardigras), 0.93) 78%, rgba(var(--mardigras), 0.94) 100%) !important;
}

.bg-gradient-dandelion,
.none\:bg-dandelion-custom-gradient {
	--gradient: initial;
	background: linear-gradient(to right, rgba(var(--dandelion), 0.75) 0%, rgba(var(--dandelion), 0.8) 35%, rgba(var(--dandelion), 0.93) 78%, rgba(var(--dandelion), 0.94) 100%) !important;
}

.bg-gradient-sandwisp,
.none\:bg-sandwisp-custom-gradient {
	--gradient: initial;
	background: linear-gradient(to right, rgba(var(--sandwisp), 0.75) 0%, rgba(var(--sandwisp), 0.8) 35%, rgba(var(--sandwisp), 0.93) 78%, rgba(var(--sandwisp), 0.94) 100%) !important;
}

.bg-gradient-sealbrown,
.none\:bg-sealbrown-custom-gradient {
	--gradient: initial;
	background: linear-gradient(to right, rgba(var(--sealbrown), 0.75) 0%, rgba(var(--sealbrown), 0.8) 35%, rgba(var(--sealbrown), 0.93) 78%, rgba(var(--sealbrown), 0.94) 100%) !important;
}

.bg-gradient-rodeodust,
.none\:bg-rodeodust-custom-gradient {
	--gradient: initial;
	background: linear-gradient(to right, rgba(var(--rodeodust), 0.75) 0%, rgba(var(--rodeodust), 0.8) 35%, rgba(var(--rodeodust), 0.93) 78%, rgba(var(--rodeodust), 0.94) 100%) !important;
}

.bg-gradient-raffia,
.none\:bg-raffia-custom-gradient {
	--gradient: initial;
	background: linear-gradient(to right, rgba(var(--raffia), 0.75) 0%, rgba(var(--raffia), 0.8) 35%, rgba(var(--raffia), 0.93) 78%, rgba(var(--raffia), 0.94) 100%) !important;
}

.bg-gradient-midnight,
.none\:bg-midnight-custom-gradient {
	--gradient: initial;
	background: linear-gradient(to right, rgba(var(--midnight), 0.75) 0%, rgba(var(--midnight), 0.8) 35%, rgba(var(--midnight), 0.93) 78%, rgba(var(--midnight), 0.94) 100%) !important;
}

.bg-gradient-greensmoke,
.none\:bg-greensmoke-custom-gradient {
	--gradient: initial;
	background: linear-gradient(to right, rgba(var(--greensmoke), 0.75) 0%, rgba(var(--greensmoke), 0.8) 35%, rgba(var(--greensmoke), 0.93) 78%, rgba(var(--greensmoke), 0.94) 100%) !important;
}

.bg-gradient-deco,
.none\:bg-deco-custom-gradient {
	--gradient: initial;
	background: linear-gradient(to right, rgba(var(--deco), 0.75) 0%, rgba(var(--deco), 0.8) 35%, rgba(var(--deco), 0.93) 78%, rgba(var(--deco), 0.94) 100%) !important;
}

.bg-gradient-sanjuan,
.none\:bg-sanjuan-custom-gradient {
	--gradient: initial;
	background: linear-gradient(to right, rgba(var(--sanjuan), 0.75) 0%, rgba(var(--sanjuan), 0.8) 35%, rgba(var(--sanjuan), 0.93) 78%, rgba(var(--sanjuan), 0.94) 100%) !important;
}

.bg-gradient-rockspray,
.none\:bg-rockspray-custom-gradient {
	--gradient: initial;
	background: linear-gradient(to right, rgba(var(--rockspray), 0.75) 0%, rgba(var(--rockspray), 0.8) 35%, rgba(var(--rockspray), 0.93) 78%, rgba(var(--rockspray), 0.94) 100%) !important;
}

.bg-gradient-goldentainoi,
.none\:bg-goldentainoi-custom-gradient {
	--gradient: initial;
	background: linear-gradient(to right, rgba(var(--goldentainoi), 0.75) 0%, rgba(var(--goldentainoi), 0.8) 35%, rgba(var(--goldentainoi), 0.93) 78%, rgba(var(--goldentainoi), 0.94) 100%) !important;
}

.bg-gradient-hotcurry,
.none\:bg-hotcurry-custom-gradient {
	--gradient: initial;
	background: linear-gradient(to right, rgba(var(--hotcurry), 0.75) 0%, rgba(var(--hotcurry), 0.8) 35%, rgba(var(--hotcurry), 0.93) 78%, rgba(var(--hotcurry), 0.94) 100%) !important;
}

.bg-gradient-greenwaterloo,
.none\:bg-greenwaterloo-custom-gradient {
	--gradient: initial;
	background: linear-gradient(to right, rgba(var(--greenwaterloo), 0.75) 0%, rgba(var(--greenwaterloo), 0.8) 35%, rgba(var(--greenwaterloo), 0.93) 78%, rgba(var(--greenwaterloo), 0.94) 100%) !important;
}

.bg-gradient-tahunasands,
.none\:bg-tahunasands-custom-gradient {
	--gradient: initial;
	background: linear-gradient(to right, rgba(var(--tahunasands), 0.75) 0%, rgba(var(--tahunasands), 0.8) 35%, rgba(var(--tahunasands), 0.93) 78%, rgba(var(--tahunasands), 0.94) 100%) !important;
}

.bg-gradient-sidecar,
.none\:bg-sidecar-custom-gradient {
	--gradient: initial;
	background: linear-gradient(to right, rgba(var(--sidecar), 0.75) 0%, rgba(var(--sidecar), 0.8) 35%, rgba(var(--sidecar), 0.93) 78%, rgba(var(--sidecar), 0.94) 100%) !important;
}

.bg-gradient-bismark,
.none\:bg-bismark-custom-gradient {
	--gradient: initial;
	background: linear-gradient(to right, rgba(var(--bismark), 0.75) 0%, rgba(var(--bismark), 0.8) 35%, rgba(var(--bismark), 0.93) 78%, rgba(var(--bismark), 0.94) 100%) !important;
}

.bg-gradient-blackcurrant,
.none\:bg-blackcurrant-custom-gradient {
	--gradient: initial;
	background: linear-gradient(to right, rgba(var(--blackcurrant), 0.75) 0%, rgba(var(--blackcurrant), 0.8) 35%, rgba(var(--blackcurrant), 0.93) 78%, rgba(var(--blackcurrant), 0.94) 100%) !important;
}

.bg-gradient-mediumcarmine,
.none\:bg-mediumcarmine-custom-gradient {
	--gradient: initial;
	background: linear-gradient(to right, rgba(var(--mediumcarmine), 0.75) 0%, rgba(var(--mediumcarmine), 0.8) 35%, rgba(var(--mediumcarmine), 0.93) 78%, rgba(var(--mediumcarmine), 0.94) 100%) !important;
}

.bg-gradient-tan,
.none\:bg-tan-custom-gradient {
	--gradient: initial;
	background: linear-gradient(to right, rgba(var(--tan), 0.75) 0%, rgba(var(--tan), 0.8) 35%, rgba(var(--tan), 0.93) 78%, rgba(var(--tan), 0.94) 100%) !important;
}

.bg-gradient-aubergine,
.none\:bg-aubergine-custom-gradient {
	--gradient: initial;
	background: linear-gradient(to right, rgba(var(--aubergine), 0.75) 0%, rgba(var(--aubergine), 0.8) 35%, rgba(var(--aubergine), 0.93) 78%, rgba(var(--aubergine), 0.94) 100%) !important;
}

.bg-gradient-maverick,
.none\:bg-maverick-custom-gradient {
	--gradient: initial;
	background: linear-gradient(to right, rgba(var(--maverick), 0.75) 0%, rgba(var(--maverick), 0.8) 35%, rgba(var(--maverick), 0.93) 78%, rgba(var(--maverick), 0.94) 100%) !important;
}

.bg-gradient-prim,
.none\:bg-prim-custom-gradient {
	--gradient: initial;
	background: linear-gradient(to right, rgba(var(--prim), 0.75) 0%, rgba(var(--prim), 0.8) 35%, rgba(var(--prim), 0.93) 78%, rgba(var(--prim), 0.94) 100%) !important;
}

.bg-gradient-seagull,
.none\:bg-seagull-custom-gradient {
	--gradient: initial;
	background: linear-gradient(to right, rgba(var(--seagull), 0.75) 0%, rgba(var(--seagull), 0.8) 35%, rgba(var(--seagull), 0.93) 78%, rgba(var(--seagull), 0.94) 100%) !important;
}

.slide {
	max-width: 380px;
	margin: 20px auto;
	display: grid;
	box-shadow: 0 4px 20px 2px rgba(0, 0, 0, 0.4);
}

.slide-items {
	position: relative;
	grid-area: 1/1;
	border-radius: 5px;
	overflow: hidden;
}

.slide-nav {
	grid-area: 1/1;
	z-index: 1;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto 1fr;
}

.slide-nav button {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	opacity: 0;
}

.slide-items > * {
	position: absolute;
	top: 0px;
	opacity: 0;
	pointer-events: none;
}

.slide-items > .active {
	position: relative;
	opacity: 1;
	pointer-events: initial;
}

.slide-thumb {
	display: flex;
	grid-column: 1 / 3;
}

.slide-thumb > span {
	flex: 1;
	display: block;
	height: 3px;
	background: rgba(0, 0, 0, 0.4);
	margin: 5px;
	border-radius: 3px;
	overflow: hidden;
}

.slide-thumb > span.active::after {
	content: "";
	display: block;
	height: inherit;
	background: rgba(255, 255, 255, 0.9);
	border-radius: 3px;
	transform: translateX(-100%);
	animation: thumb 5s forwards linear;
}

@keyframes thumb {
	to {
		transform: initial;
	}
}

.invert-color-bg-fg {
	--wp--preset--color--background: #191d20;
	--wp--preset--color--foreground: #fff;
}

.invert-color-bg-fg * {
	color: var(--wp--preset--color--foreground);
}

.invert-color-bg-fg svg {
	color: #fff;
}

.invert-color-bg-fg a:hover {
	color: #fff;
}

.invert-color-bg-fg .widget_shopping_cart {
	--bg-opacity: 0.8;
	background-color: rgba(0, 0, 0, var(--bg-opacity)) !important;
}

.invert-color-bg-fg .widget_shopping_cart_content {
	--bg-opacity: 0.8;
	background-color: rgba(0, 0, 0, var(--bg-opacity)) !important;
}

.invert-color-bg-fg .sub-menu {
	--bg-opacity: 0.8;
	background-color: rgba(0, 0, 0, var(--bg-opacity)) !important;
}

#navDiv .hover-menu,
#searchDiv .hover-menu {
	list-style-type: none !important;
}

#navDiv .hover-menu a,
#searchDiv .hover-menu a {
	--color-opacity: 1;
	color: rgba(var(--white), var(--color-opacity)) !important;
	font-family: var(--font-heading);
	font-weight: var(--semibold) !important;
	text-decoration: none !important;
}

#navDiv .hover-menu a:hover,
#searchDiv .hover-menu a:hover {
	--color-opacity: 1;
	color: rgba(var(--primary-600), var(--color-opacity)) !important;
}

@media (min-width: 768px) {
	.site-content {
		min-height: 28rem !important;
	}
}

.wp-block-post-title a {
	text-decoration: none;
	font-size: var(--font-md);
	--color-opacity: 1;
	color: rgba(var(--foreground), var(--color-opacity));
}

.wp-block-post-title a:hover {
	--color-opacity: 1;
	color: rgba(var(--primary), var(--color-opacity));
}

/* Container Tooltip */
.container-icons {
	justify-content: center;
	align-items: center;
}

.container-icons .tooltip {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 0;
	cursor: pointer;
}

.container-icons .tooltip:hover .tooltipText {
	opacity: 1 !important;
	transform: translateY(-10px);
}

.container-icons .tooltipText {
	--color-opacity: 1;
	background-color: rgba(var(--primary), var(--color-opacity));
	position: absolute;
	padding: 4px 8px;
	border-radius: 5px;
	font-size: 14px;
	opacity: 0;
	transition: all 0.5s;
}

/**
	* Web Stories Google
	*/
.web-stories-list__carousel.circles.glider > div > div > div.web-stories-list__story-content-overlay > div {
	font-weight: var(--light) !important;
}

.is-carousel.is-style-default.is-view-type-circles {
	padding-top: 1.5rem !important;
	padding-bottom: 1.5rem !important;
}

/* Star ratings from Comments radio */
.comments-rating {
	border: none;
	padding: 0;
	margin-left: 0;
}

.comments-rating label {
	display: inline-block;
}

.rating-container {
	font-size: 0;
	unicode-bidi: bidi-override;
	direction: rtl;
}

.rating-container * {
	font-size: 1.4rem;
}

.rating-container > input {
	display: none;
}

.rating-container > input + label {
	font-family: "bootstrap-icons";
	display: inline-block;
	overflow: hidden;
	text-indent: 9999px;
	width: 1em;
	white-space: nowrap;
	cursor: pointer;
	margin: 0;
}

.rating-container > input + label:before {
	display: inline-block;
	text-indent: -9999px;
	content: "\F588";
	--color-opacity: 1;
	color: rgba(var(--primary), var(--color-opacity));
}

.rating-container > input + label:hover ~ label:before {
	content: "\F586";
	color: var(--wp--preset--color--primary-dark, yellow);
	text-shadow: 0 0 1px #333;
}

.rating-container > input + label:hover:before {
	content: "\F588";
	color: var(--wp--preset--color--primary, yellow);
	text-shadow: 0 0 1px #333;
}

.rating-container > input:checked ~ label:before {
	content: "\F586";
	color: var(--wp--preset--color--primary, yellow);
	text-shadow: 0 0 1px #333;
}

.rating-container > .star-cb-clear + label {
	text-indent: -9999px;
	width: 0.5em;
	margin-left: -0.5em;
}

.rating-container > .star-cb-clear + label:before {
	width: 0.5em;
}

.rating-container:hover > input + label:before {
	content: "\F588";
	color: var(--wp--preset--color--primary, #fde336);
	text-shadow: none;
}

.rating-container:hover > input + label:hover ~ label:before {
	content: "\F586";
	color: var(--wp--preset--color--primary-dark, yellow);
	text-shadow: 0 0 1px #333;
}

.rating-container:hover > input + label:hover:before {
	content: "\F586";
	color: var(--wp--preset--color--primary, yellow);
	text-shadow: 0 0 1px #333;
}

.comment-respond .rating-container > .star-cb-clear + label {
	text-indent: 9999px;
}

.comment-respond .rating-container > input + label {
	text-indent: -9999px;
}

.comment-respond .rating-container > input + label:before {
	text-indent: 9999px;
}

/* Contact form */
.wpcf7-form-control-wrap.acceptance-990 > span > span > label > span {
	font-weight: var(--semibold) !important;
	font-style: italic !important;
	font-size: var(--font-sm) !important;
}

.wpcf7-form-control .wpcf7-acceptance input[type="checkbox"] + span {
	display: block;
	margin: 0.2em;
	cursor: pointer;
	padding: 0.2em;
}

.wpcf7-form-control .wpcf7-acceptance input[type="checkbox"] {
	display: none;
}

.wpcf7-form-control .wpcf7-acceptance input[type="checkbox"] + span:before {
	content: "\2713";
	border: 0.1em solid var(--wp--preset--color--primary, #4d4dff);
	border-radius: 0.2em;
	font-size: larger;
	display: inline-block;
	width: 1.5em;
	height: 1.5em;
	padding-left: 0.2em;
	padding-bottom: 0.3em;
	margin-right: 0.2em;
	vertical-align: bottom;
	color: transparent;
	transition: 0.2s;
}

.wpcf7-form-control .wpcf7-acceptance input[type="checkbox"] + span:active:before {
	transform: scale(0);
}

.wpcf7-form-control .wpcf7-acceptance input[type="checkbox"]:checked + span:before {
	background-color: var(--wp--preset--color--primary, #4d4dff);
	border-color: var(--wp--preset--color--primary, #4d4dff);
	color: #fff;
}

.wpcf7-form-control .wpcf7-acceptance input[type="checkbox"]:disabled + span:before {
	transform: scale(1);
	border-color: #aaa;
}

.wpcf7-form-control .wpcf7-acceptance input[type="checkbox"]:checked:disabled + span:before {
	transform: scale(1);
	background-color: #bfb;
	border-color: #bfb;
}

.wp-block-image.has-style-shadows img {
	box-shadow: var(--shadow-box-24);
}

figure.wp-block-image.is-style-shadows > img {
	box-shadow: var(--shadow-box-24);
}

.wp-block-image.is-style-shadows img {
	box-shadow: var(--shadow-box-24);
}

.is-style-shadows img {
	box-shadow: var(--shadow-box-24);
}

.site-main {
	padding: 0 !important;
}

/* review */
.slideInRight {
	-webkit-animation-name: slideInRight;
	animation-name: slideInRight;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

@-webkit-keyframes slideInRight {
	0% {
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
		visibility: visible;
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

@keyframes slideInRight {
	0% {
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
		visibility: visible;
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

.components-external-link {
	display: flex !important;
}

/* Cool link ... add to uniform */
.link-up {
	position: relative;
	text-decoration: none;
	display: inline-block;
	padding: 0 1px;
	transition: color ease 0.3s;
}

.link-up::after {
	content: "";
	position: absolute;
	z-index: -1;
	width: 100%;
	height: 5%;
	left: 0;
	bottom: 0;
	background: var(--wp--preset--color--primary, #4d4dff);
	transition: all ease 0.3s;
}

.link-up:hover {
	color: white;
}

.link-up:hover::after {
	height: 100%;
}

.link-to {
	position: relative;
	text-decoration: none;
	display: inline-block;
	padding: 0 1px;
	transition: color ease 0.3s;
}

.link-to::after {
	content: "";
	position: absolute;
	z-index: -1;
	width: 5%;
	height: 100%;
	left: 0;
	bottom: 0;
	background: var(--wp--preset--color--primary, #4d4dff);
	transition: all ease 0.3s;
}

.link-to:hover {
	color: white;
}

.link-to:hover::after {
	width: 100%;
}

.link-line {
	position: relative;
	text-decoration: none;
	display: inline-block;
	padding: 0 1px;
	transition: color ease 0.3s;
}

.link-line::before {
	content: "";
	position: absolute;
	background: var(--wp--preset--color--primary, #4d4dff);
	z-index: -1;
	height: 5%;
	width: 0%;
	left: 0;
	bottom: 0;
	transition: width ease 0.4s;
}

.link-line::after {
	content: "";
	position: absolute;
	background: var(--wp--preset--color--primary, #4d4dff);
	z-index: -1;
	height: 5%;
	width: 100%;
	left: 0;
	bottom: 0;
	transition: all ease 0.6s;
}

.link-line:hover::before {
	width: 100%;
}

.link-line:hover::after {
	left: 100%;
	width: 0%;
	transition: all ease 0.2s;
}

.read-more a {
	text-decoration: none;
	background-position-y: -0%;
	background-image: linear-gradient(white 50%, red 50%);
	transition: background 500ms ease;
	background-size: 2px;
	background-size: auto 175%;
}

.read-more a:link {
	text-decoration: none;
	background-position-y: -0%;
	background-image: linear-gradient(white 50%, red 50%);
	transition: background 500ms ease;
	background-size: 2px;
	background-size: auto 175%;
}

.read-more a:hover {
	background-position-y: 100%;
	color: #ffffff;
}

/* Course Card */
.course-card {
	--color-opacity: 1;
	position: relative;
	margin: 10px;
	min-width: 230px;
	max-width: 315px;
	width: 100%;
	background: #ffffff;
	text-align: center;
	color: #000000;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
	font-size: 16px;
	padding: 15px;
	box-sizing: border-box;
	transition: all 0.2s ease-out;
}

.course-card * {
	box-sizing: padding-box;
	transition: all 0.2s ease-out;
}

.course-card img {
	max-width: 100%;
	vertical-align: top;
	position: relative;
}

.course-card figcaption {
	padding: 20px 15px;
}

.course-card h3 {
	margin: 0;
	font-size: 1.3em;
	font-weight: 400;
	margin-bottom: 5px;
	text-transform: uppercase;
}

.course-card p {
	margin: 0;
	font-size: 0.9em;
	letter-spacing: 1px;
	font-weight: 300;
}

.course-card .price {
	font-weight: 700;
	font-size: 1.4em;
	line-height: 48px;
	letter-spacing: 1px;
}

.course-card .price s {
	margin-right: 5px;
	opacity: 0.5;
	font-size: 0.9em;
	font-weight: 400;
}

.course-card i {
	position: absolute;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	color: rgba(var(--white), var(--color-opacity));
	bottom: 0;
	left: 50%;
	transform: translate(-50%, 50%);
	text-align: center;
	border-radius: 9999px !important;
	background-color: rgba(var(--gray-500), var(--color-opacity));
	color: #ffffff;
	font-size: 1.6em;
	width: 3rem !important;
	height: 3rem !important;
}

.course-card a {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
}

.course-card:hover {
	transform: translateY(-5px);
}

.course-card:hover i {
	background-color: rgba(var(--primary), 1);
}

.course-card.hover {
	transform: translateY(-5px);
}

.course-card.hover i {
	background-color: rgba(var(--primary), 1);
}

/* Read more */
.read-more-state {
	display: none;
}

.read-more-state:checked ~ .read-more-wrap .read-more-target {
	opacity: 1;
	font-size: inherit;
	max-height: 999em;
}

.read-more-state:checked ~ .read-more-trigger:before {
	content: "Show less";
}

.read-more-state ~ .read-more-trigger:before {
	content: "Show more";
}

.read-more-target {
	opacity: 0;
	max-height: 0;
	font-size: 0;
	transition: 0.25s ease;
}

.read-more-trigger {
	cursor: pointer;
	display: inline-block;
	padding: 0 0.5em;
	color: #666;
	font-size: 0.9em;
	line-height: 2;
	border: 1px solid #ddd;
	border-radius: 0.25em;
}

/* image with icon hover - snip0023*/
figure.card-icon-hover {
	color: var #fff;
	position: relative;
	overflow: hidden;
	margin: 10px;
	width: 100%;
	background: #000000;
	text-align: center;
}

figure.card-icon-hover img {
	opacity: 1;
	width: 100%;
	transition: opacity 0.35s;
}

figure.card-icon-hover > div {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

figure.card-icon-hover > div::before {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	content: "";
	opacity: 0;
	transition: opacity 0.4s;
	background-image: linear-gradient(45deg, #000000 0%, transparent 40%, rgba(255, 255, 255, 0.15));
}

figure.card-icon-hover i {
	display: inline-block;
	font-size: var(--font-2xl);
	color: #ffffff;
	padding: 6px 16px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	opacity: 0;
	z-index: 1;
	transition: 0.05s linear;
	transition-delay: 0.01s;
}

figure.card-icon-hover .curl {
	width: 0px;
	height: 0px;
	position: absolute;
	bottom: 0;
	left: 0;
	background: linear-gradient(225deg, #ffffff, #f3f3f3 20%, #bbbbbb 38%, #aaaaaa 44%, #888888 50%, rgba(0, 0, 0, 0.7) 50%, rgba(0, 0, 0, 0.4) 60%, rgba(0, 0, 0, 0.3));
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	transition: all 0.4s ease;
}

figure.card-icon-hover .curl:before {
	content: "";
	position: absolute;
	z-index: -1;
	left: 12%;
	bottom: 6%;
	width: 70%;
	max-width: 300px;
	max-height: 100px;
	height: 55%;
	box-shadow: 0 12px 15px rgba(0, 0, 0, 0.3);
	transform: skew(-10deg) rotate(-6deg);
}

figure.card-icon-hover .curl:after {
	content: "";
	position: absolute;
	z-index: -1;
	left: 12%;
	bottom: 6%;
	width: 70%;
	max-width: 300px;
	max-height: 100px;
	height: 55%;
	box-shadow: 0 12px 15px rgba(0, 0, 0, 0.3);
	transform: skew(-10deg) rotate(-6deg);
	left: auto;
	right: 6%;
	bottom: auto;
	top: 14%;
	transform: skew(-15deg) rotate(-84deg);
}

figure.card-icon-hover a {
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	position: absolute;
	color: #ffffff;
}

figure.card-icon-hover:hover > div::before {
	opacity: 0.4;
}

figure.card-icon-hover:hover i {
	opacity: 0.8;
	transition-delay: 0.15s;
}

figure.card-icon-hover:hover .curl {
	width: 90px;
	height: 90px;
}

/* Card hover all - snip1402*/
@keyframes card-image {
	50% {
		transform: scale(0.8) translateY(0%);
		opacity: 0.5;
	}
	100% {
		transform: scale(0.8) translateY(-150%);
		opacity: 0.5;
	}
}

.card-image {
	position: relative;
	overflow: hidden;
	width: 100%;
	color: #ffffff;
	text-align: left;
	background-color: #07090c;
	font-size: 16px;
}

.card-image * {
	box-sizing: border-box;
	transition: all 0.35s ease;
}

.card-image img {
	max-width: 100%;
	transition-delay: 0.2s;
	backface-visibility: hidden;
}

.card-image figcaption {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	transform: scale(0.5) translate(0%, -50%);
	transform-origin: 50% 0%;
	z-index: 1;
	opacity: 0;
	padding: 0 30px;
}

.card-image h3 {
	line-height: 1.5em;
	color: white;
	margin: 0;
	font-weight: 800;
	text-transform: uppercase;
}

.card-image p {
	line-height: 1.5em;
	color: white;
	font-size: 0.8em;
	font-weight: 500;
	margin: 0 0 15px;
}

.card-image .read-more {
	border: 2px solid #ffffff;
	padding: 0.5em 1em;
	font-size: 0.8em;
	text-decoration: none;
	color: #ffffff;
	display: inline-block;
}

.card-image .read-more:hover {
	background-color: #ffffff;
	color: #000000;
}

.card-image:hover img {
	animation: card-image 0.45s linear;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}

.card-image:hover figcaption {
	transform: scale(1) translate(0, -50%);
	opacity: 1;
	transition-delay: 0.35s;
}

/* Capitalize */
p.capitalize-first {
	display: block;
}

p.capitalize-first:first-letter {
	font-size: 200%;
	font-weight: var(--ultralight);
}

/* Swiper Sliders */
.slide-loop-progress :root {
	--swiper-theme-color: rgba(var(--primary), 1) !important;
	--swiper-navigation-color: rgba(var(--primary), 1) !important;
}

.slide-loop-progress .swiper {
	width: 100%;
	height: 100%;
}

.slide-loop-progress .swiper-slide {
	background: #fff;
	/* Center slide text vertically */
	display: flex;
	justify-content: center;
	align-items: center;
}

.slide-loop-progress .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.slide-thumbs :root {
	--swiper-theme-color: rgba(var(--primary), 1) !important;
	--swiper-navigation-color: rgba(var(--primary), 1) !important;
}

.slide-thumbs .swiper {
	width: 100%;
	height: 100%;
}

.slide-thumbs .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	align-items: center;
}

.slide-thumbs .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.slide-thumbs .swiper {
	width: 100%;
	height: 448px;
	margin-left: auto;
	margin-right: auto;
}

.slide-thumbs .swiper-slide {
	background-size: cover;
	background-position: center;
}

.slide-thumbs .mySwiper2 {
	height: 80%;
	width: 100%;
}

.slide-thumbs .mySwiper {
	height: 20%;
	box-sizing: border-box;
	padding: 10px 0;
}

.slide-thumbs .mySwiper .swiper-slide {
	width: 25%;
	height: 100%;
	opacity: 0.4;
}

.slide-thumbs .mySwiper .swiper-slide-thumb-active {
	opacity: 1;
}

.slide-thumbs .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/*swiper */
.swiper-controls-bottom .swiper-button-prev {
	content: "";
	vertical-align: -0.125em;
	display: inline-block;
	background-size: 1rem 1rem;
	margin-top: -0.5rem !important;
	--color-opacity: 1;
	color: rgba(var(--primary), var(--color-opacity)) !important;
	margin-right: 0.625rem !important;
	top: auto !important;
	right: 3rem !important;
	left: auto !important;
}

.swiper-controls-bottom .swiper-button-prev:after {
	content: "";
}

.swiper-controls-bottom .swiper-button-next {
	display: inline-block;
	content: "";
	--color-opacity: 1;
	color: rgba(var(--primary), var(--color-opacity)) !important;
	vertical-align: -0.125em;
	background-size: 1rem 1rem;
	margin-top: -0.5rem !important;
	margin-right: 0.625rem !important;
	top: auto !important;
}

.swiper-controls-bottom .swiper-button-next:after {
	content: "";
}

.swiper-controls-bottom .swiper-pagination-bullets-dynamic,
.swiper-controls-bottom .swiper-pagination-horizontal,
.swiper-controls-bottom .swiper-pagination-bullets {
	bottom: auto !important;
	text-align: left !important;
	padding-left: 0.625rem !important;
	margin-left: 1.25rem !important;
}

.swiper-button-next:after,
.swiper-button-prev:after {
	content: "";
}

.csspuzzle {
	/* number of columns/rows, don't forget to adjust the HTML value */
	--i: url(https://source.unsplash.com/800x800/?lighthouse);
	/*
	g:before {
		content: "Original Image";
		color: #fff;
		font-size: 25px;
		font-weight: bold;
		text-shadow: 0 0 2px #000, 0 0 2px #000, 0 0 2px #000;
		position: fixed;
		top: 10px;
		left: 10px;
		width: calc(var(--s) * 0.6);
		aspect-ratio: 1;
		-webkit-mask: repeating-linear-gradient(-45deg, #000 0 10%, #000d 0 20%);
		background: var(--i) 0/100% 100%;
		display: grid;
		place-content: center;
	}
	*/
}

.csspuzzle g {
	--s: 300px;
	/* size of the puzzle */
	display: grid;
	max-width: var(--s);
	border: 1px solid;
	margin: auto;
	grid-template-columns: repeat(4, 1fr);
}

.csspuzzle z {
	aspect-ratio: 1;
	outline: 1px dashed;
	display: grid;
	position: relative;
	pointer-events: none;
}

.csspuzzle a {
	grid-area: 1/1;
	width: 0;
	transition: 0s 0.2s;
	pointer-events: initial;
}

.csspuzzle b {
	grid-area: 1/1;
	background: var(--i) 0/var(--s) var(--s);
	box-shadow: 0 0 4px 1px red;
	z-index: 2;
	cursor: grab;
	pointer-events: initial;
}

.csspuzzle z:nth-of-type(1) b {
	background-position: 0% 0%;
	transform: translate(150%, 150%) rotate(59deg) translate(312%) rotate(-56deg);
}

.csspuzzle z:nth-of-type(2) b {
	background-position: 33.33333% 0%;
	transform: translate(50%, 150%) rotate(27deg) translate(331%) rotate(-22deg);
}

.csspuzzle z:nth-of-type(3) b {
	background-position: 66.66667% 0%;
	transform: translate(-50%, 150%) rotate(160deg) translate(313%) rotate(-159deg);
}

.csspuzzle z:nth-of-type(4) b {
	background-position: 100% 0%;
	transform: translate(-150%, 150%) rotate(66deg) translate(312%) rotate(-68deg);
}

.csspuzzle z:nth-of-type(5) b {
	background-position: 0% 33.33333%;
	transform: translate(150%, 50%) rotate(90deg) translate(350%) rotate(-99deg);
}

.csspuzzle z:nth-of-type(6) b {
	background-position: 33.33333% 33.33333%;
	transform: translate(50%, 50%) rotate(120deg) translate(356%) rotate(-111deg);
}

.csspuzzle z:nth-of-type(7) b {
	background-position: 66.66667% 33.33333%;
	transform: translate(-50%, 50%) rotate(18deg) translate(394%) rotate(-26deg);
}

.csspuzzle z:nth-of-type(8) b {
	background-position: 100% 33.33333%;
	transform: translate(-150%, 50%) rotate(161deg) translate(355%) rotate(-170deg);
}

.csspuzzle z:nth-of-type(9) b {
	background-position: 0% 66.66667%;
	transform: translate(150%, -50%) rotate(72deg) translate(378%) rotate(-76deg);
}

.csspuzzle z:nth-of-type(10) b {
	background-position: 33.33333% 66.66667%;
	transform: translate(50%, -50%) rotate(123deg) translate(346%) rotate(-124deg);
}

.csspuzzle z:nth-of-type(11) b {
	background-position: 66.66667% 66.66667%;
	transform: translate(-50%, -50%) rotate(133deg) translate(364%) rotate(-129deg);
}

.csspuzzle z:nth-of-type(12) b {
	background-position: 100% 66.66667%;
	transform: translate(-150%, -50%) rotate(94deg) translate(398%) rotate(-91deg);
}

.csspuzzle z:nth-of-type(13) b {
	background-position: 0% 100%;
	transform: translate(150%, -150%) rotate(180deg) translate(322%) rotate(-185deg);
}

.csspuzzle z:nth-of-type(14) b {
	background-position: 33.33333% 100%;
	transform: translate(50%, -150%) rotate(142deg) translate(367%) rotate(-145deg);
}

.csspuzzle z:nth-of-type(15) b {
	background-position: 66.66667% 100%;
	transform: translate(-50%, -150%) rotate(155deg) translate(342%) rotate(-151deg);
}

.csspuzzle z:nth-of-type(16) b {
	background-position: 100% 100%;
	transform: translate(-150%, -150%) rotate(14deg) translate(315%) rotate(-18deg);
}

.csspuzzle z b {
	transition: 9999s 9999s;
}

.csspuzzle z:active a {
	width: 100%;
	transition: 0s;
}

.csspuzzle z a:hover ~ b {
	transform: translate(0);
	box-shadow: none;
	transition: 0s;
	background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='currentColor' class='bi bi-caret-down-square-fill' viewBox='0 0 16 16'><path d='M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2zm4 4a.5.5 0 0 0-.374.832l4 4.5a.5.5 0 0 0 .748 0l4-4.5A.5.5 0 0 0 12 6H4z' clip-rule='evenodd'></svg>");
}

/* Add 03012023 */
#gtranslate_wrapper {
	top: 6rem !important;
	right: 1.5rem !important;
}

.woocommerce ul.products li.product .onsale {
	text-shadow: 2px 2px 4px #000000;
	padding: 0.75rem !important;
	box-shadow: var(--shadow-box-10) !important;
	background-color: rgba(var(--primary), 1) !important;
}

.woocommerce ul.products li.product .woocommerce-loop-category__title {
	font-size: 1.5em !important;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
	font-size: 1.5em !important;
}

.woocommerce ul.products li.product h3 {
	font-size: 1.5em !important;
}

.woocommerce ul.products li.product .price {
	font-size: 1.75em !important;
}

.woocommerce .quantity .qty {
	width: 5.5em;
	padding: 10px;
	border-radius: 10px;
	border: 0;
	box-shadow: 0 0 15px 4px rgba(0, 0, 0, 0.06);
}

.woocommerce .woocommerce-ordering select {
	outline: none !important;
	border: 0;
	box-shadow: 0 0 10px #719ece;
	border-top-left-radius: 0.75rem !important;
	border-top-right-radius: 0.75rem !important;
	margin-top: 0.75rem !important;
	background-color: rgba(var(--gray-blue-100), 1) !important;
}

.woocommerce ul.cart_list li a {
	font-weight: 600;
	font-size: 0.875em !important;
}

.woocommerce ul.product_list_widget li a {
	font-weight: 600;
	font-size: 0.875em !important;
}

.woocommerce-LoopProduct-link > img {
	border-radius: var(--radius-lg) !important;
	box-shadow: var(--shadow-box-18) !important;
}

.add_to_cart_button {
	font-size: 1.25em !important;
	text-align: center !important;
}

.select {
	width: 100%;
	min-width: 15ch;
	max-width: 30ch;
	border: 1px solid var(--select-border);
	border-radius: 0.25em;
	padding: 0.25em 0.5em;
	font-size: 1.25rem;
	cursor: pointer;
	line-height: 1.1;
	background-color: #fff;
	background-image: linear-gradient(to top, #f9f9f9, #fff 33%);
}

div.summary.entry-summary > h1 {
	margin-top: 1rem !important;
	margin-bottom: 1rem !important;
	font-size: 1.25em !important;
	text-shadow: 2px 2px 4px #000000;
}

div.summary.entry-summary > p {
	margin-top: 1rem !important;
	margin-bottom: 1rem !important;
	font-size: 1.25em !important;
	text-shadow: 2px 2px 4px #000000;
}

div.summary.entry-summary > form > button {
	font-size: 1.25em !important;
	text-shadow: 2px 2px 4px #000000;
}

.woocommerce-cart-widget {
	max-width: 14rem !important;
}

.woocommerce-mini-cart__total.total {
	margin-bottom: 0.5rem !important;
	text-align: right !important;
}

.woocommerce-mini-cart__buttons.buttons {
	font-size: 0.875em !important;
	text-align: center !important;
	display: flex !important;
	gap: 0.375rem !important;
	flex-direction: column-reverse !important;
}

#coupon_code {
	width: 100% !important;
	margin-bottom: 0.5rem !important;
}

.coupon > button {
	width: 100% !important;
	margin-bottom: 0.5rem !important;
	text-shadow: 2px 2px 4px #000000;
}

.checkout-button {
	width: 100% !important;
	margin-bottom: 0.5rem !important;
	text-shadow: 2px 2px 4px #000000;
}

button[name="update_cart"] {
	width: 100% !important;
	margin-bottom: 0.5rem !important;
	text-shadow: 2px 2px 4px #000000;
}

/* to be saas 


#gtranslate_wrapper {
	    top: 6rem !important;
	    right: 1.5rem !important;
}

.woocommerce ul.products li.product .onsale {
	text-shadow: 2px 2px 4px #000000;
	padding: 0.75rem !important;
	box-shadow: var(--shadow-box-10) !important;
	background-color: rgba(var(--primary), 1) !important;
}

#main > div > ul > li > a.woocommerce-LoopProduct-link.woocommerce-loop-product__link > img {
	border-radius: var(--radius-lg) !important;
	box-shadow: var(--shadow-box-18) !important;
}

.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3 {
	font-size: 1.5em !important;
}

.woocommerce ul.products li.product .price {
	font-size: 1.75em !important;
}

.add_to_cart_button {
	font-size: var(--font-lg) !important;
	text-align: center !important;
}

.select {
	width: 100%;
	min-width: 15ch;
	max-width: 30ch;
	border: 1px solid var(--select-border);
	border-radius: 0.25em;
	padding: 0.25em 0.5em;
	font-size: 1.25rem;
	cursor: pointer;
	line-height: 1.1;
	background-color: #fff;
	background-image: linear-gradient(to top, #f9f9f9, #fff 33%);
}

.woocommerce .quantity .qty {
	width: 5.5em;
	padding: 10px;
	border-radius: 10px;
	border: 0;
	box-shadow: 0 0 15px 4px rgba(0, 0, 0, 0.06);
}

div.summary.entry-summary > h1,
div.summary.entry-summary > p {
	margin-top: 1rem !important;
	margin-bottom: 1rem !important;
	font-size: 1.25em !important;
	text-shadow: 2px 2px 4px #000000;
}

div.summary.entry-summary > form > button {
	font-size: var(--font-lg) !important;
	text-shadow: 2px 2px 4px #000000;
}

.woocommerce .woocommerce-ordering select {
	outline: none !important;
	border: 0;
	box-shadow: 0 0 10px #719ece;
	border-top-left-radius: 0.75rem !important;
	border-top-right-radius: 0.75rem !important;
	margin-top: 0.75rem !important;
	background-color: rgba(var(--gray-blue-100), 1) !important;
}

.woocommerce-cart-widget {
	max-width: 14rem !important;
}

.woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a {
	font-weight: 600;
	font-size: 0.875em !important;
}

#woocommerce-menu > li.menu-item.woocommerce-menu-item > ul > li > div > div > p.woocommerce-mini-cart__total.total {
	margin-bottom: 0.5rem !important;
	text-align: right !important;
}

#woocommerce-menu > li.menu-item.woocommerce-menu-item > ul > li > div > div > p.woocommerce-mini-cart__buttons.buttons {
	font-size: 0.875em !important;
	text-align: center !important;
	display: flex !important;
	gap: 0.375rem !important;
	flex-direction: column-reverse !important;
}


#coupon_code {
	width: 100% !important;
	margin-bottom: 0.5rem !important;
}

div.coupon > button,
a.checkout-button,
button[name="update_cart"] {
	width: 100% !important;
	margin-bottom: 0.5rem !important;
	text-shadow: 2px 2px 4px #000000;
}
*/
