@import 'https://media2.pbwwcdn.net/proximanova/proximanova.css';
@import 'https://fonts.googleapis.com/css2?family=Libre+Baskerville&display=swap';
/*!
Theme Name: awesometheme
Theme URI: http://www.photobookworldwide.com
Author: PBWW
Author URI: http://www.photobookworldwide.com
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: awesometheme
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/
:root { /* Font Family */ --global--font-primary: var(--font-headings, "ProximaNova-Regular", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif); --global--font-secondary: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif); /* Font Size */ --global--font-size-base: 1rem; --global--font-size-xs: .875rem; --global--font-size-sm: 1.125rem; --global--font-size-md: 1.25rem; --global--font-size-lg: 1.5rem; --global--font-size-xl: 2rem; --global--font-size-xxl: 3rem; --global--font-size-xxxl: 4rem; --global--font-size-page-title: var(--global--font-size-xxl); --global--letter-spacing: normal; /* Line Height */ --global--line-height-body: 1.5; --global--line-height-heading: 1.3; --global--line-height-page-title: 1.1; /* Headings */ --heading--font-size-h6: var(--global--font-size-base); --heading--font-size-h5: var(--global--font-size-sm); --heading--font-size-h4: var(--global--font-size-md); --heading--font-size-h3: var(--global--font-size-lg); --heading--font-size-h2: var(--global--font-size-xl); --heading--font-size-h1: var(--global--font-size-page-title); --heading--font-weight: normal; --heading--font-weight-page-title: 300; --heading--font-weight-strong: 600; --heading--line-height-h6: var(--global--line-height-heading); --heading--line-height-h5: var(--global--line-height-heading); --heading--line-height-h4: var(--global--line-height-heading); --heading--line-height-h3: var(--global--line-height-heading); --heading--line-height-h2: var(--global--line-height-heading); --heading--line-height-h1: var(--global--line-height-heading); /* Colors */ --global--color-black: #000; --global--color-dark-gray: #4a4a4a; --global--color-gray: #808080; --global--color-light-gray: #cccbcb; --global--color-light-gray-1: #f0f0f0; --global--color-white: #fff; --global--color-blue: #4480aa; --global--color-orange: #f56701; /* TODO: */ --global--color-primary: var(--global--color-dark-gray); /* Body text color, site title, footer text color. */ --global--color-secondary: var(--global--color-gray); /* Headings */ --global--color-primary-hover: var(--global--color-dark-gray); --global--color-border: var(--global--color-gray); /* Used for borders (separators) */ --global--color-dark: var(--global--color-dark-gray); --global--color-light: var(--global--color-light-gray); --global--color-info: ''; --global--color-html-primary: var(--global--color-blue); --global--color-html-secondary: var(--global--color-orange); /* Spacing */ --global--spacing-unit: 16px; --global--spacing-measure: unset; --global--spacing-horizontal: 24px; --global--spacing-vertical: 32px; /* Form */ --form--color-text: var(--global--color-dark-gray); --form--label-weight: 500; --form--border-color: var(--global--color-secondary); --form--border-width: 1px; --form--border-radius: 0; --form--spacing-unit: calc(0.5 * var(--global--spacing-unit)); /* entry */ --entry-header--color: var(--global--color-primary); --entry-header--color-link: currentColor; --entry-header--color-hover: var(--global--color-primary-hover); --entry-header--color-focus: var(--global--color-secondary); --entry-header--font-size: var(--heading--font-size-h2); --entry-content--font-family: var(--global--font-secondary); --entry-author-bio--font-family: var(--heading--font-family); --entry-author-bio--font-size: var(--heading--font-size-h4); /* Header */ --branding--title--font-size: var(--global--font-size-lg); /* Main navigation */ --primary-nav--font-size: var(--global--font-size-sm); --primary-nav--color-link: var(--global--color-secondary); --primary-nav--color-link-hover: var(--global--color-primary-hover); --primary-nav--padding: calc(0.5 * var(--global--spacing-unit)); --primary-nav--border-color: var(--global--color-primary); --primary-nav--background-color: var(--global--color-white); /* Pagination */ --pagination--color-text: var(--global--color-primary); --pagination--color-text-current: var(--global--color-primary-hover); --pagination--color-link-hover: var(--global--color-primary-hover); --pagination--font-size: var(--global--font-size-sm); --pagination--font-weight: normal; /* Footer */ --footer--font-size: var(--global--font-size-xs); --footer--color-text: var(--global--color-gray); --footer--color-link: var(--global--color-gray); --footer--color-link-hover: var(--global--color-primary-hover); /* Widgets */ --widget--line-height-list: 1.9; --widget--line-height-title: 1.5; --widget--font-weight-title: 700; /* Editor */ --editor--color-highlight: #dee; --editor--color-highlight-text: var(--global--color-gray); }

/*! normalize.css v8.0.1 | 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; }

/** Render the `main` element consistently in IE. */
main { display: block; }

/** 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; /* 1 */ font-size: 1em; /* 2 */ }

/* Text-level semantics ========================================================================== */
/** Remove the gray background on active links in IE 10. */
a { background-color: transparent; text-decoration-thickness: 1px; }

/** 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-style: 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; /* 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. */
[type="button"], [type="reset"], [type="submit"], button { -webkit-appearance: button; }

/** Remove the inner border and padding in Firefox. */
[type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner, button::-moz-focus-inner { border-style: none; padding: 0; }

/** Restore the focus styles unset by the previous rule. */
[type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring, button:-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; }

/** Reset specific elements to make them easier to style in other contexts. */
blockquote, body, dd, dl, dt, fieldset, figure, form, h1, h2, h3, h4, h5, h6, hr, html, iframe, legend, li, ol, p, pre, textarea, ul { padding: 0; margin: 0; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; }

/** Apply generic border-box to all elements. See: https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
html { /* Apply border-box across the entire page. */ box-sizing: border-box; font-family: var(--global--font-secondary); line-height: var(--global--line-height-body); }

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

body { font-size: var(--global--font-size-base); font-weight: normal; color: var(--global--color-primary); text-align: left; background-color: var(--global--color-background); }

button { cursor: pointer; }

/* Base */
/* Typography
--------------------------------------------- */
body, button, input, optgroup, select, textarea { color: var(--global--color-primary); font-family: var(--global--font-primary); font-size: 1rem; line-height: 1.5; }

h1, h2, h3, h4, h5, h6 { clear: both; margin-top: .5em; margin-bottom: .5em; }

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

b, strong { font-weight: 700; }

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

blockquote { margin: 0 1.5em; }

address { margin: 0 0 1.5em; }

pre { background: #eee; font-family: "Courier 10 Pitch", courier, monospace; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; }

code, kbd, tt, var { font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace; }

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

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

big { font-size: 125%; }

/* Elements
--------------------------------------------- */
body { background: #fff; }

hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em; }

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

ul { list-style: disc; }

ol { list-style: decimal; }

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

dt { font-weight: 700; }

dd { margin: 0 1.5em 1.5em; }

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

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

figure { margin: 1em 0; }

table { margin: 0 0 1.5em; width: 100%; }

/* Links
--------------------------------------------- */
a:focus { outline: thin dotted; }

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

/** Root Media Query Variables */
:root { --responsive--spacing-horizontal: calc(2 * var(--global--spacing-horizontal) * 0.6); --responsive--aligndefault-width: calc(100vw - var(--responsive--spacing-horizontal)); --responsive--alignwide-width: calc(100vw - var(--responsive--spacing-horizontal)); --responsive--alignfull-width: 100%; --responsive--alignright-margin: var(--global--spacing-horizontal); --responsive--alignleft-margin: var(--global--spacing-horizontal); }

@media only screen and (min-width: 576px) { :root { --responsive--aligndefault-width: min(calc(100vw - 4 * var(--global--spacing-horizontal)), 768px); --responsive--alignwide-width: calc(100vw - 4 * var(--global--spacing-horizontal)); --responsive--alignright-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width))); --responsive--alignleft-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width))); } }

@media only screen and (min-width: 992px) { :root { --responsive--aligndefault-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 768px); --responsive--alignwide-width: calc(100vw - 8 * var(--global--spacing-horizontal)); } }

/** Extends */
.default-max-width, .entry-content > *, .post-thumbnail { max-width: var(--responsive--aligndefault-width); margin-left: auto; margin-right: auto; }

.wide-max-width, .alignwide, .site-header, .site-footer, .post-navigation, .comments-pagination, .navigation, .pagination, .post-pagination, .widget-area { max-width: var(--responsive--alignwide-width); margin-left: auto; margin-right: auto; }

.alignfull { max-width: var(--responsive--alignfull-width); width: var(--responsive--alignfull-width); margin-left: auto; margin-right: auto; }

.full-max-width, .alignfull { max-width: var(--responsive--alignfull-width); width: auto; margin-left: auto; margin-right: auto; }

/* Grid */
.breakpoint { width: 1260px; }

.row { display: grid; grid-template-columns: repeat(12, 1fr); grid-column-gap: calc(var(--global--spacing-unit) * 1.5); grid-row-gap: calc(var(--global--spacing-unit) * 1.5); /*margin-left: calc(var(--global--spacing-unit) * -1); margin-right: calc(var(--global--spacing-unit) * -1);*/ }

.col-1 { grid-column: span 1; }

.col-2 { grid-column: span 2; }

.col-3 { grid-column: span 3; }

.col-4 { grid-column: span 4; }

.col-5 { grid-column: span 5; }

.col-6 { grid-column: span 6; }

.col-7 { grid-column: span 7; }

.col-8 { grid-column: span 8; }

.col-9 { grid-column: span 9; }

.col-10 { grid-column: span 10; }

.col-11 { grid-column: span 11; }

.col-12 { grid-column: span 12; }

@media (min-width: 0) { .col-xs-1 { grid-column: span 1; }
  .col-xs-2 { grid-column: span 2; }
  .col-xs-3 { grid-column: span 3; }
  .col-xs-4 { grid-column: span 4; }
  .col-xs-5 { grid-column: span 5; }
  .col-xs-6 { grid-column: span 6; }
  .col-xs-7 { grid-column: span 7; }
  .col-xs-8 { grid-column: span 8; }
  .col-xs-9 { grid-column: span 9; }
  .col-xs-10 { grid-column: span 10; }
  .col-xs-11 { grid-column: span 11; }
  .col-xs-12 { grid-column: span 12; } }

@media (min-width: 576px) { .col-sm-1 { grid-column: span 1; }
  .col-sm-2 { grid-column: span 2; }
  .col-sm-3 { grid-column: span 3; }
  .col-sm-4 { grid-column: span 4; }
  .col-sm-5 { grid-column: span 5; }
  .col-sm-6 { grid-column: span 6; }
  .col-sm-7 { grid-column: span 7; }
  .col-sm-8 { grid-column: span 8; }
  .col-sm-9 { grid-column: span 9; }
  .col-sm-10 { grid-column: span 10; }
  .col-sm-11 { grid-column: span 11; }
  .col-sm-12 { grid-column: span 12; } }

@media (min-width: 720px) { .col-md-1 { grid-column: span 1; }
  .col-md-2 { grid-column: span 2; }
  .col-md-3 { grid-column: span 3; }
  .col-md-4 { grid-column: span 4; }
  .col-md-5 { grid-column: span 5; }
  .col-md-6 { grid-column: span 6; }
  .col-md-7 { grid-column: span 7; }
  .col-md-8 { grid-column: span 8; }
  .col-md-9 { grid-column: span 9; }
  .col-md-10 { grid-column: span 10; }
  .col-md-11 { grid-column: span 11; }
  .col-md-12 { grid-column: span 12; } }

@media (min-width: 992px) { .col-lg-1 { grid-column: span 1; }
  .col-lg-2 { grid-column: span 2; }
  .col-lg-3 { grid-column: span 3; }
  .col-lg-4 { grid-column: span 4; }
  .col-lg-5 { grid-column: span 5; }
  .col-lg-6 { grid-column: span 6; }
  .col-lg-7 { grid-column: span 7; }
  .col-lg-8 { grid-column: span 8; }
  .col-lg-9 { grid-column: span 9; }
  .col-lg-10 { grid-column: span 10; }
  .col-lg-11 { grid-column: span 11; }
  .col-lg-12 { grid-column: span 12; } }

@media (min-width: 1260px) { .col-xl-1 { grid-column: span 1; }
  .col-xl-2 { grid-column: span 2; }
  .col-xl-3 { grid-column: span 3; }
  .col-xl-4 { grid-column: span 4; }
  .col-xl-5 { grid-column: span 5; }
  .col-xl-6 { grid-column: span 6; }
  .col-xl-7 { grid-column: span 7; }
  .col-xl-8 { grid-column: span 8; }
  .col-xl-9 { grid-column: span 9; }
  .col-xl-10 { grid-column: span 10; }
  .col-xl-11 { grid-column: span 11; }
  .col-xl-12 { grid-column: span 12; } }

/* Utilities */
/* Display */
@media (min-width: 0) { .d-xs-none { display: none !important; }
  .d-xs-inline { display: inline !important; }
  .d-xs-inline-block { display: inline-block !important; }
  .d-xs-block { display: block !important; }
  .d-xs-flex { display: flex !important; }
  .d-xs-table { display: table !important; } }

@media (min-width: 576px) { .d-sm-none { display: none !important; }
  .d-sm-inline { display: inline !important; }
  .d-sm-inline-block { display: inline-block !important; }
  .d-sm-block { display: block !important; }
  .d-sm-flex { display: flex !important; }
  .d-sm-table { display: table !important; } }

@media (min-width: 720px) { .d-md-none { display: none !important; }
  .d-md-inline { display: inline !important; }
  .d-md-inline-block { display: inline-block !important; }
  .d-md-block { display: block !important; }
  .d-md-flex { display: flex !important; }
  .d-md-table { display: table !important; } }

@media (min-width: 992px) { .d-lg-none { display: none !important; }
  .d-lg-inline { display: inline !important; }
  .d-lg-inline-block { display: inline-block !important; }
  .d-lg-block { display: block !important; }
  .d-lg-flex { display: flex !important; }
  .d-lg-table { display: table !important; } }

@media (min-width: 1260px) { .d-xl-none { display: none !important; }
  .d-xl-inline { display: inline !important; }
  .d-xl-inline-block { display: inline-block !important; }
  .d-xl-block { display: block !important; }
  .d-xl-flex { display: flex !important; }
  .d-xl-table { display: table !important; } }

/*------------------------------------------------------------*/
/* a11y */
.screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; word-break: normal; }

.skip-link:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; -webkit-clip-path: none; clip-path: none; color: #21759b; display: block; 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; }

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

@media (prefers-reduced-motion) { * { transition-delay: 0s !important; transition-duration: 0s !important; } }

/*------------------------------------------------------------*/
/* Measure */
footer *, header *, main * { max-width: var(--global--spacing-measure); }

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

/*------------------------------------------------------------*/
/* Print */
/*
Adding print support. The print styles are based on the the great work of
Andreas Hecht in https://www.jotform.com/blog/css-perfect-print-stylesheet-98272/.
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Margins & paddings
# Typography
# Page breaks
# Links
# Visibility
--------------------------------------------------------------*/
@media print { /* Margins & paddings */
  @page { margin: 2cm; }
  .entry, .entry .entry-header, .single .site-main > article > .entry-footer { margin-top: 0; margin-bottom: 0; }
  .site-footer .site-info { margin: 0; }
  .site-header { padding: 0; }
  /* Fonts */
  body { font: 13pt Georgia, "Times New Roman", Times, serif; font: 13pt var(--global--font-secondary, Georgia, "Times New Roman", Times, serif); line-height: 1.3; background: #fff !important; color: #000; }
  .has-background-dark * { color: #000 !important; }
  .entry-title, .page-title, .singular .entry-title, h1 { font-size: 22pt; font-weight: bold; }
  .archive-description, .comments-title, .has-large-font-size, .has-regular-font-size, h2, h2.author-title, h3, h4, p.author-bio { font-size: 14pt; margin-top: 25px; }
  .comment-meta, .comment-meta .comment-author .fn { font-size: 13pt; }
  /* Page breaks */
  a { page-break-inside: avoid; }
  blockquote { page-break-inside: avoid; }
  h1, h2, h3, h4, h5, h6 { page-break-after: avoid; page-break-inside: avoid; }
  img { page-break-inside: avoid; page-break-after: avoid; }
  figure, pre, table { page-break-inside: avoid; }
  dl, ol, ul { page-break-before: avoid; }
  /* Links */
  a, a:link, a:visited { background: transparent; font-weight: bold; text-decoration: underline; text-align: left; }
  a[href^="http"]:after { content: " < " attr(href) "> "; }
  a:after > img { content: ""; }
  article a[href^="#"]:after { content: ""; }
  a:not(:local-link):after { content: " < " attr(href) "> "; }
  .entry-title a:after { content: "\a< " attr(href) "> "; white-space: pre; font-size: 14pt; }
  .byline a:after, .cat-links a:after, .comment-metadata a:after, .page-links a:after, .tags-links a:after, .wp-block-calendar a:after, .wp-block-tag-cloud a:after { content: ""; }
  /* Visibility */
  #dark-mode-toggler, .comment .comment-metadata .edit-link, .comment-reply, .comment-respond, .edit-link, .entry-footer, .footer-navigation, .more-link, .navigation.pagination, .post-navigation, .primary-navigation, .reply, .site-title + .primary-navigation, .widget-area { display: none !important; }
  .entry .entry-content .button, .entry .entry-content .wp-block-button .wp-block-button__link, .entry .entry-content .wp-block-file__button { color: #000; background: none; } }

/* Layout and vertical margins */
.widget-area, .pagination, .comments-pagination, .post-navigation, .site-header, .site-footer, .wide-max-width { /*border: 1px dotted red;*/ }

.pagination { margin: calc(1 * var(--global--spacing-vertical)) auto; }

/* ./generic/vertical-margins.scss */
/* Vertical spacing */
.site-footer, .site-header, .site-main, .widget-area { padding-top: calc(0.5 * var(--global--spacing-vertical)); padding-bottom: calc(0.5 * var(--global--spacing-vertical)); margin-left: auto; margin-right: auto; }

.site-header { padding-top: calc(0.75 * var(--global--spacing-vertical)); padding-bottom: calc(0.5 * var(--global--spacing-vertical)); }

@media only screen and (min-width: 576px) { .site-header { padding-bottom: calc(1 * var(--global--spacing-vertical)); } }

/* Block Alignments */
/* article */
/* set max width for content appearing inside a post or page. */
/* Vertical margins */
.site-footer > *, .widget-area > * { margin-top: calc(0.5 * var(--global--spacing-vertical)); margin-bottom: calc(0.5 * var(--global--spacing-vertical)); }

/* Custom layout design */
/* */
.site-main > article { margin: calc(1 * var(--global--spacing-vertical)) 0; }

.site-main .entry-content > * { margin-top: calc(0.5 * var(--global--spacing-vertical)); margin-bottom: calc(0.5 * var(--global--spacing-vertical)); }

.site-main .post-separator { margin: var(--global--spacing-vertical) 0; }

/* Search title */
.search .page-title { font-size: 2rem; font-weight: bold; }

.has-black-color[class] { color: var(--global--color-black); }

.has-black-background-color[class] { background-color: var(--global--color-black); }

.has-charcoal-gray-color[class] { color: var(--global--color-dark-gray); }

.has-charcoal-gray-background-color[class] { background-color: var(--global--color-dark-gray); }

.has-gray-color[class] { color: var(--global--color-gray); }

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

.has-platinum-silver-color[class] { color: var(--global--color-light-gray); }

.has-platinum-silver-background-color[class] { background-color: var(--global--color-light-gray); }

.has-white-smoke-color[class] { color: var(--global--color-light-gray-1); }

.has-white-smoke-background-color[class] { background-color: var(--global--color-light-gray-1); }

.has-white-color[class] { color: #ffffff; }

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

.has-venice-blue-color[class] { color: var(--global--color-blue); }

.has-venice-blue-background-color[class] { background-color: var(--global--color-blue); }

.has-spindle-color[class] { color: #a2bfd5; }

.has-spindle-background-color[class] { background-color: #a2bfd5; }

.has-alice-blue-color[class] { color: #eeeeee; }

.has-alice-blue-background-color[class] { background-color: #eeeeee; }

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], .site textarea { border: var(--form--border-width) solid var(--form--border-color); border-radius: var(--form--border-radius); color: var(--form--color-text); line-height: var(--global--line-height-body); padding: var(--form--spacing-unit); max-width: 100%; }

input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, .site textarea:focus { color: var(--form--color-text); outline: 1px solid var(--form--border-color); }

input[type="text"]:disabled, input[type="email"]:disabled, input[type="url"]:disabled, input[type="password"]:disabled, input[type="search"]:disabled, input[type="number"]:disabled, input[type="tel"]:disabled, input[type="date"]:disabled, input[type="month"]:disabled, input[type="week"]:disabled, input[type="time"]:disabled, input[type="datetime"]:disabled, input[type="datetime-local"]:disabled, input[type="color"]:disabled, .site textarea:disabled { opacity: 0.7; }

.is-dark-theme input[type="text"], .is-dark-theme input[type="email"], .is-dark-theme input[type="url"], .is-dark-theme input[type="password"], .is-dark-theme input[type="search"], .is-dark-theme input[type="number"], .is-dark-theme input[type="tel"], .is-dark-theme input[type="date"], .is-dark-theme input[type="month"], .is-dark-theme input[type="week"], .is-dark-theme input[type="time"], .is-dark-theme input[type="datetime"], .is-dark-theme input[type="datetime-local"], .is-dark-theme input[type="color"], .is-dark-theme .site textarea { background: var(--global--color-white-90); }

.is-dark-theme input[type="search"]:focus { outline-color: var(--global--color-background); }

input[type="color"] { padding: calc(var(--form--spacing-unit) / 2); height: calc(4 * var(--form--spacing-unit)); }

input[type="email"], input[type="url"] { /*rtl:ignore*/ direction: ltr; }

select { border: var(--form--border-width) solid var(--form--border-color); color: var(--form--color-text); -moz-appearance: none; -webkit-appearance: none; appearance: none; line-height: var(--global--line-height-body); padding: var(--form--spacing-unit) calc(3 * var(--form--spacing-unit)) var(--form--spacing-unit) var(--form--spacing-unit); background: var(--global--color-white) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%2328303d'><polygon points='0,0 10,0 5,5'/></svg>") no-repeat; background-position: right var(--form--spacing-unit) top 60%; }

.is-dark-theme select { background: var(--global--color-white-90) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%2328303d'><polygon points='0,0 10,0 5,5'/></svg>") no-repeat; background-position: right var(--form--spacing-unit) top 60%; }

textarea { width: 100%; }

label { font-size: var(--form--font-size); font-weight: var(--form--label-weight); margin-bottom: calc(var(--global--spacing-vertical) / 3); }

/**
https://css-tricks.com/custom-styling-form-inputs-with-modern-css-features/
https://codepen.io/aaroniker/pen/ZEYoxEY by Aaron Iker.
License: MIT.
*/
@supports (-webkit-appearance: none) or (-moz-appearance: none) { input[type="checkbox"], input[type="radio"] { -webkit-appearance: none; -moz-appearance: none; position: relative; width: 25px; height: 25px; border: var(--form--border-width) solid var(--form--border-color); background: var(--global--color-white); }
  input[type="checkbox"]:disabled, input[type="radio"]:disabled { opacity: 0.7; }
  .is-dark-theme input[type="checkbox"], .is-dark-theme input[type="radio"] { background: var(--global--color-white-90); }
  input[type="checkbox"]:after { content: ""; opacity: 0; display: block; left: 5px; top: 2px; position: absolute; width: 7px; height: 13px; border: 3px solid var(--form--color-text); border-top: 0; border-left: 0; transform: rotate(30deg); }
  input[type="checkbox"]:checked { color: var(--form--color-text); }
  input[type="checkbox"]:checked:after { opacity: 1; }
  input[type="radio"] { border-radius: 50%; }
  input[type="radio"]:after { content: ""; opacity: 0; display: block; left: 3px; top: 3px; position: absolute; width: 11px; height: 11px; border-radius: 50%; background: var(--form--color-text); }
  input[type="radio"]:checked { border: 4px solid var(--form--border-color); }
  input[type="radio"]:checked:after { opacity: 1; } }

input[type="checkbox"] + label, input[type="radio"] + label { display: inline-block; padding-left: 10px; font-size: var(--global--font-size-xs); vertical-align: top; }

/** https://css-tricks.com/styling-cross-browser-compatible-range-inputs-css/ */
@supports (-webkit-appearance: none) or (-moz-appearance: none) { input[type="range"] { -webkit-appearance: none; /* Hides the slider so that custom slider can be made */ width: 100%; /* Specific width is required for Firefox. */ height: 6px; background: var(--form--color-ranged); border-radius: 6px; }
  input[type="range"]:disabled { opacity: 0.7; }
  input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; border: 3px solid var(--form--color-ranged); height: 44px; width: 44px; border-radius: 50%; background: var(--global--color-background); cursor: pointer; }
  input[type="range"]::-moz-range-thumb { border: 3px solid var(--form--color-ranged); height: 44px; width: 44px; border-radius: 50%; background: var(--global--color-background); cursor: pointer; box-sizing: border-box; } }

input[type="range"]::-ms-track { width: 100%; height: 6px; border-radius: 6px; border-width: 19px 0; border-color: var(--global--color-background); background: transparent; color: transparent; cursor: pointer; }

input[type="range"]::-ms-fill-upper { background: var(--form--color-ranged); border-radius: 6px; }

input[type="range"]::-ms-fill-lower { background: var(--form--color-ranged); border-radius: 6px; }

input[type="range"]::-ms-thumb { border: 3px solid var(--form--color-ranged); height: 44px; width: 44px; border-radius: 50%; background: var(--global--color-background); cursor: pointer; }

fieldset { display: grid; border-color: var(--global--color-secondary); padding: var(--global--spacing-horizontal); }

fieldset legend { font-size: var(--global--font-size-lg); }

fieldset input[type="submit"] { max-width: max-content; }

fieldset input:not([type="submit"]) { margin-bottom: var(--global--spacing-unit); }

fieldset input[type="radio"], fieldset input[type="checkbox"] { margin-bottom: 0; }

fieldset input[type="radio"] + label, fieldset input[type="checkbox"] + label { font-size: var(--form--font-size); padding-left: 0; margin-bottom: var(--global--spacing-unit); }

::-moz-placeholder { opacity: 1; }

.post-password-message { font-size: var(--global--font-size-lg); }

.post-password-form { display: flex; flex-wrap: wrap; }

.post-password-form__label { width: 100%; margin-bottom: 0; }

.post-password-form input[type="password"] { flex-grow: 1; margin-top: calc(var(--global--spacing-vertical) / 3); margin-right: calc(0.66 * var(--global--spacing-horizontal)); }

.post-password-form__submit { margin-top: calc(var(--global--spacing-vertical) / 3); }

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

/* Classic editor images */
.entry-content img { max-width: 100%; }

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

/* Media captions */
.wp-block-embed figcaption, .wp-caption, .wp-caption-text, figcaption { color: currentColor; font-size: var(--global--font-size-xs); line-height: var(--global--line-height-body); margin-top: calc(0.5 * var(--global--spacing-unit)); margin-bottom: var(--global--spacing-unit); text-align: center; }

.alignleft .wp-block-embed figcaption, .alignright .wp-block-embed figcaption, .alignleft .wp-caption, .alignright .wp-caption, .alignleft .wp-caption-text, .alignright .wp-caption-text, .alignleft figcaption, .alignright figcaption { margin-bottom: 0; }

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

a { cursor: pointer; color: var(--global--color-blue); /*text-decoration: none;*/ transition: all 0.3s ease; }

a:active, a:link, a:visited { color: var(--global--color-blue); }

a:hover { color: var(--global--color-primary); text-decoration: none; }

/** Button */
.wp-block-button.is-style-btn-primary .wp-block-button__link, .wp-block-button.is-style-btn-secondary .wp-block-button__link { border-radius: 0.25rem; padding: 0.5rem 1.25rem; user-select: none; }

.wp-block-button.is-style-btn-primary .wp-block-button__link { background-color: var(--global--color-html-primary); }

.wp-block-button.is-style-btn-secondary .wp-block-button__link { background-color: var(--global--color-html-secondary); }

/* Headings */
h1, .h1 { clear: both; font-family: var(--heading--font-family); font-weight: var(--heading--font-weight); font-size: var(--heading--font-size-h1); letter-spacing: var(--heading--letter-spacing-h1); line-height: var(--heading--line-height-h1); }

h1 strong, .h1 strong { font-weight: var(--heading--font-weight-strong); }

h2, .h2 { clear: both; font-family: var(--heading--font-family); font-weight: var(--heading--font-weight); font-size: var(--heading--font-size-h2); letter-spacing: var(--heading--letter-spacing-h2); line-height: var(--heading--line-height-h2); }

h2 strong, .h2 strong { font-weight: var(--heading--font-weight-strong); }

h3, .h3 { clear: both; font-family: var(--heading--font-family); font-weight: var(--heading--font-weight); font-size: var(--heading--font-size-h3); letter-spacing: var(--heading--letter-spacing-h3); line-height: var(--heading--line-height-h3); }

h3 strong, .h3 strong { font-weight: var(--heading--font-weight-strong); }

h4, .h4 { clear: both; font-family: var(--heading--font-family); font-weight: var(--heading--font-weight); font-size: var(--heading--font-size-h4); letter-spacing: var(--heading--letter-spacing-h4); line-height: var(--heading--line-height-h4); font-weight: var(--heading--font-weight-strong); }

h4 strong, .h4 strong { font-weight: var(--heading--font-weight-strong); }

h5, .h5 { clear: both; font-family: var(--heading--font-family); font-weight: var(--heading--font-weight); font-size: var(--heading--font-size-h5); letter-spacing: var(--heading--letter-spacing-h5); line-height: var(--heading--line-height-h5); font-weight: var(--heading--font-weight-strong); }

h5 strong, .h5 strong { font-weight: var(--heading--font-weight-strong); }

h6, .h6 { clear: both; font-family: var(--heading--font-family); font-weight: var(--heading--font-weight); font-size: var(--heading--font-size-h6); letter-spacing: var(--heading--letter-spacing-h6); line-height: var(--heading--line-height-h6); font-weight: var(--heading--font-weight-strong); }

h6 strong, .h6 strong { font-weight: var(--heading--font-weight-strong); }

p { line-height: var(--global--line-height-body); }

ol, ul { font-family: var(--list--font-family); padding-left: calc(2 * var(--global--spacing-horizontal)); }

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

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

ul { list-style-type: disc; }

ul ul { list-style-type: circle; }

ol { list-style-type: decimal; }

ol ul { list-style-type: circle; }

dt { font-family: var(--definition-term--font-family); font-weight: bold; }

dd { margin: 0; padding-left: calc(2 * var(--global--spacing-horizontal)); }

/* Utilities */
.entry-content [class*="wp-block-"] { /*border: 1px dashed #eee;*/ }

.entry-content > * { /*border: 1px dashed #ddd;*/ margin-top: calc(var(--global--spacing-vertical) /2); margin-bottom: calc(var(--global--spacing-vertical) /2); }

@media only screen and (min-width: 720px) { .entry-content > * { margin-top: var(--global--spacing-vertical); margin-bottom: var(--global--spacing-vertical); } }

.entry-content > .alignleft { max-width: var(--responsive--aligndefault-width); }

.entry-content > .alignright { max-width: var(--responsive--aligndefault-width); }

.alignleft { text-align: left; }

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

.alignright { text-align: right; }

.alignwide { clear: both; }

.alignfull { clear: both; }

/* Header */
.site-header { /*display: flex; flex-wrap: wrap; justify-content: space-between;*/ /*align-items: center;*/ }

.site-header .header-inner { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: start; }

.site-title { color: var(--branding--color-link); font-family: var(--branding--title--font-family); font-size: var(--branding--title--font-size); letter-spacing: normal; text-transform: var(--branding--title--text-transform); line-height: var(--global--line-height-heading); margin-bottom: calc(var(--global--spacing-vertical) / 6); }

.site-title a { color: currentColor; font-weight: var(--branding--title--font-weight); }

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

.site-title a:focus, .site-title a:hover { color: var(--branding--color-link-hover); }

@media only screen and (min-width: 576px) { .site-title { font-size: var(--branding--title--font-size); } }

.site-description { color: currentColor; font-size: var(--branding--description--font-size); }

/* Footer */
.site-footer > .site-info { font-size: var(--footer--font-size); color: var(--footer--color-text); }

.site-footer > .site-info a { color: var(--footer--color-link); }

.site-footer > .site-info a:active, .site-footer > .site-info a:link, .site-footer > .site-info a:visited { color: var(--footer--color-link); }

.site-footer > .site-info a:focus, .site-footer > .site-info a:hover { color: var(--footer--color-link-hover); }

/*.page .entry-title, .post .entry-title, .single-post .entry-title { font-size: var(--global--font-size-md); }*/
.entry-title { max-width: var(--responsive--aligndefault-width); color: ''; margin: auto; font-size: var(--heading--font-size-h1); font-family: 'Libre Baskerville', serif; line-height: ''; }

.entry-title a { color: var(--entry-header--color-link); text-decoration: none; }

.entry-title a:hover { color: var(--global--color-gray); }

.entry-title a:focus { color: ''; }

.entry-title a:active { color: ''; }

.entry-content, .entry-summary { /*font-family: '';*/ }

.entry-content p { word-wrap: break-word; }

.entry-footer { font-size: 0.875rem; color: var(--global--color-gray); }

.entry-footer a { color: currentColor; }

.entry-meta { margin: 0; padding: 0; list-style: none; display: flex; /*> span { margin-right: calc(0.5 * var(--global--spacing-unit)); }*/ }

.entry-meta .meta-item { display: flex; flex-wrap: nowrap; align-items: center; }

.entry-meta .meta-item:not(:last-child) { margin-right: 1rem; }

.entry-meta .meta-item [class*='icon-'] { width: 1.125em; height: 1.125em; margin-right: .25rem; }

.entry-meta .meta-item .icon-date::before { content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" class="ionicon" viewBox="0 0 512 512"><title>Calendar Clear</title><rect fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="32" x="48" y="80" width="416" height="384" rx="48"/><path fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="32" stroke-linecap="round" d="M128 48v32M384 48v32M464 160H48"/></svg>'); }

.entry-meta .meta-item .icon-author::before { content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" class="ionicon" viewBox="0 0 512 512"><title>Person</title><path d="M344 144c-3.92 52.87-44 96-88 96s-84.15-43.12-88-96c-4-55 35-96 88-96s92 42 88 96z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"/><path d="M256 304c-87 0-175.3 48-191.64 138.6C62.39 453.52 68.57 464 80 464h352c11.44 0 17.62-10.48 15.65-21.4C431.3 352 343 304 256 304z" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32"/></svg>'); }

/* Home cards */
.home .site-main .card { position: relative; background: #fff; min-height: 400px; transition: all .3s ease-in-out; }

.home .site-main .card::before, .home .site-main .card::after { content: ''; position: absolute; width: 70%; height: 50%; z-index: -1; bottom: 0; transition: all .3s ease-in-out; }

.home .site-main .card::before { left: 16px; transform-origin: bottom left; transform: skew(-15deg) rotate(-6deg); }

.home .site-main .card::after { right: 16px; transform-origin: bottom right; transform: skew(15deg) rotate(6deg); }

.home .site-main .card:hover { cursor: default; box-shadow: 0 0 48px rgba(0, 0, 0, 0.05) inset; }

.home .site-main .card:hover::before, .home .site-main .card:hover::after { box-shadow: 0 0 16px rgba(0, 0, 0, 0.3); }

.home .site-main .card .post-thumbnail { display: block; position: relative; overflow: hidden; padding-top: 56.25%; margin: 0; background-color: #f0f0f0; background-image: repeating-linear-gradient(-45deg, transparent, transparent var(--global--spacing-unit), #fff var(--global--spacing-unit), #fff calc(var(--global--spacing-unit) + 1px)); }

.home .site-main .card .post-thumbnail > img { position: absolute; top: 50%; transform: translateY(-50%); }

.home .site-main .card .entry-header { box-shadow: inset 2px 0 0 var(--global--color-gray); }

.home .site-main .card .entry-title { font-size: var(--global--font-size-md); padding: calc(0.75 * var(--global--spacing-unit)) var(--global--spacing-unit); }

.home .site-main .card .entry-content > * { margin: calc(0.5 * var(--global--spacing-vertical)); margin-top: 0; color: var(--global--color-gray); }

.home .site-main .card .entry-footer > * { margin: calc(0.5 * var(--global--spacing-vertical)); }

/* Post Thumbnail */
.post-thumbnail { display: block; text-align: center; margin: calc(0.5 * var(--global--spacing-vertical)) auto; }

.post-thumbnail .wp-post-image { display: block; margin-left: auto; margin-right: auto; max-width: 100%; }

/* Comments */
/** Comments Wrapper */
.comments-area > * { margin-top: var(--global--spacing-vertical); margin-bottom: var(--global--spacing-vertical); }

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

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

.comments-area.show-avatars .avatar { border-radius: 50%; position: absolute; top: 10px; }

.comments-area.show-avatars .fn { display: inline-block; padding-left: 85px; }

.comments-area.show-avatars .comment-metadata { padding: 8px 0 9px 85px; }

/** Comment Title */
.comment-reply-title, .comments-title { font-size: var(--heading--font-size-h2); letter-spacing: var(--heading--letter-spacing-h2); }

.comment-reply-title { display: flex; justify-content: space-between; }

.comment-reply-title small a { font-family: var(--global--font-secondary); font-size: var(--global--font-size-xs); font-style: normal; font-weight: normal; letter-spacing: normal; }

/* Nested comment reply title*/
.comment .comment-respond .comment-reply-title { font-size: var(--global--font-size-lg); }

/** Comment Lists */
.comment-list { padding-left: 0; list-style: none; }

.comment-list > li { margin-top: var(--global--spacing-vertical); margin-bottom: var(--global--spacing-vertical); }

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

.comment-list .children > li { margin-top: var(--global--spacing-vertical); margin-bottom: var(--global--spacing-vertical); }

/** Comment Meta */
.comment-meta .comment-author { line-height: var(--global--line-height-heading); margin-bottom: calc(0.25 * var(--global--spacing-unit)); }

.comment-meta .comment-author .fn { font-family: var(--global--font-secondary); font-weight: normal; font-size: var(--global--font-size-lg); hyphens: auto; word-wrap: break-word; word-break: break-word; }

.comment-meta .comment-metadata { color: var(--global--color-primary); font-size: var(--global--font-size-xs); padding: 8px 0 9px; }

.comment-meta .comment-metadata .edit-link { margin-left: var(--global--spacing-horizontal); }

.reply { font-size: var(--global--font-size-sm); line-height: var(--global--line-height-heading); }

.bypostauthor { display: block; }

.says { display: none; }

.pingback .url, .trackback .url { font-family: var(--global--font-primary); }

.comment-body { position: relative; margin-bottom: calc(1.7 * var(--global--spacing-vertical)); }

.comment-body > * { margin-top: var(--global--spacing-vertical); margin-bottom: var(--global--spacing-vertical); }

.comment-body .reply { margin: 0; }

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

.pingback .comment-body, .trackback .comment-body { margin-top: var(--global--spacing-vertical); margin-bottom: var(--global--spacing-vertical); }

.comment-respond { margin-top: var(--global--spacing-vertical); }

.comment-respond > * { margin-top: var(--global--spacing-unit); margin-bottom: var(--global--spacing-unit); }

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

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

.comment-respond > *:last-child.comment-form { margin-bottom: var(--global--spacing-vertical); }

.comment-author { padding-top: 3px; }

.comment-author .url { color: currentColor; }

.comment-form { display: flex; flex-wrap: wrap; }

.comment-form > * { flex-basis: 100%; }

.comment-form .comment-notes { font-size: var(--global--font-size-sm); }

.comment-form .comment-form-comment, .comment-form .comment-form-url { width: 100%; }

.comment-form .comment-form-author, .comment-form .comment-form-email { flex-basis: 0; flex-grow: 1; }

.comment-form .comment-form-cookies-consent > label, .comment-form .comment-notes { font-size: var(--global--font-size-xs); font-weight: normal; }

.comment-form > p { margin-bottom: var(--global--spacing-unit); }

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

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

.comment-form > p input[type="email"], .comment-form > p input[type="text"], .comment-form > p input[type="url"], .comment-form > p textarea, .comment-form > p label { display: block; font-size: var(--global--font-size-sm); margin-bottom: calc(.5 * var(--global--spacing-unit)); width: 100%; font-weight: var(--form--label-weight); }

.comment-form > p.comment-form-cookies-consent { display: flex; }

@media only screen and (min-width: 576px) { .comment-form > p.comment-form-author { margin-right: calc(1.5 * var(--global--spacing-horizontal)); }
  .comment-form > p.comment-notes, .comment-form > p.logged-in-as { display: block; } }

.main-navigation { display: block; display: flex; flex-wrap: wrap; margin: var(--primary-nav--padding) 0; /*width: 100%;*/ /* Mobile menu */ }

.main-navigation ul { /*display: flex; justify-content: flex-start; flex-wrap: wrap; list-style: none;*/ width: 100%; margin: 0; padding-left: 0; list-style: none; }

.main-navigation li { position: relative; margin: 0 var(--primary-nav--padding); }

.main-navigation a { padding: var(--primary-nav--padding) 0; text-decoration: none; color: var(--primary-nav--color-link); font-size: var(--primary-nav--font-size); }

.main-navigation a:hover { color: var(--primary-nav--color-link-hover); }

.main-navigation .menu-item a { display: block; width: 100%; }

.main-navigation .menu-toggle, .main-navigation .menu-toggle-close { z-index: 10; margin: 1em 0; width: 2em; min-height: 2em; line-height: 0; border: none; background-color: transparent; }

.main-navigation .menu-toggle::before { font-weight: bold; content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M0 96C0 78.3 14.3 64 32 64H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32H32c-17.7 0-32-14.3-32-32s14.3-32 32-32H416c17.7 0 32 14.3 32 32z"/></svg>'); content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" class="ionicon" viewBox="0 0 512 512"><title>Menu</title><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="32" d="M80 160h352M80 256h352M80 352h352"/></svg>'); }

.main-navigation .menu-toggle-close { opacity: 0; visibility: hidden; }

.main-navigation.toggled .menu-toggle::before, .main-navigation.toggled .menu-toggle-close::before { content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 96 320 320"><path d="M310.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L160 210.7 54.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L114.7 256 9.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L160 301.3 265.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L205.3 256 310.6 150.6z"/></svg>'); content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" class="ionicon" viewBox="0 0 512 512"><title>Close</title><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M368 368L144 144M368 144L144 368"/></svg>'); }

.main-navigation.toggled .menu-container { display: block; }

.main-navigation ul.nav-menu li .sub-menu-toggle { flex-shrink: 0; width: 2em; padding: 0 .5em; line-height: 0; border: none; background-color: transparent; margin: var(--primary-nav--padding) 0; transition: transform .3s linear; }

.main-navigation ul.nav-menu li .sub-menu-toggle::before { content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M201.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 338.7 54.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>'); content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" class="ionicon" viewBox="0 0 512 512"><title>Chevron Down</title><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="48" d="M112 184l144 144 144-144"/></svg>'); }

.main-navigation ul.nav-menu li .sub-menu-toggle.active { transform: rotateZ(180deg); }

.main-navigation ul.nav-menu li .sub-menu-toggle.active + .sub-menu { top: 100%; }

.main-navigation ul.nav-menu .menu-wrapper { display: flex; justify-content: space-between; }

@media only screen and (max-width: 719px) { .main-navigation ul.nav-menu li { border-color: #ddd; border-style: solid; border-width: 0.1em 0 0 0; margin: 0; }
  .main-navigation ul.nav-menu .menu-item a { padding: var(--primary-nav--padding); }
  .main-navigation .sub-menu { height: 0; overflow: hidden; background: #eee; transition: all .3s linear; }
  .main-navigation .sub-menu.active { height: auto; }
  .main-navigation .menu-container { display: none; position: fixed; z-index: 9; left: 0; right: 0; top: 0; bottom: 0; overflow: auto; padding: calc(0.75 * var(--global--spacing-vertical)) 0; background: #f8f8f8; }
  .main-navigation .menu-container .menu-container-inner { width: var(--responsive--alignwide-width); margin: auto; }
  .main-navigation .menu-top { display: flex; justify-content: space-between; margin: var(--primary-nav--padding) 0; } }

@media only screen and (min-width: 720px) { .main-navigation .menu-toggle { display: none; }
  .main-navigation .menu-toggle-close { display: none; }
  .main-navigation ul.nav-menu { display: flex; align-items: center; }
  .main-navigation ul.nav-menu > li { border-bottom: 2px solid transparent; transition: all 0.3s ease-in-out; }
  .main-navigation ul.nav-menu > li:hover { border-bottom: 2px solid var(--primary-nav--color-link-hover); }
  .main-navigation ul.nav-menu li { /*a { border-bottom: 2px solid transparent; transition: all 0.3s ease-in-out; &:hover { border-bottom: 2px solid var(--primary-nav--color-link-hover); } }*/ }
  .main-navigation ul.nav-menu li:hover .sub-menu { top: 100%; }
  .main-navigation ul.nav-menu li .sub-menu-toggle { margin: 0; pointer-events: none; }
  .main-navigation .sub-menu { position: absolute; top: -999em; z-index: 9; background-color: var(--primary-nav--background-color); border: 1px solid var(--primary-nav--border-color); } }

/* Search in header navigation */
.search-toggle { width: 2em; min-height: 2em; line-height: 0; border: none; background-color: transparent; }

.search-toggle::before { content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z"/></svg>'); content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" class="ionicon" viewBox="0 0 512 512"><title>Search</title><path d="M221.09 64a157.09 157.09 0 10157.09 157.09A157.1 157.1 0 00221.09 64z" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="32" d="M338.29 338.29L448 448"/></svg>'); }

.search-toggle-close { width: 2em; min-height: 2em; font-size: 1.5em; line-height: 0; border: none; background-color: transparent; }

.search-toggle-close::before { content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z"/></svg>'); content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" class="ionicon" viewBox="0 0 512 512"><title>Close</title><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M368 368L144 144M368 144L144 368"/></svg>'); }

.search-modal { display: none; opacity: 0; transition: opacity 0.3s ease-out; position: fixed; z-index: 11; top: 0; left: 0; right: 0; }

.search-modal::before { content: ''; pointer-events: none; position: fixed; z-index: -1; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.15); }

.search-modal.show-modal { display: block; }

.search-modal.active { opacity: 1; }

.search-container { background: #fff; padding: 1em 0; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15); }

.search-container .search-wrapper { display: flex; max-width: var(--responsive--alignwide-width); margin: 0 auto; }

.search-container .search-fields { display: flex; flex: 1; }

.search-container .search-fields input[type="search"] { width: 100%; border: 0; outline: 0; font-size: 1.5em; }

.search-container .search-fields input[type="search"]::-webkit-search-decoration, .search-container .search-fields input[type="search"]::-webkit-search-cancel-button, .search-container .search-fields input[type="search"]::-webkit-search-results-button, .search-container .search-fields input[type="search"]::-webkit-search-results-decoration { display: none; }

.search-container .search-fields button[type="submit"] { width: 2em; min-height: 2em; font-size: 1.5em; line-height: 0; border: none; background-color: transparent; }

.search-container .search-fields button[type="submit"]::before { content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z"/></svg>'); content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" class="ionicon" viewBox="0 0 512 512"><title>Search</title><path d="M221.09 64a157.09 157.09 0 10157.09 157.09A157.1 157.1 0 00221.09 64z" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="32" d="M338.29 338.29L448 448"/></svg>'); opacity: .5; }

@media only screen and (max-width: 719px) { .search-toggle { order: -1; } }

.post-navigation { margin: var(--global--spacing-vertical) auto; }

.navigation { color: var(--global--color-primary); cursor: default; }

.navigation a { cursor: pointer; color: var(--global--color-primary); text-decoration: none; }

.navigation a:hover { color: var(--global--color-primary-hover); text-decoration: underline; }

.nav-links { display: flex; flex-wrap: wrap; margin-left: calc(var(--global--spacing-unit) * -0.5); margin-right: calc(var(--global--spacing-unit) * -0.5); }

.nav-links > * { margin: calc(var(--global--spacing-unit) * 0.5); color: var(--pagination--color-text); font-size: var(--pagination--font-size); font-weight: var(--pagination--font-weight); }

.nav-links > *.current { text-decoration: underline; }

.nav-links > *.next { margin-left: auto; }

.nav-links > *.prev { margin-right: auto; }

.nav-links .nav-next a, .nav-links .nav-previous a { display: flex; flex-direction: column; }

@media only screen and (min-width: 576px) { .nav-links { justify-content: space-between; }
  .nav-links .nav-next, .nav-links .nav-previous { flex: 0 1 auto; max-width: calc(50% - var(--global--spacing-unit)); }
  .nav-links .nav-next { text-align: right; margin-left: auto; } }

/* Widgets */
.widget-area { display: grid; grid-template-columns: repeat(3, 1fr); column-gap: var(--global--spacing-horizontal); }

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

.widget-area ul li { line-height: var(--widget--line-height-list); }

.widget-area a { color: var(--footer--color-link); }

.widget-area a:active, .widget-area a:link, .widget-area a:visited { color: var(--footer--color-link); }

.widget-area a:hover { color: var(--footer--color-link-hover); text-decoration-style: dotted; }

.widget-area .widget h1, .widget-area .widget h2, .widget-area .widget h3, .widget-area .widget h4, .widget-area .widget h5, .widget-area .widget h6 { font-weight: var(--widget--font-weight-title); line-height: var(--widget--line-height-title); }

.widget-area .widget h1 { font-size: var(--global--font-size-md); }

.widget-area .widget h2 { font-size: var(--global--font-size-sm); }

.widget-area .widget h3 { font-size: var(--global--font-size-xs); }

.widget-area .widget h4 { font-size: var(--global--font-size-xs); }

.widget-area .widget h5 { font-size: var(--global--font-size-xs); }

.widget-area .widget h6 { font-size: var(--global--font-size-xs); }

.search-form { display: flex; flex-wrap: wrap; margin: auto; max-width: var(--responsive--aligndefault-width); }

.search-form > label { width: 100%; margin-bottom: 0; font-weight: var(--form--label-weight); }

.search-form .search-field { flex-grow: 1; max-width: inherit; margin-top: calc(var(--global--spacing-vertical) / 3); margin-right: calc(0.5 * var(--global--spacing-horizontal)); }

.search-form .search-submit { margin-top: calc(var(--global--spacing-vertical) / 3); margin-left: calc(0.5 * var(--global--spacing-horizontal)); }

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