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