@charset "UTF-8";
/*
Theme Name: Olivae Suites
Theme URI: https://www.olivaesuites.nl/
Author: Sitestone
Author URI: https://www.sitestone.nl/
Description: Custom hybrid theme for Olivae Suites, based on Twenty Twenty-One.
Requires at least: 5.3
Tested up to: 6.9
Requires PHP: 5.6
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: olivaesuites
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, translation-ready

Olivae Suites is based on Twenty Twenty-One, (C) 2020 WordPress.org.
Olivae Suites is distributed under the terms of the GNU GPL.
*/
/**
 * SETTINGS
 * File-header..........The file header for the themes style.css file.
 * Fonts................Any font files, if the project needs specific fonts.
 * Global...............Project-specific, globally available variables.
 *
 * TOOLS
 * Functions............Global functions.
 * Mixins...............Global mixins.
 *
 * GENERIC
 * Normalize.css........Normalise browser defaults.
 * Breakpoints..........Mixins and variables for responsive styles
 * Vertical-margins.....Vertical spacing for the main components.
 * Reset................Reset specific elements to make them easier to style in other contexts.
 * Clearings............Clearings for the main components.
 *
 * ELEMENTS
 * Blockquote...........Default blockquote.
 * Forms................Element-level form styling.
 * Headings.............H1–H6
 * Links................Default links.
 * Lists................Default lists.
 * Media................Images, Figure, Figcaption, Embed, iFrame, Objects, Video.
 *
 * BLOCKS
 * Audio................Specific styles for the audio block.
 * Button...............Specific styles for the button block.
 * Code.................Specific styles for the code block.
 * Columns..............Specific styles for the columns block.
 * Cover................Specific styles for the cover block.
 * File.................Specific styles for the file block.
 * Gallery..............Specific styles for the gallery block.
 * Group................Specific styles for the group block.
 * Heading..............Specific styles for the heading block.
 * Image................Specific styles for the image block.
 * Latest comments......Specific styles for the latest comments block.
 * Latest posts.........Specific styles for the latest posts block.
 * Legacy...............Specific styles for the legacy gallery.
 * List.................Specific styles for the list block.
 * Media text...........Specific styles for the media and text block.
 * Navigation...........Specific styles for the navigation block.
 * Paragraph............Specific styles for the paragraph block.
 * Pullquote............Specific styles for the pullquote block.
 * Quote................Specific styles for the quote block.
 * Search...............Specific styles for the search block.
 * Separator............Specific styles for the separator block.
 * Table................Specific styles for the table block.
 * Verse................Specific styles for the verse block.
 * Video................Specific styles for the video block.
 * Utilities............Block alignments.
 *
 * COMPONENTS
 * Header...............Header styles.
 * Footer...............Footer styles.
 * Comments.............Comment styles.
 * Archives.............Archive styles.
 * 404..................404 styles.
 * Search...............Search styles.
 * Navigation...........Navigation styles.
 * Footer Navigation....Footer Navigation styles.
 * Pagination...........Pagination styles.
 * Single...............Single page and post styles.
 * Posts and pages......Misc, sticky post styles.
 * Entry................Entry, author biography.
 * Widget...............Widget styles.
 * Editor...............Editor styles.
 *
 * UTILITIES
 * A11y.................Screen reader text, prefers reduced motion etc.
 * Color Palette........Classes for the color palette colors.
 * Editor Font Sizes....Editor Font Sizes.
 * Measure..............The width of a line of text, in characters.
 */
/* Categories 01 to 03 are the basics. */
/* Variables */
:root {
  /* Font Family */
  --font-headings: "Playfair Display", Georgia, "Times New Roman", serif;
  --font-base: "Source Sans Pro", "Source Sans 3", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  --global--font-primary: var(--font-headings, Georgia, "Times New Roman", 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: 1.25rem;
  --global--font-size-xs: 1rem;
  --global--font-size-sm: 1.125rem;
  --global--font-size-md: 1.25rem;
  --global--font-size-lg: 1.5rem;
  --global--font-size-xl: 2.25rem;
  --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 — tuned for Source Sans Pro / Playfair Display */
  --global--line-height-body: 1.6;
  --global--line-height-heading: 1.2;
  --global--line-height-page-title: 1.1;
  /* Headings */
  --heading--font-family: var(--global--font-primary);
  --heading--font-size-h6: var(--global--font-size-xs);
  --heading--font-size-h5: var(--global--font-size-sm);
  --heading--font-size-h4: var(--global--font-size-lg);
  --heading--font-size-h3: calc(1.25 * 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--letter-spacing-h6: 0.05em;
  --heading--letter-spacing-h5: 0;
  --heading--letter-spacing-h4: 0;
  --heading--letter-spacing-h3: 0;
  --heading--letter-spacing-h2: -0.01em;
  --heading--letter-spacing-h1: -0.01em;
  --heading--line-height-h6: 1.3;
  --heading--line-height-h5: 1.3;
  --heading--line-height-h4: 1.25;
  --heading--line-height-h3: 1.2;
  --heading--line-height-h2: 1.15;
  --heading--line-height-h1: 1.1;
  --heading--font-weight: 500;
  --heading--font-weight-page-title: 400;
  --heading--font-weight-strong: 700;
  /* Block: Latest posts */
  --latest-posts--title-font-family: var(--heading--font-family);
  --latest-posts--title-font-size: var(--heading--font-size-h3);
  --latest-posts--description-font-family: var(--global--font-secondary);
  --latest-posts--description-font-size: var(--global--font-size-sm);
  --list--font-family: var(--global--font-secondary);
  --definition-term--font-family: var(--global--font-primary);
  /* Brand colors */
  --global--color-warm-white: #f7f4ef;
  --global--color-cream-linen: #f3f1ec;
  --global--color-olivine-green: #9ca39b;
  --global--color-warm-sand: #c2a687;
  --global--color-warm-clay: #ce8f75;
  --global--color-dark-olive: #6e7e6c;
  --global--color-terracotta-clay: #d88c70;
  /* Deep Olive — derived from Dark Olive for body copy and small UI text.
     8.5:1 on Warm White, so it clears WCAG AA/AAA where Dark Olive (3.96:1) does not. */
  --global--color-deep-olive: #3e4a3d;
  /* Clay accent — the interactive colour, same hue as Warm Clay.
     Warm Clay itself is only 2.45:1 on Warm White, so it can carry fills but
     never text or a button label. These darker steps do the interactive work. */
  --global--color-clay-deep: #865d4c; /* links, button background, current nav — 5.2:1 */
  --global--color-clay-deeper: #6a4a3c; /* hover — 7.2:1 */
  --global--color-clay-tint: #f0e2d9; /* soft hover wash behind dark text */
  /* Near-black clay, the only kind of label that clears AA on Warm Clay itself
     (6.09:1). Used by the "Warm Clay" button style. */
  --global--color-clay-ink: #291d17;
  --global--color-white: #fff;
  --global--color-white-50: rgba(255, 255, 255, 0.5);
  --global--color-white-90: rgba(255, 255, 255, 0.9);
  --global--color-primary: var(--global--color-deep-olive); /* Body text color, site title, footer text color. */
  --global--color-secondary: var(--global--color-dark-olive); /* Headings */
  --global--color-primary-hover: var(--global--color-clay-deep); /* Interactive hover across nav, pagination, footer. */
  --global--color-link: var(--global--color-clay-deep); /* Content links. */
  --global--color-link-hover: var(--global--color-clay-deeper);
  --global--color-background: var(--global--color-warm-white);
  --global--color-surface: var(--global--color-cream-linen); /* Subtle fills: table stripes, code, wells. */
  --global--color-border: var(--global--color-dark-olive); /* Used for borders (separators) */
  /* Spacing */
  --global--spacing-unit: 20px;
  --global--spacing-measure: unset;
  --global--spacing-horizontal: 25px;
  --global--spacing-vertical: 30px;
  /* Editorial grid
   *
   * The 12-column magazine grid used by the "Row —" patterns. Twelve is
   * chosen because it divides by 2, 3, 4 and 6, so halves, thirds, quarters
   * and sixths all land on real column lines. The number of columns in the
   * grid is deliberately NOT the number of items in a row: a quarter-width
   * item spans 3.
   *
   * --grid--margin is the page inset either side of the grid. It steps
   * 1x / 2x / 3x the gutter across breakpoints; the responsive steps live in
   * 08-project/_editorial-grid.scss because settings files carry no media
   * queries. Change the multipliers there, not the base value here.
   */
  --grid--columns: 12;
  --grid--gap: var(--global--spacing-vertical);
  --grid--margin: var(--global--spacing-vertical);
  --grid--rhythm: calc(2 * var(--global--spacing-vertical));
  /* Elevation */
  --global--elevation: 1px 1px 3px 0 rgba(0, 0, 0, 0.2);
  /* Forms */
  --form--font-family: var(--global--font-secondary);
  --form--font-size: var(--global--font-size-sm);
  --form--line-height: var(--global--line-height-body);
  --form--color-text: var(--global--color-primary);
  --form--color-ranged: var(--global--color-secondary);
  --form--label-weight: 500;
  --form--border-color: var(--global--color-secondary);
  --form--border-width: 3px;
  --form--border-radius: 0;
  --form--spacing-unit: calc(0.5 * var(--global--spacing-unit));
  /* Cover block */
  --cover--height: calc(15 * var(--global--spacing-vertical));
  --cover--color-foreground: var(--global--color-warm-white);
  --cover--color-background: var(--global--color-deep-olive);
  /* Buttons */
  --button--color-text: var(--global--color-clay-ink);
  --button--color-text-hover: var(--global--color-warm-white);
  --button--color-text-active: var(--global--color-warm-white);
  --button--color-background: var(--global--color-warm-clay);
  --button--color-background-active: var(--global--color-clay-deep);
  --button--font-family: var(--global--font-primary);
  --button--font-size: var(--global--font-size-base);
  --button--font-weight: 500;
  --button--line-height: 1.5;
  --button--border-width: 3px;
  --button--border-radius: 0;
  --button--padding-vertical: 15px;
  --button--padding-horizontal: calc(2 * var(--button--padding-vertical));
  /* 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--color-text: var(--global--color-primary);
  --branding--color-link: var(--global--color-primary);
  --branding--color-link-hover: var(--global--color-secondary);
  --branding--title--font-family: var(--global--font-primary);
  --branding--title--font-size: var(--global--font-size-lg);
  --branding--title--font-size-mobile: var(--heading--font-size-h4);
  --branding--title--font-weight: normal;
  --branding--title--text-transform: uppercase;
  --branding--description--font-family: var(--global--font-secondary);
  --branding--description--font-size: var(--global--font-size-sm);
  --branding--logo--max-width: 500px;
  --branding--logo--max-height: 198px;
  --branding--logo--max-width-mobile: 200px;
  --branding--logo--max-height-mobile: 200px;
  /* Main navigation */
  --primary-nav--font-family: var(--global--font-secondary);
  --primary-nav--font-family-mobile: var(--global--font-primary);
  --primary-nav--font-size: var(--global--font-size-md);
  --primary-nav--font-size-sub-menu: var(--global--font-size-xs);
  --primary-nav--font-size-mobile: var(--global--font-size-sm);
  --primary-nav--font-size-sub-menu-mobile: var(--global--font-size-sm);
  --primary-nav--font-size-button: var(--global--font-size-xs);
  --primary-nav--font-style: normal;
  --primary-nav--font-style-sub-menu-mobile: normal;
  --primary-nav--font-weight: normal;
  --primary-nav--font-weight-button: 500;
  --primary-nav--color-link: var(--global--color-primary);
  --primary-nav--color-link-hover: var(--global--color-primary-hover);
  --primary-nav--color-text: var(--global--color-primary);
  --primary-nav--padding: calc(0.66 * var(--global--spacing-unit));
  --primary-nav--border-color: var(--global--color-primary);
  /* Pagination */
  --pagination--color-text: var(--global--color-primary);
  --pagination--color-link-hover: var(--global--color-primary-hover);
  --pagination--font-family: var(--global--font-secondary);
  --pagination--font-size: var(--global--font-size-lg);
  --pagination--font-weight: normal;
  --pagination--font-weight-strong: 600;
  /* Footer */
  --footer--color-text: var(--global--color-primary);
  --footer--color-link: var(--global--color-primary);
  --footer--color-link-hover: var(--global--color-primary-hover);
  --footer--font-family: var(--global--font-primary);
  --footer--font-size: var(--global--font-size-sm);
  /* Block: Pull quote */
  --pullquote--font-family: var(--global--font-primary);
  --pullquote--font-size: var(--heading--font-size-h3);
  --pullquote--font-style: normal;
  --pullquote--letter-spacing: var(--heading--letter-spacing-h4);
  --pullquote--line-height: var(--global--line-height-heading);
  --pullquote--border-width: 3px;
  --pullquote--border-color: var(--global--color-primary);
  --pullquote--color-foreground: var(--global--color-primary);
  --pullquote--color-background: var(--global--color-background);
  --quote--font-family: var(--global--font-secondary);
  --quote--font-size: var(--global--font-size-md);
  --quote--font-size-large: var(--global--font-size-xl);
  --quote--font-style: normal;
  --quote--font-weight: 700;
  --quote--font-weight-strong: bolder;
  --quote--font-style-large: normal;
  --quote--font-style-cite: normal;
  --quote--line-height: var(--global--line-height-body);
  --quote--line-height-large: 1.35;
  --separator--border-color: var(--global--color-border);
  --separator--height: 1px;
  /* Block: Table */
  --table--stripes-border-color: var(--global--color-surface);
  --table--stripes-background-color: var(--global--color-surface);
  --table--has-background-text-color: var(--global--color-primary);
  /* Widgets */
  --widget--line-height-list: 1.9;
  --widget--line-height-title: 1.4;
  --widget--font-weight-title: 700;
  --widget--spacing-menu: calc(0.66 * var(--global--spacing-unit));
  /* Admin-bar height */
  --global--admin-bar--height: 0px;
}

.admin-bar {
  --global--admin-bar--height: 32px;
}
@media only screen and (max-width: 782px) {
  .admin-bar {
    --global--admin-bar--height: 46px;
  }
}

@media only screen and (min-width: 652px) {
  :root {
    --global--font-size-xl: 2.5rem;
    --global--font-size-xxl: 5rem;
    --global--font-size-xxxl: 9rem;
    --heading--font-size-h3: 2rem;
    --heading--font-size-h2: 3rem;
  }
}
/*! 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.
 */
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;
}

/**
 * Responsive Styles
 */
/**
 * Required Variables
 */
/**
 * 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: 482px) {
  :root {
    --responsive--aligndefault-width: min(calc(100vw - 4 * var(--global--spacing-horizontal)), 860px);
    --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: 822px) {
  :root {
    --responsive--aligndefault-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 860px);
    --responsive--alignwide-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 1160px);
  }
}
/**
 * Extends
 */
.post-thumbnail, .entry-content .wp-audio-shortcode, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator),
*[class*=inner-container] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator), .default-max-width {
  max-width: var(--responsive--aligndefault-width);
  margin-left: auto;
  margin-right: auto;
}

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

.alignfull, .wp-block-group .wp-block-group__inner-container > *.alignfull, .full-max-width {
  max-width: var(--responsive--alignfull-width);
  width: var(--responsive--alignfull-width);
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (min-width: 482px) {
  .alignfull, .full-max-width {
    max-width: var(--responsive--alignfull-width);
    width: auto;
    margin-left: auto;
    margin-right: auto;
  }
}
.entry-header .post-thumbnail, .singular .post-thumbnail, .alignfull [class*=inner-container] > .alignwide, .alignwide [class*=inner-container] > .alignwide {
  margin-left: auto;
  margin-right: auto;
  width: var(--responsive--alignwide-width);
  max-width: var(--responsive--alignfull-width);
}

@media only screen and (min-width: 482px) {
  .entry-content > .alignleft {
    /*rtl:ignore*/
    margin-left: var(--responsive--alignleft-margin);
    /*rtl:ignore*/
    margin-right: var(--global--spacing-horizontal);
  }
}
@media only screen and (min-width: 482px) {
  .entry-content > .alignright {
    /*rtl:ignore*/
    margin-left: var(--global--spacing-horizontal);
    /*rtl:ignore*/
    margin-right: var(--responsive--alignright-margin);
  }
}
/**
 * Site Structure
 *
 * - Set vertical margins and responsive widths on
 *   top-level wrappers and content wrappers
 * - `--global--width-content` is a responsive variable
 * - See: globals/_global-width-responsive.scss
 */
/**
 * Top Level Wrappers (header, main, footer)
 * - Set vertical padding and horizontal margins
 */
.site-header,
.site-main,
.widget-area,
.site-footer {
  padding-top: var(--global--spacing-vertical);
  padding-bottom: var(--global--spacing-vertical);
  margin-left: auto;
  margin-right: auto;
}

.site-header {
  padding-top: calc(0.75 * var(--global--spacing-vertical));
  padding-bottom: calc(2 * var(--global--spacing-vertical));
}
@media only screen and (min-width: 482px) {
  .site-header {
    padding-bottom: calc(3 * var(--global--spacing-vertical));
  }
}

/**
 * Site-main children wrappers
 * - Add double vertical margins here for clearer hierarchy
 */
.site-main > * {
  margin-top: calc(3 * var(--global--spacing-vertical));
  margin-bottom: calc(3 * var(--global--spacing-vertical));
}
.site-main > *:first-child {
  margin-top: 0;
}
.site-main > *:last-child {
  margin-bottom: 0;
}

/**
 * Set the default maximum responsive content-width
 */
/**
 * Set the wide maximum responsive content-width
 */
/**
 * Set the full maximum responsive content-width
 */
/*
 * Block & non-gutenberg content wrappers
 * - Set margins
 */
.entry-header,
.post-thumbnail,
.entry-content,
.entry-footer,
.author-bio {
  margin-top: var(--global--spacing-vertical);
  margin-right: auto;
  margin-bottom: var(--global--spacing-vertical);
  margin-left: auto;
}

/*
 * Block & non-gutenberg content wrapper children
 * - Sets spacing-vertical margin logic
 */
.site-main > article > *,
.site-main > .not-found > *,
.entry-content > *,
[class*=inner-container] > *,
.wp-block-template-part > *,
.wp-block-post-template :where(li > *) {
  margin-top: calc(0.666 * var(--global--spacing-vertical));
  margin-bottom: calc(0.666 * var(--global--spacing-vertical));
}
@media only screen and (min-width: 482px) {
  .site-main > article > *,
  .site-main > .not-found > *,
  .entry-content > *,
  [class*=inner-container] > *,
  .wp-block-template-part > *,
  .wp-block-post-template :where(li > *) {
    margin-top: var(--global--spacing-vertical);
    margin-bottom: var(--global--spacing-vertical);
  }
}
.site-main > article > *:first-child,
.site-main > .not-found > *:first-child,
.entry-content > *:first-child,
[class*=inner-container] > *:first-child,
.wp-block-template-part > *:first-child,
.wp-block-post-template :where(li > *):first-child {
  margin-top: 0;
}
.site-main > article > *:last-child,
.site-main > .not-found > *:last-child,
.entry-content > *:last-child,
[class*=inner-container] > *:last-child,
.wp-block-template-part > *:last-child,
.wp-block-post-template :where(li > *):last-child {
  margin-bottom: 0;
}

.site-footer > *,
.widget-area > * {
  margin-top: calc(0.666 * var(--global--spacing-vertical));
  margin-bottom: calc(0.666 * var(--global--spacing-vertical));
}
@media only screen and (min-width: 482px) {
  .site-footer > *,
  .widget-area > * {
    margin-top: var(--global--spacing-vertical);
    margin-bottom: var(--global--spacing-vertical);
  }
}

/*
 * Block & non-gutenberg content wrapper children
 * - Sets spacing-unit margins
 */
.entry-header > *,
.post-thumbnail > *,
.page-content > *,
.comment-content > *,
.widget > * {
  margin-top: var(--global--spacing-unit);
  margin-bottom: var(--global--spacing-unit);
}
.entry-header > *:first-child,
.post-thumbnail > *:first-child,
.page-content > *:first-child,
.comment-content > *:first-child,
.widget > *:first-child {
  margin-top: 0;
}
.entry-header > *:last-child,
.post-thumbnail > *:last-child,
.page-content > *:last-child,
.comment-content > *:last-child,
.widget > *:last-child {
  margin-bottom: 0;
}

/*
 * .entry-content children specific controls
 * - Adds special margin overrides for alignment utility classes
 */
.entry-content > *.alignleft, .entry-content > *.alignright, .entry-content > *.alignleft:first-child + *, .entry-content > *.alignright:first-child + *, .entry-content > *.alignfull.has-background {
  margin-top: 0;
}
.entry-content > *:last-child, .entry-content > *.alignfull.has-background {
  margin-bottom: 0;
}
.entry-content > *.alignfull + .alignleft, .entry-content > *.alignfull + .alignright {
  margin-top: var(--global--spacing-vertical);
}

/**
 * Reset specific elements to make them easier to style in other contexts.
 */
html,
body,
p,
ol,
ul,
li,
dl,
dt,
dd,
blockquote,
figure,
fieldset,
form,
legend,
textarea,
pre,
iframe,
hr,
h1,
h2,
h3,
h4,
h5,
h6 {
  padding: 0;
  margin: 0;
  -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.
 */
*, *::before, *::after {
  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;
}

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

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

/* Category 04 can contain any default HTML element. Do not add classes here, just give the elements some basic styles. */
blockquote {
  padding: 0;
  position: relative;
  margin: var(--global--spacing-vertical) 0 var(--global--spacing-vertical) var(--global--spacing-horizontal);
}
blockquote > * {
  margin-top: var(--global--spacing-unit);
  margin-bottom: var(--global--spacing-unit);
}
blockquote > *:first-child {
  margin-top: 0;
}
blockquote > *:last-child {
  margin-bottom: 0;
}
blockquote p {
  letter-spacing: var(--heading--letter-spacing-h4);
  font-family: var(--quote--font-family);
  font-size: var(--quote--font-size);
  font-style: var(--quote--font-style);
  font-weight: var(--quote--font-weight);
  line-height: var(--quote--line-height);
}
blockquote cite,
blockquote footer {
  font-weight: normal;
  color: var(--global--color-primary);
  letter-spacing: var(--global--letter-spacing);
}
blockquote.alignleft, blockquote.alignright {
  padding-left: inherit;
}
blockquote.alignleft p, blockquote.alignright p {
  font-size: var(--heading--font-size-h5);
  max-width: inherit;
  width: inherit;
}
blockquote.alignleft cite,
blockquote.alignleft footer, blockquote.alignright cite,
blockquote.alignright footer {
  font-size: var(--global--font-size-xs);
  letter-spacing: var(--global--letter-spacing);
}
blockquote strong {
  font-weight: var(--quote--font-weight-strong);
}
blockquote:before {
  content: "“";
  position: absolute;
  left: calc(-0.5 * var(--global--spacing-horizontal));
}
blockquote .wp-block-quote__citation,
blockquote cite,
blockquote footer {
  color: var(--global--color-primary);
  font-style: var(--quote--font-style-cite);
}
@media only screen and (max-width: 481.98px) {
  blockquote {
    padding-left: calc(0.5 * var(--global--spacing-horizontal));
  }
  blockquote:before {
    left: 0;
  }
}

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);
  margin: 0 2px;
  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-offset: 2px;
  outline: 2px dotted 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);
}

input[type=search]:focus {
  outline-offset: -7px;
}
.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%;
}
select:focus {
  outline-offset: 2px;
  outline: 2px dotted var(--form--border-color);
}
.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]:focus {
    outline-offset: 2px;
    outline: 2px dotted var(--form--border-color);
  }
  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]:focus {
    outline-offset: 2px;
    outline: 2px dotted var(--form--border-color);
  }
  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=radio]:checked:focus {
    outline-offset: 4px;
    outline: 2px dotted var(--form--border-color);
  }
}
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;
    outline-offset: 10px;
  }
  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);
}
@media only screen and (min-width: 592px) {
  .post-password-form__submit {
    margin-left: calc(0.4 * var(--global--spacing-horizontal));
  }
}

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 */
figcaption,
.wp-caption,
.wp-caption-text,
.wp-block-embed 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 figcaption, .alignright figcaption,
.alignleft .wp-caption,
.alignright .wp-caption,
.alignleft .wp-caption-text,
.alignright .wp-caption-text,
.alignleft .wp-block-embed figcaption,
.alignright .wp-block-embed figcaption {
  margin-bottom: 0;
}

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

/* Over here, place any elements that do not need to have their own file. */
b,
strong {
  font-weight: 700;
}

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

pre {
  white-space: pre;
  overflow-x: auto;
}

.entry-content > code {
  display: block;
}

/*
 * text-underline-offset doesn't work in Chrome at all 👎
 * But looks nice in Safari/Firefox, so let's keep it and
 * maybe Chrome will support it soon.
 */
a {
  cursor: pointer;
  color: var(--wp--style--color--link, var(--global--color-link));
  text-underline-offset: 3px;
  text-decoration-skip-ink: all;
}

a:hover {
  color: var(--wp--style--color--link, var(--global--color-link-hover));
  text-decoration-style: dotted;
  text-decoration-skip-ink: none;
}

.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
  /* Only visible in Windows High Contrast mode */
  outline: 2px solid transparent;
  text-decoration: underline 1px dotted currentColor;
  text-decoration-skip-ink: none;
  background: rgba(255, 255, 255, 0.9);
}
.is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
  background: var(--global--color-deep-olive);
  color: var(--global--color-white);
  text-decoration: none;
}
.is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) .meta-nav {
  color: var(--wp--style--color--link, var(--global--color-white));
}
.has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
  background: rgba(0, 0, 0, 0.9);
  color: var(--wp--style--color--link, var(--global--color-white));
}
.has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) .meta-nav {
  color: var(--wp--style--color--link, var(--global--color-white));
}
.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).skip-link {
  /* Only visible in Windows High Contrast mode */
  outline: 2px solid transparent;
  outline-offset: -2px;
}
.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).skip-link:focus {
  color: #21759b;
  background-color: #f1f1f1;
}
.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).custom-logo-link {
  background: none;
}
.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) img {
  outline: 2px dotted var(--wp--style--color--link, var(--global--color-primary));
}

.has-background .has-link-color a, .has-background.has-link-color a {
  color: var(--wp--style--color--link, var(--global--color-primary));
}

/* Category 05 is all about adjusting the default block styles to the given layout. I only added three blocks as examples. */
.wp-block-audio audio:focus {
  outline-offset: 5px;
  outline: 2px solid var(--global--color-primary);
}

/**
 * Button
 */
.site .button,
button,
input[type=submit],
input[type=reset],
.wp-block-search .wp-block-search__button,
.wp-block-button .wp-block-button__link,
.wp-block-file a.wp-block-file__button {
  border: var(--button--border-width) solid transparent;
  border-radius: var(--button--border-radius);
  cursor: pointer;
  font-weight: var(--button--font-weight);
  font-family: var(--button--font-family);
  font-size: var(--button--font-size);
  line-height: var(--button--line-height);
  padding: var(--button--padding-vertical) var(--button--padding-horizontal);
  text-decoration: none;
}
.site .button:not(:hover):not(:active):not(.has-text-color),
button:not(:hover):not(:active):not(.has-text-color),
input[type=submit]:not(:hover):not(:active):not(.has-text-color),
input[type=reset]:not(:hover):not(:active):not(.has-text-color),
.wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-text-color),
.wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-text-color),
.wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-text-color) {
  color: var(--button--color-text);
}
.has-background .site .button:not(:hover):not(:active):not(.has-text-color),
.has-background button:not(:hover):not(:active):not(.has-text-color),
.has-background input[type=submit]:not(:hover):not(:active):not(.has-text-color),
.has-background input[type=reset]:not(:hover):not(:active):not(.has-text-color),
.has-background .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-text-color),
.has-background .wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-text-color),
.has-background .wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-text-color) {
  color: var(--button--color-text);
}
.has-background .site .button:not(:hover):not(:active):not(.has-text-color).has-background,
.has-background button:not(:hover):not(:active):not(.has-text-color).has-background,
.has-background input[type=submit]:not(:hover):not(:active):not(.has-text-color).has-background,
.has-background input[type=reset]:not(:hover):not(:active):not(.has-text-color).has-background,
.has-background .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-text-color).has-background,
.has-background .wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-text-color).has-background,
.has-background .wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-text-color).has-background {
  color: var(--global--color-primary);
}
.site .button:not(:hover):not(:active):not(.has-background),
button:not(:hover):not(:active):not(.has-background),
input[type=submit]:not(:hover):not(:active):not(.has-background),
input[type=reset]:not(:hover):not(:active):not(.has-background),
.wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-background),
.wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-background),
.wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-background) {
  background-color: var(--button--color-background);
}
.has-background .site .button:not(:hover):not(:active):not(.has-background),
.has-background button:not(:hover):not(:active):not(.has-background),
.has-background input[type=submit]:not(:hover):not(:active):not(.has-background),
.has-background input[type=reset]:not(:hover):not(:active):not(.has-background),
.has-background .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-background),
.has-background .wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-background),
.has-background .wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-background) {
  background-color: var(--button--color-background);
}
.site .button:hover, .site .button:active,
button:hover,
button:active,
input[type=submit]:hover,
input[type=submit]:active,
input[type=reset]:hover,
input[type=reset]:active,
.wp-block-search .wp-block-search__button:hover,
.wp-block-search .wp-block-search__button:active,
.wp-block-button .wp-block-button__link:hover,
.wp-block-button .wp-block-button__link:active,
.wp-block-file a.wp-block-file__button:hover,
.wp-block-file a.wp-block-file__button:active {
  background-color: var(--button--color-background-active);
  border-color: transparent;
  color: var(--button--color-text-hover);
}
.site .button:focus,
button:focus,
input[type=submit]:focus,
input[type=reset]:focus,
.wp-block-search .wp-block-search__button:focus,
.wp-block-button .wp-block-button__link:focus,
.wp-block-file a.wp-block-file__button:focus {
  outline-offset: -6px;
  outline: 2px dotted currentColor;
}
.site .button:disabled,
button:disabled,
input[type=submit]:disabled,
input[type=reset]:disabled,
.wp-block-search .wp-block-search__button:disabled,
.wp-block-button .wp-block-button__link:disabled,
.wp-block-file a.wp-block-file__button:disabled {
  background-color: var(--global--color-white-50);
  border-color: var(--global--color-white-50);
  color: var(--button--color-text-active);
}
.site .button,
button,
input[type=submit],
input[type=reset],
.wp-block-search .wp-block-search__button,
.wp-block-button .wp-block-button__link,
.wp-block-file a.wp-block-file__button {
  padding: 8px 20px 10px;
}

/**
 * Block Options
 */
.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) {
  color: var(--button--color-text);
}
.has-background .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) {
  color: var(--button--color-text);
}
.has-background .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-text-color).has-background {
  color: var(--global--color-primary);
}
.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-background) {
  background-color: var(--button--color-background);
}
.has-background .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-background) {
  background-color: var(--button--color-background);
}
.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover,
.wp-block-button:not(.is-style-outline) .wp-block-button__link:active {
  border-color: transparent !important;
  background-color: var(--button--color-background-active) !important;
  color: var(--button--color-text-hover) !important;
}
.wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-text-color), .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-background), .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active).has-background {
  border-color: currentColor;
}
.wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) {
  color: var(--global--color-primary);
}
.has-background .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) {
  color: var(--local--color-primary, var(--global--color-primary));
}
.has-background .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active).has-background:not(.has-text-color) {
  color: inherit;
}
.wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-background) {
  background-color: transparent;
}
.wp-block-button.is-style-outline .wp-block-button__link:hover,
.wp-block-button.is-style-outline .wp-block-button__link:active {
  border-color: transparent !important;
  background-color: var(--button--color-background-active) !important;
  color: var(--button--color-text-hover) !important;
}
.has-background .wp-block-button.is-style-outline .wp-block-button__link:hover,
.has-background .wp-block-button.is-style-outline .wp-block-button__link:active {
  background-color: var(--local--color-primary, var(--global--color-primary)) !important;
  color: var(--local--color-background, var(--global--color-background)) !important;
}
.has-text-color .wp-block-button.is-style-outline .wp-block-button__link:hover,
.has-text-color .wp-block-button.is-style-outline .wp-block-button__link:active {
  color: var(--local--color-background, var(--global--color-background)) !important;
}
.wp-block-button .is-style-squared .wp-block-button__link {
  border-radius: 0;
}

.is-style-outline .wp-block-button__link[style*=radius]:focus,
.wp-block-button a.wp-block-button__link[style*=radius]:focus {
  outline-offset: 2px;
  outline: 2px dotted var(--button--color-text);
}

.wp-block-code {
  border-color: var(--global--color-border);
  border-radius: 0;
  border-style: solid;
  border-width: 0.1rem;
  padding: var(--global--spacing-unit);
}
.wp-block-code code {
  color: var(--global--color-primary);
  white-space: pre;
  overflow-x: auto;
  display: block;
}

.wp-block-columns:not(.alignwide):not(.alignfull) {
  clear: both;
}
.wp-block-columns .wp-block-column > * {
  margin-top: calc(0.66 * var(--global--spacing-vertical));
  margin-bottom: calc(0.66 * var(--global--spacing-vertical));
}
@media only screen and (min-width: 482px) {
  .wp-block-columns .wp-block-column > * {
    margin-top: var(--global--spacing-vertical);
    margin-bottom: var(--global--spacing-vertical);
  }
}
.wp-block-columns .wp-block-column > *:first-child {
  margin-top: 0;
}
.wp-block-columns .wp-block-column > *:last-child {
  margin-bottom: 0;
}
.wp-block-columns .wp-block-column:last-child {
  margin-bottom: 0;
}
.wp-block-columns .wp-block-column:not(:last-child) {
  margin-bottom: calc(0.66 * var(--global--spacing-vertical));
}
@media only screen and (min-width: 482px) {
  .wp-block-columns .wp-block-column:not(:last-child) {
    margin-bottom: var(--global--spacing-vertical);
  }
}
@media only screen and (min-width: 822px) {
  .wp-block-columns .wp-block-column:not(:last-child) {
    margin-bottom: 0;
  }
}
.wp-block-columns.is-style-olivaesuites-columns-overlap {
  justify-content: space-around;
}
@media only screen and (min-width: 652px) {
  .wp-block-columns.is-style-olivaesuites-columns-overlap .wp-block-column:nth-child(2n) {
    margin-left: calc(-2 * var(--global--spacing-horizontal));
    margin-top: calc(2.5 * var(--global--spacing-horizontal));
    z-index: 2;
  }
  .wp-block-columns.is-style-olivaesuites-columns-overlap .wp-block-column:nth-child(2n) > p:not(.has-background),
  .wp-block-columns.is-style-olivaesuites-columns-overlap .wp-block-column:nth-child(2n) > h1:not(.has-background),
  .wp-block-columns.is-style-olivaesuites-columns-overlap .wp-block-column:nth-child(2n) > h2:not(.has-background),
  .wp-block-columns.is-style-olivaesuites-columns-overlap .wp-block-column:nth-child(2n) > h3:not(.has-background),
  .wp-block-columns.is-style-olivaesuites-columns-overlap .wp-block-column:nth-child(2n) > h4:not(.has-background),
  .wp-block-columns.is-style-olivaesuites-columns-overlap .wp-block-column:nth-child(2n) > h5:not(.has-background),
  .wp-block-columns.is-style-olivaesuites-columns-overlap .wp-block-column:nth-child(2n) > h6:not(.has-background),
  .wp-block-columns.is-style-olivaesuites-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background),
  .wp-block-columns.is-style-olivaesuites-columns-overlap .wp-block-column:nth-child(2n) > ol:not(.has-background),
  .wp-block-columns.is-style-olivaesuites-columns-overlap .wp-block-column:nth-child(2n) > pre:not(.has-background) {
    background-color: var(--global--color-background);
    padding: var(--global--spacing-unit);
  }
  .wp-block-columns.is-style-olivaesuites-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background),
  .wp-block-columns.is-style-olivaesuites-columns-overlap .wp-block-column:nth-child(2n) > ol:not(.has-background) {
    padding-left: calc(2 * var(--global--spacing-horizontal));
  }
  .wp-block-columns.is-style-olivaesuites-columns-overlap .wp-block-column:nth-child(2n).is-vertically-aligned-center {
    margin-top: 0;
  }
}
.wp-block-columns.alignfull .wp-block-column p:not(.has-background),
.wp-block-columns.alignfull .wp-block-column h1:not(.has-background),
.wp-block-columns.alignfull .wp-block-column h2:not(.has-background),
.wp-block-columns.alignfull .wp-block-column h3:not(.has-background),
.wp-block-columns.alignfull .wp-block-column h4:not(.has-background),
.wp-block-columns.alignfull .wp-block-column h5:not(.has-background),
.wp-block-columns.alignfull .wp-block-column h6:not(.has-background) {
  padding-left: var(--global--spacing-unit);
  padding-right: var(--global--spacing-unit);
}

.wp-block-cover:not(.alignwide):not(.alignfull),
.wp-block-cover-image:not(.alignwide):not(.alignfull) {
  clear: both;
}
.wp-block-cover.alignfull,
.wp-block-cover-image.alignfull {
  margin-top: 0;
  margin-bottom: 0;
}
.wp-block-cover,
.wp-block-cover-image {
  background-color: var(--cover--color-background);
  min-height: var(--cover--height);
  margin-top: inherit;
  margin-bottom: inherit;
}
.wp-block-cover .wp-block-cover__inner-container,
.wp-block-cover .wp-block-cover-image-text,
.wp-block-cover .wp-block-cover-text,
.wp-block-cover-image .wp-block-cover__inner-container,
.wp-block-cover-image .wp-block-cover-image-text,
.wp-block-cover-image .wp-block-cover-text {
  color: currentColor;
  margin-top: var(--global--spacing-vertical);
  margin-bottom: var(--global--spacing-vertical);
}
.wp-block-cover .wp-block-cover__inner-container a:not(.wp-block-button__link):not(.wp-block-file__button),
.wp-block-cover .wp-block-cover-image-text a:not(.wp-block-button__link):not(.wp-block-file__button),
.wp-block-cover .wp-block-cover-text a:not(.wp-block-button__link):not(.wp-block-file__button),
.wp-block-cover-image .wp-block-cover__inner-container a:not(.wp-block-button__link):not(.wp-block-file__button),
.wp-block-cover-image .wp-block-cover-image-text a:not(.wp-block-button__link):not(.wp-block-file__button),
.wp-block-cover-image .wp-block-cover-text a:not(.wp-block-button__link):not(.wp-block-file__button) {
  color: currentColor;
}
.wp-block-cover .wp-block-cover__inner-container .has-link-color a,
.wp-block-cover .wp-block-cover-image-text .has-link-color a,
.wp-block-cover .wp-block-cover-text .has-link-color a,
.wp-block-cover-image .wp-block-cover__inner-container .has-link-color a,
.wp-block-cover-image .wp-block-cover-image-text .has-link-color a,
.wp-block-cover-image .wp-block-cover-text .has-link-color a {
  color: var(--wp--style--color--link, var(--global--color-primary));
}
.wp-block-cover,
.wp-block-cover-image {
  /* default & custom background-color */
}
.wp-block-cover:not([class*=background-color]) .wp-block-cover__inner-container,
.wp-block-cover:not([class*=background-color]) .wp-block-cover-image-text,
.wp-block-cover:not([class*=background-color]) .wp-block-cover-text,
.wp-block-cover-image:not([class*=background-color]) .wp-block-cover__inner-container,
.wp-block-cover-image:not([class*=background-color]) .wp-block-cover-image-text,
.wp-block-cover-image:not([class*=background-color]) .wp-block-cover-text {
  color: var(--cover--color-foreground);
}
.wp-block-cover,
.wp-block-cover-image {
  /* Treating H2 separately to account for legacy /core styles */
}
.wp-block-cover h2,
.wp-block-cover-image h2 {
  font-size: var(--heading--font-size-h2);
  letter-spacing: var(--heading--letter-spacing-h2);
  line-height: var(--heading--line-height-h2);
  max-width: inherit;
  text-align: inherit;
  padding: 0;
}
.wp-block-cover h2.has-text-align-left,
.wp-block-cover-image h2.has-text-align-left {
  text-align: left;
}
.wp-block-cover h2.has-text-align-center,
.wp-block-cover-image h2.has-text-align-center {
  text-align: center;
}
.wp-block-cover h2.has-text-align-right,
.wp-block-cover-image h2.has-text-align-right {
  text-align: right;
}
.wp-block-cover .wp-block-cover__inner-container,
.wp-block-cover-image .wp-block-cover__inner-container {
  width: calc(100% - 2 * var(--global--spacing-vertical));
}
.wp-block-cover .wp-block-cover__inner-container > *,
.wp-block-cover-image .wp-block-cover__inner-container > * {
  margin-top: calc(0.666 * var(--global--spacing-vertical));
  margin-bottom: calc(0.666 * var(--global--spacing-vertical));
}
@media only screen and (min-width: 482px) {
  .wp-block-cover .wp-block-cover__inner-container > *,
  .wp-block-cover-image .wp-block-cover__inner-container > * {
    margin-top: var(--global--spacing-vertical);
    margin-bottom: var(--global--spacing-vertical);
  }
}
.wp-block-cover .wp-block-cover__inner-container > *:first-child,
.wp-block-cover-image .wp-block-cover__inner-container > *:first-child {
  margin-top: 0;
}
.wp-block-cover .wp-block-cover__inner-container > *:last-child,
.wp-block-cover-image .wp-block-cover__inner-container > *:last-child {
  margin-bottom: 0;
}
.wp-block-cover.alignleft, .wp-block-cover.alignright,
.wp-block-cover-image.alignleft,
.wp-block-cover-image.alignright {
  margin-top: 0;
}
.wp-block-cover.alignleft > *, .wp-block-cover.alignright > *,
.wp-block-cover-image.alignleft > *,
.wp-block-cover-image.alignright > * {
  margin-top: calc(2 * var(--global--spacing-vertical));
  margin-bottom: calc(2 * var(--global--spacing-vertical));
  padding-left: var(--global--spacing-horizontal);
  padding-right: var(--global--spacing-horizontal);
  width: 100%;
}
.wp-block-cover.has-left-content, .wp-block-cover.has-right-content,
.wp-block-cover-image.has-left-content,
.wp-block-cover-image.has-right-content {
  justify-content: center;
}
.wp-block-cover,
.wp-block-cover-image {
  /* Block Styles */
}
.wp-block-cover.is-style-olivaesuites-border,
.wp-block-cover-image.is-style-olivaesuites-border {
  border: calc(3 * var(--separator--height)) solid var(--global--color-border);
}
.wp-block-cover,
.wp-block-cover-image {
  /* The background color class is used just for the overlay, and does not need to be applied to the inner container. */
}
.wp-block-cover[class*=-background-color][class] .wp-block-cover__inner-container,
.wp-block-cover-image[class*=-background-color][class] .wp-block-cover__inner-container {
  background-color: unset;
}

.wp-block-file a.wp-block-file__button:active,
.wp-block-file a.wp-block-file__button:focus,
.wp-block-file a.wp-block-file__button:hover {
  opacity: inherit;
}
.wp-block-file a.wp-block-file__button {
  display: inline-block;
}

.wp-block-gallery {
  margin: 0 auto;
}
.wp-block-gallery .blocks-gallery-image,
.wp-block-gallery .blocks-gallery-item {
  width: calc((100% - var(--global--spacing-unit)) / 2);
}
.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption {
  margin: 0;
  color: var(--global--color-white);
  font-size: var(--global--font-size-xs);
}
.wp-block-gallery .blocks-gallery-image figcaption a,
.wp-block-gallery .blocks-gallery-item figcaption a {
  color: var(--global--color-white);
}
.wp-block-gallery .blocks-gallery-image figcaption a:focus,
.wp-block-gallery .blocks-gallery-item figcaption a:focus {
  background-color: transparent;
  outline: 2px solid var(--wp--style--color--link, var(--global--color-primary));
  text-decoration: none;
}
.wp-block-gallery .blocks-gallery-image a:focus img,
.wp-block-gallery .blocks-gallery-item a:focus img {
  outline-offset: 2px;
}

.wp-block-group {
  display: flow-root;
}
.wp-block-group .wp-block-group__inner-container {
  margin-left: auto;
  margin-right: auto;
}
.wp-block-group .wp-block-group__inner-container > * {
  margin-top: calc(0.666 * var(--global--spacing-vertical));
  margin-bottom: calc(0.666 * var(--global--spacing-vertical));
}
@media only screen and (min-width: 482px) {
  .wp-block-group .wp-block-group__inner-container > * {
    margin-top: var(--global--spacing-vertical);
    margin-bottom: var(--global--spacing-vertical);
  }
}
.wp-block-group .wp-block-group__inner-container > *:first-child {
  margin-top: 0;
}
.wp-block-group .wp-block-group__inner-container > *:last-child {
  margin-bottom: 0;
}
.wp-block-group.has-background {
  padding: calc(0.666 * var(--global--spacing-vertical));
}
@media only screen and (min-width: 482px) {
  .wp-block-group.has-background {
    padding: var(--global--spacing-vertical);
  }
}
.wp-block-group.is-style-olivaesuites-border {
  border: calc(3 * var(--separator--height)) solid var(--global--color-border);
  padding: var(--global--spacing-vertical);
}
.wp-block-group.has-background .wp-block-group__inner-container > .alignfull,
.wp-block-group.has-background .wp-block-group__inner-container > hr.wp-block-separator:not(.is-style-dots):not(.alignwide).alignfull, .wp-block-group.is-style-olivaesuites-border .wp-block-group__inner-container > .alignfull,
.wp-block-group.is-style-olivaesuites-border .wp-block-group__inner-container > hr.wp-block-separator:not(.is-style-dots):not(.alignwide).alignfull {
  max-width: calc(var(--responsive--alignfull-width) + 2 * var(--global--spacing-vertical));
  width: calc(var(--responsive--alignfull-width) + 2 * var(--global--spacing-vertical));
  margin-left: calc(-1 * var(--global--spacing-vertical));
}

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

h1,
.h1 {
  font-size: var(--heading--font-size-h1);
  letter-spacing: var(--heading--letter-spacing-h1);
  line-height: var(--heading--line-height-h1);
}

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

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

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

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

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

.wp-block-image {
  text-align: center;
}
.wp-block-image figcaption {
  color: var(--global--color-primary);
  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;
}
.wp-block-image .alignright {
  margin-left: var(--global--spacing-horizontal);
}
.wp-block-image .alignleft {
  margin-right: var(--global--spacing-horizontal);
}
.wp-block-image a:focus img {
  outline-offset: 2px;
}

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

.wp-block-image.is-style-olivaesuites-border img,
.wp-block-image.is-style-olivaesuites-image-frame img {
  border: calc(3 * var(--separator--height)) solid var(--global--color-border);
}

.wp-block-image.is-style-olivaesuites-image-frame img {
  padding: var(--global--spacing-unit);
}

@media only screen and (min-width: 482px) {
  .entry-content > .wp-block-image > .alignleft,
  .entry-content > .wp-block-image > .alignright {
    max-width: 50%;
  }
}
@media only screen and (max-width: 481.98px) {
  .entry-content > .wp-block-image > .alignleft,
  .entry-content > .wp-block-image > .alignright {
    margin-left: 0;
    margin-right: 0;
  }
}

.wp-block-latest-comments {
  padding-left: 0;
}
.wp-block-latest-comments:where(:not([class*=-font-size]):not([style*=font-size])) .wp-block-latest-comments__comment {
  font-size: var(--global--font-size-sm);
}
.wp-block-latest-comments .wp-block-latest-comments__comment {
  line-height: var(--global--line-height-body);
  /* Vertical margins logic */
  margin-top: var(--global--spacing-vertical);
  margin-bottom: var(--global--spacing-vertical);
}
.wp-block-latest-comments .wp-block-latest-comments__comment:first-child {
  margin-top: 0;
}
.wp-block-latest-comments .wp-block-latest-comments__comment:last-child {
  margin-bottom: 0;
}
.wp-block-latest-comments .wp-block-latest-comments__comment-meta {
  font-family: var(--heading--font-family);
}
.wp-block-latest-comments .wp-block-latest-comments__comment-date {
  color: inherit;
  font-size: inherit;
}
.wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p {
  font-size: inherit;
  line-height: var(--global--line-height-body);
  margin: 0;
}

.wp-block-latest-posts {
  padding-left: 0;
}
.wp-block-latest-posts:not(.is-grid) > li {
  margin-top: calc(1.666 * var(--global--spacing-vertical));
  margin-bottom: calc(1.666 * var(--global--spacing-vertical));
}
.wp-block-latest-posts:not(.is-grid) > li:first-child {
  margin-top: 0;
}
.wp-block-latest-posts:not(.is-grid) > li:last-child {
  margin-bottom: 0;
}
.widget-area .wp-block-latest-posts:not(.is-grid) > li {
  margin-top: 0;
  margin-bottom: 0;
}
.wp-block-latest-posts.is-grid {
  word-wrap: break-word;
  word-break: break-word;
}
.wp-block-latest-posts.is-grid > li {
  margin-bottom: var(--global--spacing-vertical);
}
.wp-block-latest-posts.is-grid > li:last-child {
  margin-bottom: 0;
}
.wp-block-latest-posts.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1), .wp-block-latest-posts.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1) ~ li, .wp-block-latest-posts.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1), .wp-block-latest-posts.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1) ~ li, .wp-block-latest-posts.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1), .wp-block-latest-posts.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1) ~ li, .wp-block-latest-posts.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1), .wp-block-latest-posts.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1) ~ li, .wp-block-latest-posts.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1), .wp-block-latest-posts.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1) ~ li {
  margin-bottom: 0;
}
.wp-block-latest-posts > li > * {
  margin-top: calc(0.333 * var(--global--spacing-vertical));
  margin-bottom: calc(0.333 * var(--global--spacing-vertical));
}
.wp-block-latest-posts > li > *:first-child {
  margin-top: 0;
}
.wp-block-latest-posts > li > *:last-child {
  margin-bottom: 0;
}
.wp-block-latest-posts > li > a {
  display: inline-block;
  font-family: var(--latest-posts--title-font-family);
  font-size: var(--latest-posts--title-font-size);
  font-weight: var(--heading--font-weight);
  line-height: var(--global--line-height-heading);
  margin-bottom: calc(0.333 * var(--global--spacing-vertical));
}
.widget-area .wp-block-latest-posts > li > a {
  font-size: var(--global--font-size-sm);
  margin-bottom: 0;
}
.wp-block-latest-posts .wp-block-latest-posts__post-author {
  color: var(--global--color-primary);
  font-size: var(--global--font-size-md);
  line-height: var(--global--line-height-body);
}
.wp-block-latest-posts .wp-block-latest-posts__post-date {
  color: var(--global--color-primary);
  font-size: var(--global--font-size-xs);
  line-height: var(--global--line-height-body);
}
[class*=inner-container] .wp-block-latest-posts .wp-block-latest-posts__post-date, .has-background .wp-block-latest-posts .wp-block-latest-posts__post-date {
  color: currentColor;
}
.wp-block-latest-posts .wp-block-latest-posts__post-excerpt,
.wp-block-latest-posts .wp-block-latest-posts__post-full-content {
  font-family: var(--latest-posts--description-font-family);
  font-size: var(--latest-posts--description-font-size);
  line-height: var(--global--line-height-body);
  margin-top: calc(0.666 * var(--global--spacing-vertical));
}
.wp-block-latest-posts.alignfull {
  padding-left: var(--global--spacing-unit);
  padding-right: var(--global--spacing-unit);
}
.entry-content [class*=inner-container] .wp-block-latest-posts.alignfull, .entry-content .has-background .wp-block-latest-posts.alignfull {
  padding-left: 0;
  padding-right: 0;
}
.wp-block-latest-posts.is-style-olivaesuites-latest-posts-dividers {
  border-top: calc(3 * var(--separator--height)) solid var(--global--color-border);
  border-bottom: calc(3 * var(--separator--height)) solid var(--global--color-border);
}
.wp-block-latest-posts.is-style-olivaesuites-latest-posts-dividers:not(.is-grid) > li,
.wp-block-latest-posts.is-style-olivaesuites-latest-posts-dividers > li {
  padding-bottom: var(--global--spacing-vertical);
  border-bottom: var(--separator--height) solid var(--global--color-border);
  margin-top: var(--global--spacing-vertical);
  margin-bottom: var(--global--spacing-vertical);
}
.wp-block-latest-posts.is-style-olivaesuites-latest-posts-dividers:not(.is-grid) > li:last-child,
.wp-block-latest-posts.is-style-olivaesuites-latest-posts-dividers > li:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
.wp-block-latest-posts.is-style-olivaesuites-latest-posts-dividers.is-grid {
  box-shadow: inset 0 -1px 0 0 var(--global--color-border);
  border-bottom: calc(2 * var(--separator--height)) solid var(--global--color-border);
}
.wp-block-latest-posts.is-style-olivaesuites-latest-posts-dividers.is-grid li {
  margin: 0;
  padding-top: var(--global--spacing-vertical);
  padding-right: var(--global--spacing-horizontal);
}
.wp-block-latest-posts.is-style-olivaesuites-latest-posts-dividers.is-grid li:last-child {
  padding-bottom: var(--global--spacing-vertical);
}
@media screen and (min-width: 600px) {
  .wp-block-latest-posts.is-style-olivaesuites-latest-posts-dividers.is-grid.columns-2 li {
    width: calc(100% / 2);
  }
  .wp-block-latest-posts.is-style-olivaesuites-latest-posts-dividers.is-grid.columns-3 li {
    width: calc(100% / 3);
  }
  .wp-block-latest-posts.is-style-olivaesuites-latest-posts-dividers.is-grid.columns-4 li {
    width: calc(100% / 4);
  }
  .wp-block-latest-posts.is-style-olivaesuites-latest-posts-dividers.is-grid.columns-5 li {
    width: calc(100% / 5);
  }
  .wp-block-latest-posts.is-style-olivaesuites-latest-posts-dividers.is-grid.columns-6 li {
    width: calc(100% / 6);
  }
}
.wp-block-latest-posts.is-style-olivaesuites-latest-posts-borders li {
  border: calc(3 * var(--separator--height)) solid var(--global--color-border);
  padding: var(--global--spacing-vertical) var(--global--spacing-horizontal);
}
.wp-block-latest-posts.is-style-olivaesuites-latest-posts-borders li:last-child {
  padding-bottom: var(--global--spacing-vertical);
}
.wp-block-latest-posts.is-style-olivaesuites-latest-posts-borders:not(.is-grid) li {
  margin-top: var(--global--spacing-horizontal);
  margin-bottom: var(--global--spacing-horizontal);
}

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}
.gallery-item a {
  display: block;
}
.gallery-item a:focus img {
  outline-offset: -2px;
}
.gallery-columns-2 .gallery-item {
  max-width: 50%;
}
.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
  max-width: 25%;
}
.gallery-columns-5 .gallery-item {
  max-width: 20%;
}
.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}

.gallery-caption {
  display: block;
}

figure.wp-caption a:focus img {
  outline-offset: 2px;
}

ul,
ol {
  font-family: var(--list--font-family);
  margin: 0;
  padding-left: calc(2 * var(--global--spacing-horizontal));
}
ul.aligncenter,
ol.aligncenter {
  list-style-position: inside;
  padding: 0;
}
ul.alignright,
ol.alignright {
  list-style-position: inside;
  text-align: right;
  padding: 0;
}

ul {
  list-style-type: 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));
}

.wp-block-media-text.alignfull {
  margin-top: 0;
  margin-bottom: 0;
}
.wp-block-media-text a:focus img {
  outline-offset: -1px;
}
.wp-block-media-text .wp-block-media-text__content {
  padding: var(--global--spacing-horizontal);
}
@media only screen and (min-width: 592px) {
  .wp-block-media-text .wp-block-media-text__content {
    padding: var(--global--spacing-vertical);
  }
}
.wp-block-media-text .wp-block-media-text__content > * {
  margin-top: calc(0.666 * var(--global--spacing-vertical));
  margin-bottom: calc(0.666 * var(--global--spacing-vertical));
}
@media only screen and (min-width: 482px) {
  .wp-block-media-text .wp-block-media-text__content > * {
    margin-top: var(--global--spacing-vertical);
    margin-bottom: var(--global--spacing-vertical);
  }
}
.wp-block-media-text .wp-block-media-text__content > *:first-child {
  margin-top: 0;
}
.wp-block-media-text .wp-block-media-text__content > *:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 482px) {
  .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
    padding-top: var(--global--spacing-vertical);
    padding-bottom: var(--global--spacing-vertical);
  }
}
.wp-block-media-text.is-style-olivaesuites-border {
  border: calc(3 * var(--separator--height)) solid var(--global--color-border);
}

.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__label {
  font-family: var(--primary-nav--font-family);
  font-size: var(--primary-nav--font-size);
  font-weight: var(--primary-nav--font-weight);
}
.wp-block-navigation .wp-block-navigation-link__submenu-icon {
  padding: 0;
}
.wp-block-navigation > .wp-block-navigation__container .has-child .wp-block-navigation-link {
  display: inherit;
}
.wp-block-navigation > .wp-block-navigation__container .has-child .wp-block-navigation__container {
  border: none;
  left: 0;
  min-width: max-content;
  opacity: 0;
  padding: 0;
  position: inherit;
  top: inherit;
}
.wp-block-navigation > .wp-block-navigation__container .has-child .wp-block-navigation__container .wp-block-navigation-link__submenu-icon {
  display: none;
}
.wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container {
  background: var(--global--color-background);
  margin: 0;
  padding: 0;
  position: absolute;
  top: 100%;
  border: 1px solid var(--primary-nav--border-color);
}
.wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:before, .wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:after {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  top: -10px;
  left: var(--global--spacing-horizontal);
  border-style: solid;
  border-color: var(--primary-nav--border-color) transparent;
  border-width: 0 7px 10px;
}
.wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:after {
  top: -9px;
  border-color: var(--global--color-background) transparent;
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__container {
  background: var(--global--color-background);
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-navigation__container {
  background: var(--global--color-background);
}
.wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:hover, .wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:focus {
  color: var(--primary-nav--color-link-hover);
}
.wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:hover {
  text-decoration: underline;
  text-decoration-style: dotted;
}
.wp-block-navigation:not(.has-text-color) .wp-block-navigation-link__content {
  color: currentColor;
}

p {
  line-height: var(--wp--typography--line-height, var(--global--line-height-body));
}
p.has-background {
  padding: var(--global--spacing-unit);
}
p.has-text-color a {
  color: var(--wp--style--color--link, var(--global--color-primary));
}

pre.wp-block-preformatted {
  overflow-x: auto;
  white-space: pre;
}

.wp-block-pullquote {
  padding: calc(2 * var(--global--spacing-unit)) 0;
  text-align: center;
  border-width: var(--pullquote--border-width);
  border-bottom-style: solid;
  border-top-style: solid;
  color: currentColor;
  border-color: currentColor;
  position: relative;
  font-size: var(--pullquote--font-size);
  font-style: var(--pullquote--font-style);
  font-weight: 700;
  letter-spacing: var(--pullquote--letter-spacing);
}
.wp-block-pullquote blockquote::before {
  color: currentColor;
  content: "“";
  display: block;
  position: relative;
  left: 0;
  font-size: 3rem;
  font-weight: 500;
  line-height: 1;
}
.wp-block-pullquote p {
  font-family: var(--pullquote--font-family);
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  margin: 0;
}
.wp-block-pullquote:where(:not([style*=line-height])) p {
  line-height: var(--pullquote--line-height);
}
.wp-block-pullquote a {
  color: currentColor;
}
.wp-block-pullquote .wp-block-pullquote__citation,
.wp-block-pullquote cite,
.wp-block-pullquote footer {
  color: currentColor;
  display: block;
  font-size: var(--global--font-size-xs);
  font-style: var(--pullquote--font-style);
  text-transform: none;
}
.wp-block-pullquote {
  /**
   * Block Options
   */
}
.wp-block-pullquote:not(.is-style-solid-color) {
  background: none;
}
.wp-block-pullquote.alignleft:not(.is-style-solid-color) blockquote:before,
.wp-block-pullquote.alignleft:not(.is-style-solid-color) cite {
  text-align: center;
}
.wp-block-pullquote.alignwide > p, .wp-block-pullquote.alignwide blockquote {
  max-width: var(--responsive--alignwide-width);
}
.wp-block-pullquote.alignfull:not(.is-style-solid-color) > p, .wp-block-pullquote.alignfull:not(.is-style-solid-color) blockquote {
  padding: 0 calc(2 * var(--global--spacing-unit));
}
.wp-block-pullquote.is-style-solid-color {
  color: var(--pullquote--color-foreground);
  padding: calc(2.5 * var(--global--spacing-unit));
  border-width: var(--pullquote--border-width);
  border-style: solid;
  border-color: var(--pullquote--border-color);
}
@media (min-width: 600px) {
  .wp-block-pullquote.is-style-solid-color {
    padding: calc(5 * var(--global--spacing-unit));
  }
}
.wp-block-pullquote.is-style-solid-color blockquote::before {
  text-align: left;
}
.wp-block-pullquote.is-style-solid-color blockquote {
  margin: 0;
  max-width: inherit;
}
.wp-block-pullquote.is-style-solid-color blockquote p {
  font-size: var(--pullquote--font-size);
}
.wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation,
.wp-block-pullquote.is-style-solid-color cite,
.wp-block-pullquote.is-style-solid-color footer {
  color: currentColor;
}
.wp-block-pullquote.is-style-solid-color.alignleft, .wp-block-pullquote.is-style-solid-color.alignright {
  padding: var(--global--spacing-unit);
}
.wp-block-pullquote.is-style-solid-color.alignleft blockquote, .wp-block-pullquote.is-style-solid-color.alignright blockquote {
  max-width: initial;
}

.wp-block-query.has-background {
  padding: calc(0.666 * var(--global--spacing-vertical));
}
@media only screen and (min-width: 482px) {
  .wp-block-query.has-background {
    padding: var(--global--spacing-vertical);
  }
}

.wp-block-quote {
  border-left: none;
  font-family: var(--quote--font-family);
  font-size: var(--quote--font-size);
  font-style: var(--quote--font-style);
  font-weight: var(--quote--font-weight);
  line-height: var(--quote--line-height);
}
.wp-block-quote p {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}
.wp-block-quote:before {
  content: "“";
  left: 8px;
}
.wp-block-quote .wp-block-quote__citation,
.wp-block-quote cite,
.wp-block-quote footer {
  font-family: inherit;
  font-style: inherit;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}
.has-background .wp-block-quote .wp-block-quote__citation, [class*=background-color] .wp-block-quote .wp-block-quote__citation, [style*=background-color] .wp-block-quote .wp-block-quote__citation, .wp-block-cover[style*=background-image] .wp-block-quote .wp-block-quote__citation,
.has-background .wp-block-quote cite,
[class*=background-color] .wp-block-quote cite,
[style*=background-color] .wp-block-quote cite,
.wp-block-cover[style*=background-image] .wp-block-quote cite,
.has-background .wp-block-quote footer,
[class*=background-color] .wp-block-quote footer,
[style*=background-color] .wp-block-quote footer,
.wp-block-cover[style*=background-image] .wp-block-quote footer {
  color: currentColor;
}
.wp-block-quote:where(:not([style*=font-style])) .wp-block-quote__citation, .wp-block-quote:where(:not([style*=font-style])) cite, .wp-block-quote:where(:not([style*=font-style])) footer {
  font-style: var(--quote--font-style-cite);
}
.wp-block-quote:where(:not([style*=font-weight])) .wp-block-quote__citation, .wp-block-quote:where(:not([style*=font-weight])) cite, .wp-block-quote:where(:not([style*=font-weight])) footer {
  font-weight: normal;
}
.wp-block-quote {
  /**
   * Block Options
   */
}
.wp-block-quote.has-text-align-right {
  margin: var(--global--spacing-vertical) var(--global--spacing-horizontal) var(--global--spacing-vertical) auto;
  padding-right: 0;
  border-right: none;
}
.wp-block-quote.has-text-align-right:before {
  display: none;
}
.wp-block-quote.has-text-align-right p:before {
  content: "”";
  margin-right: 5px;
}
.wp-block-quote.has-text-align-center {
  margin: var(--global--spacing-vertical) auto;
}
.wp-block-quote.has-text-align-center:before {
  display: none;
}
.wp-block-quote.is-large, .wp-block-quote.is-style-large {
  padding-left: 0;
  padding-right: 0;
  /* Resetting margins to match _block-container.scss */
  margin-top: var(--global--spacing-vertical);
  margin-bottom: var(--global--spacing-vertical);
}
.wp-block-quote.is-large p, .wp-block-quote.is-style-large p {
  font-size: var(--quote--font-size-large);
  font-style: var(--quote--font-style-large);
  line-height: var(--quote--line-height-large);
}
.wp-block-quote.is-large:before, .wp-block-quote.is-style-large:before {
  font-size: var(--quote--font-size-large);
  line-height: var(--quote--line-height-large);
  left: calc(-1 * var(--global--spacing-horizontal));
}
.wp-block-quote.is-large.has-text-align-right:before, .wp-block-quote.is-style-large.has-text-align-right:before {
  display: none;
}
.wp-block-quote.is-large.has-text-align-right p:before, .wp-block-quote.is-style-large.has-text-align-right p:before {
  content: "”";
  font-size: var(--quote--font-size-large);
  font-weight: normal;
  line-height: var(--quote--line-height-large);
  margin-right: 10px;
}
.wp-block-quote.is-large .wp-block-quote__citation,
.wp-block-quote.is-large cite,
.wp-block-quote.is-large footer, .wp-block-quote.is-style-large .wp-block-quote__citation,
.wp-block-quote.is-style-large cite,
.wp-block-quote.is-style-large footer {
  color: var(--global--color-primary);
  font-size: var(--global--font-size-sm);
}
@media only screen and (max-width: 481.98px) {
  .wp-block-quote.is-large, .wp-block-quote.is-style-large {
    padding-left: var(--global--spacing-horizontal);
  }
  .wp-block-quote.is-large:before, .wp-block-quote.is-style-large:before {
    left: 0;
  }
  .wp-block-quote.is-large.has-text-align-right, .wp-block-quote.is-style-large.has-text-align-right {
    padding-left: 0;
    padding-right: var(--global--spacing-horizontal);
  }
  .wp-block-quote.is-large.has-text-align-right:before, .wp-block-quote.is-style-large.has-text-align-right:before {
    right: 0;
  }
  .wp-block-quote.is-large.has-text-align-center, .wp-block-quote.is-style-large.has-text-align-center {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (max-width: 481.98px) {
  .wp-block-quote.has-text-align-right {
    padding-left: 0;
    padding-right: calc(0.5 * var(--global--spacing-horizontal));
  }
  .wp-block-quote.has-text-align-right:before {
    right: 0;
  }
  .wp-block-quote.has-text-align-center {
    padding-left: 0;
    padding-right: 0;
  }
}

.wp-block-rss {
  padding-left: 0;
}
.wp-block-rss > li {
  list-style: none;
}
.wp-block-rss:not(.is-grid) > li {
  margin-top: calc(1.666 * var(--global--spacing-vertical));
  margin-bottom: calc(1.666 * var(--global--spacing-vertical));
}
.wp-block-rss:not(.is-grid) > li:first-child {
  margin-top: 0;
}
.wp-block-rss:not(.is-grid) > li:last-child {
  margin-bottom: 0;
}
.wp-block-rss.is-grid > li {
  margin-bottom: var(--global--spacing-vertical);
}
.wp-block-rss.is-grid > li:last-child {
  margin-bottom: 0;
}
.wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1), .wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1) ~ li, .wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1), .wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1) ~ li, .wp-block-rss.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1), .wp-block-rss.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1) ~ li, .wp-block-rss.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1), .wp-block-rss.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1) ~ li, .wp-block-rss.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1), .wp-block-rss.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1) ~ li {
  margin-bottom: 0;
}
.wp-block-rss > li > * {
  margin-top: calc(0.333 * var(--global--spacing-vertical));
  margin-bottom: calc(0.333 * var(--global--spacing-vertical));
}
.wp-block-rss > li > *:first-child {
  margin-top: 0;
}
.wp-block-rss > li > *:last-child {
  margin-bottom: 0;
}
.wp-block-rss .wp-block-rss__item-title > a {
  display: inline-block;
  font-family: var(--latest-posts--title-font-family);
  font-size: var(--latest-posts--title-font-size);
  font-weight: var(--heading--font-weight);
  line-height: var(--global--line-height-heading);
  margin-bottom: calc(0.333 * var(--global--spacing-vertical));
}
.wp-block-rss .wp-block-rss__item-author {
  color: var(--global--color-primary);
  font-size: var(--global--font-size-md);
  line-height: var(--global--line-height-body);
}
.wp-block-rss .wp-block-rss__item-publish-date {
  color: var(--global--color-primary);
  font-size: var(--global--font-size-xs);
  line-height: var(--global--line-height-body);
}
[class*=inner-container] .wp-block-rss .wp-block-rss__item-publish-date, .has-background .wp-block-rss .wp-block-rss__item-publish-date {
  color: currentColor;
}
.wp-block-rss .wp-block-rss__item-excerpt,
.wp-block-rss .wp-block-rss__item-full-content {
  font-family: var(--latest-posts--description-font-family);
  font-size: var(--latest-posts--description-font-size);
  line-height: var(--global--line-height-body);
  margin-top: calc(0.666 * var(--global--spacing-vertical));
}
.wp-block-rss.alignfull {
  padding-left: var(--global--spacing-unit);
  padding-right: var(--global--spacing-unit);
}
.entry-content [class*=inner-container] .wp-block-rss.alignfull, .entry-content .has-background .wp-block-rss.alignfull {
  padding-left: 0;
  padding-right: 0;
}

.wp-block-search {
  max-width: var(--responsive--aligndefault-width);
}
.wp-block-search__button-only.aligncenter .wp-block-search__inside-wrapper {
  justify-content: center;
}
.wp-block-search .wp-block-search__label {
  font-size: var(--form--font-size);
  font-weight: var(--form--label-weight);
  margin-bottom: calc(var(--global--spacing-vertical) / 3);
}
.wp-block-search .wp-block-search__input {
  border: var(--form--border-width) solid var(--form--border-color);
  border-radius: var(--form--border-radius);
  color: var(--form--color-text);
  line-height: var(--form--line-height);
  max-width: inherit;
  margin-right: calc(-1 * var(--button--border-width));
  margin-left: 0;
  padding: var(--form--spacing-unit);
}
.wp-block-search .wp-block-search__input:focus {
  color: var(--form--color-text);
  border-color: var(--form--border-color);
}
.has-background .wp-block-search .wp-block-search__input {
  border-color: var(--local--color-primary, var(--global--color-primary)) !important;
}
.wp-block-search button.wp-block-search__button {
  margin-left: 0;
  line-height: 1;
}
.wp-block-search button.wp-block-search__button.has-icon {
  padding: 6px calc(0.5 * var(--button--padding-horizontal));
}
.wp-block-search button.wp-block-search__button.has-icon svg {
  width: 40px;
  height: 40px;
  fill: currentColor;
}
.has-background .wp-block-search button.wp-block-search__button:hover, .has-background .wp-block-search button.wp-block-search__button:active {
  background-color: var(--local--color-background, var(--global--color-background)) !important;
  color: var(--local--color-primary, var(--global--color-primary)) !important;
}
.has-text-color .wp-block-search button.wp-block-search__button:hover, .has-text-color .wp-block-search button.wp-block-search__button:active {
  color: var(--local--color-primary, var(--global--color-primary)) !important;
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
  background-color: var(--global--color-white);
  border: var(--form--border-width) solid var(--form--border-color);
  border-radius: var(--form--border-radius);
  padding: var(--form--border-width);
}
.has-background .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
  border-color: var(--local--color-primary, var(--global--color-primary)) !important;
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
  margin-left: 0;
  margin-right: 0;
  padding-left: var(--form--spacing-unit);
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input:focus {
  color: var(--form--color-text);
  outline-offset: -2px;
  outline: 2px dotted var(--form--border-color);
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button {
  padding: var(--button--padding-vertical) var(--button--padding-horizontal);
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button:hover {
  color: var(--global--color-primary);
}
.is-dark-theme .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button {
  color: var(--global--color-primary);
}
.is-dark-theme .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button:hover {
  background-color: var(--global--color-primary);
  color: var(--global--color-white);
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button.has-icon {
  padding: 6px calc(0.5 * var(--button--padding-horizontal));
}

.wp-block-search__button {
  box-shadow: none;
}

hr {
  border-style: none;
  border-bottom: var(--separator--height) solid var(--separator--border-color);
  clear: both;
  margin-left: auto;
  margin-right: auto;
}
hr.wp-block-separator {
  border-bottom: var(--separator--height) solid var(--separator--border-color);
  opacity: 1;
}
hr.wp-block-separator:not(.is-style-dots):not(.alignwide) {
  max-width: var(--responsive--aligndefault-width);
}
hr.wp-block-separator:not(.is-style-dots).alignwide {
  max-width: var(--responsive--alignwide-width);
}
hr.wp-block-separator:not(.is-style-dots).alignfull {
  max-width: var(--responsive--alignfull-width);
}
hr.wp-block-separator {
  /**
   * Block Options
   */
}
hr.wp-block-separator.is-style-olivaesuites-separator-thick {
  border-bottom-width: calc(3 * var(--separator--height));
}
hr.wp-block-separator.is-style-dots.has-background, hr.wp-block-separator.is-style-dots.has-text-color {
  background-color: transparent !important;
}
hr.wp-block-separator.is-style-dots.has-background:before, hr.wp-block-separator.is-style-dots.has-text-color:before {
  color: currentColor !important;
}
hr.wp-block-separator.is-style-dots:before {
  color: var(--separator--border-color);
  font-size: var(--global--font-size-xl);
  letter-spacing: var(--global--font-size-sm);
  padding-left: var(--global--font-size-sm);
}
.has-background hr.wp-block-separator, [class*=background-color] hr.wp-block-separator, [style*=background-color] hr.wp-block-separator, .wp-block-cover[style*=background-image] hr.wp-block-separator {
  border-color: currentColor;
}

.wp-block-social-links a:focus {
  color: var(--global--color-primary);
}
.wp-block-social-links.is-style-olivaesuites-social-icons-color a {
  color: var(--global--color-primary);
}
.wp-block-social-links.is-style-olivaesuites-social-icons-color .wp-social-link, .wp-block-social-links.is-style-olivaesuites-social-icons-color.has-icon-background-color.has-icon-background-color .wp-social-link {
  background: none;
}

table,
.wp-block-table {
  width: 100%;
  min-width: 240px;
  border-collapse: collapse;
}
table thead,
table tfoot,
.wp-block-table thead,
.wp-block-table tfoot {
  text-align: center;
}
table th,
.wp-block-table th {
  font-family: var(--heading--font-family);
}
table td,
table th,
.wp-block-table td,
.wp-block-table th {
  padding: calc(0.5 * var(--global--spacing-unit));
  border: 1px solid;
}
table figcaption,
.wp-block-table figcaption {
  color: var(--global--color-primary);
  font-size: var(--global--font-size-xs);
}
table.is-style-regular .has-background, table.is-style-stripes .has-background, table.is-style-stripes .has-background thead tr, table.is-style-stripes .has-background tfoot tr, table.is-style-stripes .has-background tbody tr,
.wp-block-table.is-style-regular .has-background,
.wp-block-table.is-style-stripes .has-background,
.wp-block-table.is-style-stripes .has-background thead tr,
.wp-block-table.is-style-stripes .has-background tfoot tr,
.wp-block-table.is-style-stripes .has-background tbody tr {
  color: var(--table--has-background-text-color);
}
table.is-style-stripes,
.wp-block-table.is-style-stripes {
  border-color: var(--table--stripes-border-color);
}
table.is-style-stripes th,
table.is-style-stripes td,
.wp-block-table.is-style-stripes th,
.wp-block-table.is-style-stripes td {
  border-width: 0;
}
table.is-style-stripes tbody tr:nth-child(odd),
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
  background-color: var(--table--stripes-background-color);
}
table.is-style-stripes .has-background tbody tr:nth-child(odd),
.wp-block-table.is-style-stripes .has-background tbody tr:nth-child(odd) {
  background-color: var(--global--color-white-90);
}

table.wp-calendar-table td,
table.wp-calendar-table th {
  background: transparent;
  border: 0;
  text-align: center;
  line-height: 2;
  vertical-align: middle;
  word-break: normal;
}
table.wp-calendar-table th {
  font-weight: bold;
}
table.wp-calendar-table thead,
table.wp-calendar-table tbody {
  color: currentColor;
  border: 1px solid;
}
table.wp-calendar-table caption {
  font-weight: bold;
  text-align: left;
  margin-bottom: var(--global--spacing-unit);
  color: currentColor;
}

.wp-calendar-nav {
  text-align: left;
  margin-top: calc(var(--global--spacing-unit) / 2);
}
.wp-calendar-nav svg {
  height: 1em;
  vertical-align: middle;
}
.wp-calendar-nav svg path {
  fill: currentColor;
}
.wp-calendar-nav .wp-calendar-nav-next {
  float: right;
}

.wp-block-tag-cloud.alignfull {
  padding-left: var(--global--spacing-unit);
  padding-right: var(--global--spacing-unit);
}

.wp-block-verse {
  font-family: var(--entry-content--font-family);
}

.wp-block-video figcaption {
  color: var(--global--color-primary);
  font-size: var(--global--font-size-xs);
  margin-top: calc(0.5 * var(--global--spacing-unit));
  margin-bottom: var(--global--spacing-unit);
  text-align: center;
}

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

:root .is-extra-small-text,
:root .has-extra-small-font-size {
  font-size: var(--global--font-size-xs);
}
:root .is-small-text,
:root .has-small-font-size {
  font-size: var(--global--font-size-sm);
}
:root .is-regular-text,
:root .has-regular-font-size,
:root .is-normal-font-size,
:root .has-normal-font-size,
:root .has-medium-font-size {
  font-size: var(--global--font-size-base);
}
:root .is-large-text,
:root .has-large-font-size {
  font-size: var(--global--font-size-lg);
  line-height: var(--global--line-height-heading);
}
:root .is-larger-text,
:root .has-larger-font-size,
:root .is-extra-large-text,
:root .has-extra-large-font-size {
  font-size: var(--global--font-size-xl);
  line-height: var(--global--line-height-heading);
}
:root .is-huge-text,
:root .has-huge-font-size {
  font-size: var(--global--font-size-xxl);
  line-height: var(--global--line-height-heading);
  font-weight: var(--heading--font-weight-page-title);
}
:root .is-gigantic-text,
:root .has-gigantic-font-size {
  font-size: var(--global--font-size-xxxl);
  line-height: var(--global--line-height-heading);
  font-weight: var(--heading--font-weight-page-title);
}

/* Block Alignments */
/**
 * These selectors set the default max width for content appearing inside a post or page.
 */
/**
 * .alignleft
 */
.alignleft {
  /*rtl:ignore*/
  text-align: left;
  margin-top: 0;
}

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

@media only screen and (min-width: 482px) {
  .alignleft {
    /*rtl:ignore*/
    float: left;
    /*rtl:ignore*/
    margin-right: var(--global--spacing-horizontal);
    margin-bottom: var(--global--spacing-vertical);
  }
  .entry-content > .alignleft {
    max-width: calc(50% - var(--responsive--alignleft-margin));
  }
}
/**
 * .aligncenter
 */
.aligncenter {
  clear: both;
  display: block;
  float: none;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

/**
 * .alignright
 */
.alignright {
  margin-top: 0;
  margin-bottom: var(--global--spacing-vertical);
}

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

@media only screen and (min-width: 482px) {
  .alignright {
    /*rtl:ignore*/
    float: right;
    /*rtl:ignore*/
    margin-left: var(--global--spacing-horizontal);
  }
  .entry-content > .alignright {
    max-width: calc(50% - var(--responsive--alignright-margin));
  }
}
[class*=inner-container] > .alignleft + *,
[class*=inner-container] > .alignright + * {
  margin-top: 0;
}

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

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

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

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

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

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

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

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

/* Category 06 contains all "bigger" components which contain elements of the previous two categories like header, footer, page template, single template, comments section, archives, ... */
.site-header {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  row-gap: var(--global--spacing-vertical);
}
.wp-custom-logo .site-header {
  align-items: center;
}
@media only screen and (min-width: 800px) {
  .site-header {
    padding-top: calc(var(--global--spacing-vertical) / 0.75);
  }
}
@media only screen and (min-width: 822px) {
  .site-header {
    padding-top: calc(2.4 * var(--global--spacing-vertical));
  }
}

.site-branding {
  color: var(--branding--color-text);
  margin-right: 140px;
}
.site-branding:last-child {
  margin-right: 0;
  width: 100%;
  text-align: center;
}
@media only screen and (min-width: 800px) {
  .site-branding {
    margin-right: initial;
    margin-top: calc(var(--primary-nav--padding) - 0.3em);
  }
}

.site-title {
  color: var(--branding--color-link);
  font-family: var(--branding--title--font-family);
  font-size: var(--branding--title--font-size-mobile);
  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:link, .site-title a:visited, .site-title a:active {
  color: currentColor;
}
.site-title a:hover, .site-title a:focus {
  color: var(--branding--color-link-hover);
}
@media only screen and (min-width: 800px) {
  .site-title {
    font-size: var(--branding--title--font-size);
  }
}

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

.site-title > a {
  text-decoration-color: var(--global--color-secondary);
}

.site-logo {
  margin: calc(var(--global--spacing-vertical) / 2) 0;
}
.site-header > .site-logo {
  width: 100%;
  padding-bottom: calc(var(--global--spacing-vertical) * 1.5);
  border-bottom: 1px solid;
  text-align: center;
}
.site-logo .custom-logo {
  margin-left: auto;
  margin-right: auto;
  max-width: var(--branding--logo--max-width-mobile);
  max-height: var(--branding--logo--max-height-mobile);
  height: auto;
  display: inline-block;
  width: auto;
}
@media only screen and (min-width: 800px) {
  .site-logo .custom-logo {
    max-width: var(--branding--logo--max-width);
    max-height: var(--branding--logo--max-height);
    height: auto;
    width: auto;
  }
}

@media only screen and (max-width: 799.98px) {
  .site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo {
    position: absolute;
    padding-top: 0;
    margin-top: 0;
    top: var(--global--admin-bar--height);
  }
  .primary-navigation-open .site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo {
    display: none;
  }
  .site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo img {
    max-height: 100px;
  }
  .site-header.has-logo.has-title-and-tagline {
    align-items: flex-start;
  }
  .site-header.has-logo.has-title-and-tagline.has-menu {
    justify-content: space-between;
  }
  .site-header.has-logo.has-title-and-tagline.has-menu .site-branding {
    max-width: calc(100% - 160px);
  }
  .site-header.has-logo.has-title-and-tagline .site-branding {
    margin-right: 0;
  }
  body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline:after {
    display: none;
  }
  body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline .primary-navigation {
    position: relative;
    top: 0;
  }
  body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline .menu-button-container {
    position: relative;
    padding-top: 0;
    margin-top: calc(0px - var(--button--padding-vertical) + 0.25 * var(--global--spacing-unit));
  }
  body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline .menu-button-container #primary-mobile-menu {
    padding-left: calc(var(--global--spacing-horizontal) * 0.6 - 4.5px);
    padding-right: calc(var(--global--spacing-horizontal) * 0.6 - 4.5px);
    margin-right: calc(0px - var(--global--spacing-horizontal) * 0.6);
  }
  .site-header:not(.has-logo).has-title-and-tagline .site-branding {
    margin-right: 0;
    max-width: calc(100% - 160px);
  }
  .site-header:not(.has-menu) {
    justify-content: center;
  }
}
.site-footer {
  padding-top: 0;
  padding-bottom: calc(1.7 * var(--global--spacing-vertical));
}
.no-widgets .site-footer {
  margin-top: calc(6 * var(--global--spacing-vertical));
}
@media only screen and (max-width: 481.98px) {
  .no-widgets .site-footer {
    margin-top: calc(3 * var(--global--spacing-vertical));
  }
}

.site-footer > .site-info {
  padding-top: var(--global--spacing-vertical);
  color: var(--footer--color-text);
  font-family: var(--footer--font-family);
  font-size: var(--footer--font-size);
  line-height: var(--global--line-height-body);
  border-top: 3px solid var(--global--color-border);
}
.site-footer > .site-info .site-name {
  text-transform: var(--branding--title--text-transform);
  font-size: var(--branding--title--font-size);
}
.site-footer > .site-info .privacy-policy,
.site-footer > .site-info .powered-by {
  margin-top: calc(0.5 * var(--global--spacing-vertical));
}
@media only screen and (min-width: 822px) {
  .site-footer > .site-info {
    display: flex;
    align-items: center;
  }
  .site-footer > .site-info .site-name {
    margin-right: calc(0.5 * var(--global--spacing-vertical));
  }
  .site-footer > .site-info .privacy-policy,
  .site-footer > .site-info .powered-by {
    margin-top: initial;
    margin-left: auto;
  }
  .site-footer > .site-info .privacy-policy + .powered-by {
    margin-left: calc(0.5 * var(--global--spacing-vertical));
  }
}
.site-footer > .site-info a {
  color: var(--footer--color-link);
}
.site-footer > .site-info a:link, .site-footer > .site-info a:visited, .site-footer > .site-info a:active {
  color: var(--footer--color-link);
}
.site-footer > .site-info a:hover {
  color: var(--footer--color-link-hover);
}
.site-footer > .site-info a:focus {
  color: var(--footer--color-link-hover);
}
.is-dark-theme .site-footer > .site-info a:focus {
  color: var(--wp--style--color--link, var(--global--color-background));
}
.has-background-white .site-footer > .site-info a:focus {
  color: var(--wp--style--color--link, var(--global--color-white));
}

.singular .entry-header {
  /*border-bottom: 3px solid var(--global--color-border);*/
  /*padding-bottom: calc(2 * var(--global--spacing-vertical));*/
  /*margin-bottom: calc(3 * var(--global--spacing-vertical));*/
  padding-top: calc(5 * var(--global--spacing-vertical)) !important;
  padding-bottom: calc(3 * var(--global--spacing-vertical)) !important;
  padding-left: var(--global--spacing-horizontal);
  padding-right: var(--global--spacing-horizontal);
}

.home .site-main {
  /*position: relative;*/
  /*padding-top: calc(5 * var(--global--spacing-vertical));*/
}

.home.wp-singular .entry-header {
  padding-top: calc(3 * var(--global--spacing-vertical)) !important;
  padding-bottom: calc(3 * var(--global--spacing-vertical)) !important;
  padding-left: var(--global--spacing-horizontal);
  padding-right: var(--global--spacing-horizontal);
}

@media only screen and (max-width: 822px) {
  .home.wp-singular .entry-header {
    padding-top: calc(3 * var(--global--spacing-vertical)) !important;
    padding-bottom: calc(1 * var(--global--spacing-vertical)) !important;
    padding-left: 0;
    padding-right: 0;
  }
  .singular .entry-header {
    /*border-bottom: 3px solid var(--global--color-border);*/
    /*padding-bottom: calc(2 * var(--global--spacing-vertical));*/
    /*margin-bottom: calc(3 * var(--global--spacing-vertical));*/
    padding-top: calc(3 * var(--global--spacing-vertical)) !important;
    padding-bottom: calc(1 * var(--global--spacing-vertical)) !important;
    padding-left: 0;
    padding-right: 0;
  }
}
/*.home.wp-singular .entry-header {
	padding-top: calc(5 * var(--global--spacing-vertical)) !important;
	padding-bottom: calc(5 * var(--global--spacing-vertical)) !important;
	padding-left: var(--global--spacing-horizontal);
	padding-right: var(--global--spacing-horizontal);
}*/
/*.home .entry-header {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}*/
.singular .has-post-thumbnail .entry-header {
  border-bottom: none;
  padding-bottom: calc(1.3 * var(--global--spacing-vertical));
  margin-bottom: 0;
}

.no-results.not-found > *:first-child {
  margin-bottom: calc(3 * var(--global--spacing-vertical));
}

.page-links {
  clear: both;
}
.page-links .post-page-numbers {
  display: inline-block;
  margin-left: calc(0.66 * var(--global--spacing-unit));
  margin-right: calc(0.66 * var(--global--spacing-unit));
  min-width: 44px;
  min-height: 44px;
}
.page-links .post-page-numbers:first-child {
  margin-left: 0;
}

.entry-title {
  color: var(--entry-header--color);
  font-size: var(--entry-header--font-size);
  letter-spacing: var(--heading--letter-spacing-h2);
  line-height: var(--heading--line-height-h2);
  overflow-wrap: break-word;
}
.entry-title a {
  color: var(--entry-header--color-link);
  text-underline-offset: 0.15em;
}
.entry-title a:hover {
  color: var(--entry-header--color-hover);
}
.entry-title a:focus {
  color: var(--entry-header--color-focus);
}
.entry-title a:active {
  color: var(--entry-header--color-link);
}

.singular .entry-title {
  font-size: var(--global--font-size-page-title);
}

h1.entry-title {
  line-height: var(--heading--line-height-h1);
  font-weight: var(--heading--font-weight-page-title);
}

/**
 * Entry Content
 */
.entry-content,
.entry-summary {
  font-family: var(--entry-content--font-family);
}

.entry-content p {
  word-wrap: break-word;
}
.entry-content > iframe[style] {
  margin: var(--global--spacing-vertical) 0 !important;
  max-width: 100% !important;
}
.entry-footer {
  color: var(--global--color-primary);
  clear: both;
  float: none;
  font-size: var(--global--font-size-xs);
  display: block;
}
.entry-footer > span {
  display: inline-block;
}
.entry-footer a {
  color: currentColor;
}
.entry-footer a:hover, .entry-footer a:focus {
  color: var(--global--color-primary-hover);
}
.entry-footer a:active {
  color: currentColor;
}

.site-main > article > .entry-footer {
  margin-top: var(--global--spacing-vertical);
  padding-top: var(--global--spacing-unit);
  padding-bottom: calc(3 * var(--global--spacing-vertical));
  border-bottom: var(--separator--height) solid var(--separator--border-color);
}

body:not(.single) .site-main > article:last-of-type .entry-footer {
  border-bottom: var(--separator--height) solid transparent;
}

.single .site-main > article > .entry-footer {
  margin-top: calc(3.4 * var(--global--spacing-vertical));
  margin-bottom: calc(3.4 * var(--global--spacing-vertical));
  padding-bottom: 0;
  padding-top: calc(0.8 * var(--global--spacing-vertical));
  border-top: 3px solid var(--separator--border-color);
  border-bottom: var(--separator--height) solid transparent;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: calc(2 * var(--global--spacing-horizontal));
}
.single .site-main > article > .entry-footer .post-taxonomies,
.single .site-main > article > .entry-footer .full-size-link {
  justify-content: flex-end;
  text-align: right;
}
.single .site-main > article > .entry-footer .full-size-link:first-child:last-child {
  grid-column: span 2;
}
.single .site-main > article > .entry-footer .posted-on,
.single .site-main > article > .entry-footer .byline,
.single .site-main > article > .entry-footer .cat-links,
.single .site-main > article > .entry-footer .tags-links {
  display: block;
}
@media only screen and (max-width: 481.98px) {
  .single .site-main > article > .entry-footer {
    display: block;
  }
  .single .site-main > article > .entry-footer .full-size-link {
    display: block;
  }
  .single .site-main > article > .entry-footer .post-taxonomies,
  .single .site-main > article > .entry-footer .full-size-link {
    text-align: left;
  }
}

/**
 * Post Thumbnails
 */
.post-thumbnail {
  text-align: center;
}
.post-thumbnail .wp-post-image {
  display: block;
  width: auto;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: calc(2 * var(--global--spacing-vertical));
}

/**
 * Author
 */
.author-bio {
  position: relative;
  font-size: var(--global--font-size-xs);
  max-width: var(--responsive--aligndefault-width);
}
.site-main > article > .author-bio {
  margin-top: calc(2 * var(--global--spacing-vertical));
}
.author-bio.show-avatars .avatar {
  display: inline-block;
  vertical-align: top;
  border-radius: 50%;
}
.author-bio.show-avatars .author-bio-content {
  display: inline-block;
  padding-left: var(--global--spacing-horizontal);
  max-width: calc(var(--responsive--aligndefault-width) - 90px);
}
.author-bio .author-bio-content .author-title {
  font-family: var(--entry-author-bio--font-family);
  font-size: var(--entry-author-bio--font-size);
  display: inline;
}
.author-bio .author-bio-content .author-description {
  font-size: var(--global--font-size-xs);
  margin-top: calc(0.5 * var(--global--spacing-vertical));
  margin-bottom: calc(0.5 * var(--global--spacing-vertical));
}

.page-title {
  font-size: var(--global--font-size-page-title);
}

h1.page-title,
h2.page-title {
  font-weight: var(--heading--font-weight-page-title);
}

h1.page-title {
  line-height: var(--heading--line-height-h1);
}

.page-header {
  border-bottom: 3px solid var(--global--color-border);
  padding-bottom: calc(2 * var(--global--spacing-vertical));
}

.archive .content-area .format-aside .entry-content,
.archive .content-area .format-status .entry-content,
.archive .content-area .format-link .entry-content,
.search .content-area .format-aside .entry-content,
.search .content-area .format-status .entry-content,
.search .content-area .format-link .entry-content,
.blog .content-area .format-aside .entry-content,
.blog .content-area .format-status .entry-content,
.blog .content-area .format-link .entry-content {
  font-size: var(--global--font-size-lg);
}
.archive .format-image .entry-content,
.archive .format-gallery .entry-content,
.archive .format-video .entry-content,
.search .format-image .entry-content,
.search .format-gallery .entry-content,
.search .format-video .entry-content,
.blog .format-image .entry-content,
.blog .format-gallery .entry-content,
.blog .format-video .entry-content {
  margin-top: calc(2 * var(--global--spacing-vertical));
}
.archive .entry-footer .cat-links,
.archive .entry-footer .tags-links,
.search .entry-footer .cat-links,
.search .entry-footer .tags-links,
.blog .entry-footer .cat-links,
.blog .entry-footer .tags-links {
  display: block;
}
.archive.logged-in .entry-footer .posted-on,
.search.logged-in .entry-footer .posted-on,
.blog.logged-in .entry-footer .posted-on {
  margin-right: calc(0.5 * var(--global--spacing-unit));
}

.archive-description {
  margin-top: var(--global--spacing-vertical);
  font-size: var(--global--font-size-xl);
  line-height: var(--global--line-height-heading);
}

.error404 main p {
  font-size: var(--global--font-size-lg);
  margin-bottom: calc(var(--global--spacing-vertical) * 1.6666666667);
}

.search-no-results .page-content {
  margin-top: calc(3 * var(--global--spacing-vertical));
}

/**
 * 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
 */
.comments-title,
.comment-reply-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);
}

@media only screen and (min-width: 482px) {
  .comment-list .depth-2,
  .comment-list .depth-3 {
    padding-left: calc(4 * var(--global--spacing-horizontal));
  }
}

/**
 * Comment Meta
 */
.comment-meta .comment-author {
  line-height: var(--global--line-height-heading);
  margin-bottom: calc(0.25 * var(--global--spacing-unit));
}
@media only screen and (min-width: 482px) {
  .comment-meta .comment-author {
    margin-bottom: 0;
    padding-right: 0;
  }
}
.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);
}
@media only screen and (min-width: 482px) {
  .comment-meta {
    margin-right: inherit;
  }
  .comment-meta .comment-author {
    max-width: inherit;
  }
}

.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-url,
.comment-form .comment-form-comment {
  width: 100%;
}
.comment-form .comment-form-author,
.comment-form .comment-form-email {
  flex-basis: 0;
  flex-grow: 1;
}
@media only screen and (max-width: 481.98px) {
  .comment-form .comment-form-author,
  .comment-form .comment-form-email {
    flex-basis: 100%;
  }
}
.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 label,
.comment-form > p input[type=email],
.comment-form > p input[type=text],
.comment-form > p input[type=url],
.comment-form > p textarea {
  display: block;
  font-size: var(--global--font-size-sm);
  margin-bottom: calc(0.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: 482px) {
  .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;
  }
}

.menu-button-container {
  display: none;
  justify-content: space-between;
  position: absolute;
  right: 0;
  padding-top: calc(0.5 * var(--global--spacing-vertical));
  padding-bottom: calc(0.25 * var(--global--spacing-vertical));
}
@media only screen and (max-width: 799.98px) {
  .menu-button-container {
    display: flex;
  }
}
.menu-button-container #primary-mobile-menu {
  display: flex;
  margin-left: auto;
  padding: calc(var(--button--padding-vertical) - 0.25 * var(--global--spacing-unit)) calc(0.5 * var(--button--padding-horizontal));
  font-size: var(--primary-nav--font-size-button);
  font-weight: var(--primary-nav--font-weight-button);
  background-color: transparent;
  border: none;
  color: var(--primary-nav--color-link);
}
.menu-button-container #primary-mobile-menu .dropdown-icon {
  display: flex;
  align-items: center;
}
.menu-button-container #primary-mobile-menu .dropdown-icon .svg-icon {
  margin-left: calc(0.25 * var(--global--spacing-unit));
}
.menu-button-container #primary-mobile-menu .dropdown-icon.open .svg-icon {
  position: relative;
  top: -1px;
}
.menu-button-container #primary-mobile-menu .dropdown-icon.close {
  display: none;
}
.menu-button-container #primary-mobile-menu[aria-expanded*=true] .dropdown-icon.open {
  display: none;
}
.menu-button-container #primary-mobile-menu[aria-expanded*=true] .dropdown-icon.close {
  display: flex;
}
.has-logo.has-title-and-tagline .menu-button-container #primary-mobile-menu[aria-expanded*=true] .dropdown-icon.close {
  animation-name: olivaesuites-close-button-transition;
  animation-duration: 0.3s;
}
.primary-navigation-open .menu-button-container {
  width: 100%;
  z-index: 500;
  background-color: var(--global--color-background);
}
.primary-navigation-open .menu-button-container #primary-mobile-menu {
  position: static;
}

.primary-navigation {
  position: absolute;
  top: var(--global--admin-bar--height);
  right: 0;
  color: var(--primary-nav--color-text);
  font-size: var(--primary-nav--font-size);
  line-height: 1.15;
  margin-top: 0;
  margin-bottom: 0;
}
.primary-navigation > .primary-menu-container {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding-top: calc(var(--button--line-height) * var(--primary-nav--font-size-button) + 42px + 5px);
  padding-left: var(--global--spacing-unit);
  padding-right: var(--global--spacing-unit);
  padding-bottom: var(--global--spacing-horizontal);
  background-color: var(--global--color-background);
  transform: translateY(var(--global--spacing-vertical));
}
@media (prefers-reduced-motion: no-preference) {
  .primary-navigation > .primary-menu-container {
    transition: all 0.15s ease-in-out;
  }
}
@media only screen and (max-width: 799.98px) {
  .primary-navigation > .primary-menu-container {
    height: 100vh;
    z-index: 499;
    overflow-x: hidden;
    overflow-y: auto;
    border: 2px solid transparent;
  }
  .has-logo.has-title-and-tagline .primary-navigation > .primary-menu-container {
    position: fixed;
    transform: translateY(0) translateX(100%);
  }
  .admin-bar .has-logo.has-title-and-tagline .primary-navigation > .primary-menu-container {
    top: var(--global--admin-bar--height);
  }
  .admin-bar .primary-navigation > .primary-menu-container {
    height: calc(100vh - var(--global--admin-bar--height));
  }
  .primary-navigation > .primary-menu-container:focus {
    border: 2px solid var(--global--color-primary);
  }
}
@media only screen and (max-width: 799.98px) {
  .primary-navigation-open .primary-navigation {
    width: 100%;
    position: fixed;
    z-index: 2;
  }
}
.primary-navigation-open .primary-navigation > .primary-menu-container {
  position: relative;
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}
@media only screen and (max-width: 799.98px) {
  .primary-navigation-open .has-logo.has-title-and-tagline .primary-navigation > .primary-menu-container {
    transform: translateX(0) translateY(0);
  }
}
@media only screen and (min-width: 800px) {
  .primary-navigation {
    position: relative;
    margin-left: auto;
  }
  .primary-navigation > .primary-menu-container {
    visibility: visible;
    opacity: 1;
    position: relative;
    padding: 0;
    background-color: transparent;
    overflow: initial;
    transform: none;
  }
  .primary-navigation #toggle-menu {
    display: none;
  }
  .primary-navigation > .primary-menu-container ul > li .sub-menu-toggle[aria-expanded=false] ~ ul {
    display: none;
  }
  .admin-bar .primary-navigation {
    top: initial;
  }
  .admin-bar .primary-navigation > .primary-menu-container {
    top: initial;
  }
}
.primary-navigation > div > .menu-wrapper {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  max-width: none;
  padding-left: 0;
  position: relative;
}
@media only screen and (max-width: 799.98px) {
  .primary-navigation > div > .menu-wrapper {
    padding-bottom: 100px;
  }
  .primary-navigation > div > .menu-wrapper ul {
    padding-left: 0;
  }
}
.primary-navigation > div > .menu-wrapper li {
  display: block;
  position: relative;
  width: 100%;
}
@media only screen and (min-width: 800px) {
  .primary-navigation > div > .menu-wrapper li {
    margin: 0;
    width: inherit;
  }
  .primary-navigation > div > .menu-wrapper li:last-child {
    margin-right: 0;
  }
}
.primary-navigation > div > .menu-wrapper .sub-menu-toggle {
  display: flex;
  height: calc(2 * var(--primary-nav--padding) + 1.15em + 1px);
  width: 44px;
  padding: 0;
  justify-content: center;
  align-items: center;
  background: transparent;
  color: currentColor;
  border: none;
}
.primary-navigation > div > .menu-wrapper .sub-menu-toggle:focus {
  outline: 2px solid var(--wp--style--color--link, var(--global--color-primary));
}
@media only screen and (max-width: 799.98px) {
  .primary-navigation > div > .menu-wrapper .sub-menu-toggle {
    display: none;
  }
}
.primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-plus,
.primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-minus {
  height: 100%;
  display: flex;
  align-items: center;
}
.primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-plus svg,
.primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-minus svg {
  margin-top: -1px;
}
.primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-minus {
  display: none;
}
.primary-navigation > div > .menu-wrapper .sub-menu-toggle[aria-expanded=true] .icon-minus {
  display: flex;
}
.primary-navigation > div > .menu-wrapper .sub-menu-toggle[aria-expanded=true] .icon-plus {
  display: none;
}
.primary-navigation > div > .menu-wrapper > li > .sub-menu {
  position: relative;
}
@media only screen and (min-width: 800px) and (prefers-reduced-motion: no-preference) {
  .primary-navigation > div > .menu-wrapper > li > .sub-menu {
    transition: all 0.5s ease;
  }
}
@media only screen and (min-width: 800px) {
  .primary-navigation > div > .menu-wrapper > li > .sub-menu {
    left: 0;
    margin: 0;
    min-width: max-content;
    position: absolute;
    top: 100%;
    padding-top: 3px;
    z-index: 88888;
  }
  .primary-navigation > div > .menu-wrapper > li > .sub-menu:before, .primary-navigation > div > .menu-wrapper > li > .sub-menu:after {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    top: -10px;
    left: var(--global--spacing-horizontal);
    border-style: solid;
    border-color: var(--global--color-border) transparent;
    border-width: 0 7px 10px;
  }
  .primary-navigation > div > .menu-wrapper > li > .sub-menu:after {
    top: -9px;
    border-color: var(--global--color-background) transparent;
  }
  .primary-navigation > div > .menu-wrapper > li > .sub-menu li {
    background: var(--global--color-background);
  }
  .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left {
    /* rtl:ignore */
    left: 0;
    /* rtl:ignore */
    right: auto;
  }
  .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left:before, .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left:after {
    /* rtl:ignore */
    left: var(--global--spacing-horizontal);
    /* rtl:ignore */
    right: auto;
  }
  .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right {
    /* rtl:ignore */
    right: 0;
    /* rtl:ignore */
    left: auto;
  }
  .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right:before, .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right:after {
    /* rtl:ignore */
    left: auto;
    /* rtl:ignore */
    right: var(--global--spacing-horizontal);
  }
}
.primary-navigation .primary-menu > .menu-item:hover > a {
  color: var(--primary-nav--color-link-hover);
}
@media only screen and (min-width: 800px) {
  .primary-navigation .primary-menu-container {
    margin-right: calc(0px - var(--primary-nav--padding));
    margin-left: calc(0px - var(--primary-nav--padding));
  }
  .primary-navigation .primary-menu-container > ul > .menu-item {
    display: flex;
  }
  .primary-navigation .primary-menu-container > ul > .menu-item > a {
    padding-left: var(--primary-nav--padding);
    padding-right: var(--primary-nav--padding);
  }
  .primary-navigation .primary-menu-container > ul > .menu-item > a + .sub-menu-toggle {
    margin-left: calc(5px - var(--primary-nav--padding));
  }
}
.primary-navigation a {
  display: block;
  font-family: var(--primary-nav--font-family-mobile);
  font-size: var(--primary-nav--font-size-mobile);
  font-weight: var(--primary-nav--font-weight);
  padding: var(--primary-nav--padding) 0;
  text-decoration: none;
}
@media only screen and (min-width: 800px) {
  .primary-navigation a {
    display: block;
    font-family: var(--primary-nav--font-family);
    font-size: var(--primary-nav--font-size);
    font-weight: var(--primary-nav--font-weight);
  }
}
.primary-navigation a + svg {
  fill: var(--primary-nav--color-text);
}
.primary-navigation a:hover, .primary-navigation a:link, .primary-navigation a:visited {
  color: var(--primary-nav--color-link-hover);
}
.primary-navigation a:hover {
  text-decoration: underline;
  text-decoration-style: dotted;
}
.primary-navigation a:focus {
  position: relative;
  z-index: 99999;
  outline-offset: 0;
  text-decoration-thickness: 2px;
}
.primary-navigation .sub-menu {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-left: var(--primary-nav--padding);
  border: 1px solid var(--global--color-border);
  border-radius: 3px;
}
.primary-navigation .sub-menu .sub-menu {
  border: none;
}
@media only screen and (min-width: 800px) {
  .primary-navigation .sub-menu > .menu-item > .sub-menu {
    padding: 0;
  }
}
@media only screen and (max-width: 799.98px) {
  .primary-navigation .sub-menu .menu-item:last-child {
    margin-bottom: 0;
  }
}
.primary-navigation .sub-menu .menu-item > a {
  padding: calc(1.25 * var(--primary-nav--padding)) var(--primary-nav--padding);
  display: block;
  font-size: var(--primary-nav--font-size-sub-menu-mobile);
  font-style: var(--primary-nav--font-style-sub-menu-mobile);
}
@media only screen and (min-width: 800px) {
  .primary-navigation .sub-menu .menu-item > a {
    font-size: var(--primary-nav--font-size-sub-menu);
    font-style: var(--primary-nav--font-style);
  }
}
.primary-navigation .menu-item-has-children > .svg-icon {
  display: none;
}
@media only screen and (min-width: 800px) {
  .primary-navigation .menu-item-has-children > .svg-icon {
    display: inline-block;
    height: 100%;
  }
  .primary-navigation .menu-item-has-children .sub-menu .svg-icon {
    display: none;
  }
}
.primary-navigation .menu-item-description {
  display: block;
  clear: both;
  font-size: var(--global--font-size-xs);
  text-transform: none;
  line-height: 1.7;
}
.primary-navigation .menu-item-description > span {
  display: inline-block;
}

@media only screen and (max-width: 799.98px) {
  .lock-scrolling .site {
    position: fixed;
    max-width: 100%;
    width: 100%;
  }
}
@keyframes olivaesuites-close-button-transition {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.footer-navigation {
  margin-top: calc(2 * var(--global--spacing-vertical));
  margin-bottom: var(--global--spacing-vertical);
  color: var(--footer--color-text);
  font-size: var(--global--font-size-xs);
  font-family: var(--footer--font-family);
}

.footer-navigation-wrapper {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  list-style: none;
  padding-left: 0;
}
.footer-navigation-wrapper li {
  display: inline;
  line-height: 3;
}
.footer-navigation-wrapper li a {
  padding: calc(1.25 * var(--primary-nav--padding)) var(--primary-nav--padding);
  color: var(--footer--color-link);
}
.footer-navigation-wrapper li a:link, .footer-navigation-wrapper li a:visited, .footer-navigation-wrapper li a:active {
  color: var(--footer--color-link);
}
.footer-navigation-wrapper li a:hover {
  text-decoration: underline;
  text-decoration-style: dotted;
  text-decoration-skip-ink: none;
  color: var(--footer--color-link-hover);
}
.is-dark-theme .footer-navigation-wrapper li a:focus .svg-icon {
  fill: var(--wp--style--color--link, var(--global--color-background));
}
.has-background-white .footer-navigation-wrapper li a:focus .svg-icon {
  fill: var(--wp--style--color--link, var(--global--color-white));
}
.footer-navigation-wrapper li .svg-icon {
  vertical-align: middle;
  fill: var(--footer--color-link);
}
.footer-navigation-wrapper li .svg-icon:hover {
  transform: scale(1.1);
}
@media (prefers-reduced-motion: no-preference) {
  .footer-navigation-wrapper li .svg-icon {
    transition: transform 0.1s ease;
  }
}
.footer-navigation-wrapper .sub-menu-toggle,
.footer-navigation-wrapper .menu-item-description {
  display: none;
}

/* Next/Previous navigation */
.navigation {
  color: var(--global--color-primary);
}
.navigation a {
  color: var(--global--color-primary);
  text-decoration: none;
}
.navigation a:hover {
  color: var(--global--color-primary-hover);
  text-decoration: underline;
  text-decoration-style: dotted;
}
.navigation a:focus {
  color: var(--global--color-secondary);
}
.navigation a:active {
  color: var(--global--color-primary);
}
.navigation .nav-links > * {
  min-width: 44px;
  min-height: 44px;
}
.navigation .nav-links .nav-next a,
.navigation .nav-links .nav-previous a {
  display: flex;
  flex-direction: column;
}
.navigation .nav-links .dots {
  text-align: center;
}
@media only screen and (min-width: 592px) {
  .navigation .nav-links {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }
  .navigation .nav-links .nav-next,
  .navigation .nav-links .nav-previous {
    flex: 0 1 auto;
    margin-bottom: inherit;
    margin-top: inherit;
    max-width: calc(50% - 0.5 * var(--global--spacing-unit));
  }
  .navigation .nav-links .nav-next {
    text-align: right;
  }
}
.navigation .svg-icon {
  display: inline-block;
  fill: currentColor;
  vertical-align: middle;
  position: relative;
}
.navigation .nav-previous .svg-icon,
.navigation .prev .svg-icon {
  top: -2px;
  margin-right: calc(0.25 * var(--global--spacing-unit));
}
.navigation .nav-next .svg-icon,
.navigation .next .svg-icon {
  top: -1px;
  margin-left: calc(0.25 * var(--global--spacing-unit));
}

.post-navigation {
  margin: var(--global--spacing-vertical) auto;
}
@media only screen and (min-width: 822px) {
  .post-navigation {
    margin: var(--global--spacing-vertical) auto;
  }
}
.post-navigation .meta-nav {
  line-height: var(--global--line-height-body);
  color: var(--global--color-primary);
}
.post-navigation .post-title {
  display: inline-block;
  font-family: var(--global--font-primary);
  font-size: var(--global--font-size-lg);
  font-weight: var(--pagination--font-weight-strong);
  line-height: var(--global--line-height-heading);
}
@media only screen and (min-width: 822px) {
  .post-navigation .post-title {
    margin: 5px calc(24px + 0.25 * var(--global--spacing-unit)) 0;
  }
}
@media only screen and (min-width: 482px) {
  .post-navigation .nav-links {
    justify-content: space-between;
  }
}
.post-navigation .nav-next,
.post-navigation .nav-previous {
  margin-top: var(--global--spacing-vertical);
  margin-bottom: var(--global--spacing-vertical);
}
.post-navigation .nav-next:first-child,
.post-navigation .nav-previous:first-child {
  margin-top: 0;
}
.post-navigation .nav-next:last-child,
.post-navigation .nav-previous:last-child {
  margin-bottom: 0;
}

.pagination,
.comments-pagination {
  border-top: 3px solid var(--global--color-border);
  padding-top: var(--global--spacing-vertical);
  margin: var(--global--spacing-vertical) auto;
}
@media only screen and (min-width: 822px) {
  .pagination,
  .comments-pagination {
    margin: var(--global--spacing-vertical) auto;
  }
}
.pagination .nav-links,
.comments-pagination .nav-links {
  margin-top: calc(-1 * var(--global--spacing-vertical));
}
.pagination .nav-links a:hover,
.comments-pagination .nav-links a:hover {
  color: var(--pagination--color-link-hover);
}
.is-dark-theme .pagination .nav-links a:active,
.is-dark-theme .pagination .nav-links a:hover:active,
.is-dark-theme .pagination .nav-links a:hover:focus,
.is-dark-theme .comments-pagination .nav-links a:active,
.is-dark-theme .comments-pagination .nav-links a:hover:active,
.is-dark-theme .comments-pagination .nav-links a:hover:focus {
  color: var(--global--color-background);
}
.has-background-white .pagination .nav-links a:active,
.has-background-white .pagination .nav-links a:hover:active,
.has-background-white .pagination .nav-links a:hover:focus,
.has-background-white .comments-pagination .nav-links a:active,
.has-background-white .comments-pagination .nav-links a:hover:active,
.has-background-white .comments-pagination .nav-links a:hover:focus {
  color: var(--global--color-white);
}
.pagination .nav-links > *,
.comments-pagination .nav-links > * {
  color: var(--pagination--color-text);
  font-family: var(--pagination--font-family);
  font-size: var(--pagination--font-size);
  font-weight: var(--pagination--font-weight);
  margin-top: var(--global--spacing-vertical);
  margin-left: calc(0.66 * var(--global--spacing-unit));
  margin-right: calc(0.66 * var(--global--spacing-unit));
}
.pagination .nav-links > *.current,
.comments-pagination .nav-links > *.current {
  text-decoration: underline;
}
.pagination .nav-links > *:not(.dots):not(.current):hover,
.comments-pagination .nav-links > *:not(.dots):not(.current):hover {
  text-decoration-style: dotted;
}
.pagination .nav-links > *:first-child,
.comments-pagination .nav-links > *:first-child {
  margin-left: 0;
}
.pagination .nav-links > *:last-child,
.comments-pagination .nav-links > *:last-child {
  margin-right: 0;
}
.pagination .nav-links > *.next,
.comments-pagination .nav-links > *.next {
  margin-left: auto;
}
.pagination .nav-links > *.prev,
.comments-pagination .nav-links > *.prev {
  margin-right: auto;
}
@media only screen and (max-width: 821.98px) {
  .pagination .nav-links,
  .comments-pagination .nav-links {
    display: flex;
    flex-wrap: wrap;
  }
  .pagination .page-numbers,
  .comments-pagination .page-numbers {
    display: none;
  }
  .pagination .page-numbers.prev, .pagination .page-numbers.next,
  .comments-pagination .page-numbers.prev,
  .comments-pagination .page-numbers.next {
    display: inline-block;
    flex: 0 1 auto;
  }
}
@media only screen and (max-width: 481.98px) {
  .pagination .nav-short,
  .comments-pagination .nav-short {
    display: none;
  }
}

.comments-pagination {
  padding-top: calc(0.66 * var(--global--spacing-vertical));
  margin: calc(3 * var(--global--spacing-vertical)) auto;
}
@media only screen and (min-width: 822px) {
  .comments-pagination {
    margin: calc(3 * var(--global--spacing-vertical)) auto calc(4 * var(--global--spacing-vertical)) auto;
  }
}
.comments-pagination .nav-links > * {
  font-size: var(--global--font-size-md);
}

.widget-area {
  margin-top: calc(6 * var(--global--spacing-vertical));
  padding-bottom: calc(var(--global--spacing-vertical) / 3);
  color: var(--footer--color-text);
  font-size: var(--footer--font-size);
  font-family: var(--footer--font-family);
}
@media only screen and (min-width: 652px) {
  .widget-area {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: calc(2 * var(--global--spacing-horizontal));
  }
}
@media only screen and (min-width: 1024px) {
  .widget-area {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (max-width: 481.98px) {
  .widget-area {
    margin-top: calc(3 * var(--global--spacing-vertical));
  }
}
.widget-area .wp-block-social-links.alignright {
  margin-top: var(--global--spacing-vertical);
  justify-content: flex-end;
}
.widget-area .wp-block-social-links.alignleft {
  margin-top: var(--global--spacing-vertical);
}
.widget-area:after {
  content: "";
  display: table;
  clear: both;
}

.widget h1,
.widget h2,
.widget h3,
.widget h4,
.widget h5,
.widget h6 {
  font-weight: var(--widget--font-weight-title);
  line-height: var(--widget--line-height-title);
}
.widget h1 {
  font-size: var(--global--font-size-md);
}
.widget h2 {
  font-size: var(--global--font-size-sm);
}
.widget h3 {
  font-size: var(--global--font-size-xs);
}
.widget h4 {
  font-size: var(--global--font-size-xs);
}
.widget h5 {
  font-size: var(--global--font-size-xs);
}
.widget h6 {
  font-size: var(--global--font-size-xs);
}
.widget ul {
  list-style-type: none;
  padding: 0;
}
.widget ul li {
  line-height: var(--widget--line-height-list);
}
.widget ul.sub-menu, .widget ul.children {
  margin-left: var(--widget--spacing-menu);
}
.widget ul .sub-menu-toggle {
  display: none;
}
.widget a {
  color: var(--footer--color-link);
  text-decoration: underline;
  text-decoration-style: solid;
  text-decoration-color: currentColor;
}
.widget a:link, .widget a:visited, .widget a:active {
  color: var(--footer--color-link);
}
.widget a:hover {
  color: var(--footer--color-link-hover);
  text-decoration-style: dotted;
}

.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.66 * var(--global--spacing-horizontal));
}
.search-form .search-submit {
  margin-top: calc(var(--global--spacing-vertical) / 3);
  margin-left: 10px;
}

.widget_search > .search-form .search-field {
  margin-right: calc(-1 * var(--button--border-width));
  -webkit-appearance: none;
  margin-bottom: calc(0.5 * var(--global--spacing-vertical));
}
.widget_search > .search-form .search-submit {
  margin-left: 0;
  margin-bottom: calc(0.5 * var(--global--spacing-vertical));
}

.widget_rss a.rsswidget .rss-widget-icon {
  display: none;
}

/* Category 07 is for any utility classes that are not assigned to a specific component. */
.screen-reader-text {
  border: 0;
  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-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;
}

.has-warm-white-color[class] > [class*=__inner-container] {
  --local--color-primary: var(--global--color-warm-white, #f7f4ef);
  color: var(--local--color-primary);
}
.has-warm-white-color[class] {
  color: var(--global--color-warm-white);
}

.has-cream-linen-color[class] > [class*=__inner-container] {
  --local--color-primary: var(--global--color-cream-linen, #f3f1ec);
  color: var(--local--color-primary);
}
.has-cream-linen-color[class] {
  color: var(--global--color-cream-linen);
}

.has-olivine-green-color[class] > [class*=__inner-container] {
  --local--color-primary: var(--global--color-olivine-green, #9ca39b);
  color: var(--local--color-primary);
}
.has-olivine-green-color[class] {
  color: var(--global--color-olivine-green);
}

.has-warm-sand-color[class] > [class*=__inner-container] {
  --local--color-primary: var(--global--color-warm-sand, #c2a687);
  color: var(--local--color-primary);
}
.has-warm-sand-color[class] {
  color: var(--global--color-warm-sand);
}

.has-warm-clay-color[class] > [class*=__inner-container] {
  --local--color-primary: var(--global--color-warm-clay, #ce8f75);
  color: var(--local--color-primary);
}
.has-warm-clay-color[class] {
  color: var(--global--color-warm-clay);
}

.has-terracotta-clay-color[class] > [class*=__inner-container] {
  --local--color-primary: var(--global--color-terracotta-clay, #d88c70);
  color: var(--local--color-primary);
}
.has-terracotta-clay-color[class] {
  color: var(--global--color-terracotta-clay);
}

.has-dark-olive-color[class] > [class*=__inner-container] {
  --local--color-primary: var(--global--color-dark-olive, #6e7e6c);
  color: var(--local--color-primary);
}
.has-dark-olive-color[class] {
  color: var(--global--color-dark-olive);
}

.has-deep-olive-color[class] > [class*=__inner-container] {
  --local--color-primary: var(--global--color-deep-olive, #3e4a3d);
  color: var(--local--color-primary);
}
.has-deep-olive-color[class] {
  color: var(--global--color-deep-olive);
}

.has-clay-deep-color[class] > [class*=__inner-container] {
  --local--color-primary: var(--global--color-clay-deep, #865d4c);
  color: var(--local--color-primary);
}
.has-clay-deep-color[class] {
  color: var(--global--color-clay-deep);
}

.has-white-color[class] > [class*=__inner-container] {
  --local--color-primary: var(--global--color-white, #fff);
  color: var(--local--color-primary);
}
.has-white-color[class] {
  color: var(--global--color-white);
}

.has-background a,
.has-background p,
.has-background h1,
.has-background h2,
.has-background h3,
.has-background h4,
.has-background h5,
.has-background h6 {
  color: currentColor;
}

.has-warm-white-background-color[class] > [class*=__inner-container] {
  --local--color-background: var(--global--color-warm-white, #f7f4ef);
  background-color: var(--local--color-background);
}
.has-warm-white-background-color[class] {
  background-color: var(--global--color-warm-white);
}

.has-cream-linen-background-color[class] > [class*=__inner-container] {
  --local--color-background: var(--global--color-cream-linen, #f3f1ec);
  background-color: var(--local--color-background);
}
.has-cream-linen-background-color[class] {
  background-color: var(--global--color-cream-linen);
}

.has-olivine-green-background-color[class] > [class*=__inner-container] {
  --local--color-background: var(--global--color-olivine-green, #9ca39b);
  background-color: var(--local--color-background);
}
.has-olivine-green-background-color[class] {
  background-color: var(--global--color-olivine-green);
}

.has-warm-sand-background-color[class] > [class*=__inner-container] {
  --local--color-background: var(--global--color-warm-sand, #c2a687);
  background-color: var(--local--color-background);
}
.has-warm-sand-background-color[class] {
  background-color: var(--global--color-warm-sand);
}

.has-warm-clay-background-color[class] > [class*=__inner-container] {
  --local--color-background: var(--global--color-warm-clay, #ce8f75);
  background-color: var(--local--color-background);
}
.has-warm-clay-background-color[class] {
  background-color: var(--global--color-warm-clay);
}

.has-terracotta-clay-background-color[class] > [class*=__inner-container] {
  --local--color-background: var(--global--color-terracotta-clay, #d88c70);
  background-color: var(--local--color-background);
}
.has-terracotta-clay-background-color[class] {
  background-color: var(--global--color-terracotta-clay);
}

.has-dark-olive-background-color[class] > [class*=__inner-container] {
  --local--color-background: var(--global--color-dark-olive, #6e7e6c);
  background-color: var(--local--color-background);
}
.has-dark-olive-background-color[class] {
  background-color: var(--global--color-dark-olive);
}

.has-deep-olive-background-color[class] > [class*=__inner-container] {
  --local--color-background: var(--global--color-deep-olive, #3e4a3d);
  background-color: var(--local--color-background);
}
.has-deep-olive-background-color[class] {
  background-color: var(--global--color-deep-olive);
}

.has-clay-deep-background-color[class] > [class*=__inner-container] {
  --local--color-background: var(--global--color-clay-deep, #865d4c);
  background-color: var(--local--color-background);
}
.has-clay-deep-background-color[class] {
  background-color: var(--global--color-clay-deep);
}

.has-white-background-color[class] > [class*=__inner-container] {
  --local--color-background: var(--global--color-white, #fff);
  background-color: var(--local--color-background);
}
.has-white-background-color[class] {
  background-color: var(--global--color-white);
}

.has-background:not(.has-text-color).has-dark-olive-background-color[class] {
  color: var(--global--color-warm-white);
}
.has-background:not(.has-text-color).has-dark-olive-background-color[class] > [class*=__inner-container] {
  --local--color-primary: var(--global--color-background, #f7f4ef);
}
.is-dark-theme .has-background:not(.has-text-color).has-dark-olive-background-color[class] > [class*=__inner-container] {
  --local--color-primary: var(--global--color-primary, #3e4a3d);
}
.has-background:not(.has-text-color).has-dark-olive-background-color[class] > [class*=__inner-container] {
  color: var(--local--color-primary, var(--global--color-primary));
}
.has-background:not(.has-text-color).has-deep-olive-background-color[class] {
  color: var(--global--color-warm-white);
}
.has-background:not(.has-text-color).has-deep-olive-background-color[class] > [class*=__inner-container] {
  --local--color-primary: var(--global--color-background, #f7f4ef);
}
.is-dark-theme .has-background:not(.has-text-color).has-deep-olive-background-color[class] > [class*=__inner-container] {
  --local--color-primary: var(--global--color-primary, #3e4a3d);
}
.has-background:not(.has-text-color).has-deep-olive-background-color[class] > [class*=__inner-container] {
  color: var(--local--color-primary, var(--global--color-primary));
}
.has-background:not(.has-text-color).has-clay-deep-background-color[class] {
  color: var(--global--color-warm-white);
}
.has-background:not(.has-text-color).has-clay-deep-background-color[class] > [class*=__inner-container] {
  --local--color-primary: var(--global--color-background, #f7f4ef);
}
.is-dark-theme .has-background:not(.has-text-color).has-clay-deep-background-color[class] > [class*=__inner-container] {
  --local--color-primary: var(--global--color-primary, #3e4a3d);
}
.has-background:not(.has-text-color).has-clay-deep-background-color[class] > [class*=__inner-container] {
  color: var(--local--color-primary, var(--global--color-primary));
}
.has-background:not(.has-text-color).has-warm-white-background-color[class] {
  color: var(--global--color-deep-olive);
}
.has-background:not(.has-text-color).has-warm-white-background-color[class] > [class*=__inner-container] {
  --local--color-primary: var(--global--color-primary, #3e4a3d);
}
.is-dark-theme .has-background:not(.has-text-color).has-warm-white-background-color[class] > [class*=__inner-container] {
  --local--color-primary: var(--global--color-background, #f7f4ef);
}
.has-background:not(.has-text-color).has-warm-white-background-color[class] > [class*=__inner-container] {
  color: var(--local--color-primary, var(--global--color-primary));
}
.has-background:not(.has-text-color).has-cream-linen-background-color[class] {
  color: var(--global--color-deep-olive);
}
.has-background:not(.has-text-color).has-cream-linen-background-color[class] > [class*=__inner-container] {
  --local--color-primary: var(--global--color-primary, #3e4a3d);
}
.is-dark-theme .has-background:not(.has-text-color).has-cream-linen-background-color[class] > [class*=__inner-container] {
  --local--color-primary: var(--global--color-background, #f7f4ef);
}
.has-background:not(.has-text-color).has-cream-linen-background-color[class] > [class*=__inner-container] {
  color: var(--local--color-primary, var(--global--color-primary));
}
.has-background:not(.has-text-color).has-olivine-green-background-color[class] {
  color: var(--global--color-deep-olive);
}
.has-background:not(.has-text-color).has-olivine-green-background-color[class] > [class*=__inner-container] {
  --local--color-primary: var(--global--color-primary, #3e4a3d);
}
.is-dark-theme .has-background:not(.has-text-color).has-olivine-green-background-color[class] > [class*=__inner-container] {
  --local--color-primary: var(--global--color-background, #f7f4ef);
}
.has-background:not(.has-text-color).has-olivine-green-background-color[class] > [class*=__inner-container] {
  color: var(--local--color-primary, var(--global--color-primary));
}
.has-background:not(.has-text-color).has-warm-sand-background-color[class] {
  color: var(--global--color-deep-olive);
}
.has-background:not(.has-text-color).has-warm-sand-background-color[class] > [class*=__inner-container] {
  --local--color-primary: var(--global--color-primary, #3e4a3d);
}
.is-dark-theme .has-background:not(.has-text-color).has-warm-sand-background-color[class] > [class*=__inner-container] {
  --local--color-primary: var(--global--color-background, #f7f4ef);
}
.has-background:not(.has-text-color).has-warm-sand-background-color[class] > [class*=__inner-container] {
  color: var(--local--color-primary, var(--global--color-primary));
}
.has-background:not(.has-text-color).has-warm-clay-background-color[class] {
  color: var(--global--color-deep-olive);
}
.has-background:not(.has-text-color).has-warm-clay-background-color[class] > [class*=__inner-container] {
  --local--color-primary: var(--global--color-primary, #3e4a3d);
}
.is-dark-theme .has-background:not(.has-text-color).has-warm-clay-background-color[class] > [class*=__inner-container] {
  --local--color-primary: var(--global--color-background, #f7f4ef);
}
.has-background:not(.has-text-color).has-warm-clay-background-color[class] > [class*=__inner-container] {
  color: var(--local--color-primary, var(--global--color-primary));
}
.has-background:not(.has-text-color).has-terracotta-clay-background-color[class] {
  color: var(--global--color-deep-olive);
}
.has-background:not(.has-text-color).has-terracotta-clay-background-color[class] > [class*=__inner-container] {
  --local--color-primary: var(--global--color-primary, #3e4a3d);
}
.is-dark-theme .has-background:not(.has-text-color).has-terracotta-clay-background-color[class] > [class*=__inner-container] {
  --local--color-primary: var(--global--color-background, #f7f4ef);
}
.has-background:not(.has-text-color).has-terracotta-clay-background-color[class] > [class*=__inner-container] {
  color: var(--local--color-primary, var(--global--color-primary));
}
.has-background:not(.has-text-color).has-white-background-color[class] {
  color: var(--global--color-deep-olive);
}
.has-background:not(.has-text-color).has-white-background-color[class] > [class*=__inner-container] {
  --local--color-primary: var(--global--color-primary, #3e4a3d);
}
.is-dark-theme .has-background:not(.has-text-color).has-white-background-color[class] > [class*=__inner-container] {
  --local--color-primary: var(--global--color-background, #f7f4ef);
}
.has-background:not(.has-text-color).has-white-background-color[class] > [class*=__inner-container] {
  color: var(--local--color-primary, var(--global--color-primary));
}

.has-warm-sand-to-warm-clay-gradient-background {
  background: linear-gradient(160deg, var(--global--color-warm-sand), var(--global--color-warm-clay));
}

.has-warm-clay-to-warm-sand-gradient-background {
  background: linear-gradient(160deg, var(--global--color-warm-clay), var(--global--color-warm-sand));
}

.has-cream-linen-to-warm-sand-gradient-background {
  background: linear-gradient(160deg, var(--global--color-cream-linen), var(--global--color-warm-sand));
}

.has-warm-sand-to-cream-linen-gradient-background {
  background: linear-gradient(160deg, var(--global--color-warm-sand), var(--global--color-cream-linen));
}

.has-olivine-green-to-cream-linen-gradient-background {
  background: linear-gradient(160deg, var(--global--color-olivine-green), var(--global--color-cream-linen));
}

.has-cream-linen-to-olivine-green-gradient-background {
  background: linear-gradient(160deg, var(--global--color-cream-linen), var(--global--color-olivine-green));
}

.has-terracotta-clay-to-warm-sand-gradient-background {
  background: linear-gradient(160deg, var(--global--color-terracotta-clay), var(--global--color-warm-sand));
}

.has-dark-olive-to-olivine-green-gradient-background {
  background: linear-gradient(160deg, var(--global--color-dark-olive), var(--global--color-olivine-green));
}

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

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

.is-IE.is-dark-theme {
  color: #fff;
}
.is-IE.is-dark-theme *,
.is-IE.is-dark-theme a,
.is-IE.is-dark-theme .site-description,
.is-IE.is-dark-theme .entry-title,
.is-IE.is-dark-theme .entry-footer,
.is-IE.is-dark-theme .widget-area,
.is-IE.is-dark-theme .post-navigation .meta-nav,
.is-IE.is-dark-theme .footer-navigation-wrapper li a:link,
.is-IE.is-dark-theme .site-footer > .site-info,
.is-IE.is-dark-theme .site-footer > .site-info a,
.is-IE.is-dark-theme .site-footer > .site-info a:visited {
  color: #fff;
}
.is-IE.is-dark-theme .sub-menu-toggle svg,
.is-IE.is-dark-theme .sub-menu-toggle path,
.is-IE.is-dark-theme .post-navigation .meta-nav svg,
.is-IE.is-dark-theme .post-navigation .meta-nav path {
  fill: #fff;
}
.is-IE.is-dark-theme .primary-navigation > div > .menu-wrapper > li > .sub-menu li {
  background: #000;
}
@media only screen and (max-width: 481.98px) {
  .is-IE.is-dark-theme.primary-navigation-open .primary-navigation > .primary-menu-container,
  .is-IE.is-dark-theme.primary-navigation-open .menu-button-container {
    background-color: #000;
  }
}
.is-IE.is-dark-theme .skip-link:focus {
  color: #21759b;
}
.is-IE .navigation .nav-links {
  display: block;
}
.is-IE .post-thumbnail .wp-post-image {
  min-width: auto;
}
.is-IE .wp-block-group:before, .is-IE .wp-block-group:after {
  content: "";
  display: block;
  clear: both;
}

/* Category 08 is project-specific work that overrides the Twenty Twenty-One base.
   These must stay last so they win the cascade. */
/* ==========================================================================
   Olivae Suites Header: Horizontal layout overrides
   ========================================================================== */
.site-header {
  max-width: none;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: space-between;
  gap: var(--global--spacing-horizontal);
  padding-top: 0;
  padding-bottom: 0;
  padding-left: var(--global--spacing-horizontal);
  padding-right: calc(var(--global--spacing-horizontal) * 2);
}

.site-branding {
  margin-right: 0;
  flex-shrink: 0;
}

.site-logo {
  margin: 0;
  border-bottom: none;
  padding-top: 0px;
  padding-bottom: 0;
}

.site-header > .site-logo {
  width: auto;
  flex: 0 0 auto;
  padding-bottom: 0;
  border-bottom: none;
  text-align: left;
}

.primary-navigation .menu-item-description {
  display: none;
}

.primary-navigation a:link,
.primary-navigation a:visited {
  color: #373D37;
}

.primary-navigation a:hover,
.primary-navigation a:focus {
  text-decoration: none;
  background-color: var(--global--color-clay-tint);
  color: var(--global--color-clay-deep);
  border-radius: 4px;
}

@media only screen and (min-width: 800px) {
  .primary-navigation {
    margin-left: auto;
    flex: 0 1 auto;
    min-width: 0;
  }
  .primary-navigation > div > .menu-wrapper {
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 4px;
  }
  .primary-navigation > div > .menu-wrapper li {
    width: inherit;
    white-space: nowrap;
  }
  .primary-navigation a {
    font-size: 1.0625rem;
    padding: var(--primary-nav--padding) calc(0.4 * var(--global--spacing-horizontal));
  }
}
@media only screen and (max-width: 799.98px) {
  .site-header {
    flex-wrap: wrap;
    padding-top: 0;
  }
}
.lang-item a {
  text-transform: uppercase !important;
  padding-left: 2px !important;
  padding-right: 2px !important;
}

/* ==========================================================================
   Home hero

   Full-bleed photo running from the very top of the page, with the logo and
   primary navigation sitting over it. Markup lives in
   template-parts/header/site-header.php, behind an is_front_page() check.

   Contrast was measured against the actual photo (the 2.165:1 crop), sampling
   the region "cover" really shows at 16:9, 4:3 and phone-portrait viewports:

     header band, deep-olive nav, no scrim ....... 3.07:1  (worst case)
     header band with a 0.25 Warm White scrim .... 4.10:1  still short
     header band with a 0.40 Warm White scrim .... 4.82:1  PASS

   HERO COPY: currently white on the bare photo, by request. This does not meet
   WCAG AA - it measures 1.46:1 against the darkest part of the centre band,
   where 4.5:1 is the threshold. The photo is bright and hazy (median luminance
   0.31), so white has almost nothing to contrast against. For reference:

     white, no treatment ......................... 1.46:1  FAIL
     white over a 0.5 black scrim ................ 5.34:1  PASS
     deep-olive on a 0.70 Warm White panel ....... 4.59:1  PASS
     deep-olive on a 0.90 Warm White panel ....... 7.03:1  PASS (AAA)

   Swapping the photo, or changing these values, invalidates the numbers -
   re-measure before changing them.
   ========================================================================== */
.site-hero {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: min(100vh, max(520px, 50.0390625vw));
  overflow: hidden;
}

.site-hero::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: 90px;
  pointer-events: none;
  background: linear-gradient(to bottom, rgba(247, 244, 239, 0.6) 0%, rgba(247, 244, 239, 0.6) 25%, rgba(247, 244, 239, 0.46) 41%, rgba(247, 244, 239, 0.29) 59%, rgba(247, 244, 239, 0.14) 77%, rgba(247, 244, 239, 0.05) 91%, rgba(247, 244, 239, 0) 100%);
  background: linear-gradient(to bottom, rgba(247, 244, 239, 0.55) 0%, rgba(247, 244, 239, 0.5) 25%, rgba(247, 244, 239, 0.46) 41%, rgba(247, 244, 239, 0.29) 59%, rgba(247, 244, 239, 0.14) 77%, rgba(247, 244, 239, 0.05) 91%, rgba(247, 244, 239, 0) 100%);
}

.site-hero::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  height: 45%;
  pointer-events: none;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.58) 18%, rgba(0, 0, 0, 0.44) 36%, rgba(0, 0, 0, 0.27) 56%, rgba(0, 0, 0, 0.12) 76%, rgba(0, 0, 0, 0.04) 90%, rgba(0, 0, 0, 0) 100%);
}

.site-hero__image {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center;
}

.site-header--on-hero {
  position: relative;
  z-index: 2;
  background-color: transparent;
  align-items: flex-start;
  padding-top: 10px;
}

.site-hero__content {
  position: relative;
  z-index: 2;
  margin: auto;
  max-width: 46rem;
  padding: calc(1.5 * var(--global--spacing-vertical)) var(--global--spacing-horizontal);
  text-align: center;
}

.site-hero__title {
  margin: 0;
  color: var(--global--color-white);
  font-family: var(--global--font-primary);
  font-size: clamp(1.75rem, 4vw, 3rem);
  font-weight: var(--heading--font-weight-page-title);
  letter-spacing: var(--heading--letter-spacing-h1);
  line-height: 1.15;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.45);
}

.site-hero__tagline {
  margin: 0.5em 0 0;
  color: var(--global--color-white);
  font-family: var(--global--font-primary);
  font-size: clamp(1.125rem, 2vw, 1.5rem);
  font-style: italic;
  line-height: 1.3;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
}

.site-hero__subtitle {
  margin: 0.6em 0 0;
  color: var(--global--color-white);
  font-family: var(--global--font-secondary);
  font-size: clamp(1rem, 1.6vw, 1.25rem);
  line-height: var(--global--line-height-body);
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
}

.site-hero__cue {
  position: relative;
  z-index: 2;
  align-self: center;
  margin-bottom: var(--global--spacing-vertical);
  padding: calc(0.4 * var(--global--spacing-vertical)) var(--global--spacing-horizontal);
  color: var(--global--color-white);
  font-family: var(--global--font-secondary);
  font-size: 0.9375rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  text-decoration: none;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}
.site-hero__cue span {
  display: inline-block;
  margin-left: 0.4em;
}
.site-hero__cue:hover, .site-hero__cue:focus {
  color: var(--global--color-white);
  text-decoration: underline;
  text-underline-offset: 4px;
}

/* ==========================================================================
   Olivae Brand: Typography overrides (front end)

   Tokens are NOT redeclared here — every --global--*, --heading--* and
   --branding--* value lives once in 01-settings/global.scss, which both
   style.scss and style-editor.scss import. This file only binds elements
   to those tokens. The editor mirror is 08-project/_brand-editor.scss.
   ========================================================================== */
/* Body text: Source Sans Pro Regular (400) */
body {
  font-family: var(--global--font-secondary);
  font-weight: 400;
  line-height: var(--global--line-height-body);
}

/* H1: Playfair Display Regular (400) */
h1,
.entry-title,
.page-title,
.site-title {
  font-family: var(--global--font-primary);
  font-weight: var(--heading--font-weight-page-title);
  text-transform: none;
  letter-spacing: var(--heading--letter-spacing-h1);
  line-height: var(--global--line-height-page-title);
}

/* H2–H6 subtitles: Playfair Display Medium (500) */
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--global--font-primary);
  font-weight: var(--heading--font-weight);
  text-transform: none;
  line-height: var(--global--line-height-heading);
}

.entry-content > :is(h2, h3, h4) {
  margin-top: calc(2.6 * var(--global--spacing-vertical));
  margin-bottom: calc(1 * var(--global--spacing-vertical));
}

.entry-title {
  color: var(--global--color-secondary);
}

/* ==========================================================================
   Olivae Editorial Grid (front end)

   A 12-column magazine grid built on core's Grid layout (WP 6.6+, placement
   and per-viewport overrides in 7.1). The mechanism is core's; this file only
   supplies the house gutter, the page inset, and the mobile collapse.

   How a row is built
   ------------------
   The container is a Group block with:

       align:  full
       class:  olivae-grid
       layout: { "type": "grid", "columnCount": 12 }

   Children place themselves with columnStart / columnSpan, which core compiles
   to `grid-column: <start> / span <span>`. In twelfths:

       quarter   span 3        middle two quarters   start 4, span 6
       third     span 4        full bleed            span 12
       half      span 6

   Every child needs BOTH columnStart and rowStart. In manual placement mode
   the editor's useGridLayoutSync reassigns any child missing either one to
   the first free cell, silently moving it on insert. The starter patterns in
   /patterns/ set both; anything dragged out in the editor gets both for free.

   Gutter and inset
   ----------------
   `gap` is set here rather than through theme.json. blockGap support IS on -
   appearanceTools turns it on along with margin and padding - but no blockGap
   VALUE is set in theme.json styles, and core only emits a `gap` declaration
   when it has a value (see wp-includes/block-supports/layout.php). So this
   rule is the sole source of the gutter in practice, while the editor still
   offers a per-instance gap control that will override it on a given row.

   No global blockGap value is set on purpose: it would bring core's
   flow-layout gap rules into play site-wide, alongside the vertical rhythm in
   03-generic/vertical-margins.scss, and the two would compound.

   The page inset steps with the gutter so the two always relate:

       < 822px    30px   (1x) - and the grid collapses to one column
       >= 822px   60px   (2x)
       >= 1024px  90px   (3x)

   Mobile collapse
   ---------------
   A fixed columnCount grid does not reflow on its own (core's automatic
   collapse only applies to minimumColumnWidth grids). Children can carry
   per-viewport overrides, but relying on that means every child of every
   hand-built grid needs them set by hand. The media query below collapses
   any .olivae-grid instead, so grids built outside the patterns stack
   correctly too. It needs !important because core prints its layout CSS in
   the body, after this stylesheet, at equal specificity.
   ========================================================================== */
.olivae-grid {
  padding-left: var(--grid--margin);
  padding-right: var(--grid--margin);
  /* Vertical rhythm between rows.
   *
   * Deliberately here rather than in the pattern markup. Baking a margin
   * into the patterns would write the number into every page's content, so
   * retuning the rhythm later would mean editing every page that used one;
   * as a token it is a single change that reaches everything already
   * published. The editor's own margin controls are enabled
   * (appearanceTools), so a row that wants different spacing can still
   * override this per instance.
   *
   * These win over the 1x rhythm that 03-generic/vertical-margins.scss
   * applies to .entry-content > * on source order alone - 08-project loads
   * last. Margins on adjacent rows collapse, so two stacked rows are
   * separated by one --grid--rhythm, not two.
   */
  margin-top: var(--grid--rhythm);
  margin-bottom: var(--grid--rhythm);
  /* A row at the very top or bottom of the content sits against the page
     furniture instead, which already carries its own spacing. */
}
.olivae-grid:first-child {
  margin-top: 0;
}
.olivae-grid:last-child {
  margin-bottom: 0;
}

/* House gutter for every grid, not just .olivae-grid, so a plain Group set to
   Grid in the editor still lands on the theme's spacing scale. */
.is-layout-grid {
  gap: var(--grid--gap);
}

/* Grid children sit in tracks; the vertical rhythm from
   03-generic/vertical-margins.scss would add to the gap rather than collapse
   into it. Reset it and let `gap` be the only source of spacing. */
.is-layout-grid > * {
  margin-top: 0;
  margin-bottom: 0;
}

/* Images fill their column. Without this a photo narrower than its track sits
   at intrinsic width and the row stops reading as a grid. Scoped to the
   editorial grid so `is-resized` images elsewhere keep their explicit size. */
.olivae-grid .wp-block-image img {
  display: block;
  width: 100%;
  height: auto;
}
.olivae-grid {
  /* Images given an aspect ratio in the editor crop to it instead of
     letterboxing, so a triptych keeps a common baseline. */
}
.olivae-grid .wp-block-image img[style*=aspect-ratio] {
  height: 100%;
  object-fit: cover;
}
.olivae-grid {
  /* First and last child of a cell should not push the cell open. */
}
.olivae-grid > * > :first-child {
  margin-top: 0;
}
.olivae-grid > * > :last-child {
  margin-bottom: 0;
}

/* Page inset: 2x the gutter once there is room for the grid at all. */
@media only screen and (min-width: 822px) {
  :root {
    --grid--margin: calc(2 * var(--global--spacing-vertical));
    --grid--rhythm: calc(3 * var(--global--spacing-vertical));
  }
}
/* 3x on a full desktop viewport - the 90px the layout is designed around. */
@media only screen and (min-width: 1024px) {
  :root {
    --grid--margin: calc(3 * var(--global--spacing-vertical));
  }
}
/* Below 822px the twelve tracks are too narrow to hold a quarter-width image,
   so the whole grid becomes a single stacked column and every child spans it,
   whatever placement it carries at desktop. */
@media only screen and (max-width: 821.98px) {
  .olivae-grid.is-layout-grid {
    grid-template-columns: 1fr !important;
  }
  .olivae-grid.is-layout-grid > * {
    grid-column: 1/-1 !important;
    grid-row: auto !important;
  }
}
/* ==========================================================================
   Olivae Suites Footer: site-info list
   ========================================================================== */
.site-footer {
  color: var(--global--color-primary);
  background-color: var(--global--color-warm-sand);
  max-width: none;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding-left: var(--global--spacing-horizontal);
  padding-right: var(--global--spacing-horizontal);
}

.site-footer > .site-info {
  display: flex;
  justify-content: flex-end;
  border-top: none;
}

.site-info ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: 0.25em;
  font-size: 1rem;
}

.site-info ul li {
  white-space: nowrap;
}

.site-info ul li:not(:last-child)::after {
  content: "|";
  margin-left: 0.25em;
}

.site-info ul .icon-linkedin {
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
  margin-right: 0.25em;
}