WordPress.org
Get WordPress

Make WordPress Core

Changeset 43909


Ignore:
Timestamp:
11/19/2018 09:26:02 PM (8 years ago)
Author:
allancole
Message:

Updating Twenty Nineteen, our new default theme for 2019, set for 5.0.

This update changes the following:

  • Fix JS errors in customizer caused by menu scripts
  • Fix footer menu spacing
  • Fix pullquote block borders to follow Gutenberg’s described style
  • Fix editor-only styles so they don't appear on the frontend when not needed
  • Fix search field widget width on mobile
  • Fix :visited .button link colors
  • Fix Block toolbar position in the editor
  • Fix off-canvas mobile menu to prevent text from overflowing
  • Improve column block formatting for the editor and frontend
  • Improve CSS optimization for selectors that add dashes to multi-level lists
  • Improve editor font sizes to use pixels over ems
  • Improve styles for galleries in the Classic Editor block
  • Improve priority+ more-menu threshold to allow more space for menu-items
  • Improve logo size on mobile devices
  • Improve customizer color options to present a single, unified color option
  • Improve print stylesheet for better spacing and colors
  • Add more color options to Gutenberg editor

Initial development occurred on GitHub. See: ​https://github.com/WordPress/twentynineteen

Props allancole, karmatosed, kjellr, yingling017, mrasharirfan, milana_cap, fabiankaegy, westonruter, jorbin, netweb, b-07, khleomix, audrasjb, nielslange, mmaumio, richsalvucci, littlebigthing, dimadin, joyously, anevins, peterwilsoncc, dannycooper, iCaleb, siriokun, technosiren, travel_girl, azchughtai, ianbelanger, nadim1992, ismailelkorchi, nativeinside, chetan200891, grapplerulrich, ocean90, joshfeck, frankew, AbdulWahab610, mendezcode, eliorivero, melchoyce, joen, laurelfulford, mdawaffe, kraftbj, dsmart, nao, mayukojpn, enodekciw, ketuchetan, atanasangelovdev, poena, sharaz, artisticasad, mukesh27, burhandodhy, crunnells, aprakasa, themeroots, imonly_ik, tlxo, youthkee, brentswisher, smyoon315, mrahmadawais, desideveloper, Kau-Boy, mor10, mikeyarce, dingo_bastard

Location:
branches/5.0/src/wp-content/themes/twentynineteen
Files:
21 edited

Legend:

Unmodified
Added
Removed

  • branches/5.0/src/wp-content/themes/twentynineteen/functions.php

    r43892 r43909  
    108108                add_editor_style( 'style-editor.css' );
    109109
     110                // Add custom editor font sizes
     111                add_theme_support(
     112                        'editor-font-sizes',
     113                        array(
     114                                array(
     115                                        'name' => __( 'Small', 'twentynineteen' ),
     116                                        'shortName' => __( 'S', 'twentynineteen' ),
     117                                        'size' => 19.5,
     118                                        'slug' => 'small',
     119                                ),
     120                                array(
     121                                        'name' => __( 'Normal', 'twentynineteen' ),
     122                                        'shortName' => __( 'M', 'twentynineteen' ),
     123                                        'size' => 22,
     124                                        'slug' => 'normal',
     125                                ),
     126                                array(
     127                                        'name' => __( 'Large', 'twentynineteen' ),
     128                                        'shortName' => __( 'L', 'twentynineteen' ),
     129                                        'size' => 36.5,
     130                                        'slug' => 'large',
     131                                ),
     132                                array(
     133                                        'name' => __( 'Huge', 'twentynineteen' ),
     134                                        'shortName' => __( 'XL', 'twentynineteen' ),
     135                                        'size' => 49.5,
     136                                        'slug' => 'huge',
     137                                ),
     138                        )
     139                );
     140
    110141                // Editor color palette.
    111142                add_theme_support(
    … …  
    113144                        array(
    114145                                array(
    115                                         'name'  => __( 'Primary Color', 'twentynineteen' ),
     146                                        'name'  => __( 'Primary', 'twentynineteen' ),
    116147                                        'slug'  => 'primary',
    117                                         'color' => twentynineteen_hsl_hex( 'default' === get_theme_mod( 'colorscheme' ) ? 199 : get_theme_mod( 'colorscheme_primary_hue', 199 ), 100, 33 ),
     148                                        'color' => twentynineteen_hsl_hex( 'default' === get_theme_mod( 'primary_color' ) ? 199 : get_theme_mod( 'primary_color_hue', 199 ), 100, 33 ),
     149                                ),
     150                                array(
     151                                        'name'  => __( 'Secondary', 'twentynineteen' ),
     152                                        'slug'  => 'secondary',
     153                                        'color' => twentynineteen_hsl_hex( 'default' === get_theme_mod( 'primary_color' ) ? 199 : get_theme_mod( 'primary_color_hue', 199 ), 100, 23 ),
     154                                ),
     155                                array(
     156                                        'name'  => __( 'Dark Gray', 'twentynineteen' ),
     157                                        'slug'  => 'dark-gray',
     158                                        'color' => '#111',
     159                                ),
     160                                array(
     161                                        'name'  => __( 'Light Gray', 'twentynineteen' ),
     162                                        'slug'  => 'light-gray',
     163                                        'color' => '#767676',
     164                                ),
     165                                array(
     166                                        'name'  => __( 'White', 'twentynineteen' ),
     167                                        'slug'  => 'white',
     168                                        'color' => '#FFF',
    118169                                ),
    119170                        )
    … …  
    122173                // Add support for responsive embedded content.
    123174                add_theme_support( 'responsive-embeds' );
    124 
    125175        }
    126176endif;
    … …  
    194244        wp_enqueue_style( 'twentynineteen-editor-customizer-styles', get_theme_file_uri( '/style-editor-customizer.css' ), false, '1.0', 'all' );
    195245
    196         if ( 'custom' === get_theme_mod( 'colorscheme' ) ) {
     246        if ( 'custom' === get_theme_mod( 'primary_color' ) ) {
    197247                // Include color patterns
    198248                require_once get_parent_theme_file_path( '/inc/color-patterns.php' );
    … …  
    208258
    209259        // Only include custom colors in customizer or frontend.
    210         if ( ( ! is_customize_preview() && 'default' === get_theme_mod( 'colorscheme', 'default' ) ) || is_admin() ) {
     260        if ( ( ! is_customize_preview() && 'default' === get_theme_mod( 'primary_color', 'default' ) ) || is_admin() ) {
    211261                return;
    212262        }
    … …  
    214264        require_once get_parent_theme_file_path( '/inc/color-patterns.php' );
    215265
    216         if ( 'default' === get_theme_mod( 'colorscheme', 'default' ) ) {
     266        if ( 'default' === get_theme_mod( 'primary_color', 'default' ) ) {
    217267                $primary_color = 199;
    218268        } else {
    219                 $primary_color = absint( get_theme_mod( 'colorscheme_primary_hue', 199 ) );
     269                $primary_color = absint( get_theme_mod( 'primary_color_hue', 199 ) );
    220270        }
    221271        ?>

  • branches/5.0/src/wp-content/themes/twentynineteen/inc/color-patterns.php

    r43904 r43909  
    99
    1010/**
    11  * Generate the CSS for the current custom color scheme.
     11 * Generate the CSS for the current primary color.
    1212 */
    1313function twentynineteen_custom_colors_css() {
    1414
    15         if ( 'default' === get_theme_mod( 'colorscheme', 'default' ) ) {
     15        if ( 'default' === get_theme_mod( 'primary_color', 'default' ) ) {
    1616                $primary_color = 199;
    1717        } else {
    18                 $primary_color = absint( get_theme_mod( 'colorscheme_primary_hue', 199 ) );
     18                $primary_color = absint( get_theme_mod( 'primary_color_hue', 199 ) );
    1919        }
    2020
    … …  
    6161                .main-navigation .sub-menu,
    6262                .sticky-post,
    63                 .entry .entry-content .wp-block-button .wp-block-button__link,
     63                .entry .entry-content .wp-block-button .wp-block-button__link:not(.has-background),
    6464                .entry .button, button, input[type="button"], input[type="reset"], input[type="submit"],
    6565                .entry .entry-content > .has-primary-background-color,
    … …  
    6767                .entry .entry-content > *[class^="wp-block-"] .has-primary-background-color,
    6868                .entry .entry-content > *[class^="wp-block-"].is-style-solid-color,
    69                 .entry .entry-content > *[class^="wp-block-"].is-style-solid-color .has-primary-background-color,
     69                .entry .entry-content > *[class^="wp-block-"].is-style-solid-color.has-primary-background-color,
    7070                .entry .entry-content .wp-block-file .wp-block-file__button {
    7171                        background-color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
    … …  
    8686                 */
    8787                a,
    88                 a:not(.button):visited,
     88                a:visited,
    8989                .main-navigation .main-menu > li,
    9090                .main-navigation ul.main-menu > li > a,
    … …  
    9898                #colophon .site-info a:hover,
    9999                .widget a,
    100                 .entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link,
    101                 .entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link,
    102                 .entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link,
     100                .entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color),
     101                .entry .entry-content > .has-primary-color,
    103102                .entry .entry-content > *[class^="wp-block-"] .has-primary-color,
    104                 .entry .entry-content > *[class^="wp-block-"].is-style-solid-color .has-primary-color {
     103                .entry .entry-content > *[class^="wp-block-"].is-style-solid-color blockquote.has-primary-color,
     104                .entry .entry-content > *[class^="wp-block-"].is-style-solid-color blockquote.has-primary-color p {
    105105                        color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
    106106                }
    … …  
    148148                .main-navigation .main-menu > li > a:hover,
    149149                .main-navigation .main-menu > li > a:hover + svg,
     150                .post-navigation .nav-links a:hover,
    150151                .post-navigation .nav-links a:hover .post-title,
    151152                .author-bio .author-description .author-link:hover,
     153                .entry .entry-content > .has-secondary-color,
     154                .entry .entry-content > *[class^="wp-block-"] .has-secondary-color,
     155                .entry .entry-content > *[class^="wp-block-"].is-style-solid-color blockquote.has-secondary-color,
     156                .entry .entry-content > *[class^="wp-block-"].is-style-solid-color blockquote.has-secondary-color p,
    152157                .comment .comment-author .fn a:hover,
    153158                .comment-reply-link:hover,
    … …  
    166171                .main-navigation .sub-menu > li > .menu-item-link-return:focus,
    167172                .main-navigation .sub-menu > li > a:not(.submenu-expand):hover,
    168                 .main-navigation .sub-menu > li > a:not(.submenu-expand):focus {
     173                .main-navigation .sub-menu > li > a:not(.submenu-expand):focus,
     174                .entry .entry-content > .has-secondary-background-color,
     175                .entry .entry-content > *[class^="wp-block-"].has-secondary-background-color,
     176                .entry .entry-content > *[class^="wp-block-"] .has-secondary-background-color,
     177                .entry .entry-content > *[class^="wp-block-"].is-style-solid-color.has-secondary-background-color {
    169178                        background-color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness_hover . ' ); /* base: #005177; */
    170179                }

  • branches/5.0/src/wp-content/themes/twentynineteen/inc/customizer.php

    r43860 r43909  
    11<?php
    22/**
    3  * Twenty Nineteen Theme Customizer
     3 * Twenty Nineteen: Customizer
    44 *
    55 * @package WordPress
    … …  
    3636
    3737        /**
    38          * Custom colors.
     38         * Primary color.
    3939         */
    4040        $wp_customize->add_setting(
    41                 'colorscheme',
     41                'primary_color',
    4242                array(
    4343                        'default'           => 'default',
    … …  
    4848
    4949        $wp_customize->add_control(
    50                 'colorscheme',
     50                'primary_color',
    5151                array(
    5252                        'type'     => 'radio',
    53                         'label'    => __( 'Color Scheme', 'twentynineteen' ),
     53                        'label'    => __( 'Primary Color', 'twentynineteen' ),
    5454                        'choices'  => array(
    55                                 'default'  => _x( 'Default', 'color scheme', 'twentynineteen' ),
    56                                 'custom' => _x( 'Custom', 'color scheme', 'twentynineteen' ),
     55                                'default'  => _x( 'Default', 'primary color', 'twentynineteen' ),
     56                                'custom' => _x( 'Custom', 'primary color', 'twentynineteen' ),
    5757                        ),
    5858                        'section'  => 'colors',
    … …  
    6161        );
    6262
    63         // Add primary color setting and control.
     63        // Add primary color hue setting and control.
    6464        $wp_customize->add_setting(
    65                 'colorscheme_primary_hue',
     65                'primary_color_hue',
    6666                array(
    6767                        'default'           => 199,
    … …  
    7474                new WP_Customize_Color_Control(
    7575                        $wp_customize,
    76                         'colorscheme_primary_hue',
     76                        'primary_color_hue',
    7777                        array(
    78                                 'label'       => __( 'Primary Color', 'twentynineteen' ),
    79                                 'description' => __( 'Changes the Color of the Featured Image overlay, Buttons, Links etc.', 'twentynineteen' ),
     78                                'description' => __( 'Apply a custom color for buttons, links, featured images, etc.', 'twentynineteen' ),
    8079                                'section'     => 'colors',
    8180                                'mode'        => 'hue',
    … …  
    8483        );
    8584
     85        // Add image filter setting and control.
    8686        $wp_customize->add_setting(
    8787                'image_filter',
    8888                array(
    89                         'default'           => 'active',
    90                         'sanitize_callback' => 'twentynineteen_sanitize_image_filter',
     89                        'default'           => 1,
     90                        'sanitize_callback' => 'absint',
    9191                        'transport'         => 'postMessage',
    9292                )
    … …  
    9696                'image_filter',
    9797                array(
    98                         'label'       => __( 'Featured Image Color Filter', 'twentynineteen' ),
    99                         'section'     => 'colors',
    100                         'type'        => 'radio',
    101                         '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' ) . '<br/><span style="font-style: normal; display: block; margin-top: 16px;">' . __( 'On Featured Images, apply', 'twentynineteen' ) . '</span>',
    102                         'choices'     => array(
    103                                 'active'   => __( 'A color filter', 'twentynineteen' ),
    104                                 'inactive' => __( 'A black filter', 'twentynineteen' ),
    105                         ),
     98                        'label'   => __( 'Apply a filter to featured images using the primary color', 'twentynineteen' ),
     99                        'section' => 'colors',
     100                        'type'    => 'checkbox',
    106101                )
    107102        );
    … …  
    144139
    145140/**
    146  * Sanitize image filter choice.
     141 * Sanitize custom color choice.
    147142 *
    148143 * @param string $choice Whether image filter is active.
    … …  
    162157        return 'default';
    163158}
    164 /**
    165  * Sanitize image filter choice.
    166  *
    167  * @param string $choice Whether image filter is active.
    168  *
    169  * @return string
    170  */
    171 function twentynineteen_sanitize_image_filter( $choice ) {
    172         $valid = array(
    173                 'active',
    174                 'inactive',
    175         );
    176 
    177         if ( in_array( $choice, $valid, true ) ) {
    178                 return $choice;
    179         }
    180 
    181         return 'active';
    182 }

  • branches/5.0/src/wp-content/themes/twentynineteen/inc/template-functions.php

    r43904 r43909  
    107107 */
    108108function twentynineteen_image_filters_enabled() {
    109         if ( 'inactive' === get_theme_mod( 'image_filter' ) ) {
    110                 return false;
    111         }
    112         return true;
     109        if ( get_theme_mod( 'image_filter', 1 ) ) {
     110                return true;
     111        }
     112        return false;
    113113}
    114114

  • branches/5.0/src/wp-content/themes/twentynineteen/js/customize-controls.js

    r43860 r43909  
    1111        wp.customize.bind( 'ready', function() {
    1212
    13                 // Only show the color hue control when there's a custom color scheme.
    14                 wp.customize( 'colorscheme', function( setting ) {
    15                         wp.customize.control( 'colorscheme_primary_hue', function( control ) {
     13                // Only show the color hue control when there's a custom primary color.
     14                wp.customize( 'primary_color', function( setting ) {
     15                        wp.customize.control( 'primary_color_hue', function( control ) {
    1616                                var visibility = function() {
    1717                                        if ( 'custom' === setting.get() ) {

  • branches/5.0/src/wp-content/themes/twentynineteen/js/customize-preview.js

    r43892 r43909  
    99(function( $ ) {
    1010
    11         // Default color.
    12         wp.customize( 'colorscheme', function( value ) {
     11        // Primary color.
     12        wp.customize( 'primary_color', function( value ) {
    1313                value.bind( function( to ) {
    1414                        // Update custom color CSS.
    … …  
    1818                                color;
    1919
    20                         if( to  === 'custom' ){
    21                                 //If a "custom" color option is selected, use the currently set colorscheme_primary_hue
    22                                 color = wp.customize.get().colorscheme_primary_hue;
     20                        if( 'custom' === to ){
     21                                // If a custom primary color is selected, use the currently set primary_color_hue
     22                                color = wp.customize.get().primary_color_hue;
    2323                        } else {
    24                                 //If the "default" option is selected, get the default primary_hue
     24                                // If the "default" option is selected, get the default primary_color_hue
    2525                                color = 199;
    2626                        }
    … …  
    3232        });
    3333
    34         // Primary color.
    35         wp.customize( 'colorscheme_primary_hue', function( value ) {
     34        // Primary color hue.
     35        wp.customize( 'primary_color_hue', function( value ) {
    3636                value.bind( function( to ) {
    3737
    … …  
    5050        wp.customize( 'image_filter', function( value ) {
    5151                value.bind( function( to ) {
    52                         if ( 'active' === to ) {
     52                        if ( to ) {
    5353                                $( 'body' ).addClass( 'image-filters-enabled' );
    5454                        } else {

  • branches/5.0/src/wp-content/themes/twentynineteen/js/priority-menu.js

    r43904 r43909  
    7979         */
    8080        function getAvailableSpace( button, container ) {
    81                 return container.offsetWidth - button.offsetWidth - 50;
     81                return container.offsetWidth - button.offsetWidth - 22;
    8282        }
    8383
    … …  
    9898
    9999        /**
     100         * Let’s bail if we our menu doesn't exist
     101         */
     102        if ( ! navContainer ) {
     103                return;
     104        }
     105
     106        /**
    100107         * Refreshes the list item from the menu depending on the menu size
    101108         */
    102109        function updateNavigationMenu( container ) {
     110
     111                /**
     112                 * Let’s bail if our menu is empty
     113                 */
     114                if ( ! container.parentNode.querySelector('.main-menu[id]') ) {
     115                        return;
     116                }
    103117
    104118                // Adds the necessary UI to operate the menu.
    … …  
    148162                        'undefined' !== typeof wp &&
    149163                        wp.customize &&
    150                         wp.customize.selectiveRefresh
     164                        wp.customize.selectiveRefresh &&
     165                        wp.customize.navMenusPreview.NavMenuInstancePartial
    151166                );
    152167
    153168                if ( hasSelectiveRefresh ) {
    154                         // Force a full refresh on partial content renders to re-run updateNavigationMenu()
    155                         wp.customize.selectiveRefresh.bind('partial-content-rendered', function () {
    156                                 wp.customize.preview.send('refresh');
     169                        // Re-run our priority+ function on Nav Menu partial refreshes
     170                        wp.customize.selectiveRefresh.bind( 'partial-content-rendered', function ( placement ) {
     171
     172                                var isNewNavMenu = (
     173                                        placement &&
     174                                        placement.partial.id.includes( 'nav_menu_instance' ) &&
     175                                        'null' !== placement.container[0].parentNode &&
     176                                        placement.container[0].parentNode.classList.contains( 'main-navigation' )
     177                                );
     178
     179                                if ( isNewNavMenu ) {
     180                                        updateNavigationMenu( placement.container[0].parentNode );
     181                                }
    157182                        });
    158183        }
    … …  
    162187         * Run our priority+ function on load
    163188         */
    164         window.addEventListener('load', function() {
     189        window.addEventListener( 'load', function() {
    165190                updateNavigationMenu( navContainer );
    166191        });

  • branches/5.0/src/wp-content/themes/twentynineteen/print.css

    r43904 r43909  
    7676  a:link, a:visited, a {
    7777    background: transparent;
    78     color: #520;
    7978    font-weight: bold;
    8079    text-decoration: underline;
    … …  
    9897  /* Visibility */
    9998  .main-navigation,
     99  .site-title + .main-navigation,
    100100  .social-navigation,
    101101  .site-branding-container:before,
    … …  
    105105  .post-navigation,
    106106  .widget-area,
    107   .comment-form-flex {
     107  .comment-form-flex,
     108  .comment-reply,
     109  .comment .comment-metadata .edit-link {
    108110    display: none;
     111  }
     112  .entry .entry-content .wp-block-button .wp-block-button__link,
     113  .entry .entry-content .button {
     114    color: #000;
     115    background: none;
    109116  }
    110117  /* Site Header (With Featured Image) */
    … …  
    124131  .site-header.featured-image .social-navigation li,
    125132  .site-header.featured-image .entry-meta,
    126   .site-header.featured-image .entry-title {
     133  .site-header.featured-image .entry-title,
     134  .site-header.featured-image#masthead .site-title a {
    127135    color: #000;
    128136    text-shadow: none;
    … …  
    147155    display: none !important;
    148156  }
     157  .image-filters-enabled .site-header.featured-image .site-featured-image:before {
     158    display: none;
     159  }
    149160  .image-filters-enabled .site-header.featured-image .site-featured-image .post-thumbnail img {
    150161    filter: none;

  • branches/5.0/src/wp-content/themes/twentynineteen/print.scss

    r43904 r43909  
    9494  a:link, a:visited, a {
    9595    background: transparent;
    96     color: #520;
    9796    font-weight: bold;
    9897    text-decoration: underline;
    … …  
    101100
    102101  a {
    103     page-break-inside: avoid
     102    page-break-inside: avoid;
    104103  }
    105104
    … …  
    122121  /* Visibility */
    123122  .main-navigation,
     123  .site-title + .main-navigation,
    124124  .social-navigation,
    125125  .site-branding-container:before,
    … …  
    129129  .post-navigation,
    130130  .widget-area,
    131   .comment-form-flex {
     131  .comment-form-flex,
     132  .comment-reply,
     133  .comment .comment-metadata .edit-link {
    132134    display: none;
     135  }
     136
     137  .entry .entry-content .wp-block-button .wp-block-button__link,
     138  .entry .entry-content .button {
     139    color: #000;
     140    background: none;
    133141  }
    134142
    … …  
    149157    .social-navigation li,
    150158    .entry-meta,
    151     .entry-title {
     159    .entry-title,
     160    &#masthead .site-title a {
    152161      color: #000;
    153162      text-shadow: none;
    … …  
    179188    }
    180189
     190    .site-header.featured-image .site-featured-image:before {
     191      display: none;
     192    }
     193
    181194    .site-header.featured-image .site-featured-image .post-thumbnail img {
    182195      filter: none;

  • branches/5.0/src/wp-content/themes/twentynineteen/sass/blocks/_blocks.scss

    r43904 r43909  
    6161                        margin-right: calc(2 * #{$size__spacing-unit});
    6262                }
    63 
    64                 @include media(desktop) {
    65                         max-width: calc(3 * (100vw / 12));
    66                 }
    6763        }
    6864
    … …  
    164160                        @include button-transition;
    165161                        border: none;
    166                         background: $color__background-button;
    167162                        font-size: $font__size-sm;
    168163                        font-family: $font__heading;
    … …  
    173168                        padding: ($size__spacing-unit * .76) $size__spacing-unit;
    174169                        outline: none;
    175                         color: white;
    176170                        outline: none;
    177171
     172                        &:not(.has-background) {
     173                                background-color: $color__background-button;
     174                        }
     175
     176                        &:not(.has-text-color) {
     177                                color: white;
     178                        }
     179
    178180                        &:hover {
     181                                color: white;
    179182                                background: $color__background-button-hover;
    180183                                cursor: pointer;
    … …  
    182185
    183186                        &:focus {
     187                                color: white;
    184188                                background: $color__background-button-hover;
    185189                                outline: thin dotted;
    … …  
    195199                &.is-style-outline .wp-block-button__link:focus,
    196200                &.is-style-outline .wp-block-button__link:active {
    197 
    198                         @include button-all-transition;
    199                         background: transparent;
    200                         border: 2px solid currentColor;
    201                         color: $color__background-button;
     201                        @include button-all-transition;
     202                        border-width: 2px;
     203                        border-style: solid;           
     204
     205                        &:not(.has-background) {
     206                                background: transparent;
     207                        }
     208
     209                        &:not(.has-text-color) {
     210                                color: $color__background-button;
     211                                border-color: currentColor;
     212                        }
    202213                }
    203214
    204215                &.is-style-outline .wp-block-button__link:hover {
    205                         color: $color__background-button-hover;
     216                        color: white;
     217                        border-color: $color__background-button-hover;
    206218                }
    207219        }
    … …  
    295307        //! Pullquote
    296308        .wp-block-pullquote {
    297                 border: none;
     309                border-color: transparent;
     310                border-width: 2px;
    298311                padding: $size__spacing-unit;
    299312
    … …  
    384397                                margin-left: $size__spacing-unit;
    385398
     399                                &.has-text-color p,
     400                                &.has-primary-color,
     401                                &.has-secondary-color,
     402                                &.has-dark-gray-color,
     403                                &.has-light-gray-color,
     404                                &.has-white-color {
     405                                        color: inherit;
     406                                }
     407
    386408                                @include media(tablet) {
    387409                                        margin-left: 0;
    388410                                        margin-right: 0;
    389411                                }
    390                         }
    391 
    392                         .has-primary-background-color {
    393                                 background-color: $color__link;
    394412                        }
    395413
    … …  
    502520                        padding: 0;
    503521                        color: #fff;
     522                        -ms-hyphens: auto;
     523                        -moz-hyphens: auto;
     524                        -webkit-hyphens: auto;
     525                        hyphens: auto;
    504526
    505527                        @include media(tablet) {
    … …  
    509531                }
    510532
    511                 &.aligncenter {
    512                         h2,
    513                         .wp-block-cover-image-text,
    514                         .wp-block-cover-text {
    515                                 width: 100%;
    516                                 z-index: 1;
    517                                 left: 50%;
    518                                 position: absolute;
    519                                 transform: translate(-50%, -50%);
    520                                 top: 50%;
    521                         }
    522                 }
    523 
    524533                &.alignleft,
    525534                &.alignright {
    526535                        width: 100%;
     536
     537                        @include media(tablet) {
     538                                padding: $size__spacing-unit;
     539                        }
    527540                }
    528541
    … …  
    682695        .wp-block-columns {
    683696
     697                &.alignfull {
     698                        padding-left: $size__spacing-unit;
     699                        padding-right: $size__spacing-unit;
     700                }
     701
    684702                @include media(tablet) {
    685703                        .wp-block-column > * {
    … …  
    700718                                        margin-right: 0;
    701719                                }
     720                        }
     721
     722                        &.alignfull,
     723                        &.alignfull .wp-block-column {
     724                                padding-left: calc(2 * #{$size__spacing-unit});
     725                                padding-right: calc(2 * #{$size__spacing-unit});
    702726                        }
    703727                }
    … …  
    738762        }
    739763
    740         //! Custom colors
    741         .has-primary-background-color {
    742                 background-color: $color__link;
     764        //! Font Sizes
     765        .has-small-font-size {
     766                font-size: $font__size-sm;
     767        }
     768
     769        .has-normal-font-size {
     770                font-size: $font__size-md;
     771        }
     772
     773        .has-large-font-size {
     774                font-size: $font__size-lg;
     775        }
     776
     777        .has-huge-font-size {
     778                font-size: $font__size-xl;
     779        }
     780
     781        //! Custom background colors
     782        .has-primary-background-color,
     783        .has-secondary-background-color,
     784        .has-dark-gray-background-color,
     785        .has-light-gray-background-color {
     786               
     787                // Use white text against these backgrounds by default.
     788                color: $color__background-body;
    743789
    744790                p,
    … …  
    753799                }
    754800        }
     801
     802        .has-white-background-color {
     803                color: $color__text-main;
     804
     805                // Use dark gray text against this background by default.
     806                p,
     807                h1,
     808                h2,
     809                h3,
     810                h4,
     811                h5,
     812                h6,
     813                a {
     814                        color: $color__text-main;
     815                }
     816        }
     817
     818        .has-primary-background-color,
     819        .wp-block-pullquote.is-style-solid-color.has-primary-background-color {
     820                background-color: $color__link;
     821        }
     822
     823        .has-secondary-background-color,
     824        .wp-block-pullquote.is-style-solid-color.has-secondary-background-color {
     825                background-color: $color__border-link-hover;
     826        }
     827
     828        .has-dark-gray-background-color,
     829        .wp-block-pullquote.is-style-solid-color.has-dark-gray-background-color {
     830                background-color: $color__text-main;
     831        }
     832
     833        .has-light-gray-background-color,
     834        .wp-block-pullquote.is-style-solid-color.has-light-gray-background-color {
     835                background-color: $color__text-light;
     836        }
     837
     838        .has-white-background-color,
     839        .wp-block-pullquote.is-style-solid-color.has-white-background-color {
     840                background-color: #FFF;
     841        }
     842
     843        //! Custom foreground colors
     844        .has-primary-color,
     845        .wp-block-pullquote.is-style-solid-color blockquote.has-primary-color,
     846        .wp-block-pullquote.is-style-solid-color blockquote.has-primary-color p {
     847                color: $color__link;
     848        }
     849
     850        .has-secondary-color,
     851        .wp-block-pullquote.is-style-solid-color blockquote.has-secondary-color,
     852        .wp-block-pullquote.is-style-solid-color blockquote.has-secondary-color p {
     853                color: $color__border-link-hover;
     854        }
     855
     856        .has-dark-gray-color,
     857        .wp-block-pullquote.is-style-solid-color blockquote.has-dark-gray-color,
     858        .wp-block-pullquote.is-style-solid-color blockquote.has-dark-gray-color p {
     859                color: $color__text-main;
     860        }
     861
     862        .has-light-gray-color,
     863        .wp-block-pullquote.is-style-solid-color blockquote.has-light-gray-color,
     864        .wp-block-pullquote.is-style-solid-color blockquote.has-light-gray-color p {
     865                color: $color__text-light;
     866        }
     867
     868        .has-white-color,
     869        .wp-block-pullquote.is-style-solid-color blockquote.has-white-color {
     870                color: #FFF;
     871        }
    755872}

  • branches/5.0/src/wp-content/themes/twentynineteen/sass/media/_galleries.scss

    r43892 r43909  
    88.gallery-item {
    99        display: inline-block;
    10         margin-right: $size__spacing-unit;
    11         margin-bottom: $size__spacing-unit;
     10        margin-right: 16px;
     11        margin-bottom: 16px;
    1212        text-align: center;
    1313        vertical-align: top;
    … …  
    1717        @for $i from 2 through 9 {
    1818                .gallery-columns-#{$i} & {
    19                         max-width: calc( ( 12 / #{$i} ) * (100% / 12) - ( #{$size__spacing-unit} * #{($i - 1) / $i} ) );
     19                        max-width: calc((100% - 16px * #{ $i - 1 }) / #{ $i });
    2020
    2121                        &:nth-of-type(#{$i}n+#{$i}) {

  • branches/5.0/src/wp-content/themes/twentynineteen/sass/mixins/_mixins-master.scss

    r43892 r43909  
    9191
    9292@mixin non-latin-fonts( $wrapper_classname: '.site' ) {
    93        
     93
    9494        /* Arabic */
    9595        html[lang="ar"] #{$wrapper_classname} *,
    … …  
    191191@mixin nestedSubMenuPadding() {
    192192
    193         ul li > a:before {
     193        ul {
     194                counter-reset: submenu;
     195        }
     196
     197        ul > li > a::before {
    194198                font-family: $font__body;
    195199                font-weight: normal;
    196         }
    197         ul > li > a:before {
    198                 content: "\2013\00a0";
    199         }
    200         ul ul li > a:before {
    201                 content: "\2013\00a0\2013\00a0";
    202         }
    203         ul ul ul li > a:before {
    204                 content: "\2013\00a0\2013\00a0\2013\00a0";
    205         }
    206         ul ul ul ul li > a:before {
    207                 content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
    208         }
    209         ul ul ul ul ul li > a:before {
    210                 content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
    211         }
    212         ul ul ul ul ul ul li > a:before {
    213                 content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
    214         }
    215         ul ul ul ul ul ul ul li > a:before {
    216                 content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
    217         }
    218         ul ul ul ul ul ul ul ul li > a:before {
    219                 content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
    220         }
    221         ul ul ul ul ul ul ul ul ul li > a:before {
    222                 content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     200                content: "\2013\00a0" counters(submenu, "\2013\00a0", none);
     201                counter-increment: submenu
    223202        }
    224203}

  • branches/5.0/src/wp-content/themes/twentynineteen/sass/navigation/_menu-main-navigation.scss

    r43904 r43909  
    6767
    6868                                        display: inline-block;
    69                                         margin-right: #{0.5 * $size__spacing-unit};
     69                                        margin-right: #{0.25 * $size__spacing-unit};
    7070
    7171                                        /* Priority+ Menu */
    … …  
    268268                }
    269269
    270                 /* Nested sub-menu padding: 10 levels deep */
    271                 .sub-menu li > a:before {
     270                /* Nested sub-menu dashes */
     271                .sub-menu {
     272                        counter-reset: submenu;
     273                }
     274
     275                .sub-menu > li > a::before {
    272276                        font-family: $font__body;
    273277                        font-weight: normal;
    274                 }
    275                 .sub-menu > li > a:before {
    276                         content: "\2013\00a0";
    277                 }
    278                 .sub-menu .sub-menu li > a:before {
    279                         content: "\2013\00a0\2013\00a0";
    280                 }
    281                 .sub-menu .sub-menu .sub-menu li > a:before {
    282                         content: "\2013\00a0\2013\00a0\2013\00a0";
    283                 }
    284                 .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
    285                         content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
    286                 }
    287                 .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
    288                         content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
    289                 }
    290                 .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
    291                         content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
    292                 }
    293                 .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
    294                         content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
    295                 }
    296                 .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
    297                         content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
    298                 }
    299                 .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
    300                         content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     278                        content: "\2013\00a0" counters(submenu, "\2013\00a0", none);
     279                        counter-increment: submenu
    301280                }
    302281        }
    … …  
    365344                }
    366345
    367                 /* Nested sub-menu padding: 10 levels deep */
    368                 .sub-menu li > a:before {
     346                /* Nested sub-menu dashes */
     347                .sub-menu {
     348                        counter-reset: submenu;
     349                }
     350
     351                .sub-menu > li > a::before {
    369352                        font-family: $font__body;
    370353                        font-weight: normal;
    371                 }
    372                 .sub-menu > li > a:before {
    373                         content: "\2013\00a0";
    374                 }
    375                 .sub-menu .sub-menu li > a:before {
    376                         content: "\2013\00a0\2013\00a0";
    377                 }
    378                 .sub-menu .sub-menu .sub-menu li > a:before {
    379                         content: "\2013\00a0\2013\00a0\2013\00a0";
    380                 }
    381                 .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
    382                         content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
    383                 }
    384                 .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
    385                         content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
    386                 }
    387                 .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
    388                         content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
    389                 }
    390                 .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
    391                         content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
    392                 }
    393                 .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
    394                         content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
    395                 }
    396                 .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
    397                         content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     354                        content: "\2013\00a0" counters(submenu, "\2013\00a0", none);
     355                        counter-increment: submenu
    398356                }
    399357        }
    … …  
    407365
    408366        /**
    409          * Full-screen touch device styles
     367         * Off-canvas touch device styles
    410368         */
    411369        .main-menu .menu-item-has-children.off-canvas .sub-menu {
    … …  
    427385                li > a:focus {
    428386                        background-color: transparent;
     387                }
     388
     389                > li > a,
     390                > li > .menu-item-link-return {
     391                        white-space: inherit;
    429392                }
    430393

  • branches/5.0/src/wp-content/themes/twentynineteen/sass/site/footer/_site-footer.scss

    r43892 r43909  
    99                @include media(tablet) {
    1010                        margin: calc(3 * #{$size__spacing-unit}) $size__site-margins;
    11                 }
    12 
    13                 .imprint {
    14                         margin-right: $size__spacing-unit;
    15                 }
    16         }
    17 
    18         .site-info a {
    19                 color: inherit;
    20 
    21                 &:hover {
    22                         text-decoration: none;
    23                         color: $color__link;
    2411                }
    2512        }
    … …  
    3926        .site-info {
    4027                color: $color__text-light;
     28
     29                a {
     30                        color: inherit;
     31
     32                        &:hover {
     33                                text-decoration: none;
     34                                color: $color__link;
     35                        }
     36                }
     37
     38                .imprint,
     39                .privacy-policy-link {
     40                        margin-right: $size__spacing-unit;
     41                }
    4142        }
    4243}

  • branches/5.0/src/wp-content/themes/twentynineteen/sass/site/header/_site-header.scss

    r43892 r43909  
    5959                box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    6060                display: block;
    61                 width: 32px;
    62                 height: 32px;
     61                width: 50px;
     62                height: 50px;
    6363                overflow: hidden;
    6464                transition: box-shadow $background_transition ease-in-out;
    … …  
    8686        margin: auto;
    8787        display: inline;
    88        
     88        color: $color__text-main;
    8989
    90         a:link,
    91         a:visited {
     90        a {
    9291                color: $color__text-main;
     92
     93                &:link,
     94                &:visited {
     95                        color: $color__text-main;
     96                }
     97
     98                &:hover {
     99                        color: $color__text-hover;
     100                }
    93101        }
    94102
    … …  
    104112        + .main-navigation {
    105113                display: block;
    106         }
    107 
    108         a {
    109                 color: inherit;
    110 
    111                 &:hover {
    112                         color: $color__text-hover;
    113                 }
    114114        }
    115115

  • branches/5.0/src/wp-content/themes/twentynineteen/sass/site/secondary/_widgets.scss

    r43904 r43909  
    5454.widget_search {
    5555
     56        .search-field {
     57                width: 100%;
     58
     59                @include media(mobile) {
     60                        width: auto;
     61                }
     62        }
     63
    5664        .search-submit {
    5765                display: block;

  • branches/5.0/src/wp-content/themes/twentynineteen/sass/variables-site/_fonts.scss

    r43904 r43909  
    1 /*
    2  * Chrome renders extra-wide &nbsp; characters for the Hoefler Text font.
    3  * This results in a jumping cursor when typing in both the Classic and block
    4  * editors. The following font-face override fixes the issue by manually inserting
    5  * a custom font that includes just a Hoefler Text space replacement for that
    6  * character instead.
    7  */
    8 @font-face {
    9         font-family: 'NonBreakingSpaceOverride';
    10         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'),
    11                  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');
    12 
    13 }
    14 
    151// Font and typographic variables
    162
    17 $font__body: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
     3$font__body: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
    184$font__heading: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    195$font__code: Menlo, monaco, Consolas, Lucida Console, monospace;

  • branches/5.0/src/wp-content/themes/twentynineteen/style-editor.css

    r43904 r43909  
     1@charset "UTF-8";
    12/*!
    23Twenty Nineteen Editor Styles
    34*/
    45/** === Includes === */
     6/* If we add the border using a regular CSS border, it won't look good on non-retina devices,
     7 * since its edges can look jagged due to lack of antialiasing. In this case, we are several
     8 * layers of box-shadow to add the border visually, which will render the border smoother. */
     9/* Fallback for non-latin fonts */
     10/* Calculates maximum width for post content */
     11/* Nested sub-menu padding: 10 levels deep */
     12/** === Font Overide === */
    513/*
    614 * Chrome renders extra-wide &nbsp; characters for the Hoefler Text font.
    … …  
    1523}
    1624
    17 /* If we add the border using a regular CSS border, it won't look good on non-retina devices,
    18  * since its edges can look jagged due to lack of antialiasing. In this case, we are several
    19  * layers of box-shadow to add the border visually, which will render the border smoother. */
    20 /* Fallback for non-latin fonts */
    21 /* Calculates maximum width for post content */
    22 /* Nested sub-menu padding: 10 levels deep */
    2325/** === Editor Frame === */
    2426body .wp-block[data-align="full"] {
    … …  
    5658    max-width: 125%;
    5759  }
     60}
     61
     62/** === Editor Block Toolbar Position === */
     63.editor-block-list__block[data-align="wide"] .editor-block-contextual-toolbar .editor-block-toolbar.editor-block-toolbar,
     64.editor-block-list__block[data-align="full"] .editor-block-contextual-toolbar .editor-block-toolbar.editor-block-toolbar {
     65  max-width: none;
    5866}
    5967
    … …  
    170178  outline: 0;
    171179  text-decoration: underline;
     180}
     181
     182.has-primary-background-color,
     183.has-secondary-background-color,
     184.has-dark-gray-background-color,
     185.has-light-gray-background-color {
     186  color: #fff;
    172187}
    173188
    … …  
    180195.has-primary-background-color h6,
    181196.has-primary-background-color a,
    182 .has-primary-background-color a:hover {
     197.has-secondary-background-color p,
     198.has-secondary-background-color h1,
     199.has-secondary-background-color h2,
     200.has-secondary-background-color h3,
     201.has-secondary-background-color h4,
     202.has-secondary-background-color h5,
     203.has-secondary-background-color h6,
     204.has-secondary-background-color a,
     205.has-dark-gray-background-color p,
     206.has-dark-gray-background-color h1,
     207.has-dark-gray-background-color h2,
     208.has-dark-gray-background-color h3,
     209.has-dark-gray-background-color h4,
     210.has-dark-gray-background-color h5,
     211.has-dark-gray-background-color h6,
     212.has-dark-gray-background-color a,
     213.has-light-gray-background-color p,
     214.has-light-gray-background-color h1,
     215.has-light-gray-background-color h2,
     216.has-light-gray-background-color h3,
     217.has-light-gray-background-color h4,
     218.has-light-gray-background-color h5,
     219.has-light-gray-background-color h6,
     220.has-light-gray-background-color a {
    183221  color: #fff;
     222}
     223
     224.has-white-background-color {
     225  color: #111;
     226}
     227
     228.has-white-background-color p,
     229.has-white-background-color h1,
     230.has-white-background-color h2,
     231.has-white-background-color h3,
     232.has-white-background-color h4,
     233.has-white-background-color h5,
     234.has-white-background-color h6,
     235.has-white-background-color a {
     236  color: #111;
    184237}
    185238
    … …  
    290343
    291344@media only screen and (min-width: 768px) {
     345  .wp-block[data-type="core/cover"][data-align="left"] .wp-block-cover,
     346  .wp-block[data-type="core/cover"][data-align="right"] .wp-block-cover {
     347    padding: 1rem;
     348  }
     349}
     350
     351@media only screen and (min-width: 768px) {
    292352  .wp-block[data-type="core/cover"][data-align="wide"] h2,
    293353  .wp-block[data-type="core/cover"][data-align="wide"] .wp-block-cover-text,
    … …  
    380440/** === Pullquote === */
    381441.wp-block-pullquote {
    382   border: none;
     442  border-color: transparent;
     443  border-width: 2px;
    383444  color: #000;
    384445}
    … …  
    400461}
    401462
     463.wp-block-pullquote.is-style-solid-color blockquote.has-text-color p {
     464  color: inherit;
     465}
     466
     467.wp-block-pullquote.is-style-solid-color blockquote:not(.has-text-color) {
     468  color: #fff;
     469}
     470
    402471@media only screen and (min-width: 768px) {
    403472  .wp-block-pullquote.is-style-solid-color blockquote {
    404473    max-width: 80%;
    405474  }
    406 }
    407 
    408 .wp-block-pullquote.is-style-solid-color blockquote:not(.has-text-color) {
    409   color: #fff;
    410475}
    411476
    … …  
    605670}
    606671
    607 .wp-block-categories ul ul li > a:before {
     672.wp-block-categories ul ul {
     673  counter-reset: submenu;
     674}
     675
     676.wp-block-categories ul ul > li > a::before {
    608677  font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
    609678  font-weight: normal;
    610 }
    611 
    612 .wp-block-categories ul ul > li > a:before {
    613   content: "\2013\00a0";
    614 }
    615 
    616 .wp-block-categories ul ul ul li > a:before {
    617   content: "\2013\00a0\2013\00a0";
    618 }
    619 
    620 .wp-block-categories ul ul ul ul li > a:before {
    621   content: "\2013\00a0\2013\00a0\2013\00a0";
    622 }
    623 
    624 .wp-block-categories ul ul ul ul ul li > a:before {
    625   content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
    626 }
    627 
    628 .wp-block-categories ul ul ul ul ul ul li > a:before {
    629   content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
    630 }
    631 
    632 .wp-block-categories ul ul ul ul ul ul ul li > a:before {
    633   content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
    634 }
    635 
    636 .wp-block-categories ul ul ul ul ul ul ul ul li > a:before {
    637   content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
    638 }
    639 
    640 .wp-block-categories ul ul ul ul ul ul ul ul ul li > a:before {
    641   content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
    642 }
    643 
    644 .wp-block-categories ul ul ul ul ul ul ul ul ul ul li > a:before {
    645   content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     679  content: "– " counters(submenu, "– ", none);
     680  counter-increment: submenu;
    646681}
    647682

  • branches/5.0/src/wp-content/themes/twentynineteen/style-editor.scss

    r43904 r43909  
    66
    77@import "sass/variables-site/variables-site";
    8 @import "sass/variables-site/colors";
    98@import "sass/mixins/mixins-master";
     9
     10/** === Font Overide === */
     11
     12/*
     13 * Chrome renders extra-wide &nbsp; characters for the Hoefler Text font.
     14 * This results in a jumping cursor when typing in both the Classic and block
     15 * editors. The following font-face override fixes the issue by manually inserting
     16 * a custom font that includes just a Hoefler Text space replacement for that
     17 * character instead.
     18 */
     19@font-face {
     20        font-family: 'NonBreakingSpaceOverride';
     21        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'),
     22                 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');
     23}
     24
     25$font__body: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
    1026
    1127/** === Editor Frame === */
    … …  
    5470                }
    5571        }
     72}
     73
     74/** === Editor Block Toolbar Position === */
     75
     76// Since 2019 left-aligns wide and fullwide blocks, left align the toolbar too.
     77.editor-block-list__block[data-align="wide"] .editor-block-contextual-toolbar .editor-block-toolbar.editor-block-toolbar,
     78.editor-block-list__block[data-align="full"] .editor-block-contextual-toolbar .editor-block-toolbar.editor-block-toolbar {
     79                max-width: none;
    5680}
    5781
    … …  
    154178}
    155179
    156 .has-primary-background-color {
     180// Use white text against these backgrounds by default.
     181.has-primary-background-color,
     182.has-secondary-background-color,
     183.has-dark-gray-background-color,
     184.has-light-gray-background-color {
     185        color: $color__background-body;
    157186
    158187        p,
    … …  
    163192        h5,
    164193        h6,
    165         a,
    166         a:hover {
     194        a {
    167195                color: $color__background-body;
     196        }
     197}
     198
     199// Use dark gray text against this background by default.
     200.has-white-background-color {
     201        color: $color__text-main;
     202
     203        p,
     204        h1,
     205        h2,
     206        h3,
     207        h4,
     208        h5,
     209        h6,
     210        a {
     211                color: $color__text-main;
    168212        }
    169213}
    … …  
    277321                max-width: 100%;
    278322        }
     323
     324        @include media(tablet) {
     325
     326                .wp-block-cover {
     327                        padding: $size__spacing-unit;
     328                }
     329        }
    279330}
    280331
    … …  
    393444
    394445.wp-block-pullquote {
    395         border: none;
     446        border-color: transparent;
     447        border-width: 2px;
    396448        color: #000;
    397449
    … …  
    413465                        max-width: calc( 100% - (2 * #{ $size__spacing-unit}));
    414466
     467                        &.has-text-color p {
     468                                color: inherit;
     469                        }
     470
     471                        &:not(.has-text-color) {
     472                                color: $color__background-body;
     473                        }
     474
    415475                        @include media(tablet) {
    416476                                max-width: 80%;
    417477                        }
    418                 }
    419 
    420                 blockquote:not(.has-text-color) {
    421                         color: $color__background-body;
    422478                }
    423479

  • branches/5.0/src/wp-content/themes/twentynineteen/style-rtl.css

    r43904 r43909  
    5454        ## Galleries
    5555--------------------------------------------------------------*/
    56 /*
    57  * Chrome renders extra-wide &nbsp; characters for the Hoefler Text font.
    58  * This results in a jumping cursor when typing in both the Classic and block
    59  * editors. The following font-face override fixes the issue by manually inserting
    60  * a custom font that includes just a Hoefler Text space replacement for that
    61  * character instead.
    62  */
    63 @font-face {
    64   font-family: 'NonBreakingSpaceOverride';
    65   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");
    66 }
    67 
    6856/* If we add the border using a regular CSS border, it won't look good on non-retina devices,
    6957 * since its edges can look jagged due to lack of antialiasing. In this case, we are several
    … …  
    414402  -moz-osx-font-smoothing: grayscale;
    415403  color: #111;
    416   font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
     404  font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
    417405  font-weight: 400;
    418406  font-size: 1em;
    … …  
    428416textarea {
    429417  color: #111;
    430   font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
     418  font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
    431419  font-weight: 400;
    432420  line-height: 1.8;
    … …  
    489477
    490478.page-title {
    491   font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
     479  font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
    492480}
    493481
    … …  
    10381026         */
    10391027  /**
    1040          * Full-screen touch device styles
     1028         * Off-canvas touch device styles
    10411029         */
    10421030}
    … …  
    11001088.main-navigation .main-menu > li.menu-item-has-children .submenu-expand {
    11011089  display: inline-block;
    1102   margin-left: 0.5rem;
     1090  margin-left: 0.25rem;
    11031091  /* Priority+ Menu */
    11041092}
    … …  
    12311219  min-width: 100%;
    12321220  /* Non-mobile position */
    1233   /* Nested sub-menu padding: 10 levels deep */
     1221  /* Nested sub-menu dashes */
    12341222}
    12351223
    … …  
    12421230  min-width: 100%;
    12431231  /* Non-mobile position */
    1244   /* Nested sub-menu padding: 10 levels deep */
     1232  /* Nested sub-menu dashes */
    12451233}
    12461234
    … …  
    13461334}
    13471335
    1348 .main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu li > a:before {
    1349   font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
     1336.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu {
     1337  counter-reset: submenu;
     1338}
     1339
     1340.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu {
     1341  counter-reset: submenu;
     1342}
     1343
     1344.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu > li > a::before {
     1345  font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
    13501346  font-weight: normal;
    1351 }
    1352 
    1353 .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu li > a:before {
    1354   font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
     1347  content: "– " counters(submenu, "– ", none);
     1348  counter-increment: submenu;
     1349}
     1350
     1351.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu > li > a::before {
     1352  font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
    13551353  font-weight: normal;
    1356 }
    1357 
    1358 .main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu > li > a:before {
    1359   content: "\2013\00a0";
    1360 }
    1361 
    1362 .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu > li > a:before {
    1363   content: "\2013\00a0";
    1364 }
    1365 
    1366 .main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu .sub-menu li > a:before {
    1367   content: "\2013\00a0\2013\00a0";
    1368 }
    1369 
    1370 .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu .sub-menu li > a:before {
    1371   content: "\2013\00a0\2013\00a0";
    1372 }
    1373 
    1374 .main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
    1375   content: "\2013\00a0\2013\00a0\2013\00a0";
    1376 }
    1377 
    1378 .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
    1379   content: "\2013\00a0\2013\00a0\2013\00a0";
    1380 }
    1381 
    1382 .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 {
    1383   content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
    1384 }
    1385 
    1386 .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 {
    1387   content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
    1388 }
    1389 
    1390 .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 {
    1391   content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
    1392 }
    1393 
    1394 .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 {
    1395   content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
    1396 }
    1397 
    1398 .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 {
    1399   content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
    1400 }
    1401 
    1402 .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 {
    1403   content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
    1404 }
    1405 
    1406 .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 {
    1407   content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
    1408 }
    1409 
    1410 .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 {
    1411   content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
    1412 }
    1413 
    1414 .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 {
    1415   content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
    1416 }
    1417 
    1418 .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 {
    1419   content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
    1420 }
    1421 
    1422 .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 {
    1423   content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
    1424 }
    1425 
    1426 .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 {
    1427   content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     1354  content: "– " counters(submenu, "– ", none);
     1355  counter-increment: submenu;
    14281356}
    14291357
    … …  
    14381366  min-width: 100%;
    14391367  /* Non-mobile position */
    1440   /* Nested sub-menu padding: 10 levels deep */
     1368  /* Nested sub-menu dashes */
    14411369}
    14421370
    … …  
    15091437}
    15101438
    1511 .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu li > a:before,
    1512 .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu li > a:before,
    1513 .main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu li > a:before {
    1514   font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
     1439.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu,
     1440.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu,
     1441.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu {
     1442  counter-reset: submenu;
     1443}
     1444
     1445.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu > li > a::before,
     1446.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu > li > a::before,
     1447.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu > li > a::before {
     1448  font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
    15151449  font-weight: normal;
    1516 }
    1517 
    1518 .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu > li > a:before,
    1519 .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu > li > a:before,
    1520 .main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu > li > a:before {
    1521   content: "\2013\00a0";
    1522 }
    1523 
    1524 .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu .sub-menu li > a:before,
    1525 .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu .sub-menu li > a:before,
    1526 .main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu .sub-menu li > a:before {
    1527   content: "\2013\00a0\2013\00a0";
    1528 }
    1529 
    1530 .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
    1531 .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
    1532 .main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
    1533   content: "\2013\00a0\2013\00a0\2013\00a0";
    1534 }
    1535 
    1536 .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,
    1537 .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,
    1538 .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 {
    1539   content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
    1540 }
    1541 
    1542 .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,
    1543 .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,
    1544 .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 {
    1545   content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
    1546 }
    1547 
    1548 .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,
    1549 .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,
    1550 .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 {
    1551   content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
    1552 }
    1553 
    1554 .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,
    1555 .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,
    1556 .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 {
    1557   content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
    1558 }
    1559 
    1560 .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,
    1561 .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,
    1562 .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 {
    1563   content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
    1564 }
    1565 
    1566 .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,
    1567 .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,
    1568 .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 {
    1569   content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     1450  content: "– " counters(submenu, "– ", none);
     1451  counter-increment: submenu;
    15701452}
    15711453
    … …  
    15901472.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu li > a:focus {
    15911473  background-color: transparent;
     1474}
     1475
     1476.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu > li > a,
     1477.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu > li > .menu-item-link-return {
     1478  white-space: inherit;
    15921479}
    15931480
    … …  
    20971984  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    20981985  display: block;
    2099   width: 32px;
    2100   height: 32px;
     1986  width: 50px;
     1987  height: 50px;
    21011988  overflow: hidden;
    21021989  transition: box-shadow 200ms ease-in-out;
    … …  
    21212008  margin: auto;
    21222009  display: inline;
     2010  color: #111;
    21232011  /* When there is no description set, make sure navigation appears below title. */
    21242012}
    21252013
    2126 .site-title a:link,
    2127 .site-title a:visited {
     2014.site-title a {
    21282015  color: #111;
     2016}
     2017
     2018.site-title a:link, .site-title a:visited {
     2019  color: #111;
     2020}
     2021
     2022.site-title a:hover {
     2023  color: #4a4a4a;
    21292024}
    21302025
    … …  
    21412036.site-title + .main-navigation {
    21422037  display: block;
    2143 }
    2144 
    2145 .site-title a {
    2146   color: inherit;
    2147 }
    2148 
    2149 .site-title a:hover {
    2150   color: #4a4a4a;
    21512038}
    21522039
    … …  
    33473234}
    33483235
    3349 #colophon .widget-area .imprint,
    3350 #colophon .site-info .imprint {
    3351   margin-left: 1rem;
    3352 }
    3353 
    3354 #colophon .site-info a {
    3355   color: inherit;
    3356 }
    3357 
    3358 #colophon .site-info a:hover {
    3359   text-decoration: none;
    3360   color: #0073aa;
    3361 }
    3362 
    33633236#colophon .widget-column {
    33643237  display: flex;
    … …  
    33793252#colophon .site-info {
    33803253  color: #767676;
     3254}
     3255
     3256#colophon .site-info a {
     3257  color: inherit;
     3258}
     3259
     3260#colophon .site-info a:hover {
     3261  text-decoration: none;
     3262  color: #0073aa;
     3263}
     3264
     3265#colophon .site-info .imprint,
     3266#colophon .site-info .privacy-policy-link {
     3267  margin-left: 1rem;
    33813268}
    33823269
    … …  
    34283315}
    34293316
    3430 .widget_archive ul ul li > a:before,
    3431 .widget_categories ul ul li > a:before,
    3432 .widget_meta ul ul li > a:before,
    3433 .widget_nav_menu ul ul li > a:before,
    3434 .widget_pages ul ul li > a:before,
    3435 .widget_recent_comments ul ul li > a:before,
    3436 .widget_recent_entries ul ul li > a:before,
    3437 .widget_rss ul ul li > a:before {
    3438   font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
     3317.widget_archive ul ul,
     3318.widget_categories ul ul,
     3319.widget_meta ul ul,
     3320.widget_nav_menu ul ul,
     3321.widget_pages ul ul,
     3322.widget_recent_comments ul ul,
     3323.widget_recent_entries ul ul,
     3324.widget_rss ul ul {
     3325  counter-reset: submenu;
     3326}
     3327
     3328.widget_archive ul ul > li > a::before,
     3329.widget_categories ul ul > li > a::before,
     3330.widget_meta ul ul > li > a::before,
     3331.widget_nav_menu ul ul > li > a::before,
     3332.widget_pages ul ul > li > a::before,
     3333.widget_recent_comments ul ul > li > a::before,
     3334.widget_recent_entries ul ul > li > a::before,
     3335.widget_rss ul ul > li > a::before {
     3336  font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
    34393337  font-weight: normal;
    3440 }
    3441 
    3442 .widget_archive ul ul > li > a:before,
    3443 .widget_categories ul ul > li > a:before,
    3444 .widget_meta ul ul > li > a:before,
    3445 .widget_nav_menu ul ul > li > a:before,
    3446 .widget_pages ul ul > li > a:before,
    3447 .widget_recent_comments ul ul > li > a:before,
    3448 .widget_recent_entries ul ul > li > a:before,
    3449 .widget_rss ul ul > li > a:before {
    3450   content: "\2013\00a0";
    3451 }
    3452 
    3453 .widget_archive ul ul ul li > a:before,
    3454 .widget_categories ul ul ul li > a:before,
    3455 .widget_meta ul ul ul li > a:before,
    3456 .widget_nav_menu ul ul ul li > a:before,
    3457 .widget_pages ul ul ul li > a:before,
    3458 .widget_recent_comments ul ul ul li > a:before,
    3459 .widget_recent_entries ul ul ul li > a:before,
    3460 .widget_rss ul ul ul li > a:before {
    3461   content: "\2013\00a0\2013\00a0";
    3462 }
    3463 
    3464 .widget_archive ul ul ul ul li > a:before,
    3465 .widget_categories ul ul ul ul li > a:before,
    3466 .widget_meta ul ul ul ul li > a:before,
    3467 .widget_nav_menu ul ul ul ul li > a:before,
    3468 .widget_pages ul ul ul ul li > a:before,
    3469 .widget_recent_comments ul ul ul ul li > a:before,
    3470 .widget_recent_entries ul ul ul ul li > a:before,
    3471 .widget_rss ul ul ul ul li > a:before {
    3472   content: "\2013\00a0\2013\00a0\2013\00a0";
    3473 }
    3474 
    3475 .widget_archive ul ul ul ul ul li > a:before,
    3476 .widget_categories ul ul ul ul ul li > a:before,
    3477 .widget_meta ul ul ul ul ul li > a:before,
    3478 .widget_nav_menu ul ul ul ul ul li > a:before,
    3479 .widget_pages ul ul ul ul ul li > a:before,
    3480 .widget_recent_comments ul ul ul ul ul li > a:before,
    3481 .widget_recent_entries ul ul ul ul ul li > a:before,
    3482 .widget_rss ul ul ul ul ul li > a:before {
    3483   content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
    3484 }
    3485 
    3486 .widget_archive ul ul ul ul ul ul li > a:before,
    3487 .widget_categories ul ul ul ul ul ul li > a:before,
    3488 .widget_meta ul ul ul ul ul ul li > a:before,
    3489 .widget_nav_menu ul ul ul ul ul ul li > a:before,
    3490 .widget_pages ul ul ul ul ul ul li > a:before,
    3491 .widget_recent_comments ul ul ul ul ul ul li > a:before,
    3492 .widget_recent_entries ul ul ul ul ul ul li > a:before,
    3493 .widget_rss ul ul ul ul ul ul li > a:before {
    3494   content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
    3495 }
    3496 
    3497 .widget_archive ul ul ul ul ul ul ul li > a:before,
    3498 .widget_categories ul ul ul ul ul ul ul li > a:before,
    3499 .widget_meta ul ul ul ul ul ul ul li > a:before,
    3500 .widget_nav_menu ul ul ul ul ul ul ul li > a:before,
    3501 .widget_pages ul ul ul ul ul ul ul li > a:before,
    3502 .widget_recent_comments ul ul ul ul ul ul ul li > a:before,
    3503 .widget_recent_entries ul ul ul ul ul ul ul li > a:before,
    3504 .widget_rss ul ul ul ul ul ul ul li > a:before {
    3505   content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
    3506 }
    3507 
    3508 .widget_archive ul ul ul ul ul ul ul ul li > a:before,
    3509 .widget_categories ul ul ul ul ul ul ul ul li > a:before,
    3510 .widget_meta ul ul ul ul ul ul ul ul li > a:before,
    3511 .widget_nav_menu ul ul ul ul ul ul ul ul li > a:before,
    3512 .widget_pages ul ul ul ul ul ul ul ul li > a:before,
    3513 .widget_recent_comments ul ul ul ul ul ul ul ul li > a:before,
    3514 .widget_recent_entries ul ul ul ul ul ul ul ul li > a:before,
    3515 .widget_rss ul ul ul ul ul ul ul ul li > a:before {
    3516   content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
    3517 }
    3518 
    3519 .widget_archive ul ul ul ul ul ul ul ul ul li > a:before,
    3520 .widget_categories ul ul ul ul ul ul ul ul ul li > a:before,
    3521 .widget_meta ul ul ul ul ul ul ul ul ul li > a:before,
    3522 .widget_nav_menu ul ul ul ul ul ul ul ul ul li > a:before,
    3523 .widget_pages ul ul ul ul ul ul ul ul ul li > a:before,
    3524 .widget_recent_comments ul ul ul ul ul ul ul ul ul li > a:before,
    3525 .widget_recent_entries ul ul ul ul ul ul ul ul ul li > a:before,
    3526 .widget_rss ul ul ul ul ul ul ul ul ul li > a:before {
    3527   content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
    3528 }
    3529 
    3530 .widget_archive ul ul ul ul ul ul ul ul ul ul li > a:before,
    3531 .widget_categories ul ul ul ul ul ul ul ul ul ul li > a:before,
    3532 .widget_meta ul ul ul ul ul ul ul ul ul ul li > a:before,
    3533 .widget_nav_menu ul ul ul ul ul ul ul ul ul ul li > a:before,
    3534 .widget_pages ul ul ul ul ul ul ul ul ul ul li > a:before,
    3535 .widget_recent_comments ul ul ul ul ul ul ul ul ul ul li > a:before,
    3536 .widget_recent_entries ul ul ul ul ul ul ul ul ul ul li > a:before,
    3537 .widget_rss ul ul ul ul ul ul ul ul ul ul li > a:before {
    3538   content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     3338  content: "– " counters(submenu, "– ", none);
     3339  counter-increment: submenu;
    35393340}
    35403341
    … …  
    35423343  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    35433344  font-weight: 700;
     3345}
     3346
     3347.widget_search .search-field {
     3348  width: 100%;
     3349}
     3350
     3351@media only screen and (min-width: 600px) {
     3352  .widget_search .search-field {
     3353    width: auto;
     3354  }
    35443355}
    35453356
    … …  
    36503461    max-width: calc(4 * (100vw / 12));
    36513462    margin-right: calc(2 * 1rem);
    3652   }
    3653 }
    3654 
    3655 @media only screen and (min-width: 1168px) {
    3656   .entry .entry-content > *.alignleft,
    3657   .entry .entry-summary > *.alignleft {
    3658     max-width: calc(3 * (100vw / 12));
    36593463  }
    36603464}
    … …  
    37733577  transition: background 150ms ease-in-out;
    37743578  border: none;
    3775   background: #0073aa;
    37763579  font-size: 0.88889em;
    37773580  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    … …  
    37823585  padding: 0.76rem 1rem;
    37833586  outline: none;
     3587  outline: none;
     3588}
     3589
     3590.entry .entry-content .wp-block-button .wp-block-button__link:not(.has-background) {
     3591  background-color: #0073aa;
     3592}
     3593
     3594.entry .entry-content .wp-block-button .wp-block-button__link:not(.has-text-color) {
    37843595  color: white;
    3785   outline: none;
    37863596}
    37873597
    37883598.entry .entry-content .wp-block-button .wp-block-button__link:hover {
     3599  color: white;
    37893600  background: #111;
    37903601  cursor: pointer;
    … …  
    37923603
    37933604.entry .entry-content .wp-block-button .wp-block-button__link:focus {
     3605  color: white;
    37943606  background: #111;
    37953607  outline: thin dotted;
    … …  
    38053617.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:active {
    38063618  transition: all 150ms ease-in-out;
     3619  border-width: 2px;
     3620  border-style: solid;
     3621}
     3622
     3623.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background),
     3624.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:focus:not(.has-background),
     3625.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:active:not(.has-background) {
    38073626  background: transparent;
    3808   border: 2px solid currentColor;
     3627}
     3628
     3629.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color),
     3630.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:focus:not(.has-text-color),
     3631.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:active:not(.has-text-color) {
    38093632  color: #0073aa;
     3633  border-color: currentColor;
    38103634}
    38113635
    … …  
    38553679}
    38563680
    3857 .entry .entry-content .wp-block-categories ul li > a:before {
    3858   font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
     3681.entry .entry-content .wp-block-categories ul {
     3682  counter-reset: submenu;
     3683}
     3684
     3685.entry .entry-content .wp-block-categories ul > li > a::before {
     3686  font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
    38593687  font-weight: normal;
    3860 }
    3861 
    3862 .entry .entry-content .wp-block-categories ul > li > a:before {
    3863   content: "\2013\00a0";
    3864 }
    3865 
    3866 .entry .entry-content .wp-block-categories ul ul li > a:before {
    3867   content: "\2013\00a0\2013\00a0";
    3868 }
    3869 
    3870 .entry .entry-content .wp-block-categories ul ul ul li > a:before {
    3871   content: "\2013\00a0\2013\00a0\2013\00a0";
    3872 }
    3873 
    3874 .entry .entry-content .wp-block-categories ul ul ul ul li > a:before {
    3875   content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
    3876 }
    3877 
    3878 .entry .entry-content .wp-block-categories ul ul ul ul ul li > a:before {
    3879   content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
    3880 }
    3881 
    3882 .entry .entry-content .wp-block-categories ul ul ul ul ul ul li > a:before {
    3883   content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
    3884 }
    3885 
    3886 .entry .entry-content .wp-block-categories ul ul ul ul ul ul ul li > a:before {
    3887   content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
    3888 }
    3889 
    3890 .entry .entry-content .wp-block-categories ul ul ul ul ul ul ul ul li > a:before {
    3891   content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
    3892 }
    3893 
    3894 .entry .entry-content .wp-block-categories ul ul ul ul ul ul ul ul ul li > a:before {
    3895   content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     3688  content: "– " counters(submenu, "– ", none);
     3689  counter-increment: submenu;
    38963690}
    38973691
    … …  
    39213715
    39223716.entry .entry-content .wp-block-verse {
    3923   font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
     3717  font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
    39243718  font-size: 22px;
    39253719  line-height: 1.8;
    … …  
    39353729
    39363730.entry .entry-content .wp-block-pullquote {
    3937   border: none;
     3731  border-color: transparent;
     3732  border-width: 2px;
    39383733  padding: 1rem;
    39393734}
    … …  
    40313826}
    40323827
     3828.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 {
     3829  color: inherit;
     3830}
     3831
    40333832@media only screen and (min-width: 768px) {
    40343833  .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote {
    … …  
    40363835    margin-left: 0;
    40373836  }
    4038 }
    4039 
    4040 .entry .entry-content .wp-block-pullquote.is-style-solid-color .has-primary-background-color {
    4041   background-color: #0073aa;
    40423837}
    40433838
    … …  
    41463941  padding: 0;
    41473942  color: #fff;
     3943  -ms-hyphens: auto;
     3944  -moz-hyphens: auto;
     3945  -webkit-hyphens: auto;
     3946  hyphens: auto;
    41483947}
    41493948
    … …  
    41603959}
    41613960
    4162 .entry .entry-content .wp-block-cover-image.aligncenter h2,
    4163 .entry .entry-content .wp-block-cover-image.aligncenter .wp-block-cover-image-text,
    4164 .entry .entry-content .wp-block-cover-image.aligncenter .wp-block-cover-text,
    4165 .entry .entry-content .wp-block-cover.aligncenter h2,
    4166 .entry .entry-content .wp-block-cover.aligncenter .wp-block-cover-image-text,
    4167 .entry .entry-content .wp-block-cover.aligncenter .wp-block-cover-text {
    4168   width: 100%;
    4169   z-index: 1;
    4170   right: 50%;
    4171   position: absolute;
    4172   transform: translate(50%, -50%);
    4173   top: 50%;
    4174 }
    4175 
    41763961.entry .entry-content .wp-block-cover-image.alignleft, .entry .entry-content .wp-block-cover-image.alignright,
    41773962.entry .entry-content .wp-block-cover.alignleft,
    41783963.entry .entry-content .wp-block-cover.alignright {
    41793964  width: 100%;
     3965}
     3966
     3967@media only screen and (min-width: 768px) {
     3968  .entry .entry-content .wp-block-cover-image.alignleft, .entry .entry-content .wp-block-cover-image.alignright,
     3969  .entry .entry-content .wp-block-cover.alignleft,
     3970  .entry .entry-content .wp-block-cover.alignright {
     3971    padding: 1rem;
     3972  }
    41803973}
    41813974
    … …  
    43694162}
    43704163
     4164.entry .entry-content .wp-block-columns.alignfull {
     4165  padding-right: 1rem;
     4166  padding-left: 1rem;
     4167}
     4168
    43714169@media only screen and (min-width: 768px) {
    43724170  .entry .entry-content .wp-block-columns .wp-block-column > *:first-child {
    … …  
    43814179  .entry .entry-content .wp-block-columns[class*='has-'] > *:last-child {
    43824180    margin-left: 0;
     4181  }
     4182  .entry .entry-content .wp-block-columns.alignfull,
     4183  .entry .entry-content .wp-block-columns.alignfull .wp-block-column {
     4184    padding-right: calc(2 * 1rem);
     4185    padding-left: calc(2 * 1rem);
    43834186  }
    43844187}
    … …  
    44034206}
    44044207
    4405 .entry .entry-content .has-primary-background-color {
    4406   background-color: #0073aa;
     4208.entry .entry-content .has-small-font-size {
     4209  font-size: 0.88889em;
     4210}
     4211
     4212.entry .entry-content .has-normal-font-size {
     4213  font-size: 1.125em;
     4214}
     4215
     4216.entry .entry-content .has-large-font-size {
     4217  font-size: 1.6875em;
     4218}
     4219
     4220.entry .entry-content .has-huge-font-size {
     4221  font-size: 2.25em;
     4222}
     4223
     4224.entry .entry-content .has-primary-background-color,
     4225.entry .entry-content .has-secondary-background-color,
     4226.entry .entry-content .has-dark-gray-background-color,
     4227.entry .entry-content .has-light-gray-background-color {
     4228  color: #fff;
    44074229}
    44084230
    … …  
    44144236.entry .entry-content .has-primary-background-color h5,
    44154237.entry .entry-content .has-primary-background-color h6,
    4416 .entry .entry-content .has-primary-background-color a {
     4238.entry .entry-content .has-primary-background-color a,
     4239.entry .entry-content .has-secondary-background-color p,
     4240.entry .entry-content .has-secondary-background-color h1,
     4241.entry .entry-content .has-secondary-background-color h2,
     4242.entry .entry-content .has-secondary-background-color h3,
     4243.entry .entry-content .has-secondary-background-color h4,
     4244.entry .entry-content .has-secondary-background-color h5,
     4245.entry .entry-content .has-secondary-background-color h6,
     4246.entry .entry-content .has-secondary-background-color a,
     4247.entry .entry-content .has-dark-gray-background-color p,
     4248.entry .entry-content .has-dark-gray-background-color h1,
     4249.entry .entry-content .has-dark-gray-background-color h2,
     4250.entry .entry-content .has-dark-gray-background-color h3,
     4251.entry .entry-content .has-dark-gray-background-color h4,
     4252.entry .entry-content .has-dark-gray-background-color h5,
     4253.entry .entry-content .has-dark-gray-background-color h6,
     4254.entry .entry-content .has-dark-gray-background-color a,
     4255.entry .entry-content .has-light-gray-background-color p,
     4256.entry .entry-content .has-light-gray-background-color h1,
     4257.entry .entry-content .has-light-gray-background-color h2,
     4258.entry .entry-content .has-light-gray-background-color h3,
     4259.entry .entry-content .has-light-gray-background-color h4,
     4260.entry .entry-content .has-light-gray-background-color h5,
     4261.entry .entry-content .has-light-gray-background-color h6,
     4262.entry .entry-content .has-light-gray-background-color a {
    44174263  color: #fff;
     4264}
     4265
     4266.entry .entry-content .has-white-background-color {
     4267  color: #111;
     4268}
     4269
     4270.entry .entry-content .has-white-background-color p,
     4271.entry .entry-content .has-white-background-color h1,
     4272.entry .entry-content .has-white-background-color h2,
     4273.entry .entry-content .has-white-background-color h3,
     4274.entry .entry-content .has-white-background-color h4,
     4275.entry .entry-content .has-white-background-color h5,
     4276.entry .entry-content .has-white-background-color h6,
     4277.entry .entry-content .has-white-background-color a {
     4278  color: #111;
     4279}
     4280
     4281.entry .entry-content .has-primary-background-color,
     4282.entry .entry-content .wp-block-pullquote.is-style-solid-color.has-primary-background-color {
     4283  background-color: #0073aa;
     4284}
     4285
     4286.entry .entry-content .has-secondary-background-color,
     4287.entry .entry-content .wp-block-pullquote.is-style-solid-color.has-secondary-background-color {
     4288  background-color: #005177;
     4289}
     4290
     4291.entry .entry-content .has-dark-gray-background-color,
     4292.entry .entry-content .wp-block-pullquote.is-style-solid-color.has-dark-gray-background-color {
     4293  background-color: #111;
     4294}
     4295
     4296.entry .entry-content .has-light-gray-background-color,
     4297.entry .entry-content .wp-block-pullquote.is-style-solid-color.has-light-gray-background-color {
     4298  background-color: #767676;
     4299}
     4300
     4301.entry .entry-content .has-white-background-color,
     4302.entry .entry-content .wp-block-pullquote.is-style-solid-color.has-white-background-color {
     4303  background-color: #FFF;
     4304}
     4305
     4306.entry .entry-content .has-primary-color,
     4307.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-primary-color,
     4308.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-primary-color p {
     4309  color: #0073aa;
     4310}
     4311
     4312.entry .entry-content .has-secondary-color,
     4313.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-secondary-color,
     4314.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-secondary-color p {
     4315  color: #005177;
     4316}
     4317
     4318.entry .entry-content .has-dark-gray-color,
     4319.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-dark-gray-color,
     4320.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-dark-gray-color p {
     4321  color: #111;
     4322}
     4323
     4324.entry .entry-content .has-light-gray-color,
     4325.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-light-gray-color,
     4326.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-light-gray-color p {
     4327  color: #767676;
     4328}
     4329
     4330.entry .entry-content .has-white-color,
     4331.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-white-color {
     4332  color: #FFF;
    44184333}
    44194334
    … …  
    45004415.gallery-item {
    45014416  display: inline-block;
    4502   margin-left: 1rem;
    4503   margin-bottom: 1rem;
     4417  margin-left: 16px;
     4418  margin-bottom: 16px;
    45044419  text-align: center;
    45054420  vertical-align: top;
    … …  
    45084423
    45094424.gallery-columns-2 .gallery-item {
    4510   max-width: calc( ( 12 / 2 ) * (100% / 12) - ( 1rem * 0.5 ));
     4425  max-width: calc((100% - 16px * 1) / 2);
    45114426}
    45124427
    … …  
    45164431
    45174432.gallery-columns-3 .gallery-item {
    4518   max-width: calc( ( 12 / 3 ) * (100% / 12) - ( 1rem * 0.66667 ));
     4433  max-width: calc((100% - 16px * 2) / 3);
    45194434}
    45204435
    … …  
    45244439
    45254440.gallery-columns-4 .gallery-item {
    4526   max-width: calc( ( 12 / 4 ) * (100% / 12) - ( 1rem * 0.75 ));
     4441  max-width: calc((100% - 16px * 3) / 4);
    45274442}
    45284443
    … …  
    45324447
    45334448.gallery-columns-5 .gallery-item {
    4534   max-width: calc( ( 12 / 5 ) * (100% / 12) - ( 1rem * 0.8 ));
     4449  max-width: calc((100% - 16px * 4) / 5);
    45354450}
    45364451
    … …  
    45404455
    45414456.gallery-columns-6 .gallery-item {
    4542   max-width: calc( ( 12 / 6 ) * (100% / 12) - ( 1rem * 0.83333 ));
     4457  max-width: calc((100% - 16px * 5) / 6);
    45434458}
    45444459
    … …  
    45484463
    45494464.gallery-columns-7 .gallery-item {
    4550   max-width: calc( ( 12 / 7 ) * (100% / 12) - ( 1rem * 0.85714 ));
     4465  max-width: calc((100% - 16px * 6) / 7);
    45514466}
    45524467
    … …  
    45564471
    45574472.gallery-columns-8 .gallery-item {
    4558   max-width: calc( ( 12 / 8 ) * (100% / 12) - ( 1rem * 0.875 ));
     4473  max-width: calc((100% - 16px * 7) / 8);
    45594474}
    45604475
    … …  
    45644479
    45654480.gallery-columns-9 .gallery-item {
    4566   max-width: calc( ( 12 / 9 ) * (100% / 12) - ( 1rem * 0.88889 ));
     4481  max-width: calc((100% - 16px * 8) / 9);
    45674482}
    45684483

  • branches/5.0/src/wp-content/themes/twentynineteen/style.css

    r43904 r43909  
    5454        ## Galleries
    5555--------------------------------------------------------------*/
    56 /*
    57  * Chrome renders extra-wide &nbsp; characters for the Hoefler Text font.
    58  * This results in a jumping cursor when typing in both the Classic and block
    59  * editors. The following font-face override fixes the issue by manually inserting
    60  * a custom font that includes just a Hoefler Text space replacement for that
    61  * character instead.
    62  */
    63 @font-face {
    64   font-family: 'NonBreakingSpaceOverride';
    65   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");
    66 }
    67 
    6856/* If we add the border using a regular CSS border, it won't look good on non-retina devices,
    6957 * since its edges can look jagged due to lack of antialiasing. In this case, we are several
    … …  
    414402  -moz-osx-font-smoothing: grayscale;
    415403  color: #111;
    416   font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
     404  font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
    417405  font-weight: 400;
    418406  font-size: 1em;
    … …  
    428416textarea {
    429417  color: #111;
    430   font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
     418  font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
    431419  font-weight: 400;
    432420  line-height: 1.8;
    … …  
    489477
    490478.page-title {
    491   font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
     479  font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
    492480}
    493481
    … …  
    10381026         */
    10391027  /**
    1040          * Full-screen touch device styles
     1028         * Off-canvas touch device styles
    10411029         */
    10421030}
    … …  
    11001088.main-navigation .main-menu > li.menu-item-has-children .submenu-expand {
    11011089  display: inline-block;
    1102   margin-right: 0.5rem;
     1090  margin-right: 0.25rem;
    11031091  /* Priority+ Menu */
    11041092}
    … …  
    12311219  min-width: 100%;
    12321220  /* Non-mobile position */
    1233   /* Nested sub-menu padding: 10 levels deep */
     1221  /* Nested sub-menu dashes */
    12341222}
    12351223
    … …  
    12421230  min-width: 100%;
    12431231  /* Non-mobile position */
    1244   /* Nested sub-menu padding: 10 levels deep */
     1232  /* Nested sub-menu dashes */
    12451233}
    12461234
    … …  
    13461334}
    13471335
    1348 .main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu li > a:before {
    1349   font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
     1336.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu {
     1337  counter-reset: submenu;
     1338}
     1339
     1340.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu {
     1341  counter-reset: submenu;
     1342}
     1343
     1344.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu > li > a::before {
     1345  font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
    13501346  font-weight: normal;
    1351 }
    1352 
    1353 .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu li > a:before {
    1354   font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
     1347  content: "– " counters(submenu, "– ", none);
     1348  counter-increment: submenu;
     1349}
     1350
     1351.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu > li > a::before {
     1352  font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
    13551353  font-weight: normal;
    1356 }
    1357 
    1358 .main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu > li > a:before {
    1359   content: "\2013\00a0";
    1360 }
    1361 
    1362 .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu > li > a:before {
    1363   content: "\2013\00a0";
    1364 }
    1365 
    1366 .main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu .sub-menu li > a:before {
    1367   content: "\2013\00a0\2013\00a0";
    1368 }
    1369 
    1370 .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu .sub-menu li > a:before {
    1371   content: "\2013\00a0\2013\00a0";
    1372 }
    1373 
    1374 .main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
    1375   content: "\2013\00a0\2013\00a0\2013\00a0";
    1376 }
    1377 
    1378 .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
    1379   content: "\2013\00a0\2013\00a0\2013\00a0";
    1380 }
    1381 
    1382 .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 {
    1383   content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
    1384 }
    1385 
    1386 .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 {
    1387   content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
    1388 }
    1389 
    1390 .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 {
    1391   content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
    1392 }
    1393 
    1394 .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 {
    1395   content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
    1396 }
    1397 
    1398 .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 {
    1399   content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
    1400 }
    1401 
    1402 .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 {
    1403   content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
    1404 }
    1405 
    1406 .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 {
    1407   content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
    1408 }
    1409 
    1410 .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 {
    1411   content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
    1412 }
    1413 
    1414 .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 {
    1415   content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
    1416 }
    1417 
    1418 .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 {
    1419   content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
    1420 }
    1421 
    1422 .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 {
    1423   content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
    1424 }
    1425 
    1426 .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 {
    1427   content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     1354  content: "– " counters(submenu, "– ", none);
     1355  counter-increment: submenu;
    14281356}
    14291357
    … …  
    14381366  min-width: 100%;
    14391367  /* Non-mobile position */
    1440   /* Nested sub-menu padding: 10 levels deep */
     1368  /* Nested sub-menu dashes */
    14411369}
    14421370
    … …  
    15091437}
    15101438
    1511 .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu li > a:before,
    1512 .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu li > a:before,
    1513 .main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu li > a:before {
    1514   font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
     1439.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu,
     1440.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu,
     1441.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu {
     1442  counter-reset: submenu;
     1443}
     1444
     1445.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu > li > a::before,
     1446.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu > li > a::before,
     1447.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu > li > a::before {
     1448  font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
    15151449  font-weight: normal;
    1516 }
    1517 
    1518 .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu > li > a:before,
    1519 .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu > li > a:before,
    1520 .main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu > li > a:before {
    1521   content: "\2013\00a0";
    1522 }
    1523 
    1524 .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu .sub-menu li > a:before,
    1525 .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu .sub-menu li > a:before,
    1526 .main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu .sub-menu li > a:before {
    1527   content: "\2013\00a0\2013\00a0";
    1528 }
    1529 
    1530 .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
    1531 .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
    1532 .main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
    1533   content: "\2013\00a0\2013\00a0\2013\00a0";
    1534 }
    1535 
    1536 .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,
    1537 .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,
    1538 .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 {
    1539   content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
    1540 }
    1541 
    1542 .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,
    1543 .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,
    1544 .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 {
    1545   content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
    1546 }
    1547 
    1548 .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,
    1549 .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,
    1550 .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 {
    1551   content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
    1552 }
    1553 
    1554 .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,
    1555 .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,
    1556 .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 {
    1557   content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
    1558 }
    1559 
    1560 .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,
    1561 .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,
    1562 .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 {
    1563   content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
    1564 }
    1565 
    1566 .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,
    1567 .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,
    1568 .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 {
    1569   content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     1450  content: "– " counters(submenu, "– ", none);
     1451  counter-increment: submenu;
    15701452}
    15711453
    … …  
    15901472.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu li > a:focus {
    15911473  background-color: transparent;
     1474}
     1475
     1476.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu > li > a,
     1477.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu > li > .menu-item-link-return {
     1478  white-space: inherit;
    15921479}
    15931480
    … …  
    21031990  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    21041991  display: block;
    2105   width: 32px;
    2106   height: 32px;
     1992  width: 50px;
     1993  height: 50px;
    21071994  overflow: hidden;
    21081995  transition: box-shadow 200ms ease-in-out;
    … …  
    21272014  margin: auto;
    21282015  display: inline;
     2016  color: #111;
    21292017  /* When there is no description set, make sure navigation appears below title. */
    21302018}
    21312019
    2132 .site-title a:link,
    2133 .site-title a:visited {
     2020.site-title a {
    21342021  color: #111;
     2022}
     2023
     2024.site-title a:link, .site-title a:visited {
     2025  color: #111;
     2026}
     2027
     2028.site-title a:hover {
     2029  color: #4a4a4a;
    21352030}
    21362031
    … …  
    21472042.site-title + .main-navigation {
    21482043  display: block;
    2149 }
    2150 
    2151 .site-title a {
    2152   color: inherit;
    2153 }
    2154 
    2155 .site-title a:hover {
    2156   color: #4a4a4a;
    21572044}
    21582045
    … …  
    33533240}
    33543241
    3355 #colophon .widget-area .imprint,
    3356 #colophon .site-info .imprint {
    3357   margin-right: 1rem;
    3358 }
    3359 
    3360 #colophon .site-info a {
    3361   color: inherit;
    3362 }
    3363 
    3364 #colophon .site-info a:hover {
    3365   text-decoration: none;
    3366   color: #0073aa;
    3367 }
    3368 
    33693242#colophon .widget-column {
    33703243  display: flex;
    … …  
    33853258#colophon .site-info {
    33863259  color: #767676;
     3260}
     3261
     3262#colophon .site-info a {
     3263  color: inherit;
     3264}
     3265
     3266#colophon .site-info a:hover {
     3267  text-decoration: none;
     3268  color: #0073aa;
     3269}
     3270
     3271#colophon .site-info .imprint,
     3272#colophon .site-info .privacy-policy-link {
     3273  margin-right: 1rem;
    33873274}
    33883275
    … …  
    34343321}
    34353322
    3436 .widget_archive ul ul li > a:before,
    3437 .widget_categories ul ul li > a:before,
    3438 .widget_meta ul ul li > a:before,
    3439 .widget_nav_menu ul ul li > a:before,
    3440 .widget_pages ul ul li > a:before,
    3441 .widget_recent_comments ul ul li > a:before,
    3442 .widget_recent_entries ul ul li > a:before,
    3443 .widget_rss ul ul li > a:before {
    3444   font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
     3323.widget_archive ul ul,
     3324.widget_categories ul ul,
     3325.widget_meta ul ul,
     3326.widget_nav_menu ul ul,
     3327.widget_pages ul ul,
     3328.widget_recent_comments ul ul,
     3329.widget_recent_entries ul ul,
     3330.widget_rss ul ul {
     3331  counter-reset: submenu;
     3332}
     3333
     3334.widget_archive ul ul > li > a::before,
     3335.widget_categories ul ul > li > a::before,
     3336.widget_meta ul ul > li > a::before,
     3337.widget_nav_menu ul ul > li > a::before,
     3338.widget_pages ul ul > li > a::before,
     3339.widget_recent_comments ul ul > li > a::before,
     3340.widget_recent_entries ul ul > li > a::before,
     3341.widget_rss ul ul > li > a::before {
     3342  font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
    34453343  font-weight: normal;
    3446 }
    3447 
    3448 .widget_archive ul ul > li > a:before,
    3449 .widget_categories ul ul > li > a:before,
    3450 .widget_meta ul ul > li > a:before,
    3451 .widget_nav_menu ul ul > li > a:before,
    3452 .widget_pages ul ul > li > a:before,
    3453 .widget_recent_comments ul ul > li > a:before,
    3454 .widget_recent_entries ul ul > li > a:before,
    3455 .widget_rss ul ul > li > a:before {
    3456   content: "\2013\00a0";
    3457 }
    3458 
    3459 .widget_archive ul ul ul li > a:before,
    3460 .widget_categories ul ul ul li > a:before,
    3461 .widget_meta ul ul ul li > a:before,
    3462 .widget_nav_menu ul ul ul li > a:before,
    3463 .widget_pages ul ul ul li > a:before,
    3464 .widget_recent_comments ul ul ul li > a:before,
    3465 .widget_recent_entries ul ul ul li > a:before,
    3466 .widget_rss ul ul ul li > a:before {
    3467   content: "\2013\00a0\2013\00a0";
    3468 }
    3469 
    3470 .widget_archive ul ul ul ul li > a:before,
    3471 .widget_categories ul ul ul ul li > a:before,
    3472 .widget_meta ul ul ul ul li > a:before,
    3473 .widget_nav_menu ul ul ul ul li > a:before,
    3474 .widget_pages ul ul ul ul li > a:before,
    3475 .widget_recent_comments ul ul ul ul li > a:before,
    3476 .widget_recent_entries ul ul ul ul li > a:before,
    3477 .widget_rss ul ul ul ul li > a:before {
    3478   content: "\2013\00a0\2013\00a0\2013\00a0";
    3479 }
    3480 
    3481 .widget_archive ul ul ul ul ul li > a:before,
    3482 .widget_categories ul ul ul ul ul li > a:before,
    3483 .widget_meta ul ul ul ul ul li > a:before,
    3484 .widget_nav_menu ul ul ul ul ul li > a:before,
    3485 .widget_pages ul ul ul ul ul li > a:before,
    3486 .widget_recent_comments ul ul ul ul ul li > a:before,
    3487 .widget_recent_entries ul ul ul ul ul li > a:before,
    3488 .widget_rss ul ul ul ul ul li > a:before {
    3489   content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
    3490 }
    3491 
    3492 .widget_archive ul ul ul ul ul ul li > a:before,
    3493 .widget_categories ul ul ul ul ul ul li > a:before,
    3494 .widget_meta ul ul ul ul ul ul li > a:before,
    3495 .widget_nav_menu ul ul ul ul ul ul li > a:before,
    3496 .widget_pages ul ul ul ul ul ul li > a:before,
    3497 .widget_recent_comments ul ul ul ul ul ul li > a:before,
    3498 .widget_recent_entries ul ul ul ul ul ul li > a:before,
    3499 .widget_rss ul ul ul ul ul ul li > a:before {
    3500   content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
    3501 }
    3502 
    3503 .widget_archive ul ul ul ul ul ul ul li > a:before,
    3504 .widget_categories ul ul ul ul ul ul ul li > a:before,
    3505 .widget_meta ul ul ul ul ul ul ul li > a:before,
    3506 .widget_nav_menu ul ul ul ul ul ul ul li > a:before,
    3507 .widget_pages ul ul ul ul ul ul ul li > a:before,
    3508 .widget_recent_comments ul ul ul ul ul ul ul li > a:before,
    3509 .widget_recent_entries ul ul ul ul ul ul ul li > a:before,
    3510 .widget_rss ul ul ul ul ul ul ul li > a:before {
    3511   content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
    3512 }
    3513 
    3514 .widget_archive ul ul ul ul ul ul ul ul li > a:before,
    3515 .widget_categories ul ul ul ul ul ul ul ul li > a:before,
    3516 .widget_meta ul ul ul ul ul ul ul ul li > a:before,
    3517 .widget_nav_menu ul ul ul ul ul ul ul ul li > a:before,
    3518 .widget_pages ul ul ul ul ul ul ul ul li > a:before,
    3519 .widget_recent_comments ul ul ul ul ul ul ul ul li > a:before,
    3520 .widget_recent_entries ul ul ul ul ul ul ul ul li > a:before,
    3521 .widget_rss ul ul ul ul ul ul ul ul li > a:before {
    3522   content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
    3523 }
    3524 
    3525 .widget_archive ul ul ul ul ul ul ul ul ul li > a:before,
    3526 .widget_categories ul ul ul ul ul ul ul ul ul li > a:before,
    3527 .widget_meta ul ul ul ul ul ul ul ul ul li > a:before,
    3528 .widget_nav_menu ul ul ul ul ul ul ul ul ul li > a:before,
    3529 .widget_pages ul ul ul ul ul ul ul ul ul li > a:before,
    3530 .widget_recent_comments ul ul ul ul ul ul ul ul ul li > a:before,
    3531 .widget_recent_entries ul ul ul ul ul ul ul ul ul li > a:before,
    3532 .widget_rss ul ul ul ul ul ul ul ul ul li > a:before {
    3533   content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
    3534 }
    3535 
    3536 .widget_archive ul ul ul ul ul ul ul ul ul ul li > a:before,
    3537 .widget_categories ul ul ul ul ul ul ul ul ul ul li > a:before,
    3538 .widget_meta ul ul ul ul ul ul ul ul ul ul li > a:before,
    3539 .widget_nav_menu ul ul ul ul ul ul ul ul ul ul li > a:before,
    3540 .widget_pages ul ul ul ul ul ul ul ul ul ul li > a:before,
    3541 .widget_recent_comments ul ul ul ul ul ul ul ul ul ul li > a:before,
    3542 .widget_recent_entries ul ul ul ul ul ul ul ul ul ul li > a:before,
    3543 .widget_rss ul ul ul ul ul ul ul ul ul ul li > a:before {
    3544   content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     3344  content: "– " counters(submenu, "– ", none);
     3345  counter-increment: submenu;
    35453346}
    35463347
    … …  
    35483349  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    35493350  font-weight: 700;
     3351}
     3352
     3353.widget_search .search-field {
     3354  width: 100%;
     3355}
     3356
     3357@media only screen and (min-width: 600px) {
     3358  .widget_search .search-field {
     3359    width: auto;
     3360  }
    35503361}
    35513362
    … …  
    36593470    /*rtl:ignore*/
    36603471    margin-right: calc(2 * 1rem);
    3661   }
    3662 }
    3663 
    3664 @media only screen and (min-width: 1168px) {
    3665   .entry .entry-content > *.alignleft,
    3666   .entry .entry-summary > *.alignleft {
    3667     max-width: calc(3 * (100vw / 12));
    36683472  }
    36693473}
    … …  
    37853589  transition: background 150ms ease-in-out;
    37863590  border: none;
    3787   background: #0073aa;
    37883591  font-size: 0.88889em;
    37893592  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    … …  
    37943597  padding: 0.76rem 1rem;
    37953598  outline: none;
     3599  outline: none;
     3600}
     3601
     3602.entry .entry-content .wp-block-button .wp-block-button__link:not(.has-background) {
     3603  background-color: #0073aa;
     3604}
     3605
     3606.entry .entry-content .wp-block-button .wp-block-button__link:not(.has-text-color) {
    37963607  color: white;
    3797   outline: none;
    37983608}
    37993609
    38003610.entry .entry-content .wp-block-button .wp-block-button__link:hover {
     3611  color: white;
    38013612  background: #111;
    38023613  cursor: pointer;
    … …  
    38043615
    38053616.entry .entry-content .wp-block-button .wp-block-button__link:focus {
     3617  color: white;
    38063618  background: #111;
    38073619  outline: thin dotted;
    … …  
    38173629.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:active {
    38183630  transition: all 150ms ease-in-out;
     3631  border-width: 2px;
     3632  border-style: solid;
     3633}
     3634
     3635.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background),
     3636.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:focus:not(.has-background),
     3637.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:active:not(.has-background) {
    38193638  background: transparent;
    3820   border: 2px solid currentColor;
     3639}
     3640
     3641.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color),
     3642.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:focus:not(.has-text-color),
     3643.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:active:not(.has-text-color) {
    38213644  color: #0073aa;
     3645  border-color: currentColor;
    38223646}
    38233647
    38243648.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:hover {
    3825   color: #111;
     3649  border-color: #111;
    38263650}
    38273651
    … …  
    38673691}
    38683692
    3869 .entry .entry-content .wp-block-categories ul li > a:before {
    3870   font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
     3693.entry .entry-content .wp-block-categories ul {
     3694  counter-reset: submenu;
     3695}
     3696
     3697.entry .entry-content .wp-block-categories ul > li > a::before {
     3698  font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
    38713699  font-weight: normal;
    3872 }
    3873 
    3874 .entry .entry-content .wp-block-categories ul > li > a:before {
    3875   content: "\2013\00a0";
    3876 }
    3877 
    3878 .entry .entry-content .wp-block-categories ul ul li > a:before {
    3879   content: "\2013\00a0\2013\00a0";
    3880 }
    3881 
    3882 .entry .entry-content .wp-block-categories ul ul ul li > a:before {
    3883   content: "\2013\00a0\2013\00a0\2013\00a0";
    3884 }
    3885 
    3886 .entry .entry-content .wp-block-categories ul ul ul ul li > a:before {
    3887   content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
    3888 }
    3889 
    3890 .entry .entry-content .wp-block-categories ul ul ul ul ul li > a:before {
    3891   content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
    3892 }
    3893 
    3894 .entry .entry-content .wp-block-categories ul ul ul ul ul ul li > a:before {
    3895   content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
    3896 }
    3897 
    3898 .entry .entry-content .wp-block-categories ul ul ul ul ul ul ul li > a:before {
    3899   content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
    3900 }
    3901 
    3902 .entry .entry-content .wp-block-categories ul ul ul ul ul ul ul ul li > a:before {
    3903   content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
    3904 }
    3905 
    3906 .entry .entry-content .wp-block-categories ul ul ul ul ul ul ul ul ul li > a:before {
    3907   content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     3700  content: "– " counters(submenu, "– ", none);
     3701  counter-increment: submenu;
    39083702}
    39093703
    … …  
    39333727
    39343728.entry .entry-content .wp-block-verse {
    3935   font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
     3729  font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
    39363730  font-size: 22px;
    39373731  line-height: 1.8;
    … …  
    39473741
    39483742.entry .entry-content .wp-block-pullquote {
    3949   border: none;
     3743  border-color: transparent;
     3744  border-width: 2px;
    39503745  padding: 1rem;
    39513746}
    … …  
    40433838}
    40443839
     3840.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 {
     3841  color: inherit;
     3842}
     3843
    40453844@media only screen and (min-width: 768px) {
    40463845  .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote {
    … …  
    40483847    margin-right: 0;
    40493848  }
    4050 }
    4051 
    4052 .entry .entry-content .wp-block-pullquote.is-style-solid-color .has-primary-background-color {
    4053   background-color: #0073aa;
    40543849}
    40553850
    … …  
    41583953  padding: 0;
    41593954  color: #fff;
     3955  -ms-hyphens: auto;
     3956  -moz-hyphens: auto;
     3957  -webkit-hyphens: auto;
     3958  hyphens: auto;
    41603959}
    41613960
    … …  
    41723971}
    41733972
    4174 .entry .entry-content .wp-block-cover-image.aligncenter h2,
    4175 .entry .entry-content .wp-block-cover-image.aligncenter .wp-block-cover-image-text,
    4176 .entry .entry-content .wp-block-cover-image.aligncenter .wp-block-cover-text,
    4177 .entry .entry-content .wp-block-cover.aligncenter h2,
    4178 .entry .entry-content .wp-block-cover.aligncenter .wp-block-cover-image-text,
    4179 .entry .entry-content .wp-block-cover.aligncenter .wp-block-cover-text {
    4180   width: 100%;
    4181   z-index: 1;
    4182   left: 50%;
    4183   position: absolute;
    4184   transform: translate(-50%, -50%);
    4185   top: 50%;
    4186 }
    4187 
    41883973.entry .entry-content .wp-block-cover-image.alignleft, .entry .entry-content .wp-block-cover-image.alignright,
    41893974.entry .entry-content .wp-block-cover.alignleft,
    41903975.entry .entry-content .wp-block-cover.alignright {
    41913976  width: 100%;
     3977}
     3978
     3979@media only screen and (min-width: 768px) {
     3980  .entry .entry-content .wp-block-cover-image.alignleft, .entry .entry-content .wp-block-cover-image.alignright,
     3981  .entry .entry-content .wp-block-cover.alignleft,
     3982  .entry .entry-content .wp-block-cover.alignright {
     3983    padding: 1rem;
     3984  }
    41923985}
    41933986
    … …  
    43814174}
    43824175
     4176.entry .entry-content .wp-block-columns.alignfull {
     4177  padding-left: 1rem;
     4178  padding-right: 1rem;
     4179}
     4180
    43834181@media only screen and (min-width: 768px) {
    43844182  .entry .entry-content .wp-block-columns .wp-block-column > *:first-child {
    … …  
    43934191  .entry .entry-content .wp-block-columns[class*='has-'] > *:last-child {
    43944192    margin-right: 0;
     4193  }
     4194  .entry .entry-content .wp-block-columns.alignfull,
     4195  .entry .entry-content .wp-block-columns.alignfull .wp-block-column {
     4196    padding-left: calc(2 * 1rem);
     4197    padding-right: calc(2 * 1rem);
    43954198  }
    43964199}
    … …  
    44154218}
    44164219
    4417 .entry .entry-content .has-primary-background-color {
    4418   background-color: #0073aa;
     4220.entry .entry-content .has-small-font-size {
     4221  font-size: 0.88889em;
     4222}
     4223
     4224.entry .entry-content .has-normal-font-size {
     4225  font-size: 1.125em;
     4226}
     4227
     4228.entry .entry-content .has-large-font-size {
     4229  font-size: 1.6875em;
     4230}
     4231
     4232.entry .entry-content .has-huge-font-size {
     4233  font-size: 2.25em;
     4234}
     4235
     4236.entry .entry-content .has-primary-background-color,
     4237.entry .entry-content .has-secondary-background-color,
     4238.entry .entry-content .has-dark-gray-background-color,
     4239.entry .entry-content .has-light-gray-background-color {
     4240  color: #fff;
    44194241}
    44204242
    … …  
    44264248.entry .entry-content .has-primary-background-color h5,
    44274249.entry .entry-content .has-primary-background-color h6,
    4428 .entry .entry-content .has-primary-background-color a {
     4250.entry .entry-content .has-primary-background-color a,
     4251.entry .entry-content .has-secondary-background-color p,
     4252.entry .entry-content .has-secondary-background-color h1,
     4253.entry .entry-content .has-secondary-background-color h2,
     4254.entry .entry-content .has-secondary-background-color h3,
     4255.entry .entry-content .has-secondary-background-color h4,
     4256.entry .entry-content .has-secondary-background-color h5,
     4257.entry .entry-content .has-secondary-background-color h6,
     4258.entry .entry-content .has-secondary-background-color a,
     4259.entry .entry-content .has-dark-gray-background-color p,
     4260.entry .entry-content .has-dark-gray-background-color h1,
     4261.entry .entry-content .has-dark-gray-background-color h2,
     4262.entry .entry-content .has-dark-gray-background-color h3,
     4263.entry .entry-content .has-dark-gray-background-color h4,
     4264.entry .entry-content .has-dark-gray-background-color h5,
     4265.entry .entry-content .has-dark-gray-background-color h6,
     4266.entry .entry-content .has-dark-gray-background-color a,
     4267.entry .entry-content .has-light-gray-background-color p,
     4268.entry .entry-content .has-light-gray-background-color h1,
     4269.entry .entry-content .has-light-gray-background-color h2,
     4270.entry .entry-content .has-light-gray-background-color h3,
     4271.entry .entry-content .has-light-gray-background-color h4,
     4272.entry .entry-content .has-light-gray-background-color h5,
     4273.entry .entry-content .has-light-gray-background-color h6,
     4274.entry .entry-content .has-light-gray-background-color a {
    44294275  color: #fff;
     4276}
     4277
     4278.entry .entry-content .has-white-background-color {
     4279  color: #111;
     4280}
     4281
     4282.entry .entry-content .has-white-background-color p,
     4283.entry .entry-content .has-white-background-color h1,
     4284.entry .entry-content .has-white-background-color h2,
     4285.entry .entry-content .has-white-background-color h3,
     4286.entry .entry-content .has-white-background-color h4,
     4287.entry .entry-content .has-white-background-color h5,
     4288.entry .entry-content .has-white-background-color h6,
     4289.entry .entry-content .has-white-background-color a {
     4290  color: #111;
     4291}
     4292
     4293.entry .entry-content .has-primary-background-color,
     4294.entry .entry-content .wp-block-pullquote.is-style-solid-color.has-primary-background-color {
     4295  background-color: #0073aa;
     4296}
     4297
     4298.entry .entry-content .has-secondary-background-color,
     4299.entry .entry-content .wp-block-pullquote.is-style-solid-color.has-secondary-background-color {
     4300  background-color: #005177;
     4301}
     4302
     4303.entry .entry-content .has-dark-gray-background-color,
     4304.entry .entry-content .wp-block-pullquote.is-style-solid-color.has-dark-gray-background-color {
     4305  background-color: #111;
     4306}
     4307
     4308.entry .entry-content .has-light-gray-background-color,
     4309.entry .entry-content .wp-block-pullquote.is-style-solid-color.has-light-gray-background-color {
     4310  background-color: #767676;
     4311}
     4312
     4313.entry .entry-content .has-white-background-color,
     4314.entry .entry-content .wp-block-pullquote.is-style-solid-color.has-white-background-color {
     4315  background-color: #FFF;
     4316}
     4317
     4318.entry .entry-content .has-primary-color,
     4319.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-primary-color,
     4320.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-primary-color p {
     4321  color: #0073aa;
     4322}
     4323
     4324.entry .entry-content .has-secondary-color,
     4325.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-secondary-color,
     4326.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-secondary-color p {
     4327  color: #005177;
     4328}
     4329
     4330.entry .entry-content .has-dark-gray-color,
     4331.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-dark-gray-color,
     4332.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-dark-gray-color p {
     4333  color: #111;
     4334}
     4335
     4336.entry .entry-content .has-light-gray-color,
     4337.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-light-gray-color,
     4338.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-light-gray-color p {
     4339  color: #767676;
     4340}
     4341
     4342.entry .entry-content .has-white-color,
     4343.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-white-color {
     4344  color: #FFF;
    44304345}
    44314346
    … …  
    45124427.gallery-item {
    45134428  display: inline-block;
    4514   margin-right: 1rem;
    4515   margin-bottom: 1rem;
     4429  margin-right: 16px;
     4430  margin-bottom: 16px;
    45164431  text-align: center;
    45174432  vertical-align: top;
    … …  
    45204435
    45214436.gallery-columns-2 .gallery-item {
    4522   max-width: calc( ( 12 / 2 ) * (100% / 12) - ( 1rem * 0.5 ));
     4437  max-width: calc((100% - 16px * 1) / 2);
    45234438}
    45244439
    … …  
    45284443
    45294444.gallery-columns-3 .gallery-item {
    4530   max-width: calc( ( 12 / 3 ) * (100% / 12) - ( 1rem * 0.66667 ));
     4445  max-width: calc((100% - 16px * 2) / 3);
    45314446}
    45324447
    … …  
    45364451
    45374452.gallery-columns-4 .gallery-item {
    4538   max-width: calc( ( 12 / 4 ) * (100% / 12) - ( 1rem * 0.75 ));
     4453  max-width: calc((100% - 16px * 3) / 4);
    45394454}
    45404455
    … …  
    45444459
    45454460.gallery-columns-5 .gallery-item {
    4546   max-width: calc( ( 12 / 5 ) * (100% / 12) - ( 1rem * 0.8 ));
     4461  max-width: calc((100% - 16px * 4) / 5);
    45474462}
    45484463
    … …  
    45524467
    45534468.gallery-columns-6 .gallery-item {
    4554   max-width: calc( ( 12 / 6 ) * (100% / 12) - ( 1rem * 0.83333 ));
     4469  max-width: calc((100% - 16px * 5) / 6);
    45554470}
    45564471
    … …  
    45604475
    45614476.gallery-columns-7 .gallery-item {
    4562   max-width: calc( ( 12 / 7 ) * (100% / 12) - ( 1rem * 0.85714 ));
     4477  max-width: calc((100% - 16px * 6) / 7);
    45634478}
    45644479
    … …  
    45684483
    45694484.gallery-columns-8 .gallery-item {
    4570   max-width: calc( ( 12 / 8 ) * (100% / 12) - ( 1rem * 0.875 ));
     4485  max-width: calc((100% - 16px * 7) / 8);
    45714486}
    45724487
    … …  
    45764491
    45774492.gallery-columns-9 .gallery-item {
    4578   max-width: calc( ( 12 / 9 ) * (100% / 12) - ( 1rem * 0.88889 ));
     4493  max-width: calc((100% - 16px * 8) / 9);
    45794494}
    45804495
Note: See TracChangeset for help on using the changeset viewer.