/* Theme Name: Seedlet Theme URI: https://github.com/Automattic/themes/seedlet Author: Automattic Author URI: https://automattic.com/ Description: A simple, text-driven, single-column theme. Requires at least: 4.9.6 Tested up to: 5.4.1 Requires PHP: 7.3 Version: 1.0.1-wpcom License: GNU General Public License v2 or later License URI: LICENSE Text Domain: seedlet Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready Seedlet WordPress Theme, (C) 2020 Automattic, Inc. Seedlet is distributed under the terms of the GNU GPL. This program is free software: you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation, either version 2 of the License, or (at your option) any later version. This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details. Seedlet is derived from Twenty Nineteen. 2018-2020 WordPress.org Twenty Nineteen is distributed under the terms of the GNU GPL v2 or later. Seedlet is also based on Underscores https://underscores.me/, (C) 2012-2018 Automattic, Inc. Underscores is distributed under the terms of the GNU GPL v2 or later. Normalizing styles have been helped along thanks to the fine work of Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/ Unless otherwise noted, the icons in this theme are derived from the WordPress Icons Library, licensed under the terms of the GNU GPL v2 or later. https://github.com/WordPress/gutenberg/tree/master/packages/icons Seedlet bundles the following third-party resources: Social Icons License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Source: WordPress Social Link Block (See wp-includes\blocks\social-link.php) Code from Twenty Twenty Copyright (C) 2020 WordPress.org License: GPLv2 Source: https://wordpress.org/themes/twentytwenty/ Included as part of the following classes and functions: - sanitize_select() Color Contrast Validation Copyright (C) 2016 Per Soderlind License: GNU General Public License v3 License URI: http://www.gnu.org/licenses/gpl-3.0.html Source: https://github.com/soderlind/2016-customizer-demo Included as part of the following classes and functions: - on_customize_controls_enqueue_scripts() Images from Smithsonian Institution License: CC0 Source: https://www.si.edu/object/hymenoxys-odorata-dc:nmnhbotany_13045011 https://www.si.edu/object/coccocypselum-guianense-aubl-k-schum:nmnhbotany_10752403 https://www.si.edu/object/coccocypselum-guianense-aubl-k-schum:nmnhbotany_10672835 Included in theme screenshot. */ :root { /* Font Family */ --global--font-primary: 'Playfair Display', Georgia, Times, serif; --global--font-secondary: 'Fira Sans', Helvetica, Arial, sans-serif; --global--font-code: monospace, monospace; --global--font-ui: var(--global--font-secondary); /* Font Size */ --global--font-size-root: 18px; --global--font-size-ratio: 1.2; --global--font-size-base: 1em; --global--font-size-xs: 14px; --global--font-size-sm: 16px; --global--font-size-md: 18px; --global--font-size-lg: 24px; --global--font-size-xl: 28px; --global--font-size-xxl: 32px; --global--font-size-xxxl: 48px; /* Line Height */ --global--line-height-base: 1; --global--line-height-body: 1.7; --global--line-height-heading: 1.3; /* Colors */ --global--color-primary: #000000; --global--color-secondary: #3C8067; --global--color-primary-hover: var( --global--color-secondary ); --global--color-secondary-hover: #336D58; --global--color-black: black; --global--color-white: white; --global--color-foreground: #333333; --global--color-foreground-light: #444444; --global--color-foreground-dark: #000000; --global--color-background: #FFFFFF; --global--color-tertiary: #FAFBF6; --global--color-background-dark: #DDDDDD; --global--color-border: #EFEFEF; --global--color-text-selection: #EBF2F0; --global--color-alert-success: yellowgreen; --global--color-alert-info: skyblue; --global--color-alert-warning: gold; --global--color-alert-error: salmon; /* Spacing */ --global--spacing-unit: 20px; --global--spacing-measure: unset; --global--spacing-horizontal: 25px; --global--spacing-vertical: 30px; /* Elevation */ --global--elevation: 1px 1px 3px 0px rgba( 0, 0, 0, 0.2 ); /* Other */ --global--border-radius-sm: 9px; --global--border-radius-md: 13.5px; --global--border-radius-lg: 18px; --global--border-radius-pill: 180px; --global--border-radius-none: 0; --form--font-family: var(--global--font-secondary); --form--font-size: var(--global--font-size-md); --form--line-height: var(--global-line-height-body); --form--color-text: var(--global--color-foreground); --form--border-color: var(--global--color-border); --form--border-width: 2px; --form--border-radius: 0; --form--spacing-unit: calc(0.5 * var(--global--spacing-unit)); --button--color-text: var(--global--color-background); --button--color-text-hover: var(--button--color-text); --button--color-text-active: var(--button--color-text); --button--color-background: var(--global--color-secondary); --button--color-background-hover: var(--global--color-secondary-hover); --button--color-background-active: var(--global--color-primary); --button--font-family: var(--global--font-ui); --button--font-size: var(--global--font-size-base); --button--font-weight: normal; --button--line-height: 1; --button--border-width: 2px; --button--border-radius: 4px; --button--padding-vertical: calc(var(--global--spacing-horizontal) - var(--button--border-width)); --button--padding-horizontal: var(--global--spacing-horizontal); --cover--height: calc( 15 * var(--global--spacing-vertical) ); --cover--color-foreground: var(--global--color-foreground-dark); --cover--color-background: var(--global--color-tertiary); --heading--font-family: var(--global--font-primary); --heading--line-height: 1.3; --heading--font-size-h6: var(--global--font-size-base); --heading--font-size-h5: var(--global--font-size-md); --heading--font-size-h4: var(--global--font-size-lg); --heading--font-size-h3: var(--global--font-size-xl); --heading--font-size-h2: var(--global--font-size-xxl); --heading--font-size-h1: var(--global--font-size-xxxl); --heading--letter-spacing-h6: var(--global--letter-spacing-md); --heading--letter-spacing-h5: var(--global--letter-spacing-md); --heading--letter-spacing-h4: var(--global--letter-spacing-lg); --heading--letter-spacing-h3: var(--global--letter-spacing-xl); --heading--letter-spacing-h2: var(--global--letter-spacing-xxl); --heading--letter-spacing-h1: var(--global--letter-spacing-xxxl); --heading--line-height-h6: 1.3; --heading--line-height-h5: 1.3; --heading--line-height-h4: 1.3; --heading--line-height-h3: var(--heading--line-height); --heading--line-height-h2: var(--heading--line-height); --heading--line-height-h1: var(--heading--line-height); --heading--font-weight: normal; --heading--font-weight-strong: 600; --latest-posts--title-font-family: var(--heading--font-family); --latest-posts--title-font-size: var(--heading--font-size-h3); --latest-posts--description-font-family: var(--global--font-secondary); --latest-posts--description-font-size: var(--global--font-size-sm); --layout-grid--gutter-none: 0px; --layout-grid--gutter-small: calc( var(--global--spacing-unit) / 2); --layout-grid--gutter-medium: var(--global--spacing-unit); --layout-grid--gutter-large: calc( var(--global--spacing-unit) * 2); --layout-grid--gutter-huge: calc( var(--global--spacing-unit) * 3); --layout-grid--background-offset: calc( var(--global--spacing-unit)); --list--font-family: var(--global--font-secondary); --definition-term--font-family: var(--global--font-primary); --pullquote--font-family: var(--global--font-primary); --pullquote--font-size: var(--heading--font-size-h2); --pullquote--font-style: italic; --pullquote--letter-spacing: var(--heading--letter-spacing-h4); --pullquote--line-height: var(--global--line-height-heading); --pullquote--border-width: 0; --pullquote--border-color: transparent; --pullquote--color-foreground: var(--global--color-foreground); --pullquote--color-background: var(--global--color-background); --quote--border-color: var(--global--color-secondary); --quote--border-width: 1px; --quote--font-family: var(--global--font-secondary); --quote--font-size: var(--global--font-size-md); --quote--font-size-large: var(--global--font-size-lg); --quote--font-style: normal; --quote--font-style-large: normal; --quote--line-height: var(--global--line-height-body); --quote--line-height-large: 1.5; --separator--border-color: var(--global--color-border); --separator--height: 2px; --separator--width: calc(6 * var(--global--spacing-horizontal)); --utilities--font-size-xs: var(--global--font-size-xs); --utilities--font-size-sm: var(--global--font-size-sm); --utilities--font-size-md: var(--global--font-size-md); --utilities--font-size-lg: var(--global--font-size-lg); --utilities--font-size-xl: var(--global--font-size-xl); --utilities--font-size-xxl: var(--global--font-size-xxl); --utilities--font-size-xxxl: var(--global--font-size-xxxl); --branding--color-text: var(--global--color-foreground); --branding--color-link: var(--global--color-primary); --branding--color-link-hover: var(--global--color-primary-hover); --branding--title--font-family: var(--global--font-primary); --branding--title--font-size: calc( 1.25 * var(--heading--font-size-h1) ); --branding--title--font-size-mobile: var(--heading--font-size-h1); --branding--title--font-weight: 700; --branding--description--font-family: var(--global--font-secondary); --branding--description--font-size: var(--global--font-size-sm); --branding--description--font-family: var(--global--font-secondary); --branding--logo--max-width: 120px; --branding--logo--max-height: 120px; --branding--logo--max-width-mobile: 96px; --branding--logo--max-height-mobile: 96px; --primary-nav--font-family: var(--global--font-secondary); --primary-nav--font-family-mobile: var(--global--font-primary); --primary-nav--font-size: var(--global--font-size-sm); --primary-nav--font-size-mobile: var(--global--font-size-xxl); --primary-nav--font-size-sub-menu-mobile: var(--global--font-size-lg); --primary-nav--font-style: normal; --primary-nav--font-style-sub-menu-mobile: italic; --primary-nav--font-weight: normal; --primary-nav--color-link: var(--global--color-primary); --primary-nav--color-link-hover: var(--global--color-primary-hover); --primary-nav--color-text: var(--global--color-foreground); --primary-nav--padding: calc(0.66 * var(--global--spacing-unit) ); --primary-nav--justify-content: center; --social-nav--color-link: var(--global--color-foreground); --social-nav--color-link-hover: var(--global--color-primary-hover); --social-nav--padding: calc( 0.5 * var(--primary-nav--padding) ); --entry-header--color: var(--global--color-primary); --entry-header--color-link: currentColor; --entry-header--color-hover: var(--global--color-primary-hover); --entry-header--font-family: var(--heading--font-family); --entry-header--font-size: var(--heading--font-size-h2); --entry-content--font-family: var(--heading--font-size-h2); --entry-meta--color: var(--global--color-foreground); --entry-meta--color-link: currentColor; --entry-meta--color-hover: var(--global--color-primary-hover); --entry-meta--font-family: var(--global--font-primary); --entry-meta--font-size: var(--global--font-size-xs); --entry-author-bio--font-family: var(--heading--font-family); --entry-author-bio--font-size: var(--heading--font-size-h3); --comments--border-color: var(--global--color-border); --footer--color-text: var(--global--color-foreground); --footer--color-link: var(--global--color-primary); --footer--color-link-hover: var(--global--color-primary-hover); --footer--font-family: var(--global--font-primary); --footer--font-size: var(--global--font-size-sm); --pagination--color-text: var(--global--color-foreground); --pagination--color-link: var(--global--color-primary); --pagination--color-link-hover: var(--global--color-primary-hover); --pagination--font-family: var(--global--font-secondary); --pagination--font-size: var(--global--font-size-sm); --pagination--font-weight: normal; --wc--wrapper-width: default; --wc--table--border-color: var(--global--color-border); --wc--table--border-radius: 0; --wc--table--border-width: 1px; --wc--table--padding: var(--global--spacing-unit); --wc--tabs--border-color: var(--global--color-border); --wc--tabs--border-radius: 10px; --wc--tabs--border-width: 1px; --wc--tabs--padding: var(--global--spacing-horizontal); --wc--mini-cart--color-background: var(--global--color-background); --wc--mini-cart--color-text: var(--global--color-foreground); --wc--mini-cart--color-subtotal: var(--global--color-foreground); --wc--mini-cart--color-count: var(--global--color-foreground-light); --wc--mini-cart--color-border: var(--global--color-border); --wc--mini-cart--button-text-color: var(--button--color-text); --wc--mini-cart--button-background-color: var(--button--color-background); --wc--mini-cart--width: calc(25 * var(--global--spacing-unit)); --wc--star-rating--color: var(--global--color-alert-warning); } /** * Layout * - Structral and responsive styles */ /** * Repsonsive Styles */ /** * Required Variables */ /** * Root Media Query Variables */ :root { --responsive--spacing-horizontal: calc(2 * var(--global--spacing-horizontal)); --responsive--aligndefault-width: 100%; --responsive--alignwide-width: 100%; --responsive--alignfull-width: 100%; --responsive--alignwide-width-multiplier: calc(16 * var(--global--spacing-horizontal)); --responsive--alignright-margin: var(--global--spacing-horizontal); --responsive--alignleft-margin: var(--global--spacing-horizontal); } @media only screen and (min-width: 482px) { :root { --responsive--aligndefault-width: calc(482px - var(--responsive--spacing-horizontal)); --responsive--alignwide-width: calc(482px - var(--responsive--spacing-horizontal)); --responsive--alignright-margin: calc( 0.5 * (100vw - var(--responsive--aligndefault-width))); --responsive--alignleft-margin: calc( 0.5 * (100vw - var(--responsive--aligndefault-width))); } } @media only screen and (min-width: 592px) { :root { --responsive--aligndefault-width: calc(482px - var(--responsive--spacing-horizontal)); --responsive--alignwide-width: calc(592px - var(--responsive--spacing-horizontal)); --responsive--alignright-margin: calc( 0.5 * (100vw - var(--responsive--aligndefault-width))); --responsive--alignleft-margin: calc( 0.5 * (100vw - var(--responsive--aligndefault-width))); } } @media only screen and (min-width: 652px) { :root { --responsive--aligndefault-width: calc(592px - var(--responsive--spacing-horizontal)); --responsive--alignwide-width: calc(652px - var(--responsive--spacing-horizontal)); --responsive--alignright-margin: calc( 0.5 * (100vw - var(--responsive--aligndefault-width))); --responsive--alignleft-margin: calc( 0.5 * (100vw - var(--responsive--aligndefault-width))); } } @media only screen and (min-width: 822px) { :root { --responsive--aligndefault-width: calc(652px - var(--responsive--spacing-horizontal)); --responsive--alignwide-width: calc(822px - var(--responsive--spacing-horizontal)); --responsive--alignright-margin: calc( 0.5 * (100vw - var(--responsive--aligndefault-width))); --responsive--alignleft-margin: calc( 0.5 * (100vw - var(--responsive--aligndefault-width))); } } @media only screen and (min-width: 1024px) { :root { --responsive--aligndefault-width: calc(652px - var(--responsive--spacing-horizontal)); --responsive--alignwide-width: calc(822px - var(--responsive--spacing-horizontal)); --responsive--alignright-margin: calc( 0.5 * (100vw - var(--responsive--aligndefault-width))); --responsive--alignleft-margin: calc( 0.5 * (100vw - var(--responsive--aligndefault-width))); } } /** * Extends */ .default-max-width, hr.wp-block-separator.is-style-wide, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment):not(.woocommerce), .entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator), .entry-content .wp-audio-shortcode, .post-thumbnail, .navigation { max-width: var(--responsive--aligndefault-width); margin-right: auto; margin-left: auto; } .wide-max-width, .entry-content > .alignwide { max-width: var(--responsive--alignwide-width); margin-right: auto; margin-left: auto; } .full-max-width, .wp-block-group .wp-block-group__inner-container > *.alignfull, .entry-content > .alignfull, .singular .post-thumbnail { max-width: calc(100% + (2 * var(--global--spacing-horizontal))); width: calc(100% + (2 * var(--global--spacing-horizontal))); margin-right: calc(-1 * var(--global--spacing-horizontal)); margin-left: auto; } @media only screen and (min-width: 482px) { .full-max-width, .entry-content > .alignfull, .singular .post-thumbnail { max-width: var(--responsive--alignfull-width); width: auto; margin-right: auto; margin-left: auto; } } .entry-content > .alignwide [class*="inner-container"] > .alignwide, .entry-content > .alignfull [class*="inner-container"] > .alignwide { margin-right: auto; margin-left: auto; width: var(--responsive--alignwide-width); max-width: var(--responsive--alignfull-width); } .entry-content > .alignleft { margin-left: 0; margin-right: var(--responsive--spacing-horizontal); } @media only screen and (min-width: 482px) { .entry-content .wp-block-file.alignleft, .entry-content .wp-block-pullquote.alignleft, .entry-content .wp-block-video.alignleft, .entry-content > .alignleft { margin-left: var(--responsive--alignleft-margin); margin-right: var(--global--spacing-horizontal); } } .entry-content > .alignright { margin-left: var(--responsive--spacing-horizontal); margin-right: 0; } @media only screen and (min-width: 482px) { .entry-content .wp-block-file.alignright, .entry-content .wp-block-pullquote.alignright, .entry-content .wp-block-video.alignright, .entry-content > .alignright { margin-left: var(--global--spacing-horizontal); margin-right: var(--responsive--alignright-margin); } } /** * Output */ /** * Site Structure * * - Set vertical margins and responsive widths on * top-level wrappers and content wrappers * - `--global--width-content` is a responsive veriable * - See: globals/_global-width-responsive.scss */ /** * Top Level Wrappers (header, main, footer) * - Set vertical padding and horizontal margins */ .site-header, .site-main, .site-footer { padding: var(--global--spacing-unit) var(--global--spacing-horizontal); margin-right: auto; margin-left: auto; } @media only screen and (min-width: 482px) { .site-header, .site-main, .site-footer { padding-top: var(--global--spacing-vertical); padding-left: 0; padding-bottom: var(--global--spacing-vertical); padding-right: 0; } } .site-header { padding-top: calc(3 * var(--global--spacing-vertical)); padding-bottom: calc(3 * var(--global--spacing-vertical)); } .has-main-navigation .site-header { padding-top: calc(4 * var(--global--spacing-vertical)); } @media only screen and (min-width: 482px) { .site-header { padding-top: calc(3 * var(--global--spacing-vertical)); padding-bottom: calc(3 * var(--global--spacing-vertical)); } .has-main-navigation .site-header { padding-top: calc(3 * var(--global--spacing-vertical)); } } /** * Site-main children wrappers * - Add double vertical margins here for clearer heirarchy */ .site-main > * { margin-top: calc(3 * var(--global--spacing-vertical)); margin-bottom: calc(3 * var(--global--spacing-vertical)); } .site-main > *:first-child { margin-top: 0; } .site-main > *:last-child { margin-bottom: 0; } /** * Set the default maximum responsive content-width */ /** * Set the wide maximum responsive content-width */ /** * Set the full maximum responsive content-width */ /* * Block & non-gutenberg content wrappers * - Set margins */ .entry-header, .post-thumbnail, .entry-content, .entry-footer, .author-bio, .widget-area { margin-top: var(--global--spacing-vertical); margin-left: auto; margin-bottom: var(--global--spacing-vertical); margin-right: auto; } /* * Block & non-gutenberg content wrapper children * - Sets spacing-vertical margin logic */ .site-footer > *, .site-main > article > *, .site-main > .not-found > *, .entry-content > *, [class*="inner-container"] > *, .widget-area > *, .widget-column > * { margin-top: calc( 0.666 * var(--global--spacing-vertical)); margin-bottom: calc( 0.666 * var(--global--spacing-vertical)); } @media only screen and (min-width: 482px) { .site-footer > *, .site-main > article > *, .site-main > .not-found > *, .entry-content > *, [class*="inner-container"] > *, .widget-area > *, .widget-column > * { margin-top: var(--global--spacing-vertical); margin-bottom: var(--global--spacing-vertical); } } .site-footer > *:first-child, .site-main > article > *:first-child, .site-main > .not-found > *:first-child, .entry-content > *:first-child, [class*="inner-container"] > *:first-child, .widget-area > *:first-child, .widget-column > *:first-child { margin-top: 0; } .site-footer > *:last-child, .site-main > article > *:last-child, .site-main > .not-found > *:last-child, .entry-content > *:last-child, [class*="inner-container"] > *:last-child, .widget-area > *:last-child, .widget-column > *:last-child { margin-bottom: 0; } /* * Block & non-gutenberg content wrapper children * - Sets spacing-unit margins */ .site-header > *, .entry-header > *, .post-thumbnail > *, .page-content > *, .comment-content > *, .author-bio > *, .widget > * { margin-top: var(--global--spacing-unit); margin-bottom: var(--global--spacing-unit); } .site-header > *:first-child, .entry-header > *:first-child, .post-thumbnail > *:first-child, .page-content > *:first-child, .comment-content > *:first-child, .author-bio > *:first-child, .widget > *:first-child { margin-top: 0; } .site-header > *:last-child, .entry-header > *:last-child, .post-thumbnail > *:last-child, .page-content > *:last-child, .comment-content > *:last-child, .author-bio > *:last-child, .widget > *:last-child { margin-bottom: 0; } /* * .entry-content children specific controls * - Adds special margin overrides for alignment utility classes */ .entry-content > * { /* Reset alignleft and alignright margins after alignfull */ } .entry-content > *.alignleft, .entry-content > *.alignright, .entry-content > *.alignleft:first-child + *, .entry-content > *.alignright:first-child + *, .entry-content > *.alignfull { margin-top: 0; } .entry-content > *:last-child, .entry-content > *.alignfull { margin-bottom: 0; } .entry-content > *.alignfull + .alignleft, .entry-content > *.alignfull + .alignright { margin-top: var(--global--spacing-vertical); } /** * Base * - Reset the browser */ button[data-load-more-btn], .button, button, input[type="submit"], .wp-block-button__link, .wp-block-file .wp-block-file__button, .a8c-posts-list__view-all { line-height: var(--button--line-height); color: var(--button--color-text); cursor: pointer; font-weight: var(--button--font-weight); font-family: var(--button--font-family); font-size: var(--button--font-size); background-color: var(--button--color-background); border-radius: var(--button--border-radius); border-width: 0; text-decoration: none; padding: var(--button--padding-vertical) var(--button--padding-horizontal); } button[data-load-more-btn]:before, .button:before, button:before, input[type="submit"]:before, .wp-block-button__link:before, .wp-block-file .wp-block-file__button:before, .a8c-posts-list__view-all:before, button[data-load-more-btn]:after, .button:after, button:after, input[type="submit"]:after, .wp-block-button__link:after, .wp-block-file .wp-block-file__button:after, .a8c-posts-list__view-all:after { content: ''; display: block; height: 0; width: 0; } button[data-load-more-btn]:before, .button:before, button:before, input[type="submit"]:before, .wp-block-button__link:before, .wp-block-file .wp-block-file__button:before, .a8c-posts-list__view-all:before { margin-bottom: -calc(.5em * var(--button--line-height) + -.38); } button[data-load-more-btn]:after, .button:after, button:after, input[type="submit"]:after, .wp-block-button__link:after, .wp-block-file .wp-block-file__button:after, .a8c-posts-list__view-all:after { margin-top: -calc(.5em * var(--button--line-height) + -.39); } .button:active, button:active, input:active[type="submit"], .wp-block-button__link:active, .wp-block-file .wp-block-file__button:active, .a8c-posts-list__view-all:active { color: var(--button--color-text-active); background-color: var(--button--color-background-active); } .button:hover, button:hover, input:hover[type="submit"], .wp-block-button__link:hover, .wp-block-file .wp-block-file__button:hover, .a8c-posts-list__view-all:hover, .button:focus, button:focus, input:focus[type="submit"], .wp-block-button__link:focus, .wp-block-file .wp-block-file__button:focus, .a8c-posts-list__view-all:focus, .has-focus.button, button.has-focus, input.has-focus[type="submit"], .has-focus.wp-block-button__link, .wp-block-file .has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all { color: var(--button--color-text-hover); background-color: var(--button--color-background-hover); } /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } body { margin: 0; } main { display: block; } h1 { font-size: 2em; margin: 0.67em 0; } hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ overflow: scroll; } a { background-color: transparent; } abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } b, strong { font-weight: bold; } code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } img { border-style: none; } button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } button, input { /* 1 */ overflow: visible; } button, select { /* 1 */ text-transform: none; } button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } fieldset { padding: 0.35em 0.75em 0.625em; } legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } progress { vertical-align: baseline; } textarea { overflow: auto; } [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } details { display: block; } summary { display: list-item; } template { display: none; } [hidden] { display: none; } /** * Reset specific elements to make them easier to style in other contexts. */ html, body, p, ol, ul, li, dl, dt, dd, blockquote, figure, fieldset, form, legend, textarea, pre, iframe, hr, h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } /** * Apply generic border-box to all elements. * See: * https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ /** * Apply border-box across the entire page. */ html { box-sizing: border-box; } /** * Relax the definition a bit, to allow components to override it manually. */ *, *::before, *::after { box-sizing: inherit; } html { font-size: calc(var(--global--font-size-root) / var(--global--font-size-ratio)); /* 15px; */ font-family: var(--global--font-secondary); line-height: var(--global--line-height-body); } @media only screen and (min-width: 482px) { html { font-size: var(--global--font-size-root); } } body { font-size: var(--global--font-size-base); /* 1em; */ font-weight: normal; color: var(--global--color-foreground); text-align: right; background-color: var(--global--color-background); } a { border-bottom: 1px solid var(--global--color-secondary); color: var(--global--color-primary); text-decoration: none; } a:hover, a:focus { color: var(--global--color-primary-hover); } a:active { color: var(--global--color-primary); } *:focus { outline-width: 1px; outline-style: dotted; outline-color: var(--global--color-secondary); } button, a { cursor: pointer; } /* Text meant only for screen readers. */ .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ } .screen-reader-text:focus { background-color: var(--global--color-background); border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; clip-path: none; color: var(--global--color-foreground); display: block; font-size: var(--global--font-size-md); font-weight: bold; height: auto; right: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /* Do not show the outline on the skip link target. */ #content[tabindex="-1"]:focus { outline: 0; } .clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after { content: ""; display: table; table-layout: fixed; } .clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both; } header *, main *, footer * { max-width: var(--global--spacing-measure); } html, body, div, header, nav, article, figure, hr, main, section, footer { max-width: none; } ::selection { background-color: var(--global--color-text-selection); } ::-moz-selection { background-color: var(--global--color-text-selection); } /** * Elements * - Styles for basic HTML elemants */ blockquote { margin: 0; padding: 0; } blockquote p { font-size: var(--heading--font-size-h4); letter-spacing: var(--heading--letter-spacing-h4); line-height: var(--heading--line-height); } blockquote cite, blockquote footer { color: var(--global--color-foreground-light); font-size: var(--global--font-size-xs); letter-spacing: var(--global--letter-spacing-xs); } blockquote > * { margin-top: var(--global--spacing-unit); margin-bottom: var(--global--spacing-unit); } blockquote > *:first-child { margin-top: 0; } blockquote > *:last-child { margin-bottom: 0; } blockquote.alignleft, blockquote.alignright { padding-right: inherit; } blockquote.alignleft p, blockquote.alignright p { font-size: var(--heading--font-size-h5); max-width: inherit; width: inherit; } blockquote.alignleft cite, blockquote.alignleft footer, blockquote.alignright cite, blockquote.alignright footer { font-size: var(--global--font-size-xs); letter-spacing: var(--global--letter-spacing-xs); } 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 { border: var(--form--border-width) solid var(--form--border-color); border-radius: var(--form--border-radius); color: var(--form--color-text); line-height: var(--global--line-height-body); padding: var(--form--spacing-unit); } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus { color: var(--form--color-text); border-color: var(--form--border-color); } select { border: var(--form--border-width) solid var(--form--border-color); } textarea { width: 100%; } input[type=checkbox] + label { display: inline; margin-right: 0.5em; line-height: 1em; } /* Media captions */ figcaption, .wp-caption, .wp-caption-text { color: var(--global--color-foreground-light); font-size: var(--global--font-size-xs); line-height: var(--global--font-line-height-xs); margin-top: calc(0.5 * var(--global--spacing-unit)); margin-bottom: var(--global--spacing-unit); text-align: center; } .alignleft figcaption, .alignright figcaption, .alignleft .wp-caption, .alignright .wp-caption, .alignleft .wp-caption-text, .alignright .wp-caption-text { 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; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object { max-width: 100%; } .wp-block-audio { min-width: inherit; } .wp-block-audio.alignleft, .wp-block-audio.alignright { min-width: 300px; } .wp-block-newspack-blocks-homepage-articles.image-aligntop .post-thumbnail { margin-bottom: calc(0.5 * var(--global--spacing-vertical)); } .wp-block-newspack-blocks-homepage-articles.image-alignleft .post-thumbnail { margin-left: var(--global--spacing-vertical); } .wp-block-newspack-blocks-homepage-articles.image-alignright .post-thumbnail { margin-right: var(--global--spacing-vertical); } .wp-block-newspack-blocks-homepage-articles.image-alignbehind .post-has-image .entry-wrapper { padding: var(--global--spacing-vertical); } .wp-block-newspack-blocks-homepage-articles.is-grid article { margin-top: 0; margin-bottom: var(--global--spacing-vertical); } @media only screen and (min-width: 482px) { .wp-block-newspack-blocks-homepage-articles.is-grid article { margin-bottom: calc(3 * var(--global--spacing-vertical)); } } .wp-block-newspack-blocks-homepage-articles .article-section-title { font-size: var(--global--font-size-base); margin-bottom: calc(0.5 * var(--global--spacing-vertical)); } .wp-block-newspack-blocks-homepage-articles .article-section-title + article { margin-top: 0; } .wp-block-newspack-blocks-homepage-articles article { display: block; /* Vertical margins logic between posts */ margin-top: calc(2 * var(--global--spacing-vertical)); margin-bottom: calc(2 * var(--global--spacing-vertical)); } @media only screen and (min-width: 482px) { .wp-block-newspack-blocks-homepage-articles article { margin-top: calc(3 * var(--global--spacing-vertical)); margin-bottom: calc(3 * var(--global--spacing-vertical)); } } .wp-block-newspack-blocks-homepage-articles article:first-child { margin-top: 0; } .wp-block-newspack-blocks-homepage-articles article:last-child { margin-bottom: calc(3 * var(--global--spacing-vertical)); } .wp-block-newspack-blocks-homepage-articles article .post-thumbnail img { width: auto; } .wp-block-newspack-blocks-homepage-articles article .entry-wrapper > * { /* Vertical margins logic between post details */ margin-top: var(--global--spacing-unit); margin-bottom: var(--global--spacing-unit); } .wp-block-newspack-blocks-homepage-articles article .entry-wrapper > *:first-child { margin-top: 0; } .wp-block-newspack-blocks-homepage-articles article .entry-wrapper > *:last-child { margin-bottom: 0; } .wp-block-newspack-blocks-homepage-articles article .entry-title a { color: var(--global--color-primary); } .has-background:not(.has-background-background-color) .wp-block-newspack-blocks-homepage-articles article .entry-title a, [class*="background-color"]:not(.has-background-background-color) .wp-block-newspack-blocks-homepage-articles article .entry-title a, [style*="background-color"] .wp-block-newspack-blocks-homepage-articles article .entry-title a { color: currentColor; } .wp-block-newspack-blocks-homepage-articles article .entry-title a:hover, .wp-block-newspack-blocks-homepage-articles article .entry-title a:focus { color: var(--global--color-primary-hover); text-decoration: underline; } .has-background:not(.has-background-background-color) .wp-block-newspack-blocks-homepage-articles article .entry-title a:hover, [class*="background-color"]:not(.has-background-background-color) .wp-block-newspack-blocks-homepage-articles article .entry-title a:hover, [style*="background-color"] .wp-block-newspack-blocks-homepage-articles article .entry-title a:hover, .has-background:not(.has-background-background-color) .wp-block-newspack-blocks-homepage-articles article .entry-title a:focus, [class*="background-color"]:not(.has-background-background-color) .wp-block-newspack-blocks-homepage-articles article .entry-title a:focus, [style*="background-color"] .wp-block-newspack-blocks-homepage-articles article .entry-title a:focus { color: currentColor; } .wp-block-newspack-blocks-homepage-articles article .entry-title a:active { color: var(--global--color-primary); } @media only screen and (min-width: 482px) { .wp-block-newspack-blocks-homepage-articles article .more-link { margin-top: var(--global--spacing-unit); } } .wp-block-newspack-blocks-homepage-articles article .entry-meta, .wp-block-newspack-blocks-homepage-articles article .cat-links { color: var(--global--color-foreground-light); font-size: var(--global--font-size-sm); } .has-background:not(.has-background-background-color) .wp-block-newspack-blocks-homepage-articles article .entry-meta, [class*="background-color"]:not(.has-background-background-color) .wp-block-newspack-blocks-homepage-articles article .entry-meta, [style*="background-color"] .wp-block-newspack-blocks-homepage-articles article .entry-meta, .has-background:not(.has-background-background-color) .wp-block-newspack-blocks-homepage-articles article .cat-links, [class*="background-color"]:not(.has-background-background-color) .wp-block-newspack-blocks-homepage-articles article .cat-links, [style*="background-color"] .wp-block-newspack-blocks-homepage-articles article .cat-links { color: currentColor; } .wp-block-newspack-blocks-homepage-articles article .entry-meta > span > *, .wp-block-newspack-blocks-homepage-articles article .cat-links > span > * { vertical-align: top; } .wp-block-newspack-blocks-homepage-articles article .entry-meta .byline:not(:last-child), .wp-block-newspack-blocks-homepage-articles article .cat-links .byline:not(:last-child) { margin-left: var(--global--spacing-unit); } .wp-block-newspack-blocks-homepage-articles article .entry-meta .published + .updated, .wp-block-newspack-blocks-homepage-articles article .cat-links .published + .updated { display: none; } .wp-block-newspack-blocks-homepage-articles article .entry-meta a, .wp-block-newspack-blocks-homepage-articles article .cat-links a { color: currentColor; text-decoration: underline; } .wp-block-newspack-blocks-homepage-articles article .entry-meta a:hover, .wp-block-newspack-blocks-homepage-articles article .entry-meta a:active, .wp-block-newspack-blocks-homepage-articles article .cat-links a:hover, .wp-block-newspack-blocks-homepage-articles article .cat-links a:active { color: var(--global--color-primary-hover); text-decoration: none; } .has-background:not(.has-background-background-color) .wp-block-newspack-blocks-homepage-articles article .entry-meta a:hover, [class*="background-color"]:not(.has-background-background-color) .wp-block-newspack-blocks-homepage-articles article .entry-meta a:hover, [style*="background-color"] .wp-block-newspack-blocks-homepage-articles article .entry-meta a:hover, .has-background:not(.has-background-background-color) .wp-block-newspack-blocks-homepage-articles article .entry-meta a:active, [class*="background-color"]:not(.has-background-background-color) .wp-block-newspack-blocks-homepage-articles article .entry-meta a:active, [style*="background-color"] .wp-block-newspack-blocks-homepage-articles article .entry-meta a:active, .has-background:not(.has-background-background-color) .wp-block-newspack-blocks-homepage-articles article .cat-links a:hover, [class*="background-color"]:not(.has-background-background-color) .wp-block-newspack-blocks-homepage-articles article .cat-links a:hover, [style*="background-color"] .wp-block-newspack-blocks-homepage-articles article .cat-links a:hover, .has-background:not(.has-background-background-color) .wp-block-newspack-blocks-homepage-articles article .cat-links a:active, [class*="background-color"]:not(.has-background-background-color) .wp-block-newspack-blocks-homepage-articles article .cat-links a:active, [style*="background-color"] .wp-block-newspack-blocks-homepage-articles article .cat-links a:active { color: currentColor; } button[data-load-more-btn], .button, button, input[type="submit"], .wp-block-button__link, .wp-block-file .wp-block-file__button, .a8c-posts-list__view-all { line-height: var(--button--line-height); color: var(--button--color-text); cursor: pointer; font-weight: var(--button--font-weight); font-family: var(--button--font-family); font-size: var(--button--font-size); background-color: var(--button--color-background); border-radius: var(--button--border-radius); border-width: 0; text-decoration: none; padding: var(--button--padding-vertical) var(--button--padding-horizontal); } button[data-load-more-btn]:before, .button:before, button:before, input[type="submit"]:before, .wp-block-button__link:before, .wp-block-file .wp-block-file__button:before, .a8c-posts-list__view-all:before, button[data-load-more-btn]:after, .button:after, button:after, input[type="submit"]:after, .wp-block-button__link:after, .wp-block-file .wp-block-file__button:after, .a8c-posts-list__view-all:after { content: ''; display: block; height: 0; width: 0; } button[data-load-more-btn]:before, .button:before, button:before, input[type="submit"]:before, .wp-block-button__link:before, .wp-block-file .wp-block-file__button:before, .a8c-posts-list__view-all:before { margin-bottom: -calc(.5em * var(--button--line-height) + -.38); } button[data-load-more-btn]:after, .button:after, button:after, input[type="submit"]:after, .wp-block-button__link:after, .wp-block-file .wp-block-file__button:after, .a8c-posts-list__view-all:after { margin-top: -calc(.5em * var(--button--line-height) + -.39); } .button:active, button:active, input:active[type="submit"], .wp-block-button__link:active, .wp-block-file .wp-block-file__button:active, .a8c-posts-list__view-all:active { color: var(--button--color-text-active); background-color: var(--button--color-background-active); } .button:hover, button:hover, input:hover[type="submit"], .wp-block-button__link:hover, .wp-block-file .wp-block-file__button:hover, .a8c-posts-list__view-all:hover, .button:focus, button:focus, input:focus[type="submit"], .wp-block-button__link:focus, .wp-block-file .wp-block-file__button:focus, .a8c-posts-list__view-all:focus, .has-focus.button, button.has-focus, input.has-focus[type="submit"], .has-focus.wp-block-button__link, .wp-block-file .has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all { color: var(--button--color-text-hover); background-color: var(--button--color-background-hover); } button[data-load-more-btn], .button { display: inline-block; } .has-background:not(.has-background-background-color) button[data-load-more-btn], [class*="background-color"]:not(.has-background-background-color) button[data-load-more-btn], [style*="background-color"] button[data-load-more-btn], .has-background:not(.has-background-background-color) .button, [class*="background-color"]:not(.has-background-background-color) .button, [style*="background-color"] .button { background-color: transparent; border: var(--button--border-width, 2px) solid currentColor; color: currentColor; } /** * Button */ /** * Block Options */ .wp-block-button { font-family: var(--button--font-family); font-size: var(--button--font-size); font-weight: var(--button--font-weight); line-height: var(--button--line-height); } .wp-block-button.is-style-outline { border: none; } .wp-block-button.is-style-outline.wp-block-button__link, .wp-block-button.is-style-outline .wp-block-button__link { color: var(--button--color-background); background: transparent; border: var(--button--border-width) solid currentcolor; padding: var(--button--padding-vertical) var(--button--padding-horizontal); } .wp-block-button.is-style-outline.wp-block-button__link:active, .wp-block-button.is-style-outline .wp-block-button__link:active { color: var(--button--color-background); } .wp-block-button.is-style-outline.wp-block-button__link:hover, .wp-block-button.is-style-outline.wp-block-button__link:focus, .wp-block-button.is-style-outline.wp-block-button__link.has-focus, .wp-block-button.is-style-outline .wp-block-button__link:hover, .wp-block-button.is-style-outline .wp-block-button__link:focus, .wp-block-button.is-style-outline .wp-block-button__link.has-focus { color: var(--button--color-background-hover); } .wp-block-button.is-style-squared .wp-block-button__link { border-radius: 0; } .wp-block-code { color: var(--global--color-foreground); font-size: var(--global--font-size-sm); padding: var(--global--spacing-unit); border-color: var(--global--color-border); } .wp-block-code pre { color: var(--global--color-foreground); } .wp-block-columns { /** * Block Options */ } .wp-block-columns .wp-block-column > * { margin-top: calc(0.66 * var(--global--spacing-vertical)); margin-bottom: calc(0.66 * var(--global--spacing-vertical)); } @media only screen and (min-width: 482px) { .wp-block-columns .wp-block-column > * { margin-top: var(--global--spacing-vertical); margin-bottom: var(--global--spacing-vertical); } } .wp-block-columns .wp-block-column > *:first-child { margin-top: 0; } .wp-block-columns .wp-block-column > *:last-child { margin-bottom: 0; } .wp-block-columns .wp-block-column:last-child { margin-bottom: 0; } .wp-block-columns .wp-block-column:not(:last-child) { margin-bottom: calc(0.66 * var(--global--spacing-vertical)); } @media only screen and (min-width: 482px) { .wp-block-columns .wp-block-column:not(:last-child) { margin-bottom: var(--global--spacing-vertical); } } @media only screen and (min-width: 652px) { .wp-block-columns .wp-block-column:not(:last-child) { /* Resetting margins to match _block-container.scss */ margin-bottom: 0; } } .wp-block-columns.alignfull { padding-right: var(--global--spacing-unit); padding-left: var(--global--spacing-unit); } .wp-block-cover, .wp-block-cover-image { background-color: var(--cover--color-foreground); min-height: var(--cover--height); margin-top: inherit; margin-bottom: inherit; /* default & custom background-color */ /* Treating H2 separately to account for legacy /core styles */ } .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, .wp-block-cover .wp-block-cover-image-text a, .wp-block-cover .wp-block-cover-text a, .wp-block-cover-image .wp-block-cover__inner-container a, .wp-block-cover-image .wp-block-cover-image-text a, .wp-block-cover-image .wp-block-cover-text a { color: currentColor; } .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-background); } .wp-block-cover h2, .wp-block-cover-image h2 { font-size: var(--heading--font-size-h2); letter-spacing: var(--heading--letter-spacing-h2); line-height: var(--heading--line-height); 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: right; } .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: left; } .wp-block-cover .wp-block-cover__inner-container, .wp-block-cover-image .wp-block-cover__inner-container { width: calc(100% - calc( 2 * var(--global--spacing-vertical))); } .wp-block-cover .wp-block-cover__inner-container > *, .wp-block-cover-image .wp-block-cover__inner-container > * { margin-top: calc( 0.666 * var(--global--spacing-vertical)); margin-bottom: calc( 0.666 * var(--global--spacing-vertical)); } @media only screen and (min-width: 482px) { .wp-block-cover .wp-block-cover__inner-container > *, .wp-block-cover-image .wp-block-cover__inner-container > * { margin-top: var(--global--spacing-vertical); margin-bottom: var(--global--spacing-vertical); } } .wp-block-cover .wp-block-cover__inner-container > *:first-child, .wp-block-cover-image .wp-block-cover__inner-container > *:first-child { margin-top: 0; } .wp-block-cover .wp-block-cover__inner-container > *:last-child, .wp-block-cover-image .wp-block-cover__inner-container > *:last-child { margin-bottom: 0; } .wp-block-cover.alignleft, .wp-block-cover.alignright, .wp-block-cover-image.alignleft, .wp-block-cover-image.alignright { margin-top: 0; } .wp-block-cover.alignleft > *, .wp-block-cover.alignright > *, .wp-block-cover-image.alignleft > *, .wp-block-cover-image.alignright > * { margin-top: calc(2 * var(--global--spacing-vertical)); margin-bottom: calc(2 * var(--global--spacing-vertical)); padding-right: var(--global--spacing-horizontal); padding-left: var(--global--spacing-horizontal); width: 100%; } .wp-block-cover.has-left-content, .wp-block-cover.has-right-content, .wp-block-cover-image.has-left-content, .wp-block-cover-image.has-right-content { justify-content: center; } .wp-block-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, .wp-block-file a.wp-block-file__button:visited { color: var(--button--color-text-hover); opacity: inherit; } .wp-block-file .wp-block-file__button { display: inline-block; padding: calc(0.5 * var(--button--padding-vertical)) calc(0.5 * var(--button--padding-horizontal)); } .wp-block-gallery { margin: 0; } .wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption { margin: 0; color: var(--global--color-white); font: var(--global--font-size-sm); } .wp-block-gallery .blocks-gallery-image, .wp-block-gallery .blocks-gallery-item { width: calc( (100% - var(--global--spacing-unit)) / 2); } .wp-block-gallery.alignleft, .wp-block-gallery.alignright { max-width: 50%; } .wp-block-group .wp-block-group__inner-container { margin-right: auto; margin-left: auto; padding-right: var(--global--spacing-horizontal); padding-left: var(--global--spacing-horizontal); } .wp-block-group .wp-block-group__inner-container > * { margin-top: calc( 0.666 * var(--global--spacing-vertical)); margin-bottom: calc( 0.666 * var(--global--spacing-vertical)); } @media only screen and (min-width: 482px) { .wp-block-group .wp-block-group__inner-container > * { margin-top: var(--global--spacing-vertical); margin-bottom: var(--global--spacing-vertical); } } .wp-block-group .wp-block-group__inner-container > *:first-child { margin-top: 0; } .wp-block-group .wp-block-group__inner-container > *:last-child { margin-bottom: 0; } .wp-block-group.has-background { padding: calc( 0.666 * var(--global--spacing-vertical)); } @media only screen and (min-width: 482px) { .wp-block-group.has-background { padding: var(--global--spacing-vertical); } } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { clear: both; font-family: var(--heading--font-family); font-weight: var(--heading--font-weight); } h1 strong, .h1 strong, h2 strong, .h2 strong, h3 strong, .h3 strong, h4 strong, .h4 strong, h5 strong, .h5 strong, h6 strong, .h6 strong { font-weight: var(--heading--font-weight-strong); } h1, .h1 { font-size: var(--heading--font-size-h1); letter-spacing: var(--heading--letter-spacing-h1); line-height: var(--heading--line-height-h1); } h2, .h2 { font-size: var(--heading--font-size-h2); letter-spacing: var(--heading--letter-spacing-h2); line-height: var(--heading--line-height-h2); } h3, .h3 { font-size: var(--heading--font-size-h3); letter-spacing: var(--heading--letter-spacing-h3); line-height: var(--heading--line-height-h3); } h4, .h4 { font-size: var(--heading--font-size-h4); letter-spacing: var(--heading--letter-spacing-h4); line-height: var(--heading--line-height-h4); } h5, .h5 { font-size: var(--heading--font-size-h5); letter-spacing: var(--heading--letter-spacing-h5); line-height: var(--heading--line-height-h5); } h6, .h6 { font-size: var(--heading--font-size-h6); letter-spacing: var(--heading--letter-spacing-h6); line-height: var(--heading--line-height-h6); } .wp-block-image { text-align: center; } .wp-block-image figcaption { color: var(--global--color-foreground-light); font-size: var(--global--font-size-xs); line-height: var(--global--line-height-xs); margin-top: calc(0.5 * var(--global--spacing-unit)); margin-bottom: var(--global--spacing-unit); text-align: center; } .wp-block-image .alignright { margin-right: var(--global--spacing-horizontal); } .wp-block-image .alignleft { margin-left: var(--global--spacing-horizontal); } .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; } img { height: auto; max-width: 100%; vertical-align: middle; } .wp-block-latest-comments { margin-right: 0; } .wp-block-latest-comments .wp-block-latest-comments__comment { font-size: var(--global--font-size-sm); line-height: var(--global--line-height-body); /* Vertical margins logic */ margin-top: var(--global--spacing-vertical); margin-bottom: var(--global--spacing-vertical); } .wp-block-latest-comments .wp-block-latest-comments__comment:first-child { margin-top: 0; } .wp-block-latest-comments .wp-block-latest-comments__comment:last-child { margin-bottom: 0; } .wp-block-latest-comments .wp-block-latest-comments__comment-meta { font-family: var(--heading--font-family); } .wp-block-latest-comments .wp-block-latest-comments__comment-date { color: var(--global--color-foreground-light); font-size: var(--global--font-size-sm); } .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p { font-size: var(--global--font-size-sm); line-height: var(--global--line-height-body); margin: 0; } .wp-block-latest-posts { padding-right: 0; } .wp-block-latest-posts:not(.is-grid) > li { margin-top: var(--global--spacing-vertical); margin-bottom: var(--global--spacing-vertical); } .wp-block-latest-posts:not(.is-grid) > li:first-child { margin-top: 0; } .wp-block-latest-posts:not(.is-grid) > li:last-child { margin-bottom: 0; } .wp-block-latest-posts.is-grid > li { margin-bottom: var(--global--spacing-vertical); } .wp-block-latest-posts.is-grid > li:last-child { margin-bottom: 0; } .wp-block-latest-posts.is-grid.columns-2 > li:nth-last-child(-n + 2):nth-child(2n + 1), .wp-block-latest-posts.is-grid.columns-2 > li:nth-last-child(-n + 2):nth-child(2n + 1) ~ li, .wp-block-latest-posts.is-grid.columns-3 > li:nth-last-child(-n + 3):nth-child(3n + 1), .wp-block-latest-posts.is-grid.columns-3 > li:nth-last-child(-n + 3):nth-child(3n + 1) ~ li, .wp-block-latest-posts.is-grid.columns-4 > li:nth-last-child(-n + 4):nth-child(4n + 1), .wp-block-latest-posts.is-grid.columns-4 > li:nth-last-child(-n + 4):nth-child(4n + 1) ~ li, .wp-block-latest-posts.is-grid.columns-5 > li:nth-last-child(-n + 5):nth-child(5n + 1), .wp-block-latest-posts.is-grid.columns-5 > li:nth-last-child(-n + 5):nth-child(5n + 1) ~ li, .wp-block-latest-posts.is-grid.columns-6 > li:nth-last-child(-n + 6):nth-child(6n + 1), .wp-block-latest-posts.is-grid.columns-6 > li:nth-last-child(-n + 6):nth-child(6n + 1) ~ li { margin-bottom: 0; } .wp-block-latest-posts > li > * { margin-top: calc(0.5 * var(--global--spacing-vertical)); margin-bottom: calc(0.5 * var(--global--spacing-vertical)); } .wp-block-latest-posts > li > *:first-child { margin-top: 0; } .wp-block-latest-posts > li > *:last-child { margin-bottom: 0; } .wp-block-latest-posts > li > a { font-family: var(--latest-posts--title-font-family); font-size: var(--latest-posts--title-font-size); font-weight: var(--heading--font-weight); line-height: var(--global--line-height-heading); } .wp-block-latest-posts .wp-block-latest-posts__post-date { color: var(--global--color-foreground-light); font-size: var(--global--font-size-sm); line-height: var(--global--line-height-body); } .entry-content [class*="inner-container"] .wp-block-latest-posts .wp-block-latest-posts__post-date, .entry-content .has-background .wp-block-latest-posts .wp-block-latest-posts__post-date { color: currentColor; } .wp-block-latest-posts .wp-block-latest-posts__post-excerpt, .wp-block-latest-posts .wp-block-latest-posts__post-full-content { font-family: var(--latest-posts--description-font-family); font-size: var(--latest-posts--description-font-size); line-height: var(--global--line-height-body); } .wp-block-latest-posts.alignfull { padding-right: var(--global--spacing-unit); padding-left: var(--global--spacing-unit); } .entry-content [class*="inner-container"] .wp-block-latest-posts.alignfull, .entry-content .has-background .wp-block-latest-posts.alignfull { padding-right: 0; padding-left: 0; } .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; } .gallery-item a { display: block; } .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; } ul, ol { font-family: var(--list--font-family); margin: 0; padding-right: calc(2 * var(--global--spacing-horizontal)); } ul.aligncenter, ol.aligncenter { list-style-position: inside; padding: 0; } ul.alignright, ol.alignright { list-style-position: inside; text-align: left; padding: 0; } ul { list-style-type: disc; } ol { list-style-type: decimal; } dt { font-family: var(--definition-term--font-family); font-weight: bold; } dd { margin: 0; padding-right: calc(2 * var(--global--spacing-horizontal)); } .wp-block-media-text { /** * Block Options */ } .wp-block-media-text .wp-block-media-text__content { padding: var(--global--spacing-horizontal); } @media only screen and (min-width: 592px) { .wp-block-media-text .wp-block-media-text__content { padding: var(--global--spacing-vertical); } } .wp-block-media-text .wp-block-media-text__content > * { margin-top: calc( 0.666 * var(--global--spacing-vertical)); margin-bottom: calc( 0.666 * var(--global--spacing-vertical)); } @media only screen and (min-width: 482px) { .wp-block-media-text .wp-block-media-text__content > * { margin-top: var(--global--spacing-vertical); margin-bottom: var(--global--spacing-vertical); } } .wp-block-media-text .wp-block-media-text__content > *:first-child { margin-top: 0; } .wp-block-media-text .wp-block-media-text__content > *:last-child { margin-bottom: 0; } .wp-block-media-text[class*="background-color"]:not(.has-background-background-color) .wp-block-media-text__content a, .wp-block-media-text[style*="background-color"] .wp-block-media-text__content a { color: currentColor; } @media only screen and (min-width: 482px) { .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content { padding-top: var(--global--spacing-vertical); padding-bottom: var(--global--spacing-vertical); } } .wp-block-navigation .wp-block-navigation-link { padding: 0; } .wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__content { padding: var(--primary-nav--padding); } .wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__label { font-family: var(--primary-nav--font-family); font-size: var(--primary-nav--font-size); font-weight: var(--primary-nav--font-weight); } .wp-block-navigation .wp-block-navigation-link__submenu-icon { padding: 0; } .wp-block-navigation > .wp-block-navigation__container .has-child .wp-block-navigation-link { display: inherit; } .wp-block-navigation > .wp-block-navigation__container .has-child .wp-block-navigation__container { border: none; right: 0; margin-right: var(--primary-nav--padding); min-width: max-content; opacity: 0; padding: 0; position: inherit; top: inherit; } .wp-block-navigation > .wp-block-navigation__container .has-child .wp-block-navigation__container .wp-block-navigation-link .wp-block-navigation-link__content { display: inline-block; padding: calc( 0.5 * var(--primary-nav--padding)) var(--primary-nav--padding); } .wp-block-navigation > .wp-block-navigation__container .has-child .wp-block-navigation__container .wp-block-navigation-link__submenu-icon { display: none; } .wp-block-navigation > .wp-block-navigation__container .has-child:hover .wp-block-navigation__container, .wp-block-navigation > .wp-block-navigation__container .has-child:focus-within .wp-block-navigation__container { display: block; opacity: 1; visibility: visible; } .wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container { background: var(--global--color-background); box-shadow: var(--global--elevation); margin: 0; padding: 0; position: absolute; top: 100%; } .wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:hover, .wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:focus { color: var(--primary-nav--color-link-hover); } .wp-block-navigation:not(.has-text-color) .wp-block-navigation-link__content { color: currentColor; } p { line-height: var(--wp--typography--line-height, --global--line-height-body); } p.has-background { padding: var(--global--spacing-unit); } .a8c-posts-list__listing { list-style: none; margin: 0; padding: 0; } .a8c-posts-list__listing:not(:last-child) { margin-bottom: calc(3 * var(--global--spacing-vertical)); } .a8c-posts-list-item__featured span { color: var(--global--color-background); background-color: var(--global--color-primary); font-family: var(--global--font-primary); font-weight: bold; font-size: var(--global--font-size-sm); line-height: 1; padding: calc(0.5 * var(--global--spacing-unit)) calc(0.66 * var(--global--spacing-unit)); } .a8c-posts-list__item { display: block; /* Vertical margins logic between posts */ margin-top: calc(3 * var(--global--spacing-vertical)); margin-bottom: calc(3 * var(--global--spacing-vertical)); } .a8c-posts-list__item:first-child { margin-top: 0; } .a8c-posts-list__item:last-child { margin-bottom: 0; } .a8c-posts-list__item .entry > * { /* Vertical margins logic between post details */ margin-top: var(--global--spacing-unit); margin-bottom: var(--global--spacing-unit); } .a8c-posts-list__item .entry > *:first-child { margin-top: 0; } .a8c-posts-list__item .entry > *:last-child { margin-bottom: 0; } .a8c-posts-list__item .a8c-posts-list-item__meta { color: var(--global--color-foreground-light); font-size: var(--global--font-size-sm); } .a8c-posts-list__item .a8c-posts-list-item__meta a { color: currentColor; } .a8c-posts-list__item .a8c-posts-list-item__meta a:hover, .a8c-posts-list__item .a8c-posts-list-item__meta a:active { color: var(--global--color-primary-hover); } .a8c-posts-list__item .a8c-posts-list-item__edit-link { margin-right: var(--global--spacing-unit); } .a8c-posts-list__view-all { display: inline-block; } .wp-block-pullquote { padding: calc( 2 * var(--global--spacing-unit)) 0; margin-right: 0; margin-left: 0; text-align: right; border-top-color: var(--pullquote--border-color); border-top-width: var(--pullquote--border-width); border-bottom-color: var(--pullquote--border-color); border-bottom-width: var(--pullquote--border-width); color: var(--pullquote--color-foreground); /** * Block Options */ } .wp-block-pullquote p { font-family: var(--pullquote--font-family); font-size: var(--pullquote--font-size); font-style: var(--pullquote--font-style); letter-spacing: var(--pullquote--letter-spacing); line-height: var(--pullquote--line-height); margin: 0; } .wp-block-pullquote a { color: currentColor; } .wp-block-pullquote .wp-block-pullquote__citation, .wp-block-pullquote cite, .wp-block-pullquote footer { color: currentColor; display: block; font-size: var(--global--font-size-xs); text-transform: none; } .wp-block-pullquote:not(.is-style-solid-color) { background: none; } .wp-block-pullquote.is-style-large { border-right-color: var(--quote--border-color); border-right-style: solid; border-right-width: var(--quote--border-width); font-style: normal; } .wp-block-pullquote.alignwide > p, .wp-block-pullquote.alignwide blockquote { max-width: var(--responsive--alignwide-width); } .wp-block-pullquote.alignfull:not(.is-style-solid-color) > p, .wp-block-pullquote.alignfull:not(.is-style-solid-color) blockquote { padding: 0 calc( 2 * var(--global--spacing-unit)); } .wp-block-pullquote.is-style-solid-color { background-color: var(--pullquote--color-foreground); color: var(--pullquote--color-background); padding: calc( 2 * var(--global--spacing-unit)); } .wp-block-pullquote.is-style-solid-color blockquote { max-width: inherit; } .wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation, .wp-block-pullquote.is-style-solid-color cite, .wp-block-pullquote.is-style-solid-color footer { color: currentColor; } .wp-block-quote { border-right: var(--quote--border-width) solid var(--quote--border-color); margin: var(--global--spacing-vertical) 0; padding-right: var(--global--spacing-horizontal); /** * Block Options */ } .wp-block-quote > * { margin-top: var(--global--spacing-unit); margin-bottom: var(--global--spacing-unit); } .wp-block-quote > *:first-child { margin-top: 0; } .wp-block-quote > *:last-child { margin-bottom: 0; } .wp-block-quote p { font-family: var(--quote--font-family); font-size: var(--quote--font-size); font-style: var(--quote--font-style); line-height: var(--quote--line-height); } .wp-block-quote .wp-block-quote__citation, .wp-block-quote cite, .wp-block-quote footer { color: var(--global--color-foreground-light); font-size: var(--global--font-size-xs); } .has-background:not(.has-background-background-color) .wp-block-quote .wp-block-quote__citation, [class*="background-color"]:not(.has-background-background-color) .wp-block-quote .wp-block-quote__citation, [style*="background-color"] .wp-block-quote .wp-block-quote__citation, .wp-block-cover[style*="background-image"] .wp-block-quote .wp-block-quote__citation, .has-background:not(.has-background-background-color) .wp-block-quote cite, [class*="background-color"]:not(.has-background-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:not(.has-background-background-color) .wp-block-quote footer, [class*="background-color"]:not(.has-background-background-color) .wp-block-quote footer, [style*="background-color"] .wp-block-quote footer, .wp-block-cover[style*="background-image"] .wp-block-quote footer { color: currentColor; } .wp-block-quote.has-text-align-right { border-right: none; border-left: var(--quote--border-width) solid var(--quote--border-color); padding-right: 0; padding-left: var(--global--spacing-horizontal); } .wp-block-quote.has-text-align-center { border: none; } .wp-block-quote.is-style-large, .wp-block-quote.is-large { /* Resetting margins to match _block-container.scss */ margin-top: var(--global--spacing-vertical); margin-bottom: var(--global--spacing-vertical); padding-right: var(--global--spacing-horizontal); } .wp-block-quote.is-style-large.has-text-align-right, .wp-block-quote.is-large.has-text-align-right { padding-right: 0; padding-left: var(--global--spacing-horizontal); } .wp-block-quote.is-style-large.has-text-align-center, .wp-block-quote.is-large.has-text-align-center { padding: 0 var(--global--spacing-horizontal); } .wp-block-quote.is-style-large p, .wp-block-quote.is-large p { font-size: var(--quote--font-size-large); font-style: var(--quote--font-style-large); line-height: var(--quote--line-height-large); } .wp-block-quote.is-style-large .wp-block-quote__citation, .wp-block-quote.is-style-large cite, .wp-block-quote.is-style-large footer, .wp-block-quote.is-large .wp-block-quote__citation, .wp-block-quote.is-large cite, .wp-block-quote.is-large footer { color: var(--global--color-foreground-light); font-size: var(--global--font-size-xs); } .has-background:not(.has-background-background-color) .wp-block-quote, [class*="background-color"]:not(.has-background-background-color) .wp-block-quote, [style*="background-color"] .wp-block-quote, .wp-block-cover[style*="background-image"] .wp-block-quote { border-color: currentColor; } .wp-block-search { display: flex; max-width: var(--responsive--aligndefault-width); } .wp-block-search .wp-block-search__label { font-weight: normal; } .wp-block-search .wp-block-search__input { border: var(--form--border-width) solid var(--form--border-color); border-radius: var(--form--border-radius); color: var(--form--color-text); line-height: var(--global--line-height-body); max-width: inherit; margin-left: calc( .66 * var(--global--spacing-horizontal)); padding: var(--form--spacing-unit); } .wp-block-search .wp-block-search__input:focus { color: var(--form--color-text); border-color: var(--form--border-color); } hr { border-style: none; border-bottom: var(--separator--height) solid var(--separator--border-color); clear: both; margin-right: auto; margin-left: auto; } hr.wp-block-separator { border-bottom: var(--separator--height) solid var(--separator--border-color); /** * Block Options */ } hr.wp-block-separator:not(.is-style-wide):not(.is-style-dots) { max-width: var(--separator--width); } hr.wp-block-separator.is-style-dots.has-background, hr.wp-block-separator.is-style-dots.has-text-color { background-color: transparent !important; } hr.wp-block-separator.is-style-dots.has-background:before, hr.wp-block-separator.is-style-dots.has-text-color:before { color: currentColor !important; } hr.wp-block-separator.is-style-dots:before { color: var(--separator--border-color); font-size: var(--global--font-size-xl); letter-spacing: var(--global--font-size-sm); padding-right: var(--global--font-size-sm); } .has-background:not(.has-background-background-color) hr.wp-block-separator, [class*="background-color"]:not(.has-background-background-color) hr.wp-block-separator, [style*="background-color"] hr.wp-block-separator, .wp-block-cover[style*="background-image"] hr.wp-block-separator { border-color: currentColor; } .wp-block-jetpack-slideshow ul { margin-right: 0; margin-left: 0; } .wp-block-spacer { display: block; margin-bottom: 0 !important; margin-top: 0 !important; } @media only screen and (max-width: 481px) { .wp-block-spacer[style] { height: var(--global--spacing-unit) !important; } } .jetpack_subscription_widget input[type="text"] { padding: var(--elements--form-padding) !important; width: 100% !important; } table, .wp-block-table { width: 100%; min-width: 240px; border-collapse: collapse; } table th, .wp-block-table th { font-family: var(--heading--font-family); } table td, table th, .wp-block-table td, .wp-block-table th { padding: calc( 0.5 * var(--global--spacing-unit)); border: 1px solid; word-break: break-all; } .wp-block-verse { font-family: var(--entry-content--font-family); } .wp-block-video figcaption { color: var(--global--color-foreground-light); font-size: var(--global--font-size-xs); margin-top: calc(0.5 * var(--global--spacing-unit)); margin-bottom: var(--global--spacing-unit); text-align: center; } * > figure > video { max-width: unset; width: 100%; vertical-align: middle; } /* Block Alignments */ /** * .alignleft */ .alignleft { text-align: left; float: left; margin-top: 0; margin-right: var(--global--spacing-horizontal); margin-bottom: var(--global--spacing-vertical); } /** * .aligncenter */ .aligncenter { clear: both; display: block; float: none; margin-left: auto; margin-right: auto; text-align: center; } /** * .alignright */ .alignright { float: right; margin-top: 0; margin-bottom: var(--global--spacing-vertical); margin-left: var(--global--spacing-horizontal); } .entry-content * > .alignleft + *, .entry-content * > .alignright + * { margin-top: 0; } /** * .aligndefault */ /** * .alignwide */ .alignwide { clear: both; } /** * .alignfull */ .alignfull { clear: both; } .has-left-content { justify-content: flex-start; } .has-right-content { justify-content: flex-end; } .has-parallax { background-attachment: fixed; } .has-primary-color[class] { color: var(--global--color-primary) !important; } .has-secondary-color[class] { color: var(--global--color-secondary) !important; } .has-foreground-color[class] { color: var(--global--color-foreground) !important; } .has-foreground-light-color[class] { color: var(--global--color-foreground-light) !important; } .has-foreground-dark-color[class] { color: var(--global--color-foreground-dark) !important; } .has-tertiary-color[class] { color: var(--global--color-tertiary) !important; } .has-background-dark-color[class] { color: var(--global--color-background-dark) !important; } .has-background-color[class] { color: var(--global--color-background) !important; } .has-white-color[class] { color: var(--global--color-white) !important; } .has-black-color[class] { color: var(--global--color-black) !important; } .has-background:not(.has-background-background-color) 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-primary-background-color[class] { background-color: var(--global--color-primary) !important; color: var(--global--color-background); } .has-secondary-background-color[class] { background-color: var(--global--color-secondary) !important; color: var(--global--color-background); } .has-foreground-background-color[class] { background-color: var(--global--color-foreground) !important; color: var(--global--color-background); } .has-foreground-light-background-color[class] { background-color: var(--global--color-foreground-light) !important; color: var(--global--color-background); } .has-foreground-dark-background-color[class] { background-color: var(--global--color-foreground-dark) !important; color: var(--global--color-background); } .has-tertiary-background-color[class] { background-color: var(--global--color-tertiary) !important; color: var(--global--color-foreground); } .has-background-dark-background-color[class] { background-color: var(--global--color-background-dark) !important; color: var(--global--color-foreground); } .has-background-background-color[class] { background-color: var(--global--color-background) !important; color: var(--global--color-foreground); } .has-white-background-color[class] { background-color: var(--global--color-white) !important; color: var(--global--color-secondary); } .has-black-background-color[class] { background-color: var(--global--color-black) !important; color: var(--global--color-primary); } :root .is-tiny-text, :root .has-tiny-font-size { font-size: var(--global--font-size-xs); } :root .is-small-text, :root .has-small-font-size { font-size: var(--global--font-size-sm); } :root .is-regular-text, :root .has-regular-font-size, :root .has-normal-font-size, :root .has-medium-font-size { font-size: var(--global--font-size-base); } :root .is-large-text, :root .has-large-font-size { font-size: var(--global--font-size-lg); line-height: var(--global--line-height-heading); } :root .is-larger-text, :root .has-larger-font-size, :root .has-huge-font-size { font-size: var(--global--font-size-xl); line-height: var(--global--line-height-heading); } .has-drop-cap:not(:focus)::first-letter { font-family: var(--heading--font-family); font-size: calc(2 * var(--heading--font-size-h1)); font-weight: var(--heading--font-weight); line-height: 0.66; text-transform: uppercase; font-style: normal; float: right; margin: 0.1em 0 0 0.1em; } .has-drop-cap:not(:focus)::after { content: ""; display: table; clear: both; padding-top: 14px; } .desktop-only { display: none; } @media only screen and (min-width: 482px) { .desktop-only { display: block; } } /** * Spacing Overrides */ /* * Margins */ .margin-top-none { margin-top: 0 !important; } .margin-top-half { margin-top: calc(0.5 * var(--global--spacing-vertical)) !important; } .margin-top-default { margin-top: var(--global--spacing-vertical) !important; } .margin-right-none { margin-right: 0 !important; } .margin-right-half { margin-right: calc(0.5 * var(--global--spacing-vertical)) !important; } .margin-right-default { margin-right: var(--global--spacing-vertical) !important; } .margin-bottom-none { margin-bottom: 0 !important; } .margin-bottom-half { margin-bottom: calc(0.5 * var(--global--spacing-vertical)) !important; } .margin-bottom-default { margin-bottom: var(--global--spacing-vertical) !important; } .margin-left-none { margin-left: 0 !important; } .margin-left-half { margin-left: calc(0.5 * var(--global--spacing-vertical)) !important; } .margin-left-default { margin-left: var(--global--spacing-vertical) !important; } /* * Padding */ .padding-top-none { padding-top: 0 !important; } .padding-top-half { padding-top: calc(0.5 * var(--global--spacing-vertical)) !important; } .padding-top-default { padding-top: var(--global--spacing-vertical) !important; } .padding-right-none { padding-right: 0 !important; } .padding-right-half { padding-right: calc(0.5 * var(--global--spacing-vertical)) !important; } .padding-right-default { padding-right: var(--global--spacing-vertical) !important; } .padding-bottom-none { padding-bottom: 0 !important; } .padding-bottom-half { padding-bottom: calc(0.5 * var(--global--spacing-vertical)) !important; } .padding-bottom-default { padding-bottom: var(--global--spacing-vertical) !important; } .padding-left-none { padding-left: 0 !important; } .padding-left-half { padding-left: calc(0.5 * var(--global--spacing-vertical)) !important; } .padding-left-default { padding-left: var(--global--spacing-vertical) !important; } /* * Custom gradients */ .has-hard-diagonal-gradient-background { background: linear-gradient(to bottom left, var(--global--color-secondary) 49.9%, var(--global--color-tertiary) 50%); } .has-hard-diagonal-inverted-gradient-background { background: linear-gradient(to top right, var(--global--color-secondary) 49.9%, var(--global--color-tertiary) 50%); } .has-diagonal-gradient-background { background: linear-gradient(to bottom left, var(--global--color-secondary), var(--global--color-tertiary)); } .has-diagonal-inverted-gradient-background { background: linear-gradient(to top right, var(--global--color-secondary), var(--global--color-tertiary)); } .has-hard-horizontal-gradient-background { background: linear-gradient(to bottom, var(--global--color-secondary) 50%, var(--global--color-tertiary) 50%); } .has-hard-horizontal-inverted-gradient-background { background: linear-gradient(to top, var(--global--color-secondary) 50%, var(--global--color-tertiary) 50%); } .has-horizontal-gradient-background { background: linear-gradient(to bottom, var(--global--color-secondary), var(--global--color-tertiary)); } .has-horizontal-inverted-gradient-background { background: linear-gradient(to top, var(--global--color-secondary), var(--global--color-tertiary)); } .has-stripe-gradient-background { background: linear-gradient(to bottom, transparent 20%, var(--global--color-secondary) 20%, var(--global--color-secondary) 80%, transparent 80%); } /* * Components * - Similar to Blocks but exist outside of the "current" editor context */ .site-branding { color: var(--branding--color-text); text-align: center; } .site-title { color: var(--branding--color-link); font-family: var(--branding--title--font-family); font-size: var(--branding--title--font-size-mobile); letter-spacing: normal; line-height: var(--global--line-height-heading); margin-bottom: calc( var(--global--spacing-vertical) / 2); } .site-title a { background-image: linear-gradient(to left, var(--global--color-secondary) 100%, transparent 100%); background-position: 100% 1.22em; background-repeat: repeat-x; background-size: 8px 1.5px; border-bottom: none; color: currentColor; font-weight: var(--branding--title--font-weight); text-shadow: -1px 0px var(--global--color-background), 1px 0px var(--global--color-background), 2px 0px var(--global--color-background), -2px 0px var(--global--color-background), 3px 0px var(--global--color-background), -3px 0px var(--global--color-background), 4px 0px var(--global--color-background), -4px 0px var(--global--color-background), 5px 0px var(--global--color-background), -5px 0px var(--global--color-background); } .site-title a:link, .site-title a:visited, .site-title a:active { color: currentColor; } .site-title a:hover, .site-title a:focus { color: var(--branding--color-link-hover); } .site-title a::selection { text-shadow: -1px 0px var(--global--color-text-selection), 1px 0px var(--global--color-text-selection), 2px 0px var(--global--color-text-selection), -2px 0px var(--global--color-text-selection), 3px 0px var(--global--color-text-selection), -3px 0px var(--global--color-text-selection), 4px 0px var(--global--color-text-selection), -4px 0px var(--global--color-text-selection), 5px 0px var(--global--color-text-selection), -5px 0px var(--global--color-text-selection); } @media only screen and (min-width: 482px) { .site-title { font-size: var(--branding--title--font-size); } .site-title a { background-size: 8px 2px; } } .site-description { color: currentColor; font-family: var(--branding--description--font-family); font-size: var(--branding--description--font-size); } a.custom-logo-link, nav a { border-bottom: none; text-decoration: none; } .site-title > a { text-underline-width: .125em; text-decoration-color: var(--global--color-secondary); } .site-logo { margin: calc( var(--global--spacing-vertical) / 2) var(--global--spacing-horizontal); } .site-logo .custom-logo { max-width: var(--branding--logo--max-width-mobile); max-height: var(--branding--logo--max-height-mobile); height: auto; } @media only screen and (min-width: 482px) { .site-logo .custom-logo { max-width: var(--branding--logo--max-width); max-height: var(--branding--logo--max-height); height: auto; } } .primary-navigation, .woo-navigation { position: absolute; top: 0; left: 0; color: var(--primary-nav--color-text); font-size: var(--primary-nav--font-size); margin-top: 0; margin-bottom: 0; } @media only screen and (max-width: 481px) { .primary-navigation, .woo-navigation { width: 100%; } } .primary-navigation > div, .woo-navigation > div { visibility: hidden; opacity: 0; position: fixed; top: 0; left: 0; bottom: 0; right: 0; padding: calc(4* var(--global--spacing-unit)) var(--global--spacing-unit) var(--global--spacing-horizontal); background-color: var(--global--color-background); overflow-x: hidden; overflow-y: scroll; transition: all .15s ease-in-out; transform: translateY(var(--global--spacing-vertical)); } @media only screen and (max-width: 481px) { .primary-navigation > div, .woo-navigation > div { z-index: 499; } } .primary-navigation > .button, .woo-navigation > .button { position: absolute; display: inline-block; margin: 0; left: 0; top: 0; background-color: transparent; color: var(--primary-nav--color-link); } .primary-navigation > .button:hover, .woo-navigation > .button:hover { color: var(--primary-nav--color-hover); } .primary-navigation-open .primary-navigation > .primary-menu-container, .primary-navigation-open .woo-navigation > .primary-menu-container { visibility: visible; opacity: 1; transform: translateY(0); } .primary-navigation-open .primary-navigation > #toggle-menu, .primary-navigation-open .woo-navigation > #toggle-menu { z-index: 500; } .primary-navigation-open .primary-navigation > #toggle-menu .open, .primary-navigation-open .woo-navigation > #toggle-menu .open { display: none; } .primary-navigation-open .primary-navigation > #toggle-menu .close, .primary-navigation-open .woo-navigation > #toggle-menu .close { display: flex; } .primary-navigation .dropdown-icon, .woo-navigation .dropdown-icon { display: flex; align-items: center; } .primary-navigation .dropdown-icon .svg-icon, .woo-navigation .dropdown-icon .svg-icon { margin-right: calc(0.25 * var(--global--spacing-unit)); } .primary-navigation .dropdown-icon.open .svg-icon, .woo-navigation .dropdown-icon.open .svg-icon { position: relative; top: -1px; } .primary-navigation .dropdown-icon.close, .woo-navigation .dropdown-icon.close { display: none; } .lock-scrolling .primary-navigation > .button, .lock-scrolling .woo-navigation > .button { position: fixed; top: 0; left: 0; } .admin-bar .primary-navigation, .admin-bar .primary-navigation > div, .admin-bar.lock-scrolling .primary-navigation > .button, .admin-bar .woo-navigation, .admin-bar .woo-navigation > div, .admin-bar.lock-scrolling .woo-navigation > .button { top: 46px; } @media only screen and (min-width: 482px) { .primary-navigation, .woo-navigation { position: relative; display: flex; justify-content: var(--primary-nav--justify-content); margin-top: calc( var(--global--spacing-vertical) * 1.5); } .primary-navigation > div, .woo-navigation > div { visibility: visible; opacity: 1; position: relative; padding: 0; background-color: transparent; overflow: initial; transform: none; } .primary-navigation #toggle-menu, .woo-navigation #toggle-menu { display: none; } .primary-navigation > div > ul > li > ul, .woo-navigation > div > ul > li > ul { display: none; } .admin-bar .primary-navigation, .admin-bar .woo-navigation { top: initial; } .admin-bar .primary-navigation > div, .admin-bar .woo-navigation > div { top: initial; } } .primary-navigation > div > ul, .woo-navigation > div > ul { display: flex; justify-content: var(--primary-nav--justify-content); flex-wrap: wrap; list-style: none; margin: 0; max-width: none; padding-right: 0; position: relative; /* Sub-menus Flyout */ } .primary-navigation > div > ul ul, .woo-navigation > div > ul ul { padding-right: 0; } .primary-navigation > div > ul li, .woo-navigation > div > ul li { display: block; position: relative; width: 100%; z-index: 1; } .primary-navigation > div > ul li:hover, .primary-navigation > div > ul li:focus-within, .woo-navigation > div > ul li:hover, .woo-navigation > div > ul li:focus-within { cursor: pointer; z-index: 99999; } @media only screen and (min-width: 482px) { .primary-navigation > div > ul li, .woo-navigation > div > ul li { display: inherit; width: inherit; /* Submenu display */ } .primary-navigation > div > ul li:hover > ul, .primary-navigation > div > ul li:focus-within > ul, .primary-navigation > div > ul li ul:hover, .primary-navigation > div > ul li ul:focus, .woo-navigation > div > ul li:hover > ul, .woo-navigation > div > ul li:focus-within > ul, .woo-navigation > div > ul li ul:hover, .woo-navigation > div > ul li ul:focus { visibility: visible; opacity: 1; display: block; } } @media only screen and (min-width: 482px) { .primary-navigation > div > ul > li > a, .woo-navigation > div > ul > li > a { line-height: var(--global--line-height-base); } .primary-navigation > div > ul > li > a:before, .primary-navigation > div > ul > li > a:after, .woo-navigation > div > ul > li > a:before, .woo-navigation > div > ul > li > a:after { content: ''; display: block; height: 0; width: 0; } .primary-navigation > div > ul > li > a:before, .woo-navigation > div > ul > li > a:before { margin-bottom: -calc(.5em * var(--button--line-height) + -.38); } .primary-navigation > div > ul > li > a:after, .woo-navigation > div > ul > li > a:after { margin-top: -calc(.5em * var(--button--line-height) + -.39); } } .primary-navigation > div > ul > li > .sub-menu, .woo-navigation > div > ul > li > .sub-menu { position: relative; } @media only screen and (min-width: 482px) { .primary-navigation > div > ul > li > .sub-menu, .woo-navigation > div > ul > li > .sub-menu { margin: 0; background: var(--global--color-background); box-shadow: var(--global--elevation); right: 0; top: 100%; min-width: max-content; opacity: 0; position: absolute; transition: all 0.5s ease; visibility: hidden; } } .primary-navigation > div > ul > li > .sub-menu .sub-menu, .woo-navigation > div > ul > li > .sub-menu .sub-menu { width: 100%; } .primary-navigation .primary-menu > .menu-item:hover > a, .woo-navigation .primary-menu > .menu-item:hover > a { color: var(--primary-nav--color-link-hover); } .primary-navigation .menu-item > a, .woo-navigation .menu-item > a { color: var(--primary-nav--color-link); } .primary-navigation .menu-item > a:hover, .primary-navigation .menu-item > a:focus, .woo-navigation .menu-item > a:hover, .woo-navigation .menu-item > a:focus { color: var(--primary-nav--color-link-hover); } .primary-navigation .menu-item > a:active, .woo-navigation .menu-item > a:active { color: var(--primary-nav--color-link); } .primary-navigation a, .woo-navigation a { color: currentColor; display: block; font-family: var(--primary-nav--font-family-mobile); font-size: var(--primary-nav--font-size-mobile); font-weight: var(--primary-nav--font-weight); padding: calc(0.5 * var(--primary-nav--padding)) 0; } @media only screen and (min-width: 482px) { .primary-navigation a, .woo-navigation a { font-family: var(--primary-nav--font-family); font-size: var(--primary-nav--font-size); font-weight: var(--primary-nav--font-weight); padding: var(--primary-nav--padding); } } .primary-navigation a + svg, .woo-navigation a + svg { fill: currentColor; } .primary-navigation a:hover, .primary-navigation a:link, .primary-navigation a:visited, .woo-navigation a:hover, .woo-navigation a:link, .woo-navigation a:visited { color: currentColor; } .primary-navigation .sub-menu, .woo-navigation .sub-menu { list-style: none; margin-right: var(--primary-nav--padding); } .primary-navigation .sub-menu .menu-item a, .woo-navigation .sub-menu .menu-item a { font-size: var(--primary-nav--font-size-sub-menu-mobile); font-style: var(--primary-nav--font-style-sub-menu-mobile); padding-top: calc(0.5 * var(--primary-nav--padding)); padding-bottom: calc(0.5 * var(--primary-nav--padding)); } @media only screen and (min-width: 482px) { .primary-navigation .sub-menu .menu-item a, .woo-navigation .sub-menu .menu-item a { font-size: var(--primary-nav--font-size); font-style: var(--primary-nav--font-style); } } .primary-navigation .menu-item-has-children > .svg-icon, .woo-navigation .menu-item-has-children > .svg-icon { display: none; } @media only screen and (min-width: 482px) { .primary-navigation .menu-item-has-children > a, .woo-navigation .menu-item-has-children > a { padding-left: 0; } .primary-navigation .menu-item-has-children > .svg-icon, .woo-navigation .menu-item-has-children > .svg-icon { display: inline-block; height: 100%; margin-left: var(--primary-nav--padding); } } .primary-navigation .hide-visually, .woo-navigation .hide-visually { position: absolute !important; clip: rect(1px, 1px, 1px, 1px); padding: 0 !important; border: 0 !important; height: 1px !important; width: 1px !important; overflow: hidden; } @media only screen and (max-width: 481px) { .lock-scrolling .site { position: fixed; max-width: 100%; } } .social-navigation > div > ul { align-content: center; justify-content: center; display: flex; flex-wrap: wrap; list-style: none; margin: 0; padding-right: 0; } .social-navigation > div > ul > li { margin-bottom: calc(2 * var(--social-nav--padding)); } .social-navigation > div > ul > li:first-of-type > a { padding-right: 0; } .social-navigation > div > ul > li:last-of-type > a { padding-left: 0; } .social-navigation a { color: var(--social-nav--color-link); display: inline-block; padding: 0 var(--social-nav--padding); } .social-navigation a:hover, .social-navigation a:focus { color: var(--social-nav--color-link-hover); } .social-navigation a:active { color: var(--social-nav--color-link); } .social-navigation svg { fill: currentColor; vertical-align: middle; } .site-footer { overflow: hidden; } @media only screen and (min-width: 822px) { .site-footer { align-items: flex-end; display: flex; flex-wrap: wrap; } } .site-footer > .site-info { color: var(--footer--color-text); font-family: var(--footer--font-family); font-size: var(--footer--font-size); line-height: var(--global--line-height-body); } @media only screen and (min-width: 822px) { .site-footer > .site-info { margin-top: 0; margin-bottom: 0; } } .site-footer > .site-info .site-name { font-weight: bold; } .site-footer > .site-info a { color: currentColor; } .site-footer > .site-info a:link, .site-footer > .site-info a:visited, .site-footer > .site-info a:active { color: currentColor; } .site-footer > .site-info a:hover, .site-footer > .site-info a:focus { color: var(--footer--color-link); } .site-footer > .footer-navigation { display: inline; } @media only screen and (min-width: 822px) { .site-footer > .footer-navigation { margin-top: var(--global--spacing-unit); margin-bottom: var(--global--spacing-unit); text-align: right; } } .site-footer > .footer-navigation > div { display: inline; } .site-footer > .footer-navigation .footer-menu { color: var(--footer--color-text); margin: 0; padding-right: 0; } @media only screen and (min-width: 822px) { .site-footer > .footer-navigation .footer-menu { display: flex; flex-wrap: wrap; justify-content: flex-end; } } .site-footer > .footer-navigation .footer-menu > li { display: inline; } .site-footer > .footer-navigation .footer-menu > li:first-of-type > a { padding-right: 0; } .site-footer > .footer-navigation .footer-menu > li:last-of-type { padding-left: 0; } .site-footer > .footer-navigation .footer-menu a { font-family: var(--primary-nav--font-family); font-size: var(--footer--font-size); font-weight: var(--primary-nav--font-weight); padding: var(--primary-nav--padding); color: currentColor; } .site-footer > .footer-navigation .footer-menu a:link, .site-footer > .footer-navigation .footer-menu a:visited, .site-footer > .footer-navigation .footer-menu a:active { color: currentColor; } .site-footer > .footer-navigation .footer-menu a:hover, .site-footer > .footer-navigation .footer-menu a:focus { color: var(--footer--color-link-hover); } /** * Content */ .entry-title { color: var(--entry-header--color); font-size: var(--entry-header--font-size); letter-spacing: var(--heading--letter-spacing-h2); line-height: var(--heading--line-height); overflow-wrap: break-word; } .entry-title a { color: var(--entry-header--color-link); } .entry-title a:hover, .entry-title a:focus { color: var(--entry-header--color-hover); } .entry-title a:active { color: var(--entry-header--color-link); } /** * Entry Content */ .entry-content, .entry-summary { font-family: var(--entry-content--font-family); } .entry-content p { word-wrap: break-word; } .entry-content .more-link { display: table; color: inherit; margin-top: var(--global--spacing-unit); } @media only screen and (min-width: 482px) { .entry-content .more-link { margin-top: var(--global--spacing-vertical); } } .entry-content .more-link:after { content: "\02192"; display: inline-block; margin-right: 0.5em; } .entry-content .more-link:hover { text-decoration: none; } .entry-content > iframe[style] { margin: var(--global--spacing-vertical) 0 !important; max-width: 100% !important; } @media only screen and (min-width: 482px) { .entry-content > iframe[style] { max-width: var(--global--spacing-vertical) !important; } } .entry-attachment { text-align: center; } .entry-meta, .entry-footer { color: var(--entry-meta--color); clear: both; float: none; font-size: var(--entry-meta--font-size); display: block; } .entry-meta > span, .entry-footer > span { display: inline-block; margin-left: var(--global--spacing-unit); } .entry-meta > span > *, .entry-meta > span span .fn, .entry-footer > span > *, .entry-footer > span span .fn { display: inline-block; vertical-align: middle; } .entry-meta > span:last-child, .entry-footer > span:last-child { margin-left: 0; } .entry-meta > span .published + .updated, .entry-footer > span .published + .updated { display: none; } .entry-meta a, .entry-footer a { border-bottom: none; color: var(--entry-meta--color-link); } .entry-meta a:hover, .entry-meta a:focus, .entry-footer a:hover, .entry-footer a:focus { color: var(--entry-meta--color-hover); } .entry-meta a:active, .entry-footer a:active { color: var(--entry-meta--color-link); } .entry-meta .svg-icon, .entry-footer .svg-icon { fill: currentColor; position: relative; display: inline-block; vertical-align: middle; margin-left: calc(0.25 * var(--global--spacing-unit)); } .site-main > article > .entry-footer { margin-top: calc( var(--global--spacing-vertical) * 3); padding-top: var(--global--spacing-unit); border-top: var(--separator--height) solid var(--separator--border-color); } /** * Post Thumbnails */ .post-thumbnail { text-align: center; } .post-thumbnail .post-thumbnail-inner { display: block; } /** * Author */ /* Author description */ .author-bio { font-size: var(--global--font-size-xs); max-width: var(--responsive--aligndefault-width); } .site-main > article > .author-bio { margin-top: calc(2 * var(--global--spacing-vertical)); } .author-bio .author-title { font-family: var(--entry-author-bio--font-family); font-size: var(--entry-author-bio--font-size); } .author-bio .author-description { font-size: var(--global--font-size-md); } /* Next/Previous navigation */ .navigation { color: var(--global--color-foreground); } .navigation a { color: var(--global--color-primary); } .navigation a:hover, .navigation a:focus { color: var(--global--color-primary-hover); } .navigation a:active { color: var(--global--color-primary); } @media only screen and (min-width: 482px) { .navigation .nav-links { display: flex; justify-content: center; } .navigation .nav-links .nav-next, .navigation .nav-links .nav-previous { flex: 0 1 auto; margin-bottom: inherit; margin-top: inherit; max-width: calc(50% - (0.5 * var(--global--spacing-unit))); } .navigation .nav-links .nav-next { text-align: left; } } .navigation .svg-icon { display: inline-block; fill: currentColor; vertical-align: middle; } .post-navigation .meta-nav { font-size: var(--global--font-size-xs); line-height: var(--global--line-height-body); color: var(--global--color-foreground); } .post-navigation .post-title { font-family: var(--global--font-primary); font-size: var(--global--font-size-lg); line-height: var(--heading--line-height); } @media only screen and (min-width: 482px) { .post-navigation .nav-links { justify-content: space-between; } } .post-navigation .nav-next, .post-navigation .nav-previous { margin-top: var(--global--spacing-vertical); margin-bottom: var(--global--spacing-vertical); } .post-navigation .nav-next:first-child, .post-navigation .nav-previous:first-child { margin-top: 0; } .post-navigation .nav-next:last-child, .post-navigation .nav-previous:last-child { margin-bottom: 0; } .pagination .nav-links > * { color: var(--pagination--color-text); font-family: var(--pagination--font-family); font-size: var(--pagination--font-size); font-weight: var(--pagination--font-weight); margin-right: calc(0.66 * var(--global--spacing-unit)); margin-left: calc(0.66 * var(--global--spacing-unit)); } .pagination .nav-links > *.current { border-bottom: 1px solid var(--pagination--color-text); } .pagination .nav-links > *:first-child { margin-right: 0; } .pagination .nav-links > *a:hover { color: var(--pagination--color-link-hover); } .pagination .nav-links > *:last-child { margin-left: 0; } .pagination .nav-links > *.next { margin-right: auto; } .pagination .nav-links > *.prev { margin-left: auto; } /** * Comments Wrapper */ .comments-area > * { margin-top: var(--global--spacing-vertical); margin-bottom: var(--global--spacing-vertical); } .comments-area > *:first-child { margin-top: 0; } .comments-area > *:last-child { margin-bottom: 0; } /** * Comment Title */ .comments-title, .comment-reply-title { font-size: var(--heading--font-size-h3); font-style: italic; letter-spacing: var(--heading--letter-spacing-h3); } .comment-reply-title { display: flex; justify-content: space-between; } .comment-reply-title small a { border-bottom: none; color: currentColor; font-family: var(--global--font-secondary); font-size: var(--global--font-size-xs); font-style: normal; font-weight: normal; letter-spacing: normal; } /** * Comment Lists */ .comment-list { padding-right: 0; list-style: none; } .comment-list > li { margin-top: var(--global--spacing-vertical); margin-bottom: var(--global--spacing-vertical); } .comment-list > li:not(first-child) { border-bottom: 1px solid var(--comments--border-color); } .comment-list .children { list-style: none; padding-right: var(--global--spacing-horizontal); } .comment-list .children > li { border-top: 1px solid var(--comments--border-color); margin-top: var(--global--spacing-vertical); margin-bottom: var(--global--spacing-vertical); } @media only screen and (min-width: 482px) { .comment-list .children { padding-right: calc(2 * var(--global--spacing-horizontal)); } } /** * Comment Meta */ .comment-meta .comment-author { line-height: var(--global--line-height-heading); margin-bottom: calc(0.25 * var(--global--spacing-unit)); padding-left: calc(2.5 * var(--global--spacing-horizontal)); max-width: calc(100% - (3 * var(--global--spacing-horizontal))); } @media only screen and (min-width: 482px) { .comment-meta .comment-author { margin-bottom: 0; padding-left: 0; } } .comment-meta .comment-author .fn { font-family: var(--global--font-secondary); font-weight: normal; font-size: var(--global--font-size-xs); hyphens: auto; padding-right: 60px; word-wrap: break-word; word-break: break-word; } .comment-meta .comment-author .avatar { border: 2px solid var(--global--border-color); border-radius: 50%; position: absolute; top: 5px; } .comment-meta .comment-metadata { color: var(--global--color-foreground); font-size: var(--global--font-size-xs); padding-right: 60px; } .comment-meta .comment-metadata a { border-bottom: none; color: currentColor; } .comment-meta .comment-metadata a:hover, .comment-meta .comment-metadata a:focus { color: var(--global--color-primary-hover); } .comment-meta .comment-metadata a:active { color: currentColor; } .comment-meta .comment-metadata .edit-link { float: left; } @media only screen and (min-width: 482px) { .comment-meta { margin-left: inherit; } .comment-meta .comment-author { max-width: inherit; } } .reply { font-size: var(--global--font-size-sm); line-height: var(--global--line-height-heading); } .reply a { background-color: var(--button--color-background); border-radius: var(--button--border-radius); border-bottom: none; color: var(--button--color-text); font-weight: var(--button--font-weight); font-family: var(--button--font-family); font-size: var(--button--font-size); line-height: var(--button--line-height); padding: var(--button--padding-vertical) var(--button--padding-horizontal); } .reply a:hover, .reply a:focus, .reply a.has-focus { color: var(--button--color-text-hover); background-color: var(--button--color-background-hover); } .reply { text-align: left; } @media only screen and (min-width: 482px) { .reply { text-align: right; } } .bypostauthor { display: block; } .says { display: none; } .pingback .url, .trackback .url { font-family: var(--global--font-primary); } .comment-body { position: relative; } .comment-body > * { margin-top: var(--global--spacing-vertical); margin-bottom: var(--global--spacing-vertical); } .comment-body .reply { margin: calc(1.5 * var(--global--spacing-vertical)) 0; } .comment-content a { word-wrap: break-word; } .pingback .comment-body, .trackback .comment-body { margin-top: var(--global--spacing-vertical); margin-bottom: var(--global--spacing-vertical); } .comment-respond { margin-top: var(--global--spacing-vertical); } .comment-respond > * { margin-top: var(--global--spacing-unit); margin-bottom: var(--global--spacing-unit); } .comment-respond > *:first-child { margin-top: 0; } .comment-respond > *:last-child { margin-bottom: 0; } .comment-respond > *:last-child.comment-form { margin-bottom: var(--global--spacing-vertical); } .comment-author { padding-top: 3px; } .comment-author .url { border-bottom: none; color: currentColor; } .comment-form { display: flex; flex-wrap: wrap; } .comment-form > * { flex-basis: 100%; } .comment-form .comment-notes { font-size: var(--global--font-size-sm); } .comment-form .comment-form-url, .comment-form .comment-form-comment { width: 100%; } .comment-form .comment-form-author, .comment-form .comment-form-email { flex-basis: 0; flex-grow: 1; } .comment-form .comment-form-cookies-consent > label, .comment-form .comment-notes { font-size: var(--global--font-size-xs); } .comment-form > p { margin-bottom: var(--global--spacing-unit); } .comment-form > p:first-of-type { margin-top: 0; } .comment-form > p:last-of-type { margin-bottom: 0; } .comment-form > p label, .comment-form > p input[type="email"], .comment-form > p input[type="text"], .comment-form > p input[type="url"], .comment-form > p textarea { display: block; font-size: var(--global--font-size-sm); margin-bottom: calc( .5 * var(--global--spacing-unit)); width: 100%; } .comment-form > p.comment-form-cookies-consent { display: flex; } @media only screen and (min-width: 482px) { .comment-form > p.comment-form-author { margin-left: calc( 1.5 * var(--global--spacing-horizontal)); } .comment-form > p.comment-notes, .comment-form > p.logged-in-as { display: block; } } .comment-navigation a { font-family: var(--global--font-primary); font-size: var(--global--font-size-md); font-weight: 600; } .widget-area { flex: 0 0 100%; } .search-form { display: flex; margin: auto; max-width: var(--responsive--aligndefault-width); } .search-form > label { display: flex; margin-left: var(--global--spacing-horizontal); width: 100%; } .search-form > label .search-field { width: 100%; } /* Utilities */ img#wpstats { position: absolute !important; clip: rect(0, 0, 0, 0); padding: 0 !important; border: 0 !important; height: 0 !important; width: 0 !important; overflow: hidden; } /** * Site Pages * - Page specific styles */ .sticky-post { color: var(--global--color-background); background-color: var(--global--color-secondary); font-family: var(--global--font-secondary); font-size: var(--global--font-size-xs); line-height: 1; padding: calc(0.25 * var(--global--spacing-unit)) calc(0.33 * var(--global--spacing-unit)); } .page-title { font-size: var(--heading--font-size-h4); } /** * Jetpack styles */ /** * Jetpack Block styles */ .wp-block-jetpack-layout-grid { grid-gap: var(--layout-grid--gutter-large) !important; padding-right: var(--layout-grid--gutter-large) !important; padding-left: var(--layout-grid--gutter-large) !important; /* Individual Column Options */ } .wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column.has-background, .wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column[style^="background-color"] { margin-right: calc(var(--layout-grid--background-offset) * -1) !important; margin-left: calc(var(--layout-grid--background-offset) * -1) !important; padding-right: var(--layout-grid--background-offset) !important; padding-left: var(--layout-grid--background-offset) !important; } /* Gutter Options */ .wp-block-jetpack-layout-grid .wp-block-jetpack-layout-gutter__none { grid-gap: var(--layout-grid--gutter-none) !important; } .wp-block-jetpack-layout-grid .wp-block-jetpack-layout-gutter__small { grid-gap: var(--layout-grid--gutter-small) !important; } .wp-block-jetpack-layout-grid .wp-block-jetpack-layout-gutter__medium { grid-gap: var(--layout-grid--gutter-medium) !important; } .wp-block-jetpack-layout-grid .wp-block-jetpack-layout-gutter__large { grid-gap: var(--layout-grid--gutter-large) !important; } .wp-block-jetpack-layout-grid .wp-block-jetpack-layout-gutter__huge { grid-gap: var(--layout-grid--gutter-huge) !important; } /* Padding Options */ .wp-block-jetpack-layout-grid .wp-block-jetpack-layout-gutter__none { padding-right: var(--layout-grid--gutter-none) !important; padding-left: var(--layout-grid--gutter-none) !important; } .wp-block-jetpack-layout-grid .wp-block-jetpack-layout-gutter__none.wp-block-jetpack-layout-gutter__nowrap { padding-right: 0 !important; padding-left: 0 !important; } .wp-block-jetpack-layout-grid .wp-block-jetpack-layout-gutter__small { padding-right: var(--layout-grid--gutter-small) !important; padding-left: var(--layout-grid--gutter-small) !important; } .wp-block-jetpack-layout-grid .wp-block-jetpack-layout-gutter__small.wp-block-jetpack-layout-gutter__nowrap { padding-right: 0 !important; padding-left: 0 !important; } .wp-block-jetpack-layout-grid .wp-block-jetpack-layout-gutter__medium { padding-right: var(--layout-grid--gutter-medium) !important; padding-left: var(--layout-grid--gutter-medium) !important; } .wp-block-jetpack-layout-grid .wp-block-jetpack-layout-gutter__medium.wp-block-jetpack-layout-gutter__nowrap { padding-right: 0 !important; padding-left: 0 !important; } .wp-block-jetpack-layout-grid .wp-block-jetpack-layout-gutter__large { padding-right: var(--layout-grid--gutter-large) !important; padding-left: var(--layout-grid--gutter-large) !important; } .wp-block-jetpack-layout-grid .wp-block-jetpack-layout-gutter__large.wp-block-jetpack-layout-gutter__nowrap { padding-right: 0 !important; padding-left: 0 !important; } .wp-block-jetpack-layout-grid .wp-block-jetpack-layout-gutter__huge { padding-right: var(--layout-grid--gutter-huge) !important; padding-left: var(--layout-grid--gutter-huge) !important; } .wp-block-jetpack-layout-grid .wp-block-jetpack-layout-gutter__huge.wp-block-jetpack-layout-gutter__nowrap { padding-right: 0 !important; padding-left: 0 !important; } .wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column.wp-block-jetpack-layout-grid__padding-none { padding: var(--layout-grid--gutter-none) !important; } .wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column.wp-block-jetpack-layout-grid__padding-none.has-background, .wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column.wp-block-jetpack-layout-grid__padding-none[style^="background-color"] { padding-top: var(--layout-grid--gutter-none) !important; padding-left: calc(var(--layout-grid--gutter-none) + var(--layout-grid--background-offset)) !important; padding-bottom: var(--layout-grid--gutter-none) !important; padding-right: calc(var(--layout-grid--gutter-none) + var(--layout-grid--background-offset)) !important; } .wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column.wp-block-jetpack-layout-grid__padding-small { padding: var(--layout-grid--gutter-small) !important; } .wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column.wp-block-jetpack-layout-grid__padding-small.has-background, .wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column.wp-block-jetpack-layout-grid__padding-small[style^="background-color"] { padding-top: var(--layout-grid--gutter-small) !important; padding-left: calc(var(--layout-grid--gutter-small) + var(--layout-grid--background-offset)) !important; padding-bottom: var(--layout-grid--gutter-small) !important; padding-right: calc(var(--layout-grid--gutter-small) + var(--layout-grid--background-offset)) !important; } .wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column.wp-block-jetpack-layout-grid__padding-medium { padding: var(--layout-grid--gutter-medium) !important; } .wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column.wp-block-jetpack-layout-grid__padding-medium.has-background, .wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column.wp-block-jetpack-layout-grid__padding-medium[style^="background-color"] { padding-top: var(--layout-grid--gutter-medium) !important; padding-left: calc(var(--layout-grid--gutter-medium) + var(--layout-grid--background-offset)) !important; padding-bottom: var(--layout-grid--gutter-medium) !important; padding-right: calc(var(--layout-grid--gutter-medium) + var(--layout-grid--background-offset)) !important; } .wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column.wp-block-jetpack-layout-grid__padding-large { padding: var(--layout-grid--gutter-large) !important; } .wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column.wp-block-jetpack-layout-grid__padding-large.has-background, .wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column.wp-block-jetpack-layout-grid__padding-large[style^="background-color"] { padding-top: var(--layout-grid--gutter-large) !important; padding-left: calc(var(--layout-grid--gutter-large) + var(--layout-grid--background-offset)) !important; padding-bottom: var(--layout-grid--gutter-large) !important; padding-right: calc(var(--layout-grid--gutter-large) + var(--layout-grid--background-offset)) !important; } .wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column.wp-block-jetpack-layout-grid__padding-huge { padding: var(--layout-grid--gutter-huge) !important; } .wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column.wp-block-jetpack-layout-grid__padding-huge.has-background, .wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column.wp-block-jetpack-layout-grid__padding-huge[style^="background-color"] { padding-top: var(--layout-grid--gutter-huge) !important; padding-left: calc(var(--layout-grid--gutter-huge) + var(--layout-grid--background-offset)) !important; padding-bottom: var(--layout-grid--gutter-huge) !important; padding-right: calc(var(--layout-grid--gutter-huge) + var(--layout-grid--background-offset)) !important; }