@charset "UTF-8";

/*
Theme Name: Katrien
Theme URI: https://themeforest.net/user/ukathemes/portfolio/
Author: UkaThemes
Author URI: https://themeforest.net/user/ukathemes
Description: Katrien is an easy-to-use portfolio WordPress theme for freelancers and agencies. Graphic designers, illustrators, photographers or any type of creative is now easily able to create a quick & easy portfolio to showcase their work with a unique and creative touch. Katrien is an automated theme which means that all you have to do is create your posts and upload your images and Katrien will automatically arrange your projects into sliders and grids.
Requires at least: 5.6
Tested up to: 5.8
Version: 1.0.0
License: Themeforest Split Licence
License URI: https://themeforest.net/licenses
Text Domain: katrien
Tags: one-column, two-columns, three-columns, right-sidebar, custom-header, custom-menu, flexible-header, featured-images, sticky-post, threaded-comments, editor-style, translation-ready
*/

/**
 * SETTINGS
 * Global
 *
 * GENERIC
 * Normalize.css
 * Breakpoints
 * Vertical-margins
 * Reset
 * Clearings
 * Animations
 *
 * VENDORS
 * Animsition
 * Swiper
 * Magnific Popup
 *
 * ELEMENTS
 * Blockquote
 * Forms
 * Media
 * Misc
 * Links
 *
 * BLOCKS
 * Audio
 * Archives
 * Button
 * Categories
 * Code
 * Columns
 * Cover
 * File
 * Gallery
 * Group
 * Heading
 * Image
 * Latest comments
 * Latest posts
 * Legacy
 * List
 * Media text
 * Paragraph
 * Preformatted
 * Pullquote
 * Quote
 * RSS
 * Search
 * Separator
 * Social icons
 * Spacer
 * Table
 * Tag clould
 * Verse
 * Video
 * Utilities
 *
 * COMPONENTS
 * Site
 * Content
 * Header
 * Footer
 * Single
 * Posts and pages
 * Entry
 * Author info
 * Archives
 * 404
 * Search
 * Comments
 * Navigation
 * Primary Navigation
 * Secondary Navigation
 * Social Navigation
 * Pagination
 * Sidebar
 * Widgets
 * Post items
 * Post cards
 * Related posts
 * Carousels
 * Content layouts
 * Magic Cursor
 * Smooth Scrollbar
 * Multisites
 *
 * UTILITIES
 * A11y
 * Color Palette
 * Color Schemes
 * Customizer
 *
 * PLUGINS
 * UKA Portfolio
 * UKA Share Buttons
 * Contact Form 7
 * Elementor
 */

/*--------------------------------------------------------------
SETTINGS
--------------------------------------------------------------*/

/*--------------------------------------------------------------
Main Variables
--------------------------------------------------------------*/

:root {
  /* Font Family */
  --global--font-family-base: "Poppins", -apple-system, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  --global--font-family-headings: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  --global--font-family-content: "Mulish", -apple-system, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  --global--font-family-monospace: Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  /* Font Size */
  --html--font-size: calc(14.8px + 0.0625vw);
  --global--font-size-base: 1rem;
  --global--font-size-xs: 0.8125rem;
  --global--font-size-sm: 0.875rem;
  --global--font-size-normal: 1rem;
  --global--font-size-md: 1.125rem;
  --global--font-size-lg: 1.3125rem;
  --global--font-size-xl: 1.5rem;
  --global--font-size-xxl: 1.875rem;
  --global--font-size-xxxl: 2.25rem;
  --global--font-size-xxxxl: 2.625rem;
  --global--font-size-xxxxxl: 3rem;
  --global--font-size-xxxxxxl: 3.75rem;
  --global--font-size-xxxxxxxl: 4.5rem;
  /* Letter Spacing */
  --global--letter-spacing: normal;
  /* Font Weight */
  --global--font-weight-light: 300;
  --global--font-weight-normal: 400;
  --global--font-weight-medium: 500;
  --global--font-weight-semi-bold: 600;
  --global--font-weight-bold: 700;
  --global--font-weight-extra-bold: 800;
  --global--font-weight-black: 900;
  /* Line Height */
  --global--line-height-base: 1.75;
  --global--line-height-heading: 1.35;
  /* Colors */
  --global--color-black: #131313;
  --global--color-white: #ffffff;
  --global--color-blue: #7448ff;
  --global--color-red: #f70230;
  --global--color-yellow: #fdd835;
  --global--color-yellow-hover: #f2c602;
  --global--color-green: #00db22;
  --global--color-orange: #fb8c00;
  --global--color-purple: #f200f2;
  --global--color-gray-100: #f6f6f6;
  --global--color-gray-200: #dfdfdf;
  --global--color-gray-300: silver;
  --global--color-gray-400: #a2a2a2;
  --global--color-gray-500: #838383;
  --global--color-gray-600: #636363;
  --global--color-gray-700: #4e4e4e;
  --global--color-gray-800: #2d2d2d;
  --global--color-gray-900: #1d1d1d;
  --global--color-background: var(--global--color-black);
  --global--color-background-secondary: var(--global--color-gray-900);
  --global--color-primary: var(--global--color-white);
  --global--color-secondary: var(--global--color-gray-500);
  --global--color-secondary-hover: var(--global--color-gray-200);
  --global--color-content: var(--global--color-gray-400);
  --global--color-accent: var(--global--color-yellow);
  --global--color-accent-hover: var(--global--color-yellow-hover);
  --global--color-success: var(--global--color-green);
  --global--color-info: var(--global--color-blue);
  --global--color-warning: var(--global--color-orange);
  --global--color-danger: var(--global--color-red);
  --global--color-border: var(--global--color-gray-800);
  /* Spacing */
  --global--spacing: 1rem;
  --global--spacing-horizontal: 1.5rem;
  --global--spacing-vertical: calc(var(--global--font-size-base) * var(--global--line-height-base));
  /* Other */
  --global--transition: all 0.25s ease-in-out;
  --global--border-radius: 0.25rem;
  --global--border-width: 1px;
}

/*--------------------------------------------------------------
Elements Variables
--------------------------------------------------------------*/

body {
  /* Button */
  --button__Color: var(--global--color-background);
  --button--hover__Color: var(--global--color-background);
  --button__FontFamily: var(--global--font-family-content);
  --button__FontSize: var(--global--font-size-normal);
  --button__FontWeight: var(--global--font-weight-semi-bold);
  --button__LineHeight: var(--global--line-height-base);
  --button__LetterSpacing: var(--global--letter-spacing);
  --button__BackgroundColor: var(--global--color-accent);
  --button--hover__BackgroundColor: var(--global--color-accent-hover);
  --button__BorderWidth: 2px;
  --button__BorderColor: var(--global--color-accent);
  --button--hover__BorderColor: var(--global--color-accent-hover);
  --button__BorderRadius: var(--global--border-radius);
  --button__Transition: var(--global--transition);
  --button--outline__Color: var(--global--color-primary);
  /* Blockquote */
  --blockquote__Color: var(--global--color-primary);
  --blockquote__BorderWidth: 0.1875rem;
  --blockquote__BorderColor: var(--global--color-accent);
  --blockquote__FontFamily: var(--global--font-family-base);
  --blockquote__FontSize: var(--global--font-size-md);
  --blockquote__FontWeight: var(--global--font-weight-normal);
  --blockquote__FontStyle: normal;
  --blockquote__LineHeight: var(--global--line-height-base);
  --blockquote__LetterSpacing: var(--global--letter-spacing);
  --blockquote-cite__Color: var(--global--color-secondary);
  --blockquote-cite__FontFamily: var(--global--font-family-base);
  --blockquote-cite__FontSize: var(--global--font-size-xs);
  --blockquote-cite__FontStyle: normal;
  --blockquote-cite__FontWeight: var(--global--font-weight-medium);
  --blockquote-cite__LineHeight: var(--global--line-height-base);
  --blockquote-cite__LetterSpacing: var(--global--letter-spacing);
  --blockquote--large__FontSize: var(--global--font-size-lg);
  --blockquote--large__FontStyle: normal;
  --blockquote--large__LineHeight: var(--global--line-height-base);
  /* Forms */
  --label__Color: var(--global--color-secondary);
  --label__FontFamily: var(--global--font-family-base);
  --label__FontSize: var(--global--font-size-xs);
  --label__FontWeight: var(--global--font-weight-medium);
  --label__LetterSpacing: var(--global--letter-spacing);
  --input__Color: var(--global--color-content);
  --input__FontFamily: var(--global--font-family-content);
  --input__FontSize: var(--global--font-size-normal);
  --input__FontWeight: var(--global--font-weight-normal);
  --input__LineHeight: var(--global--line-height-base);
  --input__LetterSpacing: var(--global--letter-spacing);
  --input__BackgroundColor: rgba(255, 255, 255, 0.02);
  --input--hover__BackgroundColor: rgba(255, 255, 255, 0.04);
  --input--focus__BackgroundColor: var(--input--hover__BackgroundColor);
  --input__BorderWidth: 0 0 1px 0;
  --input__BorderColor: rgba(255, 255, 255, 0.15);
  --input--hover__BorderColor: var(--input__BorderColor);
  --input--focus__BorderColor: var(--global--color-accent);
  --input__BorderRadius: 0;
  --input__Transition: var(--global--transition);
  --select__Color: var(--input__Color);
  --select__FontFamily: var(--input__FontFamily);
  --select__FontSize: var(--input__FontSize);
  --select__FontWeight: var(--input__FontWeight);
  --select__LineHeight: var(--input__LineHeight);
  --select__LetterSpacing: var(--input__LetterSpacing);
  --select__BackgroundColor: #181818;
  --select--hover__BackgroundColor: #1c1c1c;
  --select--focus__BackgroundColor: var(--select--hover__BackgroundColor);
  --select__BorderWidth: var(--input__BorderWidth);
  --select__BorderColor: var(--input__BorderColor);
  --select--hover__BorderColor: var(--input--hover__BorderColor);
  --select--focus__BorderColor: var(--input--focus__BorderColor);
  --select__BorderRadius: var(--input__BorderRadius);
  --select__Transition: border-color 0.25s ease-in-out;
  --checkbox-label__FontWeight: var(--global--font-weight-normal);
  --post-password-form__FontSize: var(--global--font-size-normal);
  --post-password-form__LetterSpacing: var(--global--letter-spacing);
  --search-form-button__Color: var(--global--color-content);
  --search-form-button--hover__Color: var(--global--color-secondary-hover);
  /* Media */
  --caption__Color: var(--global--color-secondary);
  --caption__FontFamily: var(--global--font-family-base);
  --caption__FontSize: var(--global--font-size-xs);
  --caption__FontWeight: var(--global--font-weight-normal);
  --caption__LineHeight: var(--global--line-height-base);
  --caption__LetterSpacing: var(--global--letter-spacing);
  /* Misk */
  --selection__Color: var(--global--color-secondary-hover);
  --selection__BackgroundColor: var(--global--color-border);
  --mark__Color: var(--global--color-background);
  --mark__BackgroundColor: var(--global--color-accent);
  /* Links */
  --link__Color: var(--global--color-accent);
  --link--hover__Color: var(--global--color-accent-hover);
  /* Blocks */
  --wp-block-code__BackgroundColor: var(--global--color-background-secondary);
  --wp-block-code__BorderWidth: 1px;
  --wp-block-code__BorderColor: var(--wp-block-code__BackgroundColor);
  --wp-block-code__BorderRadius: var(--global--border-radius);
  --wp-block-code__Color: var(--global--color-content);
  --wp-block-code__FontFamily: var(--global--font-family-monospace);
  --wp-block-code__FontSize: var(--global--font-size-base);
  --wp-block-code__LineHeight: var(--global--line-height-base);
  --wp-block-code__LetterSpacing: var(--global--letter-spacing);
  --cover__Color: var(--global--color-primary);
  --cover__BackgroundColor: var(--global--color-background-secondary);
  --cover__Height: calc(var(--global--spacing-vertical) * 15);
  --headings__Color: var(--global--color-primary);
  --headings__FontFamily: var(--global--font-family-headings);
  --headings__FontWeight: var(--global--font-weight-bold);
  --headings--strong__FontWeight: var(--global--font-weight-bold);
  --headings__LineHeight: var(--global--line-height-heading);
  --headings-h1__FontSize: var(--global--font-size-xxxl);
  --headings-h1__LetterSpacing: var(--global--letter-spacing);
  --headings-h2__FontSize: var(--global--font-size-xxl);
  --headings-h2__LetterSpacing: var(--global--letter-spacing);
  --headings-h3__FontSize: var(--global--font-size-xl);
  --headings-h3__LetterSpacing: var(--global--letter-spacing);
  --headings-h4__FontSize: var(--global--font-size-lg);
  --headings-h4__LetterSpacing: var(--global--letter-spacing);
  --headings-h5__FontSize: var(--global--font-size-md);
  --headings-h5__LetterSpacing: var(--global--letter-spacing);
  --headings-h6__FontSize: var(--global--font-size-base);
  --headings-h6__LetterSpacing: var(--global--letter-spacing);
  --latest-posts--title__Color: var(--entry-title__Color);
  --latest-posts--title__FontFamily: var(--entry-title__FontFamily);
  --latest-posts--title__FontSize: var(--global--font-size-xl);
  --latest-posts--title__FontWeight: var(--entry-title__FontWeight);
  --latest-posts--title__LineHeight: var(--entry-title__LineHeight);
  --latest-posts--title__LetterSpacing: var(--entry-title__LetterSpacing);
  --pullquote__Color: var(--blockquote__Color);
  --pullquote__BorderWidth: var(--blockquote__BorderWidth);
  --pullquote__BorderColor: var(--blockquote__BorderColor);
  --pullquote__FontFamily: var(--blockquote__FontFamily);
  --pullquote__FontSize: var(--blockquote__FontSize);
  --pullquote__FontStyle: var(--blockquote__FontStyle);
  --pullquote__FontWeight: var(--blockquote__FontWeight);
  --pullquote__LineHeight: var(--blockquote__LineHeight);
  --pullquote__LetterSpacing: var(--blockquote__LetterSpacing);
  --pullquote-cite__Color: var(--blockquote-cite__Color);
  --pullquote-cite__FontFamily: var(--blockquote-cite__FontFamily);
  --pullquote-cite__FontSize: var(--blockquote-cite__FontSize);
  --pullquote-cite__FontStyle: var(--blockquote-cite__FontStyle);
  --pullquote-cite__FontWeight: var(--blockquote-cite__FontWeight);
  --pullquote-cite__LetterSpacing: var(--global--letter-spacing);
  --pullquote--solid__BackgroundColor: var(--global--color-background-secondary);
  --rss--title__Color: var(--entry-title__Color);
  --rss--title__FontFamily: var(--entry-title__FontFamily);
  --rss--title__FontSize: var(--global--font-size-lg);
  --rss--title__FontWeight: var(--entry-title__FontWeight);
  --rss--title__LineHeight: var(--entry-title__LineHeight);
  --rss--title__LetterSpacing: var(--entry-title__LetterSpacing);
  --separator__Height: 1px;
  --separator__BorderColor: var(--global--color-border);
  --table__FontFamily: var(--global--font-family-base);
  --table__FontSize: var(--global--font-size-sm);
  --table__LetterSpacing: var(--global--letter-spacing);
  --table--has-background__Color: var(--global--color-background-secondary);
  --table__BorderWidth: 1px;
  --table__BorderColor: var(--global--color-border);
  --table-header__Color: var(--global--color-primary);
  --table-footer__Color: var(--global--color-secondary);
  --table--stripes__BorderColor: var(--global--color-border);
  --table--stripes__BackgroundColor: var(--global--color-background-secondary);
  /* Site */
  --body__BackgroundColor: var(--global--color-background);
  /* Header */
  --site-title__Color: var(--global--color-primary);
  --site-title__FontFamily: var(--global--font-family-base);
  --site-title__FontSize: var(--global--font-size-normal);
  --site-title__FontWeight: var(--global--font-weight-medium);
  --site-title__LineHeight: var(--global--line-height-base);
  --site-title__LetterSpacing: 0.2em;
  --site-title__TextTransform: uppercase;
  --header-buttons__Color: var(--site-title__Color);
  --header-buttons--hover__Color: var(--header-buttons__Color);
  --header-buttons__FontFamily: var(--global--font-family-base);
  --header-buttons__FontSize: var(--global--font-size-xs);
  --header-buttons__FontWeight: var(--global--font-weight-medium);
  --header-buttons__LineHeight: 1;
  --header-buttons__TextTransform: none;
  --header-buttons__LetterSpacing: var(--global--letter-spacing);
  --site-title--on-menu__Color: var(--global--color-background);
  --header-buttons--on-menu__Color: var(--site-title--on-menu__Color);
  /* Footer */
  --footer-text__Color: var(--global--color-primary);
  --footer-copyright__Color: var(--footer-text__Color);
  --footer-copyright__FontFamily: var(--global--font-family-base);
  --footer-copyright__FontSize: var(--global--font-size-xs);
  --footer-copyright__FontWeight: var(--global--font-weight-medium);
  --footer-copyright__LineHeight: var(--global--line-height-base);
  --footer-copyright__LetterSpacing: var(--global--letter-spacing);
  /* Posts and Pages */
  --sticky-post__Color: var(--global--color-background);
  --sticky-post__BackgroundColor: var(--global--color-accent);
  --sticky-post__BorderWidth: 1px;
  --sticky-post__BorderColor: var(--sticky-post__BackgroundColor);
  --sticky-post__BorderRadius: 0.125rem;
  --page-links__Color: var(--global--color-secondary);
  --page-links--hover__Color: var(--global--color-background);
  --page-links--active__Color: var(--global--color-background);
  --page-links__FontFamily: var(--global--font-family-content);
  --page-links__FontSize: var(--global--font-size-sm);
  --page-links__FontWeight: var(--global--font-weight-semi-bold);
  --page-links__LiveHeight: 2;
  --page-links__LetterSpacing: var(--global--letter-spacing);
  --page-links__BackgroundColor: var(--global--color-background-secondary);
  --page-links--hover__BackgroundColor: var(--global--color-accent);
  --page-links--active__BackgroundColor: var(--page-links--hover__BackgroundColor);
  --page-links__BorderRadius: var(--global--border-radius);
  /* Entry */
  --entry-title__Color: var(--global--color-primary);
  --entry-title--hover__Color: var(--global--color-accent);
  --entry-title__FontFamily: var(--global--font-family-headings);
  --entry-title__FontSize: calc(1.875em + 0.75vw - 2.4px);
  --entry-title__FontWeight: var(--global--font-weight-bold);
  --entry-title__LineHeight: var(--global--line-height-heading);
  --entry-title__LetterSpacing: var(--global--letter-spacing);
  --page--single-title__FontSize: calc(2.25em + 1.5vw - 4.8px);
  --entry-meta__Color: var(--global--color-secondary);
  --entry-meta--hover__Color: var(--global--color-secondary-hover);
  --entry-meta__FontFamily: var(--global--font-family-base);
  --entry-meta__FontSize: var(--global--font-size-xs);
  --entry-meta__FontWeight: var(--global--font-weight-medium);
  --entry-meta__LineHeight: var(--global--line-height-base);
  --entry-meta__LetterSpacing: var(--global--letter-spacing);
  --entry-meta-underline__Color: rgba(126, 126, 126, 0.5);
  --entry-meta-underline--hover__Color: rgba(223, 223, 223, 0.75);
  --entry__thumbnail__BackgroundColor: var(--global--color-background-secondary);
  --entry-summary__Color: var(--global--color-primary);
  --entry-summary__FontFamily: var(--global--font-family-headings);
  --entry-summary__FontSize: var(--global--font-size-md);
  --entry-summary__FontWeight: var(--global--font-weight-normal);
  --entry-summary__LineHeight: var(--global--line-height-base);
  --entry-summary__LetterSpacing: var(--global--letter-spacing);
  --entry-content__Color: var(--global--color-content);
  --entry-content__FontFamily: var(--global--font-family-content);
  --more-link__Color: var(--entry-meta--hover__Color);
  --more-link--hover__Color: var(--entry-meta--hover__Color);
  --more-link__FontFamily: var(--entry-meta__FontFamily);
  --more-link__FontSize: var(--entry-meta__FontSize);
  --more-link__FontWeight: var(--entry-meta__FontWeight);
  --more-link__LineHeight: var(--entry-meta__LineHeight);
  --more-link__LetterSpacing: var(--entry-meta__LetterSpacing);
  --more-link-underline__Color: var(--entry-meta-underline__Color);
  --more-link-underline--hover__Color: var(--entry-meta-underline--hover__Color);
  --more-link-icon__BackgroundColor: transparent;
  --more-link-icon--hover__BackgroundColor: rgba(255, 255, 255, 0.05);
  --more-link-icon__BorderWidth: 0;
  --more-link-icon__BorderColor: transparent;
  --more-link-icon--hover__BorderColor: transparent;
  --entry-footer__Color: var(--entry-meta__Color);
  --entry-footer--hover__Color: var(--entry-meta--hover__Color);
  --entry-footer__FontFamily: var(--entry-meta__FontFamily);
  --entry-footer__FontSize: var(--entry-meta__FontSize);
  --entry-footer__FontWeight: var(--entry-meta__FontWeight);
  --entry-footer__LineHeight: var(--entry-meta__LineHeight);
  --entry-footer__LetterSpacing: var(--entry-meta__LetterSpacing);
  --tags-link-underline__Color: var(--entry-meta-underline__Color);
  --tags-link-underline--hover__Color: var(--entry-meta-underline--hover__Color);
  --byline__Color: var(--global--color-primary);
  --byline--hover__Color: var(--global--color-primary);
  --byline__FontFamily: var(--global--font-family-base);
  --byline__FontSize: var(--global--font-size-sm);
  --byline__FontWeight: var(--global--font-weight-medium);
  --byline__LetterSpacing: var(--global--letter-spacing);
  --byline-underline__Color: var(--entry-meta-underline__Color);
  --byline-underline--hover__Color: var(--entry-meta-underline--hover__Color);
  --fullscreen-featured-entry-title__FontSize: calc(1.875em + 1.875vw - 6px);
  --fullscreen-featured-entry-title__LineHeight: var(--global--line-height-heading);
  --fullscreen-featured-entry-title__LetterSpacing: var(--global--letter-spacing);
  --fullscreen-featured-entry-meta__Color: rgba(255, 255, 255, 0.75);
  --fullscreen-featured-entry-meta--hover__Color: rgba(255, 255, 255, 1);
  --fullscreen-featured-entry-meta-underline__Color: rgba(255, 255, 255, 0.35);
  --fullscreen-featured-entry-meta-underline--hover__Color: rgba(255, 255, 255, 0.75);
  /* Author Info */
  --author-info__BorderWidth: 1px;
  --author-info__BorderColor: var(--global--color-border);
  --author-info-title__Color: var(--global--color-primary);
  --author-info-title--hover__Color: var(--global--color-accent);
  --author-info-title__FontFamily: var(--global--font-family-headings);
  --author-info-title__FontSize: var(--global--font-size-lg);
  --author-info-title__FontWeight: var(--global--font-weight-bold);
  --author-info-title__LineHeight: var(--global--line-height-heading);
  --author-info-title__LetterSpacing: var(--global--letter-spacing);
  --author-info-bio__Color: var(--global--color-content);
  --author-info-bio__FontFamily: var(--global--font-family-content);
  --author-info-bio__FontSize: var(--global--font-size-normal);
  --author-info-bio__LineHeight: var(--global--line-height-base);
  --author-info-bio__LetterSpacing: var(--global--letter-spacing);
  /* Archives */
  --page-title__Color: var(--global--color-primary);
  --page-title__FontFamily: var(--global--font-family-headings);
  --page-title__FontSize: calc(2.25em + 1.5vw - 4.8px);
  --page-title__FontWeight: var(--entry-title__FontWeight);
  --page-title__LineHeight: var(--entry-title__LineHeight);
  --page-title__LetterSpacing: var(--global--letter-spacing);
  --archive-description__Color: var(--global--color-content);
  --archive-description__FontFamily: var(--global--font-family-content);
  --archive-description__FontSize: var(--global--font-size-normal);
  --archive-description__LineHeight: var(--global--line-height-base);
  --archive-description__LetterSpacing: var(--global--letter-spacing);
  --hero-page-title__FontFamily: var(--global--font-family-headings);
  --hero-page-title__FontSize: calc(2.625em + 3.375vw - 10.8px);
  --hero-page-title__FontWeight: var(--entry-title__FontWeight);
  --hero-page-title__LineHeight: var(--entry-title__LineHeight);
  --hero-page-title__LetterSpacing: var(--global--letter-spacing);
  /* 404 page */
  --error404-h1__Color: var(--global--color-red);
  --error404-h1__FontFamily: var(--global--font-family-headings);
  --error404-h1__FontSize: calc(6rem + 12.75vw - 40.8px);
  --error404-h1__FontWeight: var(--global--font-weight-bold);
  --error404-h1__LineHeight: 1;
  --error404-h1__LetterSpacing: var(--global--letter-spacing);
  --error404-p__Color: var(--global--color-content);
  --error404-p__FontFamily: var(--global--font-family-content);
  --error404-p__FontSize: var(--global--font-size-normal);
  --error404-p__LineHeight: var(--global--line-height-base);
  --error404-p__LetterSpacing: var(--global--letter-spacing);
  /* Search */
  --page-content__Color: var(--global--color-content);
  --page-content__FontFamily: var(--global--font-family-content);
  --page-content__FontSize: var(--global--font-size-normal);
  --page-content__LineHeight: var(--global--line-height-base);
  --page-content__LetterSpacing: var(--global--letter-spacing);
  /* Comments */
  --button-show-comments__Color: var(--global--color-primary);
  --button-show-comments--hover__Color: var(--global--color-primary);
  --button-show-comments__FontSize: var(--button__FontSize);
  --button-show-comments__FontWeight: var(--button__FontWeight);
  --button-show-comments__BackgroundColor: transparent;
  --button-show-comments--hover__BackgroundColor: var(--global--color-border);
  --button-show-comments__BorderWidth: var(--button__BorderWidth);
  --button-show-comments__BorderColor: var(--global--color-border);
  --button-show-comments--hover__BorderColor: var(--global--color-border);
  --comments-title__FontSize: var(--global--font-size-xl);
  --comment__BorderWidth: 1px;
  --comment__BorderColor: var(--global--color-border);
  --comment-author__Color: var(--global--color-primary);
  --comment-author--hover__Color: var(--global--color-accent);
  --comment-author__FontFamily: var(--global--font-family-headings);
  --comment-author__FontSize: var(--global--font-size-sm);
  --comment-author__FontWeight: var(--global--font-weight-semi-bold);
  --comment-author__LetterSpacing: var(--global--letter-spacing);
  --post-author-badge__Color: var(--global--color-background);
  --post-author-badge__BackgroundColor: var(--global--color-success);
  --comment-metadata__Color: var(--global--color-secondary);
  --comment-metadata__FontFamily: var(--global--font-family-base);
  --comment-metadata__FontSize: var(--global--font-size-xs);
  --comment-metadata__FontWeight: var(--global--font-weight-medium);
  --comment-metadata__LineHeight: var(--global--line-height-base);
  --comment-metadata__LetterSpacing: var(--global--letter-spacing);
  --comment-metadata-link__Color: var(--comment-metadata__Color);
  --comment-metadata-link--hover__Color: var(--global--color-secondary-hover);
  --comment-content__Color: var(--global--color-content);
  --comment-content__FontFamily: var(--global--font-family-content);
  --comment-content__FontSize: var(--global--font-size-normal);
  --comment-content__LineHeight: var(--global--line-height-base);
  --comment-content__LetterSpacing: var(--global--letter-spacing);
  --comment-reply-link__Color: var(--global--color-primary);
  --comment-reply-link--hover__Color: var(--global--color-primary);
  --comment-reply-link__FontFamily: var(--global--font-family-content);
  --comment-reply-link__FontSize: var(--global--font-size-xs);
  --comment-reply-link__FontWeight: var(--global--font-weight-semi-bold);
  --comment-reply-link__LetterSpacing: var(--global--letter-spacing);
  --comment-reply-link__BorderWidth: var(--button__BorderWidth);
  --comment-reply-link__BorderColor: var(--global--color-border);
  --comment-reply-link--hover__BackgroundColor: var(--global--color-border);
  --comment-reply-link__BorderRadius: var(--global--border-radius);
  --comment-notes__Color: var(--global--color-secondary);
  --comment-notes__FontFamily: var(--global--font-family-base);
  --comment-notes__FontSize: var(--global--font-size-xs);
  --comment-notes__FontWeight: var(--global--font-weight-normal);
  --comment-notes__LetterSpacing: var(--global--letter-spacing);
  --comment-notes-link__Color: var(--global--color-secondary);
  --comment-notes-link--hover__Color: var(--global--color-secondary);
  --comment-awaiting-moderation__Color: var(--global--color-danger);
  --comment-awaiting-moderation__FontWeight: var(--global--font-weight-normal);
  --no-comments__FontSize: var(--global--font-size-sm);
  --no-comments__FontWeight: var(--global--font-weight-normal);
  --no-comments__LineHeight: var(--global--line-height-base);
  --no-comments__LetterSpacing: var(--global--letter-spacing);
  --comment-reply-title-small__Color: var(--global--color-secondary);
  --comment-reply-title-small--hover__Color: var(--global--color-secondary-hover);
  --comment-reply-title-small__FontWeight: var(--global--font-weight-normal);
  /* Navigation */
  --main-nav__BackgroundColor: var(--global--color-accent);
  --main-nav-link__Color: var(--global--color-background);
  --main-nav-link--hover__Color: var(--global--color-background);
  --main-nav-link__FontFamily: var(--global--font-family-headings);
  --main-nav-link__FontSize: calc(1.875rem + 7.125vw - 22.8px);
  --main-nav-link__FontWeight: var(--global--font-weight-bold);
  --main-nav-link__LineHeight: 1.15;
  --main-nav-link__LetterSpacing: var(--global--letter-spacing);
  --main-nav-link--current__Color: var(--main-nav-link--hover__Color);
  --main-nav-sub-menu-link__Color: var(--global--color-background);
  --main-nav-sub-menu-link--hover__Color: var(--global--color-background);
  --main-nav-sub-menu-link__FontFamily: var(--global--font-family-base);
  --main-nav-sub-menu-link__FontSize: calc(0.875rem + 0.125vw - 0.4px);
  --main-nav-sub-menu-link__FontWeight: var(--global--font-weight-normal);
  --main-nav-sub-menu-link__LineHeight: var(--global--line-height-heading);
  --main-nav-sub-menu-link__LetterSpacing: var(--global--letter-spacing);
  --main-nav-sub-menu-link--current__Color: var(--main-nav-sub-menu-link--hover__Color);
  --main-nav-secondary-menu-link__FontSize: calc(1.125rem + 0.75vw - 2.4px);
  /* Social Navigation */
  --social-nav__Color: var(--footer-text__Color);
  --social-nav--hover__Color: var(--footer-text__Color);
  --social-nav-underline__Color: var(--global--color-primary);
  --social-nav__FontFamily: var(--global--font-family-base);
  --social-nav__FontSize: var(--global--font-size-xs);
  --social-nav__FontWeight: var(--global--font-weight-medium);
  --social-nav__LineHeight: var(--global--line-height-base);
  --social-nav__LetterSpacing: var(--global--letter-spacing);
  /* Pagination */
  --post-nav__BorderWidth: 1px;
  --post-nav__BorderColor: var(--global--color-border);
  --post-nav-link__Color: var(--global--color-primary);
  --post-nav-link--hover__Color: var(--global--color-accent);
  --post-nav-meta__Color: var(--global--color-secondary);
  --post-nav-meta__FontFamily: var(--global--font-family-base);
  --post-nav-meta__FontSize: var(--global--font-size-xs);
  --post-nav-meta__FontWeight: var(--global--font-weight-medium);
  --post-nav-meta__TextTransform: uppercase;
  --post-nav-meta__LetterSpacing: 0.15em;
  --post-nav-title__FontFamily: var(--global--font-family-headings);
  --post-nav-title__FontSize: var(--global--font-size-lg);
  --post-nav-title__FontWeight: var(--global--font-weight-bold);
  --post-nav-title__LineHeight: var(--global--line-height-heading);
  --post-nav-title__LetterSpacing: var(--global--letter-spacing);
  --pagination__Color: var(--global--color-secondary);
  --pagination__FontFamily: var(--global--font-family-headings);
  --pagination__FontSize: calc(1.3125rem + 0.1875vw - 0.6px);
  --pagination__FontWeight: var(--global--font-weight-semi-bold);
  --pagination__LetterSpacing: var(--global--letter-spacing);
  --pagination--current__Color: var(--global--color-primary);
  --pagination--hover__Color: var(--pagination--current__Color);
  --pagination__BorderColor: var(--global--color-secondary);
  --comment-nav__BorderWidth: 1px;
  --comment-nav__BorderColor: var(--global--color-border);
  --comment-nav__Color: var(--global--color-secondary);
  --comment-nav--hover__Color: var(--global--color-secondary-hover);
  --comment-nav__FontFamily: var(--global--font-family-base);
  --comment-nav__FontSize: var(--global--font-size-xs);
  --comment-nav__FontWeight: var(--global--font-weight-medium);
  --comment-nav__LetterSpacing: var(--global--letter-spacing);
  /* Sidebar */
  --sidebar__BackgroundColor: var(--global--color-background-secondary);
  --sidebar__BorderColor: var(--global--color-border);
  --sidebar-text--primary__Color: var(--global--color-primary);
  --sidebar-text--secondary__Color: var(--global--color-secondary);
  --sidebar-text--secondary--hover__Color: var(--global--color-secondary-hover);
  --sidebar-link__Color: var(--global--color-content);
  --sidebar-link--hover__Color: var(--global--color-accent);
  --button--sidebar-opener__Color: var(--sidebar-text--primary__Color);
  --button--sidebar-opener__BackgroundColor: var(--global--color-background-secondary);
  --sidebar-overlay__BackgroundColor: #000000;
  /* Widgets */
  --widget__BorderWidth: 1px;
  --widget__BorderColor: var(--sidebar__BorderColor);
  --widget-title__Color: var(--sidebar-text--primary__Color);
  --widget-title__FontFamily: var(--global--font-family-headings);
  --widget-title__FontSize: var(--global--font-size-xl);
  --widget-title__FontWeight: var(--global--font-weight-bold);
  --widget-title__LetterSpacing: var(--global--letter-spacing);
  --widget-calendar-caption__Color: var(--sidebar-text--secondary__Color);
  --widget-calendar-caption__FontSize: var(--global--font-size-sm);
  --widget-calendar-caption__FontWeight: var(--global--font-weight-medium);
  --widget-calendar-caption__LetterSpacing: var(--global--letter-spacing);
  --widget-calendar-nav__LetterSpacing: var(--global--letter-spacing);
  --widget-recent-entries-link__LetterSpacing: var(--global--letter-spacing);
  --widget-recent-entries-date__LetterSpacing: var(--global--letter-spacing);
  --widget-recent-comments__LetterSpacing: var(--global--letter-spacing);
  --widget-recent-comments-link__LetterSpacing: var(--global--letter-spacing);
  --widget-rss-title__LetterSpacing: var(--global--letter-spacing);
  --widget-rss-date__LetterSpacing: var(--global--letter-spacing);
  --widget-rss-summary__LetterSpacing: var(--global--letter-spacing);
  --tag-cloud-link__Color: var(--sidebar-text--secondary__Color);
  --tag-cloud-link--hover__Color: var(--sidebar-text--secondary--hover__Color);
  --tag-cloud-link__FontFamily: var(--entry-meta__FontFamily);
  --tag-cloud-link__FontSize: var(--global--font-size-xs);
  --tag-cloud-link__FontWeight: var(--entry-meta__FontWeight);
  --tag-cloud-link__LineHeight: var(--entry-meta__LineHeight);
  --tag-cloud-link__LetterSpacing: var(--entry-meta__LetterSpacing);
  --tag-cloud-link-underline__Color: var(--entry-meta-underline__Color);
  --tag-cloud-link-underline--hover__Color: var(--entry-meta-underline--hover__Color);
  --tag-cloud-link-count__Color: var(--tag-cloud-link__Color);
  --tag-cloud-link-count--hover__Color: var(--tag-cloud-link--hover__Color);
  --tag-cloud-link-count__FontWeight: var(--global--font-weight-normal);
  --widget-search-input__Color: var(--sidebar-link__Color);
  --widget-search-input__BackgroundColor: rgba(255, 255, 255, 0.05);
  --widget-search-input--hover__BackgroundColor: rgba(255, 255, 255, 0.075);
  --widget-search-button__Color: rgba(255, 255, 255, 0.25);
  --widget-search-button--hover__Color: rgba(255, 255, 255, 0.5);
  --textwidget__FontFamily: var(--global--font-family-content);
  --textwidget__Color: var(--sidebar-text--secondary__Color);
  --textwidget__FontSize: var(--global--font-size-normal);
  --textwidget__LineHeight: 1.5;
  --textwidget__LetterSpacing: var(--global--letter-spacing);
  /* Post Items */
  --post-item__BorderWidth: 1px;
  --post-item__BorderColor: var(--global--color-border);
  --post-item-title__Color: var(--entry-title__Color);
  --post-item-title--hover__Color: var(--entry-title--hover__Color);
  --post-item-title__FontFamily: var(--entry-title__FontFamily);
  --post-item-title__FontSize: calc(1.875em + 0.375vw - 1.2px);
  --post-item-title__FontWeight: var(--entry-title__FontWeight);
  --post-item-title__LineHeight: var(--global--line-height-heading);
  --post-item-title__LetterSpacing: var(--entry-title__LetterSpacing);
  --post-item-meta__Color: var(--entry-meta__Color);
  --post-item-meta--hover__Color: var(--entry-meta--hover__Color);
  --post-item-meta__FontFamily: var(--entry-meta__FontFamily);
  --post-item-meta__FontSize: var(--entry-meta__FontSize);
  --post-item-meta__FontWeight: var(--entry-meta__FontWeight);
  --post-item-meta__LineHeight: var(--entry-meta__LineHeight);
  --post-item-meta__LetterSpacing: var(--entry-meta__LetterSpacing);
  --post-item-meta-underline__Color: var(--entry-meta-underline__Color);
  --post-item-meta-underline--hover__Color: var(--entry-meta-underline--hover__Color);
  /* Post Cards */
  --post-card__BackgroundColor: var(--global--color-background-secondary);
  --post-card__BorderRadius: var(--global--border-radius);
  --post-card__thumbnail__BackgroundColor: var(--entry__thumbnail__BackgroundColor);
  --post-card-title__Color: var(--entry-title__Color);
  --post-card-title--hover__Color: var(--entry-title--hover__Color);
  --post-card-title__FontFamily: var(--entry-title__FontFamily);
  --post-card-title__FontSize: var(--global--font-size-lg);
  --post-card-title__FontWeight: var(--entry-title__FontWeight);
  --post-card-title__LineHeight: var(--global--line-height-heading);
  --post-card-title__LetterSpacing: var(--entry-title__LetterSpacing);
  --post-card-meta__Color: var(--entry-meta__Color);
  --post-card-meta--hover__Color: var(--entry-meta--hover__Color);
  --post-card-meta__FontFamily: var(--entry-meta__FontFamily);
  --post-card-meta__FontSize: var(--entry-meta__FontSize);
  --post-card-meta__FontWeight: var(--entry-meta__FontWeight);
  --post-card-meta__LineHeight: var(--entry-meta__LineHeight);
  --post-card-meta__LetterSpacing: var(--entry-meta__LetterSpacing);
  --post-card-meta-underline__Color: var(--entry-meta-underline__Color);
  --post-card-meta-underline--hover__Color: var(--entry-meta-underline--hover__Color);
  --post-card-content__Color: var(--entry-content__Color);
  --post-card-content__FontFamily: var(--entry-content__FontFamily);
  --post-card-content__FontSize: var(--global--font-size-normal);
  --post-card-content__LineHeight: var(--global--line-height-base);
  --post-card-content__LetterSpacing: var(--global--letter-spacing);
  --post-card-footer__Color: var(--entry-footer__Color);
  --post-card-footer--hover__Color: var(--entry-footer--hover__Color);
  --post-card-footer__FontFamily: var(--entry-footer__FontFamily);
  --post-card-footer__FontSize: var(--entry-footer__FontSize);
  --post-card-footer__FontWeight: var(--entry-footer__FontWeight);
  --post-card-footer__LineHeight: var(--entry-footer__LineHeight);
  --post-card-footer__LetterSpacing: var(--entry-footer__LetterSpacing);
  --post-card-image-title__Color: var(--post-card-title__Color);
  --post-card-image-title--hover__Color: var(--post-card-image-title__Color);
  --post-card-image-meta__Color: var(--fullscreen-featured-entry-meta__Color);
  --post-card-image-meta--hover__Color: var(--fullscreen-featured-entry-meta--hover__Color);
  --post-card-image-meta-underline__Color: var(--fullscreen-featured-entry-meta-underline__Color);
  --post-card-image-meta-underline--hover__Color: var(--fullscreen-featured-entry-meta-underline--hover__Color);
  /* Related Posts */
  --related-posts__BorderWidth: 1px;
  --related-posts__BorderColor: var(--global--color-border);
  --related-posts-title__Color: var(--global--color-primary);
  --related-posts-title__FontFamily: var(--global--font-family-base);
  --related-posts-title__FontSize: var(--global--font-size-xl);
  --related-posts-title__FontWeight: var(--global--font-weight-bold);
  --related-posts-title__LineHeight: var(--global--line-height-base);
  --related-posts-title__LetterSpacing: 0;
  --related-posts-title__TextTransform: none;
  /* Magic Cursor */
  --magic-cursor__Width: 40px;
  --magic-cursor__Color: rgba(255, 255, 255, 0.25);
  --magic-cursor--hover__Color: rgba(255, 255, 255, 0.25);
  --magic-cursor__Color--inverse: rgba(0, 0, 0, 0.15);
  --magic-cursor--transparent__BackgroundColor: rgba(255, 255, 255, 0.05);
  --magic-cursor--transparent__BackgroundColor--inverse: rgba(0, 0, 0, 0.075);
  --magic-cursor--colored__Color: var(--global--color-danger);
  --magic-cursor-text__Color: var(--global--color-primary);
  --magic-cursor-icon__Color: rgba(255, 255, 255, 0.75);
  --magic-cursor-caption-title__Color: var(--magic-cursor-text__Color);
  --magic-cursor-caption-title__BackgroundColor: var(--global--color-background);
  --magic-cursor-caption-category__Color: var(--magic-cursor-text__Color);
  --magic-cursor-caption-category__BackgroundColor: var(--global--color-background);
  /* Multisites */
  --mu-register__Color: var(--global--color-content);
  --mu-register__FontSize: var(--global--font-size-normal);
  --mu-register-form__FontFamily: var(--global--font-family-content);
  --mu_alert__Color: var(--global--color-danger);
  --mu_alert__FontFamily: var(--global--font-family-base);
  --mu_alert__FontSize: var(--global--font-size-xs);
  --mu_alert__FontWeight: var(--global--font-weight-medium);
  --mu-alert__LetterSpacing: var(--global--letter-spacing);
  --mu_alert__BorderColor: var(--global--color-danger);
  --mu-alert-label__LetterSpacing: var(--global--letter-spacing);
  /* Customizer */
  --customizer-placeholder-title__FontFamily: var(--global--font-family-headings);
  --customizer-placeholder-title__FontSize: var(--global--font-size-sm);
  --customizer-placeholder-title__FontWeight: var(--global--font-weight-bold);
  --customizer-placeholder-title__LetterSpacing: var(--global--letter-spacing);
  /*  Uka Share Buttons */
  --share-links__Color: var(--entry-footer__Color);
  --share-links--hover__Color: var(--entry-footer--hover__Color);
  --share-links__FontFamily: var(--entry-footer__FontFamily);
  --share-links__FontSize: var(--entry-footer__FontSize);
  --share-links__FontWeight: var(--entry-footer__FontWeight);
  --share-links__LineHeight: var(--entry-footer__LineHeight);
  --share-links__LetterSpacing: var(--entry-footer__LetterSpacing);
  --share-links-title__Color: var(--share-links__Color);
  /* Uka Portfolio */
  --portfolio-meta-item__FontFamily: var(--entry-meta__FontFamily);
  --portfolio-meta-item__FontSize: var(--entry-meta__FontSize);
  --portfolio-meta-item__FontWeight: var(--entry-meta__FontWeight);
  --portfolio-meta-item__LineHeight: var(--entry-meta__LineHeight);
  --portfolio-meta-item__LetterSpacing: var(--entry-meta__LetterSpacing);
  --portfolio-meta-item-title__Color: rgba(255, 255, 255, 0.5);
  --portfolio-meta-item-description__Color: rgba(255, 255, 255, 0.75);
  --portfolio-meta-item-description-link__Color: var(--portfolio-meta-item-description__Color);
  --portfolio-meta-item-description-link--hover__Color: var(--global--color-primary);
  --portfolio-item-nav-meta__Color: var(--fullscreen-featured-entry-meta__Color);
  --portfolio-item-nav-meta--hover__Color: var(--fullscreen-featured-entry-meta--hover__Color);
  --portfolio-item-nav-meta__FontFamily: var(--entry-meta__FontFamily);
  --portfolio-item-nav-meta__FontSize: var(--entry-meta__FontSize);
  --portfolio-item-nav-meta__FontWeight: var(--entry-meta__FontWeight);
  --portfolio-item-nav-meta__LineHeight: var(--entry-meta__LineHeight);
  --portfolio-item-nav-meta__LetterSpacing: var(--entry-meta__LetterSpacing);
  --portfolio-item-nav-meta-underline__Color: var(--fullscreen-featured-entry-meta-underline__Color);
  --portfolio-item-nav-meta-underline--hover__Color: var(--fullscreen-featured-entry-meta-underline--hover__Color);
  --portfolio-item-nav-title__Color: var(--entry-title__Color);
  --portfolio-item-nav-title--hover__Color: var(--entry-title__Color);
  --portfolio-item-nav-title__FontFamily: var(--entry-title__FontFamily);
  --portfolio-item-nav-title__FontSize: var(--fullscreen-featured-entry-title__FontSize);
  --portfolio-item-nav-title__FontWeight: var(--entry-title__FontWeight);
  --portfolio-item-nav-title__LineHeight: var(--fullscreen-featured-entry-title__LineHeight);
  --portfolio-item-title__LetterSpacing: var(--fullscreen-featured-entry-title__LetterSpacing);
  --carousel-scrollbar__BackgroundColor: rgba(255, 255, 255, 0.25);
  --carousel-scrollbar-drag__BackgroundColor: rgba(255, 255, 255, 0.75);
  --carousel-pagination__Color: rgba(255, 255, 255, 0.75);
  --carousel-pagination__FontFamily: var(--global--font-family-base);
  --carousel-pagination__FontSize: var(--global--font-size-xs);
  --carousel-pagination__FontWeight: var(--global--font-weight-medium);
  --carousel-pagination__LineHeight: 2.33333;
  --carousel-item-line__Color: rgba(255, 255, 255, 0.25);
  --carousel-item-title__Color: var(--entry-title__Color);
  --carousel-item-title--hover__Color: var(--entry-title__Color);
  --carousel-item-title__FontFamily: var(--entry-title__FontFamily);
  --carousel-item-title__FontSize: calc(1.875rem + 1.125vw - 3.6px);
  --carousel-item-title__FontWeight: var(--entry-title__FontWeight);
  --carousel-item-title__LineHeight: var(--entry-title__LineHeight);
  --carousel-item-title__LetterSpacing: var(--entry-title__LetterSpacing);
  --carousel-item-meta__Color: var(--fullscreen-featured-entry-meta__Color);
  --carousel-item-meta--hover__Color: var(--fullscreen-featured-entry-meta--hover__Color);
  --carousel-item-meta__FontFamily: var(--entry-meta__FontFamily);
  --carousel-item-meta__FontSize: var(--entry-meta__FontSize);
  --carousel-item-meta__FontWeight: var(--entry-meta__FontWeight);
  --carousel-item-meta__LineHeight: var(--entry-meta__LineHeight);
  --carousel-item-meta__LetterSpacing: var(--entry-meta__LetterSpacing);
  --carousel-item-meta-underline__Color: var(--fullscreen-featured-entry-meta-underline__Color);
  --carousel-item-meta-underline--hover__Color: var(--fullscreen-featured-entry-meta-underline--hover__Color);
}

body .sidebar {
  --select__BackgroundColor: #292929;
  --select--hover__BackgroundColor: #2e2e2e;
  --select--focus__BackgroundColor: #2e2e2e;
}

/*--------------------------------------------------------------
GENERIC
--------------------------------------------------------------*/

/*! 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 {
  -webkit-box-sizing: content-box;
  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 */
  -webkit-text-decoration-style: dotted;
  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 {
  -webkit-box-sizing: border-box;
  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"] {
  -webkit-box-sizing: border-box;
  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
--------------------------------------------------------------*/

:root {
  --responsive--spacing-horizontal: calc(3.75vw + 8px);
  --responsive--aligndefault-width: calc(100vw - 2 * var(--responsive--spacing-horizontal) - var(--scrollbar-width));
  --responsive--alignwide-width: calc(100vw - 2 * var(--responsive--spacing-horizontal) - var(--scrollbar-width));
  --responsive--alignfull-width: 100%;
  --responsive--alignleft-margin: var(--global--spacing-horizontal);
  --responsive--alignright-margin: var(--global--spacing-horizontal);
}

.default-max-width,
.wp-block-audio figcaption,
.wp-block-gallery .blocks-gallery-caption,
.wp-block-image figcaption,
table figcaption,
.wp-block-table figcaption,
.wp-block-video figcaption,
.entry__content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce),
*[class*="inner-container"] > *:not(.entry__content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce),
.entry__header,
.entry__summary,
.entry__content .wp-audio-shortcode,
.entry__footer,
.attachment .entry__attachment figcaption,
.post-template-fullscreen-featured-post .entry__title,
.post-template-fullscreen-featured-post .entry__meta,
.page-template-fullscreen-featured-page .entry__title,
.page-template-fullscreen-featured-page .entry__meta,
.single-portfolio .entry__title,
.single-portfolio .entry__meta,
.author-info,
.page__header,
body:not(.posts-list-layout--classic) .page__header:not(.page__header--hero) > *,
body[class*="portfolio-layout--"] .page__header:not(.page__header--hero) > *,
.no-results.not-found .page__content,
.comments-area,
.post-navigation-area,
.portfolio-item-navigation .portfolio-item__meta,
.portfolio-item-navigation .portfolio-item__title {
  max-width: var(--responsive--aligndefault-width);
  margin-left: auto;
  margin-right: auto;
}

.wide-max-width,
.alignwide,
.loop-container,
.entry__thumbnail,
body:not(.posts-list-layout--classic) .page__header:not(.page__header--hero),
body[class*="portfolio-layout--"] .page__header:not(.page__header--hero),
.page__header.page__header--hero,
.main-navigation__container,
.pagination,
.related-posts,
.posts-list-layout--list-simple-v1:not([class*="portfolio-layout--"]) .pagination {
  max-width: var(--responsive--alignwide-width);
  margin-left: auto;
  margin-right: auto;
}

.full-max-width,
.alignfull,
.post-template-fullscreen-featured-post .entry__header,
.page-template-fullscreen-featured-page .entry__header,
.single-portfolio .entry__header,
.loop-container.loop-container--portfolio-grid-bricks {
  max-width: var(--responsive--alignfull-width);
  width: var(--responsive--alignfull-width);
  margin-left: auto;
  margin-right: auto;
}

.alignwide [class*="inner-container"] > .alignwide,
.alignfull [class*="inner-container"] > .alignwide {
  max-width: var(--responsive--alignfull-width);
  width: var(--responsive--alignwide-width);
  margin-left: auto;
  margin-right: auto;
}

.header__container,
.footer__container,
.single-portfolio .entry__info,
.loop-container.loop-container--portfolio-list-chess,
.loop-container.loop-container--portfolio-grid-3-col-v2,
.loop-container.loop-container--portfolio-grid-creative,
.loop-container.loop-container--portfolio-grid-metro,
.loop-container.loop-container--portfolio-large-thumbnails {
  max-width: var(--responsive--alignfull-width);
  width: calc(var(--responsive--alignfull-width) - 2 * var(--responsive--spacing-horizontal));
  margin-left: auto;
  margin-right: auto;
}

.entry__content > .alignleft {
  margin-left: var(--responsive--alignleft-margin);
  margin-right: var(--responsive--spacing-horizontal);
}

.entry__content > .alignright {
  margin-left: var(--responsive--spacing-horizontal);
  margin-right: var(--responsive--alignright-margin);
}

/*--------------------------------------------------------------
Site Structure
--------------------------------------------------------------*/

/* Top Level Wrappers (header, content, footer) */

.header {
  padding-top: calc(0.875rem + 1.75vw - 5.6px);
  padding-bottom: calc(0.875rem + 1.75vw - 5.6px);
}

.content,
.portfolio-item-navigation .nav-next {
  padding-top: calc(10.5rem + 7vw - 22.4px);
  padding-bottom: calc(12.25rem + 3.5vw - 11.2px);
}

.error404 .content {
  padding-top: 10.5rem;
  padding-bottom: 12.25rem;
}

.page-template-blank-v2-page .content,
.post-template-fullscreen-featured-post .content,
.page-template-fullscreen-featured-page .content,
.single-portfolio .content {
  padding-top: 0;
}

.page-template-blank-v3-page .content {
  padding-top: 0;
  padding-bottom: 0;
}

.single-portfolio.has-portfolio-item-navigation .content {
  padding-bottom: 0;
}

.footer {
  padding-top: calc(1.375rem + 1.75vw - 5.6px);
  padding-bottom: calc(1.375rem + 1.75vw - 5.6px);
}

.main-navigation__container {
  padding-top: calc(10.5rem + 5.25vw - 16.8px);
  padding-bottom: var(--global--spacing-vertical);
}

/* Content-area children wrappers */

.content-area > * {
  margin-top: calc(5.25rem + 3.5vw - 11.2px);
  margin-bottom: calc(5.25rem + 3.5vw - 11.2px);
}

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

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

/* Main-content children wrappers */

.main-content > * {
  margin-top: calc(5.25rem + 1.75vw - 5.6px);
  margin-bottom: calc(5.25rem + 1.75vw - 5.6px);
}

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

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

.main-content > *.page__header--hidden {
  margin-bottom: 0;
}

.main-content > *.page__header--hidden + * {
  margin-top: 0;
}

.page__header {
  margin-bottom: calc(5.25rem + 3.5vw - 11.2px);
}

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

/* Block & non-gutenberg content wrappers */

.main-content > article > * {
  margin-top: calc(1.75rem + 0.875vw - 2.8px);
  margin-bottom: calc(1.75rem + 0.875vw - 2.8px);
  margin-right: auto;
  margin-left: auto;
}

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

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

.singular .entry__header {
  margin-bottom: calc(1.75rem + 1.75vw - 14px);
}

.singular .entry__thumbnail {
  margin-top: calc(1.75rem + 1.75vw - 5.6px);
  margin-bottom: calc(1.75rem + 1.75vw - 5.6px);
}

.post-template-fullscreen-featured-post .entry__header,
.page-template-fullscreen-featured-page .entry__header,
.single-portfolio .entry__header {
  margin-bottom: calc(1.75rem + 3.5vw - 11.2px);
  padding-top: calc(10.5rem + 7vw - 22.4px);
  padding-bottom: calc(10.5rem + 7vw - 22.4px);
}

/* Block & non-gutenberg content wrapper children */

.entry__content > *,
[class*="inner-container"] > *,
.wp-block-template-part > * {
  margin-top: var(--global--spacing-vertical);
  margin-bottom: var(--global--spacing-vertical);
}

.entry__content > *:first-child,
[class*="inner-container"] > *:first-child,
.wp-block-template-part > *:first-child {
  margin-top: 0;
}

.entry__content > *:last-child,
[class*="inner-container"] > *:last-child,
.wp-block-template-part > *:last-child {
  margin-bottom: 0;
}

.widget-area > * {
  margin-top: calc(var(--global--spacing-vertical) * 2);
  margin-bottom: calc(var(--global--spacing-vertical) * 2);
}

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

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

/* .entry-content children specific controls */

.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
--------------------------------------------------------------*/

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 {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: var(--global--font-family-base);
  font-size: var(--html--font-size);
  line-height: var(--global--line-height-base);
}

/**
 * Relax the definition a bit, to allow components to override it manually.
 */

*,
*::before,
*::after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

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

button {
  cursor: pointer;
}

/*--------------------------------------------------------------
Clearings
--------------------------------------------------------------*/

.clear::after,
.header::after,
.content::after,
.footer::after,
.entry__content::after,
.entry__summary::after,
.tags-links::after,
.comment-content::after,
.page-links::after,
.tagcloud::after,
.textwidget::after {
  content: "";
  display: block;
  clear: both;
}

/*--------------------------------------------------------------
Animations
--------------------------------------------------------------*/

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate(-100%) matrix(1, 0, 0, 1, 0, 0);
    transform: translate(-100%) matrix(1, 0, 0, 1, 0, 0);
  }

  to {
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
    transform: matrix(1, 0, 0, 1, 0, 0);
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate(-100%) matrix(1, 0, 0, 1, 0, 0);
    transform: translate(-100%) matrix(1, 0, 0, 1, 0, 0);
  }

  to {
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
    transform: matrix(1, 0, 0, 1, 0, 0);
  }
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate(100%) matrix(1, 0, 0, 1, 0, 0);
    transform: translate(100%) matrix(1, 0, 0, 1, 0, 0);
  }

  to {
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
    transform: matrix(1, 0, 0, 1, 0, 0);
  }
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate(100%) matrix(1, 0, 0, 1, 0, 0);
    transform: translate(100%) matrix(1, 0, 0, 1, 0, 0);
  }

  to {
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
    transform: matrix(1, 0, 0, 1, 0, 0);
  }
}

@-webkit-keyframes rotate90 {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes rotate90 {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes rotate45 {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0, 45deg);
    transform: translate3d(0, 0, 0, 45deg);
  }
}

@keyframes rotate45 {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0, 45deg);
    transform: translate3d(0, 0, 0, 45deg);
  }
}

/* Onscroll animations */

body:not(.no-js):not(.katrien-customizer).scroll-animations--enabled .animation--fade-in-up {
  opacity: 0;
  -webkit-transform: translateY(60px);
  transform: translateY(60px);
}

body:not(.no-js):not(.katrien-customizer).scroll-animations--enabled .animation--fade-in-up.animated {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
  -webkit-transition-duration: 0.8s;
  transition-duration: 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 1);
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 1);
}

/*--------------------------------------------------------------
VENDORS
--------------------------------------------------------------*/

/*!
 * animsition v4.0.2
 * A simple and easy jQuery plugin for CSS animated page transitions.
 * http://blivesta.github.io/animsition
 * License : MIT
 * Author : blivesta (http://blivesta.com/)
 */

.animsition {
  position: relative;
  opacity: 0;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fade-in {
  -webkit-animation-name: fade-in;
  animation-name: fade-in;
}

@-webkit-keyframes fade-out {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fade-out {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.fade-out {
  -webkit-animation-name: fade-out;
  animation-name: fade-out;
}

/**
 * Swiper 6.4.5
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2020 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: December 18, 2020
 */

@font-face {
  font-family: 'swiper-icons';
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal;
}

:root {
  --swiper-theme-color: #007aff;
}

.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.swiper-container-multirow-column > .swiper-wrapper {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-slide {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}

/* 3D Effects */

.swiper-container-3d {
  -webkit-perspective: 1200px;
  perspective: 1200px;
}

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* CSS Mode */

.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}

.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: x mandatory;
  scroll-snap-type: x mandatory;
}

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: y mandatory;
  scroll-snap-type: y mandatory;
}

:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
  content: 'prev';
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
  content: 'next';
}

.swiper-button-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
  --swiper-navigation-color: #ffffff;
}

.swiper-button-prev.swiper-button-black,
.swiper-button-next.swiper-button-black {
  --swiper-navigation-color: #000000;
}

.swiper-button-lock {
  display: none;
}

:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  */
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms opacity;
  transition: 300ms opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

/* Common Styles */

.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}

/* Bullets */

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: 200ms top, 200ms -webkit-transform;
  transition: 200ms top, 200ms -webkit-transform;
  transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top, 200ms -webkit-transform;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms left, 200ms -webkit-transform;
  transition: 200ms left, 200ms -webkit-transform;
  transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left, 200ms -webkit-transform;
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms right, 200ms -webkit-transform;
  transition: 200ms right, 200ms -webkit-transform;
  transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right, 200ms -webkit-transform;
}

/* Progress */

.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-white {
  --swiper-pagination-color: #ffffff;
}

.swiper-pagination-black {
  --swiper-pagination-color: #000000;
}

.swiper-pagination-lock {
  display: none;
}

/* Scrollbar */

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
}

/* Preloader */

:root {
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  */
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s infinite linear;
  animation: swiper-preloader-spin 1s infinite linear;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/* a11y */

.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube {
  overflow: visible;
}

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}

.swiper-container-flip {
  overflow: visible;
}

.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* Magnific Popup CSS */

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-backface-visibility: hidden;
}

.mfp-with-zoom.mfp-ready .mfp-container {
  opacity: 1;
}

.mfp-with-zoom.mfp-ready.mfp-bg {
  opacity: 0.85;
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
  opacity: 0;
}

.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #000;
  opacity: 0.85;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.mfp-container::before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur {
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: pointer;
}

.mfp-zoom {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: var(--global--color-secondary);
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}

.mfp-preloader a {
  color: var(--global--color-secondary);
}

.mfp-preloader a:hover {
  color: var(--global--color-secondary-hover);
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background-color: transparent !important;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 40px;
  height: 40px;
  line-height: 40px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  color: var(--global--color-white) !important;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
  font-weight: 400;
  border-radius: 2px;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  right: -20px;
  top: 20px;
  background-color: #000 !important;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  margin: 0;
  top: 50%;
  margin-top: -40px;
  padding: 0;
  width: 80px;
  height: 80px;
  -webkit-tap-highlight-color: transparent;
}

.mfp-arrow:before {
  content: '';
  display: block;
  width: 40px;
  height: 60px;
  position: absolute;
  left: 50%;
  top: 50%;
  background-color: #000;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  border-radius: 2px;
}

.mfp-arrow:after {
  content: '';
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  left: 50%;
  top: 50%;
  border-width: 2px 2px 0 0;
  border-style: solid;
  border-color: var(--global--color-white);
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}

.mfp-arrow-left {
  left: 0;
}

.mfp-arrow-left:after {
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(-135deg);
  transform: translate3d(-50%, -50%, 0) rotate(-135deg);
}

.mfp-arrow-right {
  right: 0;
}

.mfp-arrow-right:after {
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg);
  transform: translate3d(-50%, -50%, 0) rotate(45deg);
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */

img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */

.mfp-figure {
  line-height: 0;
}

.mfp-figure::after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: var(--global--color-background-secondary);
}

.mfp-figure small {
  color: var(--global--color-secondary);
  display: block;
  font-size: 12px;
  line-height: 14px;
}

.mfp-figure figure {
  margin: 0;
}

.mfp-figure figcaption {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: var(--global--color-content);
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

/*--------------------------------------------------------------
ELEMENTS
--------------------------------------------------------------*/

/*--------------------------------------------------------------
Blockquote
--------------------------------------------------------------*/

blockquote {
  position: relative;
  margin: var(--global--spacing-vertical) 0;
  padding-left: calc(var(--global--spacing) * 2);
  padding-bottom: calc(var(--global--spacing-vertical) / 4);
  padding-top: calc(var(--global--spacing-vertical) / 4);
  color: var(--blockquote__Color);
  border-left: var(--blockquote__BorderWidth) solid var(--blockquote__BorderColor);
}

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

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

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

blockquote p {
  font-family: var(--blockquote__FontFamily);
  font-size: var(--blockquote__FontSize);
  font-weight: var(--blockquote__FontWeight);
  font-style: var(--blockquote__FontStyle);
  line-height: var(--blockquote__LineHeight);
  letter-spacing: var(--blockquote__LetterSpacing);
}

blockquote cite,
blockquote footer,
blockquote .wp-block-quote__citation {
  display: block;
  color: var(--blockquote-cite__Color);
  font-family: var(--blockquote-cite__FontFamily);
  font-size: var(--blockquote-cite__FontSize);
  font-style: var(--blockquote-cite__FontStyle);
  font-weight: var(--blockquote-cite__FontWeight);
  line-height: var(--blockquote-cite__LineHeight);
  letter-spacing: var(--blockquote-cite__LetterSpacing);
}

blockquote cite::before,
blockquote footer::before,
blockquote .wp-block-quote__citation::before {
  content: "\2014";
  display: inline;
  margin-right: 0.75em;
}

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

blockquote.alignleft p,
blockquote.alignright p {
  max-width: inherit;
  width: inherit;
}

blockquote strong {
  font-weight: var(--global--font-weight-bold);
}

blockquote {
  quotes: "" "";
}

blockquote::before,
blockquote::after {
  content: "";
}

q {
  quotes: "\201c" "\201d" "\2018" "\2019";
}

/*--------------------------------------------------------------
Forms
--------------------------------------------------------------*/

label {
  display: block;
  margin-bottom: calc(var(--global--spacing-vertical) / 4);
  color: var(--label__Color);
  font-family: var(--label__FontFamily);
  font-size: var(--label__FontSize);
  font-weight: var(--label__FontWeight);
  letter-spacing: var(--label__LetterSpacing);
}

fieldset {
  margin-top: var(--global--spacing-vertical);
  margin-bottom: var(--global--spacing-vertical);
}

fieldset:first-child {
  margin-top: 0;
}

fieldset:last-child {
  margin-bottom: 0;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-appearance: none;
  -webkit-border-radius: var(--input__BorderRadius);
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0.5625rem 1rem 0.625rem;
  min-height: 3rem;
  color: var(--input__Color);
  font-family: var(--input__FontFamily);
  font-size: var(--input__FontSize);
  font-weight: var(--input__FontWeight);
  line-height: var(--input__LineHeight);
  letter-spacing: var(--input__LetterSpacing);
  outline: none;
  background-color: var(--input__BackgroundColor);
  border-width: var(--input__BorderWidth);
  border-style: solid;
  border-color: var(--input__BorderColor);
  border-radius: var(--input__BorderRadius);
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: var(--input__Transition);
  transition: var(--input__Transition);
}

input[type="text"]:hover,
input[type="email"]:hover,
input[type="url"]:hover,
input[type="password"]:hover,
input[type="search"]:hover,
input[type="number"]:hover,
input[type="tel"]:hover,
input[type="range"]:hover,
input[type="date"]:hover,
input[type="month"]:hover,
input[type="week"]:hover,
input[type="time"]:hover,
input[type="datetime"]:hover,
input[type="datetime-local"]:hover,
input[type="color"]:hover,
textarea:hover {
  background-color: var(--input--hover__BackgroundColor);
  border-color: var(--input--hover__BorderColor);
}

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="range"]: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,
textarea:focus {
  background-color: var(--input--focus__BackgroundColor);
  border-color: var(--input--focus__BorderColor);
}

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="range"]: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,
textarea:disabled {
  opacity: 0.8;
}

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

textarea {
  resize: vertical;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

select {
  height: 3rem;
  max-width: 100%;
  padding: 0 2rem 0 1rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: var(--select__Color);
  font-family: var(--select__FontFamily);
  font-size: var(--select__FontSize);
  font-weight: var(--select__FontWeight);
  line-height: var(--select__LineHeight);
  letter-spacing: var(--select__LetterSpacing);
  outline: none;
  background-color: var(--select__BackgroundColor);
  border-width: var(--select__BorderWidth);
  border-style: solid;
  border-color: var(--select__BorderColor);
  border-radius: var(--select__BorderRadius);
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: var(--select__Transition);
  transition: var(--select__Transition);
  -webkit-border-radius: var(--select__BorderRadius);
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%23ffffff'><polygon points='0,0 10,0 5,5'/></svg>");
  background-position: right 1rem top 60%;
  background-repeat: no-repeat;
}

select:hover {
  background-color: var(--select--hover__BackgroundColor);
  border-color: var(--select--hover__BorderColor);
}

select:focus {
  background-color: var(--select--focus__BackgroundColor);
  border-color: var(--select--focus__BorderColor);
}

input[type="radio"],
input[type="checkbox"] {
  position: relative;
  top: 0.1em;
  margin-right: 0.25em;
}

input[type="radio"] + label,
input[type="checkbox"] + label {
  margin-bottom: 0;
  font-weight: var(--checkbox-label__FontWeight);
  display: inline;
}

form > :last-child {
  margin-bottom: 0;
}

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

/* Post Password Form */

.post-password-form > p:first-child {
  margin-bottom: var(--global--spacing-vertical);
  font-size: var(--post-password-form__FontSize);
  letter-spacing: var(--post-password-form__LetterSpacing);
}

.post-password-form > :last-child {
  margin-bottom: 0;
}

.post-password-form label {
  margin-bottom: 0;
}

.post-password-form input[type="password"] {
  margin-top: calc(var(--global--spacing-vertical) / 4);
  margin-bottom: var(--global--spacing-vertical);
  font-size: 1rem;
}

/* Search Form */

.search-form {
  position: relative;
}

.search-form__label {
  margin-bottom: 0;
}

.search-form input[type="search"] {
  padding-right: 4rem;
}

.search-form__button {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  padding: 0.84375rem;
  color: var(--search-form-button__Color) !important;
  background-color: transparent !important;
  border: none;
  border-radius: 0;
  background-image: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.search-form__button:hover,
.search-form__button:focus {
  color: var(--search-form-button--hover__Color) !important;
  background-color: transparent !important;
}

.search-form__button > .svg-icon {
  display: block;
}

/*--------------------------------------------------------------
Media
--------------------------------------------------------------*/

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

img::before {
  content: attr(alt);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: var(--global--spacing-vertical) var(--global--spacing);
  font-size: var(--global--font-size-sm);
  text-align: center;
  background-color: var(--global--color-background-secondary);
}

/* Classic editor images */

.entry-content img {
  max-width: 100%;
}

.site .avatar {
  border-radius: 50%;
}

.svg-icon {
  vertical-align: middle;
  -webkit-transition: fill 0.12s ease-in-out;
  transition: fill 0.12s ease-in-out;
  fill: currentColor;
}

/* 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 {
  margin-top: calc(var(--global--spacing-vertical) * 0.5);
  margin-bottom: var(--global--spacing-vertical);
  color: var(--caption__Color);
  font-family: var(--caption__FontFamily);
  font-size: var(--caption__FontSize);
  font-weight: var(--caption__FontWeight);
  line-height: var(--caption__LineHeight);
  letter-spacing: var(--caption__LetterSpacing);
  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;
}

/*--------------------------------------------------------------
Misc
--------------------------------------------------------------*/

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

*,
*::before,
*::after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

::-moz-selection {
  color: var(--selection__Color);
  background-color: var(--selection__BackgroundColor);
}

::selection {
  color: var(--selection__Color);
  background-color: var(--selection__BackgroundColor);
}

b,
strong {
  font-weight: var(--global--font-weight-bold);
}

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

del {
  opacity: 0.8;
}

address {
  margin: var(--global--spacing-vertical) 0;
  font-style: italic;
}

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

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

mark,
ins {
  padding-left: 0.25em;
  padding-right: 0.25em;
  color: var(--mark__Color);
  text-decoration: none;
  background-color: var(--mark__BackgroundColor);
}

big {
  font-size: 125%;
}

/*--------------------------------------------------------------
Links
--------------------------------------------------------------*/

a {
  color: var(--link__Color);
  text-decoration: underline;
  -webkit-transition: var(--global--transition);
  transition: var(--global--transition);
  cursor: pointer;
  text-underline-offset: 3px;
  -webkit-text-decoration-skip-ink: all;
  text-decoration-skip-ink: all;
}

a:hover {
  color: var(--link--hover__Color);
  text-decoration: none;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
}

a:focus {
  outline: thin dotted;
  text-decoration: none;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
}

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

/*--------------------------------------------------------------
BLOCKS
--------------------------------------------------------------*/

/*--------------------------------------------------------------
Audio
--------------------------------------------------------------*/

.wp-block-audio audio:focus {
  outline-offset: 5px;
  outline: 1px solid var(--global--color-border);
}

.wp-block-audio figcaption {
  margin-top: calc(var(--global--spacing-vertical) / 2);
  margin-bottom: 0;
  color: var(--caption__Color);
  font-size: var(--caption__FontSize);
}

/*--------------------------------------------------------------
Archives
--------------------------------------------------------------*/

.wp-block-archives {
  padding-left: 0;
  list-style: none;
  font-size: var(--global--font-size-normal);
  line-height: var(--global--line-height-base);
  letter-spacing: var(--widget-other-ul__LetterSpacing);
}

.wp-block-archives li {
  margin-top: calc(var(--global--spacing-vertical) / 4);
  margin-bottom: calc(var(--global--spacing-vertical) / 4);
  color: var(--global--color-secondary);
}

.wp-block-archives li:first-child {
  margin-top: 0;
}

.wp-block-archives li:last-child {
  margin-bottom: 0;
}

.wp-block-archives li a {
  color: var(--global--color-content);
  font-weight: var(--global--font-weight-normal);
  text-decoration: none;
}

.wp-block-archives li a:hover,
.wp-block-archives li a:focus {
  color: var(--global--color-primary);
}

.wp-block-archives.alignfull {
  padding-left: calc(3.75vw + 8px);
  padding-right: calc(3.75vw + 8px);
}

/*--------------------------------------------------------------
Button
--------------------------------------------------------------*/

.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: 0.5em 1.25em;
  font-family: var(--button__FontFamily);
  font-size: var(--button__FontSize);
  font-weight: var(--button__FontWeight);
  line-height: var(--button__LineHeight);
  letter-spacing: var(--button__LetterSpacing);
  text-decoration: none;
  cursor: pointer;
  border: var(--button__BorderWidth) solid var(--button__BorderColor);
  border-radius: var(--button__BorderRadius);
  -webkit-border-radius: var(--button__BorderRadius);
  -webkit-transition: var(--button__Transition);
  transition: var(--button__Transition);
  -webkit-box-shadow: none;
  box-shadow: none;
}

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

.has-background .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--localColor, var(--button__Color));
}

.has-background .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(--button__Color);
}

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

.has-background .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--localBackgroundColor, var(--button__BackgroundColor));
}

.button:hover,
.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 {
  color: var(--button--hover__Color);
  background-color: var(--button--hover__BackgroundColor);
  border-color: var(--button--hover__BorderColor);
}

.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: -0.25rem;
  outline: thin dotted currentColor;
}

.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 {
  opacity: 0.65;
  cursor: not-allowed;
}

/* 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);
}

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

.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(--button__Color);
}

.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active).has-background {
  border-color: transparent;
}

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

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

.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover,
.wp-block-button:not(.is-style-outline) .wp-block-button__link:active {
  color: var(--button--hover__Color) !important;
  background-color: var(--button--hover__BackgroundColor) !important;
  border-color: var(--button--hover__BorderColor) !important;
}

.wp-block-button:not(.is-style-outline) .wp-block-button__link.has-background:hover,
.wp-block-button:not(.is-style-outline) .wp-block-button__link.has-background:active {
  border-color: var(--button--hover__BorderColor) !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: var(--button__BorderColor);
}

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

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

.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 {
  color: var(--button--hover__Color) !important;
  background-color: var(--button--hover__BackgroundColor) !important;
  border-color: var(--button--hover__BorderColor) !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 {
  color: var(--button--localColor, var(--button--hover__Color)) !important;
  background-color: var(--button--localBackgroundColor, var(--button--hover__BackgroundColor)) !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(--button--localColor, var(--button--hover__Color)) !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: 1px dotted var(--button--hover__Color);
}

/*--------------------------------------------------------------
Categories
--------------------------------------------------------------*/

.wp-block-categories {
  padding-left: 0;
  list-style: none;
  font-size: var(--global--font-size-normal);
  line-height: var(--global--line-height-base);
  letter-spacing: var(--widget-other-ul__LetterSpacing);
}

.wp-block-categories li {
  margin-top: calc(var(--global--spacing-vertical) / 4);
  margin-bottom: calc(var(--global--spacing-vertical) / 4);
  color: var(--global--color-secondary);
}

.wp-block-categories li:first-child {
  margin-top: 0;
}

.wp-block-categories li:last-child {
  margin-bottom: 0;
}

.wp-block-categories li a {
  color: var(--global--color-content);
  font-weight: var(--global--font-weight-normal);
  text-decoration: none;
}

.wp-block-categories li a:hover,
.wp-block-categories li a:focus {
  color: var(--global--color-primary);
}

.wp-block-categories ul.children {
  list-style: none;
  margin-top: calc(var(--global--spacing-vertical) / 4);
  padding-left: calc(var(--global--spacing) * 1.125);
}

.wp-block-categories ul.children li::before {
  content: "\2013";
  display: inline-block;
  margin-right: 0.625rem;
  margin-left: calc(var(--global--spacing) * -1.125);
  opacity: 0.5;
}

.wp-block-categories.alignfull {
  padding-left: calc(3.75vw + 8px);
  padding-right: calc(3.75vw + 8px);
}

/*--------------------------------------------------------------
Code
--------------------------------------------------------------*/

.wp-block-code {
  padding: var(--global--spacing) var(--global--spacing-horizontal);
  background-color: var(--wp-block-code__BackgroundColor);
  border: var(--wp-block-code__BorderWidth) solid var(--wp-block-code__BorderColor);
  border-radius: var(--wp-block-code__BorderRadius);
}

.wp-block-code code {
  color: var(--wp-block-code__Color);
  font-family: var(--wp-block-code__FontFamily);
  font-size: var(--wp-block-code__FontSize);
  line-height: var(--wp-block-code__LineHeight);
  letter-spacing: var(--wp-block-code__LetterSpacing);
  white-space: pre;
  overflow-x: auto;
  display: block;
}

/*--------------------------------------------------------------
Columns
--------------------------------------------------------------*/

.wp-block-columns:not(.alignwide):not(.alignfull) {
  clear: both;
}

.wp-block-columns .wp-block-column:not(:last-child) {
  margin-bottom: var(--global--spacing-vertical);
}

.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.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: calc(var(--global--spacing) * 1.25);
  padding-right: calc(var(--global--spacing) * 1.25);
}

.wp-block-columns.has-background {
  padding: var(--global--spacing-vertical) var(--global--spacing-horizontal);
}

/*--------------------------------------------------------------
Cover
--------------------------------------------------------------*/

.wp-block-cover,
.wp-block-cover-image {
  background-color: var(--cover__BackgroundColor);
  min-height: var(--cover__Height);
  /* The background color class is used just for the overlay, and does not need to be applied to the inner container. */
}

.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__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(--cover__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);
}

.wp-block-cover h2,
.wp-block-cover-image h2 {
  font-size: var(--headings-h2__FontSize);
  letter-spacing: var(--headings-h2__LetterSpacing);
  line-height: var(--global--line-height-heading);
  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% - calc(var(--global--spacing-horizontal) * 2));
}

.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__inner-container,
.wp-block-cover.alignright .wp-block-cover__inner-container,
.wp-block-cover-image.alignleft .wp-block-cover__inner-container,
.wp-block-cover-image.alignright .wp-block-cover__inner-container {
  margin-top: calc(var(--global--spacing-vertical) * 2);
  margin-bottom: calc(var(--global--spacing-vertical) * 2);
  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 {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

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

/*--------------------------------------------------------------
File
--------------------------------------------------------------*/

.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-file * + .wp-block-file__button {
  margin-left: var(--global--spacing);
}

/*--------------------------------------------------------------
Gallery
--------------------------------------------------------------*/

.wp-block-gallery .blocks-gallery-image,
.wp-block-gallery .blocks-gallery-item {
  width: calc((100% - var(--global--spacing)) / 2);
}

.wp-block-gallery .blocks-gallery-image figure a::before,
.wp-block-gallery .blocks-gallery-item figure a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #000000;
  opacity: 0;
  z-index: 1;
  -webkit-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
}

.wp-block-gallery .blocks-gallery-image figure a:hover::before,
.wp-block-gallery .blocks-gallery-image figure a:focus::before,
.wp-block-gallery .blocks-gallery-item figure a:hover::before,
.wp-block-gallery .blocks-gallery-item figure a:focus::before {
  opacity: 0.2;
}

.wp-block-gallery .blocks-gallery-image figure a:focus,
.wp-block-gallery .blocks-gallery-item figure a:focus {
  outline: none;
}

.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-caption {
  margin-top: 0;
  margin-bottom: 0;
  color: var(--caption__Color);
  font-size: var(--caption__FontSize);
}

/*--------------------------------------------------------------
Group
--------------------------------------------------------------*/

.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: 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 .wp-block-group__inner-container > *.alignfull {
  width: 100%;
}

.wp-block-group.has-background {
  padding: var(--global--spacing-vertical) var(--global--spacing-horizontal);
}

/*--------------------------------------------------------------
Heading
--------------------------------------------------------------*/

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  clear: both;
  color: var(--headings__Color);
  font-family: var(--headings__FontFamily);
  font-weight: var(--headings__FontWeight);
  line-height: var(--headings__LineHeight);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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(--headings--strong__FontWeight);
}

.entry__content > h1,
.entry__content >
.h1,
.entry__content >
h2,
.entry__content >
.h2,
.entry__content >
h3,
.entry__content >
.h3,
.entry__content >
h4,
.entry__content >
.h4,
.entry__content >
h5,
.entry__content >
.h5,
.entry__content >
h6,
.entry__content >
.h6 {
  margin-top: calc(var(--global--spacing-vertical) * 2);
}

h1,
.h1 {
  font-size: var(--headings-h1__FontSize);
  letter-spacing: var(--headings-h1__LetterSpacing);
}

h2,
.h2 {
  font-size: var(--headings-h2__FontSize);
  letter-spacing: var(--headings-h2__LetterSpacing);
}

h3,
.h3 {
  font-size: var(--headings-h3__FontSize);
  letter-spacing: var(--headings-h3__LetterSpacing);
}

h4,
.h4 {
  font-size: var(--headings-h4__FontSize);
  letter-spacing: var(--headings-h4__LetterSpacing);
}

h5,
.h5 {
  font-size: var(--headings-h5__FontSize);
  letter-spacing: var(--headings-h5__LetterSpacing);
}

h6,
.h6 {
  font-size: var(--headings-h6__FontSize);
  letter-spacing: var(--headings-h6__LetterSpacing);
}

/*--------------------------------------------------------------
Image
--------------------------------------------------------------*/

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

.wp-block-image figcaption {
  margin-top: calc(var(--global--spacing-vertical) / 2);
  margin-bottom: 0;
  color: var(--caption__Color);
  font-size: var(--caption__FontSize);
}

.wp-block-image .alignright {
  margin-left: var(--global--spacing-horizontal);
  margin-bottom: var(--global--spacing-vertical);
}

.wp-block-image .alignleft {
  margin-right: var(--global--spacing-horizontal);
  margin-bottom: var(--global--spacing-vertical);
}

.wp-block-image.alignfull.has-parallax {
  height: 100vmin;
  overflow: hidden;
}

.wp-block-image.alignfull.has-parallax img {
  min-height: 120%;
  width: auto;
  max-width: none;
  min-width: 100%;
}

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

/*--------------------------------------------------------------
Latest Comments
--------------------------------------------------------------*/

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

.wp-block-latest-comments .wp-block-latest-comments__comment {
  font-size: var(--global--font-size-sm);
  line-height: var(--global--line-height-base);
  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 {
  color: var(--global--color-secondary);
  font-family: var(--global--font-family-base);
}

.wp-block-latest-comments .wp-block-latest-comments__comment-date {
  color: var(--global--color-secondary);
  font-size: var(--global--font-size-xs);
}

.wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p {
  color: var(--global--color-content);
  font-size: var(--global--font-size-normal);
  line-height: var(--global--line-height-base);
  margin: 0;
}

.wp-block-latest-comments.alignfull {
  padding-left: calc(3.75vw + 8px);
  padding-right: calc(3.75vw + 8px);
}

/*--------------------------------------------------------------
Latest Posts
--------------------------------------------------------------*/

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

.wp-block-latest-posts:not(.is-grid) > li {
  margin-top: calc(var(--global--spacing-vertical) * 2);
  margin-bottom: calc(var(--global--spacing-vertical) * 2);
}

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

.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(var(--global--spacing-vertical) / 3);
  margin-bottom: calc(var(--global--spacing-vertical) / 3);
}

.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;
  margin-bottom: calc(var(--global--spacing-vertical) / 3);
  color: var(--latest-posts--title__Color);
  font-family: var(--latest-posts--title__FontFamily);
  font-size: var(--latest-posts--title__FontSize);
  font-weight: var(--latest-posts--title__FontWeight);
  line-height: var(--latest-posts--title__LineHeight);
  letter-spacing: var(--latest-posts--title__LetterSpacing);
}

.wp-block-latest-posts .wp-block-latest-posts__post-author {
  color: var(--global--color-secondary);
  font-size: var(--global--font-size-sm);
  line-height: var(--global--line-height-base);
}

.wp-block-latest-posts .wp-block-latest-posts__post-date {
  color: var(--global--color-secondary);
  font-size: var(--global--font-size-sm);
  line-height: var(--global--line-height-base);
}

[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 {
  margin-top: var(--global--spacing-vertical);
  font-family: var(--global--font-family-content);
  font-size: var(--global--font-size-normal);
  line-height: var(--global--line-height-base);
}

.wp-block-latest-posts.alignfull {
  padding-left: calc(3.75vw + 8px);
  padding-right: calc(3.75vw + 8px);
}

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

/*--------------------------------------------------------------
Legacy
--------------------------------------------------------------*/

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

/*--------------------------------------------------------------
List
--------------------------------------------------------------*/

ul,
ol {
  margin: 0;
  padding-left: calc(var(--global--spacing-horizontal) * 1.5);
}

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-weight: var(--font-weight--bold);
}

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

/*--------------------------------------------------------------
Media and Text
--------------------------------------------------------------*/

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

.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-vertical) var(--global--spacing-horizontal);
}

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

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

/*--------------------------------------------------------------
Paragraph
--------------------------------------------------------------*/

p.has-background {
  padding: calc(var(--global--spacing-vertical) / 2) var(--global--spacing-horizontal);
}

/*--------------------------------------------------------------
Preformatted
--------------------------------------------------------------*/

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

/*--------------------------------------------------------------
Pullquote
--------------------------------------------------------------*/

.wp-block-pullquote {
  position: relative;
  margin-top: calc(var(--global--spacing-vertical) * 2);
  margin-bottom: calc(var(--global--spacing-vertical) * 2);
  padding: var(--global--spacing-vertical) calc(1.75vw - 5.6px);
  color: var(--pullquote__Color);
  text-align: center;
  border-width: var(--pullquote__BorderWidth);
  border-bottom-style: solid;
  border-top-style: solid;
  border-color: var(--pullquote__BorderColor);
  /* Block Options */
}

.wp-block-pullquote blockquote {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-left: 0;
  padding-top: 0;
  padding-bottom: 0;
  border: none;
}

.wp-block-pullquote p {
  font-family: var(--pullquote__FontFamily);
  font-size: var(--pullquote__FontSize);
  font-style: var(--pullquote__FontStyle);
  font-weight: var(--pullquote__FontWeight);
  line-height: var(--pullquote__LineHeight);
  letter-spacing: var(--pullquote__LetterSpacing);
}

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

.wp-block-pullquote cite,
.wp-block-pullquote footer,
.wp-block-pullquote .wp-block-pullquote__citation {
  display: block;
  color: var(--pullquote-cite__Color);
  font-size: var(--pullquote-cite__FontSize);
  font-style: var(--pullquote-cite__FontStyle);
  letter-spacing: var(--pullquote-cite__LetterSpacing);
  text-transform: none;
}

.wp-block-pullquote cite::before,
.wp-block-pullquote footer::before,
.wp-block-pullquote .wp-block-pullquote__citation::before {
  display: none;
}

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

.wp-block-pullquote.is-style-solid-color {
  padding: calc(var(--global--spacing-vertical) * 1.5) calc(1rem + 3vw - 9.6px);
  border: none;
}

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

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

.wp-block-pullquote.is-style-solid-color blockquote p {
  font-size: var(--pullquote__FontSize);
}

.wp-block-pullquote.has-background cite,
.wp-block-pullquote.has-background footer,
.wp-block-pullquote.has-background .wp-block-pullquote__citation,
.wp-block-pullquote blockquote.has-text-color cite,
.wp-block-pullquote blockquote.has-text-color footer,
.wp-block-pullquote blockquote.has-text-color .wp-block-pullquote__citation {
  color: currentColor;
}

.wp-block-pullquote.alignleft p,
.wp-block-pullquote.alignright p {
  font-size: var(--pullquote__FontSize);
  text-align: left;
}

.wp-block-pullquote.alignleft cite,
.wp-block-pullquote.alignleft footer,
.wp-block-pullquote.alignleft .wp-block-pullquote__citation,
.wp-block-pullquote.alignright cite,
.wp-block-pullquote.alignright footer,
.wp-block-pullquote.alignright .wp-block-pullquote__citation {
  text-align: left;
}

.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),
.wp-block-pullquote.alignfull:not(.is-style-solid-color) {
  padding-left: calc(3.75vw + 8px);
  padding-right: calc(3.75vw + 8px);
}

/*--------------------------------------------------------------
Quote
--------------------------------------------------------------*/

.wp-block-quote {
  padding-left: calc(var(--global--spacing) * 2);
  border-left: var(--blockquote__BorderWidth) solid var(--blockquote__BorderColor);
  /* Block Options */
}

.wp-block-quote cite,
.wp-block-quote footer,
.wp-block-quote .wp-block-quote__citation {
  color: var(--blockquote-cite__Color);
  font-size: var(--blockquote-cite__FontSize);
  font-style: var(--blockquote-cite__FontStyle);
  letter-spacing: var(--blockquote-cite__LetterSpacing);
}

.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,
.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 {
  color: currentColor;
}

.wp-block-quote.has-text-align-right {
  padding-right: calc(var(--global--spacing) * 2);
  border-right: var(--blockquote__BorderWidth) solid var(--blockquote__BorderColor);
}

.wp-block-quote.has-text-align-center {
  padding-top: 0;
  padding-bottom: 0;
}

.wp-block-quote.is-large,
.wp-block-quote.is-style-large {
  padding-left: 0;
  padding-right: 0;
  margin-top: calc(var(--global--spacing-vertical) * 2);
  margin-bottom: calc(var(--global--spacing-vertical) * 2);
  border: none;
}

.wp-block-quote.is-large p,
.wp-block-quote.is-style-large p {
  font-size: var(--blockquote--large__FontSize);
  font-style: var(--blockquote--large__FontStyle);
  line-height: var(--blockquote--large__LineHeight);
}

.wp-block-quote.is-large cite,
.wp-block-quote.is-large footer,
.wp-block-quote.is-large .wp-block-quote__citation,
.wp-block-quote.is-style-large cite,
.wp-block-quote.is-style-large footer,
.wp-block-quote.is-style-large .wp-block-quote__citation {
  color: var(--blockquote-cite__Color);
  font-size: var(--blockquote-cite__FontSize);
  text-align: inherit;
}

/*--------------------------------------------------------------
RSS
--------------------------------------------------------------*/

.wp-block-rss {
  padding-left: 0;
}

.wp-block-rss > li {
  list-style: none;
}

.wp-block-rss:not(.is-grid) > li {
  margin-top: var(--global--spacing-vertical);
  margin-bottom: 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(var(--global--spacing-vertical) / 3);
  margin-bottom: calc(var(--global--spacing-vertical) / 3);
}

.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;
  color: var(--rss--title__Color);
  font-family: var(--rss--title__FontFamily);
  font-size: var(--rss--title__FontSize);
  font-weight: var(--rss--title__FontWeight);
  line-height: var(--rss--title__LineHeight);
  letter-spacing: var(--rss--title__LetterSpacing);
}

.wp-block-rss .wp-block-rss__item-author {
  color: var(--global--color-secondary);
  font-size: var(--global--font-size-sm);
  line-height: var(--global--line-height-base);
}

.wp-block-rss .wp-block-rss__item-publish-date {
  color: var(--global--color-secondary);
  font-size: var(--global--font-size-sm);
  line-height: var(--global--line-height-base);
}

[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(--global--font-family-content);
  font-size: var(--global--font-size-normal);
  line-height: var(--global--line-height-base);
}

.wp-block-rss.alignfull {
  padding-left: calc(3.75vw + 8px);
  padding-right: calc(3.75vw + 8px);
}

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

/*--------------------------------------------------------------
Search
--------------------------------------------------------------*/

.wp-block-search {
  max-width: var(--responsive--aligndefault-width);
}

.wp-block-search .wp-block-search__label {
  margin-bottom: calc(var(--global--spacing-vertical) / 4);
  font-size: var(--label__FontSize);
  font-weight: var(--label__FontWeight);
}

.wp-block-search .wp-block-search__input {
  padding: 0.5625rem 1rem 0.625rem;
  max-width: inherit;
  color: var(--input__Color);
  line-height: var(--input__LineHeight);
  border-width: var(--input__BorderWidth);
  border-style: solid;
  border-color: var(--input__BorderColor);
  border-radius: var(--input__BorderRadius);
}

.wp-block-search .wp-block-search__input:focus {
  color: var(--input__Color);
  background-color: var(--input--focus__BackgroundColor);
}

.wp-block-search button.wp-block-search__button {
  margin-left: var(--global--spacing);
}

.wp-block-search button.wp-block-search__button.has-icon {
  padding: 0.125rem 0.5rem;
}

.wp-block-search button.wp-block-search__button.has-icon svg {
  width: 2rem;
  height: 2rem;
  fill: currentColor;
}

.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
  padding: 4px;
  background-color: var(--input__BackgroundColor);
  border-width: var(--input__BorderWidth);
  border-style: solid;
  border-color: var(--input__BorderColor);
  border-radius: var(--input__BorderRadius);
}

.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
  margin-left: 0;
  margin-right: 0;
  padding: 0.5625rem 1rem;
  background-color: transparent;
}

.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input:focus {
  color: var(--input__Color);
  outline-offset: -2px;
  outline: 2px dotted var(--global--color-border);
}

.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {
  padding: 0.5rem 1.25rem;
}

.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button.has-icon {
  padding: 0.125rem 0.5rem;
}

.wp-block-search.aligncenter .wp-block-search__label {
  text-align: left;
}

/*--------------------------------------------------------------
Separator
--------------------------------------------------------------*/

hr {
  border-style: none;
  border-bottom: var(--separator__Height) solid var(--separator__BorderColor);
  clear: both;
  margin-left: auto;
  margin-right: auto;
}

hr.wp-block-separator {
  border-bottom: var(--separator__Height) solid var(--separator__BorderColor);
  opacity: 1;
}

hr.wp-block-separator:not(.is-style-dots):not(.is-style-wide) {
  max-width: calc(var(--global--spacing-horizontal) * 5);
}

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.is-style-wide {
  max-width: var(--responsive--aligndefault-width);
}

hr.wp-block-separator.is-style-dots:before {
  font-size: var(--global--font-size-xl);
}

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

/*--------------------------------------------------------------
Social Icons
--------------------------------------------------------------*/

.wp-block-social-links a:focus {
  color: var(--global--color-primary);
}

/*--------------------------------------------------------------
Spacer
--------------------------------------------------------------*/

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

/*--------------------------------------------------------------
Table
--------------------------------------------------------------*/

table,
.wp-block-table {
  width: 100%;
  min-width: 240px;
  border-collapse: collapse;
  font-family: var(--table__FontFamily);
  font-size: var(--table__FontSize);
  letter-spacing: var(--table__LetterSpacing);
}

table td,
table th,
.wp-block-table td,
.wp-block-table th {
  padding: calc(var(--global--spacing) / 2);
  border: var(--table__BorderWidth) solid var(--table__BorderColor);
}

table thead,
table tfoot,
.wp-block-table thead,
.wp-block-table tfoot {
  border-color: var(--table__BorderColor);
}

table table:not(.has-background) thead th,
.wp-block-table table:not(.has-background) thead th {
  color: var(--table-header__Color);
}

table table:not(.has-background) tfoot td,
.wp-block-table table:not(.has-background) tfoot td {
  color: var(--table-footer__Color);
}

table figcaption,
.wp-block-table figcaption {
  margin-bottom: 0;
  color: var(--caption__Color);
  font-size: var(--caption__FontSize);
}

table .has-background,
.wp-block-table .has-background {
  color: var(--table--has-background__Color);
}

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

table.is-style-stripes table,
.wp-block-table.is-style-stripes table {
  border-bottom: var(--table__BorderWidth) solid var(--table__BorderColor);
}

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

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: rgba(255, 255, 255, 0.7);
}

table.alignfull,
.wp-block-table.alignfull {
  padding-left: calc(3.75vw + 8px);
  padding-right: calc(3.75vw + 8px);
}

/* Calendar table */

table.wp-calendar-table caption {
  margin-bottom: calc(var(--global--spacing-vertical) / 4);
  color: var(--widget-calendar-caption__Color);
  font-size: var(--widget-calendar-caption__FontSize);
  font-weight: var(--widget-calendar-caption__FontWeight);
  letter-spacing: var(--widget-calendar-caption__LetterSpacing);
  text-align: left;
}

table.wp-calendar-table td,
table.wp-calendar-table th {
  font-size: var(--global--font-size-sm);
  text-align: center;
  vertical-align: middle;
  word-break: normal;
  background-color: transparent;
  border-color: var(--global--color-border);
}

table.wp-calendar-table th {
  font-weight: var(--global--font-weight-bold);
  color: var(--global--color-primary);
  background-color: var(--global--color-background-secondary);
}

table.wp-calendar-table tbody a {
  font-weight: var(--global--font-weight-medium);
  text-decoration: none;
}

table.wp-calendar-table thead,
table.wp-calendar-table tbody {
  color: currentColor;
  border: var(--table__BorderWidth) solid;
}

.wp-block-calendar.alignfull {
  padding-left: calc(3.75vw + 8px);
  padding-right: calc(3.75vw + 8px);
}

.wp-calendar-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: calc(var(--global--spacing-vertical) / 4);
  font-size: var(--global--font-size-sm);
  line-height: 2;
  letter-spacing: var(--widget-calendar-nav__LetterSpacing);
  text-align: left;
}

.wp-calendar-nav a {
  color: var(--global--color-secondary);
  text-decoration: none;
}

.wp-calendar-nav a:hover,
.wp-calendar-nav a:focus {
  color: var(--global--color-primary);
}

.wp-calendar-nav .wp-calendar-nav-prev,
.wp-calendar-nav .wp-calendar-nav-next {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 50%;
  flex: 1 1 50%;
}

.wp-calendar-nav .wp-calendar-nav-next {
  text-align: right;
}

/*--------------------------------------------------------------
Tag Cloud
--------------------------------------------------------------*/

.wp-block-tag-cloud {
  margin-bottom: calc(var(--global--spacing-vertical) / 2);
  line-height: var(--tag-cloud-link__LineHeight);
  text-align: center;
}

.wp-block-tag-cloud .tag-cloud-link {
  display: inline-block;
  margin-right: calc(var(--global--spacing-vertical) / 2);
  margin-bottom: calc(var(--global--spacing-vertical) / 2);
  color: var(--tag-cloud-link__Color);
  font-family: var(--tag-cloud-link__FontFamily);
  font-size: var(--tag-cloud-link__FontSize) !important;
  font-weight: var(--tag-cloud-link__FontWeight);
  line-height: var(--tag-cloud-link__LineHeight);
  letter-spacing: var(--tag-cloud-link__LetterSpacing);
  text-decoration: none;
  background-image: -webkit-gradient(linear, left top, right top, from(var(--tag-cloud-link-underline--hover__Color)), to(var(--tag-cloud-link-underline--hover__Color))), -webkit-gradient(linear, left top, right top, from(var(--tag-cloud-link-underline__Color)), to(var(--tag-cloud-link-underline__Color)));
  background-image: linear-gradient(to right, var(--tag-cloud-link-underline--hover__Color) 0%, var(--tag-cloud-link-underline--hover__Color) 100%), linear-gradient(to right, var(--tag-cloud-link-underline__Color) 0%, var(--tag-cloud-link-underline__Color) 100%);
  background-repeat: no-repeat;
  background-size: 0 1px, 100% 1px;
  background-position: 100% 100%, 0 100%;
  -webkit-transition: color 0.25s ease-in-out, opacity 0.25s ease-in-out, background-size 0.25s ease-in-out;
  transition: color 0.25s ease-in-out, opacity 0.25s ease-in-out, background-size 0.25s ease-in-out;
}

.wp-block-tag-cloud .tag-cloud-link .tag-link-count {
  color: var(--tag-cloud-link-count__Color);
  font-weight: var(--tag-cloud-link-count__FontWeight);
  -webkit-transition: var(--global--transition);
  transition: var(--global--transition);
}

.wp-block-tag-cloud .tag-cloud-link:hover,
.wp-block-tag-cloud .tag-cloud-link:focus {
  color: var(--tag-cloud-link--hover__Color);
  background-size: 100% 1px;
  background-position: 0 100%;
}

.wp-block-tag-cloud .tag-cloud-link:hover .tag-link-count,
.wp-block-tag-cloud .tag-cloud-link:focus .tag-link-count {
  color: var(--tag-cloud-link-count--hover__Color);
}

.wp-block-tag-cloud .tag-cloud-link::before {
  margin-right: 0.125em;
  content: "\0023";
  display: inline;
}

.wp-block-tag-cloud.alignright {
  text-align: left;
}

.wp-block-tag-cloud.alignfull {
  padding-left: calc(3.75vw + 8px);
  padding-right: calc(3.75vw + 8px);
}

/*--------------------------------------------------------------
Verse
--------------------------------------------------------------*/

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

/*--------------------------------------------------------------
Video
--------------------------------------------------------------*/

.wp-block-video figcaption {
  margin-top: calc(var(--global--spacing-vertical) / 2);
  margin-bottom: 0;
  color: var(--caption__Color);
  font-size: var(--caption__FontSize);
}

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

/*--------------------------------------------------------------
Font Sizes
--------------------------------------------------------------*/

:root .has-extra-small-font-size {
  font-size: var(--global--font-size-xs);
  letter-spacing: var(--has-small-font-size__LetterSpacing, var(--global--letter-spacing));
}

:root .has-small-font-size {
  font-size: var(--global--font-size-sm);
  letter-spacing: var(--has-small-font-size__LetterSpacing, var(--global--letter-spacing));
}

:root .has-normal-font-size {
  font-size: var(--global--font-size-normal);
  letter-spacing: var(--has-normal-font-size__LetterSpacing, var(--global--letter-spacing));
}

:root .has-large-font-size {
  font-size: var(--global--font-size-md);
  letter-spacing: var(--has-large-font-size__LetterSpacing, var(--global--letter-spacing));
}

:root .has-extra-large-font-size {
  font-size: var(--global--font-size-xl);
  letter-spacing: var(--has-larger-font-size__LetterSpacing, var(--global--letter-spacing));
}

:root .has-huge-font-size {
  font-size: var(--global--font-size-xxl);
  letter-spacing: var(--has-huge-font-size__LetterSpacing, var(--global--letter-spacing));
}

/*--------------------------------------------------------------
Utilities
--------------------------------------------------------------*/

/* These selectors set the default max width for content appearing inside a post or page. */

/* Block Alignments */

.alignleft {
  text-align: left;
  margin-top: 0;
}

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

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

.alignright {
  margin-top: 0;
}

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

[class*="inner-container"] > .alignleft + *,
[class*="inner-container"] > .alignright + * {
  margin-top: 0;
}

.alignwide {
  clear: both;
}

.alignfull {
  clear: both;
}

.has-left-content {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.has-right-content {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

/* Parallax */

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

/* Drop caps */

.has-drop-cap:not(:focus)::first-letter {
  float: left;
  margin: 0.75rem 0.75rem 0 0;
  padding: 0;
  color: var(--global--color-primary);
  font-family: var(--global--font-family-headings);
  font-size: var(--global--font-size-xxxxxl);
  font-weight: var(--global--font-weight-bold);
  font-style: normal;
  line-height: 1;
  text-transform: uppercase;
}

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

/*--------------------------------------------------------------
COMPONENTS
--------------------------------------------------------------*/

/*--------------------------------------------------------------
Site
--------------------------------------------------------------*/

body {
  margin: 0;
  background-color: var(--body__BackgroundColor);
}

body.main-nav--is-open,
body.sidebar--is-open {
  height: 100%;
  overflow: hidden !important;
  margin-right: var(--scrollbar-width);
}

body.main-nav--is-open .header__buttons {
  margin-right: var(--scrollbar-width);
}

.site {
  position: relative;
  display: grid;
  grid-template-rows: auto 1fr auto;
  grid-template-columns: 100%;
  min-height: 100vh;
  z-index: 10;
  overflow: hidden;
}

.admin-bar .site {
  min-height: calc(100vh - 46px);
}

.site::before {
  z-index: -1;
}

.site .content {
  grid-column: 1 / -1;
  grid-row: 1 / -1;
  align-self: center;
}

/*--------------------------------------------------------------
Content
--------------------------------------------------------------*/

.content {
  position: relative;
  word-wrap: break-word;
}

.content-area {
  position: relative;
}

.main-content > :last-child {
  margin-bottom: 0 !important;
}

.loop-container {
  position: relative;
}

.loop-container .grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-auto-rows: auto;
  grid-gap: calc(var(--global--spacing-vertical) * 2) calc(var(--global--spacing-horizontal) * 2);
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

/*--------------------------------------------------------------
Header
--------------------------------------------------------------*/

.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10000;
  pointer-events: none;
}

.admin-bar .header {
  top: 46px;
}

.header__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

/* Site Branding */

.site__branding {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  min-width: 0;
  max-width: 100%;
  margin-right: var(--global--spacing-horizontal);
  z-index: 10100;
}

/* Site title */

.site__title {
  margin: 0;
  font-family: var(--site-title__FontFamily);
  font-size: var(--site-title__FontSize);
  font-weight: var(--site-title__FontWeight);
  line-height: var(--site-title__LineHeight);
  letter-spacing: var(--site-title__LetterSpacing);
  text-transform: var(--site-title__TextTransform);
}

.site__title--hidden {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
}

.site__title a {
  display: inline-block;
  padding: calc(var(--global--spacing-vertical) / 2) 0;
  pointer-events: initial;
  color: var(--site-title__Color);
  text-decoration: none;
  outline: 0;
}

.site__title a:link,
.site__title a:visited,
.site__title a:active {
  color: var(--site-title__Color);
}

.site__title a:hover,
.site__title a:focus {
  color: var(--site-title__Color);
}

.main-nav--is-open .site__title a {
  color: var(--site-title--on-menu__Color);
  -webkit-transition: color 0.25s ease;
  transition: color 0.25s ease;
}

/* Custom Logo */

.custom-logo-link {
  position: relative;
  display: inline-block;
  pointer-events: initial;
  margin-right: var(--global--spacing-horizontal);
  padding: 0.5rem 0;
  color: var(--site-title__Color);
  text-decoration: none;
}

.custom-logo-link:hover,
.custom-logo-link:focus {
  color: var(--site-title__Color);
}

.custom-logo-link:focus {
  outline: 0;
}

.custom-logo {
  width: auto;
  max-width: 160px;
  max-height: 40px;
}

/* Header Buttons */

.header__buttons {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 10100;
}

.header__buttons .button {
  padding: 0.75rem;
  pointer-events: initial;
  color: var(--header-buttons__Color) !important;
  font-family: var(--header-buttons__FontFamily);
  font-size: var(--header-buttons__FontSize);
  font-weight: var(--header-buttons__FontWeight);
  line-height: var(--header-buttons__LineHeight);
  text-transform: var(--header-buttons__TextTransform);
  letter-spacing: var(--header-buttons__LetterSpacing);
  background-color: transparent !important;
  border: none;
  border-radius: 0;
  background-image: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.header__buttons .button:hover,
.header__buttons .button:focus {
  color: var(--header-buttons--hover__Color);
  background-color: transparent;
}

.header__buttons .button:focus {
  outline: 0;
}

.main-nav--is-open .header__buttons .button {
  color: var(--header-buttons--on-menu__Color) !important;
}

.header__buttons .button--menu-toggle {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: calc(-0.75rem - 3px);
  padding: 0;
}

.header__buttons .button--menu-toggle .button__text {
  display: none;
  overflow: hidden;
  line-height: 2.15385;
}

.header__buttons .button--menu-toggle .button__text > span {
  position: relative;
  display: block;
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
  -webkit-transform-origin: 100% 0%;
  transform-origin: 100% 0%;
}

.header__buttons .button--menu-toggle .button__text > span::before {
  content: attr(data-hover);
  position: absolute;
  top: 100%;
  left: 0;
}

.header__buttons .button--menu-toggle .button__icon--hamburger {
  width: calc(24px + 0.75rem * 2);
  height: calc(24px + 0.75rem * 2);
  display: block;
  position: relative;
  padding: 0.75rem 0.9375rem;
}

.header__buttons .button--menu-toggle .button__icon-inner {
  display: block;
  top: 50%;
  margin-top: -1px;
  -webkit-transition-duration: 0.22s;
  transition-duration: 0.22s;
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.header__buttons .button--menu-toggle .button__icon-inner,
.header__buttons .button--menu-toggle .button__icon-inner::before,
.header__buttons .button--menu-toggle .button__icon-inner::after {
  width: 18px;
  height: 2px;
  background-color: var(--header-buttons__Color);
  position: absolute;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.25s;
  transition-duration: 0.25s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}

.main-nav--is-open .header__buttons .button--menu-toggle .button__icon-inner,
.main-nav--is-open .header__buttons .button--menu-toggle .button__icon-inner::before,
.main-nav--is-open .header__buttons .button--menu-toggle .button__icon-inner::after {
  background-color: var(--header-buttons--on-menu__Color);
}

.header__buttons .button--menu-toggle .button__icon-inner::before,
.header__buttons .button--menu-toggle .button__icon-inner::after {
  content: "";
  display: block;
}

.header__buttons .button--menu-toggle .button__icon-inner::before {
  top: -5px;
  -webkit-transition: top 0.1s 0.25s ease-in;
  transition: top 0.1s 0.25s ease-in;
}

.header__buttons .button--menu-toggle .button__icon-inner::after {
  bottom: -5px;
  -webkit-transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.header__buttons .button--menu-toggle.toggled-on .button__icon-inner {
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
  -webkit-transition-delay: 0.12s;
  transition-delay: 0.12s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.header__buttons .button--menu-toggle.toggled-on .button__icon-inner::before {
  top: 0;
  opacity: 0;
  -webkit-transition: top 0.1s ease-out;
  transition: top 0.1s ease-out;
}

.header__buttons .button--menu-toggle.toggled-on .button__icon-inner::after {
  bottom: 0;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*--------------------------------------------------------------
Footer
--------------------------------------------------------------*/

.footer {
  position: absolute;
  display: block;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  pointer-events: none;
  color: var(--footer-text__Color);
}

.footer a {
  color: var(--footer-text__Color);
}

.footer a:hover,
.footer a:focus {
  color: var(--footer-text__Color);
}

.footer__container > * {
  pointer-events: initial;
}

.footer .copyright {
  padding: calc(var(--global--spacing-vertical) / 4) 0;
  color: var(--footer-copyright__Color);
  font-family: var(--footer-copyright__FontFamily);
  font-size: var(--footer-copyright__FontSize);
  font-weight: var(--footer-copyright__FontWeight);
  line-height: var(--footer-copyright__LineHeight);
  letter-spacing: var(--footer-copyright__LetterSpacing);
}

.footer .copyright a {
  color: var(--footer-copyright__Color);
  text-decoration: none;
  text-underline-offset: 6px;
}

.footer .copyright a:hover,
.footer .copyright a:focus {
  text-decoration: underline;
}

/*--------------------------------------------------------------
Posts and pages
--------------------------------------------------------------*/

/* Sticky Post */

.sticky-post > span {
  padding: 0 0.625rem;
  color: var(--sticky-post__Color);
  background-color: var(--sticky-post__BackgroundColor);
  border: var(--sticky-post__BorderWidth) solid var(--sticky-post__BorderColor);
  border-radius: var(--sticky-post__BorderRadius);
}

/* Page Links */

.page-links {
  clear: both;
  font-family: var(--page-links__FontFamily);
  font-size: var(--page-links__FontSize);
  font-weight: var(--page-links__FontWeight);
  line-height: var(--page-links__LiveHeight);
  letter-spacing: var(--page-links__LetterSpacing);
}

.page-links a,
.page-links > span {
  display: inline-block;
  margin-right: 0.75em;
  padding: 0.0625rem 0.75rem;
  color: var(--page-links__Color);
  background-color: var(--page-links__BackgroundColor);
  border-radius: var(--page-links__BorderRadius);
}

.page-links a {
  text-decoration: none;
}

.page-links a:hover,
.page-links a:focus {
  color: var(--page-links--hover__Color);
  background-color: var(--page-links--hover__BackgroundColor);
}

.page-links > span:not(.page-links-title) {
  color: var(--page-links--active__Color);
  background-color: var(--page-links--active__BackgroundColor);
}

.page-links > span.page-links-title {
  padding-left: 0;
  padding-right: 0;
  background-color: transparent;
}

/*--------------------------------------------------------------
Entry
--------------------------------------------------------------*/

.main-content > article {
  position: relative;
}

.entry__header {
  position: relative;
}

/* Entry Title */

.entry__title {
  margin-top: 0;
  color: var(--entry-title__Color);
  font-family: var(--entry-title__FontFamily);
  font-size: var(--entry-title__FontSize);
  font-weight: var(--entry-title__FontWeight);
  line-height: var(--entry-title__LineHeight);
  letter-spacing: var(--entry-title__LetterSpacing);
}

.page.singular:not(.home) .entry__title {
  font-size: var(--page--single-title__FontSize);
}

.entry__title a {
  color: var(--entry-title__Color);
  text-decoration: none;
}

.entry__title a:hover,
.entry__title a:focus {
  color: var(--entry-title--hover__Color);
}

.entry__title a:focus {
  outline: 0;
}

/* Entry Meta */

.entry__meta {
  margin-bottom: calc(var(--global--spacing-vertical) / 3);
  color: var(--entry-meta__Color);
  font-family: var(--entry-meta__FontFamily);
  font-size: var(--entry-meta__FontSize);
  font-weight: var(--entry-meta__FontWeight);
  line-height: var(--entry-meta__LineHeight);
  letter-spacing: var(--entry-meta__LetterSpacing);
}

.entry__meta > span {
  display: inline;
  position: relative;
}

.entry__meta > span:not(:last-child) {
  margin-right: var(--global--spacing-horizontal);
}

.entry__meta > span > * {
  display: inline-block;
  margin-bottom: 0.328125rem;
}

.entry__meta a {
  color: var(--entry-meta__Color);
  text-decoration: none;
  background-image: -webkit-gradient(linear, left top, right top, from(var(--entry-meta-underline--hover__Color)), to(var(--entry-meta-underline--hover__Color))), -webkit-gradient(linear, left top, right top, from(var(--entry-meta-underline__Color)), to(var(--entry-meta-underline__Color)));
  background-image: linear-gradient(to right, var(--entry-meta-underline--hover__Color) 0%, var(--entry-meta-underline--hover__Color) 100%), linear-gradient(to right, var(--entry-meta-underline__Color) 0%, var(--entry-meta-underline__Color) 100%);
  background-repeat: no-repeat;
  background-size: 0 1px, 100% 1px;
  background-position: 100% 100%, 0 100%;
  -webkit-transition: color 0.25s ease-in-out, opacity 0.25s ease-in-out, background-size 0.25s ease-in-out;
  transition: color 0.25s ease-in-out, opacity 0.25s ease-in-out, background-size 0.25s ease-in-out;
}

.entry__meta a:hover,
.entry__meta a:focus {
  color: var(--entry-meta--hover__Color);
  background-size: 100% 1px;
  background-position: 0 100%;
}

.entry__meta a:focus {
  outline: 0;
}

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

/* Entry Thumbnail */

.entry__thumbnail {
  position: relative;
  display: block;
}

.entry__thumbnail .thumbnail__wrapper {
  position: relative;
  display: block;
  max-width: 100%;
  margin: 0 auto;
  background-color: var(--entry__thumbnail__BackgroundColor);
  overflow: hidden;
}

.entry__thumbnail .thumbnail__wrapper a img {
  will-change: transform;
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  -webkit-transition: -webkit-transform 1s cubic-bezier(0.17, 0.84, 0.44, 1);
  transition: -webkit-transform 1s cubic-bezier(0.17, 0.84, 0.44, 1);
  transition: transform 1s cubic-bezier(0.17, 0.84, 0.44, 1);
  transition: transform 1s cubic-bezier(0.17, 0.84, 0.44, 1), -webkit-transform 1s cubic-bezier(0.17, 0.84, 0.44, 1);
}

.entry__thumbnail .thumbnail__wrapper a:hover img,
.entry__thumbnail .thumbnail__wrapper a:focus img {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.entry__thumbnail .thumbnail__wrapper > * {
  display: block;
}

.entry__thumbnail a {
  color: var(--entry-meta__Color);
  font-size: var(--entry-meta__FontSize);
}

.entry__thumbnail img {
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -o-object-fit: cover;
  object-fit: cover;
  background-position: center center;
}

/* Entry Content */

.entry__summary,
.entry__content {
  color: var(--entry-content__Color);
}

.entry__summary {
  color: var(--entry-summary__Color);
  font-family: var(--entry-summary__FontFamily);
  font-size: var(--entry-summary__FontSize);
  font-weight: var(--entry-summary__FontWeight);
  line-height: var(--entry-summary__LineHeight);
  letter-spacing: var(--entry-summary__LetterSpacing);
}

.entry__content {
  font-family: var(--entry-content__FontFamily);
}

.entry__content blockquote {
  margin-top: calc(var(--global--spacing-vertical) * 2);
  margin-bottom: calc(var(--global--spacing-vertical) * 2);
}

.entry__content > iframe[style] {
  margin: var(--global--spacing-vertical) 0 !important;
  max-width: 100% !important;
}

/* More Link */

.more-link {
  position: relative;
  display: inline-block;
  color: var(--more-link__Color);
  font-family: var(--more-link__FontFamily);
  font-size: var(--more-link__FontSize);
  font-weight: var(--more-link__FontWeight);
  line-height: var(--more-link__LineHeight);
  letter-spacing: var(--more-link__LetterSpacing);
  white-space: nowrap;
  text-decoration: none;
}

.more-link__text {
  position: relative;
  display: inline-block;
  z-index: 10;
  background-image: -webkit-gradient(linear, left top, right top, from(var(--more-link-underline--hover__Color)), to(var(--more-link-underline--hover__Color))), -webkit-gradient(linear, left top, right top, from(var(--more-link-underline__Color)), to(var(--more-link-underline__Color)));
  background-image: linear-gradient(to right, var(--more-link-underline--hover__Color) 0%, var(--more-link-underline--hover__Color) 100%), linear-gradient(to right, var(--more-link-underline__Color) 0%, var(--more-link-underline__Color) 100%);
  background-repeat: no-repeat;
  background-size: 0 1px, 100% 1px;
  background-position: 100% 100%, 0 100%;
  -webkit-transition: color, background-size;
  transition: color, background-size;
  -webkit-transition-duration: 0.25s;
  transition-duration: 0.25s;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}

.more-link__icon {
  position: relative;
  display: inline-block;
  margin-left: 0rem;
  margin-left: 0.125rem;
  padding: 0.375rem;
  line-height: 1;
  text-align: center;
  -webkit-transition: var(--global--transition);
  transition: var(--global--transition);
}

.more-link__icon::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--more-link-icon__BackgroundColor);
  border: var(--more-link-icon__BorderWidth) solid var(--more-link-icon__BorderColor);
  border-radius: 50%;
  -webkit-transition: var(--global--transition);
  transition: var(--global--transition);
}

.more-link:hover,
.more-link:focus {
  color: var(--more-link--hover__Color);
}

.more-link:hover .more-link__text,
.more-link:focus .more-link__text {
  background-size: 100% 1px;
  background-position: 0 100%;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.more-link:hover .more-link__icon,
.more-link:focus .more-link__icon {
  -webkit-transform: translateX(1rem);
  transform: translateX(1rem);
}

.more-link:hover .more-link__icon::before,
.more-link:focus .more-link__icon::before {
  -webkit-transform: scale(1.75);
  transform: scale(1.75);
  background-color: var(--more-link-icon--hover__BackgroundColor);
  border-color: var(--more-link-icon--hover__BorderColor);
}

.more-link:focus {
  outline: 0;
}

/* Entry Footer */

.entry__footer {
  color: var(--entry-footer__Color);
  font-family: var(--entry-footer__FontFamily);
  font-size: var(--entry-footer__FontSize);
  font-weight: var(--entry-footer__FontWeight);
  line-height: var(--entry-footer__LineHeight);
  letter-spacing: var(--entry-footer__LetterSpacing);
}

.entry__footer-container {
  display: grid;
  grid-template-columns: auto;
  grid-gap: calc(var(--global--spacing-vertical) / 2) var(--global--spacing-horizontal);
}

.entry__footer > span {
  display: block;
}

.entry__footer a {
  color: var(--entry-footer__Color);
  text-decoration: none;
}

.entry__footer a:hover,
.entry__footer a:focus {
  color: var(--entry-footer--hover__Color);
}

.entry__footer a:focus {
  outline: 0;
}

.entry__footer .tags-links a {
  display: inline-block;
  margin-bottom: calc(var(--global--spacing-vertical) / 2);
  background-image: -webkit-gradient(linear, left top, right top, from(var(--tags-link-underline--hover__Color)), to(var(--tags-link-underline--hover__Color))), -webkit-gradient(linear, left top, right top, from(var(--tags-link-underline__Color)), to(var(--tags-link-underline__Color)));
  background-image: linear-gradient(to right, var(--tags-link-underline--hover__Color) 0%, var(--tags-link-underline--hover__Color) 100%), linear-gradient(to right, var(--tags-link-underline__Color) 0%, var(--tags-link-underline__Color) 100%);
  background-repeat: no-repeat;
  background-size: 0 1px, 100% 1px;
  background-position: 100% 100%, 0 100%;
  -webkit-transition: color 0.25s ease-in-out, opacity 0.25s ease-in-out, background-size 0.25s ease-in-out;
  transition: color 0.25s ease-in-out, opacity 0.25s ease-in-out, background-size 0.25s ease-in-out;
}

.entry__footer .tags-links a:hover,
.entry__footer .tags-links a:focus {
  background-size: 100% 1px;
  background-position: 0 100%;
}

.entry__footer .tags-links a:not(:last-child) {
  margin-right: var(--global--spacing-horizontal);
}

.entry__footer .tags-links a::before {
  margin-right: 0.125em;
  content: "\0023";
  display: inline;
}

.entry__footer .byline {
  line-height: 1;
}

.entry__footer .byline a {
  color: var(--byline__Color);
  font-family: var(--byline__FontFamily);
  font-size: var(--byline__FontSize);
  font-weight: var(--byline__FontWeight);
  letter-spacing: var(--byline__LetterSpacing);
}

.entry__footer .byline a:hover,
.entry__footer .byline a:focus {
  color: var(--byline--hover__Color);
}

.entry__footer .byline a:hover .author__name,
.entry__footer .byline a:focus .author__name {
  background-size: 100% 1px;
  background-position: 0 100%;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.entry__footer .byline .author__name {
  padding-bottom: 0.125rem;
  background-image: -webkit-gradient(linear, left top, right top, from(var(--byline-underline--hover__Color)), to(var(--byline-underline--hover__Color))), -webkit-gradient(linear, left top, right top, from(var(--byline-underline__Color)), to(var(--byline-underline__Color)));
  background-image: linear-gradient(to right, var(--byline-underline--hover__Color) 0%, var(--byline-underline--hover__Color) 100%), linear-gradient(to right, var(--byline-underline__Color) 0%, var(--byline-underline__Color) 100%);
  background-repeat: no-repeat;
  background-size: 0 1px, 100% 1px;
  background-position: 100% 100%, 0 100%;
  -webkit-transition: color 0.25s ease-in, background-size 0.25s ease-in;
  transition: color 0.25s ease-in, background-size 0.25s ease-in;
}

.entry__footer .byline .avatar__wrapper {
  display: inline-block;
  position: relative;
  width: 1.75rem;
  height: 1.75rem;
  margin-right: calc(var(--global--spacing-horizontal) / 2);
  vertical-align: -0.5625rem;
  border-radius: 50%;
  overflow: hidden;
}

.entry__footer .byline .avatar__wrapper img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -o-object-fit: cover;
  object-fit: cover;
  background-position: center center;
  border-radius: 0;
  width: 1.75rem;
  height: 1.75rem;
}

/* Attachment */

.attachment .entry__attachment {
  max-width: 100% !important;
}

.attachment .entry__attachment img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.attachment .full-size-link .svg-icon {
  vertical-align: -30%;
  margin-right: 0.5em;
}

/* Fullscreen featured image post/page template */

.post-template-fullscreen-featured-post .entry__header,
.page-template-fullscreen-featured-page .entry__header,
.single-portfolio .entry__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  overflow: hidden;
  min-height: 100vh;
  z-index: 10;
  text-align: center;
  background-color: var(--entry__thumbnail__BackgroundColor);
}

.post-template-fullscreen-featured-post .entry__caption,
.page-template-fullscreen-featured-page .entry__caption,
.single-portfolio .entry__caption {
  position: relative;
  z-index: 10;
}

.post-template-fullscreen-featured-post .entry__title,
.post-template-fullscreen-featured-post .entry__meta,
.page-template-fullscreen-featured-page .entry__title,
.page-template-fullscreen-featured-page .entry__meta,
.single-portfolio .entry__title,
.single-portfolio .entry__meta {
  z-index: 10;
}

.post-template-fullscreen-featured-post .entry__title,
.page-template-fullscreen-featured-page .entry__title,
.single-portfolio .entry__title {
  font-size: var(--fullscreen-featured-entry-title__FontSize) !important;
  line-height: var(--fullscreen-featured-entry-title__LineHeight);
  letter-spacing: var(--fullscreen-featured-entry-title__LetterSpacing);
}

.post-template-fullscreen-featured-post .entry__meta,
.page-template-fullscreen-featured-page .entry__meta,
.single-portfolio .entry__meta {
  color: var(--fullscreen-featured-entry-meta__Color);
}

.post-template-fullscreen-featured-post .entry__meta a,
.page-template-fullscreen-featured-page .entry__meta a,
.single-portfolio .entry__meta a {
  color: var(--fullscreen-featured-entry-meta__Color);
  background-image: -webkit-gradient(linear, left top, right top, from(var(--fullscreen-featured-entry-meta-underline--hover__Color)), to(var(--fullscreen-featured-entry-meta-underline--hover__Color))), -webkit-gradient(linear, left top, right top, from(var(--fullscreen-featured-entry-meta-underline__Color)), to(var(--fullscreen-featured-entry-meta-underline__Color)));
  background-image: linear-gradient(to right, var(--fullscreen-featured-entry-meta-underline--hover__Color) 0%, var(--fullscreen-featured-entry-meta-underline--hover__Color) 100%), linear-gradient(to right, var(--fullscreen-featured-entry-meta-underline__Color) 0%, var(--fullscreen-featured-entry-meta-underline__Color) 100%);
}

.post-template-fullscreen-featured-post .entry__meta a:hover,
.post-template-fullscreen-featured-post .entry__meta a:focus,
.page-template-fullscreen-featured-page .entry__meta a:hover,
.page-template-fullscreen-featured-page .entry__meta a:focus,
.single-portfolio .entry__meta a:hover,
.single-portfolio .entry__meta a:focus {
  color: var(--fullscreen-featured-entry-meta--hover__Color);
}

.post-template-fullscreen-featured-post .entry__thumbnail,
.page-template-fullscreen-featured-page .entry__thumbnail,
.single-portfolio .entry__thumbnail {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-width: 100%;
  margin: 0;
}

.post-template-fullscreen-featured-post .entry__thumbnail .thumbnail__wrapper,
.page-template-fullscreen-featured-page .entry__thumbnail .thumbnail__wrapper,
.single-portfolio .entry__thumbnail .thumbnail__wrapper {
  width: 100% !important;
  height: 100%;
  overflow: hidden;
}

.post-template-fullscreen-featured-post .entry__thumbnail .thumbnail__wrapper::before,
.page-template-fullscreen-featured-page .entry__thumbnail .thumbnail__wrapper::before,
.single-portfolio .entry__thumbnail .thumbnail__wrapper::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
  z-index: 1;
  pointer-events: none;
}

.post-template-fullscreen-featured-post .entry__thumbnail .thumbnail__wrapper > div,
.page-template-fullscreen-featured-page .entry__thumbnail .thumbnail__wrapper > div,
.single-portfolio .entry__thumbnail .thumbnail__wrapper > div {
  height: 100%;
  padding-top: 0 !important;
}

.post-template-fullscreen-featured-post .entry__thumbnail .thumbnail__wrapper img,
.page-template-fullscreen-featured-page .entry__thumbnail .thumbnail__wrapper img,
.single-portfolio .entry__thumbnail .thumbnail__wrapper img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -o-object-fit: cover;
  object-fit: cover;
  background-position: center center;
}

/*--------------------------------------------------------------
Author info
--------------------------------------------------------------*/

.author-info {
  position: relative;
  clear: both;
}

.author-info__wrapper {
  padding-top: calc(var(--global--spacing-vertical) * 1.5);
  padding-bottom: calc(var(--global--spacing-vertical) * 1.5);
  border-top: var(--author-info__BorderWidth) solid var(--author-info__BorderColor);
  border-bottom: var(--author-info__BorderWidth) solid var(--author-info__BorderColor);
}

.author-info__avatar {
  display: block;
  position: relative;
  width: 80px;
  height: 80px;
  margin-bottom: var(--global--spacing-vertical);
  overflow: hidden;
  background-color: var(--global--color-background-secondary);
  border-radius: 50%;
}

.author-info__avatar .avatar {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -o-object-fit: cover;
  object-fit: cover;
  background-position: center center;
  border-radius: 50%;
  width: 80px;
  height: 80px;
}

.author-info__description > :last-child {
  margin-bottom: 0;
}

.author-info__title {
  margin-top: 0;
  margin-bottom: calc(var(--global--spacing-vertical) / 4);
  font-family: var(--author-info-title__FontFamily);
  font-size: var(--author-info-title__FontSize);
  font-weight: var(--author-info-title__FontWeight);
  line-height: var(--author-info-title__LineHeight);
  letter-spacing: var(--author-info-title__LetterSpacing);
}

.author-info__title a {
  color: var(--author-info-title__Color);
  text-decoration: none;
}

.author-info__title a:hover,
.author-info__title a:focus {
  color: var(--author-info-title--hover__Color);
}

.author-info__bio {
  color: var(--author-info-bio__Color);
  font-family: var(--author-info-bio__FontFamily);
  font-size: var(--author-info-bio__FontSize);
  line-height: var(--author-info-bio__LineHeight);
  letter-spacing: var(--author-info-bio__LetterSpacing);
}

.author-info__bio > * {
  margin-top: var(--global--spacing-horizontal);
  margin-bottom: var(--global--spacing-horizontal);
}

.author-info__bio > *:first-child {
  margin-top: 0;
}

.author-info__bio > *:last-child {
  margin-bottom: 0;
}

/*--------------------------------------------------------------
Archives
--------------------------------------------------------------*/

.page__header {
  position: relative;
}

.page__title {
  color: var(--page-title__Color);
  font-family: var(--page-title__FontFamily);
  font-size: var(--page-title__FontSize);
  font-weight: var(--page-title__FontWeight);
  line-height: var(--page-title__LineHeight);
  letter-spacing: var(--page-title__LetterSpacing);
}

body:not(.posts-list-layout--classic) .page__header:not(.page__header--hero) > *,
body[class*="portfolio-layout--"] .page__header:not(.page__header--hero) > * {
  margin-left: 0;
}

.archive-description {
  position: relative;
  margin-top: var(--global--spacing-vertical);
  color: var(--archive-description__Color);
  font-family: var(--archive-description__FontFamily);
  font-size: var(--archive-description__FontSize);
  line-height: var(--archive-description__LineHeight);
  letter-spacing: var(--archive-description__LetterSpacing);
}

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

.archive-description > *:first-child {
  margin-top: 0;
}

.archive-description > *:last-child {
  margin-bottom: 0;
}

/* Blog Header */

.page__header.page__header--hero > * {
  margin-left: 0;
}

.page__header.page__header--hero .page__title {
  margin-bottom: 0;
  font-family: var(--hero-page-title__FontFamily);
  font-size: var(--hero-page-title__FontSize);
  font-weight: var(--hero-page-title__FontWeight);
  line-height: var(--hero-page-title__LineHeight);
  letter-spacing: var(--hero-page-title__LetterSpacing);
}

/*--------------------------------------------------------------
404 page
--------------------------------------------------------------*/

.error404 .error-404__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.error404 .error-404__container h1 {
  margin-bottom: var(--global--spacing-vertical);
  color: var(--error404-h1__Color);
  font-family: var(--error404-h1__FontFamily);
  font-size: var(--error404-h1__FontSize);
  font-weight: var(--error404-h1__FontWeight);
  line-height: var(--error404-h1__LineHeight);
  letter-spacing: var(--error404-h1__LetterSpacing);
}

.error404 .error-404__container p {
  margin-bottom: var(--global--spacing-vertical);
  color: var(--error404-p__Color);
  font-family: var(--error404-p__FontFamily);
  font-size: var(--error404-p__FontSize);
  line-height: var(--error404-p__LineHeight);
  letter-spacing: var(--error404-p__LetterSpacing);
}

/*--------------------------------------------------------------
No Results Page
--------------------------------------------------------------*/

.no-results.not-found {
  text-align: center;
}

.no-results.not-found .page__content {
  color: var(--page-content__Color);
}

.no-results.not-found .page__content > * {
  margin-top: var(--global--spacing-vertical);
  margin-bottom: var(--global--spacing-vertical);
}

.no-results.not-found .page__content > *:first-child {
  margin-top: 0;
}

.no-results.not-found .page__content > *:last-child {
  margin-bottom: 0;
}

.no-results.not-found .page__content > p {
  font-family: var(--page-content__FontFamily);
  font-size: var(--page-content__FontSize);
  line-height: var(--page-content__LineHeight);
  letter-spacing: var(--page-content__LetterSpacing);
}

/*--------------------------------------------------------------
Comments
--------------------------------------------------------------*/

.button.button--show-comments {
  display: block;
  width: 100%;
  padding-top: 0.85714em;
  padding-bottom: 0.85714em;
  color: var(--button-show-comments__Color) !important;
  font-weight: var(--button-show-comments__FontWeight);
  background-color: var(--button-show-comments__BackgroundColor) !important;
  border: var(--button-show-comments__BorderWidth) solid var(--button-show-comments__BorderColor);
}

.button.button--show-comments:focus {
  outline: 0;
}

.button.button--show-comments .button__count {
  margin-left: 0.5em;
  color: var(--button-show-comments__Color);
  -webkit-transition: color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out;
}

.button.button--show-comments:hover,
.button.button--show-comments:focus {
  color: var(--button-show-comments--hover__Color) !important;
  background-color: var(--button-show-comments--hover__BackgroundColor) !important;
  border-color: var(--button-show-comments--hover__BorderColor);
}

.button.button--show-comments:hover .button__count,
.button.button--show-comments:focus .button__count {
  color: var(--button-show-comments--hover__Color);
}

.no-js .button.button--show-comments {
  display: none;
}

.comments-area {
  position: relative;
}

.comments-area__wrapper {
  display: none;
  position: relative;
  overflow: hidden;
}

.comments--expanded .comments-area__wrapper {
  display: block;
}

.no-js .comments-area__wrapper {
  display: block !important;
}

.comments-title,
.comment-reply-title {
  font-size: var(--comments-title__FontSize);
}

.comments-title {
  margin-bottom: var(--global--spacing-vertical);
}

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

.comment-list .comment {
  position: relative;
}

.comment-list article {
  position: relative;
  padding-top: calc(var(--global--spacing-vertical) * 1.5);
  padding-bottom: calc(var(--global--spacing-vertical) * 1.5);
  border-top: var(--comment__BorderWidth) solid var(--comment__BorderColor);
}

.comment-list .pingback,
.comment-list .trackback {
  padding-bottom: var(--global--spacing);
}

.comment-list .pingback + .comment,
.comment-list .trackback + .comment {
  padding-top: calc(var(--global--spacing-vertical) * 1.5);
}

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

.comment-list .children > li {
  padding-left: var(--global--spacing-horizontal);
}

.comment-list .comment-respond {
  margin-top: 0;
  padding-bottom: calc(var(--global--spacing-vertical) * 1.5);
}

.comment-author {
  position: relative;
  color: var(--comment-author__Color);
  font-family: var(--comment-author__FontFamily);
  font-size: var(--comment-author__FontSize);
  font-weight: var(--comment-author__FontWeight);
  letter-spacing: var(--comment-author__LetterSpacing);
}

.comment-author .url {
  color: var(--comment-author__Color);
  text-decoration: underline;
}

.comment-author .url:hover,
.comment-author .url:focus {
  color: var(--comment-author--hover__Color);
}

.comment-author__avatar {
  position: relative;
  display: block;
  float: left;
  width: 48px;
  height: 48px;
  margin-right: var(--global--spacing);
  top: -0.25rem;
  overflow: hidden;
  border-radius: 50%;
}

.comment-author .avatar {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -o-object-fit: cover;
  object-fit: cover;
  background-position: center center;
  border-radius: 0;
  width: 48px;
  height: 48px;
}

.comment-author .post-author-badge {
  position: absolute;
  display: block;
  width: 16px;
  height: 16px;
  left: 38px;
  top: -0.125rem;
  background-color: var(--post-author-badge__BackgroundColor);
  border-radius: 50%;
}

.comment-author .post-author-badge .svg-icon {
  display: block;
  width: inherit;
  height: inherit;
  fill: var(--post-author-badge__Color);
  -webkit-transform: scale(0.875);
  transform: scale(0.875);
}

.comment.bypostauthor:not(.comment--has-avatar) > article .comment-author .fn {
  position: relative;
}

.comment.bypostauthor:not(.comment--has-avatar) > article .comment-author .fn::after {
  content: "";
  position: absolute;
  width: 0.375rem;
  height: 0.375rem;
  top: 0.125rem;
  right: -0.75rem;
  background-color: var(--post-author-badge__BackgroundColor);
  border-radius: 50%;
}

.comment-metadata,
.pingback .edit-link {
  color: var(--comment-metadata__Color);
  font-family: var(--comment-metadata__FontFamily);
  font-size: var(--comment-metadata__FontSize);
  font-weight: var(--comment-metadata__FontWeight);
  line-height: var(--comment-metadata__LineHeight);
  letter-spacing: var(--comment-metadata__LetterSpacing);
}

.comment-metadata {
  margin-bottom: calc(var(--global--spacing-vertical) / 2);
}

.comment-metadata a,
.pingback .comment-edit-link {
  color: var(--comment-metadata-link__Color);
  text-decoration: none;
}

.comment-metadata a:hover,
.comment-metadata a:focus,
.pingback .comment-edit-link:hover,
.pingback .comment-edit-link:focus {
  color: var(--comment-metadata-link--hover__Color);
}

.comment-metadata .edit-link,
.pingback .edit-link {
  display: inline-block;
}

.comment-metadata .edit-link::before,
.pingback .edit-link::before {
  display: inline-block;
  padding: 0 0.625em 0 0.325em;
  content: "\2014";
  opacity: 0.7;
}

.comment-content {
  color: var(--comment-content__Color);
  font-family: var(--comment-content__FontFamily);
  font-size: var(--comment-content__FontSize);
  line-height: var(--comment-content__LineHeight);
  letter-spacing: var(--comment-content__LetterSpacing);
}

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

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

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

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

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

.comment-reply-link {
  position: relative;
  display: inline-block;
  padding: 0.375em 1.5em;
  color: var(--comment-reply-link__Color);
  font-family: var(--comment-reply-link__FontFamily);
  font-size: var(--comment-reply-link__FontSize);
  font-weight: var(--comment-reply-link__FontWeight);
  letter-spacing: var(--comment-reply-link__LetterSpacing);
  text-decoration: none;
  border: var(--comment-reply-link__BorderWidth) solid var(--comment-reply-link__BorderColor);
  border-radius: var(--comment-reply-link__BorderRadius);
}

.comment-reply-link:hover,
.comment-reply-link:focus {
  color: var(--comment-reply-link--hover__Color);
  background-color: var(--comment-reply-link--hover__BackgroundColor);
}

.comment-reply-link:focus {
  outline: 0;
}

.comment-notes,
.comment-awaiting-moderation,
.logged-in-as,
.form-allowed-tags {
  color: var(--comment-notes__Color);
  font-family: var(--comment-notes__FontFamily);
  font-size: var(--comment-notes__FontSize);
  font-weight: var(--comment-notes__FontWeight);
  letter-spacing: var(--comment-notes__LetterSpacing);
}

.logged-in-as a {
  color: var(--comment-notes-link__Color);
  text-decoration: underline;
}

.logged-in-as a:hover,
.logged-in-as a:focus {
  color: var(--comment-notes-link--hover__Color);
  text-decoration: none;
}

.comment-awaiting-moderation {
  margin-bottom: calc(var(--global--spacing-vertical) / 2);
  color: var(--comment-awaiting-moderation__Color);
  font-weight: var(--comment-awaiting-moderation__FontWeight);
}

.no-comments {
  margin-bottom: 0;
  font-size: var(--no-comments__FontSize);
  font-weight: var(--no-comments__FontWeight);
  line-height: var(--no-comments__LineHeight);
  letter-spacing: var(--no-comments__LetterSpacing);
}

.comment-reply-title {
  margin-bottom: calc(var(--global--spacing-vertical) / 2);
}

.comment-reply-title small a {
  display: inline-block;
  position: relative;
  overflow: hidden;
  top: -12px;
  width: 20px;
  height: 20px;
  color: var(--comment-reply-title-small__Color);
  font-size: 0;
  font-weight: var(--comment-reply-title-small__FontWeight);
  text-decoration: none;
  vertical-align: middle;
}

.comment-reply-title small a:hover,
.comment-reply-title small a:focus {
  color: var(--comment-reply-title-small--hover__Color);
}

.comment-reply-title small a::before {
  display: block;
  position: relative;
  height: 20px;
  width: 20px;
  content: "\02df";
  font-size: 32px;
  line-height: 1;
  text-align: center;
}

.comment-list + .comment-respond,
.comment-navigation + .comment-respond {
  margin-top: calc(var(--global--spacing-vertical) * 1.5);
}

.required {
  color: var(--global--color-danger);
}

.form-allowed-tags code {
  font-family: var(--global--font-family-monospace);
}

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

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

.comment-form-cookies-consent {
  clear: both;
}

.comment-form-cookies-consent label {
  color: var(--global--color-secondary);
}

/*--------------------------------------------------------------
Navigation
--------------------------------------------------------------*/

.main-navigation {
  --social-nav__Color: var(--main-nav-link__Color);
  --social-nav--hover__Color: var(--main-nav-link__Color);
  --social-nav-underline__Color: var(--main-nav-link__Color);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10010;
  overflow-y: hidden;
  pointer-events: none;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: -webkit-transform 0.25s ease;
  transition: -webkit-transform 0.25s ease;
  transition: transform 0.25s ease;
  transition: transform 0.25s ease, -webkit-transform 0.25s ease;
  will-change: transform;
  background-color: var(--main-nav__BackgroundColor);
}

.main-navigation.toggled-on {
  overflow-y: scroll;
  pointer-events: initial;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.main-navigation__container {
  position: relative;
  min-height: 100%;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr auto;
  grid-gap: calc(var(--global--spacing-vertical) * 2);
}

.main-navigation__footer {
  padding-top: calc(var(--global--spacing-vertical) / 2);
  border-top: 1px solid var(--main-nav-link__Color);
}

.main-navigation .privacy-policy-link {
  display: inline-block;
  color: var(--social-nav__Color);
  font-family: var(--social-nav__FontFamily);
  font-size: var(--social-nav__FontSize);
  font-weight: var(--social-nav__FontWeight);
  line-height: var(--social-nav__LineHeight);
  letter-spacing: var(--social-nav__LetterSpacing);
  text-decoration: none;
  background-image: -webkit-gradient(linear, left top, right top, from(var(--social-nav-underline__Color)), to(var(--social-nav-underline__Color)));
  background-image: linear-gradient(to right, var(--social-nav-underline__Color) 0%, var(--social-nav-underline__Color) 100%);
  background-size: 0 1px;
  background-position: 0 100%;
  background-repeat: no-repeat;
  -webkit-transition: background-size 0.25s ease-in-out;
  transition: background-size 0.25s ease-in-out;
}

.main-navigation .privacy-policy-link:hover,
.main-navigation .privacy-policy-link:focus {
  color: var(--social-nav--hover__Color);
  text-decoration: none;
  background-size: 100% 1px;
}

/*--------------------------------------------------------------
Primary Navigation
--------------------------------------------------------------*/

.primary-navigation {
  position: relative;
}

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

.primary-navigation ul.toggled-on {
  display: block;
}

.primary-navigation li {
  position: relative;
}

.primary-navigation a {
  position: relative;
  display: inline-block;
  color: var(--main-nav-link__Color);
  font-family: var(--main-nav-link__FontFamily);
  font-size: var(--main-nav-link__FontSize);
  font-weight: var(--main-nav-link__FontWeight);
  line-height: var(--main-nav-link__LineHeight);
  letter-spacing: var(--main-nav-link__LetterSpacing);
  text-decoration: none;
}

.primary-navigation a > span {
  position: relative;
  display: inline-block;
  background-image: -webkit-gradient(linear, left top, right top, from(var(--main-nav-sub-menu-link__Color)), to(var(--main-nav-sub-menu-link__Color)));
  background-image: linear-gradient(to right, var(--main-nav-sub-menu-link__Color) 0%, var(--main-nav-sub-menu-link__Color) 100%);
  background-size: 0 1px;
  background-position: 0 88%;
  background-repeat: no-repeat;
  -webkit-transition: background-size 0.25s ease-in-out;
  transition: background-size 0.25s ease-in-out;
}

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

.primary-navigation a:hover > span,
.primary-navigation a:focus > span {
  background-size: 100% 1px;
}

.primary-navigation a:focus {
  outline: none;
}

.primary-navigation .current-menu-item > a,
.primary-navigation .current-menu-ancestor > a {
  color: var(--main-nav-link--current__Color) !important;
}

.primary-navigation .current-menu-item > a > span,
.primary-navigation .current-menu-ancestor > a > span {
  background-size: 100% 1px;
}

.primary-navigation .menu-item-has-children > a {
  margin-right: calc(var(--global--spacing-horizontal) / 4);
}

.primary-navigation ul ul {
  display: none;
  margin-top: calc(var(--global--spacing-vertical) / 6);
  margin-bottom: calc(var(--global--spacing-vertical) / 2);
  margin-left: calc(1.5rem + 1.5vw - 4.8px);
}

.primary-navigation ul ul a {
  padding: calc(var(--global--spacing-vertical) / 4) 0;
  color: var(--main-nav-sub-menu-link__Color);
  font-family: var(--main-nav-sub-menu-link__FontFamily);
  font-size: var(--main-nav-sub-menu-link__FontSize);
  font-weight: var(--main-nav-sub-menu-link__FontWeight);
  line-height: var(--main-nav-sub-menu-link__LineHeight);
  letter-spacing: var(--main-nav-sub-menu-link__LetterSpacing);
  text-transform: none;
}

.primary-navigation ul ul a > span {
  background-position: 0 100%;
}

.primary-navigation ul ul a:hover,
.primary-navigation ul ul a:focus {
  color: var(--main-nav-sub-menu-link--hover__Color);
}

.primary-navigation ul ul .current-menu-item > a,
.primary-navigation ul ul .current-menu-ancestor > a {
  color: var(--main-nav-sub-menu-link--current__Color) !important;
}

.primary-navigation .menu--primary > li > ul {
  margin-left: calc(1.5rem + 5.5vw - 17.6px);
}

/* Dropdown Toggle */

.dropdown-toggle {
  padding: 0.5rem;
  vertical-align: 12%;
  color: var(--dropdown-toggle-sub-menu__Color, var(--main-nav-sub-menu-link__Color)) !important;
  line-height: 1;
  background-color: transparent !important;
  background-image: none;
  border: none;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.dropdown-toggle:hover,
.dropdown-toggle:focus {
  color: var(--dropdown-toggle-sub-menu--hover__Color, var(--main-nav-sub-menu-link__Color)) !important;
  background-color: transparent;
}

.dropdown-toggle:hover .svg-icon,
.dropdown-toggle:focus .svg-icon {
  -webkit-animation: rotate90 0.25s ease-out;
  animation: rotate90 0.25s ease-out;
}

.dropdown-toggle:focus {
  outline: 0;
}

.dropdown-toggle.toggled-on {
  color: var(--dropdown-toggle-sub-menu--toggled-on__Color, var(--main-nav-sub-menu-link__Color));
}

.dropdown-toggle.toggled-on .svg-icon {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.2s;
  transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.2s;
}

.dropdown-toggle.toggled-on:hover .svg-icon,
.dropdown-toggle.toggled-on:focus .svg-icon {
  -webkit-animation: rotate45 0.2s ease-out;
  animation: rotate45 0.2s ease-out;
}

.dropdown-toggle > .svg-icon {
  width: 1.1875rem;
  height: 1.1875rem;
}

.menu--primary > li > .dropdown-toggle {
  vertical-align: 50%;
  color: var(--dropdown-toggle__Color, var(--main-nav-link__Color));
}

.menu--primary > li > .dropdown-toggle > .svg-icon {
  width: 1.5rem;
  height: 1.5rem;
}

/*--------------------------------------------------------------
Secondary Navigation
--------------------------------------------------------------*/

.secondary-navigation {
  position: relative;
}

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

.secondary-navigation li {
  position: relative;
  margin-bottom: calc(var(--global--spacing-vertical) / 3);
}

.secondary-navigation a {
  position: relative;
  display: inline-block;
  color: var(--main-nav-sub-menu-link__Color);
  font-family: var(--main-nav-sub-menu-link__FontFamily);
  font-size: var(--main-nav-secondary-menu-link__FontSize);
  font-weight: var(--main-nav-sub-menu-link__FontWeight);
  line-height: var(--main-nav-sub-menu-link__LineHeight);
  letter-spacing: var(--main-nav-sub-menu-link__LetterSpacing);
  text-decoration: none;
}

.secondary-navigation a > span {
  position: relative;
  display: inline-block;
  background-image: -webkit-gradient(linear, left top, right top, from(var(--main-nav-sub-menu-link__Color)), to(var(--main-nav-sub-menu-link__Color)));
  background-image: linear-gradient(to right, var(--main-nav-sub-menu-link__Color) 0%, var(--main-nav-sub-menu-link__Color) 100%);
  background-size: 0 1px;
  background-position: 0 88%;
  background-repeat: no-repeat;
  -webkit-transition: background-size 0.25s ease-in-out;
  transition: background-size 0.25s ease-in-out;
}

.secondary-navigation a:hover,
.secondary-navigation a:focus {
  color: var(--main-nav-sub-menu-link--hover__Color);
}

.secondary-navigation a:hover > span,
.secondary-navigation a:focus > span {
  background-size: 100% 1px;
}

.secondary-navigation a:focus {
  outline: none;
}

.secondary-navigation .current-menu-item > a,
.secondary-navigation .current-menu-ancestor > a {
  color: var(--main-nav-sub-menu-link--current__Color) !important;
}

.secondary-navigation .current-menu-item > a > span,
.secondary-navigation .current-menu-ancestor > a > span {
  background-size: 100% 1px;
}

/*--------------------------------------------------------------
Social Navigation
--------------------------------------------------------------*/

.social-navigation {
  font-family: var(--social-nav__FontFamily);
  font-size: var(--social-nav__FontSize);
  font-weight: var(--social-nav__FontWeight);
  line-height: var(--social-nav__LineHeight);
  letter-spacing: var(--social-nav__LetterSpacing);
}

.menu--social {
  display: inline-block;
  margin: 0 0 0 calc(var(--global--spacing-horizontal) / -2);
  padding: 0;
  list-style: none;
}

.menu--social:hover li a {
  opacity: 0.5;
}

.menu--social li {
  display: inline-block;
}

.menu--social li:not(:last-child) {
  margin-right: calc(var(--global--spacing) / 4);
}

.menu--social li a {
  display: block;
  padding: calc(var(--global--spacing-vertical) / 4) calc(var(--global--spacing-horizontal) / 2);
  min-width: 2.5rem;
  text-align: center;
  color: var(--social-nav__Color);
  text-decoration: none;
}

.menu--social li a > span {
  display: inline-block;
  background-image: -webkit-gradient(linear, left top, right top, from(var(--social-nav-underline__Color)), to(var(--social-nav-underline__Color)));
  background-image: linear-gradient(to right, var(--social-nav-underline__Color) 0%, var(--social-nav-underline__Color) 100%);
  background-size: 0 1px;
  background-position: 0 100%;
  background-repeat: no-repeat;
  -webkit-transition: background-size 0.25s ease-in-out;
  transition: background-size 0.25s ease-in-out;
}

.menu--social li a:hover,
.menu--social li a:focus {
  color: var(--social-nav--hover__Color);
  text-decoration: none;
  opacity: 1;
}

.menu--social li a:hover > span,
.menu--social li a:focus > span {
  background-size: 100% 1px;
}

/*--------------------------------------------------------------
Post Navigation
--------------------------------------------------------------*/

.post-navigation-area {
  position: relative;
  clear: both;
}

.post-navigation {
  clear: both;
  overflow: hidden;
  border-top: var(--post-nav__BorderWidth) solid var(--post-nav__BorderColor);
  border-bottom: var(--post-nav__BorderWidth) solid var(--post-nav__BorderColor);
}

.post-navigation .nav-links {
  padding-top: var(--global--spacing-vertical);
  padding-bottom: var(--global--spacing-vertical);
}

.post-navigation .nav-previous,
.post-navigation .nav-next {
  position: relative;
}

.post-navigation .nav-next {
  margin-left: auto;
}

.post-navigation a {
  display: block;
  position: relative;
  color: var(--post-nav-link__Color);
  text-decoration: none;
}

.post-navigation a:hover,
.post-navigation a:focus {
  color: var(--post-nav-link--hover__Color);
}

.post-navigation a:focus {
  outline: 0;
}

.post-navigation .meta-nav {
  display: block;
  margin-bottom: calc(var(--global--spacing-vertical) / 3);
  -webkit-transition: color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out;
  color: var(--post-nav-meta__Color);
  font-family: var(--post-nav-meta__FontFamily);
  font-size: var(--post-nav-meta__FontSize);
  font-weight: var(--post-nav-meta__FontWeight);
  text-transform: var(--post-nav-meta__TextTransform);
  letter-spacing: var(--post-nav-meta__LetterSpacing);
}

.post-navigation .post-title {
  display: inline-block;
  margin-top: 0;
  font-family: var(--post-nav-title__FontFamily);
  font-size: var(--post-nav-title__FontSize);
  font-weight: var(--post-nav-title__FontWeight);
  line-height: var(--post-nav-title__LineHeight);
  letter-spacing: var(--post-nav-title__LetterSpacing);
  text-rendering: optimizeLegibility;
}

/*--------------------------------------------------------------
Pagination
--------------------------------------------------------------*/

.pagination {
  position: relative;
}

.pagination .page-numbers {
  display: none;
  margin-right: 0.75em;
  color: var(--pagination__Color);
  font-family: var(--pagination__FontFamily);
  font-size: var(--pagination__FontSize);
  font-weight: var(--pagination__FontWeight);
  letter-spacing: var(--pagination__LetterSpacing);
}

.pagination .page-numbers:last-child {
  margin-right: 0;
}

.pagination .page-numbers.current {
  color: var(--pagination--current__Color);
}

.pagination a {
  text-decoration: none;
}

.pagination a:hover,
.pagination a:focus {
  color: var(--pagination--hover__Color);
}

.pagination a:focus {
  outline: 0;
}

.pagination .current,
.pagination .prev,
.pagination .next {
  display: inline-block;
}

/*--------------------------------------------------------------
Comment Navigation
--------------------------------------------------------------*/

.comment-navigation {
  overflow: hidden;
  padding-bottom: var(--global--spacing-horizontal);
}

.comment-navigation .nav-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-top: calc(var(--global--spacing-vertical) / 4);
  border-top: var(--comment-nav__BorderWidth) solid var(--comment-nav__BorderColor);
}

.comment-navigation .nav-previous:not(:empty),
.comment-navigation .nav-next:not(:empty) {
  display: inline-block;
}

.comment-navigation .nav-previous:not(:empty) + .nav-next:not(:empty) {
  margin-left: var(--global--spacing-horizontal);
}

.comment-navigation .nav-next {
  margin-left: auto;
}

.comment-navigation a {
  color: var(--comment-nav__Color);
  font-family: var(--comment-nav__FontFamily);
  font-size: var(--comment-nav__FontSize);
  font-weight: var(--comment-nav__FontWeight);
  letter-spacing: var(--comment-nav__LetterSpacing);
  text-decoration: none;
}

.comment-navigation a:hover,
.comment-navigation a:focus {
  color: var(--comment-nav--hover__Color);
}

.comment-navigation a:focus {
  outline: none;
}

/*--------------------------------------------------------------
Sidebar
--------------------------------------------------------------*/

.sidebar {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  max-width: 430px;
  height: 100%;
  z-index: 10005;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-transform: translateX(calc(100%));
  transform: translateX(calc(100%));
  -webkit-transition: -webkit-transform 0.35s ease-in;
  transition: -webkit-transform 0.35s ease-in;
  transition: transform 0.35s ease-in;
  transition: transform 0.35s ease-in, -webkit-transform 0.35s ease-in;
  will-change: transform;
  background-color: var(--sidebar__BackgroundColor);
}

.admin-bar .sidebar {
  top: 46px;
}

.sidebar.toggled-on {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: -webkit-transform 0.35s ease-out;
  transition: -webkit-transform 0.35s ease-out;
  transition: transform 0.35s ease-out;
  transition: transform 0.35s ease-out, -webkit-transform 0.35s ease-out;
}

.sidebar .button--sidebar-close {
  position: absolute;
  top: var(--global--spacing);
  right: var(--global--spacing);
  padding: 0.5rem;
  z-index: 10;
  color: var(--sidebar-text--secondary__Color) !important;
  line-height: 1;
  background-color: transparent !important;
  border: none;
  border-radius: 0;
  background-image: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.sidebar .button--sidebar-close:hover,
.sidebar .button--sidebar-close:focus {
  color: var(--sidebar-text--primary__Color) !important;
  background-color: transparent;
}

.sidebar .button--sidebar-close:focus {
  outline: 0;
}

.sidebar .widget-area {
  position: relative;
  min-height: 100%;
  padding: calc(var(--global--spacing-vertical) * 3) calc(22.5vw - 52px) calc(var(--global--spacing-vertical) * 2);
}

/* Button Sidebar Opener */

.button--sidebar-opener {
  position: fixed;
  top: 0;
  right: 0;
  width: 1.75rem;
  height: 100%;
  padding: 0.25rem;
  z-index: 10003;
  color: var(--button--sidebar-opener__Color) !important;
  background-color: var(--button--sidebar-opener__BackgroundColor) !important;
  border: none;
  border-radius: 0;
  background-image: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.25s ease-in 0.35s, visibility 0.25s ease-in 0.35s, width 0.15s ease-in;
  transition: opacity 0.25s ease-in 0.35s, visibility 0.25s ease-in 0.35s, width 0.15s ease-in;
}

.button--sidebar-opener:hover,
.button--sidebar-opener:focus {
  width: 2rem;
  color: var(--button--sidebar-opener__Color);
  background-color: var(--button--sidebar-opener__BackgroundColor);
}

.button--sidebar-opener:focus {
  outline: none;
}

.button--sidebar-opener.toggled-on {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0s ease-out, visibility 0s ease-out, width 0.15s ease-out;
  transition: opacity 0s ease-out, visibility 0s ease-out, width 0.15s ease-out;
}

body.main-nav--is-open .button--sidebar-opener {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0s ease-out, visibility 0s ease-out;
  transition: opacity 0s ease-out, visibility 0s ease-out;
}

/* Sidebar Overlay */

.sidebar-overlay {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10004;
  pointer-events: none;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 0.35s ease-in, opacity 0.35s ease-in;
  transition: visibility 0.35s ease-in, opacity 0.35s ease-in;
  will-change: visibility, opacity;
  cursor: pointer;
  background-color: var(--sidebar-overlay__BackgroundColor);
}

body.sidebar--is-open .sidebar-overlay {
  pointer-events: initial;
  visibility: visible;
  opacity: 0.9;
  -webkit-transition: visibility 0.35s ease-out, opacity 0.35s ease-out;
  transition: visibility 0.35s ease-out, opacity 0.35s ease-out;
}

/*--------------------------------------------------------------
Widgets
--------------------------------------------------------------*/

.widget:not(:last-child) {
  padding-bottom: calc(var(--global--spacing-vertical) * 2);
  border-bottom: var(--widget__BorderWidth) solid var(--widget__BorderColor);
}

.widget .widget-title {
  position: relative;
  margin-top: 0;
  margin-bottom: var(--global--spacing-vertical);
  color: var(--widget-title__Color);
  font-family: var(--widget-title__FontFamily);
  font-size: var(--widget-title__FontSize);
  font-weight: var(--widget-title__FontWeight);
  letter-spacing: var(--widget-title__LetterSpacing);
}

.widget .widget-title :empty {
  margin-bottom: 0;
}

.widget ul {
  list-style: none;
  margin-bottom: 0;
  padding-left: 0;
  color: var(--sidebar-text--primary__Color);
  font-family: var(--global--font-family-content);
}

.widget ul li {
  position: relative;
  margin-bottom: calc(var(--global--spacing-vertical) / 4);
}

.widget ul li > a {
  color: var(--sidebar-link__Color);
  text-decoration: none;
}

.widget ul li > a:hover,
.widget ul li > a:focus {
  color: var(--sidebar-link--hover__Color);
}

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

.widget ul.children,
.widget ul.sub-menu {
  margin-top: calc(var(--global--spacing-vertical) / 4);
  padding-left: calc(var(--global--spacing) * 1.125);
}

.widget ul.children li::before,
.widget ul.sub-menu li::before {
  content: "\2013";
  display: inline-block;
  margin-right: 0.625rem;
  margin-left: calc(var(--global--spacing) * -1.125);
  opacity: 0.5;
}

.widget ul .current-cat,
.widget ul .current-menu-item,
.widget ul .current_page_item {
  color: var(--sidebar-link--hover__Color);
}

.widget ul .current-cat a,
.widget ul .current-menu-item a,
.widget ul .current_page_item a {
  color: var(--sidebar-link--hover__Color);
}

/* Calendar widget */

.widget_calendar table.wp-calendar-table th,
.widget_calendar table.wp-calendar-table td {
  border-color: var(--sidebar__BorderColor);
}

.widget_calendar table.wp-calendar-table th {
  color: var(--sidebar-widget-title__Color);
  background-color: var(--sidebar__BorderColor);
}

.widget_calendar table.wp-calendar-table td {
  color: var(--sidebar-text--secondary__Color);
}

.widget_calendar .wp-calendar-nav a {
  color: var(--sidebar-text--secondary__Color);
}

.widget_calendar .wp-calendar-nav a:hover,
.widget_calendar .wp-calendar-nav a:focus {
  color: var(--sidebar-link--hover__Color);
}

/* Recent Posts widget */

.widget_recent_entries ul {
  line-height: 1.5;
}

.widget_recent_entries ul li {
  margin-bottom: var(--global--spacing-vertical);
}

.widget_recent_entries ul li a {
  position: relative;
  color: var(--sidebar-link__Color);
  font-family: var(--global--font-family-content);
  font-size: var(--global--font-size-normal);
  font-weight: var(--global--font-weight-normal);
  letter-spacing: var(--widget-recent-entries-link__LetterSpacing);
  text-decoration: underline;
}

.widget_recent_entries ul li a i,
.widget_recent_entries ul li a em {
  font-style: normal;
}

.widget_recent_entries ul li a:hover,
.widget_recent_entries ul li a:focus {
  color: var(--sidebar-link--hover__Color);
}

.widget_recent_entries .post-date {
  display: block;
  margin-top: 0.625rem;
  color: var(--sidebar-text--secondary__Color);
  font-family: var(--global--font-family-base);
  font-size: var(--global--font-size-xs);
  font-weight: var(--global--font-weight-normal);
  letter-spacing: var(--widget-recent-entries-date__LetterSpacing);
}

/* Recent Comments widget */

.widget_recent_comments ul {
  line-height: 1.5;
}

.widget_recent_comments ul li {
  margin-bottom: var(--global--spacing-vertical);
  color: var(--sidebar-text--secondary__Color);
  font-family: var(--global--font-family-base);
  font-size: var(--global--font-size-xs);
  font-weight: var(--global--font-weight-normal);
  letter-spacing: var(--widget-recent-comments__LetterSpacing);
}

.widget_recent_comments ul li .comment-author-link a {
  color: var(--sidebar-text--secondary__Color);
}

.widget_recent_comments ul li .comment-author-link a:hover,
.widget_recent_comments ul li .comment-author-link a:focus {
  color: var(--sidebar-text--secondary__Color);
}

.widget_recent_comments ul li > a {
  display: block !important;
  margin-top: 0.25rem !important;
  position: relative;
  color: var(--sidebar-link__Color);
  font-family: var(--global--font-family-content);
  font-size: var(--global--font-size-normal);
  font-weight: var(--global--font-weight-normal);
  letter-spacing: var(--widget-recent-comments-link__LetterSpacing);
  text-decoration: underline;
}

.widget_recent_comments ul li > a i,
.widget_recent_comments ul li > a em {
  font-style: normal;
}

.widget_recent_comments ul li > a:hover,
.widget_recent_comments ul li > a:focus {
  color: var(--sidebar-link--hover__Color);
}

/* RSS widget */

.widget_rss .widget-title > a {
  color: var(--sidebar-widget-title__Color);
  text-decoration: none;
}

.widget_rss .widget-title > a:hover,
.widget_rss .widget-title > a:focus {
  color: var(--sidebar-link--hover__Color);
}

.widget_rss .rss-widget-icon {
  vertical-align: 0;
  margin-right: 0.5rem;
}

.widget_rss ul {
  line-height: 1.5;
}

.widget_rss ul li {
  margin-bottom: var(--global--spacing-vertical);
}

.widget_rss ul li .rsswidget {
  color: var(--sidebar-link__Color);
  font-family: var(--global--font-family-content);
  font-size: var(--global--font-size-normal);
  font-weight: var(--global--font-weight-normal);
  letter-spacing: var(--widget-rss-title__LetterSpacing);
  text-decoration: underline;
}

.widget_rss ul li .rsswidget:hover,
.widget_rss ul li .rsswidget:focus {
  color: var(--sidebar-link--hover__Color);
}

.widget_rss .rss-date,
.widget_rss cite {
  display: block;
  margin-top: calc(var(--global--spacing-vertical) / 3);
  color: var(--sidebar-text--secondary__Color);
  font-family: var(--global--font-family-base);
  font-size: var(--global--font-size-xs);
  font-weight: var(--global--font-weight-normal);
  letter-spacing: var(--widget-rss-date__LetterSpacing);
}

.widget_rss .rssSummary {
  margin-top: calc(var(--global--spacing-vertical) / 3);
  color: var(--sidebar-text--secondary__Color);
  font-family: var(--global--font-family-content);
  font-size: var(--global--font-size-normal);
  letter-spacing: var(--widget-rss-summary__LetterSpacing);
}

.widget_rss cite {
  font-style: normal;
}

.widget_rss cite:empty {
  margin: 0;
}

/* Tag Cloud widget */

.tagcloud .tag-cloud-link {
  float: left;
  margin-right: calc(var(--global--spacing-vertical) / 2);
  margin-bottom: calc(var(--global--spacing-vertical) / 2);
  color: var(--tag-cloud-link__Color);
  font-family: var(--tag-cloud-link__FontFamily);
  font-size: var(--tag-cloud-link__FontSize) !important;
  font-weight: var(--tag-cloud-link__FontWeight);
  line-height: var(--tag-cloud-link__LineHeight);
  letter-spacing: var(--tag-cloud-link__LetterSpacing);
  text-decoration: none;
  background-image: -webkit-gradient(linear, left top, right top, from(var(--tag-cloud-link-underline--hover__Color)), to(var(--tag-cloud-link-underline--hover__Color))), -webkit-gradient(linear, left top, right top, from(var(--tag-cloud-link-underline__Color)), to(var(--tag-cloud-link-underline__Color)));
  background-image: linear-gradient(to right, var(--tag-cloud-link-underline--hover__Color) 0%, var(--tag-cloud-link-underline--hover__Color) 100%), linear-gradient(to right, var(--tag-cloud-link-underline__Color) 0%, var(--tag-cloud-link-underline__Color) 100%);
  background-repeat: no-repeat;
  background-size: 0 1px, 100% 1px;
  background-position: 100% 100%, 0 100%;
  -webkit-transition: color 0.25s ease-in-out, opacity 0.25s ease-in-out, background-size 0.25s ease-in-out;
  transition: color 0.25s ease-in-out, opacity 0.25s ease-in-out, background-size 0.25s ease-in-out;
}

.tagcloud .tag-cloud-link .tag-link-count {
  color: var(--tag-cloud-link-count__Color);
  font-weight: var(--tag-cloud-link-count__FontWeight);
  -webkit-transition: var(--global--transition);
  transition: var(--global--transition);
}

.tagcloud .tag-cloud-link:hover,
.tagcloud .tag-cloud-link:focus {
  color: var(--tag-cloud-link--hover__Color);
  background-size: 100% 1px;
  background-position: 0 100%;
}

.tagcloud .tag-cloud-link:hover .tag-link-count,
.tagcloud .tag-cloud-link:focus .tag-link-count {
  color: var(--tag-cloud-link-count--hover__Color);
}

.tagcloud .tag-cloud-link::before {
  margin-right: 0.125em;
  content: "\0023";
  display: inline;
}

/* Other widgets */

.widget_archive ul,
.widget_categories ul,
.widget_meta ul,
.widget_nav_menu .menu-primary-menu-container ul,
.widget_pages ul {
  font-size: var(--global--font-size-normal);
  line-height: var(--global--line-height-base);
  letter-spacing: var(--global--letter-spacing);
}

.widget_archive ul a,
.widget_categories ul a,
.widget_meta ul a,
.widget_nav_menu .menu-primary-menu-container ul a,
.widget_pages ul a {
  font-weight: var(--global--font-weight-normal);
}

.widget_archive ul li,
.widget_categories ul li {
  color: var(--sidebar-text--secondary__Color);
}

.widget_archive ul li > a,
.widget_categories ul li > a {
  color: var(--sidebar-link__Color);
}

.widget_archive ul li > a:hover,
.widget_archive ul li > a:focus,
.widget_categories ul li > a:hover,
.widget_categories ul li > a:focus {
  color: var(--sidebar-link--hover__Color);
}

.widget_search .search-form > label {
  margin-bottom: 0;
}

.widget_search .search-form input[type="search"] {
  color: var(--widget-search-input__Color);
  background-color: var(--widget-search-input__BackgroundColor);
}

.widget_search .search-form input[type="search"]:hover,
.widget_search .search-form input[type="search"]:focus {
  background-color: var(--widget-search-input--hover__BackgroundColor);
}

.widget_search .search-form .search-form__button {
  color: var(--widget-search-button__Color) !important;
}

.widget_search .search-form .search-form__button:hover,
.widget_search .search-form .search-form__button:focus {
  color: var(--widget-search-button--hover__Color) !important;
}

.textwidget {
  color: var(--textwidget__Color);
  font-family: var(--textwidget__FontFamily);
  font-size: var(--textwidget__FontSize);
  line-height: var(--textwidget__LineHeight);
  letter-spacing: var(--textwidget__LetterSpacing);
}

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

.textwidget > :last-child {
  margin-bottom: 0;
}

.widget_media_gallery .gallery-item {
  margin-right: calc(var(--global--spacing) / 2);
  margin-bottom: calc(var(--global--spacing) / 2);
}

.widget_media_gallery .gallery-columns-2 .gallery-item {
  max-width: calc((100% - var(--global--spacing) / 2 * 1) / 2);
}

.widget_media_gallery .gallery-columns-2 .gallery-item:nth-of-type(2n+2) {
  margin-right: 0;
}

.widget_media_gallery .gallery-columns-3 .gallery-item {
  max-width: calc((100% - var(--global--spacing) / 2 * 2) / 3);
}

.widget_media_gallery .gallery-columns-3 .gallery-item:nth-of-type(3n+3) {
  margin-right: 0;
}

.widget_media_gallery .gallery-columns-4 .gallery-item {
  max-width: calc((100% - var(--global--spacing) / 2 * 3) / 4);
}

.widget_media_gallery .gallery-columns-4 .gallery-item:nth-of-type(4n+4) {
  margin-right: 0;
}

.widget_media_gallery .gallery-columns-5 .gallery-item {
  max-width: calc((100% - var(--global--spacing) / 2 * 4) / 5);
}

.widget_media_gallery .gallery-columns-5 .gallery-item:nth-of-type(5n+5) {
  margin-right: 0;
}

.widget_media_gallery .gallery-columns-6 .gallery-item {
  max-width: calc((100% - var(--global--spacing) / 2 * 5) / 6);
}

.widget_media_gallery .gallery-columns-6 .gallery-item:nth-of-type(6n+6) {
  margin-right: 0;
}

.widget_media_gallery .gallery-columns-7 .gallery-item {
  max-width: calc((100% - var(--global--spacing) / 2 * 6) / 7);
}

.widget_media_gallery .gallery-columns-7 .gallery-item:nth-of-type(7n+7) {
  margin-right: 0;
}

.widget_media_gallery .gallery-columns-8 .gallery-item {
  max-width: calc((100% - var(--global--spacing) / 2 * 7) / 8);
}

.widget_media_gallery .gallery-columns-8 .gallery-item:nth-of-type(8n+8) {
  margin-right: 0;
}

.widget_media_gallery .gallery-columns-9 .gallery-item {
  max-width: calc((100% - var(--global--spacing) / 2 * 8) / 9);
}

.widget_media_gallery .gallery-columns-9 .gallery-item:nth-of-type(9n+9) {
  margin-right: 0;
}

.widget_media_gallery:last-of-type {
  margin-right: 0;
}

.widget_media_gallery .gallery-icon {
  overflow: hidden;
}

.widget_media_gallery .gallery-icon a img {
  will-change: transform;
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
  -webkit-transition: -webkit-transform 1s cubic-bezier(0.17, 0.84, 0.44, 1);
  transition: -webkit-transform 1s cubic-bezier(0.17, 0.84, 0.44, 1);
  transition: transform 1s cubic-bezier(0.17, 0.84, 0.44, 1);
  transition: transform 1s cubic-bezier(0.17, 0.84, 0.44, 1), -webkit-transform 1s cubic-bezier(0.17, 0.84, 0.44, 1);
}

.widget_media_gallery .gallery-icon a:hover img,
.widget_media_gallery .gallery-icon a:focus img {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.widget_media_gallery > div > a {
  display: inline-block;
  vertical-align: middle;
  line-height: 0;
  position: relative;
}

.widget_media_gallery > div > a img {
  display: block;
}

.widget_media_gallery .wp-caption-text {
  display: none;
}

.widget_media_image .wp-caption > a,
.widget_media_image > a {
  position: relative;
  display: block;
}

.widget_media_image .wp-caption > a::before,
.widget_media_image > a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #000000;
  opacity: 0;
  z-index: 1;
  -webkit-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
}

.widget_media_image .wp-caption > a:hover::before,
.widget_media_image .wp-caption > a:focus::before,
.widget_media_image > a:hover::before,
.widget_media_image > a:focus::before {
  opacity: 0.2;
}

.widget_media_image .wp-caption-text {
  margin-bottom: 0;
}

.widget_media_audio .mejs-container,
.widget_media_audio .mejs-container .mejs-controls,
.widget_media_audio .mejs-embed,
.widget_media_audio .mejs-embed body,
.widget_media_video .mejs-container,
.widget_media_video .mejs-container .mejs-controls,
.widget_media_video .mejs-embed,
.widget_media_video .mejs-embed body {
  background-color: var(--global--color-gray-800);
}

.widget_media_audio .mejs-button > button,
.widget_media_video .mejs-button > button {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.widget_media_audio button,
.widget_media_video button {
  background-color: transparent !important;
}

/*--------------------------------------------------------------
Post item
--------------------------------------------------------------*/

.post-item {
  position: relative;
  padding-top: calc(var(--global--spacing-vertical) * 1.5);
  padding-bottom: calc(var(--global--spacing-vertical) * 1.5);
  border-top: var(--post-item__BorderWidth) solid var(--post-item__BorderColor);
}

.post-item__meta,
.post-item__title {
  max-width: 640px;
}

.post-item__title {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--post-item-title__FontFamily);
  font-size: var(--post-item-title__FontSize);
  font-weight: var(--post-item-title__FontWeight);
  line-height: var(--post-item-title__LineHeight);
  letter-spacing: var(--post-item-title__LetterSpacing);
}

.post-item__title a {
  color: var(--post-item-title__Color);
  text-decoration: none;
}

.post-item__title a:hover,
.post-item__title a:focus {
  color: var(--post-item-title--hover__Color);
}

.post-item__title a:focus {
  outline: 0;
}

.post-item__meta {
  margin-bottom: calc(var(--global--spacing-vertical) / 2);
  color: var(--post-item-meta__Color);
  font-family: var(--post-item-meta__FontFamily);
  font-size: var(--post-item-meta__FontSize);
  font-weight: var(--post-item-meta__FontWeight);
  line-height: var(--post-item-meta__LineHeight);
  letter-spacing: var(--post-item-meta__LetterSpacing);
}

.post-item__meta > span {
  display: inline;
  position: relative;
}

.post-item__meta > span:not(:last-child) {
  margin-right: var(--global--spacing-horizontal);
}

.post-item__meta > span > * {
  display: inline-block;
}

.post-item__meta a {
  color: var(--post-item-meta__Color);
  text-decoration: none;
  background-image: -webkit-gradient(linear, left top, right top, from(var(--post-item-meta-underline--hover__Color)), to(var(--post-item-meta-underline--hover__Color))), -webkit-gradient(linear, left top, right top, from(var(--post-item-meta-underline__Color)), to(var(--post-item-meta-underline__Color)));
  background-image: linear-gradient(to right, var(--post-item-meta-underline--hover__Color) 0%, var(--post-item-meta-underline--hover__Color) 100%), linear-gradient(to right, var(--post-item-meta-underline__Color) 0%, var(--post-item-meta-underline__Color) 100%);
  background-repeat: no-repeat;
  background-size: 0 1px, 100% 1px;
  background-position: 100% 100%, 0 100%;
  -webkit-transition: color 0.25s ease-in-out, background-size 0.25s ease-in-out;
  transition: color 0.25s ease-in-out, background-size 0.25s ease-in-out;
}

.post-item__meta a:hover,
.post-item__meta a:focus {
  color: var(--post-item-meta--hover__Color);
  background-size: 100% 1px;
  background-position: 0 100%;
}

.post-item__meta a:focus {
  outline: 0;
}

.post-item .icon--arrow {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.post-item .icon--arrow a {
  color: var(--post-item-title__Color);
}

.post-item .icon--arrow a:hover,
.post-item .icon--arrow a:focus {
  color: var(--post-item-title--hover__Color);
}

.post-item .icon--arrow .svg-icon {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  opacity: 0.15;
  -webkit-transition: opacity 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
}

.post-item:hover .icon--arrow a:not(:hover):not(:focus),
.post-item:focus .icon--arrow a:not(:hover):not(:focus) {
  color: var(--post-item-title__Color);
}

.post-item:hover .icon--arrow .svg-icon,
.post-item:focus .icon--arrow .svg-icon {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  opacity: 1;
}

/*--------------------------------------------------------------
Post card
--------------------------------------------------------------*/

.post-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  height: 100%;
  position: relative;
  word-wrap: break-word;
  background-clip: border-box;
}

.post-card:not(.has-post-card-thumbnail) {
  padding: var(--global--spacing-vertical);
  background-color: var(--post-card__BackgroundColor);
  border-radius: var(--post-card__BorderRadius);
}

.post-card__thumbnail {
  position: relative;
  display: block;
  margin-bottom: calc(var(--global--spacing-vertical) / 1.5);
  overflow: hidden;
}

.post-card__thumbnail .thumbnail__wrapper {
  position: relative;
  display: block;
  max-width: 100%;
  margin: 0 auto;
  background-color: var(--post-card__thumbnail__BackgroundColor);
  overflow: hidden;
}

.post-card__thumbnail .thumbnail__wrapper a img {
  will-change: transform;
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  -webkit-transition: -webkit-transform 1s cubic-bezier(0.17, 0.84, 0.44, 1);
  transition: -webkit-transform 1s cubic-bezier(0.17, 0.84, 0.44, 1);
  transition: transform 1s cubic-bezier(0.17, 0.84, 0.44, 1);
  transition: transform 1s cubic-bezier(0.17, 0.84, 0.44, 1), -webkit-transform 1s cubic-bezier(0.17, 0.84, 0.44, 1);
}

.post-card__thumbnail .thumbnail__wrapper a:hover img,
.post-card__thumbnail .thumbnail__wrapper a:focus img {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.post-card__thumbnail .thumbnail__wrapper > * {
  display: block;
}

.post-card__thumbnail a {
  color: var(--global--color-secondary);
  font-size: var(--global--font-size-xs);
}

.post-card__thumbnail a img {
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -o-object-fit: cover;
  object-fit: cover;
  background-position: center center;
}

.post-card__thumbnail--cropped a {
  padding-top: 66.66667%;
}

.post-card__body {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 0.125rem;
  padding-right: 0.125rem;
}

.post-card__body > :last-child {
  margin-bottom: 0;
}

.post-card__title {
  margin-top: 0;
  margin-bottom: calc(var(--global--spacing-vertical) / 2);
  font-family: var(--post-card-title__FontFamily);
  font-size: var(--post-card-title__FontSize);
  font-weight: var(--post-card-title__FontWeight);
  line-height: var(--post-card-title__LineHeight);
  letter-spacing: var(--post-card-title__LetterSpacing);
}

.post-card__title a {
  color: var(--post-card-title__Color);
  text-decoration: none;
}

.post-card__title a:hover,
.post-card__title a:focus {
  color: var(--post-card-title--hover__Color);
}

.post-card__title a:focus {
  outline: 0;
}

.post-card__meta {
  margin-bottom: calc(var(--global--spacing-vertical) / 4);
  color: var(--post-card-meta__Color);
  font-family: var(--post-card-meta__FontFamily);
  font-size: var(--post-card-meta__FontSize);
  font-weight: var(--post-card-meta__FontWeight);
  line-height: var(--post-card-meta__LineHeight);
  letter-spacing: var(--post-card-meta__LetterSpacing);
}

.post-card__meta > span {
  display: inline;
  position: relative;
}

.post-card__meta > span:not(:last-child) {
  margin-right: var(--global--spacing-horizontal);
}

.post-card__meta > span > * {
  display: inline-block;
  margin-bottom: 0.328125rem;
}

.post-card__meta a {
  color: var(--post-card-meta__Color);
  text-decoration: none;
  background-image: -webkit-gradient(linear, left top, right top, from(var(--post-card-meta-underline--hover__Color)), to(var(--post-card-meta-underline--hover__Color))), -webkit-gradient(linear, left top, right top, from(var(--post-card-meta-underline__Color)), to(var(--post-card-meta-underline__Color)));
  background-image: linear-gradient(to right, var(--post-card-meta-underline--hover__Color) 0%, var(--post-card-meta-underline--hover__Color) 100%), linear-gradient(to right, var(--post-card-meta-underline__Color) 0%, var(--post-card-meta-underline__Color) 100%);
  background-repeat: no-repeat;
  background-size: 0 1px, 100% 1px;
  background-position: 100% 100%, 0 100%;
  -webkit-transition: color 0.25s ease-in-out, opacity 0.25s ease-in-out, background-size 0.25s ease-in-out;
  transition: color 0.25s ease-in-out, opacity 0.25s ease-in-out, background-size 0.25s ease-in-out;
}

.post-card__meta a:hover,
.post-card__meta a:focus {
  color: var(--post-card-meta--hover__Color);
  background-size: 100% 1px;
  background-position: 0 100%;
}

.post-card__meta a:focus {
  outline: 0;
}

.post-card__content {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  margin-bottom: calc(var(--global--spacing-vertical) / 2);
  color: var(--post-card-content__Color);
  font-family: var(--post-card-content__FontFamily);
  font-size: var(--post-card-content__FontSize);
  line-height: var(--post-card-content__LineHeight);
  letter-spacing: var(--post-card-content__LetterSpacing);
}

.post-card__content > :last-child {
  margin-bottom: 0;
}

.post-card__footer {
  color: var(--post-card-footer__Color);
  font-family: var(--post-card-footer__FontFamily);
  font-size: var(--post-card-footer__FontSize);
  font-weight: var(--post-card-footer__FontWeight);
  line-height: var(--post-card-footer__LineHeight);
  letter-spacing: var(--post-card-footer__LetterSpacing);
}

.post-card__footer > span {
  display: inline-block;
}

.post-card__footer > span:not(:last-child) {
  margin-right: var(--global--spacing-horizontal);
}

.post-card__footer a:not(.more-link) {
  color: var(--post-card-footer__Color);
  text-decoration: none;
}

.post-card__footer a:not(.more-link):hover,
.post-card__footer a:not(.more-link):focus {
  color: var(--post-card-footer--hover__Color);
}

.post-card__footer a:not(.more-link):focus {
  outline: 0;
}

.post-card__footer .more-link {
  font-size: inherit;
}

/* Image post card */

.post-card--image {
  background-color: var(--post-card__thumbnail__BackgroundColor);
}

.post-card--image .post-card__thumbnail {
  margin-bottom: 0;
}

.post-card--image .post-card__thumbnail .thumbnail__wrapper {
  background-color: transparent;
}

.post-card--image .post-card__thumbnail .thumbnail__wrapper::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), color-stop(60%, rgba(0, 0, 0, 0)));
  background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 60%);
  z-index: 1;
  pointer-events: none;
}

.post-card--image .post-card__thumbnail a {
  padding-top: 100%;
}

.post-card--image .post-card__body {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 0 var(--global--spacing-horizontal) var(--global--spacing-vertical);
  z-index: 10;
  pointer-events: none;
}

.post-card--image .post-card__title a {
  pointer-events: initial;
  color: var(--post-card-image-title__Color);
}

.post-card--image .post-card__title a:hover,
.post-card--image .post-card__title a:focus {
  color: var(--post-card-image-title--hover__Color);
}

.post-card--image .post-card__meta {
  color: var(--post-card-image-meta__Color);
}

.post-card--image .post-card__meta > * {
  pointer-events: initial;
}

.post-card--image .post-card__meta a {
  color: var(--post-card-image-meta__Color);
  background-image: -webkit-gradient(linear, left top, right top, from(var(--post-card-image-meta-underline--hover__Color)), to(var(--post-card-image-meta-underline--hover__Color))), -webkit-gradient(linear, left top, right top, from(var(--post-card-image-meta-underline__Color)), to(var(--post-card-image-meta-underline__Color)));
  background-image: linear-gradient(to right, var(--post-card-image-meta-underline--hover__Color) 0%, var(--post-card-image-meta-underline--hover__Color) 100%), linear-gradient(to right, var(--post-card-image-meta-underline__Color) 0%, var(--post-card-image-meta-underline__Color) 100%);
}

.post-card--image .post-card__meta a:hover,
.post-card--image .post-card__meta a:focus {
  color: var(--post-card-image-meta--hover__Color);
}

/*--------------------------------------------------------------
Related posts
--------------------------------------------------------------*/

.related-posts {
  position: relative;
}

.related-posts__header {
  margin-bottom: calc(var(--global--spacing-vertical) * 2);
  padding-bottom: calc(var(--global--spacing-vertical) / 4);
  border-bottom: var(--related-posts__BorderWidth) solid var(--related-posts__BorderColor);
}

.related-posts__title {
  color: var(--related-posts-title__Color);
  font-family: var(--related-posts-title__FontFamily);
  font-size: var(--related-posts-title__FontSize);
  font-weight: var(--related-posts-title__FontWeight);
  line-height: var(--related-posts-title__LineHeight);
  letter-spacing: var(--related-posts-title__LetterSpacing);
  text-transform: var(--related-posts-title__TextTransform);
}

.related-posts__list {
  display: grid;
  grid-template-columns: 1fr;
  grid-row-gap: calc(var(--global--spacing-vertical) * 2);
}

/*--------------------------------------------------------------
Carousels
--------------------------------------------------------------*/

.swiper-container {
  --swiper-theme-color: var(--global--color-primary);
  --swiper-navigation-size: 30px;
}

/*--------------------------------------------------------------
Content layouts
--------------------------------------------------------------*/

/* Simple list layout */

.posts-list-layout--list-simple-v1:not([class*="portfolio-layout--"]) .pagination {
  text-align: left;
}

.loop-container--list-simple-v1 .post-item:last-child {
  border-bottom: 1px solid var(--global--color-border);
}

.loop-container--list-simple-v1 .post-item .hover-reveal {
  position: absolute;
  width: calc(100vw / 3);
  height: calc(100vw / 3 / 1.5);
  top: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
  z-index: -1;
}

.loop-container--list-simple-v1 .post-item .hover-reveal__inner {
  overflow: hidden;
}

body:not(.greensock-animations--enabled) .loop-container--list-simple-v1 .post-item .hover-reveal__inner {
  -webkit-transform: translate(100%) matrix(1, 0, 0, 1, 0, 0);
  transform: translate(100%) matrix(1, 0, 0, 1, 0, 0);
}

.loop-container--list-simple-v1 .post-item .hover-reveal__inner,
.loop-container--list-simple-v1 .post-item .hover-reveal__img {
  width: 100%;
  height: 100%;
  position: relative;
}

body:not(.greensock-animations--enabled) .loop-container--list-simple-v1 .post-item .hover-reveal__inner,
body:not(.greensock-animations--enabled) .loop-container--list-simple-v1 .post-item .hover-reveal__img {
  -webkit-transition: -webkit-transform 0.25s ease-in-out;
  transition: -webkit-transform 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
}

.loop-container--list-simple-v1 .post-item .hover-reveal__img {
  background-size: cover;
  background-position: 50% 50%;
}

body:not(.greensock-animations--enabled) .loop-container--list-simple-v1 .post-item .hover-reveal__img {
  -webkit-transform: translate(-100%) matrix(1, 0, 0, 1, 0, 0);
  transform: translate(-100%) matrix(1, 0, 0, 1, 0, 0);
}

.loop-container--list-simple-v1 .post-item.active {
  z-index: 10000;
}

.loop-container--list-simple-v1 .post-item.active .hover-reveal {
  opacity: 1;
}

body:not(.greensock-animations--enabled) .loop-container--list-simple-v1 .post-item.active .hover-reveal__inner {
  -webkit-animation: slideInRight 0.25s ease-in-out;
  animation: slideInRight 0.25s ease-in-out;
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
  transform: matrix(1, 0, 0, 1, 0, 0);
}

body:not(.greensock-animations--enabled) .loop-container--list-simple-v1 .post-item.active .hover-reveal__img {
  -webkit-animation: slideInLeft 0.25s ease-in-out;
  animation: slideInLeft 0.25s ease-in-out;
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
  transform: matrix(1, 0, 0, 1, 0, 0);
}

/* Chess layout */

.loop-container--list-chess {
  --post-card-title__FontSize: calc(1.3125rem + 0.9375vw - 3px);
}

.loop-container--list-chess .list__item {
  margin-bottom: calc(5.25rem + 1.75vw - 5.6px);
}

.loop-container--list-chess .list__item:last-child {
  margin-bottom: 0;
}

/* Two-column grid layout */

.loop-container--grid-2-col {
  --post-card-title__FontSize: calc(1.3125rem + 0.5625vw - 1.8px);
}

/* Three-column grid layout */

.loop-container--grid-3-col {
  --post-card-title__FontSize: calc(1.3125rem + 0.1875vw - 0.6px);
}

/* Mixed v.1: large and small post cards */

.loop-container--mixed-v1 {
  --post-card-title__FontSize: calc(1.3125rem + 0.1875vw - 0.6px);
}

/* Mixed v.2: large and small post cards */

.loop-container--mixed-v2 {
  --post-card-title__FontSize: calc(1.3125rem + 0.1875vw - 0.6px);
}

/* Two-column masonry layout */

.posts-list-layout--masonry-2-col:not([class*="portfolio-layout--"]) .pagination {
  margin-top: 0;
}

.loop-container--masonry-2-col {
  --post-card-title__FontSize: calc(1.3125rem + 0.1875vw - 0.6px);
  margin-bottom: calc(5.25rem + 1.75vw - 5.6px - (3.5rem + 1.75vw - 5.6px));
}

.loop-container--masonry-2-col .grid__item {
  position: relative;
  width: 100%;
  margin-bottom: calc(3.5rem + 1.75vw - 5.6px);
}

/* Three-column masonry layout */

.loop-container--masonry-3-col {
  --post-card-title__FontSize: calc(1.3125rem + 0.1875vw - 0.6px);
}

.loop-container--masonry-3-col .grid__item {
  position: relative;
  width: 100%;
  margin-bottom: calc(3.5rem + 0.875vw - 2.8px);
}

/*--------------------------------------------------------------
Magic Cursor
--------------------------------------------------------------*/

.magic-cursor {
  position: fixed;
  display: block;
  width: var(--magic-cursor__Width);
  height: var(--magic-cursor__Width);
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 15000;
}

.magic-cursor__ball {
  position: fixed;
  width: var(--magic-cursor__Width);
  height: var(--magic-cursor__Width);
  border: 2px solid var(--magic-cursor__Color);
  border-radius: 50%;
  pointer-events: none;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out;
}

.magic-cursor__ball--visible {
  opacity: 1;
}

.main-nav--is-open .magic-cursor__ball {
  --magic-cursor__Color: var(--magic-cursor__Color--inverse);
}

.magic-cursor__ball.state--link {
  border-width: 1px;
  border-color: var(--magic-cursor--hover__Color);
}

.magic-cursor__ball.state--transparent {
  border-width: 0;
  background-color: var(--magic-cursor--transparent__BackgroundColor);
}

.main-nav--is-open .magic-cursor__ball.state--transparent {
  --magic-cursor--transparent__BackgroundColor: var(--magic-cursor--transparent__BackgroundColor--inverse);
}

.magic-cursor__ball.state--colored {
  border-color: var(--magic-cursor--colored__Color);
}

.magic-cursor__ball.state--icon-plus {
  --magic-cursor--hover__Color: var(--magic-cursor-icon__Color);
}

.magic-cursor__ball.state--icon-plus .cursor__icon--plus {
  opacity: 1;
  visibility: visible;
}

.magic-cursor__ball.state--text {
  border-width: 0;
  background-color: var(--magic-cursor--colored__Color);
}

.magic-cursor__ball.state--text .cursor__text {
  opacity: 1;
  visibility: visible;
}

.magic-cursor__ball.state--arrows-y {
  --magic-cursor__Color: var(--magic-cursor-icon__Color);
  border-width: 1px;
}

.magic-cursor__ball.state--arrows-y .cursor__arrow--up,
.magic-cursor__ball.state--arrows-y .cursor__arrow--down {
  opacity: 1;
  visibility: visible;
}

.magic-cursor__ball.state--arrows-x {
  --magic-cursor__Color: var(--magic-cursor-icon__Color);
  border-width: 1px;
}

.magic-cursor__ball.state--arrows-x .cursor__arrow--left,
.magic-cursor__ball.state--arrows-x .cursor__arrow--right {
  opacity: 1;
  visibility: visible;
}

.magic-cursor__ball.state--caption .cursor__caption {
  opacity: 1;
  visibility: visible;
}

.magic-cursor .cursor__icon {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  color: var(--magic-cursor-icon__Color);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.magic-cursor .cursor__arrows {
  position: absolute;
  display: block;
  width: calc(var(--magic-cursor__Width) * 2);
  height: calc(var(--magic-cursor__Width) * 2);
  left: 50%;
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}

.magic-cursor .cursor__text {
  position: relative;
  display: block;
  max-width: var(--magic-cursor__Width);
  max-height: var(--magic-cursor__Width);
  left: 50%;
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  overflow: hidden;
  color: var(--magic-cursor-text__Color);
  font-size: 0.3125rem;
  font-weight: var(--global--font-weight-medium);
  line-height: var(--global--line-height-heading);
  text-align: center;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.magic-cursor .cursor__arrow {
  position: absolute;
  line-height: 1;
  color: var(--magic-cursor-icon__Color);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.magic-cursor .cursor__arrow--up {
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.magic-cursor .cursor__arrow--down {
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.magic-cursor .cursor__arrow--left {
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.magic-cursor .cursor__arrow--right {
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.magic-cursor .cursor__caption {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100vw;
  max-width: 12rem;
  left: calc(var(--magic-cursor__Width) + var(--global--spacing-horizontal) / 3);
  top: 50%;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.magic-cursor .cursor__caption .cursor__caption-title {
  width: auto;
  color: var(--magic-cursor-caption-title__Color);
  font-size: var(--global--font-size-base);
  font-weight: var(--global--font-weight-bold);
  line-height: var(--global--line-height-heading);
  padding: calc(var(--global--spacing-vertical) / 3) calc(var(--global--spacing-horizontal) / 2);
  background-color: var(--magic-cursor-caption-title__BackgroundColor);
}

.magic-cursor .cursor__caption .cursor__caption-category {
  width: auto;
  color: var(--magic-cursor-caption-category__Color);
  font-size: calc(var(--global--font-size-base) / 2);
  font-weight: var(--global--font-weight-medium);
  line-height: var(--global--line-height-base);
  padding: calc(var(--global--spacing-vertical) / 6) calc(var(--global--spacing-horizontal) / 2);
  background-color: var(--magic-cursor-caption-category__BackgroundColor);
}

/*--------------------------------------------------------------
Smooth Scrollbar
--------------------------------------------------------------*/

.smooth-scrollbar--enabled #scroll-content {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
}

.smooth-scrollbar--enabled .scrollbar-track {
  z-index: 100000;
  background-color: transparent;
}

.smooth-scrollbar--enabled .scrollbar-thumb {
  background-color: rgba(255, 255, 255, 0.15);
}

.smooth-scrollbar--enabled .scrollbar-thumb:hover {
  cursor: -webkit-grab;
  cursor: grab;
}

.smooth-scrollbar--enabled.main-nav--is-open,
.smooth-scrollbar--enabled.sidebar--is-open {
  margin-right: 0;
}

.smooth-scrollbar--enabled.main-nav--is-open .header__buttons {
  margin-right: 0;
}

.smooth-scrollbar--enabled .main-navigation.toggled-on {
  overflow-y: auto;
}

.smooth-scrollbar--enabled.portfolio-layout--carousel-large-v1,
.smooth-scrollbar--enabled.portfolio-layout--carousel-fullscreen-v1,
.smooth-scrollbar--enabled.portfolio-layout--carousel-fullscreen-v2 {
  overflow-y: auto;
}

/*--------------------------------------------------------------
Multisites
--------------------------------------------------------------*/

.widecolumn {
  position: relative;
}

.widecolumn .mu_register {
  color: var(--mu-register__Color);
  font-size: var(--mu-register__FontSize);
}

.widecolumn .mu_register .mu_alert,
.widecolumn .mu_register .error {
  margin: 0 0 0.75rem;
  padding: 0.75em 1.5em;
  color: var(--mu_alert__Color);
  font-family: var(--mu_alert__FontFamily);
  font-size: var(--mu_alert__FontSize);
  font-weight: var(--mu_alert__FontWeight);
  letter-spacing: var(--mu-alert__LetterSpacing);
  background-color: transparent;
  border-color: var(--mu_alert__BorderColor);
  border-radius: var(--global--border-radius);
}

.widecolumn .mu_register label {
  margin: 2rem 0 0.4375rem;
}

.widecolumn .mu_register label.checkbox {
  display: inline-block !important;
  margin: 0.5em 1em 0 0;
}

.widecolumn .mu_register label strong {
  font-weight: var(--global--font-weight-normal);
}

.widecolumn .mu_register .prefix_address,
.widecolumn .mu_register .suffix_address {
  font-size: inherit;
}

.widecolumn form,
.widecolumn .mu_register form {
  margin-top: 0;
  font-family: var(--mu-register-form__FontFamily);
}

.widecolumn h2 em {
  font-style: normal;
}

.widecolumn p {
  margin: var(--global--spacing-vertical) 0;
}

.widecolumn p + h2 {
  margin: calc(var(--global--spacing-vertical) * 2) 0 var(--global--spacing-vertical);
}

.widecolumn label,
.widecolumn .mu_register label {
  font-size: var(--label__FontSize);
  font-weight: var(--label__FontWeight);
  letter-spacing: var(--label__LetterSpacing);
}

.widecolumn #key,
.widecolumn .mu_register #blog_title,
.widecolumn .mu_register #user_email,
.widecolumn .mu_register #blogname,
.widecolumn .mu_register #user_name {
  width: 100%;
  font-size: var(--global--font-size-normal);
  font-weight: var(--global--font-weight-normal);
}

.widecolumn .mu_register #blogname {
  margin: 0 0.5rem 0 0;
  width: auto;
  display: inline-block;
}

.widecolumn .mu_register #blog_title,
.widecolumn .mu_register #user_email,
.widecolumn .mu_register #user_name {
  margin: 0;
}

.widecolumn #submit,
.widecolumn .mu_register input[type='submit'] {
  margin: 0;
  font-size: var(--button__FontSize);
}

.widecolumn .mu_register > :last-child,
.widecolumn form > :last-child {
  margin-bottom: 0;
}

.widecolumn span.h3 {
  padding: 0 0.5em 0 0;
  font-size: inherit;
  font-weight: var(--global--font-weight-normal);
}

/*--------------------------------------------------------------
UTILITIES
--------------------------------------------------------------*/

/*--------------------------------------------------------------
A11y
--------------------------------------------------------------*/

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

.screen-reader-text:focus {
  display: block;
  width: auto;
  height: auto;
  left: calc(var(--global--spacing) / 2);
  top: calc(var(--global--spacing) / 2);
  padding: 0.5625em 1.5em;
  z-index: 100000;
  clip: auto !important;
  -webkit-clip-path: none;
  clip-path: none;
  outline: 0;
  color: var(--button__Color);
  font-family: var(--button__FontFamily);
  font-size: var(--button__FontSize);
  font-weight: var(--button__FontWeight);
  line-height: var(--button__LineHeight);
  letter-spacing: var(--button__LetterSpacing);
  text-decoration: none;
  background-color: var(--button__BackgroundColor);
  border: var(--button__BorderWidth) solid var(--button__BorderColor);
  border-radius: var(--button__BorderRadius);
}

/* Do not show the outline on the skip link target. */

#content[tabindex="-1"]:focus {
  outline: 0;
}

/*--------------------------------------------------------------
Color options
--------------------------------------------------------------*/

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

.has-black-color[class] > [class*="__inner-container"] {
  --local--color-primary: var(--global--color-black);
  color: var(--local--color-primary);
}

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

.has-dark-gray-color[class] > [class*="__inner-container"] {
  --local--color-primary: var(--global--color-gray-900);
  color: var(--local--color-primary);
}

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

.has-gray-color[class] > [class*="__inner-container"] {
  --local--color-primary: var(--global--color-gray-800);
  color: var(--local--color-primary);
}

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

.has-green-color[class] > [class*="__inner-container"] {
  --local--color-primary: var(--global--color-green);
  color: var(--local--color-primary);
}

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

.has-blue-color[class] > [class*="__inner-container"] {
  --local--color-primary: var(--global--color-blue);
  color: var(--local--color-primary);
}

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

.has-purple-color[class] > [class*="__inner-container"] {
  --local--color-primary: var(--global--color-purple);
  color: var(--local--color-primary);
}

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

.has-red-color[class] > [class*="__inner-container"] {
  --local--color-primary: var(--global--color-red);
  color: var(--local--color-primary);
}

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

.has-orange-color[class] > [class*="__inner-container"] {
  --local--color-primary: var(--global--color-orange);
  color: var(--local--color-primary);
}

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

.has-yellow-color[class] > [class*="__inner-container"] {
  --local--color-primary: var(--global--color-yellow);
  color: var(--local--color-primary);
}

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

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

.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-black-background-color[class] {
  background-color: var(--global--color-black);
}

.has-black-background-color[class] > [class*="__inner-container"] {
  --local--color-background: var(--global--color-black);
  background-color: var(--local--color-background);
}

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

.has-dark-gray-background-color[class] > [class*="__inner-container"] {
  --local--color-background: var(--global--color-gray-900);
  background-color: var(--local--color-background);
}

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

.has-gray-background-color[class] > [class*="__inner-container"] {
  --local--color-background: var(--global--color-gray-800);
  background-color: var(--local--color-background);
}

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

.has-green-background-color[class] > [class*="__inner-container"] {
  --local--color-background: var(--global--color-green);
  background-color: var(--local--color-background);
}

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

.has-blue-background-color[class] > [class*="__inner-container"] {
  --local--color-background: var(--global--color-blue);
  background-color: var(--local--color-background);
}

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

.has-purple-background-color[class] > [class*="__inner-container"] {
  --local--color-background: var(--global--color-purple);
  background-color: var(--local--color-background);
}

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

.has-red-background-color[class] > [class*="__inner-container"] {
  --local--color-background: var(--global--color-red);
  background-color: var(--local--color-background);
}

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

.has-orange-background-color[class] > [class*="__inner-container"] {
  --local--color-background: var(--global--color-orange);
  background-color: var(--local--color-background);
}

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

.has-yellow-background-color[class] > [class*="__inner-container"] {
  --local--color-background: var(--global--color-yellow);
  background-color: var(--local--color-background);
}

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

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

.has-background:not(.has-text-color).has-black-background-color[class],
.has-background:not(.has-text-color).has-gray-background-color[class],
.has-background:not(.has-text-color).has-dark-gray-background-color[class]б .has-background:not(.has-text-color).has-green-background-color[class],
.has-background:not(.has-text-color).has-blue-background-color[class],
.has-background:not(.has-text-color).has-purple-background-color[class],
.has-background:not(.has-text-color).has-red-background-color[class],
.has-background:not(.has-text-color).has-orange-background-color[class] {
  color: var(--global--color-white);
}

.has-background:not(.has-text-color).has-black-background-color[class] > [class*="__inner-container"],
.has-background:not(.has-text-color).has-gray-background-color[class] > [class*="__inner-container"],
.has-background:not(.has-text-color).has-dark-gray-background-color[class]б .has-background:not(.has-text-color).has-green-background-color[class] > [class*="__inner-container"],
.has-background:not(.has-text-color).has-blue-background-color[class] > [class*="__inner-container"],
.has-background:not(.has-text-color).has-purple-background-color[class] > [class*="__inner-container"],
.has-background:not(.has-text-color).has-red-background-color[class] > [class*="__inner-container"],
.has-background:not(.has-text-color).has-orange-background-color[class] > [class*="__inner-container"] {
  --local--color-primary: var(--global--color-white);
  color: var(--local--color-primary);
}

.has-background:not(.has-text-color).has-yellow-background-color[class]б .has-background:not(.has-text-color).has-white-background-color[class] {
  color: var(--global--color-black);
}

.has-background:not(.has-text-color).has-yellow-background-color[class]б .has-background:not(.has-text-color).has-white-background-color[class] > [class*="__inner-container"] {
  --local--color-primary: var(--global--color-black);
  color: var(--local--color-primary);
}

.has-purple-to-yellow-gradient-background {
  background: linear-gradient(160deg, var(--global--color-purple), var(--global--color-yellow));
}

.has-yellow-to-purple-gradient-background {
  background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-purple));
}

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

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

.has-red-to-yellow-gradient-background {
  background: linear-gradient(160deg, var(--global--color-red), var(--global--color-yellow));
}

.has-yellow-to-red-gradient-background {
  background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-red));
}

.has-purple-to-red-gradient-background {
  background: linear-gradient(160deg, var(--global--color-purple), var(--global--color-red));
}

.has-red-to-purple-gradient-background {
  background: linear-gradient(160deg, var(--global--color-red), var(--global--color-purple));
}

/*--------------------------------------------------------------
Customizer
--------------------------------------------------------------*/

/* Used for placeholder text */

.katrien-customizer .placeholder__title {
  margin-top: 0;
  padding: var(--global--spacing-vertical);
  font-family: var(--customizer-placeholder-title__FontFamily);
  font-size: var(--customizer-placeholder-title__FontSize);
  font-weight: var(--customizer-placeholder-title__FontWeight);
  letter-spacing: var(--customizer-placeholder-title__LetterSpacing);
  text-transform: uppercase;
  text-align: center;
}

.customize-partial-edit-shortcut {
  z-index: 1000 !important;
}

.customize-partial-edit-shortcut > button {
  border: 2px solid #fff;
}

.custom-logo-link .customize-partial-edit-shortcut > button {
  top: 5px;
}

.site__title .customize-partial-edit-shortcut > button {
  top: -2px;
}

.main-navigation .customize-partial-edit-shortcut > button {
  top: 10px;
  left: -40px;
}

.header.has-primary-menu--overlay .main-navigation .customize-partial-edit-shortcut > button {
  top: -30px;
  left: -15px;
}

.page__header--hero .page__title .customize-partial-edit-shortcut > button {
  top: 1px;
  left: -40px;
}

.page__header--hero .page__subtitle .customize-partial-edit-shortcut > button {
  top: 16px;
  left: -40px;
}

.widget .customize-partial-edit-shortcut > button,
.copyright__text .customize-partial-edit-shortcut > button {
  top: -6px;
  left: -40px;
}

.social-navigation .customize-partial-edit-shortcut > button {
  top: -1px;
  left: -40px;
}

/* Post navigation placeholder */

.katrien-customizer .post-navigation--placeholder {
  display: block;
}

.katrien-customizer .post-navigation--placeholder > * {
  position: relative;
  z-index: 2;
  /* Prevent ::after from preventing interactions within the section */
}

.katrien-customizer .post-navigation--placeholder::after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: 2px dashed #0085ba;
  /* Matches visible edit shortcuts. */
  z-index: 1;
}

/* Add some space around the visual edit shortcut button. */

.post-navigation-area > .customize-partial-edit-shortcut > button {
  top: 0;
  left: -40px;
}

/* Related posts placeholder */

.katrien-customizer .related-posts--placeholder {
  display: block;
}

.katrien-customizer .related-posts--placeholder > * {
  position: relative;
  z-index: 2;
  /* Prevent ::after from preventing interactions within the section */
}

.katrien-customizer .related-posts--placeholder::after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: 2px dashed #0085ba;
  /* Matches visible edit shortcuts. */
  z-index: 1;
}

/* Add some space around the visual edit shortcut button. */

.related-posts > .customize-partial-edit-shortcut > button {
  top: 0;
  left: -40px;
}

/*--------------------------------------------------------------
PLUGINS
--------------------------------------------------------------*/

/*--------------------------------------------------------------
UKA Portfolio
--------------------------------------------------------------*/

/*--------------------------------------------------------------
UKA Portfolio: Item
--------------------------------------------------------------*/

.single-portfolio {
  --share-links__Color: var(--portfolio-meta-item-description-link__Color);
  --share-links--hover__Color: var(--portfolio-meta-item-description-link--hover__Color);
  --share-links-title__Color: var(--portfolio-meta-item-title__Color);
}

.single-portfolio .entry__info {
  position: absolute;
  bottom: calc(1.75rem + 0.875vw - 2.8px);
  z-index: 10;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: var(--global--spacing-vertical) var(--global--spacing-horizontal);
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
}

.single-portfolio .entry__info .share-links > :not(:last-child) {
  margin-right: var(--global--spacing-horizontal);
}

.single-portfolio .entry__info .share-links .uka-share-button .svg-icon {
  width: 16px;
  height: 16px;
}

.portfolio-meta {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(50px, 1fr));
  grid-gap: var(--global--spacing-vertical) var(--global--spacing-horizontal);
}

.portfolio-meta:empty {
  display: none;
}

.portfolio-meta-item {
  font-family: var(--portfolio-meta-item__FontFamily);
  font-size: var(--portfolio-meta-item__FontSize);
  font-weight: var(--portfolio-meta-item__FontWeight);
  line-height: var(--portfolio-meta-item__LineHeight);
  letter-spacing: var(--portfolio-meta-item__LetterSpacing);
}

.portfolio-meta-item span {
  display: block;
}

.portfolio-meta-item__title {
  color: var(--portfolio-meta-item-title__Color);
}

.portfolio-meta-item__description {
  color: var(--portfolio-meta-item-description__Color);
}

.portfolio-meta-item__description a {
  color: var(--portfolio-meta-item-description-link__Color);
}

.portfolio-meta-item__description a:hover,
.portfolio-meta-item__description a:focus {
  color: var(--portfolio-meta-item-description-link--hover__Color);
}

/*--------------------------------------------------------------
UKA Portfolio: Item Navigation
--------------------------------------------------------------*/

.portfolio-item-navigation {
  position: relative;
  overflow: hidden;
  clear: both;
}

.portfolio-item-navigation .portfolio-item {
  position: relative;
  min-height: 100vh;
  overflow: hidden;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.portfolio-item-navigation .portfolio-item__caption {
  position: relative;
  z-index: 10;
}

.greensock-animations--enabled .portfolio-item-navigation .portfolio-item__caption {
  -webkit-transform: translateY(-300%);
  transform: translateY(-300%);
  opacity: 0.5;
}

.portfolio-item-navigation .portfolio-item__meta,
.portfolio-item-navigation .portfolio-item__title {
  text-align: center;
  position: relative;
  z-index: 10;
}

.portfolio-item-navigation .portfolio-item__meta {
  margin-bottom: calc(var(--global--spacing-vertical) / 4);
  color: var(--portfolio-item-nav-meta__Color);
  font-family: var(--portfolio-item-nav-meta__FontFamily);
  font-size: var(--portfolio-item-nav-meta__FontSize);
  font-weight: var(--portfolio-item-nav-meta__FontWeight);
  line-height: var(--portfolio-item-nav-meta__LineHeight);
  letter-spacing: var(--portfolio-item-nav-meta__LetterSpacing);
}

.portfolio-item-navigation .portfolio-item__meta > span {
  display: inline;
  position: relative;
}

.portfolio-item-navigation .portfolio-item__meta > span:not(:last-child) {
  margin-right: var(--global--spacing-horizontal);
}

.portfolio-item-navigation .portfolio-item__meta > span > * {
  display: inline-block;
  margin-bottom: 0.328125rem;
}

.portfolio-item-navigation .portfolio-item__meta a {
  color: var(--portfolio-item-nav-meta__Color);
  text-decoration: none;
  background-image: -webkit-gradient(linear, left top, right top, from(var(--portfolio-item-nav-meta-underline--hover__Color)), to(var(--portfolio-item-nav-meta-underline--hover__Color))), -webkit-gradient(linear, left top, right top, from(var(--portfolio-item-nav-meta-underline__Color)), to(var(--portfolio-item-nav-meta-underline__Color)));
  background-image: linear-gradient(to right, var(--portfolio-item-nav-meta-underline--hover__Color) 0%, var(--portfolio-item-nav-meta-underline--hover__Color) 100%), linear-gradient(to right, var(--portfolio-item-nav-meta-underline__Color) 0%, var(--portfolio-item-nav-meta-underline__Color) 100%);
  background-repeat: no-repeat;
  background-size: 0 1px, 100% 1px;
  background-position: 100% 100%, 0 100%;
  -webkit-transition: color 0.25s ease-in-out, opacity 0.25s ease-in-out, background-size 0.25s ease-in-out;
  transition: color 0.25s ease-in-out, opacity 0.25s ease-in-out, background-size 0.25s ease-in-out;
}

.portfolio-item-navigation .portfolio-item__meta a:hover,
.portfolio-item-navigation .portfolio-item__meta a:focus {
  color: var(--portfolio-item-nav-meta--hover__Color);
  background-size: 100% 1px;
  background-position: 0 100%;
}

.portfolio-item-navigation .portfolio-item__meta a:focus {
  outline: 0;
}

.portfolio-item-navigation .portfolio-item__title {
  color: var(--portfolio-item-nav-title__Color);
  font-family: var(--portfolio-item-nav-title__FontFamily);
  font-size: var(--portfolio-item-nav-title__FontSize);
  font-weight: var(--portfolio-item-nav-title__FontWeight);
  line-height: var(--portfolio-item-nav-title__LineHeight);
  letter-spacing: var(--portfolio-item-title__LetterSpacing);
}

.portfolio-item-navigation .portfolio-item__title a {
  display: block;
  color: var(--portfolio-item-nav-title__Color);
  text-decoration: none;
}

.portfolio-item-navigation .portfolio-item__title a:hover,
.portfolio-item-navigation .portfolio-item__title a:focus {
  color: var(--portfolio-item-nav-title--hover__Color);
}

.portfolio-item-navigation .portfolio-item__title a:focus {
  outline: 0;
}

.portfolio-item-navigation .portfolio-item__thumbnail {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
}

.portfolio-item-navigation .portfolio-item__thumbnail .thumbnail__wrapper {
  display: block;
  max-width: 100%;
  height: 100%;
  overflow: hidden;
}

.portfolio-item-navigation .portfolio-item__thumbnail .thumbnail__wrapper::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
  z-index: 1;
  pointer-events: none;
}

.portfolio-item-navigation .portfolio-item__thumbnail .thumbnail__wrapper img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -o-object-fit: cover;
  object-fit: cover;
  background-position: center center;
}

.greensock-animations--enabled .portfolio-item-navigation .portfolio-item__thumbnail .thumbnail__wrapper img {
  -webkit-transform: translateY(-50%) scale(1.1);
  transform: translateY(-50%) scale(1.1);
}

/*--------------------------------------------------------------
PUKA Portfolio: Pages
--------------------------------------------------------------*/

/* Portfolio content none page */

.loop-container--content-none {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.loop-container--content-none > :last-child {
  margin-bottom: 0;
}

.portfolio-layout--carousel .loop-container--content-none {
  min-height: 100vh;
}

/*--------------------------------------------------------------
UKA Portfolio: Content Layouts
--------------------------------------------------------------*/

/* List layout */

.loop-container.loop-container--portfolio-list {
  --portfolio-meta-item-title__Color: var(--entry-meta__Color);
  --portfolio-meta-item-description__Color: var(--entry-meta--hover__Color);
  --portfolio-meta-item-description-link__Color: var(--link__Color);
  --portfolio-meta-item-description-link--hover__Color: var(--link--hover__Color);
}

.loop-container.loop-container--portfolio-list .list__item {
  padding-top: calc(2.625rem + .875vw - 2.8px);
  padding-bottom: calc(2.625rem + .875vw - 2.8px);
  border-top: var(--global--border-width) solid var(--global--color-border);
}

.loop-container.loop-container--portfolio-list .list__item:last-child {
  border-bottom: var(--global--border-width) solid var(--global--color-border);
}

.loop-container.loop-container--portfolio-list .post-card {
  --post-card-title__FontSize: calc(1.875rem + 0.75vw - 2.4px);
}

.greensock-animations--enabled .loop-container.loop-container--portfolio-list .post-card__thumbnail img {
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
  -webkit-transition: none;
  transition: none;
}

.loop-container.loop-container--portfolio-list .post-card__title {
  margin-bottom: calc(1.75rem + 1.75vw - 5.6px);
}

.loop-container.loop-container--portfolio-list .post-card__metaboxes {
  margin-bottom: var(--global--spacing-vertical);
}

.loop-container.loop-container--portfolio-list .post-card__metaboxes .portfolio-meta {
  display: table;
}

.loop-container.loop-container--portfolio-list .post-card__metaboxes .portfolio-meta-item {
  display: table-row;
}

.loop-container.loop-container--portfolio-list .post-card__metaboxes .portfolio-meta-item span {
  display: table-cell;
  padding-bottom: calc(var(--global--spacing-vertical) / 4);
}

.loop-container.loop-container--portfolio-list .post-card__metaboxes .portfolio-meta-item__title {
  padding-right: var(--global--spacing-horizontal);
}

.loop-container.loop-container--portfolio-list .post-card__footer {
  margin-top: auto;
}

/* Simple list layout */

body.portfolio-layout--list-simple-v1 .pagination {
  text-align: left;
}

.loop-container.loop-container--portfolio-list-simple-v1 {
  --post-item-title__FontSize: calc(1.875rem + 0.75vw - 2.4px);
  counter-reset: list;
}

.loop-container.loop-container--portfolio-list-simple-v1 .post-item {
  padding-top: var(--global--spacing-vertical);
  padding-bottom: var(--global--spacing-vertical);
}

.loop-container.loop-container--portfolio-list-simple-v1 .post-item:last-child {
  border-bottom: var(--global--border-width) solid var(--global--color-border);
}

.loop-container.loop-container--portfolio-list-simple-v1 .post-item__title {
  max-width: 100%;
}

.loop-container.loop-container--portfolio-list-simple-v1 .post-item::after {
  counter-increment: list;
  content: "0" counter(list) ".";
  position: absolute;
  top: calc(var(--global--spacing-vertical) * 1.5);
  left: 0;
  color: var(--post-item-meta__Color);
  font-family: var(--post-item-meta__FontFamily);
  font-size: var(--post-item-meta__FontSize);
  font-weight: var(--post-item-meta__FontWeight);
  line-height: var(--post-item-meta__LineHeight);
  letter-spacing: var(--post-item-meta__LetterSpacing);
}

.loop-container.loop-container--portfolio-list-simple-v1 .post-item .hover-reveal {
  position: absolute;
  width: calc(100vw / 3);
  height: calc(100vw / 3 / 1.5);
  top: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
  z-index: -1;
}

.loop-container.loop-container--portfolio-list-simple-v1 .post-item .hover-reveal__inner {
  overflow: hidden;
}

body:not(.greensock-animations--enabled) .loop-container.loop-container--portfolio-list-simple-v1 .post-item .hover-reveal__inner {
  -webkit-transform: translate(100%) matrix(1, 0, 0, 1, 0, 0);
  transform: translate(100%) matrix(1, 0, 0, 1, 0, 0);
}

.loop-container.loop-container--portfolio-list-simple-v1 .post-item .hover-reveal__inner,
.loop-container.loop-container--portfolio-list-simple-v1 .post-item .hover-reveal__img {
  width: 100%;
  height: 100%;
  position: relative;
}

body:not(.greensock-animations--enabled) .loop-container.loop-container--portfolio-list-simple-v1 .post-item .hover-reveal__inner,
body:not(.greensock-animations--enabled) .loop-container.loop-container--portfolio-list-simple-v1 .post-item .hover-reveal__img {
  -webkit-transition: -webkit-transform 0.25s ease-in-out;
  transition: -webkit-transform 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
}

.loop-container.loop-container--portfolio-list-simple-v1 .post-item .hover-reveal__img {
  background-size: cover;
  background-position: 50% 50%;
}

body:not(.greensock-animations--enabled) .loop-container.loop-container--portfolio-list-simple-v1 .post-item .hover-reveal__img {
  -webkit-transform: translate(-100%) matrix(1, 0, 0, 1, 0, 0);
  transform: translate(-100%) matrix(1, 0, 0, 1, 0, 0);
}

.loop-container.loop-container--portfolio-list-simple-v1 .post-item.active {
  z-index: 10;
}

.loop-container.loop-container--portfolio-list-simple-v1 .post-item.active .hover-reveal {
  opacity: 1;
}

body:not(.greensock-animations--enabled) .loop-container.loop-container--portfolio-list-simple-v1 .post-item.active .hover-reveal__inner {
  -webkit-animation: slideInRight 0.25s ease-in-out;
  animation: slideInRight 0.25s ease-in-out;
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
  transform: matrix(1, 0, 0, 1, 0, 0);
}

body:not(.greensock-animations--enabled) .loop-container.loop-container--portfolio-list-simple-v1 .post-item.active .hover-reveal__img {
  -webkit-animation: slideInLeft 0.25s ease-in-out;
  animation: slideInLeft 0.25s ease-in-out;
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
  transform: matrix(1, 0, 0, 1, 0, 0);
}

/* Chess layout */

.loop-container.loop-container--portfolio-list-chess {
  --post-card-title__FontSize: calc(1.875rem + 1.125vw - 3.6px);
}

.loop-container.loop-container--portfolio-list-chess .list__item {
  pointer-events: none;
}

.loop-container.loop-container--portfolio-list-chess .list__item:not(:last-child) {
  margin-bottom: calc(3.5rem + 5.25vw - 16.8px);
}

.loop-container.loop-container--portfolio-list-chess .list__item:last-child {
  margin-bottom: 0 !important;
}

.loop-container.loop-container--portfolio-list-chess .post-card__thumbnail {
  pointer-events: initial;
}

.greensock-animations--enabled .loop-container.loop-container--portfolio-list-chess .post-card__thumbnail img {
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
  -webkit-transition: none;
  transition: none;
}

.loop-container.loop-container--portfolio-list-chess .post-card__body {
  pointer-events: initial;
}

.loop-container.loop-container--portfolio-list-chess .post-card__title {
  margin-bottom: calc(1.75rem + 1.75vw - 5.6px);
}

.loop-container.loop-container--portfolio-list-chess .post-card__metaboxes {
  margin-bottom: calc(1.75rem + 1.75vw - 5.6px);
}

.loop-container.loop-container--portfolio-list-chess .post-card__metaboxes .portfolio-meta {
  display: table;
}

.loop-container.loop-container--portfolio-list-chess .post-card__metaboxes .portfolio-meta-item {
  display: table-row;
}

.loop-container.loop-container--portfolio-list-chess .post-card__metaboxes .portfolio-meta-item span {
  display: table-cell;
  padding-bottom: calc(var(--global--spacing-vertical) / 4);
}

.loop-container.loop-container--portfolio-list-chess .post-card__metaboxes .portfolio-meta-item__title {
  padding-right: var(--global--spacing-horizontal);
}

/* Two-column portfolio grid layout */

.loop-container.loop-container--portfolio-grid-2-col .grid {
  grid-row-gap: calc(3.5rem + 1.75vw - 5.6px);
  grid-column-gap: calc(3rem + 1.5vw - 4.8px);
}

.loop-container.loop-container--portfolio-grid-2-col .grid__item:nth-child(4n-2),
.loop-container.loop-container--portfolio-grid-2-col .grid__item:nth-child(4n-1) {
  grid-row: span 2 / auto;
}

/* Three-column portfolio grid layout, v.1 */

.loop-container.loop-container--portfolio-grid-3-col-v1 .post-card__thumbnail .thumbnail__wrapper a {
  padding-top: 125%;
}

/* Three-column portfolio grid layout, v.2 */

.loop-container.loop-container--portfolio-grid-3-col-v2 .grid {
  grid-gap: 1rem;
}

.loop-container.loop-container--portfolio-grid-3-col-v2 .post-card__thumbnail {
  margin-bottom: 0;
}

/* Mixed portfolio grid layout */

.greensock-animations--enabled .loop-container.loop-container--portfolio-grid-mixed .post-card img {
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
  -webkit-transition: none;
  transition: none;
}

/* Creative portfolio grid layout */

.greensock-animations--enabled .loop-container.loop-container--portfolio-grid-creative .post-card img {
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
  -webkit-transition: none;
  transition: none;
}

/* Bricks portfolio grid layout */

.loop-container.loop-container--portfolio-grid-bricks .post-card__body {
  padding-left: var(--responsive--spacing-horizontal);
  padding-right: var(--responsive--spacing-horizontal);
}

/* Metro portfolio grid layout */

.loop-container.loop-container--portfolio-grid-metro .post-card__body {
  padding-left: var(--responsive--spacing-horizontal);
  padding-right: var(--responsive--spacing-horizontal);
}

/* Two-column portfolio masonry layout */

.portfolio-layout--masonry-2-col .pagination {
  margin-top: 0;
}

.loop-container.loop-container--portfolio-masonry-2-col {
  --post-card-title__FontSize: calc(1.3125rem + 0.1875vw - 0.6px);
  margin-bottom: calc(5.25rem + 1.75vw - 5.6px - (3.5rem + 1.75vw - 5.6px));
}

.loop-container.loop-container--portfolio-masonry-2-col .grid__item {
  position: relative;
  width: 100%;
  margin-bottom: calc(3.5rem + 1.75vw - 5.6px);
}

/* Large thumbnails portfolio layout */

.loop-container.loop-container--portfolio-large-thumbnails {
  --post-card-title__FontSize: calc(1.3125rem + 0.1875vw - 0.6px);
}

.greensock-animations--enabled .loop-container.loop-container--portfolio-large-thumbnails .post-card img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: none;
  transition: none;
}

/* Interactive links v.1 portfolio layout */

.portfolio-layout--interactive-links-v1 {
  --archive-description__Color: rgba(255, 255, 255, 0.5);
  --pagination__Color: rgba(255, 255, 255, 0.5);
}

.portfolio-layout--interactive-links-v1 .pagination {
  margin-top: 0;
  text-align: left;
}

.loop-container.loop-container--portfolio-interactive-links-v1 {
  --entry-title__FontSize: calc(1.5rem + 0.75vw - 2.4px);
  --entry-meta__Color: rgba(255, 255, 255, 0.5);
  margin-bottom: calc((5.25rem + 1.75vw - 5.6px) - var(--global--spacing-vertical));
}

.loop-container.loop-container--portfolio-interactive-links-v1.has-hovered-inner-element {
  --entry-title__Color: rgba(255, 255, 255, 0.35);
  --entry-meta__Color: rgba(255, 255, 255, 0.35);
}

.loop-container.loop-container--portfolio-interactive-links-v1 .entry {
  padding-bottom: var(--global--spacing-vertical);
}

.loop-container.loop-container--portfolio-interactive-links-v1 .entry__header {
  margin-bottom: 0 !important;
}

.loop-container.loop-container--portfolio-interactive-links-v1 .entry__title a {
  position: relative;
}

.loop-container.loop-container--portfolio-interactive-links-v1 .entry__title a:hover,
.loop-container.loop-container--portfolio-interactive-links-v1 .entry__title a:focus {
  color: var(--global--color-primary);
}

.loop-container.loop-container--portfolio-interactive-links-v1 .entry__meta {
  margin-bottom: 0;
}

.loop-container.loop-container--portfolio-interactive-links-v1 .entry__meta a {
  padding-bottom: 0;
  background-image: none;
}

.loop-container.loop-container--portfolio-interactive-links-v1 .entry .hover-reveal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  pointer-events: none;
  opacity: 0;
  -webkit-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
  overflow: hidden;
  z-index: -1;
}

.admin-bar .loop-container.loop-container--portfolio-interactive-links-v1 .entry .hover-reveal {
  height: calc(100vh - 46px);
}

.loop-container.loop-container--portfolio-interactive-links-v1 .entry .hover-reveal__inner {
  overflow: hidden;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform 10s linear 0.2s;
  transition: -webkit-transform 10s linear 0.2s;
  transition: transform 10s linear 0.2s;
  transition: transform 10s linear 0.2s, -webkit-transform 10s linear 0.2s;
}

.loop-container.loop-container--portfolio-interactive-links-v1 .entry .hover-reveal__inner::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
  z-index: 1;
  pointer-events: none;
}

.loop-container.loop-container--portfolio-interactive-links-v1 .entry .hover-reveal__inner,
.loop-container.loop-container--portfolio-interactive-links-v1 .entry .hover-reveal__img {
  width: 100%;
  height: 100%;
  position: relative;
}

.loop-container.loop-container--portfolio-interactive-links-v1 .entry .hover-reveal__img {
  background-size: cover;
  background-position: center;
}

.loop-container.loop-container--portfolio-interactive-links-v1 .entry.active {
  --entry-title__Color: var(--global--color-primary);
  --entry-meta__Color: rgba(255, 255, 255, 0.5);
}

.loop-container.loop-container--portfolio-interactive-links-v1 .entry.active .hover-reveal {
  opacity: 1;
}

.loop-container.loop-container--portfolio-interactive-links-v1 .entry.active .hover-reveal__inner {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

/* Large carousel v.1 portfolio layout */

body.portfolio-layout--carousel-large-v1 {
  overflow-y: scroll;
}

body.portfolio-layout--carousel-large-v1 .content {
  padding-top: 0;
  padding-bottom: 0;
}

body.portfolio-layout--carousel-large-v1 .cursor .cursor__arrow--top,
body.portfolio-layout--carousel-large-v1 .cursor .cursor__arrow--bottom {
  display: none;
}

.loop-container.loop-container--portfolio-carousel-large-v1 {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  max-width: 100%;
}

.loop-container.loop-container--portfolio-carousel-large-v1 .swiper-wrapper {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.loop-container.loop-container--portfolio-carousel-large-v1 .swiper-button-prev {
  left: calc(3.75vw + 8px);
}

.loop-container.loop-container--portfolio-carousel-large-v1 .swiper-button-next {
  right: calc(3.75vw + 8px);
}

.loop-container.loop-container--portfolio-carousel-large-v1 .swiper-scrollbar {
  bottom: calc(var(--global--spacing-vertical) * 2.5);
  background-color: var(--carousel-scrollbar__BackgroundColor);
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 20%;
  height: 2px;
}

.loop-container.loop-container--portfolio-carousel-large-v1 .swiper-scrollbar-drag {
  background-color: var(--carousel-scrollbar-drag__BackgroundColor);
}

.loop-container.loop-container--portfolio-carousel-large-v1 .carousel-item {
  width: calc(100vw - (7.5vw + 16px));
  height: auto;
  min-height: calc((100vw - (7.5vw + 16px)) * 2 / 3);
  max-width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  word-wrap: break-word;
  background-clip: border-box;
  overflow: hidden;
}

.loop-container.loop-container--portfolio-carousel-large-v1 .carousel-item__thumbnail {
  display: block;
  overflow: hidden;
  margin-bottom: 0;
}

.loop-container.loop-container--portfolio-carousel-large-v1 .carousel-item__thumbnail .thumbnail__wrapper {
  display: block;
  max-width: 100%;
  overflow: hidden;
  color: var(--global--color-secondary);
  font-size: var(--global--font-size-xs);
}

.loop-container.loop-container--portfolio-carousel-large-v1 .carousel-item__thumbnail .thumbnail__wrapper img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -o-object-fit: cover;
  object-fit: cover;
  background-position: center center;
}

.loop-container.loop-container--portfolio-carousel-large-v1 .carousel-item__body {
  max-width: 100%;
  padding: var(--global--spacing-vertical);
  z-index: 10;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  pointer-events: none;
}

.loop-container.loop-container--portfolio-carousel-large-v1 .carousel-item__body > * {
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.loop-container.loop-container--portfolio-carousel-large-v1 .carousel-item__body > :last-child {
  margin-bottom: 0;
}

.loop-container.loop-container--portfolio-carousel-large-v1 .carousel-item__meta {
  margin-bottom: calc(var(--global--spacing-vertical) / 4);
  color: var(--carousel-item-meta__Color);
  font-family: var(--carousel-item-meta__FontFamily);
  font-size: var(--carousel-item-meta__FontSize);
  font-weight: var(--carousel-item-meta__FontWeight);
  line-height: var(--carousel-item-meta__LineHeight);
  letter-spacing: var(--carousel-item-meta__LetterSpacing);
}

.loop-container.loop-container--portfolio-carousel-large-v1 .carousel-item__meta > span {
  display: inline;
  position: relative;
}

.loop-container.loop-container--portfolio-carousel-large-v1 .carousel-item__meta > span > * {
  display: inline-block;
}

.loop-container.loop-container--portfolio-carousel-large-v1 .carousel-item__meta a {
  color: var(--carousel-item-meta__Color);
  text-decoration: none;
  pointer-events: initial;
  background-image: -webkit-gradient(linear, left top, right top, from(var(--carousel-item-meta-underline--hover__Color)), to(var(--carousel-item-meta-underline--hover__Color))), -webkit-gradient(linear, left top, right top, from(var(--carousel-item-meta-underline__Color)), to(var(--carousel-item-meta-underline__Color)));
  background-image: linear-gradient(to right, var(--carousel-item-meta-underline--hover__Color) 0%, var(--carousel-item-meta-underline--hover__Color) 100%), linear-gradient(to right, var(--carousel-item-meta-underline__Color) 0%, var(--carousel-item-meta-underline__Color) 100%);
  background-repeat: no-repeat;
  background-size: 0 1px, 100% 1px;
  background-position: 100% 100%, 0 100%;
  -webkit-transition: color 0.25s ease-in-out, opacity 0.25s ease-in-out, background-size 0.25s ease-in-out;
  transition: color 0.25s ease-in-out, opacity 0.25s ease-in-out, background-size 0.25s ease-in-out;
}

.loop-container.loop-container--portfolio-carousel-large-v1 .carousel-item__meta a:hover,
.loop-container.loop-container--portfolio-carousel-large-v1 .carousel-item__meta a:focus {
  color: var(--carousel-item-meta--hover__Color);
  background-size: 100% 1px;
  background-position: 0 100%;
}

.loop-container.loop-container--portfolio-carousel-large-v1 .carousel-item__meta a:focus {
  outline: 0;
}

.loop-container.loop-container--portfolio-carousel-large-v1 .carousel-item__title {
  margin-top: 0;
  font-family: var(--carousel-item-title__FontFamily);
  font-size: var(--carousel-item-title__FontSize);
  font-weight: var(--carousel-item-title__FontWeight);
  line-height: var(--carousel-item-title__LineHeight);
  letter-spacing: var(--carousel-item-title__LetterSpacing);
}

.loop-container.loop-container--portfolio-carousel-large-v1 .carousel-item__title a {
  color: var(--carousel-item-title__Color);
  text-decoration: none;
  pointer-events: initial;
  display: inline-block;
}

.loop-container.loop-container--portfolio-carousel-large-v1 .carousel-item__title a:hover,
.loop-container.loop-container--portfolio-carousel-large-v1 .carousel-item__title a:focus {
  color: var(--carousel-item-title--hover__Color);
}

.loop-container.loop-container--portfolio-carousel-large-v1 .carousel-item__title a:focus {
  outline: 0;
}

.loop-container.loop-container--portfolio-carousel-large-v1 .carousel-item__meta,
.loop-container.loop-container--portfolio-carousel-large-v1 .carousel-item__title {
  opacity: 0;
  -webkit-transform: translateY(48px);
  transform: translateY(48px);
  -webkit-transition: opacity 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
  -webkit-transition-delay: 0.75s;
  transition-delay: 0.75s;
}

.loop-container.loop-container--portfolio-carousel-large-v1 .carousel-item.swiper-slide-active .carousel-item__meta,
.loop-container.loop-container--portfolio-carousel-large-v1 .carousel-item.swiper-slide-active .carousel-item__title {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

/* Fullscreen carousel portfolio layout, v1 */

body.portfolio-layout--carousel-fullscreen-v1 {
  overflow-y: scroll;
}

body.portfolio-layout--carousel-fullscreen-v1 .content {
  padding-top: 0;
  padding-bottom: 0;
}

body.portfolio-layout--carousel-fullscreen-v1 .cursor .cursor__arrow--top,
body.portfolio-layout--carousel-fullscreen-v1 .cursor .cursor__arrow--bottom {
  display: none;
}

.loop-container.loop-container--portfolio-carousel-fullscreen-v1 {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  max-width: 100%;
}

.loop-container.loop-container--portfolio-carousel-fullscreen-v1 .swiper-wrapper {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.loop-container.loop-container--portfolio-carousel-fullscreen-v1 .swiper-button-prev {
  left: calc(3.75vw + 8px);
}

.loop-container.loop-container--portfolio-carousel-fullscreen-v1 .swiper-button-next {
  right: calc(3.75vw + 8px);
}

.loop-container.loop-container--portfolio-carousel-fullscreen-v1 .carousel-item {
  width: 100%;
  height: auto;
  min-height: 100vh;
  max-width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  word-wrap: break-word;
  background-clip: border-box;
  overflow: hidden;
}

.loop-container.loop-container--portfolio-carousel-fullscreen-v1 .carousel-item__thumbnail {
  display: block;
  overflow: hidden;
  margin-bottom: 0;
}

.loop-container.loop-container--portfolio-carousel-fullscreen-v1 .carousel-item__thumbnail .thumbnail__wrapper {
  display: block;
  max-width: 100%;
  overflow: hidden;
}

.loop-container.loop-container--portfolio-carousel-fullscreen-v1 .carousel-item__thumbnail .thumbnail__wrapper::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
  z-index: 1;
  pointer-events: none;
}

.loop-container.loop-container--portfolio-carousel-fullscreen-v1 .carousel-item__thumbnail .thumbnail__wrapper img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -o-object-fit: cover;
  object-fit: cover;
  background-position: center center;
}

.loop-container.loop-container--portfolio-carousel-fullscreen-v1 .carousel-item__body {
  max-width: 100%;
  padding: var(--global--spacing-vertical) var(--global--spacing);
  z-index: 10;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  pointer-events: none;
}

.loop-container.loop-container--portfolio-carousel-fullscreen-v1 .carousel-item__body > * {
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.loop-container.loop-container--portfolio-carousel-fullscreen-v1 .carousel-item__body > :last-child {
  margin-bottom: 0;
}

.loop-container.loop-container--portfolio-carousel-fullscreen-v1 .carousel-item__meta {
  margin-bottom: calc(var(--global--spacing-vertical) / 3);
  color: var(--carousel-item-meta__Color);
  font-family: var(--carousel-item-meta__FontFamily);
  font-size: var(--carousel-item-meta__FontSize);
  font-weight: var(--carousel-item-meta__FontWeight);
  line-height: var(--carousel-item-meta__LineHeight);
  letter-spacing: var(--carousel-item-meta__LetterSpacing);
}

.loop-container.loop-container--portfolio-carousel-fullscreen-v1 .carousel-item__meta > span {
  display: inline;
  position: relative;
}

.loop-container.loop-container--portfolio-carousel-fullscreen-v1 .carousel-item__meta > span > * {
  display: inline-block;
}

.loop-container.loop-container--portfolio-carousel-fullscreen-v1 .carousel-item__meta a {
  color: var(--carousel-item-meta__Color);
  text-decoration: none;
  pointer-events: initial;
  background-image: -webkit-gradient(linear, left top, right top, from(var(--carousel-item-meta-underline--hover__Color)), to(var(--carousel-item-meta-underline--hover__Color))), -webkit-gradient(linear, left top, right top, from(var(--carousel-item-meta-underline__Color)), to(var(--carousel-item-meta-underline__Color)));
  background-image: linear-gradient(to right, var(--carousel-item-meta-underline--hover__Color) 0%, var(--carousel-item-meta-underline--hover__Color) 100%), linear-gradient(to right, var(--carousel-item-meta-underline__Color) 0%, var(--carousel-item-meta-underline__Color) 100%);
  background-repeat: no-repeat;
  background-size: 0 1px, 100% 1px;
  background-position: 100% 100%, 0 100%;
  -webkit-transition: color 0.25s ease-in-out, opacity 0.25s ease-in-out, background-size 0.25s ease-in-out;
  transition: color 0.25s ease-in-out, opacity 0.25s ease-in-out, background-size 0.25s ease-in-out;
}

.loop-container.loop-container--portfolio-carousel-fullscreen-v1 .carousel-item__meta a:hover,
.loop-container.loop-container--portfolio-carousel-fullscreen-v1 .carousel-item__meta a:focus {
  color: var(--carousel-item-meta--hover__Color);
  background-size: 100% 1px;
  background-position: 0 100%;
}

.loop-container.loop-container--portfolio-carousel-fullscreen-v1 .carousel-item__meta a:focus {
  outline: 0;
}

.loop-container.loop-container--portfolio-carousel-fullscreen-v1 .carousel-item__title {
  --carousel-item-title__FontSize: var(--fullscreen-featured-entry-title__FontSize);
  margin-top: 0;
  font-family: var(--carousel-item-title__FontFamily);
  font-size: var(--carousel-item-title__FontSize);
  font-weight: var(--carousel-item-title__FontWeight);
  line-height: var(--carousel-item-title__LineHeight);
  letter-spacing: var(--carousel-item-title__LetterSpacing);
}

.loop-container.loop-container--portfolio-carousel-fullscreen-v1 .carousel-item__title a {
  color: var(--carousel-item-title__Color);
  text-decoration: none;
  pointer-events: initial;
  display: inline-block;
}

.loop-container.loop-container--portfolio-carousel-fullscreen-v1 .carousel-item__title a:hover,
.loop-container.loop-container--portfolio-carousel-fullscreen-v1 .carousel-item__title a:focus {
  color: var(--carousel-item-title--hover__Color);
}

.loop-container.loop-container--portfolio-carousel-fullscreen-v1 .carousel-item__title a:focus {
  outline: 0;
}

.loop-container.loop-container--portfolio-carousel-fullscreen-v1 .carousel-item__meta,
.loop-container.loop-container--portfolio-carousel-fullscreen-v1 .carousel-item__title {
  opacity: 0;
  -webkit-transform: translateY(48px);
  transform: translateY(48px);
  -webkit-transition: opacity 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
  -webkit-transition-delay: 0.75s;
  transition-delay: 0.75s;
}

.loop-container.loop-container--portfolio-carousel-fullscreen-v1 .carousel-item.swiper-slide-active .carousel-item__meta,
.loop-container.loop-container--portfolio-carousel-fullscreen-v1 .carousel-item.swiper-slide-active .carousel-item__title {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.admin-bar .loop-container--portfolio-carousel .loop-container--portfolio-carousel {
  height: calc(100vh - 46px);
}

.admin-bar .loop-container--portfolio-carousel .carousel-item {
  min-height: calc(100vh - 46px);
}

/* Fullscreen carousel portfolio layout, v2 */

body.portfolio-layout--carousel-fullscreen-v2 {
  overflow-y: scroll;
}

body.portfolio-layout--carousel-fullscreen-v2 .content {
  padding-top: 0;
  padding-bottom: 0;
}

body.portfolio-layout--carousel-fullscreen-v2 .cursor .cursor__arrow--right,
body.portfolio-layout--carousel-fullscreen-v2 .cursor .cursor__arrow--left {
  display: none;
}

.loop-container.loop-container--portfolio-carousel-fullscreen-v2 {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  max-width: 100%;
}

.loop-container.loop-container--portfolio-carousel-fullscreen-v2 .swiper-wrapper {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.loop-container.loop-container--portfolio-carousel-fullscreen-v2 .carousel__navigation {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.loop-container.loop-container--portfolio-carousel-fullscreen-v2 .carousel__pagination {
  width: auto;
  left: calc(9vw + 3.75vw + 8px + 36px);
  bottom: calc(40px + 1px);
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
  pointer-events: initial;
  color: var(--carousel-pagination__Color);
  font-family: var(--carousel-pagination__FontFamily);
  font-size: var(--carousel-pagination__FontSize);
  font-weight: var(--carousel-pagination__FontWeight);
  line-height: var(--carousel-pagination__LineHeight);
}

.loop-container.loop-container--portfolio-carousel-fullscreen-v2 .carousel__button {
  --swiper-navigation-size: 24px;
  top: auto;
  bottom: calc(40px + 1px);
  -webkit-transform: translateY(50%) rotate(90deg);
  transform: translateY(50%) rotate(90deg);
  pointer-events: initial;
}

.loop-container.loop-container--portfolio-carousel-fullscreen-v2 .carousel__button--prev {
  left: auto;
  right: calc(9vw + 3.75vw + 8px + 48px);
}

.loop-container.loop-container--portfolio-carousel-fullscreen-v2 .carousel__button--next {
  right: calc(9vw + 3.75vw + 8px);
}

.loop-container.loop-container--portfolio-carousel-fullscreen-v2 .carousel__line {
  position: absolute;
  height: 1px;
  bottom: 50%;
  background-color: var(--carousel-item-line__Color);
  -webkit-transition: width 0.75s ease-in-out;
  transition: width 0.75s ease-in-out;
}

.loop-container.loop-container--portfolio-carousel-fullscreen-v2 .carousel__line--left {
  left: calc(3.75vw + 8px);
}

.loop-container.loop-container--portfolio-carousel-fullscreen-v2 .carousel__line--right {
  right: calc(3.75vw + 8px);
}

.loop-container.loop-container--portfolio-carousel-fullscreen-v2 .carousel-item {
  width: 100%;
  height: auto;
  min-height: 100vh;
  max-width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  word-wrap: break-word;
  background-clip: border-box;
  overflow: hidden;
}

.loop-container.loop-container--portfolio-carousel-fullscreen-v2 .carousel-item__thumbnail {
  display: block;
  overflow: hidden;
  margin-bottom: 0;
}

.loop-container.loop-container--portfolio-carousel-fullscreen-v2 .carousel-item__thumbnail .thumbnail__wrapper {
  display: block;
  max-width: 100%;
  overflow: hidden;
}

.loop-container.loop-container--portfolio-carousel-fullscreen-v2 .carousel-item__thumbnail .thumbnail__wrapper::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
  z-index: 1;
  pointer-events: none;
}

.loop-container.loop-container--portfolio-carousel-fullscreen-v2 .carousel-item__thumbnail .thumbnail__wrapper img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -o-object-fit: cover;
  object-fit: cover;
  background-position: center center;
}

.loop-container.loop-container--portfolio-carousel-fullscreen-v2 .carousel-item__body {
  width: 100%;
  padding: calc(10.5rem + 7vw - 22.4px) calc(3.75vw + 8px) calc(12.25rem + 7vw - 22.4px);
  z-index: 10;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  pointer-events: none;
}

.loop-container.loop-container--portfolio-carousel-fullscreen-v2 .carousel-item__body > * {
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.loop-container.loop-container--portfolio-carousel-fullscreen-v2 .carousel-item__body > :last-child {
  margin-bottom: 0;
}

.loop-container.loop-container--portfolio-carousel-fullscreen-v2 .carousel-item__meta {
  margin-bottom: calc(var(--global--spacing-vertical) / 4);
  color: var(--carousel-item-meta__Color);
  font-family: var(--carousel-item-meta__FontFamily);
  font-size: var(--carousel-item-meta__FontSize);
  font-weight: var(--carousel-item-meta__FontWeight);
  line-height: var(--carousel-item-meta__LineHeight);
  letter-spacing: var(--carousel-item-meta__LetterSpacing);
}

.loop-container.loop-container--portfolio-carousel-fullscreen-v2 .carousel-item__meta > span {
  display: inline;
  position: relative;
}

.loop-container.loop-container--portfolio-carousel-fullscreen-v2 .carousel-item__meta > span > * {
  display: inline-block;
}

.loop-container.loop-container--portfolio-carousel-fullscreen-v2 .carousel-item__meta a {
  color: var(--carousel-item-meta__Color);
  text-decoration: none;
  pointer-events: initial;
  background-image: -webkit-gradient(linear, left top, right top, from(var(--carousel-item-meta-underline--hover__Color)), to(var(--carousel-item-meta-underline--hover__Color))), -webkit-gradient(linear, left top, right top, from(var(--carousel-item-meta-underline__Color)), to(var(--carousel-item-meta-underline__Color)));
  background-image: linear-gradient(to right, var(--carousel-item-meta-underline--hover__Color) 0%, var(--carousel-item-meta-underline--hover__Color) 100%), linear-gradient(to right, var(--carousel-item-meta-underline__Color) 0%, var(--carousel-item-meta-underline__Color) 100%);
  background-repeat: no-repeat;
  background-size: 0 1px, 100% 1px;
  background-position: 100% 100%, 0 100%;
  -webkit-transition: color 0.25s ease-in-out, opacity 0.25s ease-in-out, background-size 0.25s ease-in-out;
  transition: color 0.25s ease-in-out, opacity 0.25s ease-in-out, background-size 0.25s ease-in-out;
}

.loop-container.loop-container--portfolio-carousel-fullscreen-v2 .carousel-item__meta a:hover,
.loop-container.loop-container--portfolio-carousel-fullscreen-v2 .carousel-item__meta a:focus {
  color: var(--carousel-item-meta--hover__Color);
  background-size: 100% 1px;
  background-position: 0 100%;
}

.loop-container.loop-container--portfolio-carousel-fullscreen-v2 .carousel-item__meta a:focus {
  outline: 0;
}

.loop-container.loop-container--portfolio-carousel-fullscreen-v2 .carousel-item__title {
  --carousel-item-title__FontSize: var(--fullscreen-featured-entry-title__FontSize);
  margin-top: 0;
  font-family: var(--carousel-item-title__FontFamily);
  font-size: var(--carousel-item-title__FontSize);
  font-weight: var(--carousel-item-title__FontWeight);
  line-height: var(--carousel-item-title__LineHeight);
  letter-spacing: var(--carousel-item-title__LetterSpacing);
}

.loop-container.loop-container--portfolio-carousel-fullscreen-v2 .carousel-item__title a {
  color: var(--carousel-item-title__Color);
  text-decoration: none;
  pointer-events: initial;
  display: inline-block;
}

.loop-container.loop-container--portfolio-carousel-fullscreen-v2 .carousel-item__title a:hover,
.loop-container.loop-container--portfolio-carousel-fullscreen-v2 .carousel-item__title a:focus {
  color: var(--carousel-item-title--hover__Color);
}

.loop-container.loop-container--portfolio-carousel-fullscreen-v2 .carousel-item__title a:focus {
  outline: 0;
}

.loop-container.loop-container--portfolio-carousel-fullscreen-v2 .carousel-item__meta,
.loop-container.loop-container--portfolio-carousel-fullscreen-v2 .carousel-item__title {
  opacity: 0;
  -webkit-transform: translateY(48px);
  transform: translateY(48px);
  -webkit-transition: opacity 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
  -webkit-transition-delay: 0.75s;
  transition-delay: 0.75s;
}

.loop-container.loop-container--portfolio-carousel-fullscreen-v2 .carousel-item.swiper-slide-active .carousel-item__meta,
.loop-container.loop-container--portfolio-carousel-fullscreen-v2 .carousel-item.swiper-slide-active .carousel-item__title {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.admin-bar .loop-container--portfolio-carousel .loop-container--portfolio-carousel {
  height: calc(100vh - 46px);
}

.admin-bar .loop-container--portfolio-carousel .carousel-item {
  min-height: calc(100vh - 46px);
}

/*--------------------------------------------------------------
UKA Share Buttons
--------------------------------------------------------------*/

.share-links {
  color: var(--share-links__Color);
  font-family: var(--share-links__FontFamily);
  font-size: var(--share-links__FontSize);
  font-weight: var(--share-links__FontWeight);
  line-height: var(--share-links__LineHeight);
  letter-spacing: var(--share-links__LetterSpacing);
}

.share-links > * {
  display: inline-block;
}

.share-links a {
  color: var(--share-links__Color);
}

.share-links a:hover,
.share-links a:focus {
  color: var(--share-links--hover__Color);
}

.share-links__title {
  color: var(--share-links-title__Color);
}

.share-links__title:not(:last-child) {
  margin-right: 0.875rem;
}

.uka-share-button .svg-icon {
  vertical-align: -4px;
}

.uka-share-button__text {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
}

.entry__footer .share-links {
  margin-bottom: calc(var(--global--spacing-vertical) / 2);
}

/*--------------------------------------------------------------
Contact Form 7
--------------------------------------------------------------*/

.wpcf7-form {
  overflow: hidden;
}

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

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

.wpcf7-form-control {
  margin-top: calc(var(--global--spacing-vertical) / 4);
}

input.wpcf7-form-control,
textarea.wpcf7-form-control {
  font-size: var(--global--font-size-normal);
  letter-spacing: var(--global--letter-spacing);
}

input.wpcf7-submit[type="submit"] {
  margin-top: 0;
  font-size: var(--button__FontSize);
}

span.wpcf7-not-valid-tip {
  margin-top: calc(var(--global--spacing-vertical) / 4);
  color: var(--global--color-danger);
  font-family: var(--global--font-family-base);
  font-size: var(--global--font-size-xs);
  font-weight: var(--global--font-weight-medium);
  letter-spacing: var(--wpcf7-response-output__LetterSpacing);
}

.wpcf7 form .wpcf7-response-output {
  margin: var(--global--spacing-vertical) 0;
  padding: calc(var(--global--spacing-vertical) / 2) var(--global--spacing-horizontal);
  color: var(--global--color-content);
  font-family: var(--global--font-family-base);
  font-size: var(--global--font-size-xs);
  font-weight: var(--global--font-weight-medium);
  letter-spacing: var(--wpcf7-response-output__LetterSpacing);
  background-color: var(--global--color-background);
  border-color: var(--global--color-success);
  border-radius: var(--global--border-radius);
}

.wpcf7 form .wpcf7-response-output:last-child {
  margin-bottom: 0;
}

div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
  border-color: var(--global--color-warning);
}

.wpcf7 .ajax-loader {
  vertical-align: middle;
}

@media only screen and (min-width: 480px) {
  .author-info__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .author-info__avatar {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: var(--global--spacing-horizontal);
    margin-bottom: 0;
  }

  .comment-navigation .nav-previous a::before,
  .comment-navigation .nav-next a::after {
    font-size: 1rem;
    font-style: normal;
    line-height: 1;
  }

  .comment-navigation .nav-previous a::before {
    margin-right: calc(var(--global--spacing-horizontal) / 2);
    content: "\2190";
  }

  .comment-navigation .nav-next a::after {
    margin-left: calc(var(--global--spacing-horizontal) / 2);
    content: "\2192";
  }

  .sidebar .button--sidebar-close {
    top: var(--global--spacing-horizontal);
    right: var(--global--spacing-horizontal);
  }

  .sidebar .widget-area {
    padding: calc(var(--global--spacing-vertical) * 3) calc(var(--global--spacing) * 3.5) calc(var(--global--spacing-vertical) * 2);
  }
}

@media only screen and (min-width: 600px) {
  :root {
    --responsive--aligndefault-width: min(calc(100vw - 2 * var(--responsive--spacing-horizontal) - var(--scrollbar-width)), 640px);
    --responsive--alignwide-width: min(calc(100vw - 2 * var(--responsive--spacing-horizontal) - var(--scrollbar-width)), 1280px);
    --responsive--alignleft-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width) - var(--scrollbar-width)));
    --responsive--alignright-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width) - var(--scrollbar-width)));
  }

  .full-max-width,
  .alignfull,
  .post-template-fullscreen-featured-post .entry__header,
  .page-template-fullscreen-featured-page .entry__header,
  .single-portfolio .entry__header,
  .loop-container.loop-container--portfolio-grid-bricks {
    width: auto;
  }

  .entry__content > .alignleft {
    margin-left: var(--responsive--alignleft-margin);
    margin-right: var(--global--spacing-horizontal);
  }

  .entry__content > .alignright {
    margin-left: var(--global--spacing-horizontal);
    margin-right: var(--responsive--alignright-margin);
  }

  .entry__content > .wp-block-image > .alignleft,
  .entry__content > .wp-block-image > .alignright {
    max-width: 50%;
  }

  .alignleft {
    float: left;
    margin-right: var(--global--spacing-horizontal);
  }

  .entry__content > .alignleft {
    max-width: calc(50% - var(--responsive--alignleft-margin));
  }

  .alignright {
    float: right;
    margin-left: var(--global--spacing-horizontal);
  }

  .entry__content > .alignright {
    max-width: calc(50% - var(--responsive--alignright-margin));
  }

  .entry__footer-container {
    grid-template-columns: auto minmax(150px, 200px);
  }

  .entry__footer .byline {
    grid-column: 1 / 3;
  }

  .button.button--show-comments {
    padding-top: 0.875em;
    padding-bottom: 0.875em;
    font-size: var(--button-show-comments__FontSize);
  }

  .menu--primary > li > .dropdown-toggle {
    vertical-align: 70%;
  }

  .pagination .page-numbers {
    display: inline-block;
    margin-right: 0.625em;
  }

  .pagination .prev::after,
  .pagination .next::before {
    content: "";
    position: relative;
    display: inline-block;
    width: 1px;
    height: 1.25rem;
    background-color: var(--pagination__BorderColor);
    opacity: 0.35;
    vertical-align: -1px;
  }

  .pagination .prev::after {
    margin-left: 1em;
    margin-right: 0.25em;
  }

  .pagination .next::before {
    margin-right: 1em;
    margin-left: 0.25em;
  }

  .loop-container.loop-container--portfolio-interactive-links-v1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .loop-container.loop-container--portfolio-interactive-links-v1 .entry {
    padding-right: calc(var(--global--spacing-horizontal) * 3);
  }

  .loop-container.loop-container--portfolio-interactive-links-v1 .entry:not(:last-child) .entry__header::after {
    content: "";
    position: absolute;
    right: -3.375rem;
    top: 30%;
    width: 2.25rem;
    height: 1px;
    background-color: var(--interactive-link-border-after__Color, rgba(255, 255, 255, 0.25));
  }

  .entry__footer .share-links {
    grid-column: 1 / 3;
  }

  .entry__footer .tags-links + .share-links {
    margin-left: auto;
    grid-column: 2 / 3;
  }
}

@media only screen and (min-width: 704px) {
  .loop-container.loop-container--portfolio-carousel-large-v1 .carousel-item__body > * {
    max-width: 640px;
  }
}

@media only screen and (min-width: 768px) {
  .loop-container .grid--masonry {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-left: calc(var(--global--spacing-horizontal) * -1);
    margin-right: calc(var(--global--spacing-horizontal) * -1);
  }

  .loop-container .grid--masonry .grid__item {
    padding-right: var(--global--spacing-horizontal);
    padding-left: var(--global--spacing-horizontal);
  }

  .header__buttons .button--menu-toggle .button__text {
    display: block;
    margin-right: 0.75rem;
  }

  .header__buttons .button--menu-toggle:hover .button__text > span {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
  }

  .header__buttons .button--sidebar-open {
    display: none;
  }

  .footer__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .footer .social-navigation {
    margin-right: var(--global--spacing-horizontal);
  }

  .footer__site-info {
    margin-left: auto;
  }

  .comment-list .children > li {
    padding-left: calc(48px + var(--global--spacing));
  }

  .comment--has-avatar .comment-content,
  .comment--has-avatar .comment-reply,
  .comment--has-avatar .comment-awaiting-moderation {
    margin-left: calc(48px + var(--global--spacing));
  }

  .comment-form-author,
  .comment-form-email,
  .comment-form-url {
    float: left;
    width: 32%;
  }

  .comment-form-author,
  .comment-form-email {
    margin-right: 2%;
  }

  .main-navigation__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .main-navigation__footer .social-navigation + .privacy-policy-link {
    margin-left: var(--global--spacing-horizontal);
  }

  .menu--primary > li > .dropdown-toggle {
    vertical-align: 90%;
  }

  .post-navigation .nav-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

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

  .post-navigation .nav-previous a {
    padding-right: var(--global--spacing);
  }

  .post-navigation .nav-next a {
    padding-left: var(--global--spacing);
    text-align: right;
  }

  .post-navigation div + div {
    border-left: var(--post-nav__BorderWidth) solid var(--post-nav__BorderColor);
  }

  .attachment .post-navigation .nav-previous {
    width: 100%;
  }

  .pagination {
    text-align: center;
  }

  .related-posts__list {
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: calc(var(--global--spacing-horizontal) * 2);
  }

  .related-posts__item:last-child {
    display: none;
  }

  .loop-container--grid-2-col > .grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .loop-container--grid-3-col > .grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .loop-container--mixed-v1 > .grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .loop-container--mixed-v2 > .grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .loop-container--masonry-2-col .grid--masonry {
    margin-left: calc(-1.5rem - 1.5vw + 4.8px);
    margin-right: calc(-1.5rem - 1.5vw + 4.8px);
  }

  .loop-container--masonry-2-col .grid__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    width: 50%;
    padding-right: calc(1.5rem + 1.5vw - 4.8px) !important;
    padding-left: calc(1.5rem + 1.5vw - 4.8px) !important;
  }

  .loop-container--masonry-2-col .grid__item:nth-child(2) {
    margin-top: calc(7rem + 4.86111vw - 37.33333px);
  }

  .loop-container--masonry-3-col .grid__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    width: 50%;
  }

  .loop-container--masonry-3-col .grid__item:nth-child(2) {
    margin-top: calc(7rem + 4.86111vw - 37.33333px);
  }

  .loop-container.loop-container--portfolio-list .post-card {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .loop-container.loop-container--portfolio-list .post-card__thumbnail {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin-bottom: 0;
    margin-left: calc(3rem + 1.5vw - 4.8px);
  }

  .loop-container.loop-container--portfolio-list .post-card__thumbnail a {
    height: 100%;
  }

  .loop-container.loop-container--portfolio-list-simple-v1 .post-item {
    padding: calc(var(--global--spacing-vertical) * 1.5) 0 calc(var(--global--spacing-vertical) * 1.5) calc(var(--global--spacing) * 7);
  }

  .loop-container.loop-container--portfolio-grid-2-col .grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .loop-container.loop-container--portfolio-grid-2-col .grid__item:nth-child(4n-2) .post-card__thumbnail .thumbnail__wrapper a,
  .loop-container.loop-container--portfolio-grid-2-col .grid__item:nth-child(4n-1) .post-card__thumbnail .thumbnail__wrapper a {
    padding-top: 125%;
  }

  .loop-container.loop-container--portfolio-grid-3-col-v1 .grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .loop-container.loop-container--portfolio-grid-3-col-v2 .grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .loop-container.loop-container--portfolio-grid-mixed .grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .loop-container.loop-container--portfolio-grid-mixed .grid__item:nth-child(3n) {
    grid-column: span 2 / auto;
  }

  .loop-container.loop-container--portfolio-grid-metro .grid {
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 0;
  }

  .loop-container.loop-container--portfolio-grid-metro .grid__item {
    grid-column: span 2 / auto;
  }

  .loop-container.loop-container--portfolio-masonry-2-col .grid--masonry {
    margin-left: calc(-1.5rem - 1.5vw + 4.8px);
    margin-right: calc(-1.5rem - 1.5vw + 4.8px);
  }

  .loop-container.loop-container--portfolio-masonry-2-col .grid__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    width: 50%;
    padding-right: calc(1.5rem + 1.5vw - 4.8px) !important;
    padding-left: calc(1.5rem + 1.5vw - 4.8px) !important;
  }

  .loop-container.loop-container--portfolio-masonry-2-col .grid__item:nth-child(2) {
    margin-top: calc(7rem + 4.86111vw - 37.33333px);
  }

  .loop-container.loop-container--portfolio-carousel-large-v1 .carousel-item {
    width: 75vw;
    min-height: calc(75vw * 9 / 16);
  }

  .wpcf7-form p:nth-of-type(1) {
    margin-right: 4%;
  }

  .wpcf7-form p:nth-of-type(1),
  .wpcf7-form p:nth-of-type(2) {
    width: 48%;
    float: left;
  }
}

@media only screen and (min-width: 783px) {
  .admin-bar .site {
    min-height: calc(100vh - 32px);
  }

  .admin-bar .header {
    top: 32px;
  }

  .admin-bar .sidebar {
    top: 32px;
  }

  .admin-bar .loop-container.loop-container--portfolio-interactive-links-v1 .entry .hover-reveal {
    height: calc(100vh - 32px);
  }

  .admin-bar .loop-container--portfolio-carousel .loop-container--portfolio-carousel {
    height: calc(100vh - 32px);
  }

  .admin-bar .loop-container--portfolio-carousel .carousel-item {
    min-height: calc(100vh - 32px);
  }

  .admin-bar .loop-container--portfolio-carousel .loop-container--portfolio-carousel {
    height: calc(100vh - 32px);
  }

  .admin-bar .loop-container--portfolio-carousel .carousel-item {
    min-height: calc(100vh - 32px);
  }
}

@media only screen and (min-width: 960px) {
  .menu--primary > li > .dropdown-toggle {
    vertical-align: 110%;
  }

  .loop-container--list-chess {
    --post-card-title__FontSize: calc(1.3125rem + 1.5625vw - 15px);
  }

  .loop-container--list-chess .list__item:nth-child(2n) .post-card__thumbnail {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin-right: 0;
    margin-left: calc(var(--global--spacing-horizontal) * 2);
  }

  .loop-container--list-chess .post-card {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .loop-container--list-chess .post-card__thumbnail {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    margin-bottom: 0;
    margin-right: calc(var(--global--spacing-horizontal) * 2);
  }

  .loop-container--list-chess .post-card__thumbnail a {
    height: 100%;
  }

  .loop-container--list-chess .post-card__body {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    padding-right: 0;
  }

  .loop-container--list-chess .post-card__content {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .single-portfolio .entry__info {
    grid-template-columns: 1fr 1fr;
  }

  .single-portfolio .entry__info .share-links {
    text-align: right;
  }

  .single-portfolio .entry__info .share-links > :not(:last-child) {
    margin-right: calc(var(--global--spacing-horizontal) * 1.5);
  }

  .portfolio-meta-item {
    text-align: left;
  }

  .loop-container.loop-container--portfolio-list-chess .list__item:nth-child(6n-5) {
    margin-bottom: -15%;
  }

  .loop-container.loop-container--portfolio-list-chess .list__item:nth-child(6n-5) .post-card__thumbnail {
    width: 46%;
    margin-right: 8%;
  }

  .loop-container.loop-container--portfolio-list-chess .list__item:nth-child(6n-5) .post-card__thumbnail .thumbnail__wrapper a {
    padding-top: 125%;
  }

  .loop-container.loop-container--portfolio-list-chess .list__item:nth-child(6n-4) .post-card__thumbnail {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: calc(100% - 46% - 8%);
    margin-left: 8%;
  }

  .loop-container.loop-container--portfolio-list-chess .list__item:nth-child(6n-4) .post-card__thumbnail .thumbnail__wrapper a {
    padding-top: 125%;
  }

  .loop-container.loop-container--portfolio-list-chess .list__item:nth-child(6n-4) .post-card__body {
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin-left: auto;
  }

  .loop-container.loop-container--portfolio-list-chess .list__item:nth-child(6n-3) .post-card__thumbnail {
    width: 60%;
    margin-right: 8%;
  }

  .loop-container.loop-container--portfolio-list-chess .list__item:nth-child(6n-2) {
    margin-bottom: -15%;
  }

  .loop-container.loop-container--portfolio-list-chess .list__item:nth-child(6n-2) .post-card__thumbnail {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 46%;
    margin-left: 8%;
  }

  .loop-container.loop-container--portfolio-list-chess .list__item:nth-child(6n-2) .post-card__thumbnail .thumbnail__wrapper a {
    padding-top: 125%;
  }

  .loop-container.loop-container--portfolio-list-chess .list__item:nth-child(6n-2) .post-card__body {
    margin-left: auto;
  }

  .loop-container.loop-container--portfolio-list-chess .list__item:nth-child(6n-1) .post-card__thumbnail {
    width: calc(100% - 46% - 8%);
    margin-right: 8%;
  }

  .loop-container.loop-container--portfolio-list-chess .list__item:nth-child(6n-1) .post-card__thumbnail .thumbnail__wrapper a {
    padding-top: 125%;
  }

  .loop-container.loop-container--portfolio-list-chess .list__item:nth-child(6n-1) .post-card__body {
    -ms-flex-item-align: end;
    align-self: flex-end;
  }

  .loop-container.loop-container--portfolio-list-chess .list__item:nth-child(6n) .post-card__thumbnail {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 60%;
    margin-left: 8%;
  }

  .loop-container.loop-container--portfolio-list-chess .list__item:nth-child(6n) .post-card__body {
    margin-left: auto;
  }

  .loop-container.loop-container--portfolio-list-chess .post-card {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .loop-container.loop-container--portfolio-list-chess .post-card__thumbnail {
    margin-bottom: 0;
  }

  .loop-container.loop-container--portfolio-list-chess .post-card__body {
    max-width: 480px;
  }
}

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

  .main-nav--is-open .site__title a {
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-delay: 0.25s;
    transition-delay: 0.25s;
  }

  .hfeed .entry__thumbnail {
    max-width: calc(960px);
  }

  .post-template-fullscreen-featured-post .entry__title,
  .post-template-fullscreen-featured-post .entry__meta,
  .page-template-fullscreen-featured-page .entry__title,
  .page-template-fullscreen-featured-page .entry__meta,
  .single-portfolio .entry__title,
  .single-portfolio .entry__meta {
    max-width: 960px;
  }

  .page__header.page__header--hero > * {
    max-width: 960px;
  }

  .main-navigation {
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
  }

  .main-navigation__container {
    grid-template-columns: 2fr 1fr;
    grid-gap: calc(var(--global--spacing-vertical) * 3) calc(var(--global--spacing-horizontal) * 4);
  }

  .main-navigation .secondary-navigation {
    margin-top: 1.5rem;
  }

  .main-navigation__footer {
    grid-column: 1/3;
  }

  .primary-navigation .menu-item-has-children > a {
    margin-right: calc(var(--global--spacing-horizontal) / 2);
  }

  .dropdown-toggle {
    vertical-align: 18%;
  }

  .menu--primary > li > .dropdown-toggle {
    vertical-align: 140%;
  }

  .menu--primary > li > .dropdown-toggle > .svg-icon {
    width: 2.125rem;
    height: 2.125rem;
  }

  .related-posts__list {
    grid-template-columns: repeat(3, 1fr);
  }

  .related-posts__item:last-child {
    display: block;
  }

  .loop-container--list-chess .list__item:nth-child(2n) .post-card__thumbnail {
    margin-left: calc(var(--global--spacing-horizontal) * 3);
  }

  .loop-container--list-chess .post-card__thumbnail {
    margin-right: calc(var(--global--spacing-horizontal) * 3);
  }

  .loop-container--grid-3-col > .grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .loop-container--mixed-v1 > .grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .loop-container--mixed-v1 .grid__item--large {
    grid-column: span 2 / auto;
  }

  .loop-container--mixed-v1 .post-card__thumbnail a {
    padding-top: 119.85%;
  }

  .loop-container--mixed-v1 .grid__item--large .post-card__thumbnail a {
    padding-top: 56.25%;
  }

  .loop-container--mixed-v2 > .grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .loop-container--mixed-v2 .grid__item--large {
    grid-column: span 2 / auto;
  }

  .loop-container--mixed-v2 .post-card__thumbnail a {
    padding-top: 119.85%;
  }

  .loop-container--mixed-v2 .grid__item--large .post-card__thumbnail a {
    padding-top: 56.25%;
  }

  .loop-container--masonry-3-col .grid__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% / 3);
    flex: 0 0 calc(100% / 3);
    width: calc(100% / 3);
  }

  .loop-container--masonry-3-col .grid__item:nth-child(3) {
    margin-top: calc((7rem + 4.86111vw - 37.33333px) * 2);
  }

  .portfolio-item-navigation .portfolio-item__meta,
  .portfolio-item-navigation .portfolio-item__title {
    max-width: 960px;
  }

  .loop-container.loop-container--portfolio-list-simple-v1 .post-item__meta,
  .loop-container.loop-container--portfolio-list-simple-v1 .post-item__title {
    max-width: calc(100% - 100px);
  }

  .loop-container.loop-container--portfolio-grid-3-col-v1 .grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .loop-container.loop-container--portfolio-grid-3-col-v2 .grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .loop-container.loop-container--portfolio-grid-mixed .grid {
    grid-template-columns: repeat(10, 1fr);
  }

  .loop-container.loop-container--portfolio-grid-mixed .grid__item:nth-child(3n) {
    grid-column: span 10 / auto;
  }

  .loop-container.loop-container--portfolio-grid-mixed .grid__item:first-child,
  .loop-container.loop-container--portfolio-grid-mixed .grid__item:nth-child(6n+1),
  .loop-container.loop-container--portfolio-grid-mixed .grid__item:nth-child(6n-1) {
    grid-column: span 6 / auto;
  }

  .loop-container.loop-container--portfolio-grid-mixed .grid__item:nth-child(2),
  .loop-container.loop-container--portfolio-grid-mixed .grid__item:nth-child(6n+2),
  .loop-container.loop-container--portfolio-grid-mixed .grid__item:nth-child(6n-2) {
    grid-column: span 4 / auto;
  }

  .loop-container.loop-container--portfolio-grid-creative .grid {
    grid-template-columns: repeat(10, 1fr);
    grid-gap: calc(var(--global--spacing-vertical) * 3) calc(var(--global--spacing) * 6);
  }

  .loop-container.loop-container--portfolio-grid-creative .grid__item:nth-child(4n-3),
  .loop-container.loop-container--portfolio-grid-creative .grid__item:nth-child(4n) {
    grid-column: span 6 / auto;
  }

  .loop-container.loop-container--portfolio-grid-creative .grid__item:nth-child(4n-2),
  .loop-container.loop-container--portfolio-grid-creative .grid__item:nth-child(4n-1) {
    grid-column: span 4 / auto;
  }

  .loop-container.loop-container--portfolio-grid-creative .grid__item:nth-child(4n-2) .post-card__thumbnail--cropped a,
  .loop-container.loop-container--portfolio-grid-creative .grid__item:nth-child(4n-1) .post-card__thumbnail--cropped a {
    padding-top: 100%;
  }

  .loop-container.loop-container--portfolio-grid-creative .grid__item:nth-child(2n-1) {
    margin-top: calc(var(--global--spacing-vertical) * 7);
  }

  .loop-container.loop-container--portfolio-grid-bricks .grid {
    grid-template-columns: repeat(10, 1fr);
    grid-gap: calc(var(--global--spacing-vertical) * 3) 0;
  }

  .loop-container.loop-container--portfolio-grid-bricks .grid__item:nth-child(7n-6) {
    grid-column: span 6 / auto;
  }

  .loop-container.loop-container--portfolio-grid-bricks .grid__item:nth-child(7n-3) {
    grid-column: span 6 / auto;
  }

  .loop-container.loop-container--portfolio-grid-bricks .grid__item:nth-child(7n-5) {
    grid-column: span 4 / auto;
  }

  .loop-container.loop-container--portfolio-grid-bricks .grid__item:nth-child(7n-4) {
    grid-column: span 4 / auto;
  }

  .loop-container.loop-container--portfolio-grid-bricks .grid__item:nth-child(14n-9) {
    grid-column: span 4 / auto;
  }

  .loop-container.loop-container--portfolio-grid-bricks .grid__item:nth-child(14n) {
    grid-column: span 4 / auto;
  }

  .loop-container.loop-container--portfolio-grid-bricks .grid__item:nth-child(7n-1) {
    grid-column: span 3 / auto;
  }

  .loop-container.loop-container--portfolio-grid-bricks .grid__item:nth-child(14n-7) {
    grid-column: span 3 / auto;
  }

  .loop-container.loop-container--portfolio-grid-bricks .grid__item:nth-child(14n-2) {
    grid-column: span 3 / auto;
  }

  .loop-container.loop-container--portfolio-grid-bricks .post-card__body {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .loop-container.loop-container--portfolio-grid-metro .grid__item {
    grid-column: span 1 / auto;
  }

  .loop-container.loop-container--portfolio-grid-metro .grid__item:nth-child(6n-5) {
    grid-column: span 2 / auto;
    grid-row: span 2 / auto;
  }

  .loop-container.loop-container--portfolio-grid-metro .grid__item:nth-child(6n-2) {
    grid-column: span 2 / auto;
    grid-row: span 2 / auto;
  }

  .loop-container.loop-container--portfolio-grid-metro .post-card__body {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .loop-container.loop-container--portfolio-large-thumbnails .grid {
    grid-template-columns: repeat(10, 1fr);
    grid-row-gap: calc(3.5rem + 3.5vw - 11.2px);
    grid-column-gap: 0;
  }

  .loop-container.loop-container--portfolio-large-thumbnails .grid__item:nth-child(3n-2) {
    grid-column: 1 / 7;
  }

  .loop-container.loop-container--portfolio-large-thumbnails .grid__item:nth-child(3n-1) {
    grid-column: 5 / 11;
  }

  .loop-container.loop-container--portfolio-large-thumbnails .grid__item:nth-child(3n) {
    grid-column: 3 / 9;
  }

  .loop-container.loop-container--portfolio-carousel-large-v1 .carousel-item {
    width: 55vw;
    min-height: calc(55vw * 9 / 16);
  }

  .loop-container.loop-container--portfolio-carousel-fullscreen-v1 .carousel-item__body > * {
    max-width: 960px;
  }

  .loop-container.loop-container--portfolio-carousel-fullscreen-v2 .carousel__navigation {
    -webkit-transform: translateY(calc(-12.25rem - 7vw + 22.4px));
    transform: translateY(calc(-12.25rem - 7vw + 22.4px));
  }

  .loop-container.loop-container--portfolio-carousel-fullscreen-v2 .carousel__line {
    bottom: 40px;
  }

  .loop-container.loop-container--portfolio-carousel-fullscreen-v2 .carousel__line--left {
    left: calc(9vw + 3.75vw + 8px + 108px);
  }

  .loop-container.loop-container--portfolio-carousel-fullscreen-v2 .carousel__line--left::after {
    content: "";
    position: fixed;
    left: calc(3.75vw + 8px);
    bottom: 40px;
    width: calc(9vw - 36px);
    height: 1px;
    background-color: var(--carousel-item-line__Color);
  }

  .loop-container.loop-container--portfolio-carousel-fullscreen-v2 .carousel__line--right {
    right: calc(9vw + 3.75vw + 8px + 108px);
  }

  .loop-container.loop-container--portfolio-carousel-fullscreen-v2 .carousel__line--right::after {
    content: "";
    position: fixed;
    right: calc(3.75vw + 8px);
    bottom: 40px;
    width: calc(9vw - 36px);
    height: 1px;
    background-color: var(--carousel-item-line__Color);
  }

  .loop-container.loop-container--portfolio-carousel-fullscreen-v2 .carousel-item {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }

  .loop-container.loop-container--portfolio-carousel-fullscreen-v2 .carousel-item__body > * {
    max-width: 960px;
  }
}

@media only screen and (min-width: 1440px) {
  .menu--primary > li > .dropdown-toggle {
    vertical-align: 220%;
  }

  .loop-container--mixed-v1 .post-card__thumbnail a {
    padding-top: 119.345%;
  }

  .loop-container--mixed-v2 .post-card__thumbnail a {
    padding-top: 119.345%;
  }

  .loop-container.loop-container--portfolio-list-chess {
    max-width: 1600px;
  }

  .loop-container.loop-container--portfolio-carousel-large-v1 .carousel-item {
    width: calc(100vw / 3 * 2);
    min-height: calc((100vw / 3 * 2) * 9 / 16);
  }
}

@media only screen and (min-width: 1920px) {
  :root {
    --responsive--aligndefault-width: calc(100vw / 3);
    --responsive--alignwide-width: calc(100vw / 3 * 2);
  }

  .hfeed .entry__thumbnail {
    max-width: calc(100vw / 2);
  }

  .post-template-fullscreen-featured-post .entry__title,
  .post-template-fullscreen-featured-post .entry__meta,
  .page-template-fullscreen-featured-page .entry__title,
  .page-template-fullscreen-featured-page .entry__meta,
  .single-portfolio .entry__title,
  .single-portfolio .entry__meta {
    max-width: calc(100vw / 2);
  }

  .page__header.page__header--hero > * {
    max-width: calc(100vw / 2);
  }

  .post-item__meta,
  .post-item__title {
    max-width: calc(100vw / 3);
  }

  .portfolio-item-navigation .portfolio-item__meta,
  .portfolio-item-navigation .portfolio-item__title {
    max-width: calc(100vw / 2);
  }

  .loop-container.loop-container--portfolio-list-chess {
    max-width: calc(100vw / 1.2);
  }

  .loop-container.loop-container--portfolio-list-chess .post-card__body {
    max-width: calc(100vw / 4);
  }

  .loop-container.loop-container--portfolio-carousel-large-v1 .carousel-item {
    width: calc(100vw / 1.77778);
    min-height: calc((100vw / 1.77778) * 9 / 16);
  }

  .loop-container.loop-container--portfolio-carousel-large-v1 .carousel-item__body > * {
    max-width: calc(100vw / 3);
  }

  .loop-container.loop-container--portfolio-carousel-fullscreen-v1 .carousel-item__body > * {
    max-width: calc(100vw / 2);
  }

  .loop-container.loop-container--portfolio-carousel-fullscreen-v2 .carousel-item__body > * {
    max-width: calc(100vw / 2);
  }
}

@media only screen and (max-width: 1439px) {
  .loop-container.loop-container--portfolio-carousel-large-v1 .swiper-scrollbar {
    display: none;
  }
}

@media only screen and (max-width: 1279px) {
  .primary-navigation li:not(:last-child) {
    margin-bottom: 0.875rem;
  }

  .primary-navigation ul ul li:not(:last-child) {
    margin-bottom: 0;
  }

  .post-item .icon--arrow {
    display: none;
  }

  .loop-container.loop-container--portfolio-carousel-fullscreen-v2 .carousel__pagination {
    display: none;
  }

  .loop-container.loop-container--portfolio-carousel-fullscreen-v2 .carousel__button {
    display: none;
  }
}

@media only screen and (max-width: 959px) {
  .loop-container.loop-container--portfolio-carousel-large-v1 .swiper-button-prev,
  .loop-container.loop-container--portfolio-carousel-large-v1 .swiper-button-next {
    display: none;
  }

  .loop-container.loop-container--portfolio-carousel-fullscreen-v1 .swiper-button-prev,
  .loop-container.loop-container--portfolio-carousel-fullscreen-v1 .swiper-button-next {
    display: none;
  }
}

@media all and (max-width: 900px) {
  .mfp-image-holder .mfp-close,
  .mfp-iframe-holder .mfp-close {
    top: 5px;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
  }

  .mfp-arrow {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    width: 40px;
    height: 60px;
    margin-top: -30px;
  }

  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }

  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }

  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }

  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }

  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }

  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .mfp-img-mobile .mfp-bottom-barr:empty {
    padding: 0;
  }

  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }

  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    position: fixed;
    text-align: center;
    padding: 0;
  }
}

@media only screen and (max-width: 782px) {
  :root {
    margin-top: 0 !important;
  }
}

@media only screen and (max-width: 767px) {
  .main-navigation__footer .social-navigation + .privacy-policy-link {
    margin-top: calc(var(--global--spacing-vertical) / 2);
  }

  .post-navigation div + div {
    margin-top: var(--global--spacing-vertical);
    padding-top: var(--global--spacing-vertical);
    border-top: var(--post-nav__BorderWidth) solid var(--post-nav__BorderColor);
  }

  .button--sidebar-opener {
    display: none;
  }

  .loop-container.loop-container--portfolio-list-simple-v1 .post-item::after {
    display: none;
  }
}

@media only screen and (max-width: 599px) {
  .entry__content > .wp-block-image > .alignleft,
  .entry__content > .wp-block-image > .alignright {
    margin-left: 0;
    margin-right: 0;
  }

  .pagination .current .screen-reader-text {
    position: static !important;
    -webkit-clip-path: none;
    clip-path: none;
    margin: 0 0.25rem 0 0;
  }

  .loop-container.loop-container--portfolio-interactive-links-v1 .entry:last-child {
    padding-bottom: 0;
  }
}

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

  .entry__title {
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
  }

  .entry__summary,
  .entry__content {
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
  }

  .post-card__content {
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
  }

  .loop-container.loop-container--portfolio-carousel-large-v1 .carousel-item__title {
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
  }

  .loop-container.loop-container--portfolio-carousel-fullscreen-v1 .carousel-item__title {
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
  }

  .loop-container.loop-container--portfolio-carousel-fullscreen-v2 .carousel-item__title {
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
  }
}

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