@charset "UTF-8"; /* Theme Name: Seedlet Theme URI: https://wordpress.com/theme/seedlet Author: Automattic Author URI: https://automattic.com/ Description: Seedlet is a free WordPress theme. A two-column layout and classically elegant typography creates a refined site that gives your works and images space to breathe - and shine. Seedlet was built to be the perfect partner to the block editor, and supports all the latest blocks. Writing, audio, illustrations, photography, video - use Seedlet to engage and direct visitors' eyes, without your theme getting in the way. And the responsive design shifts naturally between desktop and mobile devices. Seedlet is a great option for professionals and creatives looking for a sophisticated vibe. Whether you're looking to create a blog or a robust site promoting your business, do with simplicity, style, and Seedlet. Requires at least: 5.5 Tested up to: 5.5 Requires PHP: 5.6.2 Version: 1.1.34-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, auto-loading-homepage, translation-ready, block-patterns, block-styles, wide-blocks 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 https://www.si.edu/object/coccocypselum-guianense-aubl-k-schum:nmnhbotany_13757252 https://www.si.edu/object/nephroma-sp:nmnhbotany_13875654 Included in theme screenshot and in block patterns. */ /** * Required Variables */ :root { /* Font Family */ --global--font-primary: var(--font-headings, 'Playfair Display', Georgia, Times, serif); --global--font-secondary: var(--font-base, 'Fira Sans', Helvetica, Arial, sans-serif); --global--font-code: monospace, monospace; --global--font-ui: var(--font-base, 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; --global--letter-spacing: normal; /* Font Weight */ --global--font-weight: normal; /* 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-low-contrast: #444444; --global--color-foreground-high-contrast: #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)); --form--background-color: transparent; --form--box-shadow: none; --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-high-contrast); --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); --heading--letter-spacing-h5: var(--global--letter-spacing); --heading--letter-spacing-h4: var(--global--letter-spacing); --heading--letter-spacing-h3: var(--global--letter-spacing); --heading--letter-spacing-h2: var(--global--letter-spacing); --heading--letter-spacing-h1: var(--global--letter-spacing); --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: 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--line-height: var(--global--line-height-body); --primary-nav--color-border: var(--global--color-secondary); --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) ); --wpcom-marketing-bar--height: 45px; --wpadmin-bar--height: 46px; --entry-header--color: var(--global--color-primary); --entry-header--color-link: currentColor; --entry-header--color-hover: var(--global--color-primary-hover); --entry-header--color-focus: var(--global--color-secondary); --entry-header--font-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-low-contrast); --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: calc(100vw - var(--responsive--spacing-horizontal)); --responsive--alignwide-width: calc(100vw - var(--responsive--spacing-horizontal)); --responsive--alignfull-width: 100%; --responsive--alignwide-width-multiplier: calc(16 * var(--global--spacing-horizontal)); --responsive--alignrightleft-width: var(--global--spacing-horizontal); } @media only screen and (min-width: 482px) { :root { --responsive--alignrightleft-width: calc( 50% - ( 0.5 * (100vw - var(--responsive--aligndefault-width))) ); } } @media only screen and (min-width: 652px) { :root { --responsive--aligndefault-width: min(calc(100vw - 2 * var(--global--spacing-horizontal)), 620px); --responsive--alignwide-width: min(calc(100vw - 2 * var(--global--spacing-horizontal)), 790px); } } /** * 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), *[class*="inner-container"] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment):not(.woocommerce), .wp-block-template-part > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment):not(.woocommerce), .entry-content .wp-audio-shortcode, .post-thumbnail, .navigation { max-width: var(--responsive--aligndefault-width); margin-right: auto; margin-left: auto; } .wide-max-width, hr.wp-block-separator.is-style-wide.alignwide, .alignwide { max-width: var(--responsive--alignwide-width); margin-right: auto; margin-left: auto; } @media only screen and (min-width: 482px) { .full-max-width, hr.wp-block-separator.is-style-wide.alignfull, .alignfull, .singular .post-thumbnail { max-width: var(--responsive--alignfull-width); width: auto; margin-right: auto; margin-left: auto; } } .alignwide [class*="inner-container"] > .alignwide, .alignfull [class*="inner-container"] > .alignwide { margin-right: auto; margin-left: auto; width: var(--responsive--alignwide-width); max-width: var(--responsive--alignfull-width); } /** * 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-top: var(--global--spacing-vertical); padding-bottom: var(--global--spacing-vertical); margin-right: auto; margin-left: auto; } .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, .entry-author, .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 > *, .wp-block-post-template > *, .wp-block-post-template .wp-block-post > *, [class*="inner-container"] > *, .wp-block-template-part > *, .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 > *, .wp-block-post-template > *, .wp-block-post-template .wp-block-post > *, [class*="inner-container"] > *, .wp-block-template-part > *, .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, .wp-block-post-template > *:first-child, .wp-block-post-template .wp-block-post > *:first-child, [class*="inner-container"] > *:first-child, .wp-block-template-part > *: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, .wp-block-post-template > *:last-child, .wp-block-post-template .wp-block-post > *:last-child, [class*="inner-container"] > *:last-child, .wp-block-template-part > *: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 > *, .entry-author > *, .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, .entry-author > *: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, .entry-author > *: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); } body { display: none; /* Legacy */ display: var(--skip, block); } /** * Required Variables */ /** * Base * - Reset the browser */ button, .button, input[type="submit"], .a8c-posts-list__view-all, button[data-load-more-btn] { 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:before, .button:before, input[type="submit"]:before, .a8c-posts-list__view-all:before, button[data-load-more-btn]:before, button:after, .button:after, input[type="submit"]:after, .a8c-posts-list__view-all:after, button[data-load-more-btn]:after { content: ''; display: block; height: 0; width: 0; } button:before, .button:before, input[type="submit"]:before, .a8c-posts-list__view-all:before, button[data-load-more-btn]:before { margin-bottom: -calc(.5em * var(--button--line-height) + -.38); } button:after, .button:after, input[type="submit"]:after, .a8c-posts-list__view-all:after, button[data-load-more-btn]:after { margin-top: -calc(.5em * var(--button--line-height) + -.39); } button:not(.has-background):active, .button:not(.has-background):active, input:not(.has-background):active[type="submit"], .a8c-posts-list__view-all:not(.has-background):active { color: var(--button--color-text-active); background-color: var(--button--color-background-active); } button:not(.has-background):hover, .button:not(.has-background):hover, input:not(.has-background):hover[type="submit"], .a8c-posts-list__view-all:not(.has-background):hover, button:not(.has-background):focus, .button:not(.has-background):focus, input:not(.has-background):focus[type="submit"], .a8c-posts-list__view-all:not(.has-background):focus, button:not(.has-background).has-focus, .button:not(.has-background).has-focus, input:not(.has-background).has-focus[type="submit"], .a8c-posts-list__view-all:not(.has-background).has-focus { 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: var(--global--font-weight); color: var(--global--color-foreground); text-align: right; background-color: var(--global--color-background); } a { color: var(--wp--style--color--link, var(--global--color-primary)); text-decoration-color: var(--global--color-secondary); text-decoration-line: underline; text-decoration-thickness: 1px; text-underline-offset: 0.3em; transition: text-decoration 0.1s ease-out; } a:hover, a:focus { text-decoration: none; } a:hover { color: var(--global--color-primary-hover); } a:focus { color: var(--global--color-secondary); } a:active { color: var(--wp--style--color--link, var(--global--color-primary)); } .has-link-color a { text-decoration-color: var(--wp--style--color--link, var(--global--color-primary)); } .has-link-color a:hover, .has-link-color a:focus { text-decoration: none; } .has-primary-background-color a:not(.has-link-color):not(.has-text-color) { color: var(--global--color-background); } button, a { cursor: pointer; } .site *:focus { outline-width: 1px; outline-style: dotted; outline-color: var(--global--color-secondary); } .screen-reader-text { /* Text meant only for screen readers. */ 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-low-contrast); font-size: var(--global--font-size-xs); letter-spacing: var(--global--letter-spacing); } 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); } 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); background: var(--form--background-color); box-shadow: var(--form--box-shadow); } 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-low-contrast); font-size: var(--global--font-size-xs); line-height: var(--global--line-height-body); margin-top: calc(0.5 * var(--global--spacing-unit)); margin-bottom: var(--global--spacing-unit); text-align: center; } .alignleft figcaption, .alignright figcaption, .alignleft .wp-caption, .alignright .wp-caption, .alignleft .wp-caption-text, .alignright .wp-caption-text { 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; } /** * 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:not(.is-style-outline) .wp-block-button__link:not(.has-background):active { color: var(--button--color-text-active); background-color: var(--button--color-background-active); } .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-background):hover, .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-background):focus, .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-background).has-focus { color: var(--button--color-text-hover); background-color: var(--button--color-background-hover); } .wp-block-button.wp-block-button__link, .wp-block-button .wp-block-button__link { 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); } .wp-block-button.wp-block-button__link:before, .wp-block-button.wp-block-button__link:after, .wp-block-button .wp-block-button__link:before, .wp-block-button .wp-block-button__link:after { content: ''; display: block; height: 0; width: 0; } .wp-block-button.wp-block-button__link:before, .wp-block-button .wp-block-button__link:before { margin-bottom: -calc(.5em * var(--button--line-height) + -.38); } .wp-block-button.wp-block-button__link:after, .wp-block-button .wp-block-button__link:after { margin-top: -calc(.5em * var(--button--line-height) + -.39); } .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 { 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:not(.has-background), .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background) { background: transparent; } .wp-block-button.is-style-outline.wp-block-button__link:not(.has-text-color), .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color) { color: var(--button--color-background); } .wp-block-button.is-style-outline.wp-block-button__link:not(.has-text-color):active, .wp-block-button.is-style-outline.wp-block-button__link.has-secondary-color:active, .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color):active, .wp-block-button.is-style-outline .wp-block-button__link.has-secondary-color:active { color: var(--button--color-background); } .wp-block-button.is-style-outline.wp-block-button__link:not(.has-text-color):hover, .wp-block-button.is-style-outline.wp-block-button__link:not(.has-text-color):focus, .wp-block-button.is-style-outline.wp-block-button__link:not(.has-text-color).has-focus, .wp-block-button.is-style-outline.wp-block-button__link.has-secondary-color:hover, .wp-block-button.is-style-outline.wp-block-button__link.has-secondary-color:focus, .wp-block-button.is-style-outline.wp-block-button__link.has-secondary-color.has-focus, .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color):hover, .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color):focus, .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-focus, .wp-block-button.is-style-outline .wp-block-button__link.has-secondary-color:hover, .wp-block-button.is-style-outline .wp-block-button__link.has-secondary-color:focus, .wp-block-button.is-style-outline .wp-block-button__link.has-secondary-color.has-focus { color: var(--button--color-background-hover); } .wp-block-button.is-style-squared .wp-block-button__link { border-radius: 0; } /** * Calendar */ .wp-block-calendar table th { background-color: var(--global--color-foreground); color: var(--global--color-background); } .wp-block-calendar table tbody, .wp-block-calendar table caption { color: var(--global--color-foreground); } .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 .has-link-color a, .wp-block-cover .wp-block-cover-image-text .has-link-color a, .wp-block-cover .wp-block-cover-text .has-link-color a, .wp-block-cover-image .wp-block-cover__inner-container .has-link-color a, .wp-block-cover-image .wp-block-cover-image-text .has-link-color a, .wp-block-cover-image .wp-block-cover-text .has-link-color a { color: var(--wp--style--color--link, var(--global--color-primary)); } .wp-block-cover: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 a:after { content: ''; display: block; } .wp-block-file .wp-block-file__button { 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); display: inline-block; margin: calc( 0.5 * var(--global--spacing-unit)) 0 0 0; padding: calc(0.5 * var(--button--padding-vertical)) calc(0.5 * var(--button--padding-horizontal)); } .wp-block-file .wp-block-file__button:before, .wp-block-file .wp-block-file__button:after { content: ''; display: block; height: 0; width: 0; } .wp-block-file .wp-block-file__button:before { margin-bottom: -calc(.5em * var(--button--line-height) + -.38); } .wp-block-file .wp-block-file__button:after { margin-top: -calc(.5em * var(--button--line-height) + -.39); } .wp-block-file .wp-block-file__button:not(.has-background):active { color: var(--button--color-text-active); background-color: var(--button--color-background-active); } .wp-block-file .wp-block-file__button:not(.has-background):hover, .wp-block-file .wp-block-file__button:not(.has-background):focus, .wp-block-file .wp-block-file__button:not(.has-background).has-focus { color: var(--button--color-text-hover); background-color: var(--button--color-background-hover); } .wp-block-gallery { margin: 0 auto; } .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.alignfull .blocks-gallery-grid { width: 100%; } .wp-block-group .wp-block-group__inner-container { margin-right: auto; margin-left: auto; } .wp-block-group .wp-block-group__inner-container > * { margin-top: calc( 0.666 * var(--global--spacing-vertical)); margin-bottom: calc( 0.666 * var(--global--spacing-vertical)); } @media only screen and (min-width: 482px) { .wp-block-group .wp-block-group__inner-container > * { margin-top: var(--global--spacing-vertical); margin-bottom: var(--global--spacing-vertical); } } .wp-block-group .wp-block-group__inner-container > *:first-child { margin-top: 0; } .wp-block-group .wp-block-group__inner-container > *:last-child { margin-bottom: 0; } .wp-block-group.has-background { padding: calc( 0.666 * var(--global--spacing-vertical)); } @media only screen and (min-width: 482px) { .wp-block-group.has-background { padding: var(--global--spacing-vertical); } } 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-low-contrast); font-size: var(--global--font-size-xs); line-height: var(--global--line-height-body); margin-top: calc(0.5 * var(--global--spacing-unit)); margin-bottom: var(--global--spacing-unit); text-align: center; } .wp-block-image .alignright { margin-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-low-contrast); 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-low-contrast); 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; } @media only screen and (min-width: 592px) { .wp-block-latest-posts.is-style-seedlet-alternating-grid { overflow: hidden; } .wp-block-latest-posts.is-style-seedlet-alternating-grid > li { width: calc(50% - (0.5 * var(--global--spacing-horizontal))); max-width: calc(50% - (0.5 * var(--global--spacing-horizontal))); text-align: left; } .wp-block-latest-posts.is-style-seedlet-alternating-grid > li:nth-child(2n + 1) { float: left; text-align: right; } .wp-block-latest-posts.is-style-seedlet-alternating-grid.is-grid { display: inherit; } .wp-block-latest-posts.is-style-seedlet-alternating-grid.is-grid > li { margin-top: var(--global--spacing-vertical); margin-left: 0; } .wp-block-latest-posts.is-style-seedlet-alternating-grid.is-grid > li:first-child { margin-top: 0; } .wp-block-latest-posts.is-style-seedlet-alternating-grid.is-grid > li:last-child { margin-bottom: 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; } @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); 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-background) .wp-block-navigation__container .wp-block-navigation-link:not(.has-text-color) { color: var(--primary-nav--color-link); } .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); } p.has-text-color a { color: var(--wp--style--color--link, var(--global--color-primary)); } .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-low-contrast); 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; 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-low-contrast); 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-low-contrast); 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 { flex-wrap: wrap; } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper { background: transparent; border: var(--form--border-width) solid var(--form--border-color); border-radius: var(--form--border-radius); } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input { padding: var(--form--spacing-unit); } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button { padding: var(--button--padding-vertical) var(--button--padding-horizontal); } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button.has-icon { padding: 0; } .wp-block-search .wp-block-search__label { font-weight: normal; } .wp-block-search .wp-block-search__input { font-family: var(--form--font-family); font-size: var(--form--font-size); line-height: var(--form--line-height); 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); background: transparent; } .wp-block-search .wp-block-search__input:focus { color: var(--form--color-text); border-color: var(--form--border-color); } .wp-block-search .wp-block-search__button { 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); border: none; box-shadow: none; } .wp-block-search .wp-block-search__button:before, .wp-block-search .wp-block-search__button:after { content: ''; display: block; height: 0; width: 0; } .wp-block-search .wp-block-search__button:before { margin-bottom: -calc(.5em * var(--button--line-height) + -.38); } .wp-block-search .wp-block-search__button:after { margin-top: -calc(.5em * var(--button--line-height) + -.39); } .wp-block-search .wp-block-search__button:not(.has-background):active { color: var(--button--color-text-active); background-color: var(--button--color-background-active); } .wp-block-search .wp-block-search__button:not(.has-background):hover, .wp-block-search .wp-block-search__button:not(.has-background):focus, .wp-block-search .wp-block-search__button:not(.has-background).has-focus { color: var(--button--color-text-hover); background-color: var(--button--color-background-hover); } .wp-block-search .wp-block-search__button.has-icon { transform: scaleX(-1); padding: 0; min-width: calc(2* var(--button--padding-vertical) + 16px); min-height: calc(2* var(--button--padding-vertical) + 16px); } .wp-block-search .wp-block-search__button.has-icon svg { fill: currentColor; width: 29px; height: 29px; } 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; } } 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; } pre.wp-block-verse { color: var(--global--color-foreground); font-family: var(--entry-content--font-family); padding: 0; } .wp-block-video figcaption { color: var(--global--color-foreground-low-contrast); 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 */ /** * These selectors set the default max width for content appearing inside a post or page. */ /** * .alignleft */ .alignleft { text-align: left; margin-top: 0; } .entry-content > .alignleft { max-width: var(--responsive--aligndefault-width); } @media only screen and (min-width: 482px) { .alignleft { float: left; margin-right: var(--global--spacing-horizontal); margin-bottom: var(--global--spacing-vertical); } .entry-content > .alignleft { max-width: var(--responsive--alignrightleft-width); margin-left: calc( 50% - var(--responsive--alignrightleft-width)); margin-right: var(--global--spacing-horizontal); } } /** * .aligncenter */ .aligncenter { clear: both; display: block; float: none; margin-left: auto; margin-right: auto; text-align: center; } /** * .alignright */ .alignright { margin-top: 0; margin-bottom: var(--global--spacing-vertical); } .entry-content > .alignright { max-width: var(--responsive--aligndefault-width); } @media only screen and (min-width: 482px) { .alignright { float: right; margin-left: var(--global--spacing-horizontal); } .entry-content > .alignright { max-width: var(--responsive--alignrightleft-width); margin-left: var(--global--spacing-horizontal); margin-right: calc( 50% - var(--responsive--alignrightleft-width)); } } [class*="inner-container"] > .alignleft + *, [class*="inner-container"] > .alignright + * { margin-top: 0; } /** * .alignwide */ .alignwide { clear: both; } /** * .alignfull */ .alignfull { clear: both; } .has-left-content { justify-content: flex-start; } .has-right-content { justify-content: flex-end; } .has-parallax { background-attachment: fixed; } .has-primary-color[class] { color: var(--global--color-primary); } .has-secondary-color[class] { color: var(--global--color-secondary); } .has-foreground-color[class] { color: var(--global--color-foreground); } .has-foreground-light-color[class] { color: var(--global--color-foreground-low-contrast); } .has-foreground-high-contrast-color[class] { color: var(--global--color-foreground-high-contrast); } .has-tertiary-color[class] { color: var(--global--color-tertiary); } .has-background-dark-color[class] { color: var(--global--color-background-dark); } .has-background-color[class] { color: var(--global--color-background); } .has-white-color[class] { color: var(--global--color-white); } .has-black-color[class] { color: var(--global--color-black); } .has-primary-background-color[class] { background-color: var(--global--color-primary); } .has-primary-background-color[class]:not(.has-text-color) { color: var(--global--color-background); } .has-secondary-background-color[class] { background-color: var(--global--color-secondary); } .has-secondary-background-color[class]:not(.has-text-color) { color: var(--global--color-background); } .has-foreground-background-color[class] { background-color: var(--global--color-foreground); } .has-foreground-background-color[class]:not(.has-text-color) { color: var(--global--color-background); } .has-foreground-light-background-color[class] { background-color: var(--global--color-foreground-low-contrast); } .has-foreground-light-background-color[class]:not(.has-text-color) { color: var(--global--color-background); } .has-foreground-high-contrast-background-color[class] { background-color: var(--global--color-foreground-high-contrast); } .has-foreground-high-contrast-background-color[class]:not(.has-text-color) { color: var(--global--color-background); } .has-tertiary-background-color[class] { background-color: var(--global--color-tertiary); } .has-tertiary-background-color[class]:not(.has-text-color) { color: var(--global--color-foreground); } .has-background-dark-background-color[class] { background-color: var(--global--color-background-dark); } .has-background-dark-background-color[class]:not(.has-text-color) { color: var(--global--color-foreground); } .has-background-background-color[class] { background-color: var(--global--color-background); } .has-background-background-color[class]:not(.has-text-color) { color: var(--global--color-foreground); } .has-white-background-color[class] { background-color: var(--global--color-white); } .has-white-background-color[class]:not(.has-text-color) { color: var(--global--color-secondary); } .has-black-background-color[class] { background-color: var(--global--color-black); } .has-black-background-color[class]:not(.has-text-color) { 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-decoration: none; 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); transition: background-size 0.1s ease-out; } .site-title a:link, .site-title a:visited, .site-title a:active { color: currentColor; } .site-title a:hover, .site-title a:focus { color: var(--global--color-secondary); background-size: 8px 0px; } .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: 1px solid transparent; 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); text-align: center; } .site-logo .custom-logo { max-width: var(--branding--logo--max-width); max-height: var(--branding--logo--max-height); height: auto; } @media only screen and (max-width: 481px) { :root { --branding--logo--max-width: var(--branding--logo--max-width-mobile); --branding--logo--max-height: var(--branding--logo--max-height-mobile); } } .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; } .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; } .site-footer > .footer-navigation .footer-menu > li { display: inline-block; } .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 .menu-item { padding: var(--primary-nav--padding) 0 var(--primary-nav--padding) var(--primary-nav--padding); } .site-footer > .footer-navigation .footer-menu .menu-item a { font-family: var(--primary-nav--font-family); font-size: var(--footer--font-size); font-weight: var(--primary-nav--font-weight); color: currentColor; } .site-footer > .footer-navigation .footer-menu .menu-item a:link, .site-footer > .footer-navigation .footer-menu .menu-item a:visited, .site-footer > .footer-navigation .footer-menu .menu-item a:active { color: currentColor; } .site-footer > .footer-navigation .footer-menu .menu-item a:hover { color: var(--footer--color-link-hover); border-color: var(--global--color-secondary); } .site-footer > .footer-navigation .footer-menu .menu-item a:focus { color: var(--global--color-secondary); } /** * Content */ .entry-title, .editor-post-title__block .editor-post-title__input { color: var(--entry-header--color); font-family: var(--heading--font-family); font-size: var(--entry-header--font-size); font-weight: var(--heading--font-weight); letter-spacing: var(--heading--letter-spacing-h2); line-height: var(--heading--line-height); overflow-wrap: break-word; } .entry-title a, .editor-post-title__block .editor-post-title__input a { color: var(--entry-header--color-link); } .entry-title a:hover, .editor-post-title__block .editor-post-title__input a:hover { color: var(--entry-header--color-hover); } .entry-title a:focus, .editor-post-title__block .editor-post-title__input a:focus { color: var(--entry-header--color-focus); } .entry-title a:active, .editor-post-title__block .editor-post-title__input 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; 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: "←"; 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; } } .home.page.hide-homepage-header.hide-homepage-title .entry-content { margin-top: 0; padding-top: 0; } .home.page.hide-homepage-header.hide-homepage-title .entry-content > .wp-block-image.alignfull:first-child, .home.page.hide-homepage-header.hide-homepage-title .entry-content > .wp-block-cover.alignfull:first-child, .home.page.hide-homepage-header.hide-homepage-title .entry-content > .wp-block-media-text.alignfull:first-child, .home.page.hide-homepage-header.hide-homepage-title .entry-content > .wp-block-group.has-background.alignfull:first-child { margin-top: calc(-1 * var(--global--spacing-vertical)); } .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-color: transparent; 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:hover, .entry-footer a:hover { border-color: var(--global--color-secondary); } .entry-meta a:focus, .entry-footer a:focus { color: var(--global--color-secondary); } .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); } .home.page.hide-homepage-footer .site-main > article > .entry-footer { border-width: 0; } /** * Post Thumbnails */ .post-thumbnail { text-align: center; } .post-thumbnail .post-thumbnail-inner { display: block; } /** * Author */ /* Author description */ .entry-author { font-size: var(--global--font-size-xs); max-width: var(--responsive--aligndefault-width); } .entry-author .author-avatar { display: none; } .site-main > article > .entry-author { margin-top: calc(2 * var(--global--spacing-vertical)); } .entry-author .author-title { font-family: var(--global--font-ui); font-size: var(--global--font-size-xs); } .entry-author .author-title .author-name { display: block; margin-top: 4px; font-family: var(--entry-author-bio--font-family); font-size: var(--entry-author-bio--font-size); } .entry-author .author-bio { font-size: var(--global--font-size-md); } .entry-author .author-link::before { content: ''; display: block; } /* Next/Previous navigation */ .navigation { color: var(--global--color-foreground); } .navigation a { color: var(--global--color-primary); } .navigation a:hover { color: var(--global--color-primary-hover); border-color: var(--global--color-secondary); } .navigation a:focus { color: var(--global--color-secondary); } .navigation a:active { color: var(--global--color-primary); } @media only screen and (min-width: 482px) { .navigation .nav-links { display: flex; justify-content: space-between; } .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--color-border); 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 { border-bottom: 1px solid var(--global--color-secondary); 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-author .url:hover, .comment-author .url:focus { color: var(--global--color-primary-hover); border-bottom: 1px solid var(--global--color-secondary); } .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%; } /** * 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); } .archive-description p { font-size: var(--global--font-size-sm); margin-top: calc(0.5 * var(--global--spacing-vertical)); } /** * Jetpack styles */ /** * Jetpack Block styles */ .wp-block-newspack-blocks-homepage-articles.image-aligntop .post-thumbnail, .wp-block-a8c-blog-posts.image-aligntop .post-thumbnail { margin-bottom: calc(0.5 * var(--global--spacing-vertical)); } .wp-block-newspack-blocks-homepage-articles.image-alignleft .post-thumbnail, .wp-block-a8c-blog-posts.image-alignleft .post-thumbnail { margin-left: var(--global--spacing-vertical); } .wp-block-newspack-blocks-homepage-articles.image-alignright .post-thumbnail, .wp-block-a8c-blog-posts.image-alignright .post-thumbnail { margin-right: var(--global--spacing-vertical); } .wp-block-newspack-blocks-homepage-articles.image-alignbehind .post-has-image .entry-wrapper, .wp-block-a8c-blog-posts.image-alignbehind .post-has-image .entry-wrapper { padding: var(--global--spacing-vertical); } .wp-block-newspack-blocks-homepage-articles.is-grid article, .wp-block-a8c-blog-posts.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, .wp-block-a8c-blog-posts.is-grid article { margin-bottom: calc(3 * var(--global--spacing-vertical)); } } .wp-block-newspack-blocks-homepage-articles h2.article-section-title, .wp-block-a8c-blog-posts h2.article-section-title { font-size: var(--heading--font-size-h4); letter-spacing: var(--heading--letter-spacing-h4); line-height: var(--heading--line-height-h4); margin-bottom: calc(0.5 * var(--global--spacing-vertical)); } .wp-block-newspack-blocks-homepage-articles h2.article-section-title + article, .wp-block-a8c-blog-posts h2.article-section-title + article { margin-top: 0; } .wp-block-newspack-blocks-homepage-articles article, .wp-block-a8c-blog-posts 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, .wp-block-a8c-blog-posts 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, .wp-block-a8c-blog-posts article:first-child { margin-top: 0; } .wp-block-newspack-blocks-homepage-articles article:last-child, .wp-block-a8c-blog-posts article:last-child { margin-bottom: calc(3 * var(--global--spacing-vertical)); } .wp-block-newspack-blocks-homepage-articles article .post-thumbnail img, .wp-block-a8c-blog-posts article .post-thumbnail img { width: auto; } .wp-block-newspack-blocks-homepage-articles article .entry-wrapper > *, .wp-block-a8c-blog-posts 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, .wp-block-a8c-blog-posts article .entry-wrapper > *:first-child { margin-top: 0; } .wp-block-newspack-blocks-homepage-articles article .entry-wrapper > *:last-child, .wp-block-a8c-blog-posts article .entry-wrapper > *:last-child { margin-bottom: 0; } .wp-block-newspack-blocks-homepage-articles article .entry-title a, .wp-block-a8c-blog-posts 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, .has-background:not(.has-background-background-color) .wp-block-a8c-blog-posts article .entry-title a, [class*="background-color"]:not(.has-background-background-color) .wp-block-a8c-blog-posts article .entry-title a, [style*="background-color"] .wp-block-a8c-blog-posts 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, .wp-block-a8c-blog-posts article .entry-title a:hover, .wp-block-a8c-blog-posts article .entry-title a:focus { color: var(--global--color-primary-hover); } .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, .has-background:not(.has-background-background-color) .wp-block-a8c-blog-posts article .entry-title a:hover, [class*="background-color"]:not(.has-background-background-color) .wp-block-a8c-blog-posts article .entry-title a:hover, [style*="background-color"] .wp-block-a8c-blog-posts article .entry-title a:hover, .has-background:not(.has-background-background-color) .wp-block-a8c-blog-posts article .entry-title a:focus, [class*="background-color"]:not(.has-background-background-color) .wp-block-a8c-blog-posts article .entry-title a:focus, [style*="background-color"] .wp-block-a8c-blog-posts article .entry-title a:focus { color: currentColor; } .wp-block-newspack-blocks-homepage-articles article .entry-title a:active, .wp-block-a8c-blog-posts 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, .wp-block-a8c-blog-posts 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, .wp-block-a8c-blog-posts article .entry-meta, .wp-block-a8c-blog-posts article .cat-links { color: var(--global--color-foreground-low-contrast); 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, .has-background:not(.has-background-background-color) .wp-block-a8c-blog-posts article .entry-meta, [class*="background-color"]:not(.has-background-background-color) .wp-block-a8c-blog-posts article .entry-meta, [style*="background-color"] .wp-block-a8c-blog-posts article .entry-meta, .has-background:not(.has-background-background-color) .wp-block-a8c-blog-posts article .cat-links, [class*="background-color"]:not(.has-background-background-color) .wp-block-a8c-blog-posts article .cat-links, [style*="background-color"] .wp-block-a8c-blog-posts 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 > *, .wp-block-a8c-blog-posts article .entry-meta > span > *, .wp-block-a8c-blog-posts 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), .wp-block-a8c-blog-posts article .entry-meta .byline:not(:last-child), .wp-block-a8c-blog-posts 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, .wp-block-a8c-blog-posts article .entry-meta .published + .updated, .wp-block-a8c-blog-posts 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, .wp-block-a8c-blog-posts article .entry-meta a, .wp-block-a8c-blog-posts article .cat-links a { color: currentColor; } .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, .wp-block-a8c-blog-posts article .entry-meta a:hover, .wp-block-a8c-blog-posts article .entry-meta a:active, .wp-block-a8c-blog-posts article .cat-links a:hover, .wp-block-a8c-blog-posts 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, .has-background:not(.has-background-background-color) .wp-block-a8c-blog-posts article .entry-meta a:hover, [class*="background-color"]:not(.has-background-background-color) .wp-block-a8c-blog-posts article .entry-meta a:hover, [style*="background-color"] .wp-block-a8c-blog-posts article .entry-meta a:hover, .has-background:not(.has-background-background-color) .wp-block-a8c-blog-posts article .entry-meta a:active, [class*="background-color"]:not(.has-background-background-color) .wp-block-a8c-blog-posts article .entry-meta a:active, [style*="background-color"] .wp-block-a8c-blog-posts article .entry-meta a:active, .has-background:not(.has-background-background-color) .wp-block-a8c-blog-posts article .cat-links a:hover, [class*="background-color"]:not(.has-background-background-color) .wp-block-a8c-blog-posts article .cat-links a:hover, [style*="background-color"] .wp-block-a8c-blog-posts article .cat-links a:hover, .has-background:not(.has-background-background-color) .wp-block-a8c-blog-posts article .cat-links a:active, [class*="background-color"]:not(.has-background-background-color) .wp-block-a8c-blog-posts article .cat-links a:active, [style*="background-color"] .wp-block-a8c-blog-posts article .cat-links a:active { color: currentColor; } @media only screen and (min-width: 592px) { .wp-block-newspack-blocks-homepage-articles.is-style-seedlet-alternating-grid .article-section-title, .wp-block-a8c-blog-posts.is-style-seedlet-alternating-grid .article-section-title { margin-right: calc(50% + (0.5 * var(--global--spacing-horizontal))); } .wp-block-newspack-blocks-homepage-articles.is-style-seedlet-alternating-grid article, .wp-block-a8c-blog-posts.is-style-seedlet-alternating-grid article { width: calc(50% - (0.5 * var(--global--spacing-horizontal))); max-width: calc(50% - (0.5 * var(--global--spacing-horizontal))); margin-top: 0; margin-bottom: var(--global--spacing-vertical); text-align: left; clear: both; } .wp-block-newspack-blocks-homepage-articles.is-style-seedlet-alternating-grid article .entry-meta, .wp-block-a8c-blog-posts.is-style-seedlet-alternating-grid article .entry-meta { justify-content: flex-end; } .wp-block-newspack-blocks-homepage-articles.is-style-seedlet-alternating-grid article:nth-of-type(2n + 1), .wp-block-a8c-blog-posts.is-style-seedlet-alternating-grid article:nth-of-type(2n + 1) { float: left; text-align: right; } .wp-block-newspack-blocks-homepage-articles.is-style-seedlet-alternating-grid article:nth-of-type(2n + 1) .entry-meta, .wp-block-a8c-blog-posts.is-style-seedlet-alternating-grid article:nth-of-type(2n + 1) .entry-meta { justify-content: flex-start; } .wp-block-newspack-blocks-homepage-articles.is-style-seedlet-alternating-grid .more-link, .wp-block-a8c-blog-posts.is-style-seedlet-alternating-grid .more-link { display: inline-block; } .wp-block-newspack-blocks-homepage-articles.is-style-seedlet-alternating-grid.wpnbha.is-grid > div, .wp-block-a8c-blog-posts.is-style-seedlet-alternating-grid.wpnbha.is-grid > div { display: inherit; } .wp-block-newspack-blocks-homepage-articles.is-style-seedlet-alternating-grid button, .wp-block-a8c-blog-posts.is-style-seedlet-alternating-grid button { clear: both; margin: var(--global--spacing-vertical) auto; } } button, .button, input[type="submit"], .a8c-posts-list__view-all, button[data-load-more-btn] { 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:before, .button:before, input[type="submit"]:before, .a8c-posts-list__view-all:before, button[data-load-more-btn]:before, button:after, .button:after, input[type="submit"]:after, .a8c-posts-list__view-all:after, button[data-load-more-btn]:after { content: ''; display: block; height: 0; width: 0; } button:before, .button:before, input[type="submit"]:before, .a8c-posts-list__view-all:before, button[data-load-more-btn]:before { margin-bottom: -calc(.5em * var(--button--line-height) + -.38); } button:after, .button:after, input[type="submit"]:after, .a8c-posts-list__view-all:after, button[data-load-more-btn]:after { margin-top: -calc(.5em * var(--button--line-height) + -.39); } button:not(.has-background):active, .button:not(.has-background):active, input:not(.has-background):active[type="submit"], .a8c-posts-list__view-all:not(.has-background):active { color: var(--button--color-text-active); background-color: var(--button--color-background-active); } button:not(.has-background):hover, .button:not(.has-background):hover, input:not(.has-background):hover[type="submit"], .a8c-posts-list__view-all:not(.has-background):hover, button:not(.has-background):focus, .button:not(.has-background):focus, input:not(.has-background):focus[type="submit"], .a8c-posts-list__view-all:not(.has-background):focus, button:not(.has-background).has-focus, .button:not(.has-background).has-focus, input:not(.has-background).has-focus[type="submit"], .a8c-posts-list__view-all:not(.has-background).has-focus { 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; } .wp-block-jetpack-layout-grid { /* Grid gutter size options */ 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-gutter__small { grid-gap: var(--layout-grid--gutter-small) !important; 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__medium { grid-gap: var(--layout-grid--gutter-medium) !important; 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__large { grid-gap: var(--layout-grid--gutter-large) !important; 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__huge { grid-gap: var(--layout-grid--gutter-huge) !important; 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-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; } .wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-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) { .wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column > * { margin-top: var(--global--spacing-vertical); margin-bottom: var(--global--spacing-vertical); } } .wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column > *:first-child { margin-top: 0; } .wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column > *:last-child { margin-bottom: 0; } /* 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; } .wp-block-jetpack-subscriptions #subscribe-email > input { line-height: normal; width: 100%; }