/* giovannitoccu — consolidated site stylesheet (generated by scripts/build-theme-css.mjs).
   Do not hand-edit the purged sections; edit the source + re-run the script. */

/* ===================================================================
   Normalize
   =================================================================== */
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

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

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

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

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

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

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

/* ===================================================================
   Icon font (fontello)
   =================================================================== */
@font-face {
  font-family: 'fontello';
  src: url('fontello/font/fontello.eot?98967551');
  src: url('fontello/font/fontello.eot?98967551#iefix') format('embedded-opentype'),
       url('fontello/font/fontello.woff2?98967551') format('woff2'),
       url('fontello/font/fontello.woff?98967551') format('woff'),
       url('fontello/font/fontello.ttf?98967551') format('truetype'),
       url('fontello/font/fontello.svg?98967551#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('fontello/font/fontello.svg?98967551#fontello') format('svg');
  }
}
*/
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: never;

  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;

  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;

  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;

  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */

  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-apple-podcasts:before { content: '\e02f'; } /* '' */
.icon-twitterx:before { content: '\e03f'; } /* '' */
.icon-github-circled:before { content: '\e060'; } /* '' */
.icon-picture:before { content: '\e800'; } /* '' */
.icon-videocam-1:before { content: '\e801'; } /* '' */
.icon-cancel:before { content: '\e802'; } /* '' */
.icon-reply:before { content: '\e803'; } /* '' */
.icon-headphones:before { content: '\e804'; } /* '' */
.icon-star:before { content: '\e805'; } /* '' */
.icon-down-open:before { content: '\e806'; } /* '' */
.icon-search:before { content: '\e807'; } /* '' */
.icon-up-open:before { content: '\e808'; } /* '' */
.icon-ok-circle:before { content: '\e809'; } /* '' */
.icon-quote-left:before { content: '\e80a'; } /* '' */
.icon-gab:before { content: '\e80b'; } /* '' */
.icon-minds:before { content: '\e80c'; } /* '' */
.icon-globe:before { content: '\e80d'; } /* '' */
.icon-bitchute:before { content: '\e80e'; } /* '' */
.icon-steemit:before { content: '\e80f'; } /* '' */
.icon-quote-right:before { content: '\e810'; } /* '' */
.icon-left-open:before { content: '\e811'; } /* '' */
.icon-right-open:before { content: '\e812'; } /* '' */
.icon-share:before { content: '\e813'; } /* '' */
.icon-comment:before { content: '\e814'; } /* '' */
.icon-tiktok:before { content: '\e815'; } /* '' */
.icon-comment-alt2:before { content: '\e816'; } /* '' */
.icon-clock:before { content: '\e817'; } /* '' */
.icon-menu:before { content: '\e818'; } /* '' */
.icon-discord:before { content: '\e819'; } /* '' */
.icon-right:before { content: '\e81a'; } /* '' */
.icon-left:before { content: '\e81b'; } /* '' */
.icon-bluesky:before { content: '\f01f'; } /* '' */
.icon-twitter:before { content: '\f099'; } /* '' */
.icon-facebook:before { content: '\f09a'; } /* '' */
.icon-github-circled-1:before { content: '\f09b'; } /* '' */
.icon-rss:before { content: '\f09e'; } /* '' */
.icon-menu-1:before { content: '\f0c9'; } /* '' */
.icon-gplus:before { content: '\f0d5'; } /* '' */
.icon-mail-alt:before { content: '\f0e0'; } /* '' */
.icon-linkedin:before { content: '\f0e1'; } /* '' */
.icon-youtube:before { content: '\f167'; } /* '' */
.icon-youtube-play:before { content: '\f16a'; } /* '' */
.icon-instagram:before { content: '\f16d'; } /* '' */
.icon-flickr:before { content: '\f16e'; } /* '' */
.icon-tumblr:before { content: '\f173'; } /* '' */
.icon-dribbble:before { content: '\f17d'; } /* '' */
.icon-vkontakte:before { content: '\f189'; } /* '' */
.icon-behance:before { content: '\f1b4'; } /* '' */
.icon-spotify:before { content: '\f1bc'; } /* '' */
.icon-soundcloud:before { content: '\f1be'; } /* '' */
.icon-git:before { content: '\f1d3'; } /* '' */
.icon-pinterest:before { content: '\f231'; } /* '' */
.icon-whatsapp:before { content: '\f232'; } /* '' */
.icon-medium:before { content: '\f23a'; } /* '' */
.icon-odnoklassniki:before { content: '\f263'; } /* '' */
.icon-get-pocket:before { content: '\f265'; } /* '' */
.icon-500px:before { content: '\f26e'; } /* '' */
.icon-vimeo:before { content: '\f27d'; } /* '' */
.icon-reddit-alien:before { content: '\f281'; } /* '' */
.icon-mixcloud:before { content: '\f289'; } /* '' */
.icon-telegram:before { content: '\f2c6'; } /* '' */

/* ===================================================================
   Theme
   =================================================================== */
@charset "UTF-8";
/*
giovannitoccu site theme — base styles.
Originally derived from a third-party WordPress blog theme (GPL v2),
heavily trimmed: only the rules this CMS actually uses survive the
PurgeCSS pass in scripts/build-theme-css.mjs.
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Globals
2.0 Accessibility
4.0 Typography
5.0 Forms
6.0 Lists
8.0 Tables
9.0 Layout
   9.1 Header
   9.2 Footer
   9.3 Posts
   9.4 Single/Pages
   9.5 Alignments
10.0 Navigation
   10.1 Primary
   10.3 Slide Out Sidebar
   10.4 Slide Out Search
11.0 Widgets
12.0 Galleries
13.0 Pagination
14.0 Comments
15.0 Misc
16.0 Media Queries
--------------------------------------------------------------*/

/* Our variables (custom properties) */
:root {
	/* Fonts */
	--body-font: Mulish, Arial, Helvetica, sans-serif;
	--title-font: Mulish, Arial, Helvetica, sans-serif;

	/* Layouts and containers  */
	--container-max-width: 1280px;
	--site-wrapper-max-width: calc(var(--container-max-width) + 30px);

	/* Theme Colours */
	--theme-color-1: #6c5b7b;
	--theme-color-2: #f67280;
	--theme-color-3: #f8b195;
	--theme-color-4: #c06c84;
	--theme-color-5: #355c7d;
	--black: #000000;
	--very-dark-grey: #2e2f33;
	--dark-grey: #45464b;
	--medium-grey: #94979e;
	--light-grey: #D3D3D3;
	--white: #ffffff;
	--body-background: #fff7f3;
	--footer-background: var(--white);
	--footer-font-color: var(--body-font-color);
	--footer-link-color: var(--link-color);
	--footer-bottom-background: var(--footer-background);
	/* Borders and Backgrounds */
	--light-border-color: #f1f1f1;
	--medium-border-color: #e5e5e5;
	--light-background-color: #f5f5f5;
	--very-light-background-color: #f9f9f9;
	/* Specific element colours */
	--body-font-color: var(--dark-grey);
	--custom-header-background: #ffffff;
	--link-color: #6c5b7b;
	--link-hover-color: #f67280;
	--primary-nav-link-color: #6c6f76;
	--primary-nav-link-hover-color: var(--link-hover-color);
	--primary-nav-submenu-background: var(--white);
	--primary-nav-submenu-link-color: #6c6f76;
	--primary-nav-submenu-link-hover-color: var(--link-hover-color);
	--primary-nav-sidebar-link-color: #6c6f76;
	--primary-nav-sidebar-submenu-background: var(--very-light-background-color);
	--primary-nav-sidebar-submenu-link-color: var(--theme-color-1);
	--primary-nav-sidebar-submenu-sub-link-color: var(--theme-color-2);
	--primary-nav-sidebar-submenu-arrow-color: var(--theme-color-2);
	--sticky-header-primary-nav-submenu-background: var(--primary-nav-submenu-background);
	--sticky-header-primary-nav-submenu-link-color: var(--primary-nav-link-color);
	--sticky-header-primary-nav-submenu-link-hover-color: var(--primary-nav-link-hover-color);
	--sticky-header-primary-nav-link-color: var(--primary-nav-link-color);
	--sticky-header-primary-nav-link-hover-color: var(--primary-nav-link-hover-color);

	/* Entry */
	--post-background: var(--white);
	--entry-title-link-color: var(--very-dark-grey);
	--entry-meta-color: var(--medium-grey);
	--entry-meta-link-color: var(--link-color);
	--excerpt-color: var(--medium-grey);
	--continue-reading-color: var(--link-color);


	--single-post-background: #ffffff;
	--single-entry-title-color: var(--very-dark-grey);
	--single-entry-font-color: var(--body-font-color);
	--single-excerpt-color: var(--medium-grey);
	--single-entry-meta-color: var(--medium-grey);
	--single-entry-meta-link-color: var(--link-color);
	--post-tags-background: var(--light-background-color);
	--post-tags-font-color: var(--dark-grey);

	/* Header */
	--toggle-background-color: none;
	--toggle-hover-background-color: none;
	--toggle-icon-color: var(--primary-nav-link-color);
	--logo-color: var(--very-dark-grey);
	--sidebar-logo-color: var(--very-dark-grey);
	--sticky-header-background: var(--white);
	--sticky-header-logo-color: var(--logo-color);
	--sticky-header-toggle-background: var(--toggle-background-color);
	--sticky-header-toggle-hover-background: var(--toggle-hover-background-color);
	--sticky-header-toggle-icon-color: var(--toggle-icon-color);

	/* Widgets */
	--widget-background: var(--white);
	--widget-title-color: var(--very-dark-grey);
	--widget-font-color: var(--body-font-color);
	--widget-link-color: var(--very-dark-grey);
	--widget-child-link-color: var(--medium-grey);
	--widget-meta-color: var(--medium-grey);
	--widget-meta-link-color: var(--link-color);
	--widget-button-color: var(--button-color);
	--widget-line-color: var(--light-border-color);
	--widget-count-color: var(--theme-color-3);
	--widget-first-count-color: var(--very-dark-grey);
	--widget-count-background: var(--theme-color-3);
	--widget-first-count-background: var(--very-dark-grey);
	--widget-count-alt-color: var(--white);
	--widget-first-count-alt-color: var(--white);

	--special-widget-background: var(--white);
	--special-widget-title-color: var(--very-dark-grey);
	--special-widget-font-color: var(--body-font-color);
	--special-widget-link-color: var(--very-dark-grey);
	--special-widget-child-link-color: var(--medium-grey);
	--special-widget-meta-color: var(--medium-grey);
	--special-widget-meta-link-color: var(--link-color);
	--special-widget-button-color: var(--button-color);
	--special-widget-line-color: var(--light-border-color);
	--special-widget-count-color: var(--theme-color-3);
	--special-widget-first-count-color: var(--very-dark-grey);
	--special-widget-count-background: var(--theme-color-3);
	--special-widget-first-count-background: var(--very-dark-grey);
	--special-widget-count-alt-color: var(--white);
	--special-widget-first-count-alt-color: var(--white);

	--footer-widget-title-color: var(--very-dark-grey);
	--footer-widget-font-color: var(--body-font-color);
	--footer-widget-link-color: var(--very-dark-grey);
	--footer-widget-child-link-color: var(--medium-grey);
	--footer-widget-meta-color: var(--medium-grey);
	--footer-widget-meta-link-color: var(--link-color);
	--footer-widget-button-color: var(--button-color);
	--footer-widget-line-color: var(--light-border-color);
	--footer-widget-count-color: var(--theme-color-3);
	--footer-widget-first-count-color: var(--very-dark-grey);
	--footer-widget-count-background: var(--theme-color-3);
	--footer-widget-first-count-background: var(--very-dark-grey);
	--footer-widget-count-alt-color: var(--white);
	--footer-widget-first-count-alt-color: var(--white);

	--footer-columns-widget-title-color: var(--very-dark-grey);
	--footer-columns-widget-font-color: var(--body-font-color);
	--footer-columns-widget-link-color: var(--very-dark-grey);
	--footer-columns-widget-child-link-color: var(--medium-grey);
	--footer-columns-widget-meta-color: var(--medium-grey);
	--footer-columns-widget-meta-link-color: var(--link-color);
	--footer-columns-widget-button-color: var(--button-color);
	--footer-columns-widget-line-color: var(--light-border-color);
	--footer-columns-widget-count-color: var(--theme-color-3);
	--footer-columns-widget-first-count-color: var(--very-dark-grey);
	--footer-columns-widget-count-background: var(--theme-color-3);
	--footer-columns-widget-first-count-background: var(--very-dark-grey);
	--footer-columns-widget-count-alt-color: var(--white);
	--footer-columns-widget-first-count-alt-color: var(--white);

	/* Page Header */
	--page-title-color: var(--very-dark-grey);
	--page-description-color: var(--medium-grey);
	--page-meta-background: var(--theme-color-2);
	--page-meta-color: var(--white);

	/* Misc. */
	--default-border-radius: 7px;
	--input-border-radius: 5px;
	--button-border-radius: 25px;
	--thumbnail-border-radius: 50%; /* small thumbnails */
	--misc-border-radius: 14px; /* small elements */
	--hero-border-radius: 10px;
	--sidebar-width: calc(100% / 3 - 50px);
	--overlay-gradient: linear-gradient(to top, rgba(0,0,0,0.5), rgba(0,0,0,0));
	--logo-font-size: 5.125rem;
	--sticky-nav-logo-font-size: 2.625rem;
	--medium-mobile-logo-font-size: 3.25rem;
	--small-mobile-logo-font-size:2.25rem;
	--default-box-shadow: 0 0 15px rgba(0,0,0,0.05);
	--thumbnail-box-shadow: 0 0 10px rgba(0,0,0,0.05);
	--button-color: var(--theme-color-2);
	--pagination-prev-next-background: var(--button-color);
	--pagination-prev-next-color: var(--white);
	--pagination-numbers-background: var(--white);
	--pagination-numbers-color: var(--link-color);
	--pagination-numbers-current-color: var(--white);
	--pagination-numbers-current-background: var(--very-dark-grey);
	--menu-pill-background: var(--theme-color-3);
	--menu-pill-color: var(--white);

	/* Logo vars */
	/*--custom-logo-width: 210px;*/
	--custom-logo-width-sticky-nav: 75%;
	--custom-logo-width-mobile: 120px;
	--custom-logo-width-small: 80px;

	/* Plugin vars */
	--hero-card-background: var(--white);
	--hero-title-color: var(--very-dark-grey);
	--hero-entry-meta-color: var(--medium-grey);
	--hero-entry-meta-link-color: var(--link-color);
	--hero-entry-content-color: var(--medium-grey);
	--hero-prev-arrow-color: var(--theme-color-3);
	--hero-next-arrow-color: var(--theme-color-3);

	--related-posts-card-background: var(--post-background);
	--related-posts-title-color: var(--very-dark-grey);
	--related-posts-entry-title-link-color: var(--entry-title-link-color);
	--related-posts-entry-meta-color: var(--entry-meta-color);
	--related-posts-entry-meta-link-color: var(--entry-meta-link-color);
	--related-posts-entry-content-color: var(--excerpt-color);
	--related-posts-continue-reading-color: var(--continue-reading-color);

	--home-featured-posts-card-background: var(--post-background);
	--home-featured-posts-title-color: var(--very-dark-grey);
	--home-featured-posts-entry-title-link-color: var(--entry-title-link-color);
	--home-featured-posts-entry-meta-color: var(--entry-meta-color);
	--home-featured-posts-entry-meta-link-color: var(--entry-meta-link-color);
	--home-featured-posts-entry-content-color: var(--excerpt-color);
	--home-featured-posts-continue-reading-color: var(--continue-reading-color);
	--home-featured-arrows-background: var(--theme-color-3);
	--home-featured-arrows-color: var(--white);

	--category-featured-posts-card-background: var(--post-background);
	--category-featured-posts-title-color: var(--very-dark-grey);
	--category-featured-posts-entry-title-link-color: var(--entry-title-link-color);
	--category-featured-posts-entry-meta-color: var(--entry-meta-color);
	--category-featured-posts-entry-meta-link-color: var(--entry-meta-link-color);
	--category-featured-posts-entry-content-color: var(--excerpt-color);
	--category-featured-posts-continue-reading-color: var(--continue-reading-color);
	--category-featured-arrows-background: var(--theme-color-3);
	--category-featured-arrows-color: var(--white);

}
/*--------------------------------------------------------------
1.0 Globals
--------------------------------------------------------------*/
html {
	font-size: 100%; /* default 16px or whatever is set in browser settings */
}
body {
	direction: ltr;
	font-family: var(--body-font);
	margin: 0;
	overflow-x:hidden;
	background: var(--body-background);
	color: var(--body-font-color);
	font-weight: 400;
}
* {
	box-sizing: border-box;
}
img:not(.custom-logo) {
	/*width:100%;
	height:auto;*/
}
/* Responsive Image overrides for aligns */
img[class*="align"] {
    height: auto;
    /* do not stretch images */
    max-width: 100%;
    width: auto;
}
/* Handle thumbnail sizes */
a {
	color: var(--link-color);
	text-decoration: underline;
	transition: color 0.2s ease;
	transition: background 0.2s ease;
	outline: none;
}
a:hover {
	color: var(--link-hover-color);
}
hr:not(.wp-block-separator) {
	border:0;
	height:1px;
	background: var(--light-border-color);
	margin: 30px 0;
}
/*--------------------------------------------------------------
2.0 Accessibility
--------------------------------------------------------------*/

/* Text meant only for screen readers. */

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	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(--light-border-color);
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}
/*--------------------------------------------------------------
4.0 Typography
--------------------------------------------------------------*/
strong, b {
	font-weight: 700
}
em, i {
	font-style: italic;
}
h1, h2, h3, h4 {
	clear:both;
	font-family: var(--title-font);
	margin: 30px 0;
	font-weight: 900;
	letter-spacing: -0.5px;
	color: var(--very-dark-grey);
	line-height: 1.2;
}
h1 {
	font-size: 2.5rem;
}
h1.page-title, h1.entry-title,
.home.page div[class*="cols"] h1.entry-title {
	font-size: 3.25rem;
	line-height: 1.2
}
/* Sidebar reduce font size */
h1 b,
h1 strong {
	font-weight: 900;
}
h2 {
	font-size: 2rem;
}
h3 {
	font-size: 1.75rem;
	line-height: 1.5;
}
h4 {
	font-size: 1.5rem;
}
blockquote {
	font-family: var(--title-font);
	font-size: 2.25rem;
	line-height: 1.2;
	font-weight: 900;
	margin:50px 0 50px 0;
	color: var(--theme-color-2);
	letter-spacing: -0.5px;
	padding: 0 30px 0 30px;
}
blockquote strong {
	font-weight: 900;
}
var {
	font-weight: 500;
}
cite {
	color: var(--medium-grey);
	font-style: normal;
	font-size: 1rem;
	font-weight: 800;
}
cite::before {
	content: "\2015";
	margin-right: 5px;
	color: var(--medium-grey);
	font-weight: 500;
}
pre, code {
	white-space: pre-wrap;
	word-wrap: break-word;
	text-align: justify;
}
code {
	background: var(--very-light-background-color);
	border-left: 3px solid var(--theme-color-1);
	padding: 30px;
	color: var(--single-entry-font-color);
	display: block;
	line-height: 1.5;
}
p code {
	margin: 10px 0;
}
/* Hide the random br tag generated in default editor */
code br {
	display:none;
}
/* Specific classes */
.page-title {
	margin:0;
}
.page-title a {
	text-decoration: none;
	color: var(--very-dark-grey);
}
/*--------------------------------------------------------------
5.0 Forms
--------------------------------------------------------------*/
input, textarea {
	border: 3px solid var(--light-border-color);
	padding:15px;
	transition: all 0.2s ease;
	max-width: 100%;
	border-radius: var(--input-border-radius);
	font-size: 1rem;

}
input[type="checkbox"] {
	float:left;
	margin-right:5px;
}
button,
input[type="submit"],
.button {
	border:0;
	background: var(--button-color);
	color: var(--white);
	padding:15px 30px;
	/*text-transform: uppercase;*/
	font-weight: 800;
	font-size: 1rem;
	font-family: var(--title-font);
	border-radius: var(--button-border-radius);
	text-decoration: none;
}
/* Focus/Hover */
button:hover,
input[type="submit"]:hover,
.button:hover,
button:focus,
input[type="submit"]:focus,
.button:focus {
	outline: none;
}
input:hover,
textarea:hover {
	border-color: var(--medium-border-color);
}
input:focus,
textarea:focus {
	border-color: var(--medium-border-color);
	box-shadow: 0 0 5px rgba(0,0,0,0.1);
	outline: none;
}
select {
	border: 3px solid var(--medium-border-color);
	padding: 3px;
	border-radius: 3px;
}
/* A little extra styling for the post password form */
/*--------------------------------------------------------------
6.0 Lists
--------------------------------------------------------------*/
ul {
	margin: 30px 10px 30px 40px;
	padding: 0;
	list-style: none;
}
ol {
	margin-top:30px;
	margin-bottom: 30px;
}
ol li,
ul li {
	margin-bottom: 15px;
	position: relative;
	padding-left: 15px;
}
li > ul,
li > ol {
	margin-bottom: 10px;
	margin-left: 30px;
	margin-top:10px;
}
li > ol {
	margin-left: 0;
	padding-left:35px;
}
/* List styling */
/*--------------------------------------------------------------
8.0 Tables
--------------------------------------------------------------*/
table {
	border-collapse: collapse;
	margin: 30px 0 30px 0;
	width: 100%;
}
thead th {
	color: var(--white);
	border:0;
}
th {
	padding: 0.8em;
	text-align: left;
	font-weight: 500;
	border-left: 1px solid var(--light-border-color);
	border-top: 1px solid var(--light-border-color);
}

tr {
	border-bottom: 1px solid #f1f1f1;
}
thead th {
	background:  var(--theme-color-2);
}
td {
	padding: 0.8em;
	border-left: 1px solid var(--light-border-color);
}
table tr > td {
	border-top: 1px solid var(--light-border-color);
}
table tr td:last-child,
table tr th:last-child {
	border-right: 1px solid var(--light-border-color)
}
/* Add our border radius */
table thead th:first-child {
    border-top-left-radius: 7px;
}
table thead th:last-child {
    border-top-right-radius: 7px;
    border-right:0;
}
/*--------------------------------------------------------------
9.0 Layout
--------------------------------------------------------------*/
.mobile-only {
	display: none;
	visibility: hidden;
}
main {
	margin-bottom: 45px
}
.container {
	width:100%;
	max-width: var(--container-max-width);
	margin:auto;
}
.content-area {
	margin:auto;
	width:100%;
	max-width: var(--container-max-width);
	padding: 0;
}
.section-header {
	width:100%;
	max-width: var(--container-max-width);
	margin:auto;
	padding: 22px 15px 26px 15px;
	position: relative;
}
.home:not(.has-hero):not(.has-featured-posts):not(.has-custom-post-blocks) .section-header {
	padding-top: 0;
}
.page-header {
	padding: 0 15px 15px 15px;
}
.page-header .page-title {
	margin: 0 0 8px 0;
	line-height: 1;
	color: var(--page-title-color);
}
.has-custom-header .page-header {
	padding-top: 0;
}
.archive .page-header {
	text-align: center;
}
/* Has sidebar */
/* Post blocks plugin */
.section-header .more {
	position: absolute;
	top:37px;
	right:15px;
	font-size: 0.875rem;
}
.section-header .more a {
	font-weight: 800;
	text-decoration: none;
	color: var(--medium-grey);
}
/*----------------------------------------*/
/* 9.1 HEADER */
/*----------------------------------------*/
/* Default */
.site-header {
	padding:0 0 0 0;
	text-align: center;
	display:flex;
	flex-wrap: wrap;
	flex-direction: column;
	width:100%;
	max-width: var(--container-max-width);
	margin:15px auto 30px auto;
	background: var(--custom-header-background);
}
.custom-logo-link {
	margin: auto;
	color: var(--logo-color);
	font-size: var(--logo-font-size);
	font-family: var(--title-font);
	font-weight: 900;
	letter-spacing: -3px;
	padding:0;
	text-decoration: none;
	transition: all 0.3s ease;
	line-height: 1.2;
}
.wp-custom-logo .custom-logo-link {
	font-size: 0;
	line-height: 0;
	padding:0;
}
a.custom-logo-link {
	color: var(--logo-color);
}
/* Set custom logo img to 50% for Retina displays */
.logo-wrapper {
	display:flex;
	padding:0;
	margin:0;
}
.custom-logo {
	transition: all 0.3s ease;
	margin:auto;
    max-width: 100%;
    height:auto;
}
/* Target Chrome Browser Only */
@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
    .custom-logo {
    	image-rendering: -webkit-optimize-contrast;
    } 
}
.site-header .container {
	display:flex;
	flex-wrap: wrap;
	flex-direction: column;
}
/* Fixed header */
@media (min-width: 1061px ) { 
	header.site-header.sticky-nav.fixed {
		position: fixed;
		z-index:1499;
		box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
		max-width: 100%;
		border-color: var(--white);
		background: var(--sticky-header-background);
		transition: box-shadow 0.3s ease-in-out;
		padding-top: 0 !important;
		transition: background 0.2s ease;
	}
	header.site-header.default.sticky-nav.fixed .logo-wrapper {
		display:none;
	}
	header.site-header.sticky-nav.fixed .primary-nav {
	    max-width: calc(var(--container-max-width) - 30px);
	}
	/* Logo left menu right */
	body:not(.has-custom-header) header.site-header.logo-left-menu-right.sticky-nav.fixed .container {
		margin-top: 0;
		padding-left: 15px;
		padding-right: 15px;
	}
	/* Logo, Menu & Icon colors */
	body header.site-header.sticky-nav.fixed .custom-logo-link {
		color: var(--sticky-header-logo-color);
	}
	body header.site-header.sticky-nav.fixed .toggle span {
		background: var(--sticky-header-toggle-background);
		color: var(--sticky-header-toggle-icon-color);
	}
	body header.site-header.sticky-nav.fixed .toggle span:hover {
		background: var(--sticky-header-toggle-hover-background);
	}
	body header.site-header.sticky-nav.fixed .toggle i[class*="icon"] {
	    color: var(--sticky-header-toggle-icon-color);
	}
	/* Fixed nav primary colors */
	body header.site-header.sticky-nav.fixed .primary-nav li {
		color: var(--sticky-header-primary-nav-link-color);
	}
	body header.site-header.sticky-nav.fixed .primary-nav > li > a {
		color: var(--sticky-header-primary-nav-link-color);
	}
	body header.site-header.sticky-nav.fixed .primary-nav li:hover > a {
		color: var(--sticky-header-primary-nav-link-hover-color);
	}
	body:not(.has-custom-header) header.site-header.sticky-nav.fixed .toggle span.has-sticky-toggle-background {
		margin-left: 15px;
	}
	body:not(.has-custom-header) header.site-header.sticky-nav.fixed .toggle.toggle-search span.has-sticky-toggle-background {
		margin-left: 0;
		margin-right: 15px;
	}
	body header.site-header.sticky-nav.fixed .primary-nav li ul.sub-menu {
		background: var(--sticky-header-primary-nav-submenu-background);
	}
	body header.site-header.sticky-nav.fixed .primary-nav li ul.sub-menu li a {
		color: var(--sticky-header-primary-nav-submenu-link-color);
	}
	body header.site-header.sticky-nav.fixed .primary-nav li ul.sub-menu li a:hover {
		color: var(--sticky-header-primary-nav-submenu-link-hover-color);
	}
}
/* Custom header (has background color) */
.has-custom-header .site-header {
	background: var(--custom-header-background);
	max-width: 100%;
	margin-top:0;
}
/*----------------------------------------*/
/* ALT HEADER LAYOUTS                     */
/*----------------------------------------*/
.site-header.default .logo-wrapper:not(.site-title) {
	padding-top: 15px;
}
/* Logo Left Menu  */
/* Split Menu */
/* Logo below nav */
/* Mobile header */
.mobile-header {
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	padding: 10px 0;
	background: var(--white);
}
.has-custom-header .mobile-header {
	background: var(--custom-header-background);
}
body.wp-custom-logo .site-header .mobile-header .logo-wrapper,
body .site-header .mobile-header .logo-wrapper {
	margin:0;
	padding:0 !important;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	width: var(--custom-logo-width-mobile);
}
.mobile-header .custom-logo-link {
	font-size: var(--medium-mobile-logo-font-size);
}
.mobile-header .custom-logo {
	max-width: 100%;
	height: auto;
}
.mobile-header .toggle {
	min-width: 53px;
}
/*----------------------------------------*/
/* 9.2 FOOTER */
/*----------------------------------------*/
.site-footer {
	background: var(--footer-background);
	font-family: var(--title-font);
	color: var(--footer-font-color);
}
.site-footer.has-footer-columns {
	padding-top: 40px;
}
.single:not(.has-related-posts) .site-footer {
	margin-top:35px;
}
.site-footer .flex-grid {
	justify-content: space-between;
	flex-wrap: nowrap;
}
/* Default is 3 column */
.site-footer .flex-grid .flex-box {
	background:none;
	flex-grow: 0;
	flex-basis: calc(100% / 3 - 40px);
	align-self: flex-start;
	text-align: left;
	font-size: 0.875rem; /* 14px */
	box-shadow: none;
	padding-bottom: 0;
}
/* Cols-1 */
.site-footer .flex-grid.cols-1 {
	flex-direction: column;
}
/*----------------------------------------*/
/* 9.3 POSTS */
/*----------------------------------------*/
.flex-grid:not(.masonry) {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  flex-grow: 1;
}
.flex-grid .flex-box {
	position: relative;
	margin:15px;
	background: var(--post-background);
	display: flex;
	flex-grow: 1;
	flex-direction: column;
	position: relative;
	width:100%;
	min-width: 0; /* need to set a min width for word-wrap */
	border-radius: var(--default-border-radius);
	box-shadow: var(--default-box-shadow);
	padding-bottom: 30px;
}
/* Masonry flex-box */
/* 2 per row */
.cols-2 .flex-box {
	width:calc(100% / 2 - 30px);
}
.cols-2 .entry-title,
.split-3-2 .flex-box:nth-last-child(-n+2) .entry-title {
	font-size: 2rem;
	line-height: 1.3;
}
/* 3 per row */
.cols-3 .flex-box {
	width: calc(100% / 3 - 30px);
}
.cols-3 .entry-title {
	font-size: 1.625rem;
}
.cols-4:not(.full-width) .entry-title,
.cols-4.full-width[data-thumbnail="landscape"] .flex-box.cover .entry-title {
	font-size: 1.5rem;
}
.cols-4 .flex-box {
	width: calc(100% / 4 - 30px);
}
/* Related posts */
/* 1 per row */
.cols-1 .flex-box:not(.cover):not(.hero-entry) .entry-header,
.cols-1 .flex-box:not(.cover) .entry-content {
	max-width: 875px;
	margin-left:auto;
	margin-right: auto;
}
.cols-1 .entry-title {
	font-size: 2.625rem;
	line-height: 1.2;
}
.post-thumbnail {
	width:100%;
	border-radius: var(--default-border-radius) var(--default-border-radius) 0 0;
	position: relative
}
.post-thumbnail img {
	height:100%;
	border-radius: var(--default-border-radius) var(--default-border-radius) 0 0;
	object-fit: cover;
	display:flex;
	width: 100%;
}
.entry-header {
	padding: 30px 30px 0 30px;
	width:100%;
	position: relative;
}
.has-post-thumbnail:not(.disabled-post-thumbnail) .entry-header,
.disabled-post-thumbnail .entry-header {
	padding: 20px 30px 0 30px;
}
.entry-title {
	margin: 0;
	font-family: var(--title-font);
	word-wrap: break-word;
	overflow-wrap: break-word;
	word-break: break-all;
	word-break: break-word;
	line-height: 1.3;
}
.entry-title b,
.entry-title strong {
	font-weight: inherit;
}
.entry-title a {
	text-decoration: none;
	color: var(--entry-title-link-color);
}
.entry-meta {
	font-size: 13px; /* Fixed size */
	color: var(--entry-meta-color);
	font-family: var(--title-font);
	font-weight: 800;
	text-transform: capitalize;
}
.entry-meta.before-title {
	margin-bottom: 15px;
}
.entry-meta.after-title {
	margin-top: 20px;
	font-size: 0.875rem;
}
.entry-meta .category-list {
	padding:0;
}
.has-post-thumbnail:not(.disabled-post-thumbnail):not(.cover):not(.single-post):not(.widget-entry):not(.hero-entry) .entry-meta.before-title {
	margin-top: -34px;
	margin-left: -3px;
}
.flex-box:not(.footer-column):not(.widget-in-loop) .entry-meta.before-title ul li:not(.category-list),
article.single-post .entry-meta.before-title ul li:not(.category-list) {
	display: inline-block;
	margin-right: 3px;
	margin-bottom: 3px;
	padding:0;
	line-height: 1;
	padding:0;
}
.flex-box:not(.footer-column):not(.widget-in-loop) .entry-meta.before-title ul li:not(.category-list) a,
article.single-post .entry-meta.before-title ul li:not(.category-list) a {
	background: var(--theme-color-2);
	color: var(--white);
	padding: 7px 10px;
	border-radius: var(--misc-border-radius);
	display: block;
	margin:0;
}
.flex-box.has-post-thumbnail:not(.disabled-post-thumbnail):not(.cover) .entry-meta.before-title ul li:not(.category-list):not(:first-child) {
	margin-left: -3px;
}
.flex-box:not(.footer-column).has-post-thumbnail:not(.disabled-post-thumbnail):not(.cover) .entry-meta.before-title ul li:not(.category-list),
article.single-post:not(.cover) .entry-meta.before-title ul li:not(.category-list) {
	border-radius: var(--misc-border-radius);
	border: 3px solid var(--post-background);
	background: var(--post-background);
}
.entry-meta a {
	text-decoration: none;
	display:inline-block;
	margin: 2px 0;
	color: var(--entry-meta-link-color);
}
.entry-meta.before-title a {
	color: var(--white);
}
.entry-meta ul {
	list-style: none;
	margin:0;
	padding:0;
}
.entry-meta li:not(.category-list) {
	display:inline-block;
	padding-top: 3px;
	margin:0;
}
.entry-meta ul li span {
	display:inline;
}
/* Avatar */
.entry-meta .avatar {
	width:36px;
	margin-right:3px;
	border-radius: 50%;
}
.entry-meta ul:not(.author-category-meta):not(.post-categories) li {
	margin: 0 0px 0 0px;
	padding-left:0;
}
.entry-meta ul:not(.author-category-meta):not(.post-categories) li:not(.entry-author-avatar):not(.entry-read-time):not(:last-child)::after {
	content:"\2015"; /* dash */
	margin-left:0px;
	color: var(--entry-meta-color);
	font-weight: 500;
}
.has-post-thumbnail:not(.disabled-post-thumbnail):not(.cover):not(.default-alt).has-meta-read-time .entry-meta ul:not(.author-category-meta):not(.post-categories) li:nth-last-child(2)::after {
	content: none;
}
.entry-meta i {
	font-style: normal;
	font-weight: 500;
}
/*.entry-meta time,*/
.entry-meta .entry-read-time {
	text-transform: none;
}
.flex-box.has-post-thumbnail:not(.disabled-post-thumbnail):not(.cover):not(.default-alt):not(.hero):not(.has-featured-media-caption) .entry-meta li.entry-read-time {
	position: absolute;
	top: -11px;
	right: 30px;
	background: var(--post-background);
	border-radius: var(--misc-border-radius);
	padding:6px 8px 7px 8px;
	font-size: 13px;
	line-height: 1;
	height:27px;
}
/* Meta Icons */
.entry-read-time::before {
	font-family: "fontello";
	content:"\e817";
	color: var(--entry-meta-color);
	font-weight: 500;
}
.entry-content {
	color: var(--excerpt-color);
	margin:0;
	font-family: var(--body-font);
	padding: 0 30px;
	width:100%;
}
.excerpt {
	font-size: 0.875rem; /* 14px */
	line-height: 1.25rem;
}
.flex-box:not(.single-post):not(.single-page) .entry-content p {
	margin-bottom: 0;
	padding-bottom: 0;
}
.has-post-thumbnail:not(.disabled-post-thumbnail) .entry-content,
.disabled-post-thumbnail .entry-content {
	padding: 10px 30px 0 30px;
}
.has-meta-after-title.has-post-thumbnail .entry-content,
.has-meta-after-title:not(.has-post-thumbnail) .entry-content {
	margin-top: 10px;
	padding: 0 30px;
}
.entry-read-more {
	clear:both;
	display:block;
	padding: 23px 0 0 0;
	margin-right: 30px;
	margin-left: 30px;
	margin-top: 30px;
	text-align: left;
	border-top: 1px solid var(--light-border-color);
	color: var(--entry-meta-color);
}
.read-more {
	display:inline-block;
	padding:0;
	text-transform: capitalize;
	font-weight: inherit;
	font-size: 0.875rem;
	background: none;
	color: var(--continue-reading-color);
	font-weight: 900;
}
.read-more::before {
	content:"\2015"; /* middle dot */
	margin-right:3px;
	color: var(--medium-grey);
	font-weight: 500;
}
.read-more:hover {
	color: var(--link-hover-color);
}
/*----------------------------------------*/
/* Image Format & cover format            */
/*----------------------------------------*/
.flex-box.cover:not(.single-page) {
	justify-content: center;
	padding-bottom: 0;
	border-radius: var(--default-border-radius);
}
.cover .post-thumbnail {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.cover .post-thumbnail img {
	display:flex;
	object-fit: cover;
	filter: brightness(60%);
	border-radius: var(--default-border-radius);
}
.cover:not(.has-post-thumbnail) .entry-header,
.cover.disabled-post-thumbnail .entry-header,
.cover:not(.single-post) .entry-content {
	padding:30px;
}
.cover .entry-content {
	padding-top: 0;
}
.has-post-thumbnail:not(.disabled-post-thumbnail).cover .entry-header {
	color: var(--white);
	background: var(--overlay-gradient);
	position: absolute;
	bottom:0;
	left:0;
	width:100%;
	margin:0;
	padding: 30px;
	border-radius: var(--default-border-radius);
}
.cover .post-thumbnail {
	border-radius: var(--default-border-radius);
}
.cover .entry-title {
	margin-bottom: 0;
}
.has-post-thumbnail.cover .entry-title {
	color: var(--white);
}
.has-post-thumbnail:not(.disabled-post-thumbnail).cover .entry-meta ul li {
	color: var(--white);
}
.cover.flex-box .entry-meta.before-title ul li:not(.category-list) {
	border: 0;
}
.has-post-thumbnail:not(.disabled-post-thumbnail).cover .entry-header a {
	color: var(--white);
	text-decoration:none;
	border:0;
}
.has-post-thumbnail:not(.disabled-post-thumbnail).cover .entry-read-time::before {
	color: var(--white);
}
/* Set the height of cover cols-4 to square */
.cols-4[data-thumbnail="uncropped"] .flex-box.cover:not(.has-custom-image-format) .post-thumbnail,
.cols-4[data-thumbnail="landscape"] .flex-box.cover:not(.has-custom-image-format) .post-thumbnail {
	flex: 1 0 auto;
	height:auto;
}
.cols-4[data-thumbnail="uncropped"] .flex-box.cover:not(.has-custom-image-format) .post-thumbnail::before,
.cols-4[data-thumbnail="landscape"] .flex-box.cover:not(.has-custom-image-format) .post-thumbnail::before {
	content: '';
	float:left;
	padding-top: 100%;
}
.cover.has-post-thumbnail .entry-meta ul:not(.author-category-meta):not(.post-categories) li:not(.entry-author-avatar):not(.entry-read-time):not(:last-child)::after {
	color: var(--white);
}
/* In loop archive header */
/* Formats and sticky  */
.sticky {
	display:flex;
}
/* Related posts */
/*----------------------------------------*/
/* 9.4 SINGLE */
/*----------------------------------------*/
.the-post .single-post {
	margin-bottom: 0;
	border-radius: var(--default-border-radius) var(--default-border-radius) 0 0;
	background:none;
	box-shadow:none;
}
.the-post .single-post.card {
	background: var(--single-post-background);
	box-shadow: var(--default-box-shadow);
	padding-bottom: 0;
}
.the-post .flex-box.single-page.card {
	padding-bottom: 5px;
}
.the-post .single-post.card:not(.has-tags):not(.has-post-share) {
	border-radius: var(--default-border-radius);
	padding-bottom: 5px;
	margin-bottom: 30px;
}
.the-post .entry-content p,
.home.page div[class*="cols"] .entry-content p {
	margin:0 0 25px 0;
}
.the-post .entry-content div[class*="wp-block"]:last-child {
	margin-bottom: 30px;
}
.the-post .single-post .entry-content,
.the-post .single-post .entry-header,
.the-post .page .entry-content,
.the-post .page .entry-header,
.home.page div[class*="cols"] .flex-box .entry-content,
.home.page div[class*="cols"] .flex-box .entry-header {
	max-width:915px;
	margin:auto;
	width:100%;
	padding: 20px 30px 20px 30px;
}
.the-post .single-page:not(.has-post-thumbnail),
.the-post .single-page.hero.has-post-thumbnail,
.home.page .single-page:not(.has-post-thumbnail) {
	padding-top: 25px;
}
.single-post.hero .entry-header,
.page.hero .entry-header {
	padding: 30px 30px 15px 30px;
}
.single-post.hero:not(.card) .entry-header {
	padding-top: 15px;
}
.the-post .single-post.disabled-post-thumbnail .entry-header,
.the-post .single-post:not(.has-post-thumbnail):not(.post_format-post-format-video) .entry-header,
.the-post .page.has-post-thumbnail .entry-header  {
	padding-top: 30px;
}
.single-post .entry-title,
.the-post .single-post h2,
.the-post .single-post h3,
.the-post .single-post h4 {
	color: var(--single-entry-title-color);
}
.the-post .single-post:not(.has-featured-media-caption).has-post-thumbnail:not(.disabled-post-thumbnail):not(.hero):not(.default-alt) .entry-meta.before-title {
	margin-top: -34px;
	padding-right: 150px;
	z-index: 200;
	position: relative;
}

.single-post.hero.has-post-thumbnail:not(.cover) .entry-meta li.entry-read-time {
	position: static;
	padding:0;
}

.single-post.hero.has-post-thumbnail .entry-meta ul:not(.author-category-meta):not(.post-categories) li:not(.entry-author-avatar):not(.entry-read-time):not(:last-child)::after {
	content:"\2015" !important; /* dash */
	margin-left:0px;
	color: var(--single-entry-meta-color);
	font-weight: 500;
}
.the-post .single-post:not(.cover):not(.has-post-thumbnail) .entry-meta.before-title ul li:not(.category-list) {
	margin-right: 0;
}
.single-post.flex-box:not(.cover) .entry-meta.after-title a {
	color: var(--single-entry-meta-link-color);
}
.single-post.flex-box:not(.cover) .entry-meta,
.single-post .entry-read-time::before,
.single-post.flex-box:not(.cover).entry-meta ul:not(.author-category-meta):not(.post-categories) li:not(.entry-author-avatar):not(.entry-read-time):not(:last-child)::after {
	color: var(--single-entry-meta-color);
}
.single-post.flex-box.has-post-thumbnail:not(.disabled-post-thumbnail):not(.cover) .entry-meta li.entry-read-time {
    background: var(--single-post-background);
}
.single-post.flex-box.has-post-thumbnail:not(.disabled-post-thumbnail):not(.cover) .entry-meta.before-title ul li:not(.category-list) {
    border-color: var(--single-post-background);
}
.single-post.flex-box:not(.card).has-post-thumbnail:not(.disabled-post-thumbnail):not(.cover) .entry-meta li.entry-read-time {
    background: var(--body-background);
}
.single-post.flex-box:not(.card).has-post-thumbnail:not(.disabled-post-thumbnail):not(.cover) .entry-meta.before-title ul li:not(.category-list),
.single-post.flex-box:not(.card).disabled-post-thumbnail:not(.cover) .entry-meta.before-title ul li:not(.category-list) {
    border-color: var(--body-background);
}
/* Alt. Layout Flex-order */
/* We add a wrapper to cover single() */
.single-post.has-post-thumbnail:not(.disabled-post-thumbnail).cover .entry-header {
	padding: 40px;
}
/* Gutenberg embeds*/
.the-post .single-post .entry-content:not(.custom-excerpt),
.the-post .page .entry-content,
.home.page div[class*="cols"] .flex-box .entry-content {
	text-align: left;
	font-size: 1.1875rem;
	line-height: 1.5;
	color: var(--single-entry-font-color);
	padding: 10px 30px 0 30px;
}
.the-post .single-post.cover.card .post-thumbnail,
.the-post .single-post.cover.card .post-thumbnail img,
.the-post .single-post.cover.card .entry-header,
.the-post .single-page.cover.card .post-thumbnail,
.the-post .single-page.cover.card .post-thumbnail img,
.the-post .single-page.cover.card .entry-header {
	border-radius: var(--default-border-radius) var(--default-border-radius) 0 0;
}
.the-post .single-post:not(.card) .post-thumbnail img,
.the-post .single-page:not(.card) .post-thumbnail img {
	border-radius: var(--default-border-radius) ;
}
.the-post .single-post .post-thumbnail img,
.the-post .single-page .post-thumbnail img,
.hero .hero-entry .post-thumbnail img  {
	animation: fadein 1s;
}
/* Hero layout */
[data-thumbnail="uncropped"] .media-wrapper {
	padding-bottom: 66.75%;
}
[data-thumbnail="uncropped"] article:not(.single-post) .media-wrapper iframe {
	height: 90%;
	margin-top: 3%;
}
[data-thumbnail="uncropped"] article:not(.single-post) .media-wrapper .mejs-container {
	margin-top: 5%;
}
[data-thumbnail="landscape"] article:not(.single-post) .media-wrapper {
	padding-bottom: 66.75%;
}
[data-thumbnail="landscape"] article:not(.single-post) .media-wrapper iframe {
	height: 90%;
	margin-top: 3%;
}
[data-thumbnail="landscape"] article:not(.single-post) .media-wrapper .mejs-container {
	margin-top: 5%;
}
[data-thumbnail="square"] article:not(.single-post) .media-wrapper {
	padding-bottom: 100%;
}
[data-thumbnail="square"] article:not(.single-post) .media-wrapper iframe  {
	height: 56.25%;
	margin-top: 22%;
}
[data-thumbnail="square"] article:not(.single-post) .media-wrapper .mejs-container  {
	margin-top: 22%;
}
[data-thumbnail="portrait"] article:not(.single-post) .media-wrapper {
	padding-bottom: 149.88%;
}
[data-thumbnail="portrait"] article:not(.single-post) .media-wrapper iframe {
	height: 56.25%;
	margin-top: 33%;
}
[data-thumbnail="portrait"] article:not(.single-post) .media-wrapper .mejs-container {
	margin-top: 43%;
}
/* Author Bio */
/* Sticky element */
.single-content-wrapper {
	position: relative;
	width:100%;
}
.has-sticky-nav.body-fix .sticky-element {
	top:110px;
}
/* Hidden if we have sidebar */
/* List styling in single */
.entry-content ul {
	list-style: initial;
}
.entry-content ul li > ul {
	list-style: circle;
}
.the-post .page .entry-title {
	margin-bottom: 0;
}
/* Single with sidebar */
.has-sidebar .the-post[data-thumbnail="hero"] .flex-box.cover .cover-wrapper {
	display:flex;
	flex: 1 0 auto;
	height:auto;
	max-height: 100%;
}
.has-sidebar .the-post[data-thumbnail="hero"] .flex-box.cover .cover-wrapper::before {
	content: '';
	float:left;
	padding-top: 56.25%;
}
/*--------------------------------------------------------------
9.5 Alignments
--------------------------------------------------------------*/
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top:30px;
	margin-bottom: 30px;
}
/*----------------------------------------*/
/* 10.0 NAVIGATION */
/*----------------------------------------*/
/*----------------------------------------*/
/* 10.1 PRIMARY NAV */
/*----------------------------------------*/
.menu-primary-navigation-container {
	margin:0;
	padding:5px 0;
	display:flex;
	flex-grow: 1;
}
/* Logo left menu right */
.primary-nav {
	list-style: none;
	margin:0 auto;
	padding:0;
	min-height: 55px;
	display:flex;
	width:100%;
	justify-content: center;
}
.primary-nav li {
	font-size: 0.875rem;
	font-family: var(--title-font);
	font-weight: 700;
	line-height: 1.1;
	position: relative;
	color: var(--primary-nav-link-color);
	margin:0;
	padding:0;
}
.primary-nav a {
	padding:20px 15px;
	display:block;
	color: var(--primary-nav-link-color);
	text-decoration: none;
}
.primary-nav li:hover > a {
	color: var(--primary-nav-link-hover-color);
}
/* Sash */
/* Has sub menu styling */
.primary-nav li.menu-item-has-children > a::after {
	font-family: fontello;
  	content: "\e806 "; /* chevron down */
  	font-weight: 300;
  	margin-left: 5px;
}
/* child menu */
.primary-nav li ul.sub-menu {
	width:200px;
	position: absolute;
	top: 100%;
	left:0;
	visibility: hidden;
	opacity: 0;
	z-index: 2000;
	transition: all 0.2s ease;
	background: var(--primary-nav-submenu-background);
	border-top:0;
	text-align: left;
	margin:0;
	padding:0;
	border-radius: var(--default-border-radius);
	box-shadow: 0 0 15px rgba(0,0,0,0.07);
}
.primary-nav li ul.sub-menu li {
	line-height: 1.5;
	width:100%;
	color: var(--white);
}
.primary-nav li ul.sub-menu li a {
	padding: 15px 30px;
	color: var(--primary-nav-submenu-link-color);
}
.primary-nav li ul.sub-menu li a:hover {
	color: var(--primary-nav-submenu-link-hover-color);
}
.primary-nav li:hover > ul.sub-menu {
	visibility: visible;
	opacity: 1;
}
/* Grandchild menu */
.primary-nav li ul.sub-menu li ul.sub-menu {
	left: 100%;
	top: 0;
}
.primary-nav li ul.sub-menu li ul.sub-menu::before {
	content: none;
}
.current-menu-item a {
	color: var(--primary-nav-link-hover-color);
}
.primary-nav li ul.sub-menu li.current-menu-item a {
	color: var(--primary-nav-submenu-link-hover-color);
}
/* Toggle Icons */
.toggle {
	display: flex;
	align-items: center;
	font-weight: 700;
	font-size: 0.875rem;
	color: var(--primary-nav-link-color);
}
.toggle.toggle-search {
	justify-content: flex-end;
}
.toggle i[class*="icon"] {
	font-size: 0.9375rem;
	display:inline-block;
	cursor: pointer;
	color: var(--toggle-icon-color);
	margin-right: 10px;
}
.toggle.toggle-search i {
	margin-right:0;
	margin-left: 5px;
	/*float:right;*/
}
.toggle span:not(.has-toggle-text) i {
	margin-right: 0;
	margin-left: 0;
}
.toggle span {
	background: var(--toggle-background-color);
	display:flex;
	justify-content: center;
	align-items: center;
	transition: all 0.2s ease;
	padding: 10px 17px 10px 15px;
	border-radius: 20px;
	color: var(--toggle-icon-color);
}
.toggle-search span {
	flex-direction: row-reverse;
	padding: 10px 15px 10px 17px;
}
.toggle span:hover {
	background: var(--toggle-hover-background-color);
	cursor: pointer;
}
/* pill & subscribe link */
/*----------------------------------------*/
/* 10.3 SLIDE OUT SIDEBAR  */
/*----------------------------------------*/
.slide-menu {
	width:100%;
	max-width: 380px;
	height: 100%;
	overflow:auto;
	background: var(--widget-background);
	position: fixed;
	top:0;
	left: -460px;
	transition: all 0.4s ease-in-out;
	z-index: 2000;
	padding: 30px 30px 40px 30px;
	font-size: 0.875rem;
	box-shadow: 0 5px 15px rgba(0,0,0,0.1)
}
.slide-menu.show {
	left: 0;
	z-index:4000;
}
.slide-menu span.close-menu {
	display:block;
	margin: 10px 0 10px 10px;
	text-align: right;
	cursor: pointer;
	position: relative;
	font-size: 18px;
	color: var(--widget-font-color);
}
.slide-menu .logo-wrapper {
	max-width:100%;
	visibility: visible;
	text-align: center;
}
.slide-menu .custom-logo-link {
	font-size: 2rem; /* 32px */
	margin:20px auto 20px auto;
	letter-spacing: -1px;
	color: var(--sidebar-logo-color);
}
.slide-menu a {
	text-decoration: none;
}
/* Slide/toggle primary nav */
.primary-nav-sidebar-wrapper {
	margin: 15px 0;
}
.slide-menu .primary-nav-sidebar {
	background: none;
	list-style: none;
	margin:0;
	padding:0;
	color: var(--widget-font-color);
	font-family: var(--title-font);
}
.slide-menu .primary-nav-sidebar li {
	position: relative;
	border-bottom: 1px solid var(--widget-line-color);
	margin:0;
	padding-left: 0;
}
.slide-menu .primary-nav-sidebar li a {
	font-size: 1rem;
	font-weight: 800;
	padding:15px 0;
	display:inline-block;
	color: var(--primary-nav-sidebar-link-color);
}
.slide-menu ul.primary-nav-sidebar ul.sub-menu {
	display:none;
	list-style: none;
	margin:0;
	padding:0;
	border-top: 1px solid var(--widget-line-color);
	background: var(--primary-nav-sidebar-submenu-background);
}
.slide-menu ul.primary-nav-sidebar ul.sub-menu li {
	padding-left: 10px;
}
.slide-menu ul.primary-nav-sidebar ul.sub-menu li::before {
	content: "- ";
	color: var(--primary-nav-sidebar-submenu-link-color);
}
.slide-menu ul.primary-nav-sidebar ul.sub-menu li ul.sub-menu li::before {
	content: "- ";
	color: var(--primary-nav-sidebar-submenu-sub-link-color);
}
.slide-menu ul.primary-nav-sidebar .sub-menu li:last-of-type {
	border:0;
}
.slide-menu ul.primary-nav-sidebar .sub-menu li a {
	font-weight: 600;
	color: var(--primary-nav-sidebar-submenu-link-color);
}
.slide-menu ul.primary-nav-sidebar ul.sub-menu li ul.sub-menu li a {
	font-weight: 600;
	color: var(--primary-nav-sidebar-submenu-sub-link-color);
}
/* Slide menu widgets */
.slide-menu .widget {
	padding:0;
	box-shadow: none;
}
.slide-menu .widget:first-of-type {
	margin-top: 30px;
}
.expand {
	display:none;
	width:40px;
	height: 49px;
	position: absolute;
	bottom:auto;
	top:0;
	right:0;
	cursor: pointer;
	border-left: 1px solid var(--widget-line-color);
}
.expand::after {
	font-family: fontello;
  	content: "\e806 "; /* chevron down */
  	font-size:12px;
  	position: absolute;
  	top:18px;
  	right:14px;
  	color: var(--primary-nav-sidebar-arrow-color);
}
.expand.close::after {
	content: "\e808 "; /* up chevron */
}
.slide-menu .primary-nav-sidebar .menu-item-has-children > .expand {
	display:block;
}
/* Slide menu active fade the body */
.body-fade {
	position: fixed;
	top:0;
	height: 100%;
	width:100%;
	background: var(--body-background);
	opacity: 0.96;
	display:none;
	z-index:1500;
}
/*----------------------------------------*/
/* 10.4 SLIDE OUT SEARCH */
/*----------------------------------------*/
/*----------------------------------------*/
/* 11.0 WIDGETS & PLUGINS */
/*----------------------------------------*/
.widget {
	padding:30px;
	font-family: var(--title-font);
	width:100%;
	line-height: 1.4;
	color: var(--widget-font-color);
	margin-bottom: 30px;
	border-radius: var(--default-border-radius);
	box-shadow: var(--default-box-shadow);
	background: var(--widget-background);
}
.widget ul,
.widget ol {
	list-style: none;
	margin:0;
	padding:0;
	color: var(--widget-meta-color);
	width:100%;
}
.widget select {
	width:100%;
	padding:7px;
	margin: 15px 0;
}
.widget img {
	border-radius: var(--default-border-radius);
	box-shadow: var(--default-box-shadow);
}
.widget img {
	box-shadow: none;
}
.widget ul > li,
.widget ol > li {
	border-bottom: 1px solid var(--widget-line-color);
	text-align: left;
	margin:0;
	padding:0;
}
.widget ul > li:last-child,
.widget ol > li:last-child {
	border:0;
}
.widget ul .children {
	border-top: 1px solid var(--widget-line-color);
}
.widget ul ul.children li ul.children li a::before {
	content:"\2015"; /* dash */
	margin-right:5px;
	color: var(--medium-grey);
	font-weight: 500;
}
.widget ul.children li:last-child {
	border:0;
}
.widget ul li a,
.widget ol li a {
	font-family: var(--title-font);
	font-size: 1.125rem;
	display:inline-block;
	padding: 13px 0;
	border:0;
	text-decoration: none;
	font-weight: 800;
	color: var(--widget-link-color);
}
.widget ul.children li a {
	color: var(--widget-child-link-color);
}
.widget button,
.widget input[type="submit"],
.widget .button {
	background: var(--widget-button-color);
}
/* NAV MENU */
/* SEARCH */
/* CALENDAR */
#today {
	color: var(--white);
	background: none;
	position: relative;
	z-index: 200;
}
#today::before {
	content: '';
	width: 30px;
	height:30px;
	background: var(--light-grey);
	position: absolute;
	top:calc(50% - 15px);
	left:calc(50% - 15px);
	border-radius: 50%;
	z-index: -1;
}
/* TAGS */
/* RSS */
/* RECENT COMMENTS */
/* RECENT ENTRIES */
/* TEXT WIDGET */
/* GALLERY WIDGET */
/* Image Widget */
/*----------------------------------------*/
/* 340 CUSTOM WIDGETS */
/*----------------------------------------*/

/* 340 POSTS WIDGET */

/* No thumbnail all layouts*/
/* With Thumbnails */
/* List style GRID with Thumbnails */
/* List style LIST FIRST GRID with Thumbnails */
/* Style the ordered list for post count option */
/* No thumbnails */
/* Has post thumbnails */
/* 340 SOCIAL WIDGET */
/* Icon ONLY */
/* No Background */
/* Post share styling */
/* Brand colours */

/* No Background brand */
/*----------------------------------------*/
/* SUPPORTED THIRD PARTY WIDGETS/PLUGINS  */
/*----------------------------------------*/
/* MAILCHIMP */
/* WP Instagram */
/* Contact Form 7 */
/* Special Highlight Widget */
/* Has post thumbnails */
/*----------------------------------------*/
/* Footer top and bottom widget styling   */
/*----------------------------------------*/
.footer-bottom .widget:not(.null-instagram-feed):not(.widget_instagram-feed-widget) {
	flex-grow:1;
	max-width: 728px; /* Leaderboard */
	align-self: center;
}
.footer-bottom .widget {
	margin-bottom: 40px;
}
/* MAILCHIMP */
/* 340 posts widget */
/* hero mailchimp */
/*----------------------------------------*/
/* FOOTER WIDGETS                         */
/*----------------------------------------*/
.footer-widget-area .widget:not(.widget_search) {
	color: var(--footer-columns-widget-font-color);
	background: none;
	padding:0;
	box-shadow: none;
	border-radius: none;
}
 .footer-widget-area .widget .button {
    background: var(--footer-columns-widget-button-color);
}
/* Increase the spacing between list elements for post and comment style widgets */
/* POst widget meta colors */
/* Has post thumbnails */
/* Footer Bottom */
.footer-bottom {
	flex-direction: column;
	background: var(--footer-bottom-background);
}
/* wp instagram */
/* 340 Social plugin */
/* Footer bottom colour settings */
.footer-widget-area.footer-bottom .widget:not(.widget_search) {
	color: var(--footer-widget-font-color);
	background: none;
	padding:0;
	box-shadow: none;
	border-radius: none;
}
.footer-widget-area.footer-bottom .widget li,
.footer-widget-area.footer-bottom .widget ul .children {
	border-color: var(--footer-widget-line-color);
}
.footer-widget-area.footer-bottom .widget ul,
.footer-widget-area.footer-bottom .widget ol {
	color: var(--footer-widget-meta-color);
}
.footer-widget-area.footer-bottom .widget ul li a,
.footer-widget-area.footer-bottom .widget ol li a {
	color: var(--footer-widget-link-color);
}
.footer-widget-area.footer-bottom .widget ul.children li a {
	color: var(--footer-widget-child-link-color);
}
.footer-widget-area.footer-bottom .widget button, .footer-widget-area.footer-bottom .widget input[type="submit"], .footer-widget-area .widget .button {
    background: var(--footer-widget-button-color);
}
/* POst widget meta colors */
/* Has post thumbnails */
/*-------------------------------------------------------------
12.0 Galleries
-------------------------------------------------------------*/
.gallery {
	display:flex;
	flex-wrap: wrap;
	width:100%;
}
.the-post .single-post .gallery {
	width:calc(100% + 30px);
	margin-left: -15px;
}
/* Set the gallery item widths */
/* Basis and max is 3 columns */
/*---------------------------------------*/
/* 13.0 Pagination                       */
/*---------------------------------------*/
/* Page nav links */
/* Arrows */
/* Single previous/next article */
body:not(.has-comments) .post-navigation {
	margin-bottom: 0;
}
/* Page pagination */
/*-------------------------------------------------------------
14.0 Comments
-------------------------------------------------------------*/
body:not(.comment-page) #comments.comments-area.closed {
	display:none;
}
.parent {
	border:0;
	padding-bottom: 0;
}
/* a reply */
.reply {
	padding-left: 70px;
	padding-top: 15px;
}
/* Comment form */
/* float the last 4 form elements */
/*----------------------------------------*/
/* 15.0 MISC. & CUSTOM  */
/*----------------------------------------*/
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* 340 Related posts */

/* Category Featured posts*/
/* Home Featured posts*/
/* Featured posts carousel */
/* Set slide width (before and after initialization) to prevent jumping on slow connections/servers */
/* Center Mode Add padding */
/*----------------------------------------*/
/* Slick Dots */
/*----------------------------------------*/
/* Prev/Next buttons*/
/* Jetpack Plugin styling */
/*----------------------------------------*/
/* 16.0 MEDIA QUERIES  */
/*----------------------------------------*/
@media (max-width:1280px) {
	/* Alignments */
	.cols-4 .flex-box {
		width: calc(100% / 3 - 30px);
	}
	/* Reset split class */
	/*.split-4-2 .flex-box:last-child .post-thumbnail,*/
	/*.split-4-2 .flex-box:last-child .post-thumbnail::before,*/
	.cols-4[data-thumbnail="uncropped"] .flex-box.cover:not(.has-custom-image-format) .post-thumbnail::before,
	.cols-4[data-thumbnail="landscape"]:not(.carousel) .flex-box.cover:not(.has-custom-image-format) .post-thumbnail::before {
		content: '';
		float:left;
		padding-top: 66.75%;
	}
	/*.split-4-2 .flex-box:last-child .post-thumbnail img,*/
	.cols-4 .flex-box .entry-title {
		font-size: 1.625rem;
	}
	.grid.break-3-split-3-2 .flex-box:nth-last-child(-n+2) .entry-title {
		font-size: 2rem;
	}
}
@media (max-width:1250px) {
	.cols-2[data-thumbnail="landscape"].carousel.full-width .flex-box.cover .post-thumbnail  {
		flex: 1 0 auto;
		height:auto;
	}
	.cols-2[data-thumbnail="landscape"].carousel.full-width .flex-box.cover:not(.has-custom-image-format) .post-thumbnail::before {
		content: '';
		float:left;
		padding-top: 100%;
	}
}
@media (max-width:1200px) {
	.cols-3[data-thumbnail="landscape"] .flex-box.cover .post-thumbnail,
	.has-sidebar .cols-2[data-thumbnail="landscape"]:not(.carousel) .flex-box.cover .post-thumbnail  {
		flex: 1 0 auto;
		height:auto;
	}
	.cols-3[data-thumbnail="landscape"] .flex-box.cover:not(.has-custom-image-format) .post-thumbnail::before,
	.cols-3[data-thumbnail="uncropped"] .flex-box.cover:not(.has-custom-image-format) .post-thumbnail::before,
	.cols-4[data-thumbnail="uncropped"] .flex-box.cover:not(.has-custom-image-format) .post-thumbnail::before,
	.cols-4[data-thumbnail="landscape"] .flex-box.cover:not(.has-custom-image-format) .post-thumbnail::before,
	.has-sidebar .cols-2[data-thumbnail="landscape"]:not(.carousel) .flex-box.cover:not(.has-custom-image-format) .post-thumbnail::before {
		content: '';
		float:left;
		padding-top: 100%;
	}
	.split-3-1[data-thumbnail="landscape"] .flex-box.cover:last-child .post-thumbnail {
		display:block;
	}
	.split-3-1[data-thumbnail="landscape"] .flex-box.cover:last-child .post-thumbnail::before {
		content: none;
	}
	.split-3-1[data-thumbnail="landscape"] .flex-box.cover:last-child .post-thumbnail img {
		position: static;
	}
	/* Single */
}
@media (max-width: 1060px) {
	.mobile-only {
		display:inline-block !important;
		visibility: visible;
	}
	.mobile-header.mobile-only {
		display: flex !important;
	}
	.slide-menu .logo-wrapper.mobile-only {
		display: flex !important;
	}
	.primary-nav-sidebar-wrapper.mobile-only {
		display:block !important;
	}
	.slide-menu ul.primary-nav-sidebar .sub-menu li a,
	.slide-menu ul.primary-nav-sidebar ul.sub-menu li ul.sub-menu li a {
		font-weight: 800;
	}
	/* Mobile header breakpoint */
	.site-header {
		margin-bottom: 0;
		margin-top:0;
	}
	.site-header .header-layout-wrapper {
		display:none;
	}
	/* Custom header */
	.has-custom-header .site-header {
		margin-bottom: 15px;
	}
	/* Sidebar now stacked */
	/* Reset single author bio and share */
	.has-sidebar .cols-2[data-thumbnail="landscape"] .flex-box.cover:not(.has-custom-image-format) .post-thumbnail::before {
		content: none;
	}
	/* reset the entry-title in px */
	.cols-4:not([data-thumbnail="portrait"]) .flex-box.cover:not(.has-custom-image-format) .entry-title,
	.cols-3:not([data-thumbnail="portrait"]) .flex-box.cover:not(.has-custom-image-format) .entry-title,
	.cols-4[data-style="cover"]:not([data-thumbnail="portrait"]) .flex-box.cover .entry-title,
	.cols-3[data-style="cover"]:not([data-thumbnail="portrait"]) .flex-box.cover .entry-title {
		font-size: 24px;
		line-height: 1.3;
	}
	/* split grid */
	.cols-2 .flex-box:not(.archive-info) .entry-title,
	.split-3-2 .flex-box:nth-last-child(-n+2) .entry-title,
	.cols-4.grid.break-3-split-3-2 .flex-box:nth-last-child(-n+2) .entry-title {
		font-size: 32px;
	}
	.cols-4:not([data-thumbnail="portrait"]) .flex-box.cover:not(.has-custom-image-format) .entry-meta.after-title,
	.cols-3:not([data-thumbnail="portrait"]) .flex-box.cover:not(.has-custom-image-format) .entry-meta.after-title {
		display:none;
	}
	/* cols-1 widget reset */
	.cols-1 .flex-box .widget {
		margin-bottom: 0;
	}
	.site-footer .flex-grid.cols-3 {
		flex-direction: column;
	}
	.site-footer .flex-grid.cols-3 .flex-box {
		width:100%;
		flex-grow: 1;
		align-self: center;
		margin: 0;
		max-width: 600px;
		padding: 10px 30px 30px 30px;
	}
	/* Widgets */
	/* Single */
	/* Post blocks Plugin */
	
	.home:not(.has-hero):not(.has-featured-posts):not(.has-custom-post-blocks) .section-header {
	    padding-top: 30px;
	}
	/* Category featured posts */
}
@media (max-width: 960px ) {
	.cols-4 .flex-box,
	.cols-3 .flex-box {
		width:calc(100% / 2 - 30px);
		height:auto !important;
	}
	.flex-grid.cols-4 .flex-box:not(.archive-info) .entry-title,
	.flex-grid.cols-3 .flex-box:not(.archive-info) .entry-title,
	.flex-grid.cols-2 .flex-box:not(.archive-info) .entry-title,
	.flex-grid.cols-4[data-style="cover"] .flex-box.cover .entry-title,
	.flex-grid.cols-3[data-style="cover"] .flex-box.cover .entry-title,
	.cols-4:not([data-thumbnail="portrait"]) .flex-box.cover:not(.has-custom-image-format) .entry-title,
	.cols-3:not([data-thumbnail="portrait"]) .flex-box.cover:not(.has-custom-image-format) .entry-title {
		font-size: 28px;
	}
	.cols-2[data-thumbnail="uncropped"] .flex-box.cover:not(.has-custom-image-format) .post-thumbnail {
		flex: 1 0 auto;
		height:auto;
	}
	.cols-3[data-thumbnail="landscape"]:not(.carousel) .flex-box.cover:not(.has-custom-image-format) .post-thumbnail::before,
	.cols-3[data-thumbnail="uncropped"] .flex-box.cover:not(.has-custom-image-format) .post-thumbnail::before,
	.cols-4[data-thumbnail="uncropped"] .flex-box.cover:not(.has-custom-image-format) .post-thumbnail::before,
	.cols-4[data-thumbnail="landscape"]:not(.carousel) .flex-box.cover:not(.has-custom-image-format) .post-thumbnail::before,
	.cols-2[data-thumbnail="uncropped"] .flex-box.cover:not(.has-custom-image-format) .post-thumbnail::before {
		content: '';
		padding-top: 66.75%;
		float:left;
	}
	/* Single */
	.the-post[data-thumbnail="hero"] .flex-box.cover .cover-wrapper {
		display:flex;
		flex: 1 0 auto;
		height:auto;
		max-height: 100%;
	}
	.the-post[data-thumbnail="hero"] .flex-box.cover .cover-wrapper::before {
		content: '';
		float:left;
		padding-top: 56.25%;
	}
	.single-post.has-post-thumbnail:not(.disabled-post-thumbnail).cover .entry-header {
	    padding: 30px;
	}

}
@media (max-width: 890px) {
	.flex-grid:not(.cols-1):not([data-thumbnail="portrait"]):not([data-thumbnail="square"]):not(.hero):not(.the-post) .flex-box.cover:not(.has-custom-image-format) .entry-meta.after-title {
		display:none;
	}
	.cols-4[data-thumbnail="landscape"] .flex-box.cover:not(.has-custom-image-format) .entry-title,
	.cols-3[data-thumbnail="landscape"] .flex-box.cover:not(.has-custom-image-format) .entry-title,
	.cols-2[data-thumbnail="landscape"] .flex-box.cover:not(.has-custom-image-format) .entry-title,
	.cols-4[data-thumbnail="uncropped"] .flex-box.cover:not(.has-custom-image-format) .entry-title,
	.cols-3[data-thumbnail="uncropped"] .flex-box.cover:not(.has-custom-image-format) .entry-title,
	.cols-2[data-thumbnail="uncropped"] .flex-box.cover:not(.has-custom-image-format) .entry-title,
	.flex-grid.cols-4[data-style="cover"][data-thumbnail="landscape"] .flex-box.cover .entry-title,
	.flex-grid.cols-3[data-style="cover"][data-thumbnail="landscape"] .flex-box.cover .entry-title,
	.flex-grid.cols-2[data-style="cover"][data-thumbnail="landscape"] .flex-box.cover .entry-title,
	.flex-grid.cols-4[data-style="cover"][data-thumbnail="landscape"] .flex-box.cover .entry-title,
	.flex-grid.cols-3[data-style="cover"][data-thumbnail="landscape"] .flex-box.cover .entry-title,
	.flex-grid.cols-2[data-style="cover"][data-thumbnail="landscape"] .flex-box.cover .entry-title {
		font-size: 26px;
	}
	/* Single */
	.cover h1.entry-title {
		font-size: 2.875rem;
	}
}
@media (max-width: 768px) {
	/* Single */
	blockquote {
		font-size: 30px;
		margin:50px 0 50px 0;
	}
	h1.page-title, h1.entry-title {
		font-size: 2.875rem;
		line-height: 1.2;
	}
	.cover h1.entry-title {
		font-size: 2.625rem;
	}
	/* Footer */
	.footer-widget-area.cols-1 .flex-box {
		margin:15px 0;
	}
	.footer-widget-area.flex-grid.cols-1 .widget:not(.null-instagram-feed):not(.widget_instagram-feed-widget) {
		max-width: 600px;
		margin-left:auto;
		margin-right: auto;
		padding-left:30px;
		padding-right: 30px;
	}
	.cols-2[data-thumbnail="landscape"] .flex-box.cover:not(.has-custom-image-format) .entry-title,
	.cols-2[data-thumbnail="uncropped"] .flex-box.cover:not(.has-custom-image-format) .entry-title,
	.cols-3[data-thumbnail="landscape"]:not(.carousel) .flex-box.cover:not(.has-custom-image-format) .entry-title,
	.cols-3[data-thumbnail="uncropped"] .flex-box.cover:not(.has-custom-image-format) .entry-title,
	.cols-4[data-thumbnail="landscape"] .flex-box.cover:not(.has-custom-image-format) .entry-title,
	.cols-4[data-thumbnail="uncropped"] .flex-box.cover:not(.has-custom-image-format) .entry-title,
	.flex-grid.cols-4[data-style="cover"][data-thumbnail="landscape"] .flex-box.cover .entry-title,
	.flex-grid.cols-3[data-style="cover"][data-thumbnail="landscape"] .flex-box.cover .entry-title,
	.flex-grid.cols-4[data-style="cover"][data-thumbnail="uncropped"] .flex-box.cover .entry-title,
	.flex-grid.cols-3[data-style="cover"][data-thumbnail="uncropped"] .flex-box.cover .entry-title,
	.flex-grid.cols-2[data-style="cover"][data-thumbnail="landscape"] .flex-box.cover .entry-title,
	.flex-grid.cols-2[data-style="cover"][data-thumbnail="uncropped"] .flex-box.cover .entry-title {
		font-size: 22px;
	}
	.cols-1 .entry-title {
		font-size: 2.375rem;
	}
	.cols-4[data-thumbnail="square"] .flex-box.cover:not(.has-custom-image-format) .entry-meta.after-title,
	.cols-2[data-thumbnail="square"] .flex-box.cover:not(.has-custom-image-format) .entry-meta.after-title {
		display:none;
	}
}
@media (max-width:680px) {
	.flex-grid:not(.cols-1):not([data-thumbnail="portrait"]):not([data-thumbnail="square"]):not(.the-post) .flex-box.cover:not(.has-custom-image-format) .post-thumbnail {
		flex: 1 0 auto;
		height:auto;
	}
	.flex-grid:not(.cols-1):not([data-thumbnail="portrait"]):not([data-thumbnail="square"]):not(.the-post) .flex-box.cover:not(.has-custom-image-format) .post-thumbnail::before {
		content: '';
		float:left;
		padding-top: 100%;
	}
	/* Fix the archive entry-title size */
	.flex-grid[class*="cols"]:not(.cols-1) .flex-box:not(.archive-info) .entry-title {
		font-size: 22px;
	}
	
	.flex-grid.cols-1:not(.single-hero) .flex-box:not(.archive-info) .entry-title {
		font-size: 42px;
	}
	/* Single */
	.the-post[data-thumbnail="hero"] .flex-box.default:not(.previous-article):not(.next-article) .post-thumbnail {
		display:flex;
		flex: 1 0 auto;
		height:auto;
		max-height: 100%;
	}
	.the-post[data-thumbnail="hero"] .flex-box.default:not(.previous-article):not(.next-article) .post-thumbnail::before {
		content: '';
		float:left;
		padding-top: 56.25%;
	}
	.single-post.cover .post-thumbnail img {
		transition: none;
	}
	.cover h1.entry-title {
		font-size: 2.25rem;
	}
	/* Comments */
	/* Gallery */
	/* Pagination */
}
@media (max-width: 640px ) {
	/* All posts now full width */
	.cols-4 .flex-box,
	.cols-3 .flex-box,
	.cols-2 .flex-box {
		width:100%;
	}
	.flex-grid:not(.cols-1):not([data-thumbnail="portrait"]):not([data-thumbnail="square"]):not(.carousel) .flex-box.cover .post-thumbnail::before {
		content:none !important;
	}
	.cols-4[data-thumbnail="landscape"] .flex-box:last-child .post-thumbnail img {
		position: static;
	}
	.flex-grid:not(.cols-1):not([data-thumbnail="portrait"]):not([data-thumbnail="square"]):not(.hero) .flex-box.cover:not(.has-custom-image-format) .entry-meta.after-title {
		display:block;
	}
	.flex-grid.cols-1.carousel[data-thumbnail="landscape"] .flex-box.cover .post-thumbnail {
		flex: 1 0 auto;
		height:auto;
	}
	.flex-grid.cols-1.carousel[data-thumbnail="landscape"] .flex-box.cover .post-thumbnail::before {
		content: '';
		float:left;
		padding-top: 100%;
	}
	/* Video format */
	/* Fix the archive entry-title size */
	#main .flex-grid:not(.the-post):not(.post-navigation) .flex-box:not(.archive-info) .entry-title,
	.flex-grid:not(.cols-1):not([data-thumbnail="portrait"]):not([data-thumbnail="square"]):not(.hero):not(.the-post) .flex-box.cover:not(.has-custom-image-format) .entry-title,
	.flex-grid:not(.the-post):not(.cols-1):not(.hero) .flex-box:not(.archive-info) .entry-title {
		font-size: 32px;
	}
}
@media (max-width: 580px) {
	/* All left and right alignments now full width */
	/* Post blocks */
	h1.page-title, h1.entry-title {
		font-size: 2.625rem;
	}
	/* Single */
	.the-post[data-thumbnail="hero"] .flex-box.cover .cover-wrapper::before,
	.has-sidebar .the-post[data-thumbnail="hero"] .flex-box.cover .cover-wrapper::before {
		padding-top: 66.75%;
	}
	/* Comments */
}
@media (max-width: 480px ) {
	.site-header .custom-logo-link {
		font-size: var(--small-mobile-logo-font-size);
		letter-spacing: -2px;
	}
	.site-header .custom-logo,
	.wp-custom-logo .mobile-header .logo-wrapper {
		max-width: var(--custom-logo-width-small);
	}
	.page-header,
	.section-header {
		text-align: center;
	}
	.flex-grid[class*="cols"]:not(.post-navigation):not(.single-hero) .flex-box .entry-title {
		font-size: 30px !important;
	}
	.flex-grid:not([data-thumbnail="square"]):not([data-thumbnail="portrait"]):not(.the-post) .flex-box.cover:not(.has-custom-image-format) .entry-meta.after-title {
		display:none !important;
	}
	.entry-read-more {
		margin-top: 15px;
	}
	/* Single */
	/* Remove left/Right Padding */
	.the-post .single-post:not(.card) .entry-content,
	.the-post .single-post:not(.card):not(.cover) .entry-header,
	.the-post .page:not(.card) .entry-content,
	.the-post .page:not(.card) .entry-header
	 {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
	.the-post .single-post .entry-content:not(.custom-excerpt),
	.the-post .page .entry-content
	 {
		font-size: 1.125rem;
	}
	blockquote {
		font-size: 26px;
		padding: 0 15px;
		line-height: 1.1;
		padding-left: 20px;
		padding-right: 20px;
	}
	h1.page-title, h1.entry-title {
		font-size: 2.125rem;
	}
	.cover h1.entry-title {
		font-size: 1.875rem;
	}
	.single-post.cover .entry-meta.before-title {
		display:none;
	}
	.single-post.cover .entry-meta.after-title {
	    font-size: 0.75rem;
	}
	.single-post.cover .entry-meta .avatar {
	    width: 30px;
	}
	.the-post .single-post:not(.has-featured-media-caption).has-post-thumbnail:not(.disabled-post-thumbnail):not(.hero) .entry-meta.before-title {
	    padding-right: 0;
	}
	.single-post.flex-box.has-post-thumbnail:not(.disabled-post-thumbnail):not(.cover) .entry-meta li.entry-read-time {
	    display:none;
	}
	ul,
	ol {
		margin-left:40px;
	}
	/* Default alt. */
}
@media (max-width:420px) {
	.flex-grid[class*="cols"] .flex-box.cover .entry-meta.after-title {
		display:none !important;
	}
	.flex-grid:not(.the-post):not(.hero) .flex-box:not(.archive-info) .entry-title,
	.flex-grid:not([data-thumbnail="square"]):not([data-thumbnail="portrait"]):not(.the-post):not(.hero) .flex-box:not(.archive-info) .entry-title,
	.flex-grid:not([data-thumbnail="square"]):not([data-thumbnail="portrait"]):not(.the-post):not(.hero) .flex-box.cover:not(.has-custom-image-format) .entry-title {
		font-size: 24px !important;
	}
	/* Single */
}
@media (max-width: 390px) {
	/* Gallery */
	.entry-content td {
	    display:block;
	    border-right:0 !important;
	 }
	 .entry-content tr {
	 	border-right: 1px solid var(--light-border-color)
	 }
	 .entry-content thead tr {
	 	border:0;
	 }
	h1.page-title, h1.entry-title {
		font-size: 2rem; /* 32px */
	}
	h2 {
		font-size: 1.75rem;
	}
	h3 {
		font-size: 1.5rem;
	}
	h4 {
		font-size: 1.25rem;
	}
}
/* ===================================================================
   Block content (gutenberg)
   =================================================================== */
/*
Theme: giovannitoccu (block content styles)
Description: Gutenberg FrontEnd Styles
Version: 1.0.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/**
 * Frontend gutenberg palette 
 */
/* Backgrounds */
/* Colors */
/**
 * Subhead
 */
/**
 * Dropcaps
 */
/**
 * Image Block Add top and bottom margin
 */
 
 /* Block group */
.wp-block-image {
 	margin-bottom: 0;
}
figure.wp-block-image {
	margin:auto;
 	margin-top: 30px;
 	margin-bottom: 30px;
}
figure.wp-block-image figcaption,
.wp-block-image figure[class*="align"] figcaption,
figure[class*="wp-block"] figcaption {
	text-align: center;
	margin-top: 0;
	margin-bottom: 1em;
	color: var(--medium-grey);
	font-size: 13px;
	width:100%;
	padding: 0 15px;
}
.wp-block-image figure[class*="align"] figcaption {
	width:auto;
}
/**
 * Latest posts Widget
 */
/* Alignfull & Wide */
/* Grid */
/* 3 or more columns set to 50% unless fullwidth */
/* Wide & Full width */
/* Left aligned image */
/**
 * Categories Widget
 */
/* Align Left Right  */
/**
 * Buttons
 */
/**
 * Gallery
 */
 .wp-block-gallery + h2,
 .wp-block-gallery + h3,
 .wp-block-gallery + h4 {
 	margin-top: 0;
 }
 /* We don't support left/right align galleries force full width */
.wp-block-gallery:not(.alignfull):not(.alignwide) {
	margin:0;
}
/* WP5.3 */
/* end */
/* Lose the left margin first item of each row */
/**
 * Columns and Layout elements
 */
/* First paragraph after has top margin */
/**
 * Seperator
 */
/**
 * Verse
 */
/**
 * Blockquotes & Pullquotes
 */
/* Has quotemarks classs styling */
/* Pullquotes */
/* Aligned Pullquotes */
/* Solid background style */
/**
 * Latest Comments Block Widget
 */
/* Full Align */
/* Left Right Align */
/* Left Right Align */
/**
 * Cover Images/Media
 */
/* Tables */
/* Embed Media all 100% width */
/* And old content wiht no wrapper */
/**
 * Woocommerce blocks
 */

 /* Products */
/* Featured product */
/* Reviews */
/* Product search */
/* Categories Widget */
/**
 * Media Queries
 */
@media (max-width:1060px) {
	/* Woocommerce blocks */
}
@media (max-width: 890px) {
	/* Gallery */
	
	.wp-block-columns.full {
		width:100%;
		margin:0 !important;
		padding:0;
	}
	.wp-block-columns:not(.has-columns-2):not(.has-columns-3)  {
		flex-wrap:wrap;
	}
	.wp-block-columns:not(.has-columns-2):not(.has-columns-3) .wp-block-column {
		flex-basis: calc(100% / 3 - 32px) !important;
		flex-grow: 1;
	}
	.wp-block-column:not(:first-child) {
	    margin-left: 32px;
	}
	.wp-block-columns:not(.has-columns-4) .wp-block-column:nth-child(4),
	.wp-block-columns:not(.has-columns-5) .wp-block-column:nth-child(4),
	.wp-block-columns:not(.has-columns-6) .wp-block-column:nth-child(4) {
		margin-left: 0;
	}
	/* Latest posts */
	/* Woocommerce blocks */
}
@media (max-width: 768px) {
	/* Latest posts */
	/* Woocommerce blocks */
}
@media (max-width:680px) {
	/* Block Columns Set all to 100% flex-basis */
	.the-post .single-post .wp-block-columns .wp-block-column,
	.the-post .single-page .wp-block-columns .wp-block-column {
		flex-basis: calc(100% / 2 - 32px) !important;
	}
	.wp-block-column:nth-child(2n) {
	    margin-left: 32px !important;
	}
	.wp-block-columns .wp-block-column:nth-child(odd) {
		margin-left:0;
	}
	.wp-block-columns .wp-block-column {
		padding:0;
	}
	/* Media text block */
	/* Separator */
	/* Latest Posts */
	/* Recent Comments */
	/* Woocommerce blocks */
}
@media (max-width:580px) {
	.wp-block-image figure[class*="align"] figcaption {
		width:100%;
	}
	/* Latest posts */
}
@media (max-width:480px) {
	.wp-block-image figcaption {
		width:100%;
	}
	.the-post .single-post .wp-block-columns .wp-block-column,
	.the-post .single-page .wp-block-columns .wp-block-column {
		flex-basis: 100% !important;
		margin:0 !important;
	}
	/* Latest posts */
}


/* ===================================================================
   Site overrides
   =================================================================== */
/* ------------------------------------------------------------------
   CMS overrides — minimal supplements to the base theme.
   The live WordPress site serves pre-cropped thumbnail images (600x400,
   3:2). This Astro CMS stores full-size featured images, so we enforce
   the same uniform aspect ratio the theme assumes, to reproduce the
   identical card grid. Keep this file tiny.
   ------------------------------------------------------------------ */

/* Homepage / archive card thumbnails: show each image at its own natural
   shape — no cropping. Overrides the theme's fixed-height cover crop. */
.flex-grid .flex-box.has-post-thumbnail .post-thumbnail {
  aspect-ratio: auto;
  overflow: hidden; /* keeps the rounded top corners clipped */
}
.flex-grid .flex-box.has-post-thumbnail .post-thumbnail img {
  width: 100%;
  height: auto;
  object-fit: contain;
}

/* Single post / page featured image: keep it tidy and rounded like the theme */
.single-post .post-thumbnail img,
.single-page .post-thumbnail img {
  width: 100%;
  height: auto;
  border-radius: var(--default-border-radius) var(--default-border-radius) 0 0;
}

/* Match the theme's readable single-column width AND body font on pages
   (the theme only applies these to .single-post, not .single-page) */
.the-post .single-page .entry-content {
  max-width: 915px;
  margin: auto;
  width: 100%;
  text-align: left;
  font-size: 1.1875rem;
  line-height: 1.5;
  color: var(--single-entry-font-color);
  padding: 10px 30px 20px 30px;
}

/* Give static pages the same white "card" look as single articles */
.the-post .single-page.card {
  background: var(--single-post-background);
  box-shadow: var(--default-box-shadow);
  border-radius: var(--default-border-radius);
  margin-bottom: 30px;
}

/* Space between the clock icon and the "X min. read" number */
.entry-read-time::before {
  margin-right: 5px;
}

/* Card previews (homepage / archives): smaller category pills and a
   slightly smaller read-time pill than the theme default. Selectors
   mirror the theme's own (style.css) prefixed with .flex-grid so they
   out-specify it; single posts/pages keep the theme's larger meta. */
.flex-grid .flex-box:not(.footer-column):not(.widget-in-loop) .entry-meta.before-title ul li:not(.category-list) a {
  padding: 4px 8px;
  font-size: 11px;
}
.flex-grid .flex-box.has-post-thumbnail:not(.disabled-post-thumbnail):not(.cover):not(.default-alt):not(.hero):not(.has-featured-media-caption) .entry-meta li.entry-read-time {
  padding: 4px 8px 5px 8px;
  font-size: 11px;
  height: auto;
}

/* "Continue reading" link: never underlined */
.read-more,
.read-more:hover,
.entry-read-more a {
  text-decoration: none;
}

/* ------------------------------------------------------------------
   Slim sticky header (replaces the theme's logo-below-nav stack):
   a scaled logo on the left, the nav on the right, in one compact row
   pinned to the top of the viewport. The white bar is full-bleed; its
   contents stay container-width. A JS-toggled .scrolled class shrinks it
   a touch and adds a shadow once the page is scrolled. See SiteHeader.astro.
   ------------------------------------------------------------------ */
.slim-header.site-header {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1000;
  width: 100%;
  max-width: 100%;
  margin: 0 0 15px 0;
  background: var(--white);
  border-bottom: 1px solid var(--light-border-color);
  transition: box-shadow 0.25s ease;
}
.slim-header .header-layout-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  width: 100%;
  max-width: var(--container-max-width);
  margin: 0 auto;
  padding: 14px 20px;
  transition: padding 0.25s ease;
}

/* Brand / logo (left) */
.slim-header .site-brand {
  margin: 0;
  padding: 0;
  line-height: 0;
}
.slim-header .site-brand .custom-logo {
  height: 38px;
  width: auto;
  max-width: none;
  margin: 0;
  display: block;
  transition: height 0.25s ease;
}

/* Primary nav (right). The theme gives .menu-primary-navigation-container
   `flex-grow:1`, so the nav fills the bar and its contents would otherwise sit
   at the left — push the menu to the right end of that container. */
.slim-header .menu-primary-navigation-container {
  justify-content: flex-end;
}
.slim-header .primary-nav {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 28px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.slim-header .primary-nav > li {
  margin: 0;
  position: relative;
}
.slim-header .primary-nav > li > a {
  position: relative;
  display: block;
  padding: 6px 0;
  font-family: var(--title-font);
  font-weight: 800;
  font-size: 0.95rem;
  color: var(--very-dark-grey);
  text-decoration: none;
}
/* coral underline grows in on hover / for the active page */
.slim-header .primary-nav > li > a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 100%;
  bottom: 0;
  height: 2px;
  background: var(--theme-color-2);
  transition: right 0.2s ease;
}
.slim-header .primary-nav > li:hover > a::after,
.slim-header .primary-nav > li.current-menu-item > a::after,
.slim-header .primary-nav > li.current_page_item > a::after {
  right: 0;
}
/* caret on parents with a dropdown */
.slim-header .primary-nav > li.menu-item-has-children > a::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 0 8px 3px 0;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg);
  vertical-align: middle;
  opacity: 0.5;
}

/* Dropdown sub-menus */
.slim-header .primary-nav .sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  /* size to the longest item (theme hard-codes width:200px, which clips
     our labels because the links are nowrap) */
  width: max-content;
  min-width: 210px;
  max-width: 360px;
  margin: 0;
  padding: 8px 0;
  list-style: none;
  background: var(--white);
  border: 1px solid var(--light-border-color);
  border-radius: var(--default-border-radius);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.1);
  opacity: 0;
  visibility: hidden;
  transform: translateY(6px);
  transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s;
  z-index: 1001;
}
.slim-header .primary-nav > li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.slim-header .primary-nav .sub-menu li {
  margin: 0;
}
.slim-header .primary-nav .sub-menu li a {
  display: block;
  padding: 9px 18px;
  font-family: var(--title-font);
  font-weight: 700;
  font-size: 0.9rem;
  color: var(--dark-grey);
  text-decoration: none;
  white-space: nowrap;
}
.slim-header .primary-nav .sub-menu li a:hover {
  color: var(--theme-color-2);
}

/* Subtle shrink + shadow once the page is scrolled */
.slim-header.scrolled {
  box-shadow: 0 2px 14px rgba(0, 0, 0, 0.07);
}
.slim-header.scrolled .header-layout-wrapper {
  padding-top: 9px;
  padding-bottom: 9px;
}
.slim-header.scrolled .site-brand .custom-logo {
  height: 32px;
}

/* On mobile the .mobile-header takes over; keep the slim desktop bar hidden.
   Needed because the `display: flex` above otherwise beats the theme's
   `@media (max-width:1060px) { .site-header .header-layout-wrapper { display:none } }`
   (equal specificity, and overrides.css is concatenated later). */
@media (max-width: 1060px) {
  .slim-header .header-layout-wrapper {
    display: none;
  }
  /* The full wordmark is too wide for a phone bar, so the mobile header shows
     the icon mark only (see SiteHeader.astro), centered between the hamburger
     and search toggles. #site-header id outranks the theme's
     `body .site-header .mobile-header .logo-wrapper { margin:0; width:… }`. */
  #site-header .mobile-header .logo-wrapper {
    width: auto;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
  }
  #site-header .mobile-header .logo-wrapper .custom-logo.custom-logo-mark {
    height: 42px;
    width: 42px;
    max-width: none;
    margin: 0;
  }
}

/* ==================================================================
   Editorial typography for post bodies (added for the blog rewrite).
   Scoped to .single-post / .single-page .entry-content so cards, admin
   tables and the WP block styles are untouched. This file is concatenated
   LAST into theme.css by build-theme-css.mjs, so these win the cascade.
   ================================================================== */

/* --- Quotes: classic, italic, quotation-marked. Overrides the theme's
   big bold coral blockquote and its dash-prefixed citation. ---------- */
.single-post .entry-content blockquote,
.single-page .entry-content blockquote {
  font-family: var(--body-font);
  font-size: 1.5rem;
  font-weight: 400;
  font-style: italic;
  line-height: 1.55;
  letter-spacing: 0;
  color: var(--dark-grey);
  text-align: center;
  max-width: 84%;
  margin: 48px auto;
  padding: 0 20px;
  border: 0;
}
.single-post .entry-content blockquote p,
.single-page .entry-content blockquote p { margin: 0; }
/* Wrap the quote text itself in real curly quotation marks. */
.single-post .entry-content blockquote p:first-child::before,
.single-page .entry-content blockquote p:first-child::before { content: "\201C"; }
.single-post .entry-content blockquote p:first-child::after,
.single-page .entry-content blockquote p:first-child::after { content: "\201D"; }
/* Attribution sits quietly below, clearly not part of the quote. */
.single-post .entry-content blockquote cite,
.single-page .entry-content blockquote cite,
.single-post .entry-content blockquote p:last-child:not(:first-child),
.single-page .entry-content blockquote p:last-child:not(:first-child) {
  display: block;
  margin-top: 16px;
  font-family: var(--body-font);
  font-size: 0.8125rem;
  font-weight: 600;
  font-style: normal;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: var(--medium-grey);
}
/* Remove the theme's "\2015" dash before <cite> (no-dash house style). */
.single-post .entry-content blockquote cite::before,
.single-page .entry-content blockquote cite::before { content: ""; margin: 0; }

/* --- Video embeds: break out wider than the 915px text column. ------ */
.single-post .entry-content .post-video,
.single-page .entry-content .post-video {
  width: min(100vw - 32px, 1100px);
  margin: 48px 0;
  margin-left: 50%;
  transform: translateX(-50%);
}
.single-post .entry-content .post-video iframe,
.single-page .entry-content .post-video iframe {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  height: auto;
  min-height: 360px;
  border: 0;
  border-radius: var(--default-border-radius);
  box-shadow: var(--default-box-shadow);
}
.single-post .entry-content .post-video figcaption,
.single-page .entry-content .post-video figcaption {
  margin-top: 12px;
  text-align: center;
  font-size: 0.875rem;
  color: var(--medium-grey);
}

/* --- Tables: magazine style with a coloured header. ----------------- */
.single-post .entry-content table,
.single-page .entry-content table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  margin: 40px 0;
  font-size: 1rem;
  line-height: 1.6;
  border-radius: var(--misc-border-radius);
  overflow: hidden;
  box-shadow: var(--default-box-shadow);
}
.single-post .entry-content thead th,
.single-page .entry-content thead th {
  background: var(--theme-color-1);
  color: var(--white);
  font-family: var(--title-font);
  font-weight: 800;
  text-align: left;
  letter-spacing: 0.2px;
  padding: 16px 20px;
  font-size: 0.95rem;
}
.single-post .entry-content tbody td,
.single-page .entry-content tbody td {
  padding: 15px 20px;
  border-bottom: 1px solid var(--light-border-color);
  vertical-align: top;
}
.single-post .entry-content tbody tr:nth-child(even),
.single-page .entry-content tbody tr:nth-child(even) {
  background: var(--very-light-background-color);
}
.single-post .entry-content tbody tr:last-child td,
.single-page .entry-content tbody tr:last-child td { border-bottom: 0; }
.single-post .entry-content tbody td:first-child,
.single-page .entry-content tbody td:first-child {
  font-weight: 700;
  color: var(--theme-color-4);
}

/* --- Lists: coral dot bullets and coral numbered chips. ------------- */
.single-post .entry-content ul,
.single-page .entry-content ul,
.single-post .entry-content ol,
.single-page .entry-content ol {
  margin: 26px 0;
  padding: 0;
  list-style: none;
}
.single-post .entry-content li,
.single-page .entry-content li {
  position: relative;
  padding-left: 38px;
  margin: 0 0 15px 0;
}
.single-post .entry-content ul > li::before,
.single-page .entry-content ul > li::before {
  content: "";
  position: absolute;
  left: 8px;
  top: 0.62em;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--theme-color-2);
}
.single-post .entry-content ol,
.single-page .entry-content ol { counter-reset: post-ol; }
.single-post .entry-content ol > li,
.single-page .entry-content ol > li { counter-increment: post-ol; }
.single-post .entry-content ol > li::before,
.single-page .entry-content ol > li::before {
  content: counter(post-ol);
  position: absolute;
  left: 0;
  top: 0.12em;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: var(--theme-color-2);
  color: var(--white);
  font-family: var(--title-font);
  font-size: 0.8rem;
  font-weight: 800;
  line-height: 26px;
  text-align: center;
}