/* Theme Name: Neiman Theme URI: https://themeforest.net/user/ukathemes/portfolio/ Author: UkaThemes Author URI: https://themeforest.net/user/ukathemes Description: Neiman 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. Neiman is an automated theme which means that all you have to do is create your posts and upload your images and Neiman will automatically arrange your projects into sliders and grids. Requires at least: 5.6 Tested up to: 5.7 Version: 1.1.0 License: Themeforest Split Licence License URI: https://themeforest.net/licenses Text Domain: neiman 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 * Fonts * Global * * GENERIC * Normalize.css * Breakpoints * Vertical-margins * Reset * Clearings * Animations * * VENDORS * Animsition * Swiper * * 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 * Social Navigation * Pagination * Widget * Post items * Post cards * Related posts * Carousels * Content layouts * Cursor * Multisites * * UTILITIES * A11y * Color Palette * Color Schemes * Customizer * * PLUGINS * UKA Portfolio * UKA Share Buttons * Contact Form 7 * Elementor */ /*-------------------------------------------------------------- SETTINGS --------------------------------------------------------------*/ /*-------------------------------------------------------------- Variables --------------------------------------------------------------*/ :root { /* Font Family */ --global--font-family-base: -apple-system, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; --global--font-family-headings: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; --global--font-family-content: var(--font-family--base); --global--font-family-monospace: Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* Font Size */ --html--font-size: calc(.0625vw + 14.8px); --global--font-size-base: 1rem; --global--font-size-xs: 0.75rem; --global--font-size-sm: 0.875rem; --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; /* Line Height */ --global--line-height-base: 1.75; --global--line-height-heading: 1.35; /* Colors */ --global--color-black: #121213; --global--color-white: #ffffff; --global--color-blue: #2e6ce2; --global--color-red: #ea1327; --global--color-red-hover: #c91021; --global--color-yellow: #e2d72e; --global--color-green: #5ee22e; --global--color-orange: #e28b2e; --global--color-purple: #d1d1e4; --global--color-gray-100: #f5f5f6; --global--color-gray-200: #d8d8da; --global--color-gray-300: #bcbcbf; --global--color-gray-400: #a4a4a9; --global--color-gray-500: #87878e; --global--color-gray-600: #616167; --global--color-gray-700: #4b4b4f; --global--color-gray-800: #353538; --global--color-gray-900: #212123; --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-red); --global--color-accent-hover: var(--global--color-red-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: 1.75rem; /* Other */ --global--transition: all 0.25s ease-in-out; --global--border-radius: 0.25rem; /* Button */ --button__Color: var(--global--color-primary); --button--hover__Color: var(--global--color-primary); --button__FontFamily: var(--global--font-family-base); --button__FontSize: var(--global--font-size-sm); --button__FontWeight: var(--global--font-weight-medium); --button__LineHeight: 2; --button__LetterSpacing: var(--global--letter-spacing); --button__BackgroundColor: transparent; --button--hover__BackgroundColor: var(--global--color-accent); --button__BorderColor: var(--global--color-accent); --button--hover__BorderColor: var(--global--color-accent); --button__BorderRadius: var(--global--border-radius); --button__Transition: var(--global--transition); /* Blockquote */ --blockquote__Color: var(--global--color-primary); --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-bold); --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: 0.8125em; --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); --checkbox-label__FontWeight: var(--global--font-weight-medium); --input__Color: var(--global--color-content); --input__FontFamily: var(--global--font-family-base); --input__FontSize: var(--global--font-size-base); --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, .065); --input--hover__BackgroundColor: rgba(255, 255, 255, 0.085); --input__BorderColor: transparent; --input__BorderRadius: var(--global--border-radius); --input__Transition: var(--global--transition); --select__Color: var(--global--color-content); --select__FontFamily: var(--global--font-family-base); --select__FontSize: var(--global--font-size-base); --select__FontWeight: var(--global--font-weight-normal); --select__LineHeight: var(--global--line-height-base); --select__LetterSpacing: var(--global--letter-spacing); --select__BackgroundColor: var(--input__BackgroundColor); --select--hover__BackgroundColor: var(--input--hover__BackgroundColor); --select__BorderColor: transparent; --select__BorderRadius: var(--global--border-radius); --select__Transition: border-color 0.25s ease-in-out; --post-password-form__FontSize: var(--global--font-size-sm); --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-primary); --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); /* Cursor */ --cursor--BorderColor: var(--global--color-primary); /* Blocks */ --wp-block-code__BackgroundColor: var(--global--color-background-secondary); --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__FontWeight--strong: 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-xxl); --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__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__FontSize: var(--blockquote-cite__FontSize); --pullquote-cite__FontStyle: var(--blockquote-cite__FontStyle); --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__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-white); --site-title__FontFamily: var(--global--font-family-headings); --site-title__FontSize: var(--global--font-size-base); --site-title__FontWeight: var(--global--font-weight-semi-bold); --site-title__LineHeight: var(--global--line-height-base); --site-title__LetterSpacing: 0.15em; --site-title__TextTransform: uppercase; --header-buttons__Color: var(--global--color-white); --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-semi-bold); --header-buttons__LineHeight: 1; --header-buttons__TextTransform: none; --header-buttons__LetterSpacing: var(--global--letter-spacing); /* Footer */ --footer-text__Color: var(--global--color-white); --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-semi-bold); --footer-copyright__LineHeight: 2.33333; --footer-copyright__LetterSpacing: var(--global--letter-spacing); /* Posts and Pages */ --sticky-post__Color: var(--global--color-primary); --sticky-post__BorderColor: var(--global--color-accent); --sticky-post__BorderRadius: var(--global--border-radius); --page-links__Color: var(--global--color-secondary); --page-links--hover__Color: var(--global--color-primary); --page-links--active__Color: var(--global--color-primary); --page-links__FontFamily: var(--global--font-family-base); --page-links__FontSize: var(--global--font-size-sm); --page-links__FontWeight: var(--global--font-weight-medium); --page-links__LiveHeight: 2; --page-links__LetterSpacing: var(--global--letter-spacing); --page-links__BackgroundColor: var(--global--color-background-secondary); --page-links__BorderRadius: var(--global--border-radius); /* Entry */ --entry-title__Color: var(--global--color-primary); --entry-title--hover__Color: var(--global--color-primary); --entry-title__FontFamily: var(--global--font-family-headings); --entry-title__FontSize: calc(2.25em + 0.375vw - 1.2px); --page-title__FontSize: calc(2.25em + 1.5vw - 4.8px); --entry-title__FontWeight: var(--global--font-weight-bold); --entry-title__LineHeight: var(--global--line-height-heading); --entry-title__LetterSpacing: var(--global--letter-spacing); --entry-title-underline__Color: var(--global--color-accent); --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: 0.8125rem; --entry-meta__FontWeight: var(--global--font-weight-semi-bold); --entry-meta__LineHeight: var(--global--line-height-base); --entry-meta__LetterSpacing: var(--global--letter-spacing); --entry-meta-underline__Color: rgba(135, 135, 142, 0.35); --entry-meta-underline--hover__Color: rgba(135, 135, 142, 0.5); --entry__thumbnail__BackgroundColor: var(--global--color-background-secondary); --entry-content__Color: var(--global--color-content); --entry-content__FontFamily: var(--global--font-family-content); --more-link__Color: var(--global--color-secondary); --more-link--hover__Color: var(--global--color-secondary-hover); --more-link__FontFamily: var(--global--font-family-base); --more-link__FontSize: 0.8125rem; --more-link__FontWeight: var(--global--font-weight-semi-bold); --more-link__LineHeight: 2.15385; --more-link__LetterSpacing: var(--global--letter-spacing); --more-link-underline__Color: rgba(135, 135, 142, 0.35); --more-link-underline--hover__Color: rgba(135, 135, 142, 0.5); --entry-footer__Color: var(--global--color-secondary); --entry-footer--hover__Color: var(--global--color-secondary-hover); --entry-footer__FontFamily: var(--global--font-family-base); --entry-footer__FontSize: 0.8125rem; --entry-footer__FontWeight: var(--global--font-weight-medium); --entry-footer__LineHeight: 2.15385; --entry-footer__LetterSpacing: var(--global--letter-spacing); --tags-link__BackgroundColor: var(--global--color-background-secondary); --tags-link__BorderRadius: var(--global--border-radius); --byline__Color: var(--global--color-primary); --byline--hover__Color: var(--global--color-primary); --byline__FontFamily: var(--global--font-family-headings); --byline__FontSize: 0.875rem; --byline__FontWeight: var(--global--font-weight-semi-bold); --byline__LetterSpacing: var(--global--letter-spacing); --byline-underline__Color: rgba(135, 135, 142, 0.35); --byline-underline--hover__Color: rgba(135, 135, 142, 0.5); --fullscreen-featured-entry-title__FontSize: calc(2.25em + 2.25vw - 7.2px); --fullscreen-featured-entry-title__LineHeight: 1.25; --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.5); /* Author Info */ --author-info__BorderColor: var(--global--color-border); --author-info-subtitle__Color: var(--global--color-secondary); --author-info-subtitle__FontFamily: var(--global--font-family-base); --author-info-subtitle__FontSize: var(--global--font-size-xs); --author-info-subtitle__FontWeight: var(--global--font-weight-medium); --author-info-subtitle__LineHeight: var(--global--line-height-base); --author-info-subtitle__TextTransform: uppercase; --author-info-subtitle__LetterSpacing: var(--global--letter-spacing); --author-info-title__Color: var(--global--color-primary); --author-info-title--hover__Color: var(--global--color-primary); --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-title-underline__Color: var(--global--color-accent); --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-base); --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(3rem + 0.75vw - 2.4px); --page-title__FontWeight: var(--global--font-weight-bold); --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-base); --archive-description__LineHeight: var(--global--line-height-base); --archive-description__LetterSpacing: var(--global--letter-spacing); --hero-page-title__FontSize: var(--global--font-size-xs); --hero-page-title__FontWeight: var(--global--font-weight-semi-bold); --hero-page-title__LetterSpacing: 0.15em; --hero-page-title-underline__Color: var(--global--color-accent); --hero-page-subtitle__FontFamily: var(--global--font-family-headings); --hero-page-subtitle__FontSize: calc(3rem + 3.75vw - 12px); --hero-page-subtitle__FontWeight: var(--global--font-weight-bold); --hero-page-subtitle__LineHeight: 1.25; --hero-page-subtitle__LetterSpacing: var(--global--letter-spacing); /* 404 page */ --error404-h1__Color: var(--global--color-accent); --error404-h1__FontFamily: var(--global--font-family-headings); --error404-h1__FontSize: calc(6rem + 12vw - 38.4px); --error404-h1__LineHeight: 1; --error404-p__Color: var(--global--color-content); --error404-p__FontFamily: var(--global--font-family-content); --error404-p__FontSize: var(--global--font-size-base); --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-base); --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(--global--font-size-base); --button-show-comments__FontWeight: var(--global--font-weight-medium); --button-show-comments__BackgroundColor: transparent; --button-show-comments--hover__BackgroundColor: var(--global--color-border); --button-show-comments__BorderColor: var(--global--color-border); --button-show-comments--hover__BorderColor: var(--global--color-border); --comments-title__FontSize: calc(1.5rem + 0.375vw - 1.2px); --comment__BorderColor: var(--global--color-border); --comment-author__Color: var(--global--color-primary); --comment-author--hover__Color: var(--global--color-primary); --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-primary); --post-author-badge__BackgroundColor: var(--global--color-accent); --comment-metadata__Color: var(--global--color-secondary); --comment-metadata__FontFamily: var(--global--font-family-base); --comment-metadata__FontSize: 0.8125rem; --comment-metadata__FontWeight: var(--global--font-weight-medium); --comment-metadata__LineHeight: 1.53846; --comment-metadata__LetterSpacing: var(--global--letter-spacing); --comment-metadata-link__Color: var(--global--color-secondary); --comment-metadata-link--hover__Color: var(--global--color-secondary-hover); --comment-content__Color: var(--global--color-content); --comment-content__FontFamily: var(--global--font-family-contentt); --comment-content__FontSize: var(--global--font-size-base); --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__FontSize: var(--global--font-size-xs); --comment-reply-link__FontWeight: var(--global--font-weight-bold); --comment-reply-link__LetterSpacing: var(--global--letter-spacing); --comment-reply-link__BorderColor: var(--global--color-border); --comment-reply-link__BorderRadius: var(--global--border-radius); --comment-reply-link--hover__BackgroundColor: var(--global--color-border); --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-medium); --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-semi-bold); --no-comments__FontSize: var(--global--font-size-sm); --no-comments__FontWeight: var(--global--font-weight-semi-bold); --no-comments__LineHeight: 2; --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: #0b0b0b; --main-nav-link__Color: var(--global--color-primary); --main-nav-link--hover__Color: var(--global--color-accent); --main-nav-link__FontFamily: var(--global--font-family-headings); --main-nav-link__FontSize: calc(2.25rem + 2.25vw - 7.2px); --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-gray-400); --main-nav-sub-menu-link--hover__Color: var(--global--color-primary); --main-nav-sub-menu-link__FontFamily: var(--global--font-family-base); --main-nav-sub-menu-link__FontSize: var(--global--font-size-xs); --main-nav-sub-menu-link__FontWeight: var(--global--font-weight-semi-bold); --main-nav-sub-menu-link__LineHeight: var(--global--line-height-base); --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); --classic-main-nav-link--hover__Color: var(--main-nav-link__Color); --classic-main-nav-link__FontFamily: var(--global--font-family-base); --classic-main-nav-link__FontSize: var(--global--font-size-xs); --classic-main-nav-link__FontWeight: var(--global--font-weight-semi-bold); --classic-main-nav-link__LineHeight: 2.33333; --classic-main-nav-link__LetterSpacing: var(--global--letter-spacing); --classic-main-nav-sub-menu-link__FontSize: var(--global--font-size-xs); --classic-main-nav-sub-menu-link__FontWeight: var(--global--font-weight-semi-bold); --classic-main-nav-sub-menu-link__LineHeight: var(--global--line-height-heading); /* 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-semi-bold); --social-nav__LineHeight: 2.33333; --social-nav__LetterSpacing: var(--global--letter-spacing); /* Pagination */ --post-nav__BorderColor: var(--global--color-border); --post-nav-link__Color: var(--global--color-primary); --post-nav-link--hover__Color: var(--global--color-primary); --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: var(--global--letter-spacing); --post-nav-title__FontFamily: var(--global--font-family-headings); --post-nav-title__FontSize: var(--global--font-size-md); --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); --post-nav-title-underline__Color: var(--global--color-accent); --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(--global--color-primary); --pagination__BorderColor: var(--global--color-secondary); --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); /* Widgets */ --sidebar-overlay__BackgroundColor: black; --sidebar__BackgroundColor: var(--global--color-gray-900); --sidebar__BorderColor: var(--global--color-gray-800); --sidebar-widget-title__Color: var(--global--color-primary); --sidebar-text--primary__Color: var(--global--color-primary); --sidebar-text--secondary__Color: var(--global--color-secondary); --sidebar-link__Color: var(--global--color-gray-400); --sidebar-link--hover__Color: var(--global--color-primary); --widget__BorderColor: var(--sidebar__BorderColor); --widget-title__FontFamily: var(--global--font-family-headings); --widget-title__FontSize: var(--global--font-size-lg); --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-date__LetterSpacing: var(--global--letter-spacing); --widget-rss-summary__LetterSpacing: var(--global--letter-spacing); --tag-cloud-link__Color: var(--sidebar-link__Color); --tag-cloud-link--hover__Color: var(--sidebar-link--hover__Color); --tag-cloud-link__FontFamily: var(--global--font-family-base); --tag-cloud-link__FontSize: 0.8125rem !important; --tag-cloud-link__FontWeight: var(--global--font-weight-medium); --tag-cloud-link__LineHeight: 2.15385; --tag-cloud-link__LetterSpacing: var(--global--letter-spacing); --tag-cloud-link__BackgroundColor: var(--sidebar__BorderColor); --tag-cloud-link__BorderRadius: var(--global--border-radius); --tag-cloud-link-count__Color: var(--sidebar-text--secondary__Color); --tag-cloud-link-count--hover__Color: var(--sidebar-link--hover__Color); --tag-cloud-link-count__FontWeight: var(--global--font-weight-normal); --widget-other-ul__LetterSpacing: var(--global--letter-spacing); --widget-search-button__Color: rgba(255, 255, 255, 0.25); --widget-search-button--hover__Color: rgba(255, 255, 255, 0.5); --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); --textwidget__Color: var(--sidebar-text--secondary__Color); --textwidget__FontSize: var(--global--font-size-sm); --textwidget__LineHeight: var(--global--line-height-base); --textwidget__LetterSpacing: var(--global--letter-spacing); /* Post Items */ --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.875rem + .75vw - 2.4px); --post-item-title__FontWeight: var(--entry-title__FontWeight); --post-item-title__LineHeight: var(--entry-title__LineHeight); --post-item-title__LetterSpacing: var(--entry-title__LetterSpacing); --post-item-title-underline__Color: var(--entry-title-underline__Color); --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__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(--entry-title__LineHeight); --post-card-title__LetterSpacing: var(--entry-title__LetterSpacing); --post-card-title-underline__Color: var(--entry-title-underline__Color); --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-base); --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); /* Related Posts */ --related-posts__BorderColor: var(--global--color-border); --related-posts-title__Color: var(--global--color-secondary); --related-posts-title__FontFamily: var(--global--font-family-headings); --related-posts-title__FontSize: var(--global--font-size-xs); --related-posts-title__FontWeight: var(--global--font-weight-medium); --related-posts-title__LineHeight: var(--global--line-height-heading); --related-posts-title__LetterSpacing: var(--global--letter-spacing); --related-posts-title__TextTransform: uppercase; /* Multisites */ --mu-register__Color: var(--global--color-content); --mu-register__FontSize: var(--global--font-size-base); --mu-register-form__FontFamily: var(--global--font-family-base); --mu_alert__Color: var(--global--color-danger); --mu_alert__FontFamily: var(--global--font-family-base); --mu_alert__FontSize: 13px; --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-medium); --customizer-placeholder-title__LetterSpacing: var(--global--letter-spacing); /* Uka Portfolio */ --portfolio-meta-item__FontFamily: var(--global--font-family-base); --portfolio-meta-item__FontSize: 0.8125em; --portfolio-meta-item__FontWeight: var(--global--font-weight-semi-bold); --portfolio-meta-item__LineHeight: 2.15385; --portfolio-meta-item__LetterSpacing: var(--global--letter-spacing); --portfolio-meta-item-title__Color: var(--global--color-secondary); --portfolio-meta-item-description__Color: var(--global--color-primary); --portfolio-item-nav-meta__Color: var(--fullscreen-featured-entry-meta__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-title__Color: var(--entry-title__Color); --portfolio-item-nav-title--hover__Color: var(--entry-title--hover__Color); --portfolio-item-nav-title__FontFamily: var(--entry-title__FontFamily); --portfolio-item-nav-title__FontSize: calc(2.25em + 2.25vw - 7.2px); --portfolio-item-nav-title__FontWeight: var(--entry-title__FontWeight); --portfolio-item-nav-title__LineHeight: 1.25; --portfolio-item-title__LetterSpacing: var(--entry-title__LetterSpacing); --swiper-scrollbar__BackgroundColor: rgba(255, 255, 255, 0.25); --swiper-scrollbar-drag__BackgroundColor: rgba(255, 255, 255, 0.75); --swiper-pagination__Color: var(--global--color-primary); --swiper-pagination__FontFamily: var(--global--font-family-base); --swiper-pagination__FontSize: var(--global--font-size-xs); --swiper-pagination__FontWeight: var(--global--font-weight-medium); --swiper-pagination__LineHeight: 2.33333; --carousel-bullet__Color: var(--global--color-primary); --carousel-bullet--active__Color: var(--global--color-primary); --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--hover__Color); --carousel-item-title__FontFamily: var(--entry-title__FontFamily); --carousel-item-title__FontSize: calc(1.875rem + 1.5625vw - 5px); --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); /* Contact Form 7 */ --wpcf7-form-control__LetterSpacing: var(--global--letter-spacing); --wpcf7-response-output__LetterSpacing: var(--global--letter-spacing); } /*-------------------------------------------------------------- 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)); --responsive--alignwide-width: calc(100vw - 2 * var(--responsive--spacing-horizontal)); --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__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, .portfolio-template-fullscreen-featured-portfolio .entry__title, .portfolio-template-fullscreen-featured-portfolio .entry__meta, .author-info, .page__header, .no-results.not-found .page__content, .comments-area, .post-navigation-area, .pagination, .entry__metaboxes, .portfolio-item-navigation .meta-nav, .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, .related-posts, .posts-list-layout--list-simple-v1:not([class*="portfolio-layout--"]) .pagination, .posts-list-layout--list-simple-v2 .pagination, body.portfolio-layout--interactive-links-v1 .pagination, .loop-container.loop-container--portfolio-interactive-links-v2 .entry__header { max-width: var(--responsive--alignwide-width); margin-left: auto; margin-right: auto; } .full-max-width, .alignfull { 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, .loop-container.loop-container--portfolio-grid-creative, .loop-container.loop-container--portfolio-large-thumbnails, .loop-container.loop-container--portfolio-interactive-links-v3 .entry__header, .portfolio-layout--interactive-links-v4 .page__header--portfolio, .loop-container.loop-container--portfolio-interactive-links-v4 .entry__header { 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 { padding-top: calc(10.5rem + 7vw - 22.4px); padding-bottom: calc(12.25rem + 5.25vw - 16.8px); } .page-template-blank-v2-page .content, .post-template-fullscreen-featured-post .content, .page-template-fullscreen-featured-page .content { padding-top: 0; } .footer { padding-top: calc(1.375rem + 1.75vw - 5.6px); padding-bottom: calc(1.375rem + 1.75vw - 5.6px); } /* 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; } .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); } .hfeed .main-content > article { margin-bottom: calc(5.25rem + 3.5vw - 11.2px); } /* Block & non-gutenberg content wrappers */ .main-content > article > * { margin-top: calc(1.75rem + 0.875vw - 2.8px); margin-right: auto; margin-bottom: calc(1.75rem + 0.875vw - 2.8px); margin-left: auto; } .main-content > article > *:first-child { margin-top: 0; } .main-content > article > *:last-child { margin-bottom: 0; } .post-template-fullscreen-featured-post .entry__header, .page-template-fullscreen-featured-page .entry__header { margin-bottom: calc(2.1875rem + 1.3125vw - 4.2px); padding-top: calc(10.5rem + 7vw - 22.4px); padding-bottom: calc(12.25rem + 5.25vw - 16.8px); } /* 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 fadeIn { 0% { opacity: 0; } 100% { opacity: 1 !important; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1 !important; } } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 25%, 0); transform: translate3d(0, 25%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 25%, 0); transform: translate3d(0, 25%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes fadeOutUp { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -25%, 0); transform: translate3d(0, -25%, 0); } } @keyframes fadeOutUp { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -25%, 0); transform: translate3d(0, -25%, 0); } } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes fadeOutRight { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @-webkit-keyframes slideOutUp { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } 30% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); opacity: 0; } 70% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); opacity: 0; } } @keyframes slideOutUp { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } 30% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); opacity: 0; } 70% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); opacity: 0; } } @-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); } } /* Scroll animations */ body:not(.no-js).scroll-animations--enabled .page__header, body:not(.no-js).scroll-animations--enabled.hfeed .main-content > article, body:not(.no-js).scroll-animations--enabled .loop-container:not(.loop-container--carousel) > div > *, body:not(.no-js).scroll-animations--enabled .related-posts { opacity: 0; } body:not(.no-js).scroll-animations--enabled .page__header.animation--fade-in-up, body:not(.no-js).scroll-animations--enabled.hfeed .main-content > article.animation--fade-in-up, body:not(.no-js).scroll-animations--enabled .loop-container:not(.loop-container--carousel) > div > *.animation--fade-in-up, body:not(.no-js).scroll-animations--enabled .related-posts.animation--fade-in-up { -webkit-animation: fadeInUp 0.8s cubic-bezier(0.25, 0.46, 0.45, 1); animation: fadeInUp 0.8s cubic-bezier(0.25, 0.46, 0.45, 1); opacity: 1; } body:not(.no-js).scroll-animations--enabled .main-content > article .portfolio-meta, body:not(.no-js).scroll-animations--enabled .main-content > article .entry__content > *, body:not(.no-js).scroll-animations--enabled .main-content > article .entry__footer, body:not(.no-js).scroll-animations--enabled .author-info__wrapper, body:not(.no-js).scroll-animations--enabled .post-navigation, body:not(.no-js).scroll-animations--enabled .button--show-comments, body:not(.no-js).scroll-animations--enabled .comments-area .comment-body, body:not(.no-js).scroll-animations--enabled .comments-area .comment-respond, body:not(.no-js).scroll-animations--enabled .portfolio-item-navigation { opacity: 0; } body:not(.no-js).scroll-animations--enabled .main-content > article .portfolio-meta.animation--fade-in, body:not(.no-js).scroll-animations--enabled .main-content > article .entry__content > *.animation--fade-in, body:not(.no-js).scroll-animations--enabled .main-content > article .entry__footer.animation--fade-in, body:not(.no-js).scroll-animations--enabled .author-info__wrapper.animation--fade-in, body:not(.no-js).scroll-animations--enabled .post-navigation.animation--fade-in, body:not(.no-js).scroll-animations--enabled .button--show-comments.animation--fade-in, body:not(.no-js).scroll-animations--enabled .comments-area .comment-body.animation--fade-in, body:not(.no-js).scroll-animations--enabled .comments-area .comment-respond.animation--fade-in, body:not(.no-js).scroll-animations--enabled .portfolio-item-navigation.animation--fade-in { -webkit-animation: fadeIn 1s cubic-bezier(0.25, 0.46, 0.45, 1); animation: fadeIn 1s cubic-bezier(0.25, 0.46, 0.45, 1); opacity: 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; } /*-------------------------------------------------------------- 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: 0.1875rem 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-bottom: var(--global--spacing-vertical); } 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 1.125rem; 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: 1px solid 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="text"]:focus, input[type="email"]:hover, input[type="email"]:focus, input[type="url"]:hover, input[type="url"]:focus, input[type="password"]:hover, input[type="password"]:focus, input[type="search"]:hover, input[type="search"]:focus, input[type="number"]:hover, input[type="number"]:focus, input[type="tel"]:hover, input[type="tel"]:focus, input[type="range"]:hover, input[type="range"]:focus, input[type="date"]:hover, input[type="date"]:focus, input[type="month"]:hover, input[type="month"]:focus, input[type="week"]:hover, input[type="week"]:focus, input[type="time"]:hover, input[type="time"]:focus, input[type="datetime"]:hover, input[type="datetime"]:focus, input[type="datetime-local"]:hover, input[type="datetime-local"]:focus, input[type="color"]:hover, input[type="color"]:focus, textarea:hover, textarea:focus { background-color: var(--input--hover__BackgroundColor); } 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 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: 1px solid 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); } select:hover, select:focus { background-color: var(--select--hover__BackgroundColor); } input[type="radio"], input[type="checkbox"] { position: relative; top: 0.0625em; 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 { font-size: var(--post-password-form__FontSize); line-height: 2; 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: .4375rem; 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: .84375rem; color: var(--search-form-button__Color); background-color: transparent; border: none; border-top-left-radius: 0; border-bottom-left-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); background-color: transparent; } .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); text-align: center; } /* 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) * 0.5); 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-sm); line-height: 1.5; 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-medium); 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.5rem 1.75rem; 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: 2px 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.25em; 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--hover__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--hover__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__Color) !important; background-color: var(--button__BackgroundColor) !important; border-color: var(--button__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: currentColor !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__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__Color)) !important; background-color: var(--button--localBackgroundColor, var(--button__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__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__Color); } /*-------------------------------------------------------------- Categories --------------------------------------------------------------*/ .wp-block-categories { padding-left: 0; list-style: none; font-size: var(--global--font-size-sm); line-height: 1.5; 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-medium); 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: 1px 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 > * { margin-top: var(--global--spacing-vertical); margin-bottom: var(--global--spacing-vertical); } .wp-block-columns .wp-block-column > *:first-child { margin-top: 0; } .wp-block-columns .wp-block-column > *:last-child { margin-bottom: 0; } .wp-block-columns .wp-block-column:last-child { margin-bottom: 0; } .wp-block-columns .wp-block-column:not(:last-child) { margin-bottom: var(--global--spacing-vertical); } .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); margin-top: inherit; margin-bottom: inherit; /* 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, .wp-block-gallery .blocks-gallery-item figure { overflow: hidden; -webkit-transform: scale(1); transform: scale(1); } .wp-block-gallery .blocks-gallery-image figure a, .wp-block-gallery .blocks-gallery-item figure a { will-change: transform; -webkit-transform: scale(1); transform: scale(1); -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); } .wp-block-gallery .blocks-gallery-image figure a:hover, .wp-block-gallery .blocks-gallery-image figure a:focus, .wp-block-gallery .blocks-gallery-item figure a:hover, .wp-block-gallery .blocks-gallery-item figure a:focus { -webkit-transform: scale(1.05); transform: scale(1.05); } .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); } .wp-block-group.has-background .wp-block-group__inner-container > .alignfull, .wp-block-group.has-background .wp-block-group__inner-container > hr.wp-block-separator:not(.is-style-dots):not(.alignwide).alignfull { max-width: calc(var(--responsive--alignfull-width) + var(--global--spacing-vertical) * 2); width: calc(var(--responsive--alignfull-width) + var(--global--spacing-vertical) * 2); margin-left: calc(var(--global--spacing-vertical) * -1); margin-right: calc(var(--global--spacing-vertical) * -1); } /*-------------------------------------------------------------- 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__FontWeight--strong); } .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) * 0.5); 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 a { position: relative; display: inline-block; } .wp-block-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; } .wp-block-image a:hover::before, .wp-block-image a:focus::before { opacity: 0.35; } .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-sm); 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-base); 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: 0.1875rem; 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: inherit; } .wp-block-pullquote.is-style-solid-color blockquote p { font-size: var(--pullquote__FontSize); } .wp-block-pullquote.is-style-solid-color.alignleft blockquote, .wp-block-pullquote.is-style-solid-color.alignright blockquote { max-width: initial; } .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: 0.1875rem 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: 0.1875rem 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: calc(var(--global--spacing-vertical) * 2); margin-bottom: calc(var(--global--spacing-vertical) * 2); } .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; margin-bottom: calc(var(--global--spacing-vertical) / 3); 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 { margin-top: calc(var(--global--spacing-vertical) / 3); font-family: var(--global--font-family-content); font-size: var(--global--font-size-base); 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 { font-size: var(--label__FontSize); font-weight: var(--label__FontWeight); margin-bottom: calc(var(--global--spacing-vertical) / 4); } .wp-block-search .wp-block-search__input { padding: .5625rem 1.125rem; max-width: inherit; color: var(--input__Color); line-height: var(--input__LineHeight); border: 1px solid var(--input__BorderColor); border-radius: var(--input__BorderRadius); } .wp-block-search .wp-block-search__input:focus { color: var(--input__Color); background-color: var(--input--hover__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.75rem; } .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: none; 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 1.125rem; 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.75rem; } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button.has-icon { padding: 0.125rem 0.75rem; } .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) * 0.5); border: 1px 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: 1px 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: 1px solid; } .wp-block-calendar.alignfull { padding-left: calc(3.75vw + 8px); padding-right: calc(3.75vw + 8px); } .wp-block-calendar .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-block-calendar .wp-calendar-nav a { color: var(--global--color-secondary); text-decoration: none; } .wp-block-calendar .wp-calendar-nav a:hover, .wp-block-calendar .wp-calendar-nav a:focus { color: var(--global--color-primary); } .wp-block-calendar .wp-calendar-nav-prev, .wp-block-calendar .wp-calendar-nav-next { -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; } .wp-block-calendar .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); padding: 0 0.75rem; 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-color: var(--tag-cloud-link__BackgroundColor); border-radius: var(--tag-cloud-link__BorderRadius); } .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); } .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.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) * 0.5); 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-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-base); 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-larger-font-size { font-size: var(--global--font-size-lg); letter-spacing: var(--has-larger-font-size__LetterSpacing, var(--global--letter-spacing)); } :root .has-huge-font-size { font-size: var(--global--font-size-xl); 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; } .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 { overflow: hidden; } .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) * 3); -webkit-box-align: start; -ms-flex-align: start; align-items: start; } .loop-container .grid__item { overflow: hidden; } /*-------------------------------------------------------------- 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; } #wpadminbar { position: fixed; } /* 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); } /* Custom Logo */ .custom-logo-link { position: relative; display: inline-block; pointer-events: initial; 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-link + .site__title { margin-left: var(--global--spacing-horizontal); } .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; 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; } .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: -0.75rem; padding: 0; } .header__buttons .button--menu-toggle .button__text { display: none; } .header__buttons .button--menu-toggle .button__icon--hamburger { width: calc(18px + 0.75rem * 2); height: calc(12px + 0.875rem * 2); display: block; position: relative; padding: 0.875rem 0.75rem; } .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; } .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: 0.375rem 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); } /*-------------------------------------------------------------- Posts and pages --------------------------------------------------------------*/ /* Sticky Post */ .sticky-post > span { padding: 0 0.75rem; color: var(--sticky-post__Color); border: 1px 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); } .page-links > span:not(.page-links-title) { color: var(--page-links--active__Color); } .page-links > span.page-links-title { padding-left: 0; padding-right: 0; background-color: transparent; } /*-------------------------------------------------------------- Entry --------------------------------------------------------------*/ .main-content > article { position: relative; overflow: hidden; } .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-title__FontSize); } .entry__title a { color: var(--entry-title__Color); text-decoration: none; background-image: -webkit-gradient(linear, left top, right top, from(var(--entry-title-underline__Color)), to(var(--entry-title-underline__Color))); background-image: linear-gradient(to right, var(--entry-title-underline__Color) 0%, var(--entry-title-underline__Color) 100%); background-size: 0 1px; background-position: 0 100%; background-repeat: no-repeat; } .entry__title a:hover, .entry__title a:focus { color: var(--entry-title--hover__Color); background-size: 100% 1px; } .entry__title a:focus { outline: 0; } /* Entry Meta */ .entry__meta { margin-bottom: calc(var(--global--spacing-vertical) / 4); 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 0.0625rem, 100% 0.0625rem; 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% 0.0625rem; 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; -webkit-transform: scale(1); transform: scale(1); } .entry__thumbnail .thumbnail__wrapper a { will-change: transform; -webkit-transform: scale(1); transform: scale(1); -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, .entry__thumbnail .thumbnail__wrapper a:focus { -webkit-transform: scale(1.05); transform: scale(1.05); } .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); 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; 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 { padding-bottom: 0.25rem; 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 0.0625rem, 100% 0.0625rem; 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::after { content: "\27F6"; display: inline-block; padding-left: var(--global--spacing); opacity: 0; -webkit-animation: fadeOutRight 0.25s ease-in; animation: fadeOutRight 0.25s ease-in; -webkit-transition: var(--global--transition); transition: var(--global--transition); visibility: hidden; line-height: 1rem; } .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% 0.0625rem; background-position: 0 100%; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .more-link:hover .more-link__icon::after, .more-link:focus .more-link__icon::after { -webkit-animation: fadeInRight 0.25s ease-out; animation: fadeInRight 0.25s ease-out; opacity: 1; visibility: visible; } .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); padding: 0 0.75rem; background-color: var(--tags-link__BackgroundColor); border-radius: var(--tags-link__BorderRadius); } .entry__footer .tags-links a:not(:last-child) { margin-right: var(--global--spacing); } .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% 0.0625rem; 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 0.0625rem, 100% 0.0625rem; 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 img { display: block; margin-left: auto; margin-right: auto; } .attachment .full-size-link .svg-icon { vertical-align: -25%; margin-right: 0.5em; } /* Fullscreen featured image post/page template */ .post-template-fullscreen-featured-post .entry__header, .page-template-fullscreen-featured-page .entry__header, .portfolio-template-fullscreen-featured-portfolio .entry__header { 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; overflow: hidden; min-height: 100vh; z-index: 10; text-align: center; background-color: var(--entry__thumbnail__BackgroundColor); } .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, .portfolio-template-fullscreen-featured-portfolio .entry__title, .portfolio-template-fullscreen-featured-portfolio .entry__meta { z-index: 10; } .post-template-fullscreen-featured-post .entry__title, .page-template-fullscreen-featured-page .entry__title, .portfolio-template-fullscreen-featured-portfolio .entry__title { font-size: var(--fullscreen-featured-entry-title__FontSize); line-height: var(--fullscreen-featured-entry-title__LineHeight); margin-bottom: 0; } .post-template-fullscreen-featured-post .entry__meta, .page-template-fullscreen-featured-page .entry__meta, .portfolio-template-fullscreen-featured-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, .portfolio-template-fullscreen-featured-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, .portfolio-template-fullscreen-featured-portfolio .entry__meta a:hover, .portfolio-template-fullscreen-featured-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, .portfolio-template-fullscreen-featured-portfolio .entry__thumbnail { position: unset; } .post-template-fullscreen-featured-post .entry__thumbnail .thumbnail__wrapper, .page-template-fullscreen-featured-page .entry__thumbnail .thumbnail__wrapper, .portfolio-template-fullscreen-featured-portfolio .entry__thumbnail .thumbnail__wrapper { position: unset; overflow: hidden; -webkit-transform: unset; transform: unset; } .post-template-fullscreen-featured-post .entry__thumbnail .thumbnail__wrapper::before, .page-template-fullscreen-featured-page .entry__thumbnail .thumbnail__wrapper::before, .portfolio-template-fullscreen-featured-portfolio .entry__thumbnail .thumbnail__wrapper::before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.5))); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); z-index: 1; } .post-template-fullscreen-featured-post .entry__thumbnail .thumbnail__wrapper > div, .page-template-fullscreen-featured-page .entry__thumbnail .thumbnail__wrapper > div, .portfolio-template-fullscreen-featured-portfolio .entry__thumbnail .thumbnail__wrapper > div { padding-top: 0 !important; } .post-template-fullscreen-featured-post .entry__thumbnail .thumbnail__wrapper img, .page-template-fullscreen-featured-page .entry__thumbnail .thumbnail__wrapper img, .portfolio-template-fullscreen-featured-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: 1px solid var(--author-info__BorderColor); border-bottom: 1px 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-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__subtitle { margin-bottom: 0.125rem; color: var(--author-info-subtitle__Color); font-family: var(--author-info-subtitle__FontFamily); font-size: var(--author-info-subtitle__FontSize); font-weight: var(--author-info-subtitle__FontWeight); line-height: var(--author-info-subtitle__LineHeight); text-transform: var(--author-info-subtitle__TextTransform); letter-spacing: var(--author-info-subtitle__LetterSpacing); } .author-info__title { margin-top: 0; margin-bottom: calc(var(--global--spacing-vertical) / 2); 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; background-image: -webkit-gradient(linear, left top, right top, from(var(--author-info-title-underline__Color)), to(var(--author-info-title-underline__Color))); background-image: linear-gradient(to right, var(--author-info-title-underline__Color) 0%, var(--author-info-title-underline__Color) 100%); background-size: 0 1px; background-position: 0 100%; background-repeat: no-repeat; } .author-info__title a:hover, .author-info__title a:focus { color: var(--author-info-title--hover__Color); background-size: 100% 1px; } .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-bottom: var(--global--spacing-horizontal); } .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); letter-spacing: var(--page-title__LetterSpacing); } .archive-description { position: relative; 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-bottom: var(--global--spacing-vertical); } .archive-description > :last-child { margin-bottom: 0; } /* Blog Header */ .page__header.page__header--hero > * { margin-left: 0; text-align: left !important; } .page__header.page__header--hero .page__title { font-size: var(--hero-page-title__FontSize); font-weight: var(--hero-page-title__FontWeight); letter-spacing: var(--hero-page-title__LetterSpacing); text-transform: uppercase; border: none; } .page__header.page__header--hero .page__title-inner { position: relative; display: inline-block; } .page__header.page__header--hero .page__title-inner::after { content: ""; display: block; width: 97%; height: 1px; margin-top: calc(var(--global--spacing) / 4); background-color: var(--hero-page-title-underline__Color); } .page__header.page__header--hero .page__subtitle { margin-bottom: 0; font-family: var(--hero-page-subtitle__FontFamily); font-size: var(--hero-page-subtitle__FontSize); font-weight: var(--hero-page-subtitle__FontWeight); line-height: var(--hero-page-subtitle__LineHeight); letter-spacing: var(--hero-page-subtitle__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); line-height: var(--error404-h1__LineHeight); } .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-bottom: var(--global--spacing-vertical); } .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); } .no-results.not-found .page__content > :last-child { margin-bottom: 0; } /*-------------------------------------------------------------- Comments --------------------------------------------------------------*/ button.button--show-comments { display: block; width: 100%; padding-top: 0.85714em; padding-bottom: 0.85714em; color: var(--button-show-comments__Color); font-weight: var(--button-show-comments__FontWeight); background-color: var(--button-show-comments__BackgroundColor); border: 2px 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); background-color: var(--button-show-comments--hover__BackgroundColor); 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: 1px 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-size: var(--comment-reply-link__FontSize); font-weight: var(--comment-reply-link__FontWeight); letter-spacing: var(--comment-reply-link__LetterSpacing); text-decoration: none; border: 2px 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 { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 10010; overflow-y: hidden; pointer-events: none; visibility: hidden; opacity: 0; -webkit-transition: visibility 0.35s ease-in 0.5s, opacity 0.35s ease-in 0.5s; transition: visibility 0.35s ease-in 0.5s, opacity 0.35s ease-in 0.5s; will-change: visibility, opacity; background-color: var(--main-nav__BackgroundColor); } .main-navigation.toggled-on { overflow-y: scroll; pointer-events: initial; visibility: visible; opacity: 1; -webkit-transition: visibility 0.35s ease-out, opacity 0.35s ease-out; transition: visibility 0.35s ease-out, opacity 0.35s ease-out; } .main-navigation__container { display: grid; grid-template-rows: 1fr auto; grid-gap: calc(var(--global--spacing-vertical) * 3); position: relative; min-height: 100%; padding-top: calc(10.5rem + 5.25vw - 16.8px); padding-bottom: calc(var(--global--spacing-vertical) * 2); } .header.has-primary-menu--classic .main-navigation__container { grid-template-rows: 1fr; } .main-navigation__container > * { opacity: 0; -webkit-transition: opacity 0.35s ease-in 0.25s; transition: opacity 0.35s ease-in 0.25s; -webkit-animation: fadeOutUp 0.35s ease-in 0.25s; animation: fadeOutUp 0.35s ease-in 0.25s; } .main-navigation.toggled-on .main-navigation__container > * { -webkit-animation: fadeInUp 0.35s ease-out 0.25s; animation: fadeInUp 0.35s ease-out 0.25s; opacity: 1; } .main-navigation a.privacy-policy-link { margin: 0 auto; 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-decoration: none; text-align: center; } .main-navigation a.privacy-policy-link:hover, .main-navigation a.privacy-policy-link:focus { color: var(--main-nav-sub-menu-link--hover__Color); } /* Primary Navigation */ .primary-navigation { margin-left: auto; margin-right: auto; text-align: center; } .has-primary-menu--overlay .primary-navigation:hover a { opacity: 0.3; } .has-primary-menu--overlay .primary-navigation:hover a:hover, .has-primary-menu--overlay .primary-navigation:hover a:focus { opacity: 1; } .has-primary-menu--overlay .primary-navigation:hover ul ul a { opacity: 0.6; } .has-primary-menu--overlay .primary-navigation:hover li:hover > a { opacity: 1 !important; } .primary-navigation ul { margin: 0; padding: 0; list-style: none; } .primary-navigation ul.toggled-on { display: block; } .primary-navigation li { position: relative; display: block; } .primary-navigation li:hover > a, .primary-navigation li:focus > a { color: var(--main-nav-link--hover__Color); } .primary-navigation a { position: relative; display: block; padding: calc(var(--global--spacing-vertical) / 4) 0; 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:hover, .primary-navigation a:focus { color: var(--main-nav-link--hover__Color); } .primary-navigation a:focus { outline: none; } .primary-navigation a > span { position: relative; } .primary-navigation .current-menu-item > a, .primary-navigation .current-menu-ancestor > a { color: var(--main-nav-link--current__Color) !important; } .primary-navigation .dropdown-icon { display: none; position: absolute; right: var(--global--spacing-horizontal); top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); line-height: 1; } .primary-navigation .dropdown-icon > .svg-icon { height: 16px; width: 16px; } .primary-navigation ul ul { display: none; margin: 0.25rem 0 0.75rem; } .primary-navigation ul ul li:hover > a, .primary-navigation ul ul li:focus > a { color: var(--main-nav-sub-menu-link--hover__Color); } .primary-navigation ul ul a { padding: calc(var(--global--spacing-vertical) / 8) 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: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; } /* Dropdown Toggle */ .dropdown-toggle { position: absolute; display: block; top: 0; left: 0; width: 100%; height: calc(3.62084rem + 2.025vw - 6.48px); z-index: 10; cursor: pointer; } .primary-navigation ul ul .dropdown-toggle { height: 2.03125rem; } /*-------------------------------------------------------------- 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-vertical) / -2); padding: 0; list-style: none; } .menu--social:hover li a { opacity: 0.35; } .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: 0.375rem 0.75rem; min-width: 2.5rem; text-align: center; color: var(--social-nav__Color); text-decoration: none; } .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::after, .menu--social li a:focus > span::after { -webkit-transform: translateY(0); transform: translateY(0); opacity: 0.5; } .menu--social li a > span { position: relative; } .menu--social li a > span::after { content: ""; display: block; position: absolute; left: 0; bottom: calc(var(--global--spacing) / -4); width: 100%; height: 1px; background-color: var(--social-nav-underline__Color); -webkit-transform: translateY(calc(var(--global--spacing) / 4)); transform: translateY(calc(var(--global--spacing) / 4)); opacity: 0; -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 Navigation --------------------------------------------------------------*/ .post-navigation-area { position: relative; clear: both; } .post-navigation { clear: both; overflow: hidden; border-top: 1px solid var(--post-nav__BorderColor); border-bottom: 1px 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:hover .post-title, .post-navigation a:focus .post-title { background-size: 100% 1px; } .post-navigation a:focus { outline: 0; } .post-navigation .meta-nav { display: block; margin-bottom: calc(var(--global--spacing-vertical) / 5); -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 { 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; background-image: -webkit-gradient(linear, left top, right top, from(var(--post-nav-title-underline__Color)), to(var(--post-nav-title-underline__Color))); background-image: linear-gradient(to right, var(--post-nav-title-underline__Color) 0%, var(--post-nav-title-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; } /*-------------------------------------------------------------- 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) / 2); border-top: 1px 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: 412px; 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); background-color: transparent; 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); 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(--sidebar-text--primary__Color) !important; background-color: var(--sidebar__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(--sidebar-text--primary__Color); background-color: var(--sidebar__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: 1px solid var(--widget__BorderColor); } .widget .widget-title { position: relative; margin-top: 0; margin-bottom: var(--global--spacing-vertical); color: var(--sidebar-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); } .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-base); font-size: var(--global--font-size-sm); font-weight: var(--global--font-weight-semi-bold); 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.375rem; color: var(--sidebar-text--secondary__Color); font-size: var(--global--font-size-xs); font-weight: var(--global--font-weight-medium); 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-size: var(--global--font-size-xs); font-weight: var(--global--font-weight-medium); 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.375rem !important; position: relative; color: var(--sidebar-link__Color); font-family: var(--global--font-family-base); font-size: 0.875rem; font-weight: var(--global--font-weight-semi-bold); 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-widget-title__Color); } .widget_rss .rss-widget-icon { vertical-align: 0; margin-right: 0.5em; } .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(--font-family--base); font-size: var(--font-size--sm); font-weight: var(--font-weight--medium); letter-spacing: var(--widget-rss-title__LetterSpacing, 0); 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-size: var(--global--font-size-xs); font-weight: var(--global--font-weight-medium); 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-size: 0.8125rem; 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); padding: 0 0.75rem; 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-color: var(--tag-cloud-link__BackgroundColor); border-radius: var(--tag-cloud-link__BorderRadius); } .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); } .tagcloud .tag-cloud-link:hover .tag-link-count, .tagcloud .tag-cloud-link:focus .tag-link-count { color: var(--tag-cloud-link-count--hover__Color); } /* 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-sm); line-height: 1.5; letter-spacing: var(--widget-other-ul__LetterSpacing); } .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-medium); } .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-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; -webkit-transform: scale(1); transform: scale(1); } .widget_media_gallery .gallery-icon a { will-change: transform; -webkit-transform: scale(1); transform: scale(1); -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, .widget_media_gallery .gallery-icon a:focus { -webkit-transform: scale(1.15); transform: scale(1.15); } .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.35; } .widget_media_image .wp-caption-text { color: var(--caption__Color); font-size: var(--caption__FontSize); letter-spacing: var(--caption__LetterSpacing); } .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; } /*-------------------------------------------------------------- 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: 1px solid var(--global--color-border); } .post-item__title { max-width: calc(var(--global--spacing) * 48); 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, var(--text--primary__Color)); text-decoration: none; background-image: -webkit-gradient(linear, left top, right top, from(var(--post-item-title-underline__Color)), to(var(--post-item-title-underline__Color))); background-image: linear-gradient(to right, var(--post-item-title-underline__Color) 0%, var(--post-item-title-underline__Color) 100%); background-size: 0 1px; background-position: 0 100%; background-repeat: no-repeat; } .post-item__title a:hover, .post-item__title a:focus { color: var(--post-item-title--hover__Color); background-size: 100% 1px; } .post-item__title a:focus { outline: 0; } .post-item__meta { margin-bottom: calc(var(--global--spacing-vertical) / 4); 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; margin-bottom: 0.328125rem; } .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 0.0625rem, 100% 0.0625rem; 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% 0.0625rem; 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 .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, .post-item:focus .icon--arrow a { color: var(--post-item-title--hover__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(--global--border-radius); } .post-card__thumbnail { position: relative; display: block; margin-bottom: var(--global--spacing-vertical); } .post-card__thumbnail .thumbnail__wrapper { position: relative; display: block; max-width: 100%; margin: 0 auto; background-color: var(--post-card__thumbnail__BackgroundColor); overflow: hidden; -webkit-transform: scale(1); transform: scale(1); } .post-card__thumbnail .thumbnail__wrapper a { will-change: transform; -webkit-transform: scale(1); transform: scale(1); -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, .post-card__thumbnail .thumbnail__wrapper a:focus { -webkit-transform: scale(1.05); transform: scale(1.05); } .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); padding-bottom: 0.2em; 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; background-image: -webkit-gradient(linear, left top, right top, from(var(--post-card-title-underline__Color)), to(var(--post-card-title-underline__Color))); background-image: linear-gradient(to right, var(--post-card-title-underline__Color) 0%, var(--post-card-title-underline__Color) 100%); background-size: 0 1px; background-position: 0 100%; background-repeat: no-repeat; } .post-card__title a:hover, .post-card__title a:focus { color: var(--post-card-title--hover__Color); background-size: 100% 1px; } .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 0.0625rem, 100% 0.0625rem; 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% 0.0625rem; 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 { color: var(--post-card-footer__Color); text-decoration: none; } .post-card__footer a:hover, .post-card__footer a:focus { color: var(--post-card-footer--hover__Color); } .post-card__footer a:focus { outline: 0; } .post-card__footer .more-link { font-size: inherit; } /*-------------------------------------------------------------- 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: 1px 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); } /*-------------------------------------------------------------- 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 .list:hover { --post-item-title__Color: var(--global--color-secondary); --post-item-title--hover__Color: var(--global--color-primary); } .loop-container--list-simple-v1 .list__item:hover { --post-item-title__Color: var(--global--color-primary); } .loop-container--list-simple-v1 .list__item:hover .post-item { z-index: 100; } .loop-container--list-simple-v1 .list__item:last-child .post-item { border-bottom: 1px solid var(--global--color-border); } .loop-container--list-simple-v1 .post-item .hover-reveal { position: fixed; 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; -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; -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%; -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; } .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); } .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); } /* Simple list (without images) layout */ .posts-list-layout--list-simple-v2 .pagination { text-align: left; } .loop-container--list-simple-v2 .list:hover { --post-item-title__Color: var(--global--color-secondary); --post-item-title--hover__Color: var(--global--color-primary); } .loop-container--list-simple-v2 .list__item:hover { --post-item-title__Color: var(--global--color-primary); } .loop-container--list-simple-v2 .list__item:hover .post-item { z-index: 100; } .loop-container--list-simple-v2 .list__item:last-child .post-item { border-bottom: 1px solid var(--global--color-border); } /* Chess layout */ .loop-container--list-chess { --post-card-title__FontSize: calc(1.5rem + 0.75vw - 2.4px); } .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.5rem + 0.375vw - 1.2px); } /* 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 */ .loop-container--masonry-2-col { --post-card-title__FontSize: calc(1.5rem + 0.375vw - 1.2px); } .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); } /*-------------------------------------------------------------- Cursor --------------------------------------------------------------*/ .cursor { position: fixed; display: block; width: 40px; height: 40px; top: 0; left: 0; pointer-events: none; z-index: 11000; -webkit-transition: opacity 0.25s ease-in-out 0.5s; transition: opacity 0.25s ease-in-out 0.5s; } .cursor__circle { position: fixed; width: 40px; height: 40px; border: 2px solid var(--cursor--BorderColor); border-radius: 50%; pointer-events: none; opacity: 0; } .cursor__circle.active { border-width: 1px; } .cursor__inner { position: relative; width: 100%; height: 100%; visibility: hidden; opacity: 0; -webkit-transition: visibility 0.25s ease-in-out, opacity 0.25s ease-in-out; transition: visibility 0.25s ease-in-out, opacity 0.25s ease-in-out; } .cursor__inner--plus { visibility: visible; opacity: 1; } .cursor__inner--plus::before, .cursor__inner--plus::after { content: ""; position: absolute; width: 0.5rem; height: 1px; background: var(--cursor--BorderColor); } .cursor__inner--plus::before { left: 50%; top: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .cursor__inner--plus::after { left: 50%; top: 50%; -webkit-transform: translateX(-50%) rotate(-90deg); transform: translateX(-50%) rotate(-90deg); } .cursor__arrow { position: absolute; background: var(--cursor--BorderColor); opacity: 0; } .cursor__arrow--top, .cursor__arrow--bottom { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 1px; height: 0.5rem; } .cursor__arrow--top { bottom: calc(100% + 0.5rem); } .cursor__arrow--bottom { top: calc(100% + 0.5rem); } .cursor__arrow--right, .cursor__arrow--left { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 0.5rem; height: 1px; } .cursor__arrow--right { left: calc(100% + 0.5rem); } .cursor__arrow--left { right: calc(100% + 0.5rem); } /*-------------------------------------------------------------- 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(--global--font-size-xs); font-weight: var(--global--font-weight-medium); letter-spacing: var(--mu-alert-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-base); 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(--global--font-size-sm); } .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-medium); } /*-------------------------------------------------------------- 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.5rem 1.75rem; 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: 2px 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-accent-color[class] { color: var(--global--color-accent); } .has-accent-color[class] > [class*="__inner-container"] { --local--color-primary: var(--global--color-accent, var(--global--color-red)); color: var(--local--color-primary); } .has-success-color[class] { color: var(--global--color-success); } .has-success-color[class] > [class*="__inner-container"] { --local--color-primary: var(--global--color-success, var(--global--color-green)); color: var(--local--color-primary); } .has-info-color[class] { color: var(--global--color-info); } .has-info-color[class] > [class*="__inner-container"] { --local--color-primary: var(--global--color-info, var(--global--color-blue)); color: var(--local--color-primary); } .has-warning-color[class] { color: var(--global--color-warning); } .has-warning-color[class] > [class*="__inner-container"] { --local--color-primary: var(--global--color-warning, var(--global--color-orange)); color: var(--local--color-primary); } .has-danger-color[class] { color: var(--global--color-danger); } .has-danger-color[class] > [class*="__inner-container"] { --local--color-primary: var(--global--color-danger, var(--global--color-red)); color: var(--local--color-primary); } .has-content-text-color[class] { color: var(--global--color-content); } .has-content-text-color[class] > [class*="__inner-container"] { --local--color-primary: var(--global--color-content, var(--global--color-gray-400)); color: var(--local--color-primary); } .has-primary-text-color[class] { color: var(--global--color-primary); } .has-primary-text-color[class] > [class*="__inner-container"] { --local--color-primary: var(--global--color-primary, var(--global--color-white)); color: var(--local--color-primary); } .has-secondary-text-color[class] { color: var(--global--color-secondary); } .has-secondary-text-color[class] > [class*="__inner-container"] { --local--color-primary: var(--global--color-secondary, var(--global--color-gray-500)); color: var(--local--color-primary); } .has-secondary-background-color[class] { color: var(--global--color-background-secondary); } .has-secondary-background-color[class] > [class*="__inner-container"] { --local--color-primary: var(--global--color-background-secondary, ar(--global--color-gray-900)); color: var(--local--color-primary); } .has-background-color[class] { color: var(--global--color-background); } .has-background-color[class] > [class*="__inner-container"] { --local--color-primary: var(--global--color-background, var(--global--color-black)); color: var(--local--color-primary); } .has-border-color[class] { color: var(--global--color-border); } .has-border-color[class] > [class*="__inner-container"] { --local--color-primary: var(--global--color-border, var(--global--color-gray-800)); 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-accent-background-color[class] { background-color: var(--global--color-accent); } .has-accent-background-color[class] > [class*="__inner-container"] { --local--color-background: var(--global--color-accent, var(--global--color-red)); background-color: var(--local--color-background); } .has-success-background-color[class] { background-color: var(--global--color-success); } .has-success-background-color[class] > [class*="__inner-container"] { --local--color-background: var(--global--color-success, var(--global--color-green)); background-color: var(--local--color-background); } .has-info-background-color[class] { background-color: var(--global--color-info); } .has-info-background-color[class] > [class*="__inner-container"] { --local--color-background: var(--global--color-info, var(--global--color-blue)); background-color: var(--local--color-background); } .has-warning-background-color[class] { background-color: var(--global--color-warning); } .has-warning-background-color[class] > [class*="__inner-container"] { --local--color-background: var(--global--color-warning, var(--global--color-orange)); background-color: var(--local--color-background); } .has-danger-background-color[class] { background-color: var(--global--color-danger); } .has-danger-background-color[class] > [class*="__inner-container"] { --local--color-background: var(--global--color-danger, var(--global--color-red)); background-color: var(--local--color-background); } .has-content-text-background-color[class] { background-color: var(--global--color-content); } .has-content-text-background-color[class] > [class*="__inner-container"] { --local--color-background: var(--global--color-content, var(--global--color-gray-400)); background-color: var(--local--color-background); } .has-primary-text-background-color[class] { background-color: var(--global--color-primary); } .has-primary-text-background-color[class] > [class*="__inner-container"] { --local--color-background: var(--global--color-primary, var(--global--color-white)); background-color: var(--local--color-background); } .has-secondary-text-background-color[class] { background-color: var(--global--color-secondary); } .has-secondary-text-background-color[class] > [class*="__inner-container"] { --local--color-background: var(--global--color-secondary, var(--global--color-gray-500)); background-color: var(--local--color-background); } .has-secondary-background-background-color[class] { background-color: var(--global--color-background-secondary); } .has-secondary-background-background-color[class] > [class*="__inner-container"] { --local--color-background: var(--global--color-background-secondary, var(--global--color-gray-900)); background-color: var(--global--color-background-secondary); } .has-background-background-color[class] { background-color: var(--global--color-background); } .has-background-background-color[class] > [class*="__inner-container"] { --local--color-background: var(--global--color-background, var(--global--color-black)); background-color: var(--local--color-background); } .has-border-background-color[class] { background-color: var(--global--color-border); } .has-border-background-color[class] > [class*="__inner-container"] { --local--color-background: var(--global--color-border, var(--global--color-gray-800)); background-color: var(--local--color-background); } .has-background:not(.has-text-color).has-accent-background-color[class], .has-background:not(.has-text-color).has-success-background-color[class], .has-background:not(.has-text-color).has-info-background-color[class], .has-background:not(.has-text-color).has-warning-background-color[class], .has-background:not(.has-text-color).has-danger-background-color[class], .has-background:not(.has-text-color).has-secondary-background-background-color[class], .has-background:not(.has-text-color).has-background-background-color[class], .has-background:not(.has-text-color).has-border-background-color[class] { color: var(--global--color-white); } .has-background:not(.has-text-color).has-accent-background-color[class] > [class*="__inner-container"], .has-background:not(.has-text-color).has-success-background-color[class] > [class*="__inner-container"], .has-background:not(.has-text-color).has-info-background-color[class] > [class*="__inner-container"], .has-background:not(.has-text-color).has-warning-background-color[class] > [class*="__inner-container"], .has-background:not(.has-text-color).has-danger-background-color[class] > [class*="__inner-container"], .has-background:not(.has-text-color).has-secondary-background-background-color[class] > [class*="__inner-container"], .has-background:not(.has-text-color).has-background-background-color[class] > [class*="__inner-container"], .has-background:not(.has-text-color).has-border-background-color[class] > [class*="__inner-container"] { --local--color-primary: var(--global--color-background, var(--global--color-white)); color: var(--local--color-primary, var(--global--color-background)); } .has-background:not(.has-text-color).has-content-text-background-color[class], .has-background:not(.has-text-color).has-primary-text-background-color[class], .has-background:not(.has-text-color).has-secondary-text-background-color[class] { color: var(--global--color-black); } .has-background:not(.has-text-color).has-content-text-background-color[class] > [class*="__inner-container"], .has-background:not(.has-text-color).has-primary-text-background-color[class] > [class*="__inner-container"], .has-background:not(.has-text-color).has-secondary-text-background-color[class] > [class*="__inner-container"] { --local--color-primary: var(--global--color-primary, var(--global--color-black)); color: var(--local--color-primary, var(--global--color-primary)); } /*-------------------------------------------------------------- Color Schemes --------------------------------------------------------------*/ /* Color Scheme Light */ .color-scheme--light { --input__BackgroundColor: rgba(0, 0, 0, 0.05); --input--hover__BackgroundColor: rgba(0, 0, 0, 0.075); --button--hover__Color: #ffffff; --wp-block-button--hover__Color: #ffffff; --entry-meta-underline__Color: rgba(0, 0, 0, 0.25); --entry-meta-underline--hover__Color: rgba(0, 0, 0, 0.35); --byline-underline__Color: rgba(0, 0, 0, 0.25); --byline-underline--hover__Color: rgba(0, 0, 0, 0.35); --more-link-underline__Color: rgba(0, 0, 0, 0.25); --more-link-underline--hover__Color: rgba(0, 0, 0, 0.35); --post-author-badge__Color: var(--body__BackgroundColor); --post-card-meta-underline__Color: rgba(0, 0, 0, 0.25); --post-card-meta-underline--hover__Color: rgba(0, 0, 0, 0.35); --fullscreen-featured-entry-meta__Color: rgba(0, 0, 0, 0.75); --fullscreen-featured-entry-meta--hover__Color: rgba(0, 0, 0, 1); --fullscreen-featured-entry-meta-underline__Color: rgba(0, 0, 0, 0.35); --fullscreen-featured-entry-meta-underline--hover__Color: rgba(0, 0, 0, 0.5); --carousel-item-meta__Color: rgba(0, 0, 0, 0.75); --carousel-item-meta--hover__Color: rgba(0, 0, 0, 1); --carousel-item-meta-underline__Color: rgba(0, 0, 0, 0.25); --carousel-item-meta-underline--hover__Color: rgba(0, 0, 0, 0.35); --swiper-scrollbar__BackgroundColor: rgba(0, 0, 0, 0.25); --swiper-scrollbar-drag__BackgroundColor: rgba(0, 0, 0, 0.75); --carousel-item-line__Color: rgba(0, 0, 0, 0.15); --portfolio-item-nav-meta__Color: var(--carousel-item-meta__Color); } .color-scheme--light.post-template-fullscreen-featured-post .entry__thumbnail .thumbnail__wrapper::before, .color-scheme--light.page-template-fullscreen-featured-page .entry__thumbnail .thumbnail__wrapper::before { display: none; } .color-scheme--light.portfolio-template-fullscreen-featured-portfolio .entry__thumbnail .thumbnail__wrapper::before, .color-scheme--light .portfolio-item-navigation--fullscreen .portfolio-item__thumbnail a::before, .color-scheme--light .loop-container.loop-container--portfolio-list-chess .post-card__thumbnail a::before, .color-scheme--light .loop-container.loop-container--portfolio-interactive-links-v1 .entry .hover-reveal__inner::before, .color-scheme--light .loop-container.loop-container--portfolio-carousel-large-v2 .carousel-item__thumbnail a::before, .color-scheme--light .loop-container.loop-container--portfolio-carousel-fullscreen-v1 .carousel-item__thumbnail a::before, .color-scheme--light .loop-container.loop-container--portfolio-carousel-fullscreen-v2 .carousel-item__thumbnail a::before { display: none; } .color-scheme--light .loop-container.loop-container--portfolio-list-simple-v1 { --post-item-meta__Color: rgba(0, 0, 0, 0.5); } .color-scheme--light .loop-container.loop-container--portfolio-list-simple-v1 .list:hover { --post-item-meta__Color: rgba(0, 0, 0, 0.35); } .color-scheme--light .loop-container.loop-container--portfolio-list-simple-v1 .post-item.active { --post-item-meta__Color: rgba(0, 0, 0, 0.5); } .color-scheme--light .loop-container.loop-container--portfolio-list-chess { --post-card-meta__Color: rgba(0, 0, 0, 0.5); --post-card-meta--hover__Color: rgba(0, 0, 0, 0.75); --post-card-meta-underline__Color: rgba(0, 0, 0, 0.25); --post-card-meta-underline--hover__Color: rgba(0, 0, 0, 0.35); } .color-scheme--light.portfolio-layout--interactive-links-v1 { --archive-description__Color: rgba(0, 0, 0, 0.5); --pagination__Color: rgba(0, 0, 0, 0.5); } .color-scheme--light .loop-container.loop-container--portfolio-interactive-links-v1, .color-scheme--light .loop-container.loop-container--portfolio-interactive-links-v2 { --entry-meta__Color: rgba(0, 0, 0, 0.5); --entry-meta--hover__Color: rgba(0, 0, 0, 0.75); } .color-scheme--light .loop-container.loop-container--portfolio-interactive-links-v1.has-hovered-inner-element, .color-scheme--light .loop-container.loop-container--portfolio-interactive-links-v2.has-hovered-inner-element { --entry-title__Color: rgba(0, 0, 0, 0.35); --entry-meta__Color: rgba(0, 0, 0, 0.35); } .color-scheme--light .loop-container.loop-container--portfolio-interactive-links-v1 .entry.active, .color-scheme--light .loop-container.loop-container--portfolio-interactive-links-v2 .entry.active { --entry-meta__Color: rgba(0, 0, 0, 0.5); } .color-scheme--light .loop-container.loop-container--portfolio-interactive-links-v3 { --entry-title__Color: rgba(0, 0, 0, 0.15); } .color-scheme--light .loop-container.loop-container--portfolio-interactive-links-v3.has-hovered-inner-element { --entry-title__Color: rgba(0, 0, 0, 0.15); } .color-scheme--light .loop-container.loop-container--portfolio-interactive-links-v4.has-hovered-inner-element { --entry-title__Color: rgba(0, 0, 0, 0.25); } /*-------------------------------------------------------------- Customizer --------------------------------------------------------------*/ /* Used for placeholder text */ .neiman-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 */ .neiman-customizer .post-navigation--placeholder { display: block; } .neiman-customizer .post-navigation--placeholder > * { position: relative; z-index: 2; /* Prevent ::after from preventing interactions within the section */ } .neiman-customizer .post-navigation--placeholder::after { content: ""; position: absolute; display: block; top: 0; bottom: 0; left: calc(3.75vw + 8px); right: calc(3.75vw + 8px); 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 */ .neiman-customizer .related-posts--placeholder { display: block; } .neiman-customizer .related-posts--placeholder > * { position: relative; z-index: 2; /* Prevent ::after from preventing interactions within the section */ } .neiman-customizer .related-posts--placeholder::after { content: ""; position: absolute; display: block; top: 0; bottom: 0; left: calc(3.75vw + 8px); right: calc(3.75vw + 8px); 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: Layout --------------------------------------------------------------*/ .portfolio-template-fullwidth-featured-portfolio .entry__header, .portfolio-template-fullscreen-featured-portfolio .entry__header { max-width: 100% !important; } .portfolio-item-navigation .meta-nav, .portfolio-item-navigation .portfolio-item__title { z-index: 10; } /*-------------------------------------------------------------- UKA Portfolio: Item --------------------------------------------------------------*/ .single-portfolio .entry__header { margin-bottom: calc(1.75rem + 3.5vw - 11.2px); text-align: center; } .single-portfolio .entry__title { --entry-title__FontSize: calc(2.25em + 2.25vw - 7.2px); --entry-title__LineHeight: 1.25; } .single-portfolio .entry__metaboxes { position: relative; } .single-portfolio.has-portfolio-item-navigation .portfolio-item-navigation-area { margin-top: calc(5.25rem + 3.5vw - 11.2px); } .single-portfolio.has-portfolio-item-navigation .content { padding-bottom: 0; } .portfolio-meta { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: var(--global--spacing-horizontal) var(--global--spacing-vertical); } .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); } /* Fullscreen Featured Portfolio Item */ .portfolio-template-fullscreen-featured-portfolio .content { padding-top: 0; } /* Elements animations */ .animations--enabled.portfolio-showcase .loop-container--grid .grid__item { opacity: 0; } .no-js .animations--enabled.portfolio-showcase .loop-container--grid .grid__item { opacity: 1; } .animations--enabled.portfolio-showcase .loop-container--grid .grid__item.visible { -webkit-animation: fadeInUp 0.8s cubic-bezier(0.25, 0.46, 0.45, 1); animation: fadeInUp 0.8s cubic-bezier(0.25, 0.46, 0.45, 1); opacity: 1; } /*-------------------------------------------------------------- UKA Portfolio: Item Navigation --------------------------------------------------------------*/ .portfolio-item-navigation-area { position: relative; clear: both; } .portfolio-item-navigation { clear: both; overflow: hidden; } .portfolio-item-navigation--fullscreen .nav-next { min-height: 100vh; padding-top: calc(10.5rem + 7vw - 22.4px); } .portfolio-item-navigation--fullscreen .portfolio-item__thumbnail { display: block; margin: 0; } .portfolio-item-navigation--fullscreen .portfolio-item__thumbnail a { display: block; max-width: 100%; overflow: hidden; } .portfolio-item-navigation--fullscreen .portfolio-item__thumbnail a::before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.5))); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); z-index: 1; } .portfolio-item-navigation--fullscreen .portfolio-item__thumbnail a img { position: absolute; width: 100%; height: 100%; left: 0; top: 0; -o-object-fit: cover; object-fit: cover; background-position: center center; } .portfolio-item-navigation--link .nav-next { padding-top: var(--global--spacing-vertical); } .portfolio-item-navigation--link .nav-next.has-thumbnail--portrait .portfolio-item__title a .hover-reveal { width: calc(100vw / 4); height: calc(100vw / 4 * 1.25); } .portfolio-item-navigation--link .nav-next.has-thumbnail--landscape .portfolio-item__title a .hover-reveal { width: calc(100vw / 4); height: calc(100vw / 4 / 1.5); } .portfolio-item-navigation--link .portfolio-item__title a .hover-reveal { position: fixed; top: 0; left: 0; pointer-events: none; opacity: 0; z-index: -1; -webkit-transform: translate(calc(-50% - 16px), calc(-50% - 32px)); transform: translate(calc(-50% - 16px), calc(-50% - 32px)); } .portfolio-item-navigation--link .portfolio-item__title a .hover-reveal__inner { overflow: hidden; -webkit-transform: translate(100%) matrix(1, 0, 0, 1, 0, 0); transform: translate(100%) matrix(1, 0, 0, 1, 0, 0); } .portfolio-item-navigation--link .portfolio-item__title a .hover-reveal__inner, .portfolio-item-navigation--link .portfolio-item__title a .hover-reveal__img { width: 100%; height: 100%; position: relative; -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; } .portfolio-item-navigation--link .portfolio-item__title a .hover-reveal__img { background-size: cover; background-position: 50% 50%; -webkit-transform: translate(-100%) matrix(1, 0, 0, 1, 0, 0); transform: translate(-100%) matrix(1, 0, 0, 1, 0, 0); } .portfolio-item-navigation--link .portfolio-item__title a.active { z-index: 10000; } .portfolio-item-navigation--link .portfolio-item__title a.active .hover-reveal { opacity: 1; } .portfolio-item-navigation--link .portfolio-item__title a.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); } .portfolio-item-navigation--link .portfolio-item__title a.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); } .portfolio-item-navigation .nav-next { 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; padding-bottom: calc(12.25rem + 5.25vw - 16.8px); z-index: 10; text-align: center; } .portfolio-item-navigation .meta-nav, .portfolio-item-navigation .portfolio-item__title { position: relative; z-index: 10; } .portfolio-item-navigation .meta-nav { 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); opacity: 0.75; } .portfolio-item-navigation .portfolio-item__title { margin-top: 0; margin-bottom: 0; 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; } /*-------------------------------------------------------------- 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 .list__item { padding-top: calc(2.625rem + .875vw - 2.8px); padding-bottom: calc(2.625rem + .875vw - 2.8px); border-top: 1px solid var(--global--color-border); } .loop-container.loop-container--portfolio-list .list__item:last-child { border-bottom: 1px solid var(--global--color-border); } .loop-container.loop-container--portfolio-list .post-card { --post-card-title__FontSize: calc(1.5rem + 1.125vw - 3.6px); } .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 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; 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:not(:last-child) { margin-right: 0; } .loop-container.loop-container--portfolio-list .post-card__metaboxes .portfolio-meta-item span { display: table-cell; } .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 + 1.125vw - 3.6px); --post-item-meta__Color: rgba(255, 255, 255, 0.5); } .loop-container.loop-container--portfolio-list-simple-v1 .list:hover { --post-item-meta__Color: rgba(255, 255, 255, 0.35); } .loop-container.loop-container--portfolio-list-simple-v1 .list:hover .post-item__title a { color: var(--global--color-secondary); } .loop-container.loop-container--portfolio-list-simple-v1 .list:hover .post-item__title a:hover, .loop-container.loop-container--portfolio-list-simple-v1 .list:hover .post-item__title a:focus { color: var(--global--color-primary); } .loop-container.loop-container--portfolio-list-simple-v1 .list { counter-reset: list; } .loop-container.loop-container--portfolio-list-simple-v1 .list__item { position: relative; } .loop-container.loop-container--portfolio-list-simple-v1 .list__item:hover .post-item { z-index: 100; } .loop-container.loop-container--portfolio-list-simple-v1 .list__item:hover .post-item__title a { color: var(--global--color-primary); } .loop-container.loop-container--portfolio-list-simple-v1 .list__item:last-child .post-item { border-bottom: 1px solid var(--global--color-border); } .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__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: fixed; 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; -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; -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%; -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 { --post-item-meta__Color: rgba(255, 255, 255, 0.5); z-index: 10000; } .loop-container.loop-container--portfolio-list-simple-v1 .post-item.active .hover-reveal { opacity: 1; } .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); } .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.5625vw - 5px); --post-card-title__LineHeight: 1.25; --post-card-meta__Color: rgba(255, 255, 255, 0.5); --post-card-meta--hover__Color: rgba(255, 255, 255, 1); } .loop-container.loop-container--portfolio-list-chess .list__item { margin-bottom: calc(5.25rem + 1.75vw - 5.6px); } .loop-container.loop-container--portfolio-list-chess .list__item:last-child { margin-bottom: 0; } .loop-container.loop-container--portfolio-list-chess .post-card__thumbnail a::before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.5))); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); z-index: 1; } .loop-container.loop-container--portfolio-list-chess .post-card__body { z-index: 10; } .loop-container.loop-container--portfolio-list-chess .post-card__meta { margin-bottom: calc(var(--global--spacing-vertical) / 4); } /* Two-column portfolio grid layout */ .loop-container.loop-container--portfolio-grid-2-col { --post-card-title__FontSize: calc(1.5rem + .375vw - 1.2px); } /* Three-column portfolio grid layout */ .loop-container.loop-container--portfolio-grid-3-col { --post-card-title__FontSize: calc(1.3125rem + 0.1875vw - 0.6px); } /* Mixed portfolio grid layout */ .loop-container.loop-container--portfolio-grid-mixed { --post-card-title__FontSize: calc(1.5em + 0.375vw - 1.2px); } /* Creative portfolio grid layout */ .loop-container.loop-container--portfolio-grid-creative { --post-card-title__FontSize: calc(1.5em + 0.375vw - 1.2px); } /* Two-column portfolio masonry layout */ .loop-container.loop-container--portfolio-masonry-2-col { --post-card-title__FontSize: calc(1.5rem + 0.375vw - 1.2px); margin-bottom: calc(5.25rem + 3.5vw - 11.2px - (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.5rem + 0.375vw - 1.2px); } /* Interactive links v.1 portfolio layout */ body.portfolio-layout--interactive-links-v1 { --archive-description__Color: rgba(255, 255, 255, 0.5); --pagination__Color: rgba(255, 255, 255, 0.5); } body.portfolio-layout--interactive-links-v1 .pagination { 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 + 3.5vw - 11.2px) - 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; padding-left: 0; padding-right: 0; } .loop-container.loop-container--portfolio-interactive-links-v1 .entry__header > * { margin-left: 0; margin-right: 0; width: auto; } .loop-container.loop-container--portfolio-interactive-links-v1 .entry__title { margin-bottom: 0; } .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 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-transform: scale(1); transform: scale(1); -webkit-transition: opacity 0.4s ease-in-out, -webkit-transform 10s linear 0.2s; transition: opacity 0.4s ease-in-out, -webkit-transform 10s linear 0.2s; transition: opacity 0.4s ease-in-out, transform 10s linear 0.2s; transition: opacity 0.4s ease-in-out, transform 10s linear 0.2s, -webkit-transform 10s linear 0.2s; z-index: -1; } .loop-container.loop-container--portfolio-interactive-links-v1 .entry .hover-reveal__inner { overflow: hidden; } .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 top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.5))); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); z-index: 1; } .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; -webkit-transform: scale(1.1); transform: scale(1.1); } /* Interactive links v.2 portfolio layout */ .loop-container.loop-container--portfolio-interactive-links-v2 { --entry-title__FontSize: calc(1.5rem + 4.5vw - 14.4px); --entry-title__LineHeight: 1.25; --entry-meta__Color: rgba(255, 255, 255, 0.5); margin-bottom: calc((5.25rem + 3.5vw - 11.2px) - var(--global--spacing-vertical)); } .loop-container.loop-container--portfolio-interactive-links-v2.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-v2 .entry { padding-bottom: calc(var(--global--spacing-vertical) / 3); } .loop-container.loop-container--portfolio-interactive-links-v2 .entry:last-child { padding-bottom: 0; } .loop-container.loop-container--portfolio-interactive-links-v2 .entry__header { text-align: center; } .loop-container.loop-container--portfolio-interactive-links-v2 .entry__header.has-thumbnail--portrait .entry__title a .hover-reveal { width: calc(100vw / 4); height: calc(100vw / 4 * 1.25); } .loop-container.loop-container--portfolio-interactive-links-v2 .entry__header.has-thumbnail--landscape .entry__title a .hover-reveal { width: calc(100vw / 3); height: calc(100vw / 3 / 1.5); } .loop-container.loop-container--portfolio-interactive-links-v2 .entry__title a { position: relative; background-image: none; } .loop-container.loop-container--portfolio-interactive-links-v2 .entry__title a:hover, .loop-container.loop-container--portfolio-interactive-links-v2 .entry__title a:focus { color: var(--global--color-primary); } .loop-container.loop-container--portfolio-interactive-links-v2 .entry__title a .hover-reveal { position: fixed; top: 0; left: 0; pointer-events: none; opacity: 0; z-index: -1; -webkit-transform: translate(calc(-50% - 16px), calc(-50% - 32px)); transform: translate(calc(-50% - 16px), calc(-50% - 32px)); } .loop-container.loop-container--portfolio-interactive-links-v2 .entry__title a .hover-reveal__inner { overflow: hidden; -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-interactive-links-v2 .entry__title a .hover-reveal__inner, .loop-container.loop-container--portfolio-interactive-links-v2 .entry__title a .hover-reveal__img { width: 100%; height: 100%; position: relative; -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-interactive-links-v2 .entry__title a .hover-reveal__img { background-size: cover; background-position: 50% 50%; -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-interactive-links-v2 .entry__title a.active { --entry-title__Color: var(--global--color-primary); --entry-meta__Color: rgba(255, 255, 255, 0.5); z-index: 10000; } .loop-container.loop-container--portfolio-interactive-links-v2 .entry__title a.active .hover-reveal { opacity: 1; } .loop-container.loop-container--portfolio-interactive-links-v2 .entry__title a.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); } .loop-container.loop-container--portfolio-interactive-links-v2 .entry__title a.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); } .loop-container.loop-container--portfolio-interactive-links-v2 .entry__meta { display: inline; } .loop-container.loop-container--portfolio-interactive-links-v2 .entry__meta::before { content: "\002f"; margin-left: calc(var(--global--spacing) / 2); margin-right: calc(var(--global--spacing) / 2); } /* Interactive links v.3 portfolio layout */ body.portfolio-layout--interactive-links-v3 { --hero-page-subtitle__FontSize: var(--global--font-size-xxxxxl); } body.portfolio-layout--interactive-links-v3 .page__header--portfolio { position: relative; z-index: 9999; } body.portfolio-layout--interactive-links-v3 .page__header--portfolio .page__title { margin-bottom: calc(var(--global--spacing-vertical) / 2); } .loop-container.loop-container--portfolio-interactive-links-v3 { --entry-title__FontSize: calc(2.25rem + 6vw - 19.2px); --entry-title__Color: rgba(255, 255, 255, 0.15); --entry-title__LineHeight: 1.25; max-width: 100%; margin-bottom: calc((5.25rem + 3.5vw - 11.2px) - var(--global--spacing-vertical)); z-index: 0; } .loop-container.loop-container--portfolio-interactive-links-v3.has-hovered-inner-element { --entry-title__Color: rgba(255, 255, 255, .15); } .loop-container.loop-container--portfolio-interactive-links-v3 .entry { padding-bottom: var(--global--spacing-vertical); } .loop-container.loop-container--portfolio-interactive-links-v3 .entry:last-child { padding-bottom: 0; } .loop-container.loop-container--portfolio-interactive-links-v3 .entry__title { display: inline; margin-bottom: 0; } .loop-container.loop-container--portfolio-interactive-links-v3 .entry__title a { position: relative; background-image: none; } .loop-container.loop-container--portfolio-interactive-links-v3 .entry__title a:hover, .loop-container.loop-container--portfolio-interactive-links-v3 .entry__title a:focus { color: var(--global--color-primary); } .loop-container.loop-container--portfolio-interactive-links-v3 .entry__title a .hover-reveal { position: fixed; width: calc(100vw / 2); height: calc(100vw / 2 / 1.5); top: 50% !important; left: 50% !important; pointer-events: none; opacity: 0; z-index: -1; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .loop-container.loop-container--portfolio-interactive-links-v3 .entry__title a .hover-reveal__inner { overflow: hidden; -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-interactive-links-v3 .entry__title a .hover-reveal__inner, .loop-container.loop-container--portfolio-interactive-links-v3 .entry__title a .hover-reveal__img { width: 100%; height: 100%; position: relative; -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-interactive-links-v3 .entry__title a .hover-reveal__img { background-size: cover; background-position: 50% 50%; -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-interactive-links-v3 .entry__title a.active { --entry-title__Color: var(--global--color-primary); --entry-meta__Color: rgba(255, 255, 255, 0.5); z-index: 10000; } .loop-container.loop-container--portfolio-interactive-links-v3 .entry__title a.active .hover-reveal { opacity: 1; } .loop-container.loop-container--portfolio-interactive-links-v3 .entry__title a.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); } .loop-container.loop-container--portfolio-interactive-links-v3 .entry__title a.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); } /* Interactive links v.4 portfolio layout */ .portfolio-layout--interactive-links-v4 .page__header--portfolio { margin-bottom: calc(var(--global--spacing-vertical) * 2); } .loop-container.loop-container--portfolio-interactive-links-v4 { --entry-title__FontSize: calc(2.25rem + 6vw - 19.2px); --entry-title__LineHeight: 1.25; max-width: 100%; margin-top: 0; margin-bottom: calc((5.25rem + 3.5vw - 11.2px) - var(--global--spacing-vertical)); } .loop-container.loop-container--portfolio-interactive-links-v4.has-hovered-inner-element { --entry-title__Color: rgba(255, 255, 255, 0.25); } .loop-container.loop-container--portfolio-interactive-links-v4 .entry { padding-bottom: var(--global--spacing-vertical); } .loop-container.loop-container--portfolio-interactive-links-v4 .entry:last-child { padding-bottom: 0; } .loop-container.loop-container--portfolio-interactive-links-v4 .entry__header.has-thumbnail--portrait .entry__title a .hover-reveal { width: calc(100vw / 4); height: calc(100vw / 4 * 1.25); } .loop-container.loop-container--portfolio-interactive-links-v4 .entry__header.has-thumbnail--landscape .entry__title a .hover-reveal { width: calc(100vw / 3); height: calc(100vw / 3 / 1.5); } .loop-container.loop-container--portfolio-interactive-links-v4 .entry__title { display: inline; margin-bottom: 0; } .loop-container.loop-container--portfolio-interactive-links-v4 .entry__title a { position: relative; background-image: none; } .loop-container.loop-container--portfolio-interactive-links-v4 .entry__title a:hover, .loop-container.loop-container--portfolio-interactive-links-v4 .entry__title a:focus { color: var(--global--color-primary); } .loop-container.loop-container--portfolio-interactive-links-v4 .entry__title a .hover-reveal { position: fixed; top: 0; left: 0; pointer-events: none; opacity: 0; z-index: -1; -webkit-transform: translate(calc(-50% - 16px), calc(-50% - 32px)); transform: translate(calc(-50% - 16px), calc(-50% - 32px)); } .loop-container.loop-container--portfolio-interactive-links-v4 .entry__title a .hover-reveal__inner { overflow: hidden; -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-interactive-links-v4 .entry__title a .hover-reveal__inner, .loop-container.loop-container--portfolio-interactive-links-v4 .entry__title a .hover-reveal__img { width: 100%; height: 100%; position: relative; -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-interactive-links-v4 .entry__title a .hover-reveal__img { background-size: cover; background-position: 50% 50%; -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-interactive-links-v4 .entry__title a.active { --entry-title__Color: var(--global--color-primary); --entry-meta__Color: rgba(255, 255, 255, 0.5); z-index: 10000; } .loop-container.loop-container--portfolio-interactive-links-v4 .entry__title a.active .hover-reveal { opacity: 1; } .loop-container.loop-container--portfolio-interactive-links-v4 .entry__title a.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); } .loop-container.loop-container--portfolio-interactive-links-v4 .entry__title a.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); } /* 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%; padding-left: 0; padding-right: 0; } .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(--swiper-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(--swiper-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 a { 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 a 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) 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-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; margin-bottom: 0.328125rem; } .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 0.0625rem, 100% 0.0625rem; 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% 0.0625rem; 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); } /* Large carousel v.2 portfolio layout */ body.portfolio-layout--carousel-large-v2 { overflow-y: scroll; } body.portfolio-layout--carousel-large-v2 .content { padding-top: 0; padding-bottom: 0; } body.portfolio-layout--carousel-large-v2 .cursor .cursor__arrow--top, body.portfolio-layout--carousel-large-v2 .cursor .cursor__arrow--bottom { display: none; } .loop-container.loop-container--portfolio-carousel-large-v2 { position: relative; overflow: hidden; width: 100%; height: 100vh; max-width: 100%; padding-left: 0; padding-right: 0; } .loop-container.loop-container--portfolio-carousel-large-v2 .swiper-wrapper { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .loop-container.loop-container--portfolio-carousel-large-v2 .swiper-button-prev { left: calc(3.75vw + 8px); } .loop-container.loop-container--portfolio-carousel-large-v2 .swiper-button-next { right: calc(3.75vw + 8px); } .loop-container.loop-container--portfolio-carousel-large-v2 .swiper-pagination { bottom: calc(var(--global--spacing-vertical) * 2); left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 25%; } .loop-container.loop-container--portfolio-carousel-large-v2 .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 0.625rem; } .loop-container.loop-container--portfolio-carousel-large-v2 .swiper-pagination-bullet { background-color: var(--carousel-bullet__Color); opacity: 0.25; } .loop-container.loop-container--portfolio-carousel-large-v2 .swiper-pagination-bullet-active { background-color: var(--carousel-bullet--active__Color); opacity: 1; } .loop-container.loop-container--portfolio-carousel-large-v2 .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: end; -ms-flex-pack: end; justify-content: flex-end; -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-v2 .carousel-item__thumbnail { display: block; overflow: hidden; margin-bottom: 0; } .loop-container.loop-container--portfolio-carousel-large-v2 .carousel-item__thumbnail a { 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-v2 .carousel-item__thumbnail a::before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.25))); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.25) 100%); z-index: 1; } .loop-container.loop-container--portfolio-carousel-large-v2 .carousel-item__thumbnail a 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-v2 .carousel-item__body { max-width: 100%; padding: calc(1.75rem + 1.75vw - 5.6px) calc(1rem + 1vw - 3.2px); 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-v2 .carousel-item__body > * { width: 100%; max-width: 100%; margin-left: auto; margin-right: auto; } .loop-container.loop-container--portfolio-carousel-large-v2 .carousel-item__body > :last-child { margin-bottom: 0; } .loop-container.loop-container--portfolio-carousel-large-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-large-v2 .carousel-item__meta > span { display: inline; position: relative; } .loop-container.loop-container--portfolio-carousel-large-v2 .carousel-item__meta > span > * { display: inline-block; margin-bottom: 0.328125rem; } .loop-container.loop-container--portfolio-carousel-large-v2 .carousel-item__meta a { color: var(--carousel-item-meta__Color); opacity: 0.75; 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 0.0625rem, 100% 0.0625rem; 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-v2 .carousel-item__meta a:hover, .loop-container.loop-container--portfolio-carousel-large-v2 .carousel-item__meta a:focus { color: var(--carousel-item-meta--hover__Color); opacity: 1; background-size: 100% 0.0625rem; background-position: 0 100%; } .loop-container.loop-container--portfolio-carousel-large-v2 .carousel-item__meta a:focus { outline: 0; } .loop-container.loop-container--portfolio-carousel-large-v2 .carousel-item__title { --carousel-item-title__FontSize: calc(1.875rem + 1.125vw - 3.6px); 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-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-large-v2 .carousel-item__title a:hover, .loop-container.loop-container--portfolio-carousel-large-v2 .carousel-item__title a:focus { color: var(--carousel-item-title--hover__Color); } .loop-container.loop-container--portfolio-carousel-large-v2 .carousel-item__title a:focus { outline: 0; } .loop-container.loop-container--portfolio-carousel-large-v2 .carousel-item__meta, .loop-container.loop-container--portfolio-carousel-large-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-large-v2 .carousel-item.swiper-slide-active .carousel-item__meta, .loop-container.loop-container--portfolio-carousel-large-v2 .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%; padding-left: 0; padding-right: 0; } .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 a { display: block; max-width: 100%; overflow: hidden; } .loop-container.loop-container--portfolio-carousel-fullscreen-v1 .carousel-item__thumbnail a::before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.5))); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); z-index: 1; } .loop-container.loop-container--portfolio-carousel-fullscreen-v1 .carousel-item__thumbnail a 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) / 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-v1 .carousel-item__meta > span { display: inline; position: relative; } .loop-container.loop-container--portfolio-carousel-fullscreen-v1 .carousel-item__meta > span > * { display: inline-block; margin-bottom: 0.328125rem; } .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 0.0625rem, 100% 0.0625rem; 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% 0.0625rem; 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: calc(2.25em + 2.25vw - 7.2px); 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%; padding-left: 0; padding-right: 0; } .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(--swiper-pagination__Color); font-family: var(--swiper-pagination__FontFamily); font-size: var(--swiper-pagination__FontSize); font-weight: var(--swiper-pagination__FontWeight); line-height: var(--swiper-pagination__LineHeight); opacity: 0.75; } .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 a { display: block; max-width: 100%; overflow: hidden; } .loop-container.loop-container--portfolio-carousel-fullscreen-v2 .carousel-item__thumbnail a::before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.5))); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); z-index: 1; } .loop-container.loop-container--portfolio-carousel-fullscreen-v2 .carousel-item__thumbnail a 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 + 5.25vw - 16.8px); 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; margin-bottom: 0.328125rem; } .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 0.0625rem, 100% 0.0625rem; 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% 0.0625rem; 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: calc(2.25em + 2.25vw - 7.2px); 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 Portfolio: Fonts --------------------------------------------------------------*/ /* Base font family: Inter */ .font-family-base--inter { --portfolio-meta-item__LetterSpacing: -0.0025em; --portfolio-item-nav-meta__LetterSpacing: -0.0025em; } .font-family-base--inter .loop-container--portfolio-carousel-large-v1, .font-family-base--inter .loop-container--portfolio-carousel-large-v2, .font-family-base--inter .loop-container--portfolio-carousel-fullscreen-v1 { --carousel-item-meta__LetterSpacing: -0.0025em; } .font-family-base--inter .loop-container--portfolio-list-simple-v1 { --post-item-meta__LetterSpacing: -0.0025em; } /* Headings font family: Inter */ .font-family-headings--inter { --portfolio-item-title__LetterSpacing: -0.022em; } .font-family-headings--inter .loop-container--portfolio-list, .font-family-headings--inter .loop-container--portfolio-interactive-links, .font-family-headings--inter .loop-container--portfolio-list-simple-v1, .font-family-headings--inter .loop-container--portfolio-list-chess { --post-card-title__LetterSpacing: calc(-0.019em - 0.003vw + 0.0096px); } .font-family-headings--inter .loop-container--portfolio-grid-2-col, .font-family-headings--inter .loop-container--portfolio-grid-mixed, .font-family-headings--inter .loop-container--portfolio-masonry-2-col, .font-family-headings--inter .loop-container--portfolio-carousel-large-v2, .font-family-headings--inter .loop-container--portfolio-grid-creative { --post-card-title__LetterSpacing: calc(-0.019em - 0.002vw + 0.0064px); } .font-family-headings--inter .loop-container--portfolio-carousel-large-v1, .font-family-headings--inter .loop-container--portfolio-carousel-fullscreen-v1 { --carousel-item-title__LetterSpacing: -0.022em; } /*-------------------------------------------------------------- UKA Share Buttons --------------------------------------------------------------*/ .share-links { margin-bottom: calc(var(--global--spacing-vertical) / 2); font-size: inherit; } .share-links > * { display: inline-block; } .share-links__title { color: var(--global--color-secondary); } .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); } /*-------------------------------------------------------------- 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: 16px; font-size: 1rem; letter-spacing: var(--wpcf7-form-control__LetterSpacing); } input.wpcf7-submit[type="submit"] { margin-top: 0; margin-right: var(--global--spacing); font-size: var(--button__FontSize); } span.wpcf7-not-valid-tip { margin-top: calc(var(--global--spacing-vertical) / 4); color: var(--global--color-danger); } .wpcf7 form .wpcf7-response-output { margin: var(--global--spacing-vertical) 0; padding: calc(var(--global--spacing-vertical) / 2) 1.5em; color: var(--global--color-content); font-size: var(--global--font-size-sm); 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; } /* Fonts */ .font-family-base--inter { --wpcf7-form-control__LetterSpacing: -0.006em; --wpcf7-response-output__LetterSpacing: -0.006em; } @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)), 640px); --responsive--alignwide-width: min(calc(100vw - 2 * var(--responsive--spacing-horizontal)), 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 { 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); } .pagination .page-numbers { display: inline-block; margin-right: 0.625em; } .pagination .prev::after, .pagination .next::before { content: ""; position: relative; display: inline-block; width: var(--global--spacing-horizontal); height: 1px; background-color: var(--pagination__BorderColor); opacity: 0.35; vertical-align: middle; } .pagination .prev::after { margin-left: 1em; margin-right: 0.375em; } .pagination .next::before { margin-right: 1em; margin-left: 0.375em; } .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)); } .loop-container.loop-container--portfolio-interactive-links-v2 .entry { padding-bottom: var(--global--spacing-vertical); } .share-links { grid-column: 1 / 3; } .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; } .loop-container.loop-container--portfolio-carousel-large-v2 .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 { -webkit-animation: slideOutUp 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955); animation: slideOutUp 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955); } .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%; } .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: 1px solid var(--post-nav__BorderColor); } .attachment .post-navigation .nav-previous { width: 100%; } .pagination { text-align: center; } .related-posts__list { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: var(--global--spacing-vertical) calc(var(--global--spacing-horizontal) * 2); } .related-posts__item:last-child { display: none; } .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; } .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 - 4.16667vw + 32px); margin-right: calc(-1.5rem - 4.16667vw + 32px); } .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 + 4.16667vw - 32px) !important; padding-left: calc(1.5rem + 4.16667vw - 32px) !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--masonry { margin-left: calc(-1.5rem - 0.75vw + 2.4px); margin-right: calc(-1.5rem - 0.75vw + 2.4px); } .loop-container--masonry-3-col .grid__item { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; width: 50%; padding-right: calc(1.5rem + 0.75vw - 2.4px) !important; padding-left: calc(1.5rem + 0.75vw - 2.4px) !important; } .loop-container--masonry-3-col .grid__item:nth-child(2) { margin-top: calc(7rem + 4.86111vw - 37.33333px); } .portfolio-meta { grid-template-columns: repeat(4, 1fr); } .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-list-chess .list__item:nth-child(2n) .post-card__thumbnail { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-right: 0; } .loop-container.loop-container--portfolio-list-chess .list__item:nth-child(2n) .post-card__body { text-align: right; margin-left: 0; margin-right: calc(var(--global--spacing-horizontal) * -3); } .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 { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% / 3 * 2); flex: 0 0 calc(100% / 3 * 2); margin-bottom: 0; } .loop-container.loop-container--portfolio-list-chess .post-card__thumbnail a { height: 100%; } .loop-container.loop-container--portfolio-list-chess .post-card__body { -ms-flex-item-align: center; align-self: center; padding-left: 0; padding-right: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-left: calc(var(--global--spacing-horizontal) * -3); } .loop-container.loop-container--portfolio-grid-2-col > .grid { grid-template-columns: repeat(2, 1fr); } .loop-container.loop-container--portfolio-grid-3-col > .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-masonry-2-col .grid--masonry { margin-left: calc(-1.5rem - 4.16667vw + 32px); margin-right: calc(-1.5rem - 4.16667vw + 32px); } .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 + 4.16667vw - 32px) !important; padding-left: calc(1.5rem + 4.16667vw - 32px) !important; } .loop-container.loop-container--portfolio-masonry-2-col .grid__item:nth-child(2) { margin-top: calc(7rem + 4.86111vw - 37.33333px); } body.portfolio-layout--interactive-links-v3 .page__header--portfolio { position: fixed; left: var(--responsive--spacing-horizontal); bottom: calc(6.25rem + 3.47vw - 26.67px); max-width: 100%; width: auto; margin-bottom: 0; } body.portfolio-layout--interactive-links-v3 .page__header--portfolio > * { max-width: 30rem; } .loop-container.loop-container--portfolio-interactive-links-v3 .entry { padding-bottom: calc(var(--global--spacing-vertical) / 2); } .loop-container.loop-container--portfolio-interactive-links-v3 .entry__header { text-align: right; } .loop-container.loop-container--portfolio-carousel-large-v1 .carousel-item { width: 75vw; min-height: calc(75vw * 9 / 16); } .loop-container.loop-container--portfolio-carousel-large-v2 .carousel-item { width: 75vw; min-height: calc(75vw * 9 / 16); } .loop-container.loop-container--portfolio-carousel-large-v2 .carousel-item.carousel-item--portrait { width: 50vw; } .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 .header { top: 32px; } .admin-bar .sidebar { top: 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) { .header.has-primary-menu--classic .header__buttons { display: none; } .header.has-primary-menu--classic .header__buttons .button--menu-toggle { display: none; } body:not(.posts-list-layout--classic) .page__header:not(.page__header--hero) > *, body[class*="portfolio-layout--"] .page__header:not(.page__header--hero) > * { max-width: 640px; } .page__header.page__header--hero > * { max-width: 960px; } .header.has-primary-menu--classic .main-navigation { position: relative; width: auto; height: auto; overflow-y: initial; visibility: visible; opacity: 1; pointer-events: initial; background-color: transparent; } .header.has-primary-menu--classic .main-navigation__container { display: block; padding: 0; } .header.has-primary-menu--classic .main-navigation__container > * { opacity: 1; -webkit-animation: none; animation: none; } .header.has-primary-menu--classic .primary-navigation { text-align: left; } .header.has-primary-menu--classic .primary-navigation li { display: inline-block; margin-right: var(--global--spacing); } .header.has-primary-menu--classic .primary-navigation li:hover > a, .header.has-primary-menu--classic .primary-navigation li:focus > a { color: var(--classic-main-nav-link--hover__Color); } .header.has-primary-menu--classic .primary-navigation li:hover > a > span::after, .header.has-primary-menu--classic .primary-navigation li:focus > a > span::after { -webkit-transform: translateY(0); transform: translateY(0); opacity: 0.5; } .header.has-primary-menu--classic .primary-navigation li:hover > ul, .header.has-primary-menu--classic .primary-navigation li:focus > ul { right: 0; left: auto; opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } .header.has-primary-menu--classic .primary-navigation li:last-child { margin-right: 0; } .header.has-primary-menu--classic .primary-navigation a { padding: calc(var(--global--spacing-vertical) / 2) var(--global--spacing); white-space: nowrap; outline-offset: -0.5em; font-family: var(--classic-main-nav-link__FontFamily); font-size: var(--classic-main-nav-link__FontSize); font-weight: var(--classic-main-nav-link__FontWeight); line-height: var(--classic-main-nav-link__LineHeight); letter-spacing: var(--classic-main-nav-link__LetterSpacing); } .header.has-primary-menu--classic .primary-navigation a:hover, .header.has-primary-menu--classic .primary-navigation a:focus { color: var(--classic-main-nav-link--hover__Color); } .header.has-primary-menu--classic .primary-navigation a:hover > span::after, .header.has-primary-menu--classic .primary-navigation a:focus > span::after { -webkit-transform: translateY(0); transform: translateY(0); opacity: 0.5; } .header.has-primary-menu--classic .primary-navigation a > span::after { content: ""; display: block; position: absolute; left: 0; bottom: calc(var(--global--spacing) / -4); width: 100%; height: 1px; background-color: var(--main-nav-link__Color); -webkit-transform: translateY(calc(var(--global--spacing) / 4)); transform: translateY(calc(var(--global--spacing) / 4)); opacity: 0; -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; } .header.has-primary-menu--classic .primary-navigation .current-menu-item > a, .header.has-primary-menu--classic .primary-navigation .current-menu-ancestor > a { color: var(--classic-main-nav-link--hover__Color) !important; } .header.has-primary-menu--classic .primary-navigation .current-menu-item > a > span::after, .header.has-primary-menu--classic .primary-navigation .current-menu-ancestor > a > span::after { -webkit-transform: translateY(0); transform: translateY(0); opacity: 0.5; } .header.has-primary-menu--classic .primary-navigation ul ul { position: absolute; z-index: 99999; left: -999em; display: block; margin: 0; padding: calc(var(--global--spacing-vertical) / 2) 0; background-color: var(--main-nav__BackgroundColor); border-radius: var(--global--border-radius); -webkit-transform: translateY(calc(var(--global--spacing) / 4)); transform: translateY(calc(var(--global--spacing) / 4)); opacity: 0; -webkit-transition: opacity 0.35s ease-in-out, -webkit-transform 0.35s ease-in-out; transition: opacity 0.35s ease-in-out, -webkit-transform 0.35s ease-in-out; transition: opacity 0.35s ease-in-out, transform 0.35s ease-in-out; transition: opacity 0.35s ease-in-out, transform 0.35s ease-in-out, -webkit-transform 0.35s ease-in-out; } .header.has-primary-menu--classic .primary-navigation ul ul::before { content: ''; display: block; position: absolute; top: -8px; right: var(--global--spacing-horizontal); width: 0; height: 0; border-style: solid; border-width: 0 8px 8px; border-color: transparent transparent var(--main-nav__BackgroundColor); } .header.has-primary-menu--classic .primary-navigation ul ul li { margin-right: 0; } .header.has-primary-menu--classic .primary-navigation ul ul li:hover > a .dropdown-icon .svg-icon, .header.has-primary-menu--classic .primary-navigation ul ul li:focus > a .dropdown-icon .svg-icon { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .header.has-primary-menu--classic .primary-navigation ul ul li:hover > ul, .header.has-primary-menu--classic .primary-navigation ul ul li.focus > ul { right: calc(100% + 4px); left: auto; } .header.has-primary-menu--classic .primary-navigation ul ul a { width: 12rem; margin-left: -4px; padding: 0.625rem 1.5rem 0.625rem 1.75rem; white-space: normal; font-size: var(--classic-main-nav-sub-menu-link__FontSize); font-weight: var(--classic-main-nav-sub-menu-link__FontWeight); line-height: var(--classic-main-nav-sub-menu-link__LineHeight); } .header.has-primary-menu--classic .primary-navigation ul ul a:hover .dropdown-icon .svg-icon, .header.has-primary-menu--classic .primary-navigation ul ul a:focus .dropdown-icon .svg-icon { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .header.has-primary-menu--classic .primary-navigation ul ul a > span::after { display: none; } .header.has-primary-menu--classic .primary-navigation ul ul a .dropdown-icon .svg-icon { -webkit-transform-origin: center; transform-origin: center; -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; } .header.has-primary-menu--classic .primary-navigation ul ul .menu-item-has-children > a { padding-right: calc(var(--global--spacing) * 3.75); } .header.has-primary-menu--classic .primary-navigation ul ul .dropdown-icon { display: block; } .header.has-primary-menu--classic .primary-navigation ul ul ul { top: calc(var(--global--spacing-vertical) / -2); } .header.has-primary-menu--classic .primary-navigation ul ul ul::before { display: none; } .header.has-primary-menu--classic .dropdown-toggle { display: none; } } @media only screen and (min-width: 1280px) { .wp-block-columns .wp-block-column:not(:last-child) { margin-bottom: 0; } .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, .portfolio-template-fullscreen-featured-portfolio .entry__title, .portfolio-template-fullscreen-featured-portfolio .entry__meta { max-width: 960px; } .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); } .single-portfolio .entry__header { max-width: 960px; } .portfolio-item-navigation .meta-nav, .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-list-chess { max-width: calc(90% - 2 * var(--responsive--spacing-horizontal)); } .loop-container.loop-container--portfolio-list-chess .list__item:nth-child(2n) .post-card__body { margin-right: calc(var(--global--spacing-horizontal) * -9); } .loop-container.loop-container--portfolio-list-chess .post-card__body { margin-left: calc(var(--global--spacing-horizontal) * -9); } .loop-container.loop-container--portfolio-grid-3-col > .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-large-thumbnails .grid { grid-template-columns: repeat(10, 1fr); grid-row-gap: calc(3.5rem + 3.5vw - 11.2px); } .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-large-v2 .carousel-item { width: 55vw; min-height: calc(55vw * 9 / 16); } .loop-container.loop-container--portfolio-carousel-large-v2 .carousel-item.carousel-item--portrait { width: 30vw; } .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 - 5.25vw + 16.8px)); transform: translateY(calc(-12.25rem - 5.25vw + 16.8px)); } .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) { .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-carousel-large-v1 .carousel-item { width: calc(100vw / 3 * 2); min-height: calc((100vw / 3 * 2) * 9 / 16); } .loop-container.loop-container--portfolio-carousel-large-v2 .carousel-item { width: calc(100vw / 3 * 2); min-height: calc((100vw / 3 * 2) * 9 / 16); } .loop-container.loop-container--portfolio-carousel-large-v2 .carousel-item.carousel-item--portrait { width: 27vw; } } @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, .portfolio-template-fullscreen-featured-portfolio .entry__title, .portfolio-template-fullscreen-featured-portfolio .entry__meta { max-width: calc(100vw / 2); } body:not(.posts-list-layout--classic) .page__header:not(.page__header--hero) > *, body[class*="portfolio-layout--"] .page__header:not(.page__header--hero) > * { max-width: calc(100vw / 3); } .page__header.page__header--hero > * { max-width: calc(100vw / 6 * 3); } .post-item__title { max-width: calc(100vw / 2.5); } .single-portfolio .entry__header { max-width: calc(100vw / 2); } .portfolio-item-navigation .meta-nav, .portfolio-item-navigation .portfolio-item__title { max-width: calc(100vw / 2); } .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-large-v2 .carousel-item { width: 58vw; min-height: calc(58vw * 9 / 16); } .loop-container.loop-container--portfolio-carousel-large-v2 .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; } .loop-container.loop-container--portfolio-carousel-large-v2 .swiper-pagination { display: none; } } @media only screen and (max-width: 1279px) { .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) { .has-primary-menu--classic .primary-navigation:hover a { opacity: 0.3; } .has-primary-menu--classic .primary-navigation:hover a:hover, .has-primary-menu--classic .primary-navigation:hover a:focus { opacity: 1; } .has-primary-menu--classic .primary-navigation:hover ul ul a { opacity: 0.6; } .has-primary-menu--classic .primary-navigation:hover li:hover > a { opacity: 1 !important; } .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-large-v2 .swiper-button-prev, .loop-container.loop-container--portfolio-carousel-large-v2 .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 only screen and (max-width: 767px) { .post-navigation div + div { margin-top: var(--global--spacing-vertical); padding-top: var(--global--spacing-vertical); border-top: 1px solid var(--post-nav__BorderColor); } .button--sidebar-opener { display: none; } .related-posts__item { margin-bottom: calc(var(--global--spacing-vertical) * 2); } .related-posts__item:last-child { margin-bottom: 0; } .loop-container.loop-container--portfolio-list-simple-v1 .post-item::after { display: none; } .portfolio-layout--interactive-links-v2 .footer { text-align: center; } } @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; } .author-info__bio { -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .page__title { -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .archive-description { -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .no-results.not-found .page__content { -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .comment-content { -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .post-navigation .post-title { -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .post-item__title { -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .post-card__title { -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .post-card__content { -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .portfolio-item-navigation .portfolio-item__title { -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-large-v2 .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; } }