diff --git a/wp-content/themes/twentynineteen/functions.php b/wp-content/themes/twentynineteen/functions.php
index ca792cf32b..9f0b1f0660 100644
--- a/wp-content/themes/twentynineteen/functions.php
+++ b/wp-content/themes/twentynineteen/functions.php
@@ -107,21 +107,71 @@ if ( ! function_exists( 'twentynineteen_setup' ) ) :
// Enqueue editor styles.
add_editor_style( 'style-editor.css' );
+ // Add custom editor font sizes
+ add_theme_support(
+ 'editor-font-sizes',
+ array(
+ array(
+ 'name' => __( 'Small', 'twentynineteen' ),
+ 'shortName' => __( 'S', 'twentynineteen' ),
+ 'size' => 19.5,
+ 'slug' => 'small',
+ ),
+ array(
+ 'name' => __( 'Normal', 'twentynineteen' ),
+ 'shortName' => __( 'M', 'twentynineteen' ),
+ 'size' => 22,
+ 'slug' => 'normal',
+ ),
+ array(
+ 'name' => __( 'Large', 'twentynineteen' ),
+ 'shortName' => __( 'L', 'twentynineteen' ),
+ 'size' => 36.5,
+ 'slug' => 'large',
+ ),
+ array(
+ 'name' => __( 'Huge', 'twentynineteen' ),
+ 'shortName' => __( 'XL', 'twentynineteen' ),
+ 'size' => 49.5,
+ 'slug' => 'huge',
+ ),
+ )
+ );
+
// Editor color palette.
add_theme_support(
'editor-color-palette',
array(
array(
- 'name' => __( 'Primary Color', 'twentynineteen' ),
+ 'name' => __( 'Primary', 'twentynineteen' ),
'slug' => 'primary',
- 'color' => twentynineteen_hsl_hex( 'default' === get_theme_mod( 'colorscheme' ) ? 199 : get_theme_mod( 'colorscheme_primary_hue', 199 ), 100, 33 ),
+ 'color' => twentynineteen_hsl_hex( 'default' === get_theme_mod( 'primary_color' ) ? 199 : get_theme_mod( 'primary_color_hue', 199 ), 100, 33 ),
+ ),
+ array(
+ 'name' => __( 'Secondary', 'twentynineteen' ),
+ 'slug' => 'secondary',
+ 'color' => twentynineteen_hsl_hex( 'default' === get_theme_mod( 'primary_color' ) ? 199 : get_theme_mod( 'primary_color_hue', 199 ), 100, 23 ),
+ ),
+ array(
+ 'name' => __( 'Dark Gray', 'twentynineteen' ),
+ 'slug' => 'dark-gray',
+ 'color' => '#111',
+ ),
+ array(
+ 'name' => __( 'Light Gray', 'twentynineteen' ),
+ 'slug' => 'light-gray',
+ 'color' => '#767676',
+ ),
+ array(
+ 'name' => __( 'White', 'twentynineteen' ),
+ 'slug' => 'white',
+ 'color' => '#FFF',
),
)
);
// Add support for responsive embedded content.
add_theme_support( 'responsive-embeds' );
-
}
endif;
add_action( 'after_setup_theme', 'twentynineteen_setup' );
@@ -193,7 +243,7 @@ function twentynineteen_editor_customizer_styles() {
wp_enqueue_style( 'twentynineteen-editor-customizer-styles', get_theme_file_uri( '/style-editor-customizer.css' ), false, '1.0', 'all' );
- if ( 'custom' === get_theme_mod( 'colorscheme' ) ) {
+ if ( 'custom' === get_theme_mod( 'primary_color' ) ) {
// Include color patterns
require_once get_parent_theme_file_path( '/inc/color-patterns.php' );
wp_add_inline_style( 'twentynineteen-editor-customizer-styles', twentynineteen_custom_colors_css() );
@@ -207,16 +257,16 @@ add_action( 'enqueue_block_editor_assets', 'twentynineteen_editor_customizer_sty
function twentynineteen_colors_css_wrap() {
// Only include custom colors in customizer or frontend.
- if ( ( ! is_customize_preview() && 'default' === get_theme_mod( 'colorscheme', 'default' ) ) || is_admin() ) {
+ if ( ( ! is_customize_preview() && 'default' === get_theme_mod( 'primary_color', 'default' ) ) || is_admin() ) {
return;
}
require_once get_parent_theme_file_path( '/inc/color-patterns.php' );
- if ( 'default' === get_theme_mod( 'colorscheme', 'default' ) ) {
+ if ( 'default' === get_theme_mod( 'primary_color', 'default' ) ) {
$primary_color = 199;
} else {
- $primary_color = absint( get_theme_mod( 'colorscheme_primary_hue', 199 ) );
+ $primary_color = absint( get_theme_mod( 'primary_color_hue', 199 ) );
}
?>
diff --git a/wp-content/themes/twentynineteen/inc/color-patterns.php b/wp-content/themes/twentynineteen/inc/color-patterns.php
index ba8cb0ea23..9579d4209f 100644
--- a/wp-content/themes/twentynineteen/inc/color-patterns.php
+++ b/wp-content/themes/twentynineteen/inc/color-patterns.php
@@ -8,14 +8,14 @@
*/
/**
- * Generate the CSS for the current custom color scheme.
+ * Generate the CSS for the current primary color.
*/
function twentynineteen_custom_colors_css() {
- if ( 'default' === get_theme_mod( 'colorscheme', 'default' ) ) {
+ if ( 'default' === get_theme_mod( 'primary_color', 'default' ) ) {
$primary_color = 199;
} else {
- $primary_color = absint( get_theme_mod( 'colorscheme_primary_hue', 199 ) );
+ $primary_color = absint( get_theme_mod( 'primary_color_hue', 199 ) );
}
/**
@@ -60,13 +60,13 @@ function twentynineteen_custom_colors_css() {
.image-filters-enabled .entry .post-thumbnail:after,
.main-navigation .sub-menu,
.sticky-post,
- .entry .entry-content .wp-block-button .wp-block-button__link,
+ .entry .entry-content .wp-block-button .wp-block-button__link:not(.has-background),
.entry .button, button, input[type="button"], input[type="reset"], input[type="submit"],
.entry .entry-content > .has-primary-background-color,
.entry .entry-content > *[class^="wp-block-"].has-primary-background-color,
.entry .entry-content > *[class^="wp-block-"] .has-primary-background-color,
.entry .entry-content > *[class^="wp-block-"].is-style-solid-color,
- .entry .entry-content > *[class^="wp-block-"].is-style-solid-color .has-primary-background-color,
+ .entry .entry-content > *[class^="wp-block-"].is-style-solid-color.has-primary-background-color,
.entry .entry-content .wp-block-file .wp-block-file__button {
background-color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
}
@@ -85,7 +85,7 @@ function twentynineteen_custom_colors_css() {
* - Widget links
*/
a,
- a:not(.button):visited,
+ a:visited,
.main-navigation .main-menu > li,
.main-navigation ul.main-menu > li > a,
.post-navigation .post-title,
@@ -97,11 +97,11 @@ function twentynineteen_custom_colors_css() {
.comment .comment-metadata .comment-edit-link:hover,
#colophon .site-info a:hover,
.widget a,
- .entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link,
- .entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link,
- .entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link,
+ .entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color),
+ .entry .entry-content > .has-primary-color,
.entry .entry-content > *[class^="wp-block-"] .has-primary-color,
- .entry .entry-content > *[class^="wp-block-"].is-style-solid-color .has-primary-color {
+ .entry .entry-content > *[class^="wp-block-"].is-style-solid-color blockquote.has-primary-color,
+ .entry .entry-content > *[class^="wp-block-"].is-style-solid-color blockquote.has-primary-color p {
color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
}
@@ -147,8 +147,13 @@ function twentynineteen_custom_colors_css() {
a:hover, a:active,
.main-navigation .main-menu > li > a:hover,
.main-navigation .main-menu > li > a:hover + svg,
+ .post-navigation .nav-links a:hover,
.post-navigation .nav-links a:hover .post-title,
.author-bio .author-description .author-link:hover,
+ .entry .entry-content > .has-secondary-color,
+ .entry .entry-content > *[class^="wp-block-"] .has-secondary-color,
+ .entry .entry-content > *[class^="wp-block-"].is-style-solid-color blockquote.has-secondary-color,
+ .entry .entry-content > *[class^="wp-block-"].is-style-solid-color blockquote.has-secondary-color p,
.comment .comment-author .fn a:hover,
.comment-reply-link:hover,
.comment-navigation .nav-previous a:hover,
@@ -165,7 +170,11 @@ function twentynineteen_custom_colors_css() {
.main-navigation .sub-menu > li > .menu-item-link-return:hover,
.main-navigation .sub-menu > li > .menu-item-link-return:focus,
.main-navigation .sub-menu > li > a:not(.submenu-expand):hover,
- .main-navigation .sub-menu > li > a:not(.submenu-expand):focus {
+ .main-navigation .sub-menu > li > a:not(.submenu-expand):focus,
+ .entry .entry-content > .has-secondary-background-color,
+ .entry .entry-content > *[class^="wp-block-"].has-secondary-background-color,
+ .entry .entry-content > *[class^="wp-block-"] .has-secondary-background-color,
+ .entry .entry-content > *[class^="wp-block-"].is-style-solid-color.has-secondary-background-color {
background-color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness_hover . ' ); /* base: #005177; */
}
diff --git a/wp-content/themes/twentynineteen/inc/customizer.php b/wp-content/themes/twentynineteen/inc/customizer.php
index c9949ad278..197d33c267 100644
--- a/wp-content/themes/twentynineteen/inc/customizer.php
+++ b/wp-content/themes/twentynineteen/inc/customizer.php
@@ -1,6 +1,6 @@
add_setting(
- 'colorscheme',
+ 'primary_color',
array(
'default' => 'default',
'transport' => 'postMessage',
@@ -47,22 +47,22 @@ function twentynineteen_customize_register( $wp_customize ) {
);
$wp_customize->add_control(
- 'colorscheme',
+ 'primary_color',
array(
'type' => 'radio',
- 'label' => __( 'Color Scheme', 'twentynineteen' ),
+ 'label' => __( 'Primary Color', 'twentynineteen' ),
'choices' => array(
- 'default' => _x( 'Default', 'color scheme', 'twentynineteen' ),
- 'custom' => _x( 'Custom', 'color scheme', 'twentynineteen' ),
+ 'default' => _x( 'Default', 'primary color', 'twentynineteen' ),
+ 'custom' => _x( 'Custom', 'primary color', 'twentynineteen' ),
),
'section' => 'colors',
'priority' => 5,
)
);
- // Add primary color setting and control.
+ // Add primary color hue setting and control.
$wp_customize->add_setting(
- 'colorscheme_primary_hue',
+ 'primary_color_hue',
array(
'default' => 199,
'transport' => 'postMessage',
@@ -73,21 +73,21 @@ function twentynineteen_customize_register( $wp_customize ) {
$wp_customize->add_control(
new WP_Customize_Color_Control(
$wp_customize,
- 'colorscheme_primary_hue',
+ 'primary_color_hue',
array(
- 'label' => __( 'Primary Color', 'twentynineteen' ),
- 'description' => __( 'Changes the Color of the Featured Image overlay, Buttons, Links etc.', 'twentynineteen' ),
+ 'description' => __( 'Apply a custom color for buttons, links, featured images, etc.', 'twentynineteen' ),
'section' => 'colors',
'mode' => 'hue',
)
)
);
+ // Add image filter setting and control.
$wp_customize->add_setting(
'image_filter',
array(
- 'default' => 'active',
- 'sanitize_callback' => 'twentynineteen_sanitize_image_filter',
+ 'default' => 1,
+ 'sanitize_callback' => 'absint',
'transport' => 'postMessage',
)
);
@@ -95,14 +95,9 @@ function twentynineteen_customize_register( $wp_customize ) {
$wp_customize->add_control(
'image_filter',
array(
- 'label' => __( 'Featured Image Color Filter', 'twentynineteen' ),
- 'section' => 'colors',
- 'type' => 'radio',
- 'description' => __( "Twenty Nineteen adds a color filter to featured images using your site's primary color. If you disable this effect, the theme will use a black filter in individual posts to keep text readable when it appears on top of the featured image.", 'twentynineteen' ) . '
' . __( 'On Featured Images, apply', 'twentynineteen' ) . '',
- 'choices' => array(
- 'active' => __( 'A color filter', 'twentynineteen' ),
- 'inactive' => __( 'A black filter', 'twentynineteen' ),
- ),
+ 'label' => __( 'Apply a filter to featured images using the primary color', 'twentynineteen' ),
+ 'section' => 'colors',
+ 'type' => 'checkbox',
)
);
}
@@ -143,7 +138,7 @@ function twentynineteen_panels_js() {
add_action( 'customize_controls_enqueue_scripts', 'twentynineteen_panels_js' );
/**
- * Sanitize image filter choice.
+ * Sanitize custom color choice.
*
* @param string $choice Whether image filter is active.
*
@@ -161,22 +156,3 @@ function twentynineteen_sanitize_color_option( $choice ) {
return 'default';
}
-/**
- * Sanitize image filter choice.
- *
- * @param string $choice Whether image filter is active.
- *
- * @return string
- */
-function twentynineteen_sanitize_image_filter( $choice ) {
- $valid = array(
- 'active',
- 'inactive',
- );
-
- if ( in_array( $choice, $valid, true ) ) {
- return $choice;
- }
-
- return 'active';
-}
diff --git a/wp-content/themes/twentynineteen/inc/template-functions.php b/wp-content/themes/twentynineteen/inc/template-functions.php
index 8ee4f0d4f8..6d21f06ee5 100644
--- a/wp-content/themes/twentynineteen/inc/template-functions.php
+++ b/wp-content/themes/twentynineteen/inc/template-functions.php
@@ -106,10 +106,10 @@ function twentynineteen_can_show_post_thumbnail() {
* Returns true if image filters are enabled on the theme options.
*/
function twentynineteen_image_filters_enabled() {
- if ( 'inactive' === get_theme_mod( 'image_filter' ) ) {
- return false;
+ if ( get_theme_mod( 'image_filter', 1 ) ) {
+ return true;
}
- return true;
+ return false;
}
/**
diff --git a/wp-content/themes/twentynineteen/js/customize-controls.js b/wp-content/themes/twentynineteen/js/customize-controls.js
index 2390213f66..e717e909a1 100644
--- a/wp-content/themes/twentynineteen/js/customize-controls.js
+++ b/wp-content/themes/twentynineteen/js/customize-controls.js
@@ -10,9 +10,9 @@
wp.customize.bind( 'ready', function() {
- // Only show the color hue control when there's a custom color scheme.
- wp.customize( 'colorscheme', function( setting ) {
- wp.customize.control( 'colorscheme_primary_hue', function( control ) {
+ // Only show the color hue control when there's a custom primary color.
+ wp.customize( 'primary_color', function( setting ) {
+ wp.customize.control( 'primary_color_hue', function( control ) {
var visibility = function() {
if ( 'custom' === setting.get() ) {
control.container.slideDown( 180 );
diff --git a/wp-content/themes/twentynineteen/js/customize-preview.js b/wp-content/themes/twentynineteen/js/customize-preview.js
index fc3efcb99a..7191b0062e 100644
--- a/wp-content/themes/twentynineteen/js/customize-preview.js
+++ b/wp-content/themes/twentynineteen/js/customize-preview.js
@@ -8,8 +8,8 @@
(function( $ ) {
- // Default color.
- wp.customize( 'colorscheme', function( value ) {
+ // Primary color.
+ wp.customize( 'primary_color', function( value ) {
value.bind( function( to ) {
// Update custom color CSS.
var style = $( '#custom-theme-colors' ),
@@ -17,11 +17,11 @@
css = style.html(),
color;
- if( to === 'custom' ){
- //If a "custom" color option is selected, use the currently set colorscheme_primary_hue
- color = wp.customize.get().colorscheme_primary_hue;
+ if( 'custom' === to ){
+ // If a custom primary color is selected, use the currently set primary_color_hue
+ color = wp.customize.get().primary_color_hue;
} else {
- //If the "default" option is selected, get the default primary_hue
+ // If the "default" option is selected, get the default primary_color_hue
color = 199;
}
@@ -31,8 +31,8 @@
});
});
- // Primary color.
- wp.customize( 'colorscheme_primary_hue', function( value ) {
+ // Primary color hue.
+ wp.customize( 'primary_color_hue', function( value ) {
value.bind( function( to ) {
// Update custom color CSS.
@@ -49,7 +49,7 @@
// Image filter.
wp.customize( 'image_filter', function( value ) {
value.bind( function( to ) {
- if ( 'active' === to ) {
+ if ( to ) {
$( 'body' ).addClass( 'image-filters-enabled' );
} else {
$( 'body' ).removeClass( 'image-filters-enabled' );
diff --git a/wp-content/themes/twentynineteen/js/priority-menu.js b/wp-content/themes/twentynineteen/js/priority-menu.js
index 19acf3dd2e..7cd6bb066b 100644
--- a/wp-content/themes/twentynineteen/js/priority-menu.js
+++ b/wp-content/themes/twentynineteen/js/priority-menu.js
@@ -78,7 +78,7 @@
* @returns {number} Available space
*/
function getAvailableSpace( button, container ) {
- return container.offsetWidth - button.offsetWidth - 50;
+ return container.offsetWidth - button.offsetWidth - 22;
}
/**
@@ -96,11 +96,25 @@
var navContainer = document.querySelector('.main-navigation');
var breaks = [];
+ /**
+ * Let’s bail if we our menu doesn't exist
+ */
+ if ( ! navContainer ) {
+ return;
+ }
+
/**
* Refreshes the list item from the menu depending on the menu size
*/
function updateNavigationMenu( container ) {
+ /**
+ * Let’s bail if our menu is empty
+ */
+ if ( ! container.parentNode.querySelector('.main-menu[id]') ) {
+ return;
+ }
+
// Adds the necessary UI to operate the menu.
var visibleList = container.parentNode.querySelector('.main-menu[id]');
var hiddenList = visibleList.parentNode.nextElementSibling.querySelector('.hidden-links');
@@ -147,13 +161,24 @@
var hasSelectiveRefresh = (
'undefined' !== typeof wp &&
wp.customize &&
- wp.customize.selectiveRefresh
+ wp.customize.selectiveRefresh &&
+ wp.customize.navMenusPreview.NavMenuInstancePartial
);
if ( hasSelectiveRefresh ) {
- // Force a full refresh on partial content renders to re-run updateNavigationMenu()
- wp.customize.selectiveRefresh.bind('partial-content-rendered', function () {
- wp.customize.preview.send('refresh');
+ // Re-run our priority+ function on Nav Menu partial refreshes
+ wp.customize.selectiveRefresh.bind( 'partial-content-rendered', function ( placement ) {
+
+ var isNewNavMenu = (
+ placement &&
+ placement.partial.id.includes( 'nav_menu_instance' ) &&
+ 'null' !== placement.container[0].parentNode &&
+ placement.container[0].parentNode.classList.contains( 'main-navigation' )
+ );
+
+ if ( isNewNavMenu ) {
+ updateNavigationMenu( placement.container[0].parentNode );
+ }
});
}
});
@@ -161,7 +186,7 @@
/**
* Run our priority+ function on load
*/
- window.addEventListener('load', function() {
+ window.addEventListener( 'load', function() {
updateNavigationMenu( navContainer );
});
diff --git a/wp-content/themes/twentynineteen/print.css b/wp-content/themes/twentynineteen/print.css
index 428fe1cf73..a614a66e49 100644
--- a/wp-content/themes/twentynineteen/print.css
+++ b/wp-content/themes/twentynineteen/print.css
@@ -75,7 +75,6 @@ Andreas Hecht in https://www.jotform.com/blog/css-perfect-print-stylesheet-98272
/* Links */
a:link, a:visited, a {
background: transparent;
- color: #520;
font-weight: bold;
text-decoration: underline;
text-align: left;
@@ -97,6 +96,7 @@ Andreas Hecht in https://www.jotform.com/blog/css-perfect-print-stylesheet-98272
}
/* Visibility */
.main-navigation,
+ .site-title + .main-navigation,
.social-navigation,
.site-branding-container:before,
.entry .entry-title:before,
@@ -104,9 +104,16 @@ Andreas Hecht in https://www.jotform.com/blog/css-perfect-print-stylesheet-98272
.author-description:before,
.post-navigation,
.widget-area,
- .comment-form-flex {
+ .comment-form-flex,
+ .comment-reply,
+ .comment .comment-metadata .edit-link {
display: none;
}
+ .entry .entry-content .wp-block-button .wp-block-button__link,
+ .entry .entry-content .button {
+ color: #000;
+ background: none;
+ }
/* Site Header (With Featured Image) */
.site-header.featured-image {
min-height: 0;
@@ -123,7 +130,8 @@ Andreas Hecht in https://www.jotform.com/blog/css-perfect-print-stylesheet-98272
.site-header.featured-image .main-navigation li,
.site-header.featured-image .social-navigation li,
.site-header.featured-image .entry-meta,
- .site-header.featured-image .entry-title {
+ .site-header.featured-image .entry-title,
+ .site-header.featured-image#masthead .site-title a {
color: #000;
text-shadow: none;
}
@@ -146,6 +154,9 @@ Andreas Hecht in https://www.jotform.com/blog/css-perfect-print-stylesheet-98272
.image-filters-enabled *:after {
display: none !important;
}
+ .image-filters-enabled .site-header.featured-image .site-featured-image:before {
+ display: none;
+ }
.image-filters-enabled .site-header.featured-image .site-featured-image .post-thumbnail img {
filter: none;
}
diff --git a/wp-content/themes/twentynineteen/print.scss b/wp-content/themes/twentynineteen/print.scss
index b42c6d5432..bca05d6dc3 100644
--- a/wp-content/themes/twentynineteen/print.scss
+++ b/wp-content/themes/twentynineteen/print.scss
@@ -93,14 +93,13 @@ Andreas Hecht in https://www.jotform.com/blog/css-perfect-print-stylesheet-98272
a:link, a:visited, a {
background: transparent;
- color: #520;
font-weight: bold;
text-decoration: underline;
text-align: left;
}
a {
- page-break-inside: avoid
+ page-break-inside: avoid;
}
a[href^=http]:after {
@@ -121,6 +120,7 @@ Andreas Hecht in https://www.jotform.com/blog/css-perfect-print-stylesheet-98272
/* Visibility */
.main-navigation,
+ .site-title + .main-navigation,
.social-navigation,
.site-branding-container:before,
.entry .entry-title:before,
@@ -128,10 +128,18 @@ Andreas Hecht in https://www.jotform.com/blog/css-perfect-print-stylesheet-98272
.author-description:before,
.post-navigation,
.widget-area,
- .comment-form-flex {
+ .comment-form-flex,
+ .comment-reply,
+ .comment .comment-metadata .edit-link {
display: none;
}
+ .entry .entry-content .wp-block-button .wp-block-button__link,
+ .entry .entry-content .button {
+ color: #000;
+ background: none;
+ }
+
/* Site Header (With Featured Image) */
.site-header.featured-image {
min-height: 0;
@@ -148,7 +156,8 @@ Andreas Hecht in https://www.jotform.com/blog/css-perfect-print-stylesheet-98272
.main-navigation li,
.social-navigation li,
.entry-meta,
- .entry-title {
+ .entry-title,
+ masthead .site-title a {
color: #000;
text-shadow: none;
}
@@ -178,6 +187,10 @@ Andreas Hecht in https://www.jotform.com/blog/css-perfect-print-stylesheet-98272
display: none !important;
}
+ .site-header.featured-image .site-featured-image:before {
+ display: none;
+ }
+
.site-header.featured-image .site-featured-image .post-thumbnail img {
filter: none;
}
diff --git a/wp-content/themes/twentynineteen/sass/blocks/_blocks.scss b/wp-content/themes/twentynineteen/sass/blocks/_blocks.scss
index 9522daadde..f2838a8d24 100644
--- a/wp-content/themes/twentynineteen/sass/blocks/_blocks.scss
+++ b/wp-content/themes/twentynineteen/sass/blocks/_blocks.scss
@@ -60,10 +60,6 @@
/*rtl:ignore*/
margin-right: calc(2 * #{$size__spacing-unit});
}
-
- @include media(desktop) {
- max-width: calc(3 * (100vw / 12));
- }
}
&.alignright {
@@ -163,7 +159,6 @@
.wp-block-button__link {
@include button-transition;
border: none;
- background: $color__background-button;
font-size: $font__size-sm;
font-family: $font__heading;
line-height: $font__line-height-heading;
@@ -172,15 +167,24 @@
text-decoration: none;
padding: ($size__spacing-unit * .76) $size__spacing-unit;
outline: none;
- color: white;
outline: none;
+ &:not(.has-background) {
+ background-color: $color__background-button;
+ }
+
+ &:not(.has-text-color) {
+ color: white;
+ }
+
&:hover {
+ color: white;
background: $color__background-button-hover;
cursor: pointer;
}
&:focus {
+ color: white;
background: $color__background-button-hover;
outline: thin dotted;
outline-offset: -4px;
@@ -194,15 +198,23 @@
&.is-style-outline .wp-block-button__link,
&.is-style-outline .wp-block-button__link:focus,
&.is-style-outline .wp-block-button__link:active {
+ @include button-all-transition;
+ border-width: 2px;
+ border-style: solid;
- @include button-all-transition;
- background: transparent;
- border: 2px solid currentColor;
- color: $color__background-button;
+ &:not(.has-background) {
+ background: transparent;
+ }
+
+ &:not(.has-text-color) {
+ color: $color__background-button;
+ border-color: currentColor;
+ }
}
&.is-style-outline .wp-block-button__link:hover {
- color: $color__background-button-hover;
+ color: white;
+ border-color: $color__background-button-hover;
}
}
@@ -294,7 +306,8 @@
//! Pullquote
.wp-block-pullquote {
- border: none;
+ border-color: transparent;
+ border-width: 2px;
padding: $size__spacing-unit;
blockquote {
@@ -383,16 +396,21 @@
padding-left: 0;
margin-left: $size__spacing-unit;
+ &.has-text-color p,
+ &.has-primary-color,
+ &.has-secondary-color,
+ &.has-dark-gray-color,
+ &.has-light-gray-color,
+ &.has-white-color {
+ color: inherit;
+ }
+
@include media(tablet) {
margin-left: 0;
margin-right: 0;
}
}
- .has-primary-background-color {
- background-color: $color__link;
- }
-
&.alignfull {
@include media(tablet) {
@@ -501,6 +519,10 @@
line-height: 1.25;
padding: 0;
color: #fff;
+ -ms-hyphens: auto;
+ -moz-hyphens: auto;
+ -webkit-hyphens: auto;
+ hyphens: auto;
@include media(tablet) {
font-size: $font__size-xl;
@@ -508,22 +530,13 @@
}
}
- &.aligncenter {
- h2,
- .wp-block-cover-image-text,
- .wp-block-cover-text {
- width: 100%;
- z-index: 1;
- left: 50%;
- position: absolute;
- transform: translate(-50%, -50%);
- top: 50%;
- }
- }
-
&.alignleft,
&.alignright {
width: 100%;
+
+ @include media(tablet) {
+ padding: $size__spacing-unit;
+ }
}
&.alignfull {
@@ -681,6 +694,11 @@
//! Columns
.wp-block-columns {
+ &.alignfull {
+ padding-left: $size__spacing-unit;
+ padding-right: $size__spacing-unit;
+ }
+
@include media(tablet) {
.wp-block-column > * {
@@ -700,6 +718,12 @@
margin-right: 0;
}
}
+
+ &.alignfull,
+ &.alignfull .wp-block-column {
+ padding-left: calc(2 * #{$size__spacing-unit});
+ padding-right: calc(2 * #{$size__spacing-unit});
+ }
}
}
@@ -737,9 +761,31 @@
}
}
- //! Custom colors
- .has-primary-background-color {
- background-color: $color__link;
+ //! Font Sizes
+ .has-small-font-size {
+ font-size: $font__size-sm;
+ }
+
+ .has-normal-font-size {
+ font-size: $font__size-md;
+ }
+
+ .has-large-font-size {
+ font-size: $font__size-lg;
+ }
+
+ .has-huge-font-size {
+ font-size: $font__size-xl;
+ }
+
+ //! Custom background colors
+ .has-primary-background-color,
+ .has-secondary-background-color,
+ .has-dark-gray-background-color,
+ .has-light-gray-background-color {
+
+ // Use white text against these backgrounds by default.
+ color: $color__background-body;
p,
h1,
@@ -752,4 +798,75 @@
color: $color__background-body;
}
}
+
+ .has-white-background-color {
+ color: $color__text-main;
+
+ // Use dark gray text against this background by default.
+ p,
+ h1,
+ h2,
+ h3,
+ h4,
+ h5,
+ h6,
+ a {
+ color: $color__text-main;
+ }
+ }
+
+ .has-primary-background-color,
+ .wp-block-pullquote.is-style-solid-color.has-primary-background-color {
+ background-color: $color__link;
+ }
+
+ .has-secondary-background-color,
+ .wp-block-pullquote.is-style-solid-color.has-secondary-background-color {
+ background-color: $color__border-link-hover;
+ }
+
+ .has-dark-gray-background-color,
+ .wp-block-pullquote.is-style-solid-color.has-dark-gray-background-color {
+ background-color: $color__text-main;
+ }
+
+ .has-light-gray-background-color,
+ .wp-block-pullquote.is-style-solid-color.has-light-gray-background-color {
+ background-color: $color__text-light;
+ }
+
+ .has-white-background-color,
+ .wp-block-pullquote.is-style-solid-color.has-white-background-color {
+ background-color: #FFF;
+ }
+
+ //! Custom foreground colors
+ .has-primary-color,
+ .wp-block-pullquote.is-style-solid-color blockquote.has-primary-color,
+ .wp-block-pullquote.is-style-solid-color blockquote.has-primary-color p {
+ color: $color__link;
+ }
+
+ .has-secondary-color,
+ .wp-block-pullquote.is-style-solid-color blockquote.has-secondary-color,
+ .wp-block-pullquote.is-style-solid-color blockquote.has-secondary-color p {
+ color: $color__border-link-hover;
+ }
+
+ .has-dark-gray-color,
+ .wp-block-pullquote.is-style-solid-color blockquote.has-dark-gray-color,
+ .wp-block-pullquote.is-style-solid-color blockquote.has-dark-gray-color p {
+ color: $color__text-main;
+ }
+
+ .has-light-gray-color,
+ .wp-block-pullquote.is-style-solid-color blockquote.has-light-gray-color,
+ .wp-block-pullquote.is-style-solid-color blockquote.has-light-gray-color p {
+ color: $color__text-light;
+ }
+
+ .has-white-color,
+ .wp-block-pullquote.is-style-solid-color blockquote.has-white-color {
+ color: #FFF;
+ }
}
diff --git a/wp-content/themes/twentynineteen/sass/media/_galleries.scss b/wp-content/themes/twentynineteen/sass/media/_galleries.scss
index 56ca8095e5..8c745938d5 100644
--- a/wp-content/themes/twentynineteen/sass/media/_galleries.scss
+++ b/wp-content/themes/twentynineteen/sass/media/_galleries.scss
@@ -7,8 +7,8 @@
.gallery-item {
display: inline-block;
- margin-right: $size__spacing-unit;
- margin-bottom: $size__spacing-unit;
+ margin-right: 16px;
+ margin-bottom: 16px;
text-align: center;
vertical-align: top;
width: 100%;
@@ -16,7 +16,7 @@
// Loops to enumerate the classes for gallery columns.
@for $i from 2 through 9 {
.gallery-columns-#{$i} & {
- max-width: calc( ( 12 / #{$i} ) * (100% / 12) - ( #{$size__spacing-unit} * #{($i - 1) / $i} ) );
+ max-width: calc((100% - 16px * #{ $i - 1 }) / #{ $i });
&:nth-of-type(#{$i}n+#{$i}) {
margin-right: 0;
diff --git a/wp-content/themes/twentynineteen/sass/mixins/_mixins-master.scss b/wp-content/themes/twentynineteen/sass/mixins/_mixins-master.scss
index 5228ff0761..91f537c076 100644
--- a/wp-content/themes/twentynineteen/sass/mixins/_mixins-master.scss
+++ b/wp-content/themes/twentynineteen/sass/mixins/_mixins-master.scss
@@ -90,7 +90,7 @@
/* Fallback for non-latin fonts */
@mixin non-latin-fonts( $wrapper_classname: '.site' ) {
-
+
/* Arabic */
html[lang="ar"] #{$wrapper_classname} *,
html[lang="ary"] #{$wrapper_classname} *,
@@ -190,36 +190,15 @@
/* Nested sub-menu padding: 10 levels deep */
@mixin nestedSubMenuPadding() {
- ul li > a:before {
+ ul {
+ counter-reset: submenu;
+ }
+
+ ul > li > a::before {
font-family: $font__body;
font-weight: normal;
- }
- ul > li > a:before {
- content: "\2013\00a0";
- }
- ul ul li > a:before {
- content: "\2013\00a0\2013\00a0";
- }
- ul ul ul li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0";
- }
- ul ul ul ul li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
- }
- ul ul ul ul ul li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
- }
- ul ul ul ul ul ul li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
- }
- ul ul ul ul ul ul ul li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
- }
- ul ul ul ul ul ul ul ul li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
- }
- ul ul ul ul ul ul ul ul ul li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
+ content: "\2013\00a0" counters(submenu, "\2013\00a0", none);
+ counter-increment: submenu
}
}
diff --git a/wp-content/themes/twentynineteen/sass/navigation/_menu-main-navigation.scss b/wp-content/themes/twentynineteen/sass/navigation/_menu-main-navigation.scss
index 242747ffec..efcd0d05df 100644
--- a/wp-content/themes/twentynineteen/sass/navigation/_menu-main-navigation.scss
+++ b/wp-content/themes/twentynineteen/sass/navigation/_menu-main-navigation.scss
@@ -66,7 +66,7 @@
.submenu-expand {
display: inline-block;
- margin-right: #{0.5 * $size__spacing-unit};
+ margin-right: #{0.25 * $size__spacing-unit};
/* Priority+ Menu */
&.main-menu-more-toggle {
@@ -267,37 +267,16 @@
}
}
- /* Nested sub-menu padding: 10 levels deep */
- .sub-menu li > a:before {
+ /* Nested sub-menu dashes */
+ .sub-menu {
+ counter-reset: submenu;
+ }
+
+ .sub-menu > li > a::before {
font-family: $font__body;
font-weight: normal;
- }
- .sub-menu > li > a:before {
- content: "\2013\00a0";
- }
- .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0";
- }
- .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0";
- }
- .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
- }
- .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
- }
- .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
- }
- .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
- }
- .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
- }
- .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
+ content: "\2013\00a0" counters(submenu, "\2013\00a0", none);
+ counter-increment: submenu
}
}
@@ -364,37 +343,16 @@
}
}
- /* Nested sub-menu padding: 10 levels deep */
- .sub-menu li > a:before {
+ /* Nested sub-menu dashes */
+ .sub-menu {
+ counter-reset: submenu;
+ }
+
+ .sub-menu > li > a::before {
font-family: $font__body;
font-weight: normal;
- }
- .sub-menu > li > a:before {
- content: "\2013\00a0";
- }
- .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0";
- }
- .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0";
- }
- .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
- }
- .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
- }
- .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
- }
- .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
- }
- .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
- }
- .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
+ content: "\2013\00a0" counters(submenu, "\2013\00a0", none);
+ counter-increment: submenu
}
}
@@ -406,7 +364,7 @@
}
/**
- * Full-screen touch device styles
+ * Off-canvas touch device styles
*/
.main-menu .menu-item-has-children.off-canvas .sub-menu {
@@ -428,6 +386,11 @@
background-color: transparent;
}
+ > li > a,
+ > li > .menu-item-link-return {
+ white-space: inherit;
+ }
+
&.expanded-true {
display: table;
diff --git a/wp-content/themes/twentynineteen/sass/site/footer/_site-footer.scss b/wp-content/themes/twentynineteen/sass/site/footer/_site-footer.scss
index b627f2994f..1f0f37894b 100644
--- a/wp-content/themes/twentynineteen/sass/site/footer/_site-footer.scss
+++ b/wp-content/themes/twentynineteen/sass/site/footer/_site-footer.scss
@@ -9,19 +9,6 @@
@include media(tablet) {
margin: calc(3 * #{$size__spacing-unit}) $size__site-margins;
}
-
- .imprint {
- margin-right: $size__spacing-unit;
- }
- }
-
- .site-info a {
- color: inherit;
-
- &:hover {
- text-decoration: none;
- color: $color__link;
- }
}
.widget-column {
@@ -38,5 +25,19 @@
.site-info {
color: $color__text-light;
+
+ a {
+ color: inherit;
+
+ &:hover {
+ text-decoration: none;
+ color: $color__link;
+ }
+ }
+
+ .imprint,
+ .privacy-policy-link {
+ margin-right: $size__spacing-unit;
+ }
}
}
\ No newline at end of file
diff --git a/wp-content/themes/twentynineteen/sass/site/header/_site-header.scss b/wp-content/themes/twentynineteen/sass/site/header/_site-header.scss
index cf03e52128..22ab103496 100644
--- a/wp-content/themes/twentynineteen/sass/site/header/_site-header.scss
+++ b/wp-content/themes/twentynineteen/sass/site/header/_site-header.scss
@@ -58,8 +58,8 @@
box-sizing: content-box;
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
display: block;
- width: 32px;
- height: 32px;
+ width: 50px;
+ height: 50px;
overflow: hidden;
transition: box-shadow $background_transition ease-in-out;
@@ -85,11 +85,19 @@
.site-title {
margin: auto;
display: inline;
-
+ color: $color__text-main;
- a:link,
- a:visited {
+ a {
color: $color__text-main;
+
+ &:link,
+ &:visited {
+ color: $color__text-main;
+ }
+
+ &:hover {
+ color: $color__text-hover;
+ }
}
.featured-image & {
@@ -105,14 +113,6 @@
display: block;
}
- a {
- color: inherit;
-
- &:hover {
- color: $color__text-hover;
- }
- }
-
@include media(tablet) {
display: inline;
}
diff --git a/wp-content/themes/twentynineteen/sass/site/secondary/_widgets.scss b/wp-content/themes/twentynineteen/sass/site/secondary/_widgets.scss
index 6edc3c2f1e..90048b9e57 100644
--- a/wp-content/themes/twentynineteen/sass/site/secondary/_widgets.scss
+++ b/wp-content/themes/twentynineteen/sass/site/secondary/_widgets.scss
@@ -53,6 +53,14 @@
.widget_search {
+ .search-field {
+ width: 100%;
+
+ @include media(mobile) {
+ width: auto;
+ }
+ }
+
.search-submit {
display: block;
margin-top: $size__spacing-unit;
diff --git a/wp-content/themes/twentynineteen/sass/variables-site/_fonts.scss b/wp-content/themes/twentynineteen/sass/variables-site/_fonts.scss
index 3d671a34bf..01f3929eac 100644
--- a/wp-content/themes/twentynineteen/sass/variables-site/_fonts.scss
+++ b/wp-content/themes/twentynineteen/sass/variables-site/_fonts.scss
@@ -1,20 +1,6 @@
-/*
- * Chrome renders extra-wide characters for the Hoefler Text font.
- * This results in a jumping cursor when typing in both the Classic and block
- * editors. The following font-face override fixes the issue by manually inserting
- * a custom font that includes just a Hoefler Text space replacement for that
- * character instead.
- */
-@font-face {
- font-family: 'NonBreakingSpaceOverride';
- src: url(data:application/font-woff2;charset=utf-8;base64,d09GMgABAAAAAAMoAA0AAAAACDQAAALTAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4GYACCahEICjx3CywAATYCJANUBCAFhiEHgWwbXQfILgpsY+rQRRARwyAs6uL7pxzYhxEE+32b3aeHmifR6tklkS9hiZA0ewkqGRJE+H7/+6378ASViK/PGeavqJyOzsceKi1s3BCiQsiOdn1r/RBgIJYEgCUhbm/8/8/h4saPssnTNkkiWUBrTRtjmQSajw3Ui3pZ3LYDPD+XG2C3JA/yKAS8/rU5eNfuGqRf4eNNgV4YAlIIgxglEkWe6FYpq10+wi3g+/nUgvgPFczNrz/RsTgVm/zfbPuHZlsuQECxuyqBcQwKFBjFgKO8AqP4bAN9tFJtnM9xPcbNjeXS/x1wY/xU52f5W/X1+9cnH4YwKIaoRRAkUkj/YlAAeF/624foiIDBgBmgQBeGAyhBljUPZUm/l2dTvmpqcBDUOHdbPZWd8JsBAsGr4w8/EDn82/bUPx4eh0YNrQTBuHO2FjQEAGBwK0DeI37DpQVqdERS4gZBhpeUhWCfLFz7J99aEBgsJCHvUGAdAPp4IADDCAPCEFMGpMZ9AQpTfQtQGhLbGVBZFV8BaqNyP68oTZgHNj3M8kBPfXTTC9t90UuzYhy9ciH0grVlOcqyCytisvbsERsEYztiznR0WCrmTksJwbSNK6fd1Rvr25I9oLvctUoEbNOmXJbqgYgPXEHJ82IUsrCnpkxh23F1rfZ2zcRnJYoXtauB3VTFkFXQg3uoZYD5qE0kdjDtoDoF1h2bulGmev5HbYhbrjtohQSRI4aNOkffIcT+d3v6atpaYh3JvPoQsztCcqvaBkppDSPcQ3bw3KaCBo1f5CJWTZEgW3LjLofYg51MaVezrx8xZitYbQ9KYeoRaqQdVLwSEfrKXLK1otCWOKNdR/YwYAfon5Yk8O2MJfSD10dPGA5PIJJQMkah0ugMJiv6x4Dm7LEa8xnrRGGGLAg4sAlbsA07sAt76DOsXKO3hIjtIlpnnFrt1qW4kh6NhS83P/6HB/fl1SMAAA==) format('woff2'),
- url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAUQAA0AAAAACDQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAE9AAAABwAAAAchf5yU0dERUYAAATYAAAAHAAAAB4AJwAbT1MvMgAAAaAAAABJAAAAYJAcgU5jbWFwAAACIAAAAF4AAAFqUUxBZ2dhc3AAAATQAAAACAAAAAgAAAAQZ2x5ZgAAApAAAAAyAAAAPL0n8y9oZWFkAAABMAAAADAAAAA2Fi93Z2hoZWEAAAFgAAAAHQAAACQOSgWaaG10eAAAAewAAAAzAAAAVC7TAQBsb2NhAAACgAAAABAAAAAsAOQBAm1heHAAAAGAAAAAHQAAACAAWQALbmFtZQAAAsQAAAF6AAADIYvD/Adwb3N0AAAEQAAAAI4AAADsapk2o3jaY2BkYGAA4ov5mwzj+W2+MnCzXwCKMNzgCBSB0LfbQDQ7AxuI4mBgAlEAFKQIRHjaY2BkYGD3+NvCwMDBAALsDAyMDKhAFAA3+wH3AAAAeNpjYGRgYBBl4GBgYgABEMnIABJzAPMZAAVmAGUAAAB42mNgZlJhnMDAysDCKsKygYGBYRqEZtrDYMT4D8gHSmEHjgUFOQwODAqqf9g9/rYwMLB7MNUAhRlBcsxBrMlASoGBEQAj8QtyAAAAeNrjYGBkAAGmWQwMjO8gmBnIZ2NA0ExAzNjAAFYJVn0ASBsD6VAIDZb7AtELAgANIgb9AHjaY2BgYGaAYBkGRgYQSAHyGMF8FgYPIM3HwMHAxMDGoMCwQIFLQV8hXvXP//9AcRCfAcb///h/ygPW+w/vb7olBjUHCTCyMcAFGZmABBO6AogThgZgIUsXAEDcEzcAAHjaY2BgECMCyoEgACZaAed42mNgYmRgYGBnYGNgYAZSDJqMgorCgoqCjECRXwwNrCAKSP5mAAFGBiRgyAAAi/YFBQAAeNqtkc1OwkAUhU/5M25cEhcsZick0AwlBJq6MWwgJkAgYV/KAA2lJeUn+hY+gktXvpKv4dLTMqKycGHsTZNv7px7z50ZAFd4hYHjdw1Ls4EiHjVncIFnzVnc4F1zDkWjrzmPW+NNcwGlzIRKI3fJlUyrEjZQxb3mDH2fNGfRx4vmHKqG0JzHg6E0F9DOlFBGBxUI1GEzLNT4S0aLuTtsGAEUuYcQHkyg3KmIum1bNUvKlrjbbAIleqHHnS4iSudpQcySMYtdFiXlAxzSbAwfMxK6kZoHKhbjjespMTioOPZnzI+4ucCeTVyKMVKLfeAS6vSWaTinuZwzyy/Dc7vaed+6KaV0kukdPUk6yOcctZPvvxxqksq2lEW8RvHjMEO2FCl/zy6p3NEm0R9OFSafJdldc4QVeyaaObMBO0/5cCaa6d9Ggyubxire+lEojscdjoWUR1xGOy8KD8mG2ZLO2l2paDc3A39qmU2z2W5YNv5+u79e6QfGJY/hAAB42m3NywrCMBQE0DupWp/1AYI7/6DEaLQu66Mrd35BKUWKJSlFv1+rue4cGM7shgR981qSon+ZNwUJ8iDgoYU2OvDRRQ99DDDECAHGmGCKmf80hZSx/Kik/LliFbtmN6xmt+yOjdg9GztV4tROnRwX/Bsaaw51nt4Lc7tWaZYHp/MlzKx51LZs5htNri+2AAAAAQAB//8AD3jaY2BkYGDgAWIxIGZiYARCESBmAfMYAAR6AEMAAAABAAAAANXtRbgAAAAA2AhRFAAAAADYCNuG) format('woff');
-
-}
-
// Font and typographic variables
-$font__body: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+$font__body: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
$font__heading: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
$font__code: Menlo, monaco, Consolas, Lucida Console, monospace;
$font__pre: "Courier 10 Pitch", Courier, monospace;
diff --git a/wp-content/themes/twentynineteen/style-editor.css b/wp-content/themes/twentynineteen/style-editor.css
index 6b66ab358c..12c41d3b32 100644
--- a/wp-content/themes/twentynineteen/style-editor.css
+++ b/wp-content/themes/twentynineteen/style-editor.css
@@ -1,7 +1,15 @@
+@charset "UTF-8";
/*!
Twenty Nineteen Editor Styles
*/
/** === Includes === */
+/* If we add the border using a regular CSS border, it won't look good on non-retina devices,
+ * since its edges can look jagged due to lack of antialiasing. In this case, we are several
+ * layers of box-shadow to add the border visually, which will render the border smoother. */
+/* Fallback for non-latin fonts */
+/* Calculates maximum width for post content */
+/* Nested sub-menu padding: 10 levels deep */
+/** === Font Overide === */
/*
* Chrome renders extra-wide characters for the Hoefler Text font.
* This results in a jumping cursor when typing in both the Classic and block
@@ -14,12 +22,6 @@ Twenty Nineteen Editor Styles
src: url(data:application/font-woff2;charset=utf-8;base64,d09GMgABAAAAAAMoAA0AAAAACDQAAALTAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4GYACCahEICjx3CywAATYCJANUBCAFhiEHgWwbXQfILgpsY+rQRRARwyAs6uL7pxzYhxEE+32b3aeHmifR6tklkS9hiZA0ewkqGRJE+H7/+6378ASViK/PGeavqJyOzsceKi1s3BCiQsiOdn1r/RBgIJYEgCUhbm/8/8/h4saPssnTNkkiWUBrTRtjmQSajw3Ui3pZ3LYDPD+XG2C3JA/yKAS8/rU5eNfuGqRf4eNNgV4YAlIIgxglEkWe6FYpq10+wi3g+/nUgvgPFczNrz/RsTgVm/zfbPuHZlsuQECxuyqBcQwKFBjFgKO8AqP4bAN9tFJtnM9xPcbNjeXS/x1wY/xU52f5W/X1+9cnH4YwKIaoRRAkUkj/YlAAeF/624foiIDBgBmgQBeGAyhBljUPZUm/l2dTvmpqcBDUOHdbPZWd8JsBAsGr4w8/EDn82/bUPx4eh0YNrQTBuHO2FjQEAGBwK0DeI37DpQVqdERS4gZBhpeUhWCfLFz7J99aEBgsJCHvUGAdAPp4IADDCAPCEFMGpMZ9AQpTfQtQGhLbGVBZFV8BaqNyP68oTZgHNj3M8kBPfXTTC9t90UuzYhy9ciH0grVlOcqyCytisvbsERsEYztiznR0WCrmTksJwbSNK6fd1Rvr25I9oLvctUoEbNOmXJbqgYgPXEHJ82IUsrCnpkxh23F1rfZ2zcRnJYoXtauB3VTFkFXQg3uoZYD5qE0kdjDtoDoF1h2bulGmev5HbYhbrjtohQSRI4aNOkffIcT+d3v6atpaYh3JvPoQsztCcqvaBkppDSPcQ3bw3KaCBo1f5CJWTZEgW3LjLofYg51MaVezrx8xZitYbQ9KYeoRaqQdVLwSEfrKXLK1otCWOKNdR/YwYAfon5Yk8O2MJfSD10dPGA5PIJJQMkah0ugMJiv6x4Dm7LEa8xnrRGGGLAg4sAlbsA07sAt76DOsXKO3hIjtIlpnnFrt1qW4kh6NhS83P/6HB/fl1SMAAA==) format("woff2"), url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAUQAA0AAAAACDQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAE9AAAABwAAAAchf5yU0dERUYAAATYAAAAHAAAAB4AJwAbT1MvMgAAAaAAAABJAAAAYJAcgU5jbWFwAAACIAAAAF4AAAFqUUxBZ2dhc3AAAATQAAAACAAAAAgAAAAQZ2x5ZgAAApAAAAAyAAAAPL0n8y9oZWFkAAABMAAAADAAAAA2Fi93Z2hoZWEAAAFgAAAAHQAAACQOSgWaaG10eAAAAewAAAAzAAAAVC7TAQBsb2NhAAACgAAAABAAAAAsAOQBAm1heHAAAAGAAAAAHQAAACAAWQALbmFtZQAAAsQAAAF6AAADIYvD/Adwb3N0AAAEQAAAAI4AAADsapk2o3jaY2BkYGAA4ov5mwzj+W2+MnCzXwCKMNzgCBSB0LfbQDQ7AxuI4mBgAlEAFKQIRHjaY2BkYGD3+NvCwMDBAALsDAyMDKhAFAA3+wH3AAAAeNpjYGRgYBBl4GBgYgABEMnIABJzAPMZAAVmAGUAAAB42mNgZlJhnMDAysDCKsKygYGBYRqEZtrDYMT4D8gHSmEHjgUFOQwODAqqf9g9/rYwMLB7MNUAhRlBcsxBrMlASoGBEQAj8QtyAAAAeNrjYGBkAAGmWQwMjO8gmBnIZ2NA0ExAzNjAAFYJVn0ASBsD6VAIDZb7AtELAgANIgb9AHjaY2BgYGaAYBkGRgYQSAHyGMF8FgYPIM3HwMHAxMDGoMCwQIFLQV8hXvXP//9AcRCfAcb///h/ygPW+w/vb7olBjUHCTCyMcAFGZmABBO6AogThgZgIUsXAEDcEzcAAHjaY2BgECMCyoEgACZaAed42mNgYmRgYGBnYGNgYAZSDJqMgorCgoqCjECRXwwNrCAKSP5mAAFGBiRgyAAAi/YFBQAAeNqtkc1OwkAUhU/5M25cEhcsZick0AwlBJq6MWwgJkAgYV/KAA2lJeUn+hY+gktXvpKv4dLTMqKycGHsTZNv7px7z50ZAFd4hYHjdw1Ls4EiHjVncIFnzVnc4F1zDkWjrzmPW+NNcwGlzIRKI3fJlUyrEjZQxb3mDH2fNGfRx4vmHKqG0JzHg6E0F9DOlFBGBxUI1GEzLNT4S0aLuTtsGAEUuYcQHkyg3KmIum1bNUvKlrjbbAIleqHHnS4iSudpQcySMYtdFiXlAxzSbAwfMxK6kZoHKhbjjespMTioOPZnzI+4ucCeTVyKMVKLfeAS6vSWaTinuZwzyy/Dc7vaed+6KaV0kukdPUk6yOcctZPvvxxqksq2lEW8RvHjMEO2FCl/zy6p3NEm0R9OFSafJdldc4QVeyaaObMBO0/5cCaa6d9Ggyubxire+lEojscdjoWUR1xGOy8KD8mG2ZLO2l2paDc3A39qmU2z2W5YNv5+u79e6QfGJY/hAAB42m3NywrCMBQE0DupWp/1AYI7/6DEaLQu66Mrd35BKUWKJSlFv1+rue4cGM7shgR981qSon+ZNwUJ8iDgoYU2OvDRRQ99DDDECAHGmGCKmf80hZSx/Kik/LliFbtmN6xmt+yOjdg9GztV4tROnRwX/Bsaaw51nt4Lc7tWaZYHp/MlzKx51LZs5htNri+2AAAAAQAB//8AD3jaY2BkYGDgAWIxIGZiYARCESBmAfMYAAR6AEMAAAABAAAAANXtRbgAAAAA2AhRFAAAAADYCNuG) format("woff");
}
-/* If we add the border using a regular CSS border, it won't look good on non-retina devices,
- * since its edges can look jagged due to lack of antialiasing. In this case, we are several
- * layers of box-shadow to add the border visually, which will render the border smoother. */
-/* Fallback for non-latin fonts */
-/* Calculates maximum width for post content */
-/* Nested sub-menu padding: 10 levels deep */
/** === Editor Frame === */
body .wp-block[data-align="full"] {
width: 100%;
@@ -57,6 +59,12 @@ body .wp-block[data-align="full"] {
}
}
+/** === Editor Block Toolbar Position === */
+.editor-block-list__block[data-align="wide"] .editor-block-contextual-toolbar .editor-block-toolbar.editor-block-toolbar,
+.editor-block-list__block[data-align="full"] .editor-block-contextual-toolbar .editor-block-toolbar.editor-block-toolbar {
+ max-width: none;
+}
+
/** === Content Width === */
.wp-block {
width: calc(100vw - (2 * 1rem));
@@ -171,6 +179,13 @@ a:focus {
text-decoration: underline;
}
+.has-primary-background-color,
+.has-secondary-background-color,
+.has-dark-gray-background-color,
+.has-light-gray-background-color {
+ color: #fff;
+}
+
.has-primary-background-color p,
.has-primary-background-color h1,
.has-primary-background-color h2,
@@ -179,10 +194,48 @@ a:focus {
.has-primary-background-color h5,
.has-primary-background-color h6,
.has-primary-background-color a,
-.has-primary-background-color a:hover {
+.has-secondary-background-color p,
+.has-secondary-background-color h1,
+.has-secondary-background-color h2,
+.has-secondary-background-color h3,
+.has-secondary-background-color h4,
+.has-secondary-background-color h5,
+.has-secondary-background-color h6,
+.has-secondary-background-color a,
+.has-dark-gray-background-color p,
+.has-dark-gray-background-color h1,
+.has-dark-gray-background-color h2,
+.has-dark-gray-background-color h3,
+.has-dark-gray-background-color h4,
+.has-dark-gray-background-color h5,
+.has-dark-gray-background-color h6,
+.has-dark-gray-background-color a,
+.has-light-gray-background-color p,
+.has-light-gray-background-color h1,
+.has-light-gray-background-color h2,
+.has-light-gray-background-color h3,
+.has-light-gray-background-color h4,
+.has-light-gray-background-color h5,
+.has-light-gray-background-color h6,
+.has-light-gray-background-color a {
color: #fff;
}
+.has-white-background-color {
+ color: #111;
+}
+
+.has-white-background-color p,
+.has-white-background-color h1,
+.has-white-background-color h2,
+.has-white-background-color h3,
+.has-white-background-color h4,
+.has-white-background-color h5,
+.has-white-background-color h6,
+.has-white-background-color a {
+ color: #111;
+}
+
figcaption,
.gallery-caption {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
@@ -288,6 +341,13 @@ figcaption,
max-width: 100%;
}
+@media only screen and (min-width: 768px) {
+ .wp-block[data-type="core/cover"][data-align="left"] .wp-block-cover,
+ .wp-block[data-type="core/cover"][data-align="right"] .wp-block-cover {
+ padding: 1rem;
+ }
+}
+
@media only screen and (min-width: 768px) {
.wp-block[data-type="core/cover"][data-align="wide"] h2,
.wp-block[data-type="core/cover"][data-align="wide"] .wp-block-cover-text,
@@ -379,7 +439,8 @@ figcaption,
/** === Pullquote === */
.wp-block-pullquote {
- border: none;
+ border-color: transparent;
+ border-width: 2px;
color: #000;
}
@@ -399,16 +460,20 @@ figcaption,
max-width: calc( 100% - (2 * 1rem));
}
-@media only screen and (min-width: 768px) {
- .wp-block-pullquote.is-style-solid-color blockquote {
- max-width: 80%;
- }
+.wp-block-pullquote.is-style-solid-color blockquote.has-text-color p {
+ color: inherit;
}
.wp-block-pullquote.is-style-solid-color blockquote:not(.has-text-color) {
color: #fff;
}
+@media only screen and (min-width: 768px) {
+ .wp-block-pullquote.is-style-solid-color blockquote {
+ max-width: 80%;
+ }
+}
+
.wp-block-pullquote.is-style-solid-color:not(.has-background-color) {
background-color: #0073aa;
}
@@ -604,45 +669,15 @@ ul.wp-block-archives li ul,
padding-top: 0.75rem;
}
-.wp-block-categories ul ul li > a:before {
+.wp-block-categories ul ul {
+ counter-reset: submenu;
+}
+
+.wp-block-categories ul ul > li > a::before {
font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-weight: normal;
-}
-
-.wp-block-categories ul ul > li > a:before {
- content: "\2013\00a0";
-}
-
-.wp-block-categories ul ul ul li > a:before {
- content: "\2013\00a0\2013\00a0";
-}
-
-.wp-block-categories ul ul ul ul li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.wp-block-categories ul ul ul ul ul li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.wp-block-categories ul ul ul ul ul ul li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.wp-block-categories ul ul ul ul ul ul ul li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.wp-block-categories ul ul ul ul ul ul ul ul li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.wp-block-categories ul ul ul ul ul ul ul ul ul li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.wp-block-categories ul ul ul ul ul ul ul ul ul ul li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
+ content: "– " counters(submenu, "– ", none);
+ counter-increment: submenu;
}
.wp-block-categories li ul {
diff --git a/wp-content/themes/twentynineteen/style-editor.scss b/wp-content/themes/twentynineteen/style-editor.scss
index 3259237376..e8ae56b20a 100644
--- a/wp-content/themes/twentynineteen/style-editor.scss
+++ b/wp-content/themes/twentynineteen/style-editor.scss
@@ -5,9 +5,25 @@ Twenty Nineteen Editor Styles
/** === Includes === */
@import "sass/variables-site/variables-site";
-@import "sass/variables-site/colors";
@import "sass/mixins/mixins-master";
+/** === Font Overide === */
+
+/*
+ * Chrome renders extra-wide characters for the Hoefler Text font.
+ * This results in a jumping cursor when typing in both the Classic and block
+ * editors. The following font-face override fixes the issue by manually inserting
+ * a custom font that includes just a Hoefler Text space replacement for that
+ * character instead.
+ */
+@font-face {
+ font-family: 'NonBreakingSpaceOverride';
+ src: url(data:application/font-woff2;charset=utf-8;base64,d09GMgABAAAAAAMoAA0AAAAACDQAAALTAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4GYACCahEICjx3CywAATYCJANUBCAFhiEHgWwbXQfILgpsY+rQRRARwyAs6uL7pxzYhxEE+32b3aeHmifR6tklkS9hiZA0ewkqGRJE+H7/+6378ASViK/PGeavqJyOzsceKi1s3BCiQsiOdn1r/RBgIJYEgCUhbm/8/8/h4saPssnTNkkiWUBrTRtjmQSajw3Ui3pZ3LYDPD+XG2C3JA/yKAS8/rU5eNfuGqRf4eNNgV4YAlIIgxglEkWe6FYpq10+wi3g+/nUgvgPFczNrz/RsTgVm/zfbPuHZlsuQECxuyqBcQwKFBjFgKO8AqP4bAN9tFJtnM9xPcbNjeXS/x1wY/xU52f5W/X1+9cnH4YwKIaoRRAkUkj/YlAAeF/624foiIDBgBmgQBeGAyhBljUPZUm/l2dTvmpqcBDUOHdbPZWd8JsBAsGr4w8/EDn82/bUPx4eh0YNrQTBuHO2FjQEAGBwK0DeI37DpQVqdERS4gZBhpeUhWCfLFz7J99aEBgsJCHvUGAdAPp4IADDCAPCEFMGpMZ9AQpTfQtQGhLbGVBZFV8BaqNyP68oTZgHNj3M8kBPfXTTC9t90UuzYhy9ciH0grVlOcqyCytisvbsERsEYztiznR0WCrmTksJwbSNK6fd1Rvr25I9oLvctUoEbNOmXJbqgYgPXEHJ82IUsrCnpkxh23F1rfZ2zcRnJYoXtauB3VTFkFXQg3uoZYD5qE0kdjDtoDoF1h2bulGmev5HbYhbrjtohQSRI4aNOkffIcT+d3v6atpaYh3JvPoQsztCcqvaBkppDSPcQ3bw3KaCBo1f5CJWTZEgW3LjLofYg51MaVezrx8xZitYbQ9KYeoRaqQdVLwSEfrKXLK1otCWOKNdR/YwYAfon5Yk8O2MJfSD10dPGA5PIJJQMkah0ugMJiv6x4Dm7LEa8xnrRGGGLAg4sAlbsA07sAt76DOsXKO3hIjtIlpnnFrt1qW4kh6NhS83P/6HB/fl1SMAAA==) format('woff2'),
+ url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAUQAA0AAAAACDQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAE9AAAABwAAAAchf5yU0dERUYAAATYAAAAHAAAAB4AJwAbT1MvMgAAAaAAAABJAAAAYJAcgU5jbWFwAAACIAAAAF4AAAFqUUxBZ2dhc3AAAATQAAAACAAAAAgAAAAQZ2x5ZgAAApAAAAAyAAAAPL0n8y9oZWFkAAABMAAAADAAAAA2Fi93Z2hoZWEAAAFgAAAAHQAAACQOSgWaaG10eAAAAewAAAAzAAAAVC7TAQBsb2NhAAACgAAAABAAAAAsAOQBAm1heHAAAAGAAAAAHQAAACAAWQALbmFtZQAAAsQAAAF6AAADIYvD/Adwb3N0AAAEQAAAAI4AAADsapk2o3jaY2BkYGAA4ov5mwzj+W2+MnCzXwCKMNzgCBSB0LfbQDQ7AxuI4mBgAlEAFKQIRHjaY2BkYGD3+NvCwMDBAALsDAyMDKhAFAA3+wH3AAAAeNpjYGRgYBBl4GBgYgABEMnIABJzAPMZAAVmAGUAAAB42mNgZlJhnMDAysDCKsKygYGBYRqEZtrDYMT4D8gHSmEHjgUFOQwODAqqf9g9/rYwMLB7MNUAhRlBcsxBrMlASoGBEQAj8QtyAAAAeNrjYGBkAAGmWQwMjO8gmBnIZ2NA0ExAzNjAAFYJVn0ASBsD6VAIDZb7AtELAgANIgb9AHjaY2BgYGaAYBkGRgYQSAHyGMF8FgYPIM3HwMHAxMDGoMCwQIFLQV8hXvXP//9AcRCfAcb///h/ygPW+w/vb7olBjUHCTCyMcAFGZmABBO6AogThgZgIUsXAEDcEzcAAHjaY2BgECMCyoEgACZaAed42mNgYmRgYGBnYGNgYAZSDJqMgorCgoqCjECRXwwNrCAKSP5mAAFGBiRgyAAAi/YFBQAAeNqtkc1OwkAUhU/5M25cEhcsZick0AwlBJq6MWwgJkAgYV/KAA2lJeUn+hY+gktXvpKv4dLTMqKycGHsTZNv7px7z50ZAFd4hYHjdw1Ls4EiHjVncIFnzVnc4F1zDkWjrzmPW+NNcwGlzIRKI3fJlUyrEjZQxb3mDH2fNGfRx4vmHKqG0JzHg6E0F9DOlFBGBxUI1GEzLNT4S0aLuTtsGAEUuYcQHkyg3KmIum1bNUvKlrjbbAIleqHHnS4iSudpQcySMYtdFiXlAxzSbAwfMxK6kZoHKhbjjespMTioOPZnzI+4ucCeTVyKMVKLfeAS6vSWaTinuZwzyy/Dc7vaed+6KaV0kukdPUk6yOcctZPvvxxqksq2lEW8RvHjMEO2FCl/zy6p3NEm0R9OFSafJdldc4QVeyaaObMBO0/5cCaa6d9Ggyubxire+lEojscdjoWUR1xGOy8KD8mG2ZLO2l2paDc3A39qmU2z2W5YNv5+u79e6QfGJY/hAAB42m3NywrCMBQE0DupWp/1AYI7/6DEaLQu66Mrd35BKUWKJSlFv1+rue4cGM7shgR981qSon+ZNwUJ8iDgoYU2OvDRRQ99DDDECAHGmGCKmf80hZSx/Kik/LliFbtmN6xmt+yOjdg9GztV4tROnRwX/Bsaaw51nt4Lc7tWaZYHp/MlzKx51LZs5htNri+2AAAAAQAB//8AD3jaY2BkYGDgAWIxIGZiYARCESBmAfMYAAR6AEMAAAABAAAAANXtRbgAAAAA2AhRFAAAAADYCNuG) format('woff');
+}
+
+$font__body: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+
/** === Editor Frame === */
body {
@@ -55,6 +71,14 @@ body {
}
}
+/** === Editor Block Toolbar Position === */
+
+// Since 2019 left-aligns wide and fullwide blocks, left align the toolbar too.
+.editor-block-list__block[data-align="wide"] .editor-block-contextual-toolbar .editor-block-toolbar.editor-block-toolbar,
+.editor-block-list__block[data-align="full"] .editor-block-contextual-toolbar .editor-block-toolbar.editor-block-toolbar {
+ max-width: none;
+}
+
/** === Content Width === */
.wp-block {
@@ -153,7 +177,12 @@ a {
}
}
-.has-primary-background-color {
+// Use white text against these backgrounds by default.
+.has-primary-background-color,
+.has-secondary-background-color,
+.has-dark-gray-background-color,
+.has-light-gray-background-color {
+ color: $color__background-body;
p,
h1,
@@ -162,12 +191,27 @@ a {
h4,
h5,
h6,
- a,
- a:hover {
+ a {
color: $color__background-body;
}
}
+// Use dark gray text against this background by default.
+.has-white-background-color {
+ color: $color__text-main;
+
+ p,
+ h1,
+ h2,
+ h3,
+ h4,
+ h5,
+ h6,
+ a {
+ color: $color__text-main;
+ }
+}
+
figcaption,
.gallery-caption {
font-family: $font__heading;
@@ -276,6 +320,13 @@ figcaption,
width: 100%;
max-width: 100%;
}
+
+ @include media(tablet) {
+
+ .wp-block-cover {
+ padding: $size__spacing-unit;
+ }
+ }
}
.wp-block[data-type="core/cover"][data-align="wide"],
@@ -392,7 +443,8 @@ figcaption,
/** === Pullquote === */
.wp-block-pullquote {
- border: none;
+ border-color: transparent;
+ border-width: 2px;
color: #000;
blockquote {
@@ -412,15 +464,19 @@ figcaption,
width: calc(100% - (2 * #{ $size__spacing-unit}));
max-width: calc( 100% - (2 * #{ $size__spacing-unit}));
+ &.has-text-color p {
+ color: inherit;
+ }
+
+ &:not(.has-text-color) {
+ color: $color__background-body;
+ }
+
@include media(tablet) {
max-width: 80%;
}
}
- blockquote:not(.has-text-color) {
- color: $color__background-body;
- }
-
&:not(.has-background-color) {
background-color: $color__link;
}
diff --git a/wp-content/themes/twentynineteen/style-rtl.css b/wp-content/themes/twentynineteen/style-rtl.css
index dec2efc9af..41ef4c5d79 100644
--- a/wp-content/themes/twentynineteen/style-rtl.css
+++ b/wp-content/themes/twentynineteen/style-rtl.css
@@ -53,18 +53,6 @@ Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
## Captions
## Galleries
--------------------------------------------------------------*/
-/*
- * Chrome renders extra-wide characters for the Hoefler Text font.
- * This results in a jumping cursor when typing in both the Classic and block
- * editors. The following font-face override fixes the issue by manually inserting
- * a custom font that includes just a Hoefler Text space replacement for that
- * character instead.
- */
-@font-face {
- font-family: 'NonBreakingSpaceOverride';
- src: url(data:application/font-woff2;charset=utf-8;base64,d09GMgABAAAAAAMoAA0AAAAACDQAAALTAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4GYACCahEICjx3CywAATYCJANUBCAFhiEHgWwbXQfILgpsY+rQRRARwyAs6uL7pxzYhxEE+32b3aeHmifR6tklkS9hiZA0ewkqGRJE+H7/+6378ASViK/PGeavqJyOzsceKi1s3BCiQsiOdn1r/RBgIJYEgCUhbm/8/8/h4saPssnTNkkiWUBrTRtjmQSajw3Ui3pZ3LYDPD+XG2C3JA/yKAS8/rU5eNfuGqRf4eNNgV4YAlIIgxglEkWe6FYpq10+wi3g+/nUgvgPFczNrz/RsTgVm/zfbPuHZlsuQECxuyqBcQwKFBjFgKO8AqP4bAN9tFJtnM9xPcbNjeXS/x1wY/xU52f5W/X1+9cnH4YwKIaoRRAkUkj/YlAAeF/624foiIDBgBmgQBeGAyhBljUPZUm/l2dTvmpqcBDUOHdbPZWd8JsBAsGr4w8/EDn82/bUPx4eh0YNrQTBuHO2FjQEAGBwK0DeI37DpQVqdERS4gZBhpeUhWCfLFz7J99aEBgsJCHvUGAdAPp4IADDCAPCEFMGpMZ9AQpTfQtQGhLbGVBZFV8BaqNyP68oTZgHNj3M8kBPfXTTC9t90UuzYhy9ciH0grVlOcqyCytisvbsERsEYztiznR0WCrmTksJwbSNK6fd1Rvr25I9oLvctUoEbNOmXJbqgYgPXEHJ82IUsrCnpkxh23F1rfZ2zcRnJYoXtauB3VTFkFXQg3uoZYD5qE0kdjDtoDoF1h2bulGmev5HbYhbrjtohQSRI4aNOkffIcT+d3v6atpaYh3JvPoQsztCcqvaBkppDSPcQ3bw3KaCBo1f5CJWTZEgW3LjLofYg51MaVezrx8xZitYbQ9KYeoRaqQdVLwSEfrKXLK1otCWOKNdR/YwYAfon5Yk8O2MJfSD10dPGA5PIJJQMkah0ugMJiv6x4Dm7LEa8xnrRGGGLAg4sAlbsA07sAt76DOsXKO3hIjtIlpnnFrt1qW4kh6NhS83P/6HB/fl1SMAAA==) format("woff2"), url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAUQAA0AAAAACDQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAE9AAAABwAAAAchf5yU0dERUYAAATYAAAAHAAAAB4AJwAbT1MvMgAAAaAAAABJAAAAYJAcgU5jbWFwAAACIAAAAF4AAAFqUUxBZ2dhc3AAAATQAAAACAAAAAgAAAAQZ2x5ZgAAApAAAAAyAAAAPL0n8y9oZWFkAAABMAAAADAAAAA2Fi93Z2hoZWEAAAFgAAAAHQAAACQOSgWaaG10eAAAAewAAAAzAAAAVC7TAQBsb2NhAAACgAAAABAAAAAsAOQBAm1heHAAAAGAAAAAHQAAACAAWQALbmFtZQAAAsQAAAF6AAADIYvD/Adwb3N0AAAEQAAAAI4AAADsapk2o3jaY2BkYGAA4ov5mwzj+W2+MnCzXwCKMNzgCBSB0LfbQDQ7AxuI4mBgAlEAFKQIRHjaY2BkYGD3+NvCwMDBAALsDAyMDKhAFAA3+wH3AAAAeNpjYGRgYBBl4GBgYgABEMnIABJzAPMZAAVmAGUAAAB42mNgZlJhnMDAysDCKsKygYGBYRqEZtrDYMT4D8gHSmEHjgUFOQwODAqqf9g9/rYwMLB7MNUAhRlBcsxBrMlASoGBEQAj8QtyAAAAeNrjYGBkAAGmWQwMjO8gmBnIZ2NA0ExAzNjAAFYJVn0ASBsD6VAIDZb7AtELAgANIgb9AHjaY2BgYGaAYBkGRgYQSAHyGMF8FgYPIM3HwMHAxMDGoMCwQIFLQV8hXvXP//9AcRCfAcb///h/ygPW+w/vb7olBjUHCTCyMcAFGZmABBO6AogThgZgIUsXAEDcEzcAAHjaY2BgECMCyoEgACZaAed42mNgYmRgYGBnYGNgYAZSDJqMgorCgoqCjECRXwwNrCAKSP5mAAFGBiRgyAAAi/YFBQAAeNqtkc1OwkAUhU/5M25cEhcsZick0AwlBJq6MWwgJkAgYV/KAA2lJeUn+hY+gktXvpKv4dLTMqKycGHsTZNv7px7z50ZAFd4hYHjdw1Ls4EiHjVncIFnzVnc4F1zDkWjrzmPW+NNcwGlzIRKI3fJlUyrEjZQxb3mDH2fNGfRx4vmHKqG0JzHg6E0F9DOlFBGBxUI1GEzLNT4S0aLuTtsGAEUuYcQHkyg3KmIum1bNUvKlrjbbAIleqHHnS4iSudpQcySMYtdFiXlAxzSbAwfMxK6kZoHKhbjjespMTioOPZnzI+4ucCeTVyKMVKLfeAS6vSWaTinuZwzyy/Dc7vaed+6KaV0kukdPUk6yOcctZPvvxxqksq2lEW8RvHjMEO2FCl/zy6p3NEm0R9OFSafJdldc4QVeyaaObMBO0/5cCaa6d9Ggyubxire+lEojscdjoWUR1xGOy8KD8mG2ZLO2l2paDc3A39qmU2z2W5YNv5+u79e6QfGJY/hAAB42m3NywrCMBQE0DupWp/1AYI7/6DEaLQu66Mrd35BKUWKJSlFv1+rue4cGM7shgR981qSon+ZNwUJ8iDgoYU2OvDRRQ99DDDECAHGmGCKmf80hZSx/Kik/LliFbtmN6xmt+yOjdg9GztV4tROnRwX/Bsaaw51nt4Lc7tWaZYHp/MlzKx51LZs5htNri+2AAAAAQAB//8AD3jaY2BkYGDgAWIxIGZiYARCESBmAfMYAAR6AEMAAAABAAAAANXtRbgAAAAA2AhRFAAAAADYCNuG) format("woff");
-}
-
/* If we add the border using a regular CSS border, it won't look good on non-retina devices,
* since its edges can look jagged due to lack of antialiasing. In this case, we are several
* layers of box-shadow to add the border visually, which will render the border smoother. */
@@ -413,7 +401,7 @@ body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #111;
- font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+ font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-weight: 400;
font-size: 1em;
line-height: 1.8;
@@ -427,7 +415,7 @@ select,
optgroup,
textarea {
color: #111;
- font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+ font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-weight: 400;
line-height: 1.8;
text-rendering: optimizeLegibility;
@@ -488,7 +476,7 @@ h6 {
}
.page-title {
- font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+ font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
}
.site-branding,
@@ -1037,7 +1025,7 @@ a:focus {
* Fade-in animation for top-level submenus
*/
/**
- * Full-screen touch device styles
+ * Off-canvas touch device styles
*/
}
@@ -1099,7 +1087,7 @@ body.page .main-navigation {
.main-navigation .main-menu > li.menu-item-has-children .submenu-expand {
display: inline-block;
- margin-left: 0.5rem;
+ margin-left: 0.25rem;
/* Priority+ Menu */
}
@@ -1230,7 +1218,7 @@ body.page .main-navigation {
width: auto;
min-width: 100%;
/* Non-mobile position */
- /* Nested sub-menu padding: 10 levels deep */
+ /* Nested sub-menu dashes */
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu {
@@ -1241,7 +1229,7 @@ body.page .main-navigation {
width: auto;
min-width: 100%;
/* Non-mobile position */
- /* Nested sub-menu padding: 10 levels deep */
+ /* Nested sub-menu dashes */
}
@media only screen and (min-width: 768px) {
@@ -1345,86 +1333,26 @@ body.page .main-navigation {
}
}
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu li > a:before {
- font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu {
+ counter-reset: submenu;
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu {
+ counter-reset: submenu;
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu > li > a::before {
+ font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-weight: normal;
+ content: "– " counters(submenu, "– ", none);
+ counter-increment: submenu;
}
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu li > a:before {
- font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu > li > a::before {
+ font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-weight: normal;
-}
-
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu > li > a:before {
- content: "\2013\00a0";
-}
-
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu > li > a:before {
- content: "\2013\00a0";
-}
-
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0";
-}
-
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0";
-}
-
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
+ content: "– " counters(submenu, "– ", none);
+ counter-increment: submenu;
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu,
@@ -1437,7 +1365,7 @@ body.page .main-navigation {
width: auto;
min-width: 100%;
/* Non-mobile position */
- /* Nested sub-menu padding: 10 levels deep */
+ /* Nested sub-menu dashes */
}
@media only screen and (min-width: 768px) {
@@ -1508,65 +1436,19 @@ body.page .main-navigation {
}
}
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu li > a:before,
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu li > a:before,
-.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu li > a:before {
- font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu,
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu,
+.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu {
+ counter-reset: submenu;
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu > li > a::before,
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu > li > a::before,
+.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu > li > a::before {
+ font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-weight: normal;
-}
-
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu > li > a:before,
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu > li > a:before,
-.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu > li > a:before {
- content: "\2013\00a0";
-}
-
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu .sub-menu li > a:before,
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu .sub-menu li > a:before,
-.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0";
-}
-
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
-.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
-.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
-.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
-.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
-.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
-.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
-.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
+ content: "– " counters(submenu, "– ", none);
+ counter-increment: submenu;
}
.main-navigation .main-menu > .menu-item-has-children:not(.off-canvas):hover > .sub-menu {
@@ -1591,6 +1473,11 @@ body.page .main-navigation {
background-color: transparent;
}
+.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu > li > a,
+.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu > li > .menu-item-link-return {
+ white-space: inherit;
+}
+
.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true {
display: table;
margin-top: 0;
@@ -2096,8 +1983,8 @@ body.page .main-navigation {
box-sizing: content-box;
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
display: block;
- width: 32px;
- height: 32px;
+ width: 50px;
+ height: 50px;
overflow: hidden;
transition: box-shadow 200ms ease-in-out;
}
@@ -2120,14 +2007,22 @@ body.page .main-navigation {
.site-title {
margin: auto;
display: inline;
+ color: #111;
/* When there is no description set, make sure navigation appears below title. */
}
-.site-title a:link,
-.site-title a:visited {
+.site-title a {
color: #111;
}
+.site-title a:link, .site-title a:visited {
+ color: #111;
+}
+
+.site-title a:hover {
+ color: #4a4a4a;
+}
+
.featured-image .site-title {
margin: 0;
}
@@ -2142,14 +2037,6 @@ body.page .main-navigation {
display: block;
}
-.site-title a {
- color: inherit;
-}
-
-.site-title a:hover {
- color: #4a4a4a;
-}
-
@media only screen and (min-width: 768px) {
.site-title {
display: inline;
@@ -3346,20 +3233,6 @@ body.page .main-navigation {
}
}
-#colophon .widget-area .imprint,
-#colophon .site-info .imprint {
- margin-left: 1rem;
-}
-
-#colophon .site-info a {
- color: inherit;
-}
-
-#colophon .site-info a:hover {
- text-decoration: none;
- color: #0073aa;
-}
-
#colophon .widget-column {
display: flex;
flex-wrap: wrap;
@@ -3380,6 +3253,20 @@ body.page .main-navigation {
color: #767676;
}
+#colophon .site-info a {
+ color: inherit;
+}
+
+#colophon .site-info a:hover {
+ text-decoration: none;
+ color: #0073aa;
+}
+
+#colophon .site-info .imprint,
+#colophon .site-info .privacy-policy-link {
+ margin-left: 1rem;
+}
+
/* Widgets */
.widget {
margin: 0 0 1rem;
@@ -3427,115 +3314,29 @@ body.page .main-navigation {
margin-bottom: 0.5rem;
}
-.widget_archive ul ul li > a:before,
-.widget_categories ul ul li > a:before,
-.widget_meta ul ul li > a:before,
-.widget_nav_menu ul ul li > a:before,
-.widget_pages ul ul li > a:before,
-.widget_recent_comments ul ul li > a:before,
-.widget_recent_entries ul ul li > a:before,
-.widget_rss ul ul li > a:before {
- font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+.widget_archive ul ul,
+.widget_categories ul ul,
+.widget_meta ul ul,
+.widget_nav_menu ul ul,
+.widget_pages ul ul,
+.widget_recent_comments ul ul,
+.widget_recent_entries ul ul,
+.widget_rss ul ul {
+ counter-reset: submenu;
+}
+
+.widget_archive ul ul > li > a::before,
+.widget_categories ul ul > li > a::before,
+.widget_meta ul ul > li > a::before,
+.widget_nav_menu ul ul > li > a::before,
+.widget_pages ul ul > li > a::before,
+.widget_recent_comments ul ul > li > a::before,
+.widget_recent_entries ul ul > li > a::before,
+.widget_rss ul ul > li > a::before {
+ font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-weight: normal;
-}
-
-.widget_archive ul ul > li > a:before,
-.widget_categories ul ul > li > a:before,
-.widget_meta ul ul > li > a:before,
-.widget_nav_menu ul ul > li > a:before,
-.widget_pages ul ul > li > a:before,
-.widget_recent_comments ul ul > li > a:before,
-.widget_recent_entries ul ul > li > a:before,
-.widget_rss ul ul > li > a:before {
- content: "\2013\00a0";
-}
-
-.widget_archive ul ul ul li > a:before,
-.widget_categories ul ul ul li > a:before,
-.widget_meta ul ul ul li > a:before,
-.widget_nav_menu ul ul ul li > a:before,
-.widget_pages ul ul ul li > a:before,
-.widget_recent_comments ul ul ul li > a:before,
-.widget_recent_entries ul ul ul li > a:before,
-.widget_rss ul ul ul li > a:before {
- content: "\2013\00a0\2013\00a0";
-}
-
-.widget_archive ul ul ul ul li > a:before,
-.widget_categories ul ul ul ul li > a:before,
-.widget_meta ul ul ul ul li > a:before,
-.widget_nav_menu ul ul ul ul li > a:before,
-.widget_pages ul ul ul ul li > a:before,
-.widget_recent_comments ul ul ul ul li > a:before,
-.widget_recent_entries ul ul ul ul li > a:before,
-.widget_rss ul ul ul ul li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.widget_archive ul ul ul ul ul li > a:before,
-.widget_categories ul ul ul ul ul li > a:before,
-.widget_meta ul ul ul ul ul li > a:before,
-.widget_nav_menu ul ul ul ul ul li > a:before,
-.widget_pages ul ul ul ul ul li > a:before,
-.widget_recent_comments ul ul ul ul ul li > a:before,
-.widget_recent_entries ul ul ul ul ul li > a:before,
-.widget_rss ul ul ul ul ul li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.widget_archive ul ul ul ul ul ul li > a:before,
-.widget_categories ul ul ul ul ul ul li > a:before,
-.widget_meta ul ul ul ul ul ul li > a:before,
-.widget_nav_menu ul ul ul ul ul ul li > a:before,
-.widget_pages ul ul ul ul ul ul li > a:before,
-.widget_recent_comments ul ul ul ul ul ul li > a:before,
-.widget_recent_entries ul ul ul ul ul ul li > a:before,
-.widget_rss ul ul ul ul ul ul li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.widget_archive ul ul ul ul ul ul ul li > a:before,
-.widget_categories ul ul ul ul ul ul ul li > a:before,
-.widget_meta ul ul ul ul ul ul ul li > a:before,
-.widget_nav_menu ul ul ul ul ul ul ul li > a:before,
-.widget_pages ul ul ul ul ul ul ul li > a:before,
-.widget_recent_comments ul ul ul ul ul ul ul li > a:before,
-.widget_recent_entries ul ul ul ul ul ul ul li > a:before,
-.widget_rss ul ul ul ul ul ul ul li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.widget_archive ul ul ul ul ul ul ul ul li > a:before,
-.widget_categories ul ul ul ul ul ul ul ul li > a:before,
-.widget_meta ul ul ul ul ul ul ul ul li > a:before,
-.widget_nav_menu ul ul ul ul ul ul ul ul li > a:before,
-.widget_pages ul ul ul ul ul ul ul ul li > a:before,
-.widget_recent_comments ul ul ul ul ul ul ul ul li > a:before,
-.widget_recent_entries ul ul ul ul ul ul ul ul li > a:before,
-.widget_rss ul ul ul ul ul ul ul ul li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.widget_archive ul ul ul ul ul ul ul ul ul li > a:before,
-.widget_categories ul ul ul ul ul ul ul ul ul li > a:before,
-.widget_meta ul ul ul ul ul ul ul ul ul li > a:before,
-.widget_nav_menu ul ul ul ul ul ul ul ul ul li > a:before,
-.widget_pages ul ul ul ul ul ul ul ul ul li > a:before,
-.widget_recent_comments ul ul ul ul ul ul ul ul ul li > a:before,
-.widget_recent_entries ul ul ul ul ul ul ul ul ul li > a:before,
-.widget_rss ul ul ul ul ul ul ul ul ul li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.widget_archive ul ul ul ul ul ul ul ul ul ul li > a:before,
-.widget_categories ul ul ul ul ul ul ul ul ul ul li > a:before,
-.widget_meta ul ul ul ul ul ul ul ul ul ul li > a:before,
-.widget_nav_menu ul ul ul ul ul ul ul ul ul ul li > a:before,
-.widget_pages ul ul ul ul ul ul ul ul ul ul li > a:before,
-.widget_recent_comments ul ul ul ul ul ul ul ul ul ul li > a:before,
-.widget_recent_entries ul ul ul ul ul ul ul ul ul ul li > a:before,
-.widget_rss ul ul ul ul ul ul ul ul ul ul li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
+ content: "– " counters(submenu, "– ", none);
+ counter-increment: submenu;
}
.widget_tag_cloud .tagcloud {
@@ -3543,6 +3344,16 @@ body.page .main-navigation {
font-weight: 700;
}
+.widget_search .search-field {
+ width: 100%;
+}
+
+@media only screen and (min-width: 600px) {
+ .widget_search .search-field {
+ width: auto;
+ }
+}
+
.widget_search .search-submit {
display: block;
margin-top: 1rem;
@@ -3652,13 +3463,6 @@ body.page .main-navigation {
}
}
-@media only screen and (min-width: 1168px) {
- .entry .entry-content > *.alignleft,
- .entry .entry-summary > *.alignleft {
- max-width: calc(3 * (100vw / 12));
- }
-}
-
.entry .entry-content > *.alignright,
.entry .entry-summary > *.alignright {
float: right;
@@ -3772,7 +3576,6 @@ body.page .main-navigation {
.entry .entry-content .wp-block-button .wp-block-button__link {
transition: background 150ms ease-in-out;
border: none;
- background: #0073aa;
font-size: 0.88889em;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
line-height: 1.2;
@@ -3781,16 +3584,25 @@ body.page .main-navigation {
text-decoration: none;
padding: 0.76rem 1rem;
outline: none;
- color: white;
outline: none;
}
+.entry .entry-content .wp-block-button .wp-block-button__link:not(.has-background) {
+ background-color: #0073aa;
+}
+
+.entry .entry-content .wp-block-button .wp-block-button__link:not(.has-text-color) {
+ color: white;
+}
+
.entry .entry-content .wp-block-button .wp-block-button__link:hover {
+ color: white;
background: #111;
cursor: pointer;
}
.entry .entry-content .wp-block-button .wp-block-button__link:focus {
+ color: white;
background: #111;
outline: thin dotted;
outline-offset: -4px;
@@ -3804,9 +3616,21 @@ body.page .main-navigation {
.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:focus,
.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:active {
transition: all 150ms ease-in-out;
+ border-width: 2px;
+ border-style: solid;
+}
+
+.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background),
+.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:focus:not(.has-background),
+.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:active:not(.has-background) {
background: transparent;
- border: 2px solid currentColor;
+}
+
+.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color),
+.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:focus:not(.has-text-color),
+.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:active:not(.has-text-color) {
color: #0073aa;
+ border-color: currentColor;
}
.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:hover {
@@ -3854,45 +3678,15 @@ body.page .main-navigation {
padding-right: 0;
}
-.entry .entry-content .wp-block-categories ul li > a:before {
- font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+.entry .entry-content .wp-block-categories ul {
+ counter-reset: submenu;
+}
+
+.entry .entry-content .wp-block-categories ul > li > a::before {
+ font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-weight: normal;
-}
-
-.entry .entry-content .wp-block-categories ul > li > a:before {
- content: "\2013\00a0";
-}
-
-.entry .entry-content .wp-block-categories ul ul li > a:before {
- content: "\2013\00a0\2013\00a0";
-}
-
-.entry .entry-content .wp-block-categories ul ul ul li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.entry .entry-content .wp-block-categories ul ul ul ul li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.entry .entry-content .wp-block-categories ul ul ul ul ul li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.entry .entry-content .wp-block-categories ul ul ul ul ul ul li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.entry .entry-content .wp-block-categories ul ul ul ul ul ul ul li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.entry .entry-content .wp-block-categories ul ul ul ul ul ul ul ul li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.entry .entry-content .wp-block-categories ul ul ul ul ul ul ul ul ul li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
+ content: "– " counters(submenu, "– ", none);
+ counter-increment: submenu;
}
.entry .entry-content .wp-block-latest-posts.is-grid li {
@@ -3920,7 +3714,7 @@ body.page .main-navigation {
}
.entry .entry-content .wp-block-verse {
- font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+ font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-size: 22px;
line-height: 1.8;
}
@@ -3934,7 +3728,8 @@ body.page .main-navigation {
}
.entry .entry-content .wp-block-pullquote {
- border: none;
+ border-color: transparent;
+ border-width: 2px;
padding: 1rem;
}
@@ -4030,6 +3825,10 @@ body.page .main-navigation {
margin-right: 1rem;
}
+.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-text-color p, .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-primary-color, .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-secondary-color, .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-dark-gray-color, .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-light-gray-color, .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-white-color {
+ color: inherit;
+}
+
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote {
margin-right: 0;
@@ -4037,10 +3836,6 @@ body.page .main-navigation {
}
}
-.entry .entry-content .wp-block-pullquote.is-style-solid-color .has-primary-background-color {
- background-color: #0073aa;
-}
-
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-pullquote.is-style-solid-color.alignfull {
padding-right: calc(10% + 58px + (2 * 1rem));
@@ -4145,6 +3940,10 @@ body.page .main-navigation {
line-height: 1.25;
padding: 0;
color: #fff;
+ -ms-hyphens: auto;
+ -moz-hyphens: auto;
+ -webkit-hyphens: auto;
+ hyphens: auto;
}
@media only screen and (min-width: 768px) {
@@ -4159,26 +3958,20 @@ body.page .main-navigation {
}
}
-.entry .entry-content .wp-block-cover-image.aligncenter h2,
-.entry .entry-content .wp-block-cover-image.aligncenter .wp-block-cover-image-text,
-.entry .entry-content .wp-block-cover-image.aligncenter .wp-block-cover-text,
-.entry .entry-content .wp-block-cover.aligncenter h2,
-.entry .entry-content .wp-block-cover.aligncenter .wp-block-cover-image-text,
-.entry .entry-content .wp-block-cover.aligncenter .wp-block-cover-text {
- width: 100%;
- z-index: 1;
- right: 50%;
- position: absolute;
- transform: translate(50%, -50%);
- top: 50%;
-}
-
.entry .entry-content .wp-block-cover-image.alignleft, .entry .entry-content .wp-block-cover-image.alignright,
.entry .entry-content .wp-block-cover.alignleft,
.entry .entry-content .wp-block-cover.alignright {
width: 100%;
}
+@media only screen and (min-width: 768px) {
+ .entry .entry-content .wp-block-cover-image.alignleft, .entry .entry-content .wp-block-cover-image.alignright,
+ .entry .entry-content .wp-block-cover.alignleft,
+ .entry .entry-content .wp-block-cover.alignright {
+ padding: 1rem;
+ }
+}
+
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-image-text,
.entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-text,
@@ -4368,6 +4161,11 @@ body.page .main-navigation {
word-break: break-word;
}
+.entry .entry-content .wp-block-columns.alignfull {
+ padding-right: 1rem;
+ padding-left: 1rem;
+}
+
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-columns .wp-block-column > *:first-child {
margin-top: 0;
@@ -4381,6 +4179,11 @@ body.page .main-navigation {
.entry .entry-content .wp-block-columns[class*='has-'] > *:last-child {
margin-left: 0;
}
+ .entry .entry-content .wp-block-columns.alignfull,
+ .entry .entry-content .wp-block-columns.alignfull .wp-block-column {
+ padding-right: calc(2 * 1rem);
+ padding-left: calc(2 * 1rem);
+ }
}
.entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta {
@@ -4402,8 +4205,27 @@ body.page .main-navigation {
font-size: 0.71111em;
}
-.entry .entry-content .has-primary-background-color {
- background-color: #0073aa;
+.entry .entry-content .has-small-font-size {
+ font-size: 0.88889em;
+}
+
+.entry .entry-content .has-normal-font-size {
+ font-size: 1.125em;
+}
+
+.entry .entry-content .has-large-font-size {
+ font-size: 1.6875em;
+}
+
+.entry .entry-content .has-huge-font-size {
+ font-size: 2.25em;
+}
+
+.entry .entry-content .has-primary-background-color,
+.entry .entry-content .has-secondary-background-color,
+.entry .entry-content .has-dark-gray-background-color,
+.entry .entry-content .has-light-gray-background-color {
+ color: #fff;
}
.entry .entry-content .has-primary-background-color p,
@@ -4413,10 +4235,103 @@ body.page .main-navigation {
.entry .entry-content .has-primary-background-color h4,
.entry .entry-content .has-primary-background-color h5,
.entry .entry-content .has-primary-background-color h6,
-.entry .entry-content .has-primary-background-color a {
+.entry .entry-content .has-primary-background-color a,
+.entry .entry-content .has-secondary-background-color p,
+.entry .entry-content .has-secondary-background-color h1,
+.entry .entry-content .has-secondary-background-color h2,
+.entry .entry-content .has-secondary-background-color h3,
+.entry .entry-content .has-secondary-background-color h4,
+.entry .entry-content .has-secondary-background-color h5,
+.entry .entry-content .has-secondary-background-color h6,
+.entry .entry-content .has-secondary-background-color a,
+.entry .entry-content .has-dark-gray-background-color p,
+.entry .entry-content .has-dark-gray-background-color h1,
+.entry .entry-content .has-dark-gray-background-color h2,
+.entry .entry-content .has-dark-gray-background-color h3,
+.entry .entry-content .has-dark-gray-background-color h4,
+.entry .entry-content .has-dark-gray-background-color h5,
+.entry .entry-content .has-dark-gray-background-color h6,
+.entry .entry-content .has-dark-gray-background-color a,
+.entry .entry-content .has-light-gray-background-color p,
+.entry .entry-content .has-light-gray-background-color h1,
+.entry .entry-content .has-light-gray-background-color h2,
+.entry .entry-content .has-light-gray-background-color h3,
+.entry .entry-content .has-light-gray-background-color h4,
+.entry .entry-content .has-light-gray-background-color h5,
+.entry .entry-content .has-light-gray-background-color h6,
+.entry .entry-content .has-light-gray-background-color a {
color: #fff;
}
+.entry .entry-content .has-white-background-color {
+ color: #111;
+}
+
+.entry .entry-content .has-white-background-color p,
+.entry .entry-content .has-white-background-color h1,
+.entry .entry-content .has-white-background-color h2,
+.entry .entry-content .has-white-background-color h3,
+.entry .entry-content .has-white-background-color h4,
+.entry .entry-content .has-white-background-color h5,
+.entry .entry-content .has-white-background-color h6,
+.entry .entry-content .has-white-background-color a {
+ color: #111;
+}
+
+.entry .entry-content .has-primary-background-color,
+.entry .entry-content .wp-block-pullquote.is-style-solid-color.has-primary-background-color {
+ background-color: #0073aa;
+}
+
+.entry .entry-content .has-secondary-background-color,
+.entry .entry-content .wp-block-pullquote.is-style-solid-color.has-secondary-background-color {
+ background-color: #005177;
+}
+
+.entry .entry-content .has-dark-gray-background-color,
+.entry .entry-content .wp-block-pullquote.is-style-solid-color.has-dark-gray-background-color {
+ background-color: #111;
+}
+
+.entry .entry-content .has-light-gray-background-color,
+.entry .entry-content .wp-block-pullquote.is-style-solid-color.has-light-gray-background-color {
+ background-color: #767676;
+}
+
+.entry .entry-content .has-white-background-color,
+.entry .entry-content .wp-block-pullquote.is-style-solid-color.has-white-background-color {
+ background-color: #FFF;
+}
+
+.entry .entry-content .has-primary-color,
+.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-primary-color,
+.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-primary-color p {
+ color: #0073aa;
+}
+
+.entry .entry-content .has-secondary-color,
+.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-secondary-color,
+.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-secondary-color p {
+ color: #005177;
+}
+
+.entry .entry-content .has-dark-gray-color,
+.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-dark-gray-color,
+.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-dark-gray-color p {
+ color: #111;
+}
+
+.entry .entry-content .has-light-gray-color,
+.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-light-gray-color,
+.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-light-gray-color p {
+ color: #767676;
+}
+
+.entry .entry-content .has-white-color,
+.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-white-color {
+ color: #FFF;
+}
+
/* Media */
.page-content .wp-smiley,
.entry-content .wp-smiley,
@@ -4499,15 +4414,15 @@ svg {
.gallery-item {
display: inline-block;
- margin-left: 1rem;
- margin-bottom: 1rem;
+ margin-left: 16px;
+ margin-bottom: 16px;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-columns-2 .gallery-item {
- max-width: calc( ( 12 / 2 ) * (100% / 12) - ( 1rem * 0.5 ));
+ max-width: calc((100% - 16px * 1) / 2);
}
.gallery-columns-2 .gallery-item:nth-of-type(2n+2) {
@@ -4515,7 +4430,7 @@ svg {
}
.gallery-columns-3 .gallery-item {
- max-width: calc( ( 12 / 3 ) * (100% / 12) - ( 1rem * 0.66667 ));
+ max-width: calc((100% - 16px * 2) / 3);
}
.gallery-columns-3 .gallery-item:nth-of-type(3n+3) {
@@ -4523,7 +4438,7 @@ svg {
}
.gallery-columns-4 .gallery-item {
- max-width: calc( ( 12 / 4 ) * (100% / 12) - ( 1rem * 0.75 ));
+ max-width: calc((100% - 16px * 3) / 4);
}
.gallery-columns-4 .gallery-item:nth-of-type(4n+4) {
@@ -4531,7 +4446,7 @@ svg {
}
.gallery-columns-5 .gallery-item {
- max-width: calc( ( 12 / 5 ) * (100% / 12) - ( 1rem * 0.8 ));
+ max-width: calc((100% - 16px * 4) / 5);
}
.gallery-columns-5 .gallery-item:nth-of-type(5n+5) {
@@ -4539,7 +4454,7 @@ svg {
}
.gallery-columns-6 .gallery-item {
- max-width: calc( ( 12 / 6 ) * (100% / 12) - ( 1rem * 0.83333 ));
+ max-width: calc((100% - 16px * 5) / 6);
}
.gallery-columns-6 .gallery-item:nth-of-type(6n+6) {
@@ -4547,7 +4462,7 @@ svg {
}
.gallery-columns-7 .gallery-item {
- max-width: calc( ( 12 / 7 ) * (100% / 12) - ( 1rem * 0.85714 ));
+ max-width: calc((100% - 16px * 6) / 7);
}
.gallery-columns-7 .gallery-item:nth-of-type(7n+7) {
@@ -4555,7 +4470,7 @@ svg {
}
.gallery-columns-8 .gallery-item {
- max-width: calc( ( 12 / 8 ) * (100% / 12) - ( 1rem * 0.875 ));
+ max-width: calc((100% - 16px * 7) / 8);
}
.gallery-columns-8 .gallery-item:nth-of-type(8n+8) {
@@ -4563,7 +4478,7 @@ svg {
}
.gallery-columns-9 .gallery-item {
- max-width: calc( ( 12 / 9 ) * (100% / 12) - ( 1rem * 0.88889 ));
+ max-width: calc((100% - 16px * 8) / 9);
}
.gallery-columns-9 .gallery-item:nth-of-type(9n+9) {
diff --git a/wp-content/themes/twentynineteen/style.css b/wp-content/themes/twentynineteen/style.css
index 39a753866f..1b54ddaee5 100644
--- a/wp-content/themes/twentynineteen/style.css
+++ b/wp-content/themes/twentynineteen/style.css
@@ -53,18 +53,6 @@ Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
## Captions
## Galleries
--------------------------------------------------------------*/
-/*
- * Chrome renders extra-wide characters for the Hoefler Text font.
- * This results in a jumping cursor when typing in both the Classic and block
- * editors. The following font-face override fixes the issue by manually inserting
- * a custom font that includes just a Hoefler Text space replacement for that
- * character instead.
- */
-@font-face {
- font-family: 'NonBreakingSpaceOverride';
- src: url(data:application/font-woff2;charset=utf-8;base64,d09GMgABAAAAAAMoAA0AAAAACDQAAALTAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4GYACCahEICjx3CywAATYCJANUBCAFhiEHgWwbXQfILgpsY+rQRRARwyAs6uL7pxzYhxEE+32b3aeHmifR6tklkS9hiZA0ewkqGRJE+H7/+6378ASViK/PGeavqJyOzsceKi1s3BCiQsiOdn1r/RBgIJYEgCUhbm/8/8/h4saPssnTNkkiWUBrTRtjmQSajw3Ui3pZ3LYDPD+XG2C3JA/yKAS8/rU5eNfuGqRf4eNNgV4YAlIIgxglEkWe6FYpq10+wi3g+/nUgvgPFczNrz/RsTgVm/zfbPuHZlsuQECxuyqBcQwKFBjFgKO8AqP4bAN9tFJtnM9xPcbNjeXS/x1wY/xU52f5W/X1+9cnH4YwKIaoRRAkUkj/YlAAeF/624foiIDBgBmgQBeGAyhBljUPZUm/l2dTvmpqcBDUOHdbPZWd8JsBAsGr4w8/EDn82/bUPx4eh0YNrQTBuHO2FjQEAGBwK0DeI37DpQVqdERS4gZBhpeUhWCfLFz7J99aEBgsJCHvUGAdAPp4IADDCAPCEFMGpMZ9AQpTfQtQGhLbGVBZFV8BaqNyP68oTZgHNj3M8kBPfXTTC9t90UuzYhy9ciH0grVlOcqyCytisvbsERsEYztiznR0WCrmTksJwbSNK6fd1Rvr25I9oLvctUoEbNOmXJbqgYgPXEHJ82IUsrCnpkxh23F1rfZ2zcRnJYoXtauB3VTFkFXQg3uoZYD5qE0kdjDtoDoF1h2bulGmev5HbYhbrjtohQSRI4aNOkffIcT+d3v6atpaYh3JvPoQsztCcqvaBkppDSPcQ3bw3KaCBo1f5CJWTZEgW3LjLofYg51MaVezrx8xZitYbQ9KYeoRaqQdVLwSEfrKXLK1otCWOKNdR/YwYAfon5Yk8O2MJfSD10dPGA5PIJJQMkah0ugMJiv6x4Dm7LEa8xnrRGGGLAg4sAlbsA07sAt76DOsXKO3hIjtIlpnnFrt1qW4kh6NhS83P/6HB/fl1SMAAA==) format("woff2"), url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAUQAA0AAAAACDQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAE9AAAABwAAAAchf5yU0dERUYAAATYAAAAHAAAAB4AJwAbT1MvMgAAAaAAAABJAAAAYJAcgU5jbWFwAAACIAAAAF4AAAFqUUxBZ2dhc3AAAATQAAAACAAAAAgAAAAQZ2x5ZgAAApAAAAAyAAAAPL0n8y9oZWFkAAABMAAAADAAAAA2Fi93Z2hoZWEAAAFgAAAAHQAAACQOSgWaaG10eAAAAewAAAAzAAAAVC7TAQBsb2NhAAACgAAAABAAAAAsAOQBAm1heHAAAAGAAAAAHQAAACAAWQALbmFtZQAAAsQAAAF6AAADIYvD/Adwb3N0AAAEQAAAAI4AAADsapk2o3jaY2BkYGAA4ov5mwzj+W2+MnCzXwCKMNzgCBSB0LfbQDQ7AxuI4mBgAlEAFKQIRHjaY2BkYGD3+NvCwMDBAALsDAyMDKhAFAA3+wH3AAAAeNpjYGRgYBBl4GBgYgABEMnIABJzAPMZAAVmAGUAAAB42mNgZlJhnMDAysDCKsKygYGBYRqEZtrDYMT4D8gHSmEHjgUFOQwODAqqf9g9/rYwMLB7MNUAhRlBcsxBrMlASoGBEQAj8QtyAAAAeNrjYGBkAAGmWQwMjO8gmBnIZ2NA0ExAzNjAAFYJVn0ASBsD6VAIDZb7AtELAgANIgb9AHjaY2BgYGaAYBkGRgYQSAHyGMF8FgYPIM3HwMHAxMDGoMCwQIFLQV8hXvXP//9AcRCfAcb///h/ygPW+w/vb7olBjUHCTCyMcAFGZmABBO6AogThgZgIUsXAEDcEzcAAHjaY2BgECMCyoEgACZaAed42mNgYmRgYGBnYGNgYAZSDJqMgorCgoqCjECRXwwNrCAKSP5mAAFGBiRgyAAAi/YFBQAAeNqtkc1OwkAUhU/5M25cEhcsZick0AwlBJq6MWwgJkAgYV/KAA2lJeUn+hY+gktXvpKv4dLTMqKycGHsTZNv7px7z50ZAFd4hYHjdw1Ls4EiHjVncIFnzVnc4F1zDkWjrzmPW+NNcwGlzIRKI3fJlUyrEjZQxb3mDH2fNGfRx4vmHKqG0JzHg6E0F9DOlFBGBxUI1GEzLNT4S0aLuTtsGAEUuYcQHkyg3KmIum1bNUvKlrjbbAIleqHHnS4iSudpQcySMYtdFiXlAxzSbAwfMxK6kZoHKhbjjespMTioOPZnzI+4ucCeTVyKMVKLfeAS6vSWaTinuZwzyy/Dc7vaed+6KaV0kukdPUk6yOcctZPvvxxqksq2lEW8RvHjMEO2FCl/zy6p3NEm0R9OFSafJdldc4QVeyaaObMBO0/5cCaa6d9Ggyubxire+lEojscdjoWUR1xGOy8KD8mG2ZLO2l2paDc3A39qmU2z2W5YNv5+u79e6QfGJY/hAAB42m3NywrCMBQE0DupWp/1AYI7/6DEaLQu66Mrd35BKUWKJSlFv1+rue4cGM7shgR981qSon+ZNwUJ8iDgoYU2OvDRRQ99DDDECAHGmGCKmf80hZSx/Kik/LliFbtmN6xmt+yOjdg9GztV4tROnRwX/Bsaaw51nt4Lc7tWaZYHp/MlzKx51LZs5htNri+2AAAAAQAB//8AD3jaY2BkYGDgAWIxIGZiYARCESBmAfMYAAR6AEMAAAABAAAAANXtRbgAAAAA2AhRFAAAAADYCNuG) format("woff");
-}
-
/* If we add the border using a regular CSS border, it won't look good on non-retina devices,
* since its edges can look jagged due to lack of antialiasing. In this case, we are several
* layers of box-shadow to add the border visually, which will render the border smoother. */
@@ -413,7 +401,7 @@ body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #111;
- font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+ font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-weight: 400;
font-size: 1em;
line-height: 1.8;
@@ -427,7 +415,7 @@ select,
optgroup,
textarea {
color: #111;
- font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+ font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-weight: 400;
line-height: 1.8;
text-rendering: optimizeLegibility;
@@ -488,7 +476,7 @@ h6 {
}
.page-title {
- font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+ font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
}
.site-branding,
@@ -1037,7 +1025,7 @@ a:focus {
* Fade-in animation for top-level submenus
*/
/**
- * Full-screen touch device styles
+ * Off-canvas touch device styles
*/
}
@@ -1099,7 +1087,7 @@ body.page .main-navigation {
.main-navigation .main-menu > li.menu-item-has-children .submenu-expand {
display: inline-block;
- margin-right: 0.5rem;
+ margin-right: 0.25rem;
/* Priority+ Menu */
}
@@ -1230,7 +1218,7 @@ body.page .main-navigation {
width: auto;
min-width: 100%;
/* Non-mobile position */
- /* Nested sub-menu padding: 10 levels deep */
+ /* Nested sub-menu dashes */
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu {
@@ -1241,7 +1229,7 @@ body.page .main-navigation {
width: auto;
min-width: 100%;
/* Non-mobile position */
- /* Nested sub-menu padding: 10 levels deep */
+ /* Nested sub-menu dashes */
}
@media only screen and (min-width: 768px) {
@@ -1345,86 +1333,26 @@ body.page .main-navigation {
}
}
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu li > a:before {
- font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu {
+ counter-reset: submenu;
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu {
+ counter-reset: submenu;
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu > li > a::before {
+ font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-weight: normal;
+ content: "– " counters(submenu, "– ", none);
+ counter-increment: submenu;
}
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu li > a:before {
- font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu > li > a::before {
+ font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-weight: normal;
-}
-
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu > li > a:before {
- content: "\2013\00a0";
-}
-
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu > li > a:before {
- content: "\2013\00a0";
-}
-
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0";
-}
-
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0";
-}
-
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
+ content: "– " counters(submenu, "– ", none);
+ counter-increment: submenu;
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu,
@@ -1437,7 +1365,7 @@ body.page .main-navigation {
width: auto;
min-width: 100%;
/* Non-mobile position */
- /* Nested sub-menu padding: 10 levels deep */
+ /* Nested sub-menu dashes */
}
@media only screen and (min-width: 768px) {
@@ -1508,65 +1436,19 @@ body.page .main-navigation {
}
}
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu li > a:before,
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu li > a:before,
-.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu li > a:before {
- font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu,
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu,
+.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu {
+ counter-reset: submenu;
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu > li > a::before,
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu > li > a::before,
+.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu > li > a::before {
+ font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-weight: normal;
-}
-
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu > li > a:before,
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu > li > a:before,
-.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu > li > a:before {
- content: "\2013\00a0";
-}
-
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu .sub-menu li > a:before,
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu .sub-menu li > a:before,
-.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0";
-}
-
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
-.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
-.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
-.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
-.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
-.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
-.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
-.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
+ content: "– " counters(submenu, "– ", none);
+ counter-increment: submenu;
}
.main-navigation .main-menu > .menu-item-has-children:not(.off-canvas):hover > .sub-menu {
@@ -1591,6 +1473,11 @@ body.page .main-navigation {
background-color: transparent;
}
+.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu > li > a,
+.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu > li > .menu-item-link-return {
+ white-space: inherit;
+}
+
.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true {
display: table;
margin-top: 0;
@@ -2102,8 +1989,8 @@ body.page .main-navigation {
box-sizing: content-box;
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
display: block;
- width: 32px;
- height: 32px;
+ width: 50px;
+ height: 50px;
overflow: hidden;
transition: box-shadow 200ms ease-in-out;
}
@@ -2126,14 +2013,22 @@ body.page .main-navigation {
.site-title {
margin: auto;
display: inline;
+ color: #111;
/* When there is no description set, make sure navigation appears below title. */
}
-.site-title a:link,
-.site-title a:visited {
+.site-title a {
color: #111;
}
+.site-title a:link, .site-title a:visited {
+ color: #111;
+}
+
+.site-title a:hover {
+ color: #4a4a4a;
+}
+
.featured-image .site-title {
margin: 0;
}
@@ -2148,14 +2043,6 @@ body.page .main-navigation {
display: block;
}
-.site-title a {
- color: inherit;
-}
-
-.site-title a:hover {
- color: #4a4a4a;
-}
-
@media only screen and (min-width: 768px) {
.site-title {
display: inline;
@@ -3352,20 +3239,6 @@ body.page .main-navigation {
}
}
-#colophon .widget-area .imprint,
-#colophon .site-info .imprint {
- margin-right: 1rem;
-}
-
-#colophon .site-info a {
- color: inherit;
-}
-
-#colophon .site-info a:hover {
- text-decoration: none;
- color: #0073aa;
-}
-
#colophon .widget-column {
display: flex;
flex-wrap: wrap;
@@ -3386,6 +3259,20 @@ body.page .main-navigation {
color: #767676;
}
+#colophon .site-info a {
+ color: inherit;
+}
+
+#colophon .site-info a:hover {
+ text-decoration: none;
+ color: #0073aa;
+}
+
+#colophon .site-info .imprint,
+#colophon .site-info .privacy-policy-link {
+ margin-right: 1rem;
+}
+
/* Widgets */
.widget {
margin: 0 0 1rem;
@@ -3433,115 +3320,29 @@ body.page .main-navigation {
margin-bottom: 0.5rem;
}
-.widget_archive ul ul li > a:before,
-.widget_categories ul ul li > a:before,
-.widget_meta ul ul li > a:before,
-.widget_nav_menu ul ul li > a:before,
-.widget_pages ul ul li > a:before,
-.widget_recent_comments ul ul li > a:before,
-.widget_recent_entries ul ul li > a:before,
-.widget_rss ul ul li > a:before {
- font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+.widget_archive ul ul,
+.widget_categories ul ul,
+.widget_meta ul ul,
+.widget_nav_menu ul ul,
+.widget_pages ul ul,
+.widget_recent_comments ul ul,
+.widget_recent_entries ul ul,
+.widget_rss ul ul {
+ counter-reset: submenu;
+}
+
+.widget_archive ul ul > li > a::before,
+.widget_categories ul ul > li > a::before,
+.widget_meta ul ul > li > a::before,
+.widget_nav_menu ul ul > li > a::before,
+.widget_pages ul ul > li > a::before,
+.widget_recent_comments ul ul > li > a::before,
+.widget_recent_entries ul ul > li > a::before,
+.widget_rss ul ul > li > a::before {
+ font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-weight: normal;
-}
-
-.widget_archive ul ul > li > a:before,
-.widget_categories ul ul > li > a:before,
-.widget_meta ul ul > li > a:before,
-.widget_nav_menu ul ul > li > a:before,
-.widget_pages ul ul > li > a:before,
-.widget_recent_comments ul ul > li > a:before,
-.widget_recent_entries ul ul > li > a:before,
-.widget_rss ul ul > li > a:before {
- content: "\2013\00a0";
-}
-
-.widget_archive ul ul ul li > a:before,
-.widget_categories ul ul ul li > a:before,
-.widget_meta ul ul ul li > a:before,
-.widget_nav_menu ul ul ul li > a:before,
-.widget_pages ul ul ul li > a:before,
-.widget_recent_comments ul ul ul li > a:before,
-.widget_recent_entries ul ul ul li > a:before,
-.widget_rss ul ul ul li > a:before {
- content: "\2013\00a0\2013\00a0";
-}
-
-.widget_archive ul ul ul ul li > a:before,
-.widget_categories ul ul ul ul li > a:before,
-.widget_meta ul ul ul ul li > a:before,
-.widget_nav_menu ul ul ul ul li > a:before,
-.widget_pages ul ul ul ul li > a:before,
-.widget_recent_comments ul ul ul ul li > a:before,
-.widget_recent_entries ul ul ul ul li > a:before,
-.widget_rss ul ul ul ul li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.widget_archive ul ul ul ul ul li > a:before,
-.widget_categories ul ul ul ul ul li > a:before,
-.widget_meta ul ul ul ul ul li > a:before,
-.widget_nav_menu ul ul ul ul ul li > a:before,
-.widget_pages ul ul ul ul ul li > a:before,
-.widget_recent_comments ul ul ul ul ul li > a:before,
-.widget_recent_entries ul ul ul ul ul li > a:before,
-.widget_rss ul ul ul ul ul li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.widget_archive ul ul ul ul ul ul li > a:before,
-.widget_categories ul ul ul ul ul ul li > a:before,
-.widget_meta ul ul ul ul ul ul li > a:before,
-.widget_nav_menu ul ul ul ul ul ul li > a:before,
-.widget_pages ul ul ul ul ul ul li > a:before,
-.widget_recent_comments ul ul ul ul ul ul li > a:before,
-.widget_recent_entries ul ul ul ul ul ul li > a:before,
-.widget_rss ul ul ul ul ul ul li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.widget_archive ul ul ul ul ul ul ul li > a:before,
-.widget_categories ul ul ul ul ul ul ul li > a:before,
-.widget_meta ul ul ul ul ul ul ul li > a:before,
-.widget_nav_menu ul ul ul ul ul ul ul li > a:before,
-.widget_pages ul ul ul ul ul ul ul li > a:before,
-.widget_recent_comments ul ul ul ul ul ul ul li > a:before,
-.widget_recent_entries ul ul ul ul ul ul ul li > a:before,
-.widget_rss ul ul ul ul ul ul ul li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.widget_archive ul ul ul ul ul ul ul ul li > a:before,
-.widget_categories ul ul ul ul ul ul ul ul li > a:before,
-.widget_meta ul ul ul ul ul ul ul ul li > a:before,
-.widget_nav_menu ul ul ul ul ul ul ul ul li > a:before,
-.widget_pages ul ul ul ul ul ul ul ul li > a:before,
-.widget_recent_comments ul ul ul ul ul ul ul ul li > a:before,
-.widget_recent_entries ul ul ul ul ul ul ul ul li > a:before,
-.widget_rss ul ul ul ul ul ul ul ul li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.widget_archive ul ul ul ul ul ul ul ul ul li > a:before,
-.widget_categories ul ul ul ul ul ul ul ul ul li > a:before,
-.widget_meta ul ul ul ul ul ul ul ul ul li > a:before,
-.widget_nav_menu ul ul ul ul ul ul ul ul ul li > a:before,
-.widget_pages ul ul ul ul ul ul ul ul ul li > a:before,
-.widget_recent_comments ul ul ul ul ul ul ul ul ul li > a:before,
-.widget_recent_entries ul ul ul ul ul ul ul ul ul li > a:before,
-.widget_rss ul ul ul ul ul ul ul ul ul li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.widget_archive ul ul ul ul ul ul ul ul ul ul li > a:before,
-.widget_categories ul ul ul ul ul ul ul ul ul ul li > a:before,
-.widget_meta ul ul ul ul ul ul ul ul ul ul li > a:before,
-.widget_nav_menu ul ul ul ul ul ul ul ul ul ul li > a:before,
-.widget_pages ul ul ul ul ul ul ul ul ul ul li > a:before,
-.widget_recent_comments ul ul ul ul ul ul ul ul ul ul li > a:before,
-.widget_recent_entries ul ul ul ul ul ul ul ul ul ul li > a:before,
-.widget_rss ul ul ul ul ul ul ul ul ul ul li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
+ content: "– " counters(submenu, "– ", none);
+ counter-increment: submenu;
}
.widget_tag_cloud .tagcloud {
@@ -3549,6 +3350,16 @@ body.page .main-navigation {
font-weight: 700;
}
+.widget_search .search-field {
+ width: 100%;
+}
+
+@media only screen and (min-width: 600px) {
+ .widget_search .search-field {
+ width: auto;
+ }
+}
+
.widget_search .search-submit {
display: block;
margin-top: 1rem;
@@ -3661,13 +3472,6 @@ body.page .main-navigation {
}
}
-@media only screen and (min-width: 1168px) {
- .entry .entry-content > *.alignleft,
- .entry .entry-summary > *.alignleft {
- max-width: calc(3 * (100vw / 12));
- }
-}
-
.entry .entry-content > *.alignright,
.entry .entry-summary > *.alignright {
/*rtl:ignore*/
@@ -3784,7 +3588,6 @@ body.page .main-navigation {
.entry .entry-content .wp-block-button .wp-block-button__link {
transition: background 150ms ease-in-out;
border: none;
- background: #0073aa;
font-size: 0.88889em;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
line-height: 1.2;
@@ -3793,16 +3596,25 @@ body.page .main-navigation {
text-decoration: none;
padding: 0.76rem 1rem;
outline: none;
- color: white;
outline: none;
}
+.entry .entry-content .wp-block-button .wp-block-button__link:not(.has-background) {
+ background-color: #0073aa;
+}
+
+.entry .entry-content .wp-block-button .wp-block-button__link:not(.has-text-color) {
+ color: white;
+}
+
.entry .entry-content .wp-block-button .wp-block-button__link:hover {
+ color: white;
background: #111;
cursor: pointer;
}
.entry .entry-content .wp-block-button .wp-block-button__link:focus {
+ color: white;
background: #111;
outline: thin dotted;
outline-offset: -4px;
@@ -3816,13 +3628,25 @@ body.page .main-navigation {
.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:focus,
.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:active {
transition: all 150ms ease-in-out;
+ border-width: 2px;
+ border-style: solid;
+}
+
+.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background),
+.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:focus:not(.has-background),
+.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:active:not(.has-background) {
background: transparent;
- border: 2px solid currentColor;
+}
+
+.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color),
+.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:focus:not(.has-text-color),
+.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:active:not(.has-text-color) {
color: #0073aa;
+ border-color: currentColor;
}
.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:hover {
- color: #111;
+ border-color: #111;
}
.entry .entry-content .wp-block-archives,
@@ -3866,45 +3690,15 @@ body.page .main-navigation {
padding-left: 0;
}
-.entry .entry-content .wp-block-categories ul li > a:before {
- font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+.entry .entry-content .wp-block-categories ul {
+ counter-reset: submenu;
+}
+
+.entry .entry-content .wp-block-categories ul > li > a::before {
+ font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-weight: normal;
-}
-
-.entry .entry-content .wp-block-categories ul > li > a:before {
- content: "\2013\00a0";
-}
-
-.entry .entry-content .wp-block-categories ul ul li > a:before {
- content: "\2013\00a0\2013\00a0";
-}
-
-.entry .entry-content .wp-block-categories ul ul ul li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.entry .entry-content .wp-block-categories ul ul ul ul li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.entry .entry-content .wp-block-categories ul ul ul ul ul li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.entry .entry-content .wp-block-categories ul ul ul ul ul ul li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.entry .entry-content .wp-block-categories ul ul ul ul ul ul ul li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.entry .entry-content .wp-block-categories ul ul ul ul ul ul ul ul li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.entry .entry-content .wp-block-categories ul ul ul ul ul ul ul ul ul li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
+ content: "– " counters(submenu, "– ", none);
+ counter-increment: submenu;
}
.entry .entry-content .wp-block-latest-posts.is-grid li {
@@ -3932,7 +3726,7 @@ body.page .main-navigation {
}
.entry .entry-content .wp-block-verse {
- font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+ font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-size: 22px;
line-height: 1.8;
}
@@ -3946,7 +3740,8 @@ body.page .main-navigation {
}
.entry .entry-content .wp-block-pullquote {
- border: none;
+ border-color: transparent;
+ border-width: 2px;
padding: 1rem;
}
@@ -4042,6 +3837,10 @@ body.page .main-navigation {
margin-left: 1rem;
}
+.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-text-color p, .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-primary-color, .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-secondary-color, .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-dark-gray-color, .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-light-gray-color, .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-white-color {
+ color: inherit;
+}
+
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote {
margin-left: 0;
@@ -4049,10 +3848,6 @@ body.page .main-navigation {
}
}
-.entry .entry-content .wp-block-pullquote.is-style-solid-color .has-primary-background-color {
- background-color: #0073aa;
-}
-
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-pullquote.is-style-solid-color.alignfull {
padding-left: calc(10% + 58px + (2 * 1rem));
@@ -4157,6 +3952,10 @@ body.page .main-navigation {
line-height: 1.25;
padding: 0;
color: #fff;
+ -ms-hyphens: auto;
+ -moz-hyphens: auto;
+ -webkit-hyphens: auto;
+ hyphens: auto;
}
@media only screen and (min-width: 768px) {
@@ -4171,26 +3970,20 @@ body.page .main-navigation {
}
}
-.entry .entry-content .wp-block-cover-image.aligncenter h2,
-.entry .entry-content .wp-block-cover-image.aligncenter .wp-block-cover-image-text,
-.entry .entry-content .wp-block-cover-image.aligncenter .wp-block-cover-text,
-.entry .entry-content .wp-block-cover.aligncenter h2,
-.entry .entry-content .wp-block-cover.aligncenter .wp-block-cover-image-text,
-.entry .entry-content .wp-block-cover.aligncenter .wp-block-cover-text {
- width: 100%;
- z-index: 1;
- left: 50%;
- position: absolute;
- transform: translate(-50%, -50%);
- top: 50%;
-}
-
.entry .entry-content .wp-block-cover-image.alignleft, .entry .entry-content .wp-block-cover-image.alignright,
.entry .entry-content .wp-block-cover.alignleft,
.entry .entry-content .wp-block-cover.alignright {
width: 100%;
}
+@media only screen and (min-width: 768px) {
+ .entry .entry-content .wp-block-cover-image.alignleft, .entry .entry-content .wp-block-cover-image.alignright,
+ .entry .entry-content .wp-block-cover.alignleft,
+ .entry .entry-content .wp-block-cover.alignright {
+ padding: 1rem;
+ }
+}
+
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-image-text,
.entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-text,
@@ -4380,6 +4173,11 @@ body.page .main-navigation {
word-break: break-word;
}
+.entry .entry-content .wp-block-columns.alignfull {
+ padding-left: 1rem;
+ padding-right: 1rem;
+}
+
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-columns .wp-block-column > *:first-child {
margin-top: 0;
@@ -4393,6 +4191,11 @@ body.page .main-navigation {
.entry .entry-content .wp-block-columns[class*='has-'] > *:last-child {
margin-right: 0;
}
+ .entry .entry-content .wp-block-columns.alignfull,
+ .entry .entry-content .wp-block-columns.alignfull .wp-block-column {
+ padding-left: calc(2 * 1rem);
+ padding-right: calc(2 * 1rem);
+ }
}
.entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta {
@@ -4414,8 +4217,27 @@ body.page .main-navigation {
font-size: 0.71111em;
}
-.entry .entry-content .has-primary-background-color {
- background-color: #0073aa;
+.entry .entry-content .has-small-font-size {
+ font-size: 0.88889em;
+}
+
+.entry .entry-content .has-normal-font-size {
+ font-size: 1.125em;
+}
+
+.entry .entry-content .has-large-font-size {
+ font-size: 1.6875em;
+}
+
+.entry .entry-content .has-huge-font-size {
+ font-size: 2.25em;
+}
+
+.entry .entry-content .has-primary-background-color,
+.entry .entry-content .has-secondary-background-color,
+.entry .entry-content .has-dark-gray-background-color,
+.entry .entry-content .has-light-gray-background-color {
+ color: #fff;
}
.entry .entry-content .has-primary-background-color p,
@@ -4425,10 +4247,103 @@ body.page .main-navigation {
.entry .entry-content .has-primary-background-color h4,
.entry .entry-content .has-primary-background-color h5,
.entry .entry-content .has-primary-background-color h6,
-.entry .entry-content .has-primary-background-color a {
+.entry .entry-content .has-primary-background-color a,
+.entry .entry-content .has-secondary-background-color p,
+.entry .entry-content .has-secondary-background-color h1,
+.entry .entry-content .has-secondary-background-color h2,
+.entry .entry-content .has-secondary-background-color h3,
+.entry .entry-content .has-secondary-background-color h4,
+.entry .entry-content .has-secondary-background-color h5,
+.entry .entry-content .has-secondary-background-color h6,
+.entry .entry-content .has-secondary-background-color a,
+.entry .entry-content .has-dark-gray-background-color p,
+.entry .entry-content .has-dark-gray-background-color h1,
+.entry .entry-content .has-dark-gray-background-color h2,
+.entry .entry-content .has-dark-gray-background-color h3,
+.entry .entry-content .has-dark-gray-background-color h4,
+.entry .entry-content .has-dark-gray-background-color h5,
+.entry .entry-content .has-dark-gray-background-color h6,
+.entry .entry-content .has-dark-gray-background-color a,
+.entry .entry-content .has-light-gray-background-color p,
+.entry .entry-content .has-light-gray-background-color h1,
+.entry .entry-content .has-light-gray-background-color h2,
+.entry .entry-content .has-light-gray-background-color h3,
+.entry .entry-content .has-light-gray-background-color h4,
+.entry .entry-content .has-light-gray-background-color h5,
+.entry .entry-content .has-light-gray-background-color h6,
+.entry .entry-content .has-light-gray-background-color a {
color: #fff;
}
+.entry .entry-content .has-white-background-color {
+ color: #111;
+}
+
+.entry .entry-content .has-white-background-color p,
+.entry .entry-content .has-white-background-color h1,
+.entry .entry-content .has-white-background-color h2,
+.entry .entry-content .has-white-background-color h3,
+.entry .entry-content .has-white-background-color h4,
+.entry .entry-content .has-white-background-color h5,
+.entry .entry-content .has-white-background-color h6,
+.entry .entry-content .has-white-background-color a {
+ color: #111;
+}
+
+.entry .entry-content .has-primary-background-color,
+.entry .entry-content .wp-block-pullquote.is-style-solid-color.has-primary-background-color {
+ background-color: #0073aa;
+}
+
+.entry .entry-content .has-secondary-background-color,
+.entry .entry-content .wp-block-pullquote.is-style-solid-color.has-secondary-background-color {
+ background-color: #005177;
+}
+
+.entry .entry-content .has-dark-gray-background-color,
+.entry .entry-content .wp-block-pullquote.is-style-solid-color.has-dark-gray-background-color {
+ background-color: #111;
+}
+
+.entry .entry-content .has-light-gray-background-color,
+.entry .entry-content .wp-block-pullquote.is-style-solid-color.has-light-gray-background-color {
+ background-color: #767676;
+}
+
+.entry .entry-content .has-white-background-color,
+.entry .entry-content .wp-block-pullquote.is-style-solid-color.has-white-background-color {
+ background-color: #FFF;
+}
+
+.entry .entry-content .has-primary-color,
+.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-primary-color,
+.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-primary-color p {
+ color: #0073aa;
+}
+
+.entry .entry-content .has-secondary-color,
+.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-secondary-color,
+.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-secondary-color p {
+ color: #005177;
+}
+
+.entry .entry-content .has-dark-gray-color,
+.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-dark-gray-color,
+.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-dark-gray-color p {
+ color: #111;
+}
+
+.entry .entry-content .has-light-gray-color,
+.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-light-gray-color,
+.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-light-gray-color p {
+ color: #767676;
+}
+
+.entry .entry-content .has-white-color,
+.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-white-color {
+ color: #FFF;
+}
+
/* Media */
.page-content .wp-smiley,
.entry-content .wp-smiley,
@@ -4511,15 +4426,15 @@ svg {
.gallery-item {
display: inline-block;
- margin-right: 1rem;
- margin-bottom: 1rem;
+ margin-right: 16px;
+ margin-bottom: 16px;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-columns-2 .gallery-item {
- max-width: calc( ( 12 / 2 ) * (100% / 12) - ( 1rem * 0.5 ));
+ max-width: calc((100% - 16px * 1) / 2);
}
.gallery-columns-2 .gallery-item:nth-of-type(2n+2) {
@@ -4527,7 +4442,7 @@ svg {
}
.gallery-columns-3 .gallery-item {
- max-width: calc( ( 12 / 3 ) * (100% / 12) - ( 1rem * 0.66667 ));
+ max-width: calc((100% - 16px * 2) / 3);
}
.gallery-columns-3 .gallery-item:nth-of-type(3n+3) {
@@ -4535,7 +4450,7 @@ svg {
}
.gallery-columns-4 .gallery-item {
- max-width: calc( ( 12 / 4 ) * (100% / 12) - ( 1rem * 0.75 ));
+ max-width: calc((100% - 16px * 3) / 4);
}
.gallery-columns-4 .gallery-item:nth-of-type(4n+4) {
@@ -4543,7 +4458,7 @@ svg {
}
.gallery-columns-5 .gallery-item {
- max-width: calc( ( 12 / 5 ) * (100% / 12) - ( 1rem * 0.8 ));
+ max-width: calc((100% - 16px * 4) / 5);
}
.gallery-columns-5 .gallery-item:nth-of-type(5n+5) {
@@ -4551,7 +4466,7 @@ svg {
}
.gallery-columns-6 .gallery-item {
- max-width: calc( ( 12 / 6 ) * (100% / 12) - ( 1rem * 0.83333 ));
+ max-width: calc((100% - 16px * 5) / 6);
}
.gallery-columns-6 .gallery-item:nth-of-type(6n+6) {
@@ -4559,7 +4474,7 @@ svg {
}
.gallery-columns-7 .gallery-item {
- max-width: calc( ( 12 / 7 ) * (100% / 12) - ( 1rem * 0.85714 ));
+ max-width: calc((100% - 16px * 6) / 7);
}
.gallery-columns-7 .gallery-item:nth-of-type(7n+7) {
@@ -4567,7 +4482,7 @@ svg {
}
.gallery-columns-8 .gallery-item {
- max-width: calc( ( 12 / 8 ) * (100% / 12) - ( 1rem * 0.875 ));
+ max-width: calc((100% - 16px * 7) / 8);
}
.gallery-columns-8 .gallery-item:nth-of-type(8n+8) {
@@ -4575,7 +4490,7 @@ svg {
}
.gallery-columns-9 .gallery-item {
- max-width: calc( ( 12 / 9 ) * (100% / 12) - ( 1rem * 0.88889 ));
+ max-width: calc((100% - 16px * 8) / 9);
}
.gallery-columns-9 .gallery-item:nth-of-type(9n+9) {
diff --git a/wp-includes/version.php b/wp-includes/version.php
index 22ca5d3164..3deb49198a 100644
--- a/wp-includes/version.php
+++ b/wp-includes/version.php
@@ -4,7 +4,7 @@
*
* @global string $wp_version
*/
-$wp_version = '5.0-beta5-43908';
+$wp_version = '5.0-beta5-43909';
/**
* Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.