WordPress.org

Make WordPress Core

Ticket #47708: 47708.1.patch

File 47708.1.patch, 132.9 KB (added by pierlo, 2 years ago)
  • src/wp-admin/about.php

    diff --git a/src/wp-admin/about.php b/src/wp-admin/about.php
    index f5d86a9892..f04732b25a 100644
    a b $title = _x( 'About', 'page title' ); 
    1414
    1515list( $display_version ) = explode( '-', get_bloginfo( 'version' ) );
    1616
     17wp_enqueue_style( 'wp-block-library' );
     18
    1719include( ABSPATH . 'wp-admin/admin-header.php' );
    1820?>
    19         <div class="wrap about-wrap full-width-layout">
    20                 <h1>
    21                         <?php
    22                         printf(
    23                                 /* translators: %s: The current WordPress version number. */
    24                                 __( 'Welcome to WordPress&nbsp;%s' ),
    25                                 $display_version
    26                         );
    27                         ?>
    28                 </h1>
    29 
    30                 <p class="about-text">
    31                         <?php
    32                         printf(
    33                                 /* translators: %s: The current WordPress version number. */
    34                                 __( 'Congratulations on updating to WordPress %s! This update makes it easier than ever to fix your site if something goes wrong.' ),
    35                                 $display_version
    36                         );
    37                         ?>
    38                 </p>
    39 
    40                 <div class="wp-badge">
    41                         <?php
    42                         printf(
    43                                 /* translators: %s: The current WordPress version number. */
    44                                 __( 'Version %s' ),
    45                                 $display_version
    46                         );
    47                         ?>
     21        <!-- wp:group {"align":"wide"} -->
     22        <div class="wp-block-group alignwide">
     23                <div class="wp-block-group__inner-container">
     24                        <!-- wp:heading -->
     25                        <h2>5.3 expands and refines the block editor introduced in WordPress 5.0 with new blocks, more intuitive interactions, and improved accessibility. New features in the editor increase design freedoms, providing more layout options and style variations to allow designers complete control over the look of a site . This release also introduces the Twenty Twenty theme giving the user more design flexibility. Creating beautiful web pages and advanced layouts has never been easier.</h2>
     26                        <!-- /wp:heading -->
    4827                </div>
    49 
    50                 <nav class="nav-tab-wrapper wp-clearfix" aria-label="<?php esc_attr_e( 'Secondary menu' ); ?>">
    51                         <a href="about.php" class="nav-tab nav-tab-active" aria-current="page"><?php _e( 'What&#8217;s New' ); ?></a>
    52                         <a href="credits.php" class="nav-tab"><?php _e( 'Credits' ); ?></a>
    53                         <a href="freedoms.php" class="nav-tab"><?php _e( 'Freedoms' ); ?></a>
    54                         <a href="privacy.php" class="nav-tab"><?php _e( 'Privacy' ); ?></a>
    55                 </nav>
    56 
    57                 <div class="headline-feature">
    58                         <h2><?php _e( 'Keeping Your Site Safe' ); ?></h2>
    59                         <p class="lead-description"><?php _e( 'WordPress 5.2 gives you even more robust tools for identifying and fixing configuration issues and fatal errors. Whether you are a developer helping clients or you manage your site solo, these tools can help get you the right information when you need it.' ); ?></p>
    60                         <div class="inline-svg aligncenter">
    61                                 <img src="https://s.w.org/images/core/5.2/about_maintain-wordpress-v2.svg" alt="">
     28        </div>
     29        <!-- /wp:group -->
     30
     31        <!-- wp:group {"align":"wide"} -->
     32        <div class="wp-block-group alignwide">
     33                <div class="wp-block-group__inner-container">
     34                        <!-- wp:media-text {"mediaId":7,"mediaType":"image","isStackedOnMobile":false,"className":"alignwide"} -->
     35                        <div class="wp-block-media-text alignwide">
     36                                <figure class="wp-block-media-text__media">
     37                                        <img src="images/group-2.11.svg" alt="" class="wp-image-7"/>
     38                                </figure>
     39                                <div class="wp-block-media-text__content">
     40                                        <!-- wp:heading {"level":3} -->
     41                                        <h3>Block Editor Improvements</h3>
     42                                        <!-- /wp:heading -->
     43
     44                                        <!-- wp:paragraph -->
     45                                        <p>This enhancement-focused update introduces XX new features and usability improvements, including improved large image support for uploading non-optimized, high-resolution pictures from your smartphone. Combined with larger default image sizes, pictures always look their best.</p>
     46                                        <!-- /wp:paragraph -->
     47
     48                                        <!-- wp:paragraph -->
     49                                        <p>Accessibility improvements include the integration of block editor styles in the admin interface. These improved styles fix many accessibility issues: color contrast on form fields and buttons, consistency between editor and admin interfaces, new snackbar notices, WordPress color scheme, and the introduction of Motion to make interacting with your blocks feel swift and natural. For people who use a keyboard to navigate the dashboard, the Block Editor now has a Navigation mode. This lets you jump from block to block without tabbing through every part of the block controls.</p>
     50                                        <!-- /wp:paragraph -->
     51                                </div>
    6252                        </div>
    63                 </div>
    64 
    65                 <hr />
    66 
    67                 <div class="feature-section is-wide has-2-columns is-wider-left">
    68                         <div class="column is-vertically-aligned-center">
    69                                 <h3><?php _e( 'Site Health Check' ); ?></h3>
    70                                 <p>
    71                                         <?php
    72                                         printf(
    73                                                 /* translators: 1: Link to the WordPress 5.1 release post. */
    74                                                 __( 'Building on <a href="%1$s">the Site Health features introduced in 5.1</a>, this release adds two new pages to help debug common configuration issues. It also adds space where developers can include debugging information for site maintainers.' ),
    75                                                 __( 'https://wordpress.org/news/2019/02/betty/' )
    76                                         );
    77 
    78                                         if ( current_user_can( 'install_plugins' ) ) {
    79                                                 printf(
    80                                                         /* translators: 1: URL to Site Health Status screen, 2: URL to Site Health Info screen. */
    81                                                         __( ' <a href="%1$s">Check your site status</a>, and <a href="%2$s">learn how to debug issues</a>.' ),
    82                                                         admin_url( 'site-health.php' ),
    83                                                         admin_url( 'site-health.php?tab=debug' )
    84                                                 );
    85                                         }
    86                                         ?>
    87                                 </p>
     53                        <!-- /wp:media-text -->
     54
     55                        <!-- wp:media-text {"mediaPosition":"right","mediaId":8,"mediaType":"image","isStackedOnMobile":false,"className":"alignwide"} -->
     56                        <div class="wp-block-media-text alignwide has-media-on-the-right">
     57                                <figure class="wp-block-media-text__media">
     58                                        <img src="images/group-2.10.svg" alt="" class="wp-image-8"/>
     59                                </figure><div class="wp-block-media-text__content">
     60                                        <!-- wp:heading {"level":3} -->
     61                                        <h3>Expanded Design Flexibility</h3>
     62                                        <!-- /wp:heading -->
     63
     64                                        <!-- wp:paragraph -->
     65                                        <p>[NAME] adds even more robust tools for creating amazing designs.</p>
     66                                        <!-- /wp:paragraph -->
     67
     68                                        <!-- wp:list -->
     69                                        <ul>
     70                                                <li>The new Group block lets you easily divide your page into colorful sections</li>
     71                                                <li>The Columns block now supports fixed column widths</li>
     72                                                <li>The new Predefined layouts make it a cinch to arrange content into advanced designs</li>
     73                                                <li>Heading blocks now offer controls for text and background color</li>
     74                                                <li>Additional style options allow you to set your preferred style for any block that features style variations</li>
     75                                        </ul>
     76                                        <!-- /wp:list -->
     77                                </div>
    8878                        </div>
    89                         <div class="column">
    90                                 <div class="inline-svg aligncenter">
    91                                         <img src="https://s.w.org/images/core/5.2/about_site-health.svg" alt="">
     79                        <!-- /wp:media-text -->
     80
     81                        <!-- wp:media-text {"mediaPosition":"right","mediaId":9,"mediaType":"image","mediaWidth":45,"isStackedOnMobile":false,"imageFill":false,"className":"alignwide"} -->
     82                        <div class="wp-block-media-text alignwide has-media-on-the-right" style="grid-template-columns:auto 45%">
     83                                <figure class="wp-block-media-text__media">
     84                                        <img src="images/iPhone-black.png" alt="" class="wp-image-9"/>
     85                                </figure>
     86                                <div class="wp-block-media-text__content">
     87                                        <!-- wp:heading {"level":3} -->
     88                                        <h3>Introducing Twenty Twenty</h3>
     89                                        <!-- /wp:heading -->
     90
     91                                        <!-- wp:paragraph -->
     92                                        <p>As the Block Editor celebrates its first birthday, we are proud that Twenty Twenty is designed with flexibility at its core. Show off your services or products with a combination of columns, groups, and media blocks. Set your content to wide or full alignment for dynamic and engaging layouts. Or let your thoughts be the star with a centered content column!</p>
     93                                        <!-- /wp:paragraph -->
     94
     95                                        <!-- wp:paragraph -->
     96                                        <p>As befits a theme called Twenty Twenty, clarity and readability is also a big focus. Accordingly, the theme will include the typeface <span style="text-decoration: underline;">Inter</span>, designed by Rasmus Andersson. Inter comes in a Variable Font version, a first for default themes, which keeps load times short by containing all weights and styles of Inter in just two font files. </p>
     97                                        <!-- /wp:paragraph -->
    9298                                </div>
    9399                        </div>
     100                        <!-- /wp:media-text -->
     101
     102                        <!-- wp:image {"align":"wide","id":11,"sizeSlug":"large"} -->
     103                        <figure class="wp-block-image alignwide size-large">
     104                                <img src="images/mask-group.png" alt="" class="wp-image-11"/>
     105                        </figure>
     106                        <!-- /wp:image -->
    94107                </div>
     108        </div>
     109        <!-- /wp:group -->
     110
     111        <!-- wp:group {"align":"wide"} -->
     112        <div class="wp-block-group alignwide">
     113                <div class="wp-block-group__inner-container">
     114                        <!-- wp:heading {"level":3} -->
     115                        <h3>Improvements for Everyone</h3>
     116                        <!-- /wp:heading -->
     117
     118                        <!-- wp:columns -->
     119                        <div class="wp-block-columns">
     120                                <!-- wp:column -->
     121                                <div class="wp-block-column">
     122                                        <!-- wp:heading {"level":4} -->
     123                                        <h4>Automatic Image Rotation</h4>
     124                                        <!-- /wp:heading -->
     125
     126                                        <!-- wp:paragraph -->
     127                                        <p>Your images will be correctly rotated upon upload according to the EXIF orientation. This feature was first proposed nine years ago and made possible through the perserverance of many dedicated contributors.</p>
     128                                        <!-- /wp:paragraph -->
     129                                </div>
     130                                <!-- /wp:column -->
    95131
    96                 <hr />
     132                                <!-- wp:column -->
     133                                <div class="wp-block-column">
     134                                        <!-- wp:heading {"level":4} -->
     135                                        <h4>Site Health Checks</h4>
     136                                        <!-- /wp:heading -->
    97137
    98                 <div class="feature-section is-wide has-2-columns is-wider-right">
    99                         <div class="column">
    100                                 <div class="inline-svg aligncenter">
    101                                         <img src="https://s.w.org/images/core/5.2/about_error-protection.svg" alt="">
     138                                        <!-- wp:paragraph -->
     139                                        <p>The improvements introduced in 5.3 make it easier to identify and understand areas that may need troubleshooting on your site from the Tools → Health Check screen.</p>
     140                                        <!-- /wp:paragraph -->
    102141                                </div>
    103                         </div>
    104                         <div class="column is-vertically-aligned-center">
    105                                 <h3><?php _e( 'PHP Error Protection' ); ?></h3>
    106                                 <p><?php _e( 'This administrator-focused update will let you safely fix or manage fatal errors without requiring a developer. It features better handling of the so-called “white screen of death”, and a way to enter recovery mode, which pauses error-causing plugins or themes.' ); ?></p>
    107                         </div>
    108                 </div>
     142                                <!-- /wp:column -->
    109143
    110                 <hr />
     144                                <!-- wp:column -->
     145                                <div class="wp-block-column">
     146                                        <!-- wp:heading {"level":4} -->
     147                                        <h4>Admin Email Verification</h4>
     148                                        <!-- /wp:heading -->
    111149
    112                 <h3 class="aligncenter"><?php _e( 'Improvements for Everyone' ); ?></h3>
    113 
    114                 <div class="has-2-columns">
    115                         <div class="column aligncenter">
    116                                 <h4><?php _e( 'Accessibility Updates' ); ?></h4>
    117                                 <p><?php _e( 'A number of changes work together to improve contextual awareness and keyboard navigation flow for those using screen readers and other assistive technologies.' ); ?></p>
    118                         </div>
    119                         <div class="column aligncenter">
    120                                 <h4><?php _e( 'New Dashboard Icons' ); ?></h4>
    121                                 <p><?php _e( 'Thirteen new icons include Instagram, a suite of icons for BuddyPress, and rotated Earth icons for global inclusion. Find them in the Dashboard and have some fun!' ); ?></p>
     150                                        <!-- wp:paragraph -->
     151                                        <p>You’ll now be periodically asked to check that your admin email address is up to date when you log in as an administrator. This reduces the chance of you getting locked out out of your site if you change your email address.</p>
     152                                        <!-- /wp:paragraph -->
     153                                </div>
     154                                <!-- /wp:column -->
    122155                        </div>
    123                 </div>
    124 
    125                 <hr />
     156                        <!-- /wp:columns -->
    126157
    127                 <h3 class="aligncenter"><?php _e( 'Developer Happiness' ); ?></h3>
    128 
    129                 <div class="has-2-columns is-fullwidth">
    130                         <div class="column">
    131                                 <h4><a href="https://make.wordpress.org/core/2019/03/26/coding-standards-updates-for-php-5-6/"><?php _e( 'PHP Version Bump' ); ?></a></h4>
    132                                 <p><?php _e( 'The minimum supported PHP version is now 5.6.20. As of WordPress 5.2, themes and plugins can safely take advantage of namespaces, anonymous functions, and more!' ); ?></p>
    133                         </div>
    134                         <div class="column">
    135                                 <h4><a href="https://make.wordpress.org/core/2019/04/24/developer-focused-privacy-updates-in-5-2/"><?php _e( 'Privacy Updates' ); ?></a></h4>
    136                                 <p><?php _e( 'A new theme page template, a conditional function, and two CSS classes make designing and customizing the Privacy Policy page easier.' ); ?></p>
    137                         </div>
    138                 </div>
    139                 <div class="has-2-columns is-fullwidth">
    140                         <div class="column">
    141                                 <h4><a href="https://make.wordpress.org/core/2019/04/24/miscellaneous-developer-updates-in-5-2/"><?php _e( 'New Body Tag Hook' ); ?></a></h4>
    142                                 <p>
    143                                         <?php
    144                                         printf(
    145                                                 /* translators: 1: wp_body_open, 2: <body> */
    146                                                 __( '5.2 introduces a %1$s hook, which lets themes support injecting code right at the beginning of the %2$s element.' ),
    147                                                 '<code>wp_body_open</code>',
    148                                                 '<code>&lt;body&gt;</code>'
    149                                         );
    150                                         ?>
    151                                 </p>
    152                         </div>
    153                         <div class="column">
    154                                 <h4><a href="https://make.wordpress.org/core/2019/03/25/building-javascript/"><?php _e( 'Building JavaScript' ); ?></a></h4>
    155                                 <p><?php _e( 'With the addition of webpack and Babel configurations in the @wordpress/scripts package, developers won&#8217;t have to worry about setting up complex build tools to write modern JavaScript.' ); ?></p>
    156                         </div>
     158                        <!-- wp:image {"align":"wide","id":13,"sizeSlug":"large"} -->
     159                        <figure class="wp-block-image alignwide size-large">
     160                                <img src="images/shuffled-blocks.svg" alt="" class="wp-image-13"/>
     161                        </figure>
     162                        <!-- /wp:image -->
    157163                </div>
     164        </div>
     165        <!-- /wp:group -->
     166
     167        <!-- wp:group {"align":"wide"} -->
     168        <div class="wp-block-group alignwide">
     169                <div class="wp-block-group__inner-container">
     170                        <!-- wp:heading {"level":3} -->
     171                        <h3>For Developers</h3>
     172                        <!-- /wp:heading -->
     173
     174                        <!-- wp:columns -->
     175                        <div class="wp-block-columns">
     176                                <!-- wp:column -->
     177                                <div class="wp-block-column">
     178                                        <!-- wp:heading {"level":4} -->
     179                                        <h4>PHP 7.4 Compatibility</h4>
     180                                        <!-- /wp:heading -->
     181
     182                                        <!-- wp:paragraph -->
     183                                        <p>The WordPress core team is actively preparing to support PHP 7.4 when it is released later this year. WordPress 5.3 contains multiple changes to remove deprecated functionality and ensure compatibility. Please test this beta release with PHP 7.4 to ensure all functionality continues to work as expected and does not raise any new warnings.</p>
     184                                        <!-- /wp:paragraph -->
     185                                </div>
     186                                <!-- /wp:column -->
    158187
    159                 <hr />
     188                                <!-- wp:column -->
     189                                <div class="wp-block-column">
     190                                        <!-- wp:heading {"level":4} -->
     191                                        <h4>Time/Date component fixes</h4>
     192                                        <!-- /wp:heading -->
    160193
    161                 <div class="return-to-dashboard">
    162                         <?php if ( current_user_can( 'update_core' ) && isset( $_GET['updated'] ) ) : ?>
    163                                 <a href="<?php echo esc_url( self_admin_url( 'update-core.php' ) ); ?>">
    164                                         <?php is_multisite() ? _e( 'Return to Updates' ) : _e( 'Return to Dashboard &rarr; Updates' ); ?>
    165                                 </a> |
    166                         <?php endif; ?>
    167                         <a href="<?php echo esc_url( self_admin_url() ); ?>"><?php is_blog_admin() ? _e( 'Go to Dashboard &rarr; Home' ) : _e( 'Go to Dashboard' ); ?></a>
     194                                        <!-- wp:paragraph -->
     195                                        <p>Developers can now work with dates and timezones in a more reliable way. Date and time functionality has received a number of new API functions for unified timezone retrieval and PHP interoperability, as well as many bug fixes.</p>
     196                                        <!-- /wp:paragraph -->
     197                                </div>
     198                                <!-- /wp:column -->
     199                        </div>
     200                        <!-- /wp:columns -->
    168201                </div>
    169202        </div>
    170 <?php
    171 
    172 include( ABSPATH . 'wp-admin/admin-footer.php' );
    173 
    174 // These are strings we may use to describe maintenance/security releases, where we aim for no new strings.
    175 return;
    176 
    177 __( 'Maintenance Release' );
    178 __( 'Maintenance Releases' );
    179 
    180 __( 'Security Release' );
    181 __( 'Security Releases' );
    182 
    183 __( 'Maintenance and Security Release' );
    184 __( 'Maintenance and Security Releases' );
    185 
    186 /* translators: %s: WordPress version number. */
    187 __( '<strong>Version %s</strong> addressed one security issue.' );
    188 /* translators: %s: WordPress version number. */
    189 __( '<strong>Version %s</strong> addressed some security issues.' );
    190 
    191 /* translators: 1: WordPress version number, 2: Plural number of bugs. */
    192 _n_noop(
    193         '<strong>Version %1$s</strong> addressed %2$s bug.',
    194         '<strong>Version %1$s</strong> addressed %2$s bugs.'
    195 );
    196 
    197 /* translators: 1: WordPress version number, 2: Plural number of bugs. Singular security issue. */
    198 _n_noop(
    199         '<strong>Version %1$s</strong> addressed a security issue and fixed %2$s bug.',
    200         '<strong>Version %1$s</strong> addressed a security issue and fixed %2$s bugs.'
    201 );
    202 
    203 /* translators: 1: WordPress version number, 2: Plural number of bugs. More than one security issue. */
    204 _n_noop(
    205         '<strong>Version %1$s</strong> addressed some security issues and fixed %2$s bug.',
    206         '<strong>Version %1$s</strong> addressed some security issues and fixed %2$s bugs.'
    207 );
    208 
    209 /* translators: %s: Documentation URL. */
    210 __( 'For more information, see <a href="%s">the release notes</a>.' );
     203        <!-- /wp:group -->
  • src/wp-admin/css/about.css

    diff --git a/src/wp-admin/css/about.css b/src/wp-admin/css/about.css
    index c6e7c5e239..a9793258a6 100644
    a b  
    1 /*------------------------------------------------------------------------------
    2   22.0 - About Pages
    3 
    4    1.0 Global: About, Credits, Freedoms
    5     1.1 Typography
    6     1.2 Structure
    7     1.3 Point Releases
    8    2.0 About Page
    9     2.1 Typography
    10     2.2 Structure
    11    3.0 Credits & Freedoms Pages
    12 ------------------------------------------------------------------------------*/
    13 
    14 /*------------------------------------------------------------------------------
    15   1.0 - Global: About, Credits, Freedoms
    16 ------------------------------------------------------------------------------*/
    17 
    18 .about-wrap {
    19         position: relative;
    20         margin: 25px 40px 0 20px;
    21         max-width: 1050px; /* readability */
    22         font-size: 15px;
    23 }
     1/*
     2Theme Name: Twenty Twenty
     3Text Domain: twentytwenty
     4Version: 1.0
     5Description: Default theme for Twenty Twenty
     6Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks
     7Author: the WordPress team
     8Author URI: https://wordpress.org/
     9Theme URI: https://wordpress.org/themes/twentytwenty/
     10License: GNU General Public License v2 or later
     11License URI: http://www.gnu.org/licenses/gpl-2.0.html
     12
     13All files, unless otherwise stated, are released under the GNU General Public
     14License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)
     15
     16This theme, like WordPress, is licensed under the GPL.
     17Use it to make something cool, have fun, and share what you've learned
     18with others.
     19*/
     20
     21/*--------------------------------------------------------------
     22>>> TABLE OF CONTENTS:
     23----------------------------------------------------------------
     24
     25        0.      CSS Reset
     26        1.      Document Setup
     27        2.      Element Base
     28        3.      Helper Classes
     29        4.      Site Header
     30        5.      Menu Modal
     31        6.      Search Modal
     32        7.      Page Templates
     33                a.      Template: Cover Template
     34                c.      Template: Full Width
     35        8.  Post: Archive
     36        9.  Post: Single
     37        10. Blocks
     38        11. Entry Content
     39        12. Comments
     40        13. Site Pagination
     41        14. Error 404
     42        15. Widgets
     43        16. Site Footer
     44        17. Media Queries
     45
     46----------------------------------------------------------------------------- */
    2447
    25 .about-wrap.full-width-layout {
    26         max-width: 1200px;
    27 }
    2848
    29 .about-wrap-content {
    30         max-width: 1050px;
     49/* -------------------------------------------------------------------------- */
     50
     51/*      0. CSS Reset
     52/* -------------------------------------------------------------------------- */
     53
     54
     55html,
     56body {
     57        border: none;
     58        margin: 0;
     59        padding: 0;
    3160}
    3261
    33 .about-wrap div.updated,
    34 .about-wrap div.error,
    35 .about-wrap .notice {
    36         display: none !important;
     62h1,
     63h2,
     64h3,
     65h4,
     66h5,
     67h6,
     68p,
     69blockquote,
     70address,
     71big,
     72cite,
     73code,
     74em,
     75font,
     76img,
     77small,
     78strike,
     79sub,
     80sup,
     81li,
     82ol,
     83ul,
     84fieldset,
     85form,
     86label,
     87legend,
     88button,
     89table,
     90caption,
     91tr,
     92th,
     93td {
     94        border: none;
     95        font-size: inherit;
     96        line-height: inherit;
     97        margin: 0;
     98        padding: 0;
     99        text-align: inherit;
    37100}
    38101
    39 .about-wrap hr {
    40         border: 0;
    41         height: 0;
    42         margin: 3em 0 0;
    43         border-top: 1px solid rgba(0, 0, 0, 0.1);
     102blockquote::before,
     103blockquote::after {
     104        content: "";
    44105}
    45106
    46 .about-wrap img {
    47         margin: 0;
    48         width: 100%;
    49         height: auto;
    50         vertical-align: middle;
     107
     108/* -------------------------------------------------------------------------- */
     109
     110/*      1. Document Setup
     111/* -------------------------------------------------------------------------- */
     112
     113
     114html {
     115        font-size: 62.5%; /* 1rem = 10px */
    51116}
    52117
    53 .about-wrap .inline-svg img {
    54         max-width: 100%;
    55         width: auto;
    56         height: auto;
     118body {
     119        background: #f5efe0;
     120        box-sizing: border-box;
     121        color: #000;
     122        font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
     123        font-size: 1.8rem;
     124        letter-spacing: -0.015em;
     125        text-align: left;
    57126}
    58127
    59 .about-wrap video {
    60         margin: 1.5em auto;
     128@supports ( font-variation-settings: normal ) {
     129
     130        body {
     131                font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
     132        }
    61133}
    62134
    63 /* WordPress Version Badge */
     135*,
     136*::before,
     137*::after {
     138        box-sizing: inherit;
     139        -webkit-font-smoothing: antialiased;
     140        word-break: break-word;
     141        word-wrap: break-word;
     142}
    64143
    65 .wp-badge {
    66         background: #0073aa url(../images/w-logo-white.png?ver=20160308) no-repeat;
    67         background-position: center 25px;
    68         background-size: 80px 80px;
     144::selection {
     145        background: #000;
    69146        color: #fff;
    70         font-size: 14px;
    71         text-align: center;
    72         font-weight: 600;
    73         margin: 5px 0 0;
    74         padding-top: 120px;
    75         height: 40px;
    76         display: inline-block;
    77         width: 140px;
    78         text-rendering: optimizeLegibility;
    79         box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    80147}
    81148
    82 .svg .wp-badge {
    83         background-image: url(../images/wordpress-logo-white.svg?ver=20160308);
     149#site-content {
     150        overflow: hidden;
    84151}
    85152
    86 .about-wrap .wp-badge {
    87         position: absolute;
    88         top: 0;
    89         right: 0;
     153
     154/* Clearing ---------------------------------- */
     155
     156.group::after,
     157.entry-content::after {
     158        clear: both;
     159        content: "";
     160        display: block;
    90161}
    91162
    92 /* Tabs */
    93163
    94 .about-wrap .nav-tab {
    95         padding-right: 15px;
    96         padding-left: 15px;
    97         font-size: 18px;
    98         line-height: 1.33333333;
     164/* Base Transitions -------------------------- */
     165
     166a,
     167path {
     168        transition: all 0.15s linear;
    99169}
    100170
    101 /* 1.1 - Typography */
    102171
    103 .about-wrap h1 {
    104         margin: 0.2em 200px 0 0;
     172/* Screen Reader Text ------------------------ */
     173
     174.screen-reader-text {
     175        border: 0;
     176        clip: rect(1px, 1px, 1px, 1px);
     177        -webkit-clip-path: inset(50%);
     178        clip-path: inset(50%);
     179        height: 1px;
     180        margin: -1px;
     181        overflow: hidden;
    105182        padding: 0;
    106         color: #32373c;
    107         line-height: 1.2;
    108         font-size: 2.8em;
    109         font-weight: 400;
     183        position: absolute !important;
     184        width: 1px;
     185        word-wrap: normal !important;
    110186}
    111187
    112 .about-wrap h2 {
    113         margin: 40px 0 .6em;
    114         font-size: 2.7em;
    115         line-height: 1.3;
    116         font-weight: 300;
    117         text-align: center;
     188.screen-reader-text:focus {
     189        background-color: #f1f1f1;
     190        border-radius: 3px;
     191        box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
     192        clip: auto !important;
     193        -webkit-clip-path: none;
     194        clip-path: none;
     195        color: #21759b;
     196        display: block;
     197        font-size: 14px;
     198        font-size: 0.875rem;
     199        font-weight: 700;
     200        height: auto;
     201        right: 5px;
     202        line-height: normal;
     203        padding: 15px 23px 14px;
     204        text-decoration: none;
     205        top: 5px;
     206        width: auto;
     207        z-index: 100000;
    118208}
    119209
    120 .about-wrap h3 {
    121         margin: 1.25em 0 .6em;
    122         font-size: 1.4em;
    123         line-height: 1.5;
     210
     211/* Skip Link --------------------------------- */
     212
     213.skip-link {
     214        left: -9999rem;
     215        top: 2.5rem;
     216        z-index: 999999999;
     217        text-decoration: underline;
    124218}
    125219
    126 .about-wrap h4 {
    127         font-size: 16px;
    128         color: #23282d;
     220.skip-link:focus {
     221        display: block;
     222        left: 6px;
     223        top: 7px;
     224        font-size: 14px;
     225        font-weight: 600;
     226        text-decoration: none;
     227        line-height: normal;
     228        padding: 15px 23px 14px;
     229        z-index: 100000;
     230        right: auto;
    129231}
    130232
    131 .about-wrap p {
    132         line-height: 1.5;
    133         font-size: 16px;
     233
     234/* Fonts ------------------------------------- */
     235
     236/*
     237 * Chrome renders extra-wide &nbsp; characters for the Hoefler Text font.
     238 * This results in a jumping cursor when typing in both the classic editor and
     239 * block editor. The following font-face override fixes the issue by manually
     240 * inserting a custom font that includes just a Hoefler Text space replacement
     241 * for that character instead.
     242 */
     243@font-face {
     244        font-family: NonBreakingSpaceOverride;
     245        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");
    134246}
    135247
    136 .about-wrap code,
    137 .about-wrap ol li p {
    138         font-size: 14px;
    139         font-weight: 400;
     248/* ----------------------------------------------
     249Inter variable font. Usage:
     250
     251@supports (font-variation-settings: normal) {
     252        html { font-family: 'Inter var', sans-serif; }
    140253}
     254---------------------------------------------- */
    141255
    142 .about-wrap figcaption {
    143         font-size: 13px;
    144         text-align: center;
    145         color: white;
    146         text-overflow: ellipsis;
     256@font-face {
     257        font-family: "Inter var";
     258        font-weight: 100 900; /* stylelint-disable-line font-weight-notation */
     259        font-style: normal;
     260        src: url(./assets/fonts/inter/Inter-upright.var.woff2) format("woff2");
    147261}
    148262
    149 .about-wrap .about-description,
    150 .about-wrap .about-text {
    151         margin-top: 1.4em;
    152         font-weight: 400;
    153         line-height: 1.6;
    154         font-size: 19px;
     263@font-face {
     264        font-family: "Inter var";
     265        font-weight: 100 900; /* stylelint-disable-line font-weight-notation */
     266        font-style: italic;
     267        src: url(./assets/fonts/inter/Inter-italic.var.woff2) format("woff2");
    155268}
    156269
    157 .about-wrap .about-text {
    158         margin: 1em 200px 1em 0;
    159         color: #555d66;
     270
     271/* Accessibility Settings -------------------- */
     272
     273@media ( prefers-reduced-motion: reduce ) {
     274
     275        * {
     276                animation-duration: 0s !important;
     277                transition-duration: 0s !important;
     278        }
    160279}
    161280
    162 /* 1.2 - Structure */
    163281
    164 .about-wrap .has-1-columns,
    165 .about-wrap .has-2-columns,
    166 .about-wrap .has-3-columns,
    167 .about-wrap .has-4-columns {
    168         display: -ms-grid;
    169         display: grid;
    170         max-width: 800px;
    171         margin-top: 40px;
    172         margin-left: auto;
    173         margin-right: auto;
     282/* -------------------------------------------------------------------------- */
     283
     284/*      2. Element Base
     285/* ---------------------------------------------*---------------------------- */
     286
     287
     288main {
     289        display: block;
    174290}
    175291
    176 .about-wrap .column {
    177         margin-right: 20px;
    178         margin-left: 20px;
     292h1,
     293h2,
     294h3,
     295h4,
     296h5,
     297h6,
     298.faux-heading {
     299        font-feature-settings: "lnum";
     300        font-variant-numeric: lining-nums;
     301        font-weight: 700;
     302        letter-spacing: -0.0415625em;
     303        line-height: 1.25;
     304        margin: 3.5rem 0 2rem;
    179305}
    180306
    181 .about-wrap .is-wide {
    182         max-width: 760px;
     307h1,
     308.heading-size-1 {
     309        font-size: 3.6rem;
     310        font-weight: 800;
     311        line-height: 1.138888889;
    183312}
    184313
    185 .about-wrap .is-fullwidth {
    186         max-width: 100%;
     314h2,
     315.heading-size-2 {
     316        font-size: 3.2rem;
    187317}
    188318
    189 .about-wrap .has-1-columns {
    190         display: block;
    191         max-width: 680px;
    192         margin: 0 auto 40px;
     319h3,
     320.heading-size-3 {
     321        font-size: 2.8rem;
    193322}
    194323
    195 .about-wrap .has-2-columns {
    196         -ms-grid-columns: 1fr 1fr;
    197         grid-template-columns: 1fr 1fr;
     324h4,
     325.heading-size-4 {
     326        font-size: 2.4rem;
    198327}
    199328
    200 .about-wrap .has-2-columns .column:nth-of-type(2n+1) {
    201         -ms-grid-column: 1;
    202         grid-column-start: 1;
     329h5,
     330.heading-size-5 {
     331        font-size: 2.1rem;
    203332}
    204333
    205 .about-wrap .has-2-columns .column:nth-of-type(2n) {
    206         -ms-grid-column: 2;
    207         grid-column-start: 2;
     334h6,
     335.heading-size-6 {
     336        font-size: 1.6rem;
     337        letter-spacing: 0.03125em;
     338        text-transform: uppercase;
    208339}
    209340
    210 .about-wrap .has-2-columns.is-wider-right {
    211         -ms-grid-columns: 1fr 2fr;
    212         grid-template-columns: 1fr 2fr;
     341p {
     342        line-height: 1.5;
     343        margin: 0 0 1em 0;
    213344}
    214345
    215 .about-wrap .has-2-columns.is-wider-left {
    216         -ms-grid-columns: 2fr 1fr;
    217         grid-template-columns: 2fr 1fr;
     346em,
     347i,
     348q,
     349dfn {
     350        font-style: italic;
    218351}
    219352
    220 .about-wrap .has-3-columns {
    221         -ms-grid-columns: (1fr)[3];
    222         grid-template-columns: repeat(3, 1fr);
     353em em,
     354em i,
     355i em,
     356i i,
     357cite em,
     358cite i {
     359        font-weight: bolder;
    223360}
    224361
    225 .about-wrap .has-3-columns .column:nth-of-type(3n+1) {
    226         -ms-grid-column: 1;
    227         grid-column-start: 1;
     362big {
     363        font-size: 1.2em;
    228364}
    229365
    230 .about-wrap .has-3-columns .column:nth-of-type(3n+2) {
    231         -ms-grid-column: 2;
    232         grid-column-start: 2;
     366small {
     367        font-size: 0.75em;
    233368}
    234369
    235 .about-wrap .has-3-columns .column:nth-of-type(3n) {
    236         -ms-grid-column: 3;
    237         grid-column-start: 3;
     370b,
     371strong {
     372        font-weight: 700;
    238373}
    239374
    240 .about-wrap .has-4-columns {
    241         -ms-grid-columns: (1fr)[4];
    242         grid-template-columns: repeat(4, 1fr);
     375ins {
     376        text-decoration: underline;
    243377}
    244378
    245 .about-wrap .has-4-columns .column:nth-of-type(4n+1) {
    246         -ms-grid-column: 1;
    247         grid-column-start: 1;
     379sub,
     380sup {
     381        font-size: 75%;
     382        line-height: 0;
     383        position: relative;
     384        vertical-align: baseline;
    248385}
    249386
    250 .about-wrap .has-4-columns .column:nth-of-type(4n+2) {
    251         -ms-grid-column: 2;
    252         grid-column-start: 2;
     387sup {
     388        top: -0.5em;
    253389}
    254390
    255 .about-wrap .has-4-columns .column:nth-of-type(4n+3) {
    256         -ms-grid-column: 3;
    257         grid-column-start: 3;
     391sub {
     392        bottom: -0.25em;
    258393}
    259394
    260 .about-wrap .has-4-columns .column:nth-of-type(4n) {
    261         -ms-grid-column: 4;
    262         grid-column-start: 4;
     395abbr,
     396acronym {
     397        cursor: help;
    263398}
    264399
    265 .about-wrap .column :first-child {
    266         margin-top: 0;
     400address {
     401        line-height: 1.5;
     402        margin: 0 0 2rem 0;
    267403}
    268404
    269 .about-wrap .aligncenter {
    270         text-align: center;
     405hr {
     406        border-style: solid;
     407        border-width: 0.1rem 0 0 0;
     408        border-color: #dcd7ca;
     409        margin: 4rem 0;
    271410}
    272411
    273 .about-wrap .alignleft {
    274         float: left;
    275         margin-right: 40px;
     412.entry-content hr,
     413hr.styled-separator {
     414        background: linear-gradient(to left, currentColor calc(50% - 16px), transparent calc(50% - 16px), transparent calc(50% + 16px), currentColor calc(50% + 16px));
     415        background-color: transparent !important;
     416        border: none;
     417        height: 0.1rem;
     418        overflow: visible;
     419        position: relative;
    276420}
    277421
    278 .about-wrap .alignright {
    279         float: right;
    280         margin-left: 40px;
     422.entry-content hr:not(.has-background),
     423hr.styled-separator {
     424        color: #6d6d6d;
     425}
     426
     427.entry-content hr::before,
     428.entry-content hr::after,
     429hr.styled-separator::before,
     430hr.styled-separator::after {
     431        background: currentColor;
     432        content: "";
     433        display: block;
     434        height: 1.6rem;
     435        position: absolute;
     436        top: calc(50% - 0.8rem);
     437        transform: rotate(22.5deg);
     438        width: 0.1rem;
     439}
     440
     441.entry-content hr::before,
     442hr.styled-separator::before {
     443        left: calc(50% - 0.5rem);
     444}
     445
     446.entry-content hr::after,
     447hr.styled-separator::after {
     448        right: calc(50% - 0.5rem);
    281449}
    282450
    283 .about-wrap .is-vertically-aligned-top {
    284         align-self: start;
     451a {
     452        color: #cd2653;
     453        text-decoration: underline;
    285454}
    286455
    287 .about-wrap .is-vertically-aligned-center {
    288         align-self: center;
     456a:hover,
     457a:focus {
     458        text-decoration: none;
    289459}
    290460
    291 .about-wrap .is-vertically-aligned-bottom {
    292         align-self: end;
     461
     462/* Lists ------------------------------------- */
     463
     464ul,
     465ol {
     466        margin: 0 0 3rem 3rem;
    293467}
    294468
    295 /* 1.3 - Point Releases */
     469ul {
     470        list-style: disc;
     471}
    296472
    297 .about-wrap .point-releases {
    298         margin-top: 5px;
    299         border-bottom: 1px solid #ddd;
     473ul ul {
     474        list-style: circle;
    300475}
    301476
    302 .about-wrap .changelog {
    303         margin-bottom: 40px;
     477ul ul ul {
     478        list-style: square;
    304479}
    305480
    306 .about-wrap .changelog.point-releases h3 {
    307         padding-top: 35px;
     481ol {
     482        list-style: decimal;
    308483}
    309484
    310 .about-wrap .changelog.point-releases h3:first-child {
    311         padding-top: 7px;
     485ol ol {
     486        list-style: lower-alpha;
    312487}
    313488
    314 .about-wrap .changelog.feature-section .col {
    315         margin-top: 40px;
     489ol ol ol {
     490        list-style: lower-roman;
    316491}
    317492
    318 /*------------------------------------------------------------------------------
    319   2.0 - About Page
    320 ------------------------------------------------------------------------------*/
     493li {
     494        line-height: 1.5;
     495        margin: 0.5rem 0 0 2rem;
     496}
    321497
    322 /* 2.1 - Typography */
     498li > ul,
     499li > ol {
     500        margin: 1rem 0 0 2rem;
     501}
    323502
    324 .about-wrap .lead-description {
    325         font-size: 1.5em;
    326         text-align: center;
     503.reset-list-style,
     504.reset-list-style ul,
     505.reset-list-style ol {
     506        list-style: none;
     507        margin: 0;
    327508}
    328509
    329 .about-wrap .feature-section p {
    330         margin-top: 0.6em;
     510.reset-list-style li {
     511        margin: 0;
    331512}
    332513
    333 /* 2.2 - Structure */
     514dt,
     515dd {
     516        line-height: 1.5;
     517}
    334518
    335 .about-wrap .headline-feature {
    336         margin: 0 auto 40px;
    337         max-width: 680px;
     519dt {
     520        font-weight: 700;
    338521}
    339522
    340 .about-wrap .headline-feature h2 {
    341         margin: 50px 0 0;
     523dt + dd {
     524        margin-top: 0.5rem;
    342525}
    343526
    344 .about-wrap .headline-feature img {
    345         max-width: 600px;
    346         width: 100%;
     527dd + dt {
     528        margin-top: 1.5rem;
    347529}
    348530
    349 /* Return to Dashboard Home link */
    350531
    351 .about-wrap .return-to-dashboard {
    352         margin: 30px 0 0 -5px;
    353         font-size: 14px;
     532/* Quotes ------------------------------------ */
     533
     534blockquote {
     535        border-color: #cd2653;
     536        border-style: solid;
     537        border-width: 0 0 0 0.2rem;
     538        color: inherit;
     539        font-size: 1em;
     540        margin: 4rem 0;
     541        padding: 0.5rem 0 0.5rem 2rem;
     542}
     543
     544cite {
     545        color: #6d6d6d;
     546        font-size: 1.4rem;
     547        font-style: normal;
    354548        font-weight: 600;
     549        line-height: 1.25;
    355550}
    356551
    357 .about-wrap .return-to-dashboard a {
    358         text-decoration: none;
    359         padding: 0 5px;
     552blockquote cite {
     553        display: block;
     554        margin: 2rem 0 0 0;
    360555}
    361556
    362 /*------------------------------------------------------------------------------
    363   3.0 - Credits & Freedoms Pages
    364 ------------------------------------------------------------------------------*/
     557blockquote p:last-child {
     558        margin: 0;
     559}
    365560
    366 /* Credits */
    367561
    368 .about-wrap h2.wp-people-group {
    369         margin: 2.6em 0 1.33em;
    370         padding: 0;
    371         font-size: 16px;
    372         line-height: inherit;
    373         font-weight: 600;
     562/* Code -------------------------------------- */
     563
     564code,
     565kbd,
     566pre,
     567samp {
     568        font-family: monospace;
     569        font-size: 0.9em;
     570        padding: 0.4rem 0.6rem;
     571}
     572
     573code,
     574kbd,
     575samp {
     576        background: rgba(0, 0, 0, 0.075);
     577        border-radius: 0.2rem;
     578}
     579
     580pre {
     581        border: 0.1rem solid #dcd7ca;
     582        line-height: 1.5;
     583        margin: 4rem 0;
     584        overflow: auto;
     585        padding: 3rem 2rem;
    374586        text-align: left;
    375587}
    376588
    377 .about-wrap .wp-people-group {
    378         padding: 0 5px;
    379         margin: 0 -15px 0 -5px;
     589pre code {
     590        background: transparent;
     591        padding: 0;
    380592}
    381593
    382 .about-wrap .compact {
    383         margin-bottom: 0;
     594
     595/* Media ------------------------------------- */
     596
     597figure {
     598        display: block;
     599        margin: 0;
    384600}
    385601
    386 .about-wrap .wp-person {
    387         display: inline-block;
    388         vertical-align: top;
    389         margin-right: 10px;
    390         padding-bottom: 15px;
    391         height: 70px;
    392         width: 280px;
     602iframe {
     603        display: block;
     604        max-width: 100%;
     605}
     606
     607video {
     608        display: block;
    393609}
    394610
    395 .about-wrap .compact .wp-person {
     611svg,
     612img,
     613embed,
     614object {
     615        display: block;
    396616        height: auto;
    397         width: 180px;
    398         padding-bottom: 0;
    399         margin-bottom: 0;
     617        max-width: 100%;
    400618}
    401619
    402 .about-wrap .wp-person .gravatar {
    403         float: left;
    404         margin: 0 10px 10px 0;
    405         padding: 1px;
    406         width: 60px;
    407         height: 60px;
     620figcaption,
     621.wp-caption-text {
     622        color: #6d6d6d;
     623        display: block;
     624        font-size: 1.5rem;
     625        font-weight: 500;
     626        line-height: 1.2;
     627        margin-top: 1.5rem;
     628}
     629
     630figcaption a,
     631.wp-caption-text a {
     632        color: inherit;
     633}
     634
     635
     636/* GALLERIES */
     637
     638.gallery {
     639        display: flex;
     640        flex-wrap: wrap;
     641        margin: 3em 0 3em -0.8em;
     642        width: calc(100% + 1.6em);
     643}
     644
     645.gallery-item {
     646        margin: 0.8em 0;
     647        padding: 0 0.8em;
     648        width: 100%;
     649}
     650
     651.gallery-caption {
     652        display: block;
     653        margin-top: 0.8em;
     654}
     655
     656
     657/* Inputs ------------------------------------ */
     658
     659fieldset {
     660        border: 0.2rem solid #dcd7ca;
     661        padding: 2rem;
    408662}
    409663
    410 .about-wrap .compact .wp-person .gravatar {
    411         width: 30px;
    412         height: 30px;
     664legend {
     665        font-size: 0.85em;
     666        font-weight: 700;
     667        padding: 0 1rem;
    413668}
    414669
    415 .about-wrap .wp-person .web {
    416         margin: 6px 0 2px;
    417         font-size: 16px;
     670label {
     671        display: block;
     672        font-size: 1.6rem;
    418673        font-weight: 400;
    419         line-height: 2;
    420         text-decoration: none;
     674        margin: 0 0 0.5rem 0;
     675}
     676
     677label.inline,
     678input[type="checkbox"] + label {
     679        display: inline;
     680        font-weight: 400;
     681        margin-left: 0.5rem;
     682}
     683
     684input,
     685textarea,
     686button,
     687.button,
     688.faux-button,
     689.wp-block-button__link,
     690.wp-block-file__button {
     691        font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
     692        line-height: 1;
     693}
     694
     695@supports ( font-variation-settings: normal ) {
     696
     697        input,
     698        textarea,
     699        button,
     700        .button,
     701        .faux-button,
     702        .faux-button.more-link,
     703        .wp-block-button__link,
     704        .wp-block-file__button {
     705                font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
     706        }
     707}
     708
     709input,
     710textarea {
     711        border-color: #dcd7ca;
     712        color: #000;
     713}
     714
     715code,
     716input[type="url"],
     717input[type="email"],
     718input[type="tel"] {
     719
     720        /*rtl:ignore*/
     721        direction: ltr;
    421722}
    422723
    423 .about-wrap .wp-person .title {
     724input[type="text"],
     725input[type="password"],
     726input[type="email"],
     727input[type="url"],
     728input[type="date"],
     729input[type="month"],
     730input[type="time"],
     731input[type="datetime"],
     732input[type="datetime-local"],
     733input[type="week"],
     734input[type="number"],
     735input[type="search"],
     736input[type="tel"],
     737input[type="color"],
     738textarea {
     739        -webkit-appearance: none;
     740        -moz-appearance: none;
     741        background: #fff;
     742        border-radius: 0;
     743        border-style: solid;
     744        border-width: 0.1rem;
     745        box-shadow: none;
    424746        display: block;
     747        font-size: 1.6rem;
     748        letter-spacing: -0.015em;
     749        margin: 0;
     750        max-width: 100%;
     751        padding: 1.5rem 1.8rem;
     752        width: 100%;
    425753}
    426754
    427 .about-wrap #wp-people-group-validators + p.wp-credits-list {
    428         margin-top: 0;
     755select {
     756        font-size: 1em;
    429757}
    430758
    431 .about-wrap p.wp-credits-list a {
    432         white-space: nowrap;
     759textarea {
     760        height: 12rem;
     761        line-height: 1.5;
     762        width: 100%;
     763}
     764
     765input::-webkit-input-placeholder {
     766        line-height: normal;
     767}
     768
     769input:-ms-input-placeholder {
     770        line-height: normal;
     771}
     772
     773input::-moz-placeholder {
     774        line-height: normal;
     775}
     776
     777input[type="search"]::-webkit-search-decoration,
     778input[type="search"]::-webkit-search-cancel-button,
     779input[type="search"]::-webkit-search-results-button,
     780input[type="search"]::-webkit-search-results-decoration {
     781        display: none;
     782}
     783
     784button,
     785.button,
     786.faux-button,
     787.wp-block-button__link,
     788.wp-block-file .wp-block-file__button,
     789input[type="button"],
     790input[type="reset"],
     791input[type="submit"] {
     792        -webkit-appearance: none;
     793        -moz-appearance: none;
     794        background: #cd2653;
     795        border: none;
     796        border-radius: 0;
     797        color: #fff;
     798        cursor: pointer;
     799        display: inline-block;
     800        font-size: 1.5rem;
     801        font-weight: 600;
     802        letter-spacing: 0.0333em;
     803        line-height: 1.25;
     804        margin: 0;
     805        opacity: 1;
     806        padding: 1.1em 1.44em;
     807        text-align: center;
     808        text-decoration: none;
     809        text-transform: uppercase;
     810        transition: opacity 0.15s linear;
     811}
     812
     813button:focus,
     814button:hover,
     815.button:focus,
     816.button:hover,
     817.faux-button:focus,
     818.faux-button:hover,
     819.wp-block-button .wp-block-button__link:focus,
     820.wp-block-button .wp-block-button__link:hover,
     821.wp-block-file .wp-block-file__button:focus,
     822.wp-block-file .wp-block-file__button:hover,
     823input[type="button"]:focus,
     824input[type="button"]:hover,
     825input[type="reset"]:focus,
     826input[type="reset"]:hover,
     827input[type="submit"]:focus,
     828input[type="submit"]:hover {
     829        text-decoration: underline;
    433830}
    434831
    435 /* Freedoms */
     832/* Tables ------------------------------------ */
     833
     834table {
     835        border: 0.1rem solid #dcd7ca;
     836        border-collapse: collapse;
     837        border-spacing: 0;
     838        empty-cells: show;
     839        font-size: 1.6rem;
     840        margin: 4rem 0;
     841        max-width: 100%;
     842        overflow: hidden;
     843        table-layout: fixed;
     844        width: 100%;
     845}
    436846
    437 .freedoms-php .about-wrap ol {
    438         margin: 40px 60px;
     847th,
     848td {
     849        border: 0.1rem solid #dcd7ca;
     850        line-height: 1.4;
     851        margin: 0;
     852        overflow: visible;
     853        padding: 0.5em;
    439854}
    440855
    441 .freedoms-php .about-wrap ol li {
    442         list-style-type: decimal;
     856caption {
     857        background: #dcd7ca;
    443858        font-weight: 600;
     859        padding: 0.5em;
     860        text-align: center;
    444861}
    445862
    446 .freedoms-php .about-wrap ol p {
    447         font-weight: 400;
    448         margin: 0.6em 0;
     863thead {
     864        vertical-align: bottom;
     865        white-space: nowrap;
    449866}
    450867
    451 .freedoms-php .has-4-columns {
    452         margin-bottom: 40px;
     868th {
     869        font-weight: 700;
    453870}
    454871
    455 .freedoms-php .column .freedoms-image {
    456         background-image: url('https://s.w.org/wp-content/themes/pub/wporg-main/images/freedoms-2x.png');
    457         background-size: 100%;
    458         padding-top: 100%;
     872
     873/* -------------------------------------------------------------------------- */
     874
     875/*      3. Helper Classes
     876/* -------------------------------------------------------------------------- */
     877
     878
     879/* Layout ------------------------------------ */
     880
     881.no-margin {
     882        margin: 0;
    459883}
    460884
    461 .freedoms-php .column:nth-of-type(2) .freedoms-image {
    462         background-position: 0 34%;
     885.no-padding {
     886        padding: 0;
    463887}
    464888
    465 .freedoms-php .column:nth-of-type(3) .freedoms-image {
    466         background-position: 0 66%;
     889.screen-height {
     890        min-height: 100vh;
    467891}
    468892
    469 .freedoms-php .column:nth-of-type(4) .freedoms-image {
    470         background-position: 0 100%;
     893.admin-bar .screen-height {
     894        min-height: calc(100vh - 32px);
    471895}
    472896
    473 /*------------------------------------------------------------------------------
    474   4.0 - Media Queries
    475 ------------------------------------------------------------------------------*/
     897@media (max-width: 782px) {
    476898
    477 @media screen and (max-width: 782px) {
    478         .about-wrap .has-3-columns,
    479         .about-wrap .has-4-columns {
    480                 -ms-grid-columns: 1fr 1fr;
    481                 grid-template-columns: 1fr 1fr;
     899        .admin-bar .screen-height {
     900                min-height: calc(100vh - 46px);
    482901        }
     902}
    483903
    484         .about-wrap .has-3-columns .column:nth-of-type(3n+1),
    485         .about-wrap .has-4-columns .column:nth-of-type(4n+1) {
    486                 -ms-grid-column: 1;
    487                 grid-column-start: 1;
    488                 -ms-grid-row: 1;
    489                 grid-row-start: 1;
    490         }
     904.screen-width {
     905        position: relative;
     906        left: calc(50% - 50vw);
     907        width: 100vw;
     908}
    491909
    492         .about-wrap .has-3-columns .column:nth-of-type(3n+2),
    493         .about-wrap .has-4-columns .column:nth-of-type(4n+2) {
    494                 -ms-grid-column: 2;
    495                 grid-column-start: 2;
    496                 -ms-grid-row: 1;
    497                 grid-row-start: 1;
    498         }
     910/* Sections ---------------------------------- */
    499911
    500         .about-wrap .has-3-columns .column:nth-of-type(3n),
    501         .about-wrap .has-4-columns .column:nth-of-type(4n+3) {
    502                 -ms-grid-column: 1;
    503                 grid-column-start: 1;
    504                 -ms-grid-row: 2;
    505                 grid-row-start: 2;
    506         }
     912section {
     913        padding: 5rem 0;
     914        width: 100%;
     915}
    507916
    508         .about-wrap .has-4-columns .column:nth-of-type(4n) {
    509                 -ms-grid-column: 2;
    510                 grid-column-start: 2;
    511                 -ms-grid-row: 2;
    512                 grid-row-start: 2;
    513         }
     917.section-inner {
     918        margin-left: auto;
     919        margin-right: auto;
     920        max-width: 120rem;
     921        width: calc(100% - 4rem);
    514922}
    515923
    516 @media screen and (max-width: 600px) {
    517         .about-wrap .has-2-columns,
    518         .about-wrap .has-3-columns,
    519         .about-wrap .has-4-columns {
    520                 display: block;
    521         }
     924.section-inner.max-percentage {
     925        width: 100%;
     926}
    522927
    523         .about-wrap :not(.is-wider-right):not(.is-wider-left) .column {
    524                 margin-right: 0;
    525                 margin-left: 0;
    526         }
     928.section-inner.thin {
     929        max-width: 58rem;
     930}
    527931
    528         .about-wrap .has-2-columns.is-wider-right,
    529         .about-wrap .has-2-columns.is-wider-left {
    530                 display: -ms-grid;
    531                 display: grid;
    532         }
     932.section-inner.small {
     933        max-width: 80rem;
    533934}
    534935
    535 @media only screen and (max-width: 500px) {
    536         .about-wrap {
    537                 margin-right: 20px;
    538                 margin-left: 10px;
    539         }
     936.section-inner.medium {
     937        max-width: 100rem;
     938}
    540939
    541         .about-wrap h1,
    542         .about-wrap .about-text {
    543                 margin-right: 0;
    544         }
     940.section-inner.no-margin {
     941        margin: 0;
     942}
    545943
    546         .about-wrap .about-text {
    547                 margin-bottom: 0.25em;
    548         }
    549944
    550         .about-wrap .wp-badge {
    551                 position: relative;
    552                 margin-bottom: 1.5em;
    553                 width: 100%;
    554         }
     945/* Toggles ----------------------------------- */
     946
     947.toggle {
     948        -moz-appearance: none;
     949        -webkit-appearance: none;
     950        color: inherit;
     951        cursor: pointer;
     952        font-family: inherit;
     953        position: relative;
     954        -webkit-touch-callout: none;
     955        -webkit-user-select: none;
     956        -khtml-user-select: none;
     957        -moz-user-select: none;
     958        -ms-user-select: none;
     959        text-align: inherit;
     960        user-select: none;
    555961}
    556962
    557 @media only screen and (max-width: 480px) {
    558         .about-wrap .has-2-columns.is-wider-right,
    559         .about-wrap .has-2-columns.is-wider-left {
    560                 display: block;
     963button.toggle {
     964        background: none;
     965        border: none;
     966        box-shadow: none;
     967        border-radius: 0;
     968        font-size: inherit;
     969        font-weight: 400;
     970        letter-spacing: inherit;
     971        padding: 0;
     972        text-transform: none;
     973}
     974
     975/* Hiding and Showing ------------------------ */
     976
     977.js .show-js {
     978        display: block !important;
     979}
     980
     981.js .hide-js {
     982        display: none !important;
     983}
     984
     985.no-js .show-no-js {
     986        display: block !important;
     987}
     988
     989.no-js .hide-no-js {
     990        display: none !important;
     991}
     992
     993
     994/* Typography -------------------------------- */
     995
     996.font-size-xl {
     997        font-size: 1.25em;
     998}
     999
     1000.font-size-xs {
     1001        font-size: 0.8em;
     1002}
     1003
     1004.no-select {
     1005        -webkit-touch-callout: none;
     1006        -webkit-user-select: none;
     1007        -moz-user-select: none;
     1008        -ms-user-select: none;
     1009        user-select: none;
     1010}
     1011
     1012
     1013/* Colors ------------------------------------ */
     1014
     1015/* COLOR */
     1016
     1017.color-accent,
     1018.color-accent-hover:focus,
     1019.color-accent-hover:hover {
     1020        color: #cd2653;
     1021}
     1022
     1023/* BACKGROUND COLOR */
     1024
     1025.bg-accent,
     1026.bg-accent-hover:focus,
     1027.bg-accent-hover:hover {
     1028        background-color: #cd2653;
     1029}
     1030
     1031/* BORDER COLOR */
     1032
     1033.border-color-accent,
     1034.border-color-accent-hover:focus,
     1035.border-color-accent-hover:hover {
     1036        border-color: #cd2653;
     1037}
     1038
     1039/* FILL COLOR */
     1040
     1041.fill-children-accent,
     1042.fill-children-accent * {
     1043        fill: #cd2653;
     1044}
     1045
     1046.fill-children-current-color,
     1047.fill-children-current-color * {
     1048        fill: currentColor;
     1049}
     1050
     1051
     1052/* Opacity ----------------------------------- */
     1053
     1054.opacity-0 {
     1055        opacity: 0;
     1056}
     1057
     1058.opacity-5 {
     1059        opacity: 0.05;
     1060}
     1061
     1062.opacity-10 {
     1063        opacity: 0.1;
     1064}
     1065
     1066.opacity-15 {
     1067        opacity: 0.15;
     1068}
     1069
     1070.opacity-20 {
     1071        opacity: 0.2;
     1072}
     1073
     1074.opacity-25 {
     1075        opacity: 0.25;
     1076}
     1077
     1078.opacity-30 {
     1079        opacity: 0.3;
     1080}
     1081
     1082.opacity-35 {
     1083        opacity: 0.35;
     1084}
     1085
     1086.opacity-40 {
     1087        opacity: 0.4;
     1088}
     1089
     1090.opacity-45 {
     1091        opacity: 0.45;
     1092}
     1093
     1094.opacity-50 {
     1095        opacity: 0.5;
     1096}
     1097
     1098.opacity-55 {
     1099        opacity: 0.55;
     1100}
     1101
     1102.opacity-60 {
     1103        opacity: 0.6;
     1104}
     1105
     1106.opacity-65 {
     1107        opacity: 0.65;
     1108}
     1109
     1110.opacity-70 {
     1111        opacity: 0.7;
     1112}
     1113
     1114.opacity-75 {
     1115        opacity: 0.75;
     1116}
     1117
     1118.opacity-80 {
     1119        opacity: 0.8;
     1120}
     1121
     1122.opacity-85 {
     1123        opacity: 0.85;
     1124}
     1125
     1126.opacity-90 {
     1127        opacity: 0.9;
     1128}
     1129
     1130.blend-mode-exclusion {
     1131        mix-blend-mode: exclusion;
     1132}
     1133
     1134.blend-mode-hue {
     1135        mix-blend-mode: hue;
     1136}
     1137
     1138.blend-mode-saturation {
     1139        mix-blend-mode: saturation;
     1140}
     1141
     1142.blend-mode-color {
     1143        mix-blend-mode: color;
     1144}
     1145
     1146.blend-mode-luminosity {
     1147        mix-blend-mode: luminosity;
     1148}
     1149
     1150
     1151/* Image Classes ----------------------------- */
     1152
     1153.bg-image {
     1154        background-position: center;
     1155        background-repeat: no-repeat;
     1156        background-size: cover;
     1157}
     1158
     1159.bg-attachment-fixed {
     1160        background-attachment: fixed;
     1161}
     1162
     1163@supports ( -webkit-overflow-scrolling: touch ) {
     1164
     1165        .bg-attachment-fixed {
     1166                background-attachment: scroll;
     1167        }
     1168}
     1169
     1170@media ( prefers-reduced-motion: reduce ) {
     1171
     1172        .bg-attachment-fixed {
     1173                background-attachment: scroll;
     1174        }
     1175}
     1176
     1177
     1178/* Search Form ------------------------------- */
     1179
     1180.search-form {
     1181        align-items: stretch;
     1182        display: flex;
     1183        flex-wrap: nowrap;
     1184        margin: 0 0 -0.8rem -0.8rem;
     1185}
     1186
     1187.search-form .search-field,
     1188.search-form .search-submit {
     1189        margin: 0 0 0.8rem 0.8rem;
     1190}
     1191
     1192.search-form label {
     1193        align-items: stretch;
     1194        display: flex;
     1195        font-size: inherit;
     1196        margin: 0;
     1197        width: 100%;
     1198}
     1199
     1200.search-form .search-field {
     1201        width: 100%;
     1202}
     1203
     1204.search-form .search-submit {
     1205        flex-shrink: 0;
     1206}
     1207
     1208.search-form .search-submit:focus,
     1209.search-form .search-submit:hover {
     1210        text-decoration: none;
     1211}
     1212
     1213
     1214/* Social Icons ------------------------------ */
     1215
     1216ul.social-icons {
     1217        display: flex;
     1218        flex-wrap: wrap;
     1219        margin: -0.9rem 0 0 -0.9rem;
     1220        width: calc(100% + 0.9rem);
     1221}
     1222
     1223ul.social-icons li {
     1224        margin: 0.9rem 0 0 0.9rem;
     1225}
     1226
     1227.social-icons a {
     1228        align-items: center;
     1229        background: #cd2653;
     1230        border-radius: 50%;
     1231        color: #fff;
     1232        display: flex;
     1233        height: 4.4rem;
     1234        justify-content: center;
     1235        padding: 0;
     1236        text-decoration: none;
     1237        transition: transform 0.15s ease-in-out;
     1238        width: 4.4rem;
     1239}
     1240
     1241.social-icons a:focus,
     1242.social-icons a:hover {
     1243        transform: scale(1.1);
     1244        text-decoration: none;
     1245}
     1246
     1247
     1248/* Cover Modals ------------------------------ */
     1249
     1250.cover-modal {
     1251        display: none;
     1252        -ms-overflow-style: none;
     1253        overflow: -moz-scrollbars-none;
     1254}
     1255
     1256.cover-modal::-webkit-scrollbar {
     1257        display: none !important;
     1258}
     1259
     1260.cover-modal.show-modal {
     1261        display: block;
     1262        cursor: pointer;
     1263}
     1264
     1265.cover-modal.show-modal > * {
     1266        cursor: default;
     1267}
     1268
     1269
     1270/* -------------------------------------------------------------------------- */
     1271
     1272/*      4.      Site Header
     1273/* -------------------------------------------------------------------------- */
     1274
     1275
     1276#site-header {
     1277        background: #fff;
     1278        position: relative;
     1279}
     1280
     1281.header-inner {
     1282        max-width: 168rem;
     1283        padding: 3.15rem 0;
     1284        z-index: 100;
     1285}
     1286
     1287/* Header Titles ----------------------------- */
     1288
     1289.header-titles-wrapper {
     1290        align-items: center;
     1291        display: flex;
     1292        justify-content: center;
     1293        padding: 0 4rem;
     1294        text-align: center;
     1295}
     1296
     1297body:not(.enable-search-modal) .header-titles-wrapper {
     1298        justify-content: flex-start;
     1299        padding-left: 0;
     1300        text-align: left;
     1301}
     1302
     1303.site-title,
     1304.site-logo,
     1305.site-description {
     1306        margin: 0;
     1307}
     1308
     1309.site-title {
     1310        font-size: 2.1rem;
     1311        font-weight: 600;
     1312        line-height: 1;
     1313}
     1314
     1315.site-title a {
     1316        color: inherit;
     1317        display: block;
     1318        text-decoration: none;
     1319}
     1320
     1321.site-title a:hover,
     1322.site-title a:focus {
     1323        text-decoration: underline;
     1324}
     1325
     1326.site-description {
     1327        margin-top: 1rem;
     1328        color: #6d6d6d;
     1329        font-size: 1.8rem;
     1330        font-weight: 500;
     1331        display: none;
     1332        letter-spacing: -0.0311em;
     1333        transition: all 0.15s linear;
     1334}
     1335
     1336.site-logo a,
     1337.site-logo img {
     1338        display: block;
     1339}
     1340
     1341.site-logo img {
     1342        max-height: 6rem;
     1343        width: auto;
     1344        margin: 0 auto;
     1345}
     1346
     1347body:not(.enable-search-modal) .site-logo img {
     1348        margin: 0;
     1349}
     1350
     1351/* Overlay Header ---------------------------- */
     1352
     1353.overlay-header #site-header {
     1354        background: transparent;
     1355        margin: 0;
     1356        position: absolute;
     1357        left: 0;
     1358        right: 0;
     1359        top: 0;
     1360        z-index: 2;
     1361}
     1362
     1363.overlay-header .header-inner {
     1364        color: #fff;
     1365}
     1366
     1367.overlay-header .site-description,
     1368.overlay-header .toggle {
     1369        color: inherit;
     1370}
     1371
     1372.overlay-header .header-inner .toggle-wrapper::before {
     1373        background-color: currentColor;
     1374        opacity: 0.25;
     1375}
     1376
     1377.admin-bar.overlay-header #site-header {
     1378        top: 32px;
     1379}
     1380
     1381@media (max-width: 782px) {
     1382
     1383        .admin-bar.overlay-header #site-header {
     1384                top: 46px;
     1385        }
     1386}
     1387
     1388/* Header Navigation ------------------------- */
     1389
     1390.header-navigation-wrapper {
     1391        display: none;
     1392}
     1393
     1394/* Header Toggles ---------------------------- */
     1395
     1396.header-toggles {
     1397        display: none;
     1398}
     1399
     1400.header-inner .toggle {
     1401        align-items: center;
     1402        display: flex;
     1403        overflow: visible;
     1404        padding: 0 2rem;
     1405}
     1406
     1407.header-inner .toggle svg {
     1408        display: block;
     1409        position: relative;
     1410        z-index: 1;
     1411}
     1412
     1413.header-inner .toggle path {
     1414        fill: currentColor;
     1415}
     1416
     1417.toggle-inner {
     1418        height: 2.3rem;
     1419        position: relative;
     1420}
     1421
     1422.toggle-icon {
     1423        display: block;
     1424        overflow: hidden;
     1425}
     1426
     1427.toggle-inner .toggle-text {
     1428        color: #6d6d6d;
     1429        font-size: 1rem;
     1430        font-weight: 600;
     1431        position: absolute;
     1432        top: calc(100% + 0.5rem);
     1433        width: auto;
     1434        white-space: nowrap;
     1435        word-break: break-all;
     1436}
     1437
     1438.overlay-header .toggle-text {
     1439        color: inherit;
     1440}
     1441
     1442.header-inner .toggle:focus .toggle-text,
     1443.header-inner .toggle:hover .toggle-text {
     1444        text-decoration: underline;
     1445}
     1446
     1447/* Search Toggle ----------------------------- */
     1448
     1449.search-toggle {
     1450        position: absolute;
     1451        bottom: 0;
     1452        left: 0;
     1453        top: 0;
     1454}
     1455
     1456.search-toggle .toggle-icon,
     1457.search-toggle svg {
     1458        height: 2.5rem;
     1459        max-width: 2.3rem;
     1460        width: 2.3rem;
     1461}
     1462
     1463.search-toggle .toggle-text {
     1464        left: 0;
     1465        text-align: left;
     1466}
     1467
     1468/* Navigation Toggle ------------------------- */
     1469
     1470.nav-toggle {
     1471        position: absolute;
     1472        bottom: 0;
     1473        right: 0;
     1474        top: 0;
     1475        width: 6.6rem;
     1476}
     1477
     1478.nav-toggle .toggle-icon,
     1479.nav-toggle svg {
     1480        height: 0.8rem;
     1481        width: 2.6rem;
     1482}
     1483
     1484.nav-toggle .toggle-inner {
     1485        padding-top: 0.8rem;
     1486}
     1487
     1488.nav-toggle .toggle-text {
     1489        right: 0;
     1490        text-align: right;
     1491}
     1492
     1493/* Primary Menu ---------------------------- */
     1494
     1495.primary-menu-wrapper {
     1496        display: none;
     1497}
     1498
     1499ul.primary-menu {
     1500        display: flex;
     1501        font-size: 1.8rem;
     1502        font-weight: 500;
     1503        letter-spacing: -0.0277em;
     1504        flex-wrap: wrap;
     1505        justify-content: flex-end;
     1506        margin: -0.8rem 0 0 -1.6rem;
     1507}
     1508
     1509.primary-menu .icon {
     1510        display: block;
     1511        height: 0.7rem;
     1512        position: absolute;
     1513        pointer-events: none;
     1514        transform: rotate(-45deg);
     1515        width: 1.3rem;
     1516}
     1517
     1518.primary-menu .icon::before,
     1519.primary-menu .icon::after {
     1520        content: "";
     1521        display: block;
     1522        background-color: currentColor;
     1523        position: absolute;
     1524        bottom: calc(50% - 0.1rem);
     1525        left: 0;
     1526}
     1527
     1528.primary-menu .icon::before {
     1529        height: 0.9rem;
     1530        width: 0.2rem;
     1531}
     1532
     1533.primary-menu .icon::after {
     1534        height: 0.2rem;
     1535        width: 0.9rem;
     1536}
     1537
     1538.primary-menu li {
     1539        font-size: inherit;
     1540        line-height: 1.25;
     1541        position: relative;
     1542}
     1543
     1544.primary-menu > li {
     1545        margin: 0.8rem 0 0 1.6rem;
     1546}
     1547
     1548.primary-menu > li.menu-item-has-children > a {
     1549        padding-right: 2rem;
     1550}
     1551
     1552.primary-menu > li > .icon {
     1553        right: -0.5rem;
     1554        top: calc(50% - 0.4rem);
     1555}
     1556
     1557.primary-menu a {
     1558        color: inherit;
     1559        display: block;
     1560        line-height: 1.2;
     1561        text-decoration: none;
     1562}
     1563
     1564.primary-menu a:hover,
     1565.primary-menu a:focus {
     1566        text-decoration: underline;
     1567}
     1568
     1569.primary-menu li.current-menu-item > a,
     1570.primary-menu li.current-menu-item > .link-icon-wrapper > a {
     1571        text-decoration: underline;
     1572}
     1573
     1574.primary-menu li.current-menu-item > a:hover,
     1575.primary-menu li.current-menu-item > .link-icon-wrapper > a:hover,
     1576.primary-menu li.current-menu-item > a:focus,
     1577.primary-menu li.current-menu-item > .link-icon-wrapper > a:focus {
     1578        text-decoration: none;
     1579}
     1580
     1581/* SUB MENU */
     1582
     1583.primary-menu ul {
     1584        background: #000;
     1585        border-radius: 0.4rem;
     1586        color: #fff;
     1587        font-size: 1.7rem;
     1588        opacity: 0;
     1589        padding: 1rem 0;
     1590        position: absolute;
     1591        right: 9999rem;
     1592        top: calc(100% + 2rem);
     1593        transition: opacity 0.15s linear, transform 0.15s linear, right 0s 0.15s;
     1594        transform: translateY(0.6rem);
     1595        width: 20rem;
     1596        z-index: 1;
     1597}
     1598
     1599.primary-menu li.menu-item-has-children:hover > ul,
     1600.primary-menu li.menu-item-has-children:focus > ul,
     1601.primary-menu li.menu-item-has-children.focus > ul {
     1602        right: 0;
     1603        opacity: 1;
     1604        transform: translateY(0);
     1605        transition: opacity 0.15s linear, transform 0.15s linear;
     1606}
     1607
     1608.primary-menu ul::before,
     1609.primary-menu ul::after {
     1610        content: "";
     1611        display: block;
     1612        position: absolute;
     1613        bottom: 100%;
     1614}
     1615
     1616.primary-menu ul::before {
     1617        height: 2rem;
     1618        left: 0;
     1619        right: 0;
     1620}
     1621
     1622.primary-menu ul::after {
     1623        border: 0.8rem solid transparent;
     1624        border-bottom-color: #000;
     1625        right: 1.8rem;
     1626}
     1627
     1628.primary-menu ul a {
     1629        background: transparent;
     1630        border: none;
     1631        color: inherit;
     1632        display: block;
     1633        padding: 1rem 2rem;
     1634        transition: background-color 0.15s linear;
     1635        width: 100%;
     1636}
     1637
     1638.primary-menu ul li.menu-item-has-children > a {
     1639        padding-right: 4.5rem;
     1640}
     1641
     1642.primary-menu ul li.menu-item-has-children .icon {
     1643        position: absolute;
     1644        right: 1.5rem;
     1645        top: calc(50% - 0.5rem);
     1646}
     1647
     1648/* DEEP DOWN */
     1649
     1650.primary-menu ul ul {
     1651        top: -1rem;
     1652}
     1653
     1654.primary-menu ul li.menu-item-has-children:hover > ul,
     1655.primary-menu ul li.menu-item-has-children:focus > ul,
     1656.primary-menu ul li.menu-item-has-children.focus > ul {
     1657        right: calc(100% + 2rem);
     1658}
     1659
     1660.primary-menu ul ul::before {
     1661        bottom: 0;
     1662        height: auto;
     1663        left: auto;
     1664        right: -2rem;
     1665        top: 0;
     1666        width: 2rem;
     1667}
     1668
     1669.primary-menu ul ul::after {
     1670        border-bottom-color: transparent;
     1671        border-left-color: #000;
     1672        bottom: auto;
     1673        right: -1.6rem;
     1674        top: 2rem;
     1675}
     1676
     1677
     1678/* -------------------------------------------------------------------------- */
     1679
     1680/*      5. Menu Modal
     1681/* -------------------------------------------------------------------------- */
     1682
     1683
     1684.menu-modal {
     1685        background: #fff;
     1686        display: none;
     1687        opacity: 0;
     1688        overflow: auto;
     1689        position: fixed;
     1690        bottom: 0;
     1691        left: -99999rem;
     1692        right: 99999rem;
     1693        top: 0;
     1694        transition: opacity 0.25s ease-in, left 0s 0.25s, right 0s 0.25s;
     1695        z-index: 99;
     1696}
     1697
     1698.admin-bar .menu-modal {
     1699        top: 32px;
     1700}
     1701
     1702@media (max-width: 782px) {
     1703
     1704        .admin-bar .menu-modal {
     1705                top: 46px;
     1706        }
     1707}
     1708
     1709.menu-modal.show-modal {
     1710        display: flex;
     1711}
     1712
     1713.menu-modal.active {
     1714        left: 0;
     1715        opacity: 1;
     1716        right: 0;
     1717        transition: opacity 0.25s ease-out;
     1718}
     1719
     1720.menu-modal-inner {
     1721        background: #fff;
     1722        display: flex;
     1723        justify-content: stretch;
     1724        overflow: auto;
     1725        -ms-overflow-style: auto;
     1726        width: 100%;
     1727}
     1728
     1729.menu-wrapper {
     1730        display: flex;
     1731        flex-direction: column;
     1732        justify-content: space-between;
     1733        position: relative;
     1734}
     1735
     1736button.close-nav-toggle {
     1737        align-items: center;
     1738        display: flex;
     1739        font-size: 1.6rem;
     1740        font-weight: 500;
     1741        justify-content: flex-end;
     1742        padding: 3.1rem 0;
     1743        width: 100%;
     1744}
     1745
     1746button.close-nav-toggle svg {
     1747        height: 1.6rem;
     1748        width: 1.6rem;
     1749}
     1750
     1751button.close-nav-toggle .toggle-text {
     1752        margin-right: 1.6rem;
     1753}
     1754
     1755.menu-modal .menu-top {
     1756        flex-shrink: 0;
     1757}
     1758
     1759
     1760/* Main Menu --------------------------------- */
     1761
     1762.modal-menu {
     1763        position: relative;
     1764        left: calc(50% - 50vw);
     1765        width: 100vw;
     1766}
     1767
     1768.modal-menu li {
     1769        border-color: #dedfdf;
     1770        border-style: solid;
     1771        border-width: 0.1rem 0 0 0;
     1772        display: flex;
     1773        flex-wrap: wrap;
     1774        line-height: 1;
     1775        justify-content: flex-start;
     1776        margin: 0;
     1777}
     1778
     1779.modal-menu > li > a,
     1780.modal-menu > li > .ancestor-wrapper > a {
     1781        font-size: 2rem;
     1782        font-weight: 700;
     1783        letter-spacing: -0.0375em;
     1784}
     1785
     1786.modal-menu > li:last-child {
     1787        border-bottom-width: 0.1rem;
     1788}
     1789
     1790.modal-menu .ancestor-wrapper {
     1791        display: flex;
     1792        justify-content: space-between;
     1793        width: 100%;
     1794}
     1795
     1796.modal-menu a {
     1797        display: block;
     1798        padding: 2rem 2.5rem;
     1799        text-decoration: none;
     1800        width: 100%;
     1801}
     1802
     1803.modal-menu a:focus,
     1804.modal-menu a:hover,
     1805.modal-menu li.current-menu-item > .ancestor-wrapper > a {
     1806        text-decoration: underline;
     1807}
     1808
     1809button.sub-menu-toggle {
     1810        border-left: 0.1rem solid #dedfdf;
     1811        flex-shrink: 0;
     1812        margin: 1rem 0;
     1813        padding: 0 2.5rem;
     1814}
     1815
     1816button.sub-menu-toggle svg {
     1817        height: 0.9rem;
     1818        transition: transform 0.15s linear;
     1819        width: 1.5rem;
     1820}
     1821
     1822button.sub-menu-toggle.active svg {
     1823        transform: rotate(180deg);
     1824}
     1825
     1826.modal-menu ul {
     1827        display: none;
     1828        margin: 0;
     1829        width: 100%;
     1830}
     1831
     1832.modal-menu ul li {
     1833        border-left-width: 1rem;
     1834}
     1835
     1836.modal-menu ul li a {
     1837        color: inherit;
     1838        font-weight: 500;
     1839}
     1840
     1841/* Main menu animation ----------------------- */
     1842
     1843.menu-wrapper .menu-item {
     1844        position: relative;
     1845}
     1846
     1847.menu-wrapper .active {
     1848        display: block;
     1849}
     1850
     1851.menu-wrapper.is-toggling {
     1852        pointer-events: none;
     1853}
     1854
     1855.menu-wrapper.is-toggling .menu-item {
     1856        position: absolute;
     1857        top: 0;
     1858        left: 0;
     1859        margin: 0;
     1860        width: 100%;
     1861}
     1862
     1863.menu-wrapper.is-toggling .menu-bottom .social-menu .menu-item {
     1864        width: auto;
     1865}
     1866
     1867.menu-wrapper.is-animating .menu-item,
     1868.menu-wrapper.is-animating .toggling-target {
     1869        transition-duration: 250ms;
     1870}
     1871
     1872.menu-wrapper.is-animating .menu-item {
     1873        transition-property: transform;
     1874}
     1875
     1876.menu-wrapper.is-toggling .toggling-target {
     1877        display: block;
     1878        position: absolute;
     1879        top: 0;
     1880        left: 0;
     1881        opacity: 1;
     1882}
     1883
     1884.menu-wrapper.is-toggling .toggling-target.active {
     1885        opacity: 0;
     1886}
     1887
     1888.menu-wrapper.is-animating.is-toggling .toggling-target {
     1889        display: block;
     1890        transition-property: opacity;
     1891        opacity: 0;
     1892}
     1893
     1894.menu-wrapper.is-animating.is-toggling .toggling-target.active {
     1895        opacity: 1;
     1896}
     1897
     1898.menu-wrapper.is-toggling .modal-menu > li:last-child li {
     1899        border-top-color: transparent;
     1900        border-bottom-width: 0.1rem;
     1901}
     1902
     1903@media (prefers-reduced-motion: reduce) {
     1904
     1905        .menu-wrapper.is-animating .menu-item,
     1906        .menu-wrapper.is-animating .toggling-target {
     1907                transition-duration: 1ms !important;
     1908        }
     1909
     1910}
     1911
     1912
     1913/* Expanded Menu ----------------------------- */
     1914
     1915.expanded-menu {
     1916        display: none;
     1917}
     1918
     1919.mobile-menu {
     1920        display: block;
     1921}
     1922
     1923
     1924/* Menu Bottom ------------------------------- */
     1925
     1926.menu-bottom {
     1927        flex-shrink: 0;
     1928        padding: 4rem 0;
     1929}
     1930
     1931.menu-bottom nav {
     1932        width: 100%;
     1933}
     1934
     1935.menu-copyright {
     1936        display: none;
     1937        font-size: 1.6rem;
     1938        font-weight: 500;
     1939        margin: 0;
     1940}
     1941
     1942.menu-copyright a:focus,
     1943.menu-copyright a:hover {
     1944        text-decoration: underline;
     1945}
     1946
     1947.menu-bottom .social-menu {
     1948        justify-content: center;
     1949}
     1950
     1951
     1952/* -------------------------------------------------------------------------- */
     1953
     1954/*      6. Search Modal
     1955/* -------------------------------------------------------------------------- */
     1956
     1957
     1958.search-modal {
     1959        background: rgba(0, 0, 0, 0.2);
     1960        display: none;
     1961        opacity: 0;
     1962        position: fixed;
     1963        bottom: 0;
     1964        left: -9999rem;
     1965        top: 0;
     1966        transition: opacity 0.2s linear, left 0s 0.2s linear;
     1967        width: 100%;
     1968        z-index: 999;
     1969}
     1970
     1971.admin-bar .search-modal.active {
     1972        top: 32px;
     1973}
     1974
     1975@media (max-width: 782px) {
     1976
     1977        .admin-bar .search-modal.active {
     1978                top: 46px;
     1979        }
     1980}
     1981
     1982.search-modal-inner {
     1983        background: #fff;
     1984        transform: translateY(-100%);
     1985        transition: transform 0.15s linear, box-shadow 0.15s linear;
     1986}
     1987
     1988.search-modal-inner .section-inner {
     1989        display: flex;
     1990        justify-content: space-between;
     1991        max-width: 168rem;
     1992}
     1993
     1994.search-modal.active {
     1995        left: 0;
     1996        opacity: 1;
     1997        transition: opacity 0.2s linear;
     1998}
     1999
     2000.search-modal.active .search-modal-inner {
     2001        box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.08);
     2002        transform: translateY(0);
     2003        transition: transform 0.25s ease-in-out, box-shadow 0.1s 0.25s linear;
     2004}
     2005
     2006button.search-untoggle {
     2007        align-items: center;
     2008        display: flex;
     2009        flex-shrink: 0;
     2010        justify-content: center;
     2011        margin-right: -2.5rem;
     2012        padding: 0 2.5rem;
     2013}
     2014
     2015.search-modal button.search-untoggle {
     2016        color: inherit;
     2017}
     2018
     2019.search-modal.active .search-untoggle {
     2020        animation: popIn both 0.3s 0.2s;
     2021}
     2022
     2023.search-untoggle svg {
     2024        height: 1.5rem;
     2025        transition: transform 0.15s ease-in-out;
     2026        width: 1.5rem;
     2027}
     2028
     2029.search-untoggle:focus svg,
     2030.search-untoggle:hover svg {
     2031        transform: scale(1.15);
     2032}
     2033
     2034
     2035/* Modal Search Form ------------------------- */
     2036
     2037.search-modal form {
     2038        margin: 0;
     2039        position: relative;
     2040        width: 100%;
     2041}
     2042
     2043.search-modal .search-field {
     2044        background: none;
     2045        border: none;
     2046        border-radius: 0;
     2047        color: inherit;
     2048        font-size: 2rem;
     2049        letter-spacing: -0.0277em;
     2050        height: 8.4rem;
     2051        margin: 0 0 0 -2rem;
     2052        max-width: calc(100% + 2rem);
     2053        padding: 0 0 0 2rem;
     2054        width: calc(100% + 2rem);
     2055}
     2056
     2057.search-modal .search-field::-webkit-input-placeholder {
     2058        color: inherit;
     2059}
     2060
     2061.search-modal .search-field:-ms-input-placeholder {
     2062        color: inherit;
     2063}
     2064
     2065.search-modal .search-field::-moz-placeholder {
     2066        color: inherit;
     2067        line-height: 4;
     2068}
     2069
     2070.search-modal .search-submit {
     2071        position: absolute;
     2072        right: -9999rem;
     2073        top: 50%;
     2074        transform: translateY(-50%);
     2075}
     2076
     2077.search-modal .search-submit:focus {
     2078        right: 0;
     2079}
     2080
     2081
     2082/* -------------------------------------------------------------------------- */
     2083
     2084/*      7a. Template: Cover Template
     2085/* -------------------------------------------------------------------------- */
     2086
     2087
     2088.cover-header {
     2089        display: flex;
     2090        overflow: hidden;
     2091}
     2092
     2093.cover-header-inner-wrapper {
     2094        display: flex;
     2095        position: relative;
     2096        flex-direction: column;
     2097        justify-content: flex-end;
     2098        width: 100%;
     2099}
     2100
     2101.cover-header-inner {
     2102        padding: 10rem 0 5rem 0;
     2103        width: 100%;
     2104}
     2105
     2106.cover-color-overlay,
     2107.cover-color-overlay::before {
     2108        position: absolute;
     2109        bottom: 0;
     2110        left: 0;
     2111        right: 0;
     2112        top: 0;
     2113}
     2114
     2115.cover-color-overlay::before {
     2116        background: currentColor;
     2117        content: "";
     2118        display: block;
     2119}
     2120
     2121.cover-header .entry-header {
     2122        position: relative;
     2123        width: 100%;
     2124        z-index: 1;
     2125}
     2126
     2127.cover-header .entry-header * {
     2128        color: #fff;
     2129}
     2130
     2131body.template-cover .entry-header {
     2132        background: transparent;
     2133        padding: 0;
     2134}
     2135
     2136.cover-header h1,
     2137.cover-header h2,
     2138.cover-header h3,
     2139.cover-header h4,
     2140.cover-header h5,
     2141.cover-header h6,
     2142.cover-header .faux-heading {
     2143        color: inherit;
     2144}
     2145
     2146.cover-header .entry-header a {
     2147        color: inherit;
     2148}
     2149
     2150/* To The Content ---------------------------- */
     2151
     2152.to-the-content-wrapper {
     2153        position: absolute;
     2154        left: 0;
     2155        right: 0;
     2156        top: calc(100% + 0.5rem);
     2157}
     2158
     2159.to-the-content {
     2160        align-items: center;
     2161        display: flex;
     2162        justify-content: center;
     2163        height: 4rem;
     2164        text-decoration: none;
     2165}
     2166
     2167.to-the-content svg {
     2168        height: 2rem;
     2169        transition: transform 0.15s linear;
     2170        transform: translateY(0);
     2171        width: 1.767rem;
     2172}
     2173
     2174.to-the-content:focus svg,
     2175.to-the-content:hover svg {
     2176        transform: translateY(20%);
     2177}
     2178
     2179
     2180/* -------------------------------------------------------------------------- */
     2181
     2182/*      7c. Template: Full Width
     2183/* -------------------------------------------------------------------------- */
     2184
     2185body.template-full-width .entry-content {
     2186        max-width: none;
     2187}
     2188
     2189body.template-full-width .entry-content .alignleft {
     2190        margin-left: 0;
     2191}
     2192
     2193body.template-full-width .entry-content .alignright {
     2194        margin-right: 0;
     2195}
     2196
     2197/* -------------------------------------------------------------------------- */
     2198
     2199/*      8. Post: Archive
     2200/* -------------------------------------------------------------------------- */
     2201
     2202
     2203/* Archive Header ---------------------------- */
     2204
     2205.archive-header {
     2206        background-color: #fff;
     2207        padding: 4rem 0;
     2208}
     2209
     2210.reduced-spacing .archive-header {
     2211        padding-bottom: 2rem;
     2212}
     2213
     2214.archive-title {
     2215        font-size: 2.4rem;
     2216        font-weight: 700;
     2217        letter-spacing: -0.026666667em;
     2218        margin: 0;
     2219}
     2220
     2221.archive-subtitle p:last-child {
     2222        margin-bottom: 0;
     2223}
     2224
     2225
     2226/* Posts ------------------------------------- */
     2227
     2228body:not(.singular) main > article:first-of-type {
     2229        padding: 4rem 0 0;
     2230}
     2231
     2232
     2233/* Search Results ---------------------------- */
     2234
     2235.no-search-results-form {
     2236        padding-top: 5rem;
     2237}
     2238
     2239
     2240/* -------------------------------------------------------------------------- */
     2241
     2242/*      9. Post: Single
     2243/* -------------------------------------------------------------------------- */
     2244
     2245
     2246/* Post Header ------------------------------- */
     2247
     2248.singular .entry-header {
     2249        background-color: #fff;
     2250        padding: 4rem 0;
     2251}
     2252
     2253.entry-categories {
     2254        line-height: 1.25;
     2255        margin-bottom: 2rem;
     2256}
     2257
     2258.entry-categories-inner {
     2259        justify-content: center;
     2260        display: flex;
     2261        flex-wrap: wrap;
     2262        margin: -0.5rem 0 0 -1rem;
     2263}
     2264
     2265.entry-categories a {
     2266        border-bottom: 0.15rem solid currentColor;
     2267        font-size: 1.4rem;
     2268        font-weight: 700;
     2269        letter-spacing: 0.036666667em;
     2270        margin: 0.5rem 0 0 1rem;
     2271        text-decoration: none;
     2272        text-transform: uppercase;
     2273}
     2274
     2275.entry-categories a:focus,
     2276.entry-categories a:hover {
     2277        border-bottom-color: transparent;
     2278}
     2279
     2280h1.entry-title,
     2281h2.entry-title {
     2282        margin: 0;
     2283}
     2284
     2285.entry-title a {
     2286        color: inherit;
     2287        text-decoration: none;
     2288}
     2289
     2290.entry-title a:focus,
     2291.entry-title a:hover {
     2292        text-decoration: underline;
     2293}
     2294
     2295.intro-text {
     2296        margin-top: 2rem;
     2297}
     2298
     2299.singular .intro-text {
     2300        font-size: 2rem;
     2301        letter-spacing: -0.0315em;
     2302        line-height: 1.4;
     2303}
     2304
     2305/* POST META */
     2306
     2307.post-meta-single-top .post-meta {
     2308        justify-content: center;
     2309}
     2310
     2311.post-meta-wrapper {
     2312        margin-top: 2rem;
     2313}
     2314
     2315.post-meta {
     2316        color: #6d6d6d;
     2317        display: flex;
     2318        flex-wrap: wrap;
     2319        font-size: 1.5rem;
     2320        font-weight: 500;
     2321        list-style: none;
     2322        margin: -1rem 0 0 -2rem;
     2323}
     2324
     2325.post-meta li {
     2326        flex-shrink: 0;
     2327        letter-spacing: -0.016875em;
     2328        margin: 1rem 0 0 2rem;
     2329        max-width: calc(100% - 2rem);
     2330}
     2331
     2332.post-meta a {
     2333        color: inherit;
     2334        text-decoration: none;
     2335}
     2336
     2337.post-meta a:focus,
     2338.post-meta a:hover {
     2339        text-decoration: underline;
     2340}
     2341
     2342.post-meta .meta-wrapper {
     2343        align-items: center;
     2344        display: flex;
     2345        flex-wrap: nowrap;
     2346}
     2347
     2348.post-meta .meta-icon {
     2349        flex-shrink: 0;
     2350        margin-right: 1rem;
     2351}
     2352
     2353.sticky .post-sticky {
     2354        color: inherit;
     2355}
     2356
     2357.post-meta .post-author .meta-icon svg {
     2358        width: 1.6rem;
     2359        height: 1.8rem;
     2360}
     2361
     2362.post-meta .post-categories .meta-icon svg {
     2363        width: 1.8rem;
     2364        height: 1.7rem;
     2365}
     2366
     2367.post-meta .post-comment-link .meta-icon svg {
     2368        width: 1.8rem;
     2369        height: 1.8rem;
     2370}
     2371
     2372.post-meta .post-date .meta-icon svg {
     2373        width: 1.7rem;
     2374        height: 1.8rem;
     2375}
     2376
     2377.post-meta .post-edit .meta-icon svg {
     2378        width: 1.8rem;
     2379        height: 1.8rem;
     2380}
     2381
     2382.post-meta .post-sticky .meta-icon svg {
     2383        width: 1.5rem;
     2384        height: 1.8rem;
     2385}
     2386
     2387.post-meta .post-tags .meta-icon svg {
     2388        width: 1.8rem;
     2389        height: 1.8rem;
     2390}
     2391
     2392.post-meta svg * {
     2393        fill: currentColor;
     2394}
     2395
     2396
     2397/* Featured Media ---------------------------- */
     2398
     2399.featured-media {
     2400        margin-top: 5rem;
     2401        position: relative;
     2402}
     2403
     2404.singular .featured-media {
     2405        margin-top: 0;
     2406}
     2407
     2408.singular .featured-media-inner {
     2409        position: relative;
     2410        left: calc(50% - 50vw);
     2411        width: 100vw;
     2412}
     2413
     2414.singular .featured-media::before {
     2415        background: #fff;
     2416        content: "";
     2417        display: block;
     2418        position: absolute;
     2419        bottom: 50%;
     2420        left: 0;
     2421        right: 0;
     2422        top: 0;
     2423}
     2424
     2425.featured-media img {
     2426        margin: 0 auto;
     2427}
     2428
     2429.featured-media figcaption {
     2430        margin: 1.5rem auto 0 auto;
     2431        text-align: center;
     2432        width: calc(100% - 5rem);
     2433}
     2434
     2435.post-inner {
     2436        padding-top: 5rem;
     2437}
     2438
     2439.reduced-spacing.missing-post-thumbnail .post-inner {
     2440        padding-top: 0;
     2441}
     2442
     2443
     2444/* Post Footer ------------------------------- */
     2445
     2446/* POST NAV LINKS */
     2447
     2448.post-nav-links {
     2449        border-radius: 0.4rem;
     2450        display: flex;
     2451        font-size: 0.9em;
     2452        font-weight: 600;
     2453        line-height: 1;
     2454        margin-top: 3em;
     2455        padding: 0 0.25em;
     2456}
     2457
     2458.post-nav-links > * {
     2459        padding: 1em 0.75em;
     2460}
     2461
     2462/* POST META BOTTOM */
     2463
     2464.post-meta-wrapper.post-meta-single-bottom {
     2465        margin-top: 3rem;
     2466}
     2467
     2468
     2469/* Author Bio -------------------------------- */
     2470
     2471.avatar {
     2472        border-radius: 50%;
     2473}
     2474
     2475.author-bio {
     2476        margin-top: 4rem;
     2477}
     2478
     2479.hide-avatars .author-bio {
     2480        padding-left: 0;
     2481}
     2482
     2483.author-bio-inner p:last-child {
     2484        margin-bottom: 0;
     2485}
     2486
     2487.author-bio .avatar {
     2488        margin-right: 1.5rem;
     2489        height: 5rem;
     2490        width: 5rem;
     2491}
     2492
     2493.author-bio .author-title {
     2494        align-items: center;
     2495        display: flex;
     2496        margin: 0 0 1rem 0;
     2497}
     2498
     2499.author-bio .author-link {
     2500        display: block;
     2501        font-size: 1.6rem;
     2502        font-weight: 600;
     2503        margin-top: 1em;
     2504        text-decoration: none;
     2505}
     2506
     2507.author-bio .author-link:focus,
     2508.author-bio .author-link:hover {
     2509        text-decoration: underline;
     2510}
     2511
     2512
     2513/* Single Pagination ------------------------- */
     2514
     2515.pagination-single {
     2516        font-size: 1.8rem;
     2517        margin-top: 5rem;
     2518}
     2519
     2520.pagination-single-inner {
     2521        display: flex;
     2522        flex-direction: column;
     2523}
     2524
     2525.pagination-single hr:first-child {
     2526        margin: 0 0 2.8rem 0;
     2527}
     2528
     2529.pagination-single hr:last-child {
     2530        margin: 2.8rem 0 0 0;
     2531}
     2532
     2533.pagination-single a {
     2534        align-items: baseline;
     2535        display: flex;
     2536        font-weight: 600;
     2537        letter-spacing: -0.0275em;
     2538        text-decoration: none;
     2539}
     2540
     2541.pagination-single a:hover,
     2542.pagination-single a:focus {
     2543        text-decoration: underline;
     2544}
     2545
     2546.pagination-single a + a {
     2547        margin-top: 1rem;
     2548}
     2549
     2550.pagination-single a .arrow {
     2551        margin-right: 1rem;
     2552}
     2553
     2554.pagination-single a:focus .title,
     2555.pagination-single a:hover .title {
     2556        text-decoration: underline;
     2557}
     2558
     2559
     2560/* -------------------------------------------------------------------------- */
     2561
     2562/*      10. Blocks
     2563/* -------------------------------------------------------------------------- */
     2564
     2565
     2566/* Block Colors ------------------------------ */
     2567
     2568.has-text-color a {
     2569        color: inherit;
     2570}
     2571
     2572/* CUSTOM COLORS */
     2573
     2574.has-accent-color {
     2575        color: #cd2653;
     2576}
     2577
     2578.has-accent-background-color {
     2579        background-color: #cd2653;
     2580}
     2581
     2582.has-primary-color {
     2583        color: #000;
     2584}
     2585
     2586.has-primary-background-color {
     2587        background-color: #000;
     2588}
     2589
     2590.has-secondary-color {
     2591        color: #6d6d6d;
     2592}
     2593
     2594.has-secondary-background-color {
     2595        background-color: #6d6d6d;
     2596}
     2597
     2598.has-subtle-background-color {
     2599        color: #dcd7ca;
     2600}
     2601
     2602.has-subtle-background-background-color {
     2603        background-color: #dcd7ca;
     2604}
     2605
     2606.has-background-color {
     2607        color: #f5efe0;
     2608}
     2609
     2610.has-background-background-color {
     2611        background-color: #f5efe0;
     2612}
     2613
     2614
     2615/* Block Typography Classes ------------------ */
     2616
     2617.has-text-align-left {
     2618        text-align: left;
     2619}
     2620
     2621.has-text-align-center {
     2622        text-align: center;
     2623}
     2624
     2625.has-text-align-right {
     2626        text-align: right;
     2627}
     2628
     2629.has-drop-cap:not(:focus)::first-letter {
     2630        color: #cd2653;
     2631        font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
     2632        font-size: 5.1em;
     2633        font-weight: 800;
     2634        margin: 0.05em 0.1em 0 0;
     2635}
     2636
     2637.has-drop-cap:not(:focus)::first-letter::after {
     2638        content: "";
     2639        display: table;
     2640        clear: both;
     2641}
     2642
     2643.has-drop-cap:not(:focus)::after {
     2644        padding: 0;
     2645}
     2646
     2647
     2648/* Block Font Families ----------------------- */
     2649
     2650.has-drop-cap:not(:focus)::first-letter,
     2651.entry-content .wp-block-archives,
     2652.entry-content .wp-block-categories,
     2653.entry-content .wp-block-cover-image,
     2654.entry-content .wp-block-latest-comments,
     2655.entry-content .wp-block-latest-posts,
     2656.entry-content .wp-block-pullquote,
     2657.entry-content .wp-block-quote.is-large,
     2658.entry-content .wp-block-quote.is-style-large {
     2659        font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
     2660}
     2661
     2662@supports ( font-variation-settings: normal ) {
     2663
     2664        .has-drop-cap:not(:focus)::first-letter,
     2665        .entry-content .wp-block-archives,
     2666        .entry-content .wp-block-categories,
     2667        .entry-content .wp-block-latest-posts,
     2668        .entry-content .wp-block-latest-comments,
     2669        .entry-content .wp-block-cover-image p,
     2670        .entry-content .wp-block-pullquote {
     2671                font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
     2672        }
     2673}
     2674
     2675/* Block Font Sizes -------------------------- */
     2676
     2677.entry-content .has-small-font-size {
     2678        font-size: 0.842em;
     2679}
     2680
     2681.entry-content .has-regular-font-size {
     2682        font-size: 1em;
     2683}
     2684
     2685.entry-content .has-medium-font-size {
     2686        font-size: 1.1em;
     2687        line-height: 1.45;
     2688}
     2689
     2690.entry-content .has-large-font-size {
     2691        font-size: 1.25em;
     2692        line-height: 1.4;
     2693}
     2694
     2695.entry-content .has-larger-font-size {
     2696        font-size: 1.5em;
     2697        line-height: 1.3;
     2698}
     2699
     2700
     2701/* Block: Base Margins ----------------------- */
     2702
     2703*[class*="_inner-container"] > *:first-child {
     2704        margin-top: 0;
     2705}
     2706
     2707*[class*="_inner-container"] > *:last-child {
     2708        margin-bottom: 0;
     2709}
     2710
     2711.wp-block-archives,
     2712.wp-block-categories,
     2713.wp-block-code,
     2714.wp-block-columns,
     2715.wp-block-cover,
     2716.wp-block-embed,
     2717.wp-block-gallery,
     2718.wp-block-group,
     2719.wp-block-latest-comments,
     2720.wp-block-latest-posts,
     2721.wp-block-media-text,
     2722.wp-block-preformatted,
     2723.wp-block-pullquote,
     2724.wp-block-quote,
     2725.wp-block-quote.is-large,
     2726.wp-block-quote.is-style-large,
     2727.wp-block-verse,
     2728.wp-block-video {
     2729        margin-bottom: 3rem;
     2730        margin-top: 3rem;
     2731}
     2732
     2733
     2734/* Block: Shared Nesting Alignment Resets ---- */
     2735
     2736[class*="__inner-container"] .wp-block-group:not(.alignfull):not(.alignwide):not(.alignleft):not(.alignright),
     2737[class*="__inner-container"] .wp-block-cover:not(.alignfull):not(.alignwide):not(.alignleft):not(.alignright) {
     2738        margin-left: auto;
     2739        margin-right: auto;
     2740        max-width: 58rem;
     2741}
     2742
     2743
     2744/* Block: Shared Widget Styles --------------- */
     2745
     2746.wp-block-archives,
     2747.wp-block-categories,
     2748.wp-block-latest-posts,
     2749.wp-block-latest-comments {
     2750        list-style: none;
     2751        margin-left: 0;
     2752}
     2753
     2754.wp-block-archives ul,
     2755.wp-block-categories ul,
     2756.wp-block-latest-posts ul,
     2757.wp-block-latest-comments ul {
     2758        list-style: none;
     2759}
     2760
     2761.entry-content .wp-block-archives > li,
     2762.entry-content .wp-block-categories > li,
     2763.entry-content .wp-block-latest-posts > li,
     2764.entry-content .wp-block-latest-comment > li {
     2765        margin-left: 0;
     2766}
     2767
     2768.entry-content .wp-block-archives > li:last-child,
     2769.entry-content .wp-block-categories > li:last-child,
     2770.entry-content .wp-block-latest-posts > li:last-child,
     2771.entry-content .wp-block-latest-comment > li:last-child {
     2772        margin-bottom: 0;
     2773}
     2774
     2775.entry-content .wp-block-archives *,
     2776.entry-content .wp-block-categories *,
     2777.entry-content .wp-block-latest-posts *,
     2778.entry-content .wp-block-latest-comments * {
     2779        font-family: inherit;
     2780}
     2781
     2782.entry-content .wp-block-archives li,
     2783.entry-content .wp-block-categories li,
     2784.entry-content .wp-block-latest-posts li {
     2785        color: #6d6d6d;
     2786}
     2787
     2788.wp-block-archives a,
     2789.wp-block-categories a,
     2790.wp-block-latest-posts a,
     2791.wp-block-latest-comments a {
     2792        font-weight: 700;
     2793        text-decoration: none;
     2794}
     2795
     2796.wp-block-archives a:hover,
     2797.wp-block-categories a:hover,
     2798.wp-block-latest-posts a:hover,
     2799.wp-block-latest-comments a:hover,
     2800.wp-block-archives a:focus,
     2801.wp-block-categories a:focus,
     2802.wp-block-latest-posts a:focus,
     2803.wp-block-latest-comments a:focus {
     2804        text-decoration: underline;
     2805}
     2806
     2807.wp-block-latest-posts a,
     2808.wp-block-latest-comments__comment-meta {
     2809        font-weight: 700;
     2810        letter-spacing: -0.025em;
     2811        line-height: 1.25;
     2812}
     2813
     2814.wp-block-latest-comments__comment-date,
     2815.wp-block-latest-posts__post-date {
     2816        color: #6d6d6d;
     2817        font-size: 0.7em;
     2818        font-weight: 600;
     2819        letter-spacing: normal;
     2820        margin-top: 0.15em;
     2821}
     2822
     2823
     2824/* Block: Shared Media Styles ---------------- */
     2825
     2826.wp-block-embed figcaption,
     2827.wp-block-image figcaption {
     2828        color: #6d6d6d;
     2829        font-size: 1.4rem;
     2830        margin-bottom: 0;
     2831        margin-top: 1.5rem;
     2832}
     2833
     2834/* Block: Audio ------------------------------ */
     2835
     2836.wp-block-audio audio {
     2837        width: 100%;
     2838}
     2839
     2840/* Block: Button ----------------------------- */
     2841
     2842.wp-block-button.is-style-outline {
     2843        color: #cd2653;
     2844}
     2845
     2846.wp-block-button.is-style-outline .wp-block-button__link {
     2847        color: inherit;
     2848}
     2849
     2850/* Block: Columns ---------------------------- */
     2851
     2852.wp-block-column {
     2853        margin-bottom: 3.2rem;
     2854}
     2855
     2856.wp-block-column > *:first-child {
     2857        margin-top: 0;
     2858}
     2859
     2860.wp-block-column > *:last-child {
     2861        margin-bottom: 0;
     2862}
     2863
     2864/* Block: Cover ------------------------------ */
     2865
     2866.wp-block-cover-image .wp-block-cover__inner-container,
     2867.wp-block-cover .wp-block-cover__inner-container {
     2868        width: calc(100% - 4rem);
     2869        padding: 2rem 0;
     2870}
     2871
     2872.wp-block-cover-image .wp-block-cover-image-text,
     2873.wp-block-cover-image .wp-block-cover-text,
     2874.wp-block-cover-image h2,
     2875.wp-block-cover .wp-block-cover-image-text,
     2876.wp-block-cover .wp-block-cover-text,
     2877.wp-block-cover h2 {
     2878        max-width: 100%;
     2879        padding: 0;
     2880}
     2881
     2882.wp-block-cover-image h2,
     2883.wp-block-cover h2 {
     2884        font-size: 3.2rem;
     2885}
     2886
     2887/* Block: Embed ------------------------------ */
     2888
     2889/* Block: File ------------------------------- */
     2890
     2891.wp-block-file {
     2892        align-items: center;
     2893        display: flex;
     2894        flex-wrap: wrap;
     2895        justify-content: space-between;
     2896}
     2897
     2898.wp-block-file a:not(.wp-block-file__button) {
     2899        font-weight: 700;
     2900        text-decoration: none;
     2901}
     2902
     2903.wp-block-file a:not(.wp-block-file__button):not(:last-child) {
     2904        margin-right: 1rem;
     2905}
     2906
     2907.wp-block-file a:not(.wp-block-file__button):focus,
     2908.wp-block-file a:not(.wp-block-file__button):hover {
     2909        text-decoration: underline;
     2910}
     2911
     2912.wp-block-file .wp-block-file__button {
     2913        font-size: 1.5rem;
     2914        padding: 1em 1.25em;
     2915}
     2916
     2917.wp-block-file a.wp-block-file__button:visited {
     2918        opacity: 1;
     2919}
     2920
     2921.wp-block-file a.wp-block-file__button:active,
     2922.wp-block-file a.wp-block-file__button:focus,
     2923.wp-block-file a.wp-block-file__button:hover {
     2924        opacity: 1;
     2925        text-decoration: underline;
     2926}
     2927
     2928
     2929/* Block: Gallery ---------------------------- */
     2930
     2931ul.wp-block-gallery:not(.alignwide):not(.alignfull):not(.alignright):not(.alignleft) {
     2932        margin-left: 0;
     2933}
     2934
     2935.wp-block-gallery ul {
     2936        list-style: none;
     2937        margin: 0 0 -1.6rem 0;
     2938}
     2939
     2940figure.wp-block-gallery.alignnone,
     2941figure.wp-block-gallery.aligncenter {
     2942        margin-bottom: 3rem;
     2943        margin-top: 3rem;
     2944}
     2945
     2946figure.wp-block-gallery.alignleft {
     2947        margin: 0.3rem 2rem 2rem 0;
     2948}
     2949
     2950figure.wp-block-gallery.alignright {
     2951        margin: 0.3rem 0 2rem 2rem;
     2952}
     2953
     2954figure.wp-block-gallery.alignwide {
     2955        margin-bottom: 4rem;
     2956        margin-top: 4rem;
     2957}
     2958
     2959figure.wp-block-gallery.alignfull {
     2960        margin-bottom: 5rem;
     2961        margin-top: 5rem;
     2962}
     2963
     2964/* Block: Group ------------------------------ */
     2965
     2966.wp-block-group.has-background {
     2967        padding: 2rem;
     2968}
     2969
     2970.wp-block-group__inner-container {
     2971        margin: 0 auto;
     2972}
     2973
     2974.wp-block-group__inner-container,
     2975.entry-content .wp-block-group p {
     2976        max-width: 100%;
     2977}
     2978
     2979/* Block: Image ------------------------------ */
     2980
     2981/* Block: Media And Text --------------------- */
     2982
     2983.wp-block-media-text .wp-block-media-text__content {
     2984        padding: 3rem 2rem;
     2985}
     2986
     2987.wp-block-media-text .wp-block-media-text__content p {
     2988        max-width: none;
     2989}
     2990
     2991.wp-block-media-text__content > *:last-child {
     2992        margin-bottom: 0;
     2993}
     2994
     2995/* Block: Pullquote -------------------------- */
     2996
     2997/* STYLE: DEFAULT */
     2998
     2999.wp-block-pullquote {
     3000        padding: 0;
     3001        position: relative;
     3002}
     3003
     3004.wp-block-pullquote.alignleft,
     3005.wp-block-pullquote.alignright {
     3006        max-width: 100%;
     3007}
     3008
     3009.wp-block-pullquote::before {
     3010        background: #fff;
     3011        border-radius: 50%;
     3012        color: #cd2653;
     3013        content: "”";
     3014        display: block;
     3015        font-size: 6.2rem;
     3016        font-weight: 500;
     3017        line-height: 1.2;
     3018        margin: 0 auto 1.5rem auto;
     3019        text-align: center;
     3020        height: 4.4rem;
     3021        width: 4.4rem;
     3022}
     3023
     3024.reduced-spacing .wp-block-pullquote::before {
     3025        border: 0.1rem solid currentColor;
     3026        font-size: 5.9rem;
     3027}
     3028
     3029.wp-block-pullquote blockquote {
     3030        border: none;
     3031        margin: 0;
     3032        padding: 0;
     3033}
     3034
     3035.wp-block-pullquote blockquote p {
     3036        font-family: inherit;
     3037        font-size: 2.8rem;
     3038        font-weight: 700;
     3039        line-height: 1.178571429;
     3040        letter-spacing: -0.041785714em;
     3041        max-width: 100%;
     3042}
     3043
     3044.wp-block-pullquote p:last-of-type {
     3045        margin-bottom: 0;
     3046}
     3047
     3048.wp-block-pullquote cite {
     3049        color: #6d6d6d;
     3050        font-size: 1.6rem;
     3051        font-weight: 500;
     3052        margin-top: 1.2rem;
     3053}
     3054
     3055.wp-block-pullquote.alignleft p,
     3056.wp-block-pullquote.alignright p {
     3057        font-size: 2.8rem;
     3058}
     3059
     3060.wp-block-pullquote.alignleft {
     3061        text-align: left;
     3062}
     3063
     3064.wp-block-pullquote.alignright {
     3065        text-align: right;
     3066}
     3067
     3068.wp-block-pullquote.alignleft::before {
     3069        margin-left: 0;
     3070}
     3071
     3072.wp-block-pullquote.alignright::before {
     3073        margin-right: 0;
     3074}
     3075
     3076/* STYLE: SOLID BACKGROUND COLOR */
     3077
     3078.wp-block-pullquote.is-style-solid-color {
     3079        padding: 3rem 2rem;
     3080}
     3081
     3082.wp-block-pullquote.is-style-solid-color::before {
     3083        position: absolute;
     3084        top: 0;
     3085        left: 50%;
     3086        transform: translateY(-50%) translateX(-50%);
     3087}
     3088
     3089.wp-block-pullquote.is-style-solid-color.alignleft::before,
     3090.wp-block-pullquote.is-style-solid-color.alignright::before {
     3091        transform: translateY(-50%);
     3092}
     3093
     3094.wp-block-pullquote.is-style-solid-color.alignleft::before {
     3095        left: 2rem;
     3096}
     3097
     3098.wp-block-pullquote.is-style-solid-color.alignright::before {
     3099        left: auto;
     3100        right: 2rem;
     3101}
     3102
     3103.wp-block-pullquote.is-style-solid-color blockquote {
     3104        max-width: 100%;
     3105        text-align: inherit;
     3106}
     3107
     3108.wp-block-pullquote.is-style-solid-color cite {
     3109        color: inherit;
     3110}
     3111
     3112/* Block: Separator  ------------------------- */
     3113
     3114hr.wp-block-separator {
     3115        margin: 3rem 0;
     3116}
     3117
     3118/* STYLE: WIDE */
     3119
     3120.wp-block-separator.is-style-wide {
     3121        max-width: calc(100vw - 4rem);
     3122        position: relative;
     3123        left: calc(50% - 50vw + 2rem);
     3124        width: calc(100vw - 4rem);
     3125}
     3126
     3127/* STYLE: DOTS */
     3128
     3129.wp-block-separator.is-style-dots::before {
     3130        background: none;
     3131        color: inherit;
     3132        font-size: 3.2rem;
     3133        font-weight: 700;
     3134        height: auto;
     3135        letter-spacing: 1em;
     3136        padding-left: 1em;
     3137        position: static;
     3138        transform: none;
     3139        width: auto;
     3140}
     3141
     3142.wp-block-separator.is-style-dots::after {
     3143        content: none;
     3144}
     3145
     3146
     3147/* Block: Search ----------------------------- */
     3148
     3149.wp-block-search .wp-block-search__input {
     3150        width: auto;
     3151}
     3152
     3153/* Block: Table ------------------------------ */
     3154
     3155.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
     3156        background: #dcd7ca;
     3157}
     3158
     3159.wp-block-table.is-style-stripes {
     3160        border-bottom-color: #dcd7ca;
     3161}
     3162
     3163/* Block: Quote ------------------------------ */
     3164
     3165.wp-block-quote p,
     3166.wp-block-quote cite {
     3167        text-align: inherit;
     3168}
     3169
     3170.wp-block-quote[style="text-align:center"] {
     3171        border-width: 0;
     3172        padding: 0;
     3173}
     3174
     3175.wp-block-quote[style="text-align:right"] {
     3176        border-width: 0 0.2rem 0 0;
     3177        padding: 0 2rem 0 0;
     3178}
     3179
     3180/* STYLE: LARGE */
     3181
     3182.wp-block-quote.is-large,
     3183.wp-block-quote.is-style-large {
     3184        border: none;
     3185        padding: 0;
     3186}
     3187
     3188.wp-block-quote.is-large p,
     3189.wp-block-quote.is-style-large p {
     3190        font-family: inherit;
     3191        font-size: 2.4rem;
     3192        font-style: normal;
     3193        font-weight: 700;
     3194        letter-spacing: -0.02em;
     3195        line-height: 1.285;
     3196}
     3197
     3198.wp-block-quote.is-large cite,
     3199.wp-block-quote.is-large footer,
     3200.wp-block-quote.is-style-large cite,
     3201.wp-block-quote.is-style-large footer {
     3202        font-size: 1.6rem;
     3203        text-align: inherit;
     3204}
     3205
     3206/* Block: Widget Latest Comments ------------- */
     3207
     3208.entry-content .wp-block-latest-comments,
     3209.entry-content .wp-block-latest-comments li {
     3210        margin-left: 0;
     3211}
     3212
     3213.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt,
     3214.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta {
     3215        margin-left: 5.5rem;
     3216}
     3217
     3218.entry-content .wp-block-latest-comments a {
     3219        text-decoration: none;
     3220}
     3221
     3222.entry-content .wp-block-latest-comments a:hover,
     3223.entry-content .wp-block-latest-comments a:focus {
     3224        text-decoration: underline;
     3225}
     3226
     3227.wp-block-latest-comments__comment {
     3228        font-size: inherit;
     3229}
     3230
     3231.wp-block-latest-comments__comment-date {
     3232        margin-top: 0.4em;
     3233}
     3234
     3235.wp-block-latest-comments__comment-excerpt p {
     3236        font-size: 0.7em;
     3237        margin: 0.9rem 0 2rem 0;
     3238}
     3239
     3240/* Block: Widget Latest Posts ---------------- */
     3241
     3242.wp-block-latest-posts.is-grid,
     3243.wp-block-latest-posts.has-dates,
     3244.wp-block-latest-posts.has-dates li {
     3245        margin-left: 0;
     3246}
     3247
     3248.wp-block-latest-posts.is-grid li {
     3249        border-top: 0.2rem solid #dcd7ca;
     3250        margin-top: 2rem;
     3251        padding-top: 1rem;
     3252}
     3253
     3254.wp-block-latest-posts.has-dates {
     3255        list-style: none;
     3256}
     3257
     3258.wp-block-latest-posts.has-dates:not(.is-grid) li {
     3259        margin-top: 1.5rem;
     3260}
     3261
     3262.wp-block-latest-posts.has-dates:not(.is-grid) li:first-child {
     3263        margin-top: 0;
     3264}
     3265
     3266
     3267/* -------------------------------------------------------------------------- */
     3268
     3269/*      11. Entry Content
     3270/* -------------------------------------------------------------------------- */
     3271
     3272
     3273.entry-content {
     3274        line-height: 1.5;
     3275        max-width: 58rem;
     3276}
     3277
     3278.entry-content > *:first-child {
     3279        margin-top: 0;
     3280}
     3281
     3282.entry-content > *:last-child {
     3283        margin-bottom: 0;
     3284}
     3285
     3286.entry-content a:hover,
     3287.entry-content a:focus {
     3288        text-decoration: none;
     3289}
     3290
     3291.entry-content p,
     3292.entry-content li {
     3293        line-height: 1.4;
     3294}
     3295
     3296.entry-content h1,
     3297.entry-content h2,
     3298.entry-content h3,
     3299.entry-content h4,
     3300.entry-content h5,
     3301.entry-content h6 {
     3302        margin: 3.5rem 0 2rem;
     3303}
     3304
     3305.entry-content ul ul,
     3306.entry-content ol ol,
     3307.entry-content ul ol,
     3308.entry-content ol ul {
     3309        margin-bottom: 1rem;
     3310}
     3311
     3312.entry-content hr {
     3313        margin: 4rem 0;
     3314}
     3315
     3316/* Font Families ----------------------------- */
     3317
     3318.entry-content p,
     3319.entry-content ol,
     3320.entry-content ul,
     3321.entry-content dl,
     3322.entry-content dt {
     3323        font-family: NonBreakingSpaceOverride, "Hoefler Text", Garamond, "Times New Roman", serif;
     3324        letter-spacing: normal;
     3325}
     3326
     3327.entry-content cite,
     3328.entry-content figcaption,
     3329.entry-content .wp-caption-text {
     3330        font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
     3331}
     3332
     3333@supports ( font-variation-settings: normal ) {
     3334
     3335        .entry-content cite,
     3336        .entry-content figcaption,
     3337        .entry-content .wp-caption-text {
     3338                font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
     3339        }
     3340}
     3341
     3342
     3343/* Alignment Classes ------------------------- */
     3344
     3345.alignnone,
     3346.aligncenter,
     3347.alignleft,
     3348.alignright {
     3349        margin: 3rem 0;
     3350        max-width: 100%;
     3351}
     3352
     3353.aligncenter,
     3354.aligncenter img {
     3355        margin-left: auto;
     3356        margin-right: auto;
     3357}
     3358
     3359.alignleft,
     3360.alignright {
     3361        max-width: 50%;
     3362}
     3363
     3364.alignleft {
     3365
     3366        /*rtl:ignore*/
     3367        float: left;
     3368        margin: 0.3rem 2rem 2rem 0;
     3369}
     3370
     3371.alignright {
     3372
     3373        /*rtl:ignore*/
     3374        float: right;
     3375        margin: 0.3rem 0 2rem 2rem;
     3376}
     3377
     3378.alignwide {
     3379        margin: 4rem auto;
     3380        max-width: 120rem;
     3381}
     3382
     3383.entry-content > .alignwide {
     3384        max-width: calc(100vw - 4rem);
     3385        position: relative;
     3386        left: calc(50% - 50vw + 2rem);
     3387        width: calc(100vw - 4rem);
     3388}
     3389
     3390.alignfull {
     3391        margin: 5rem 0;
     3392}
     3393
     3394.entry-content > .alignfull {
     3395        max-width: 100vw;
     3396        position: relative;
     3397        left: calc(50% - 50vw);
     3398        width: 100vw;
     3399}
     3400
     3401
     3402/* Entry Media ------------------------------- */
     3403
     3404.alignfull > figcaption,
     3405.alignfull > .wp-caption-text {
     3406        margin-left: auto;
     3407        margin-right: auto;
     3408        max-width: 120rem;
     3409        width: calc(100% - 4rem);
     3410}
     3411
     3412
     3413/* -------------------------------------------------------------------------- */
     3414
     3415/*      12. Comments
     3416/* -------------------------------------------------------------------------- */
     3417
     3418
     3419/* Comment Headers ----------------------------- */
     3420
     3421.comments-wrapper {
     3422        margin-top: 5rem;
     3423}
     3424
     3425.comment-reply-title {
     3426        margin: 0 0 4rem 0;
     3427        text-align: center;
     3428}
     3429
     3430
     3431/* Comment Item ----------------------------- */
     3432
     3433/* COMMENT HEADER */
     3434
     3435.comments .comment,
     3436.comments .pingback,
     3437.comments .trackback,
     3438.comments .review {
     3439        padding-top: 3.5rem;
     3440}
     3441
     3442div.comment:first-of-type {
     3443        margin-top: 3.5rem;
     3444        padding-top: 0;
     3445}
     3446
     3447.comments .comments-header + div {
     3448        margin-top: 0;
     3449        padding-top: 0;
     3450}
     3451
     3452.comment-body {
     3453        position: relative;
     3454}
     3455
     3456.comment .comment {
     3457        padding-left: 5%;
     3458}
     3459
     3460.comment-meta {
     3461        line-height: 1.1;
     3462        margin-bottom: 1.5rem;
     3463        min-height: 5rem;
     3464        padding-left: 5rem;
     3465        position: relative;
     3466}
     3467
     3468.hide-avatars .comment-meta {
     3469        min-height: 0;
     3470        padding-left: 0;
     3471}
     3472
     3473.comment-meta a {
     3474        color: inherit;
     3475}
     3476
     3477.comment-author {
     3478        font-size: 1.8rem;
     3479        font-weight: 700;
     3480        letter-spacing: -0.027777778em;
     3481}
     3482
     3483.comment-author a {
     3484        text-decoration: underline;
     3485}
     3486
     3487.comment-author a:hover,
     3488.comment-author a:focus {
     3489        text-decoration: none;
     3490}
     3491
     3492.comment-meta .avatar {
     3493        height: 4rem;
     3494        position: absolute;
     3495        left: 0;
     3496        top: 0;
     3497        width: 4rem;
     3498}
     3499
     3500.comment-author .url {
     3501        text-decoration: underline;
     3502}
     3503
     3504.comment-metadata {
     3505        color: #6d6d6d;
     3506        font-size: 1.4rem;
     3507        font-weight: 500;
     3508        margin-top: 0.6rem;
     3509}
     3510
     3511.comment-metadata a {
     3512        text-decoration: none;
     3513}
     3514
     3515.comment-metadata a:focus,
     3516.comment-metadata a:hover {
     3517        text-decoration: underline;
     3518}
     3519
     3520
     3521/* COMMENT CONTENT */
     3522
     3523.comment-content.entry-content .alignleft {
     3524        margin-left: 0;
     3525}
     3526
     3527.comment-content.entry-content .alignright {
     3528        margin-right: 0;
     3529}
     3530
     3531.comment-content.entry-content > .alignwide,
     3532.comment-content.entry-content > .alignfull {
     3533        left: auto;
     3534        max-width: 100%;
     3535        width: auto;
     3536}
     3537
     3538/* COMMENT FOOTER */
     3539
     3540.comment-footer-meta {
     3541        align-items: center;
     3542        display: flex;
     3543        flex-wrap: wrap;
     3544        font-size: 1.2rem;
     3545        font-weight: 600;
     3546        justify-content: flex-start;
     3547        letter-spacing: 0.030833333em;
     3548        line-height: 1;
     3549        margin: 1.5rem 0 -1rem -1.5rem;
     3550        text-transform: uppercase;
     3551}
     3552
     3553.comment-footer-meta > * {
     3554        margin: 0 0 1rem 1.5rem;
     3555}
     3556
     3557.comment-reply-link {
     3558        background-color: #cd2653;
     3559        color: #fff;
     3560        display: block;
     3561        padding: 0.7rem;
     3562}
     3563
     3564.bypostauthor .comment-footer-meta .by-post-author {
     3565        display: block;
     3566}
     3567
     3568.comment-footer-meta a {
     3569        text-decoration: none;
     3570}
     3571
     3572.comment-footer-meta a:focus,
     3573.comment-footer-meta a:hover {
     3574        text-decoration: underline;
     3575}
     3576
     3577
     3578/* Pingbacks & Trackbacks ------------------------- */
     3579
     3580.pingback .comment-meta,
     3581.trackback .comment-meta {
     3582        padding-left: 0;
     3583}
     3584
     3585
     3586/* Comments Pagination ---------------------------- */
     3587
     3588.comments-pagination {
     3589        display: flex;
     3590        flex-wrap: wrap;
     3591        justify-content: space-between;
     3592        margin-top: 6rem;
     3593        text-align: center;
     3594}
     3595
     3596.comments-pagination.only-next {
     3597        justify-content: flex-end;
     3598}
     3599
     3600.comments-pagination .page-numbers {
     3601        display: none;
     3602        text-decoration: none;
     3603}
     3604
     3605.comments-pagination .page-numbers:focus,
     3606.comments-pagination .page-numbers:hover {
     3607        text-decoration: underline;
     3608}
     3609
     3610.comments-pagination .prev,
     3611.comments-pagination .next {
     3612        display: block;
     3613}
     3614
     3615.comments-pagination .prev {
     3616        left: 0;
     3617}
     3618
     3619.comments-pagination .next {
     3620        right: 0;
     3621        text-align: right;
     3622}
     3623
     3624
     3625/* Comment Respond ---------------------------- */
     3626
     3627.comment-respond::after {
     3628        clear: both;
     3629        content: "";
     3630        display: block;
     3631}
     3632
     3633.comment-respond .comment-notes,
     3634.comment-respond .logged-in-as {
     3635        color: #6d6d6d;
     3636        font-size: 1.6rem;
     3637        line-height: 1.4;
     3638        margin: -3rem 0 4rem 0;
     3639        text-align: center;
     3640}
     3641
     3642.comment-respond .comment-notes a,
     3643.comment-respond .logged-in-as a {
     3644        color: inherit;
     3645        text-decoration: none;
     3646}
     3647
     3648.comment-respond .comment-notes a:focus,
     3649.comment-respond .comment-notes a:hover,
     3650.comment-respond .logged-in-as a:focus,
     3651.comment-respond .logged-in-as a:hover {
     3652        text-decoration: underline;
     3653}
     3654
     3655.comment-respond p {
     3656        line-height: 1.1;
     3657        margin-bottom: 2rem;
     3658        margin-left: auto;
     3659        margin-right: auto;
     3660}
     3661
     3662.comment-respond p:not(.comment-notes) {
     3663        max-width: 58rem;
     3664}
     3665
     3666.comment-form-cookies-consent {
     3667        align-items: baseline;
     3668        display: flex;
     3669}
     3670
     3671.comment-respond > p:last-of-type {
     3672        margin-bottom: 0;
     3673}
     3674
     3675.comment-respond label {
     3676        display: block;
     3677}
     3678
     3679.comment-respond input[type="checkbox"] + label {
     3680        font-size: 1.5rem;
     3681        line-height: 1.25;
     3682}
     3683
     3684.comment-respond input[type="text"],
     3685.comment-respond input[type="email"],
     3686.comment-respond textarea {
     3687        margin-bottom: 0;
     3688}
     3689
     3690.comment-respond textarea {
     3691        height: 15rem;
     3692}
     3693
     3694.comment-respond #submit {
     3695        display: block;
     3696}
     3697
     3698.comment-respond .comments-closed {
     3699        text-align: center;
     3700}
     3701
     3702
     3703/* Reply Respond ---------------------------- */
     3704
     3705.comments .comment-respond {
     3706        padding: 3rem 0 0;
     3707}
     3708
     3709.comments .comment-respond .comment-reply-title,
     3710.comments .comment-respond .comment-notes,
     3711.comments .comment-respond .logged-in-as {
     3712        text-align: left;
     3713}
     3714
     3715.comment-reply-title small {
     3716        display: block;
     3717        font-size: 1.6rem;
     3718        font-weight: 600;
     3719        letter-spacing: -0.0277em;
     3720        margin: 0.5rem 0 0 0;
     3721        white-space: nowrap;
     3722}
     3723
     3724.comment-reply-title small a {
     3725        text-decoration: none;
     3726}
     3727
     3728.comment-reply-title small a:focus,
     3729.comment-reply-title small a:hover {
     3730        text-decoration: underline;
     3731}
     3732
     3733
     3734/* -------------------------------------------------------------------------- */
     3735
     3736/*      13. Site Pagination
     3737/* -------------------------------------------------------------------------- */
     3738
     3739
     3740.pagination .nav-links {
     3741        align-items: baseline;
     3742        display: flex;
     3743        flex-wrap: wrap;
     3744        font-size: 1.8rem;
     3745        font-weight: 600;
     3746        margin: -1.5rem 0 0 -2.5rem;
     3747        width: calc(100% + 2.5rem);
     3748}
     3749
     3750.pagination-separator {
     3751        margin: 5rem 0;
     3752}
     3753
     3754.nav-links > * {
     3755        margin: 1.5rem 0 0 2.5rem;
     3756}
     3757
     3758.nav-links .placeholder {
     3759        display: none;
     3760        visibility: hidden;
     3761}
     3762
     3763.pagination a {
     3764        text-decoration: none;
     3765}
     3766
     3767.pagination a:focus,
     3768.pagination a:hover {
     3769        text-decoration: underline;
     3770}
     3771
     3772.pagination .dots {
     3773        transform: translateY(-0.3em);
     3774        color: #6d6d6d;
     3775}
     3776
     3777.nav-short {
     3778        display: none;
     3779}
     3780
     3781/* -------------------------------------------------------------------------- */
     3782
     3783/*      14. Error 404
     3784/* -------------------------------------------------------------------------- */
     3785
     3786
     3787.error404 #site-content {
     3788        padding-top: 4rem;
     3789}
     3790
     3791.error404-content {
     3792        text-align: center;
     3793}
     3794
     3795.error404 #site-content .search-form {
     3796        justify-content: center;
     3797        margin-top: 3rem;
     3798}
     3799
     3800
     3801/* -------------------------------------------------------------------------- */
     3802
     3803/*      15.     Widgets
     3804/* -------------------------------------------------------------------------- */
     3805
     3806
     3807/* Widget Base ------------------------------- */
     3808
     3809.widget {
     3810        margin-top: 3rem;
     3811}
     3812
     3813.widget:first-child {
     3814        margin-top: 0;
     3815}
     3816
     3817.widget-content > div > *:first-child {
     3818        margin-top: 0;
     3819}
     3820
     3821.widget-content > div > *:last-child {
     3822        margin-bottom: 0;
     3823}
     3824
     3825.widget .widget-title {
     3826        margin: 0 0 2rem;
     3827}
     3828
     3829.widget li {
     3830        margin: 2rem 0 0 0;
     3831}
     3832
     3833.widget li:first-child,
     3834.widget li > ul,
     3835.widget li > ol {
     3836        margin-top: 0;
     3837}
     3838
     3839.widget table,
     3840.widget table * {
     3841        border-color: #dedfdf;
     3842}
     3843
     3844.widget table caption {
     3845        background-color: #dedfdf;
     3846}
     3847
     3848.widget .post-date,
     3849.widget .rss-date {
     3850        color: #6d6d6d;
     3851        display: block;
     3852        font-size: 0.85em;
     3853        font-weight: 500;
     3854        margin-top: 0.2rem;
     3855}
     3856
     3857.widget select {
     3858        max-width: 100%;
     3859}
     3860
     3861/* Font Families ----------------------------- */
     3862
     3863.widget_text p,
     3864.widget_text ol,
     3865.widget_text ul,
     3866.widget_text dl,
     3867.widget_text dt,
     3868.widget-content .rssSummary {
     3869        font-family: NonBreakingSpaceOverride, "Hoefler Text", Garamond, "Times New Roman", serif;
     3870        letter-spacing: normal;
     3871}
     3872
     3873.widget-content cite,
     3874.widget-content figcaption,
     3875.widget-content .wp-caption-text {
     3876        font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
     3877}
     3878
     3879@supports ( font-variation-settings: normal ) {
     3880
     3881        .widget-content cite,
     3882        .widget-content figcaption,
     3883        .widget-content .wp-caption-text {
     3884                font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
     3885        }
     3886}
     3887
     3888/* Base List Widget -------------------------- */
     3889
     3890.widget_archive ul,
     3891.widget_categories ul,
     3892.widget_pages ul,
     3893.widget_meta ul,
     3894.widget_nav_menu ul,
     3895.widget_recent_comments ul,
     3896.widget_recent_entries ul,
     3897.widget_rss ul {
     3898        list-style: none;
     3899        margin: 0;
     3900}
     3901
     3902.widget_archive li,
     3903.widget_categories li,
     3904.widget_pages li,
     3905.widget_meta li,
     3906.widget_nav_menu li {
     3907        color: #6d6d6d;
     3908        margin: 0.3rem 0;
     3909}
     3910
     3911.widget_archive li li,
     3912.widget_categories li li,
     3913.widget_pages li li,
     3914.widget_meta li li,
     3915.widget_nav_menu li li {
     3916        margin-left: 2rem;
     3917}
     3918
     3919.widget_archive a,
     3920.widget_categories a,
     3921.widget_pages a,
     3922.widget_meta a,
     3923.widget_nav_menu a {
     3924        font-weight: 700;
     3925        text-decoration: none;
     3926}
     3927
     3928.widget_archive a:focus,
     3929.widget_archive a:hover,
     3930.widget_categories a:focus,
     3931.widget_categories a:hover,
     3932.widget_pages a:focus,
     3933.widget_pages a:hover,
     3934.widget_meta a:focus,
     3935.widget_meta a:hover,
     3936.widget_nav_menu a:focus,
     3937.widget_nav_menu a:hover {
     3938        text-decoration: underline;
     3939}
     3940
     3941/* Widget: Calendar -------------------------- */
     3942
     3943.calendar_wrap {
     3944        font-size: 2.4rem;
     3945}
     3946
     3947.calendar_wrap th,
     3948.calendar_wrap td {
     3949        font-size: 1em;
     3950        font-weight: 500;
     3951        line-height: 1;
     3952        padding: 2.5% 2.5% 1.75% 2.5%;
     3953        text-align: center;
     3954}
     3955
     3956.calendar_wrap tfoot td {
     3957        border-bottom: none;
     3958}
     3959
     3960.calendar_wrap tfoot a {
     3961        text-decoration: none;
     3962}
     3963
     3964.calendar_wrap tfoot #prev {
     3965        text-align: left;
     3966}
     3967
     3968.calendar_wrap tfoot #next {
     3969        text-align: right;
     3970}
     3971
     3972/* Widget: Image ----------------------------- */
     3973
     3974/* Widget: Gallery --------------------------- */
     3975
     3976.widget_media_gallery .gallery {
     3977        margin: 0 -0.4em -0.8em -0.4em;
     3978        width: calc(100% + 0.8em);
     3979}
     3980
     3981.widget_media_gallery .gallery-item {
     3982        margin: 0 0 0.8em 0;
     3983        padding: 0 0.4em;
     3984}
     3985
     3986/* Widget: Nav Menu -------------------------- */
     3987
     3988.widget_nav_menu .widget-content > div > ul {
     3989        margin-left: 0;
     3990}
     3991
     3992/* Widget: Recent Comments ------------------- */
     3993
     3994.widget_recent_comments li {
     3995        font-weight: 700;
     3996}
     3997
     3998.widget_recent_comments a {
     3999        text-decoration: none;
     4000}
     4001
     4002.widget_recent_comments a:focus,
     4003.widget_recent_comments a:hover {
     4004        text-decoration: underline;
     4005}
     4006
     4007/* Widget: Recent Entries -------------------- */
     4008
     4009.widget_recent_entries a {
     4010        font-weight: 700;
     4011        text-decoration: none;
     4012}
     4013
     4014.widget_recent_entries a:focus,
     4015.widget_recent_entries a:hover {
     4016        text-decoration: underline;
     4017}
     4018
     4019/* Widget: RSS ------------------------------- */
     4020
     4021.widget_rss a.rsswidget:first-of-type {
     4022        display: none;
     4023}
     4024
     4025.widget_rss .rsswidget {
     4026        font-weight: 700;
     4027}
     4028
     4029.widget_rss a {
     4030        text-decoration: none;
     4031}
     4032
     4033.widget_rss a:focus,
     4034.widget_rss a:hover {
     4035        text-decoration: underline;
     4036}
     4037
     4038.widget_rss .rssSummary {
     4039        margin-top: 0.5rem;
     4040}
     4041
     4042.widget_rss cite::before {
     4043        content: "— ";
     4044}
     4045
     4046/* Widget: Search ---------------------------- */
     4047
     4048.widget_search .search-field {
     4049        border-color: #dedfdf;
     4050}
     4051
     4052/* Widget: Tag Cloud ------------------------- */
     4053
     4054.widget_tag_cloud a {
     4055        font-weight: 700;
     4056        margin-right: 0.5rem;
     4057        text-decoration: none;
     4058        white-space: nowrap;
     4059}
     4060
     4061.widget_tag_cloud a:focus,
     4062.widget_tag_cloud a:hover {
     4063        text-decoration: underline;
     4064}
     4065
     4066/* Widget: Text ------------------------------ */
     4067
     4068
     4069/* -------------------------------------------------------------------------- */
     4070
     4071/*      16. Site Footer
     4072/* -------------------------------------------------------------------------- */
     4073
     4074
     4075.footer-nav-widgets-wrapper,
     4076#site-footer {
     4077        background-color: #fff;
     4078        border-color: #dedfdf;
     4079        border-style: solid;
     4080        border-width: 0;
     4081}
     4082
     4083.footer-top-visible .footer-nav-widgets-wrapper,
     4084.footer-top-hidden #site-footer {
     4085        margin-top: 5rem;
     4086}
     4087
     4088.reduced-spacing.footer-top-visible .footer-nav-widgets-wrapper,
     4089.reduced-spacing.footer-top-hidden #site-footer {
     4090        border-top-width: 0.1rem;
     4091}
     4092
     4093.footer-top,
     4094.footer-widgets-outer-wrapper,
     4095#site-footer {
     4096        padding: 3rem 0;
     4097}
     4098
     4099
     4100/* Footer Top -------------------------------- */
     4101
     4102.footer-top {
     4103        display: flex;
     4104        border-bottom: 0.1rem solid #dedfdf;
     4105        justify-content: space-between;
     4106}
     4107
     4108/* FOOTER MENU */
     4109
     4110.footer-menu {
     4111        font-size: 1.8rem;
     4112        font-weight: 700;
     4113        letter-spacing: -0.0277em;
     4114}
     4115
     4116.footer-menu li {
     4117        line-height: 1.25;
     4118        margin: 0.25em 0 0 0;
     4119}
     4120
     4121.footer-menu a {
     4122        text-decoration: none;
     4123}
     4124
     4125.footer-menu a:hover,
     4126.footer-menu a:focus {
     4127        text-decoration: underline;
     4128}
     4129
     4130/* FOOTER SOCIAL */
     4131
     4132.footer-social-wrapper {
     4133        margin: 0;
     4134        width: 100%;
     4135}
     4136
     4137.has-footer-menu .footer-social-wrapper {
     4138        flex-shrink: 0;
     4139        margin-left: 1rem;
     4140        width: 50%;
     4141}
     4142
     4143ul.footer-social {
     4144        margin: -0.5rem 0 0 -0.5rem;
     4145}
     4146
     4147.has-footer-menu .footer-social {
     4148        justify-content: flex-end;
     4149}
     4150
     4151ul.footer-social li {
     4152        margin: 0.5rem 0 0 0.5rem;
     4153}
     4154
     4155.footer-social a {
     4156        background-color: #cd2653;
     4157        height: 3.6rem;
     4158        width: 3.6rem;
     4159}
     4160
     4161.footer-social a::before {
     4162        font-size: 1.6rem;
     4163}
     4164
     4165/* Footer Widgets ---------------------------- */
     4166
     4167.footer-widgets-outer-wrapper {
     4168        border-bottom: 0.1rem solid #dedfdf;
     4169}
     4170
     4171.footer-widgets + .footer-widgets {
     4172        margin-top: 3rem;
     4173}
     4174
     4175/* Footer Bottom ----------------------------- */
     4176
     4177#site-footer {
     4178        font-size: 1.6rem;
     4179}
     4180
     4181#site-footer .section-inner {
     4182        align-items: baseline;
     4183        display: flex;
     4184        justify-content: space-between;
     4185}
     4186
     4187#site-footer a {
     4188        text-decoration: none;
     4189}
     4190
     4191#site-footer a:focus,
     4192#site-footer a:hover {
     4193        text-decoration: underline;
     4194}
     4195
     4196.footer-copyright a,
     4197.powered-by-wordpress a {
     4198        color: inherit;
     4199}
     4200
     4201.powered-by-wordpress,
     4202.to-the-top {
     4203        color: #6d6d6d;
     4204}
     4205
     4206a.to-the-top > * {
     4207        pointer-events: none;
     4208}
     4209
     4210.footer-copyright {
     4211        font-weight: 600;
     4212        margin: 0;
     4213}
     4214
     4215.powered-by-wordpress {
     4216        display: none;
     4217        margin: 0 0 0 2.4rem;
     4218}
     4219
     4220.to-the-top-long {
     4221        display: none;
     4222}
     4223
     4224
     4225/* -------------------------------------------------------------------------- */
     4226
     4227/*      17. Media Queries
     4228/* -------------------------------------------------------------------------- */
     4229
     4230@media ( max-width: 479px ) {
     4231
     4232        /* Blocks -------------------------------- */
     4233
     4234        .wp-block-pullquote.alignleft,
     4235        .wp-block-pullquote.alignright {
     4236                float: none;
     4237                margin: 3rem 0;
     4238        }
     4239
     4240        .wp-block-pullquote.alignleft:first-child,
     4241        .wp-block-pullquote.alignright:first-child {
     4242                margin-top: 0;
     4243        }
     4244
     4245        .wp-block-pullquote.alignleft:last-child,
     4246        .wp-block-pullquote.alignright:last-child {
     4247                margin-bottom: 0;
     4248        }
     4249
     4250        /* Entry Content ------------------------- */
     4251
     4252        /* LISTS */
     4253
     4254        ul,
     4255        ol {
     4256                margin: 0 0 3rem 2rem;
     4257        }
     4258
     4259        li {
     4260                margin: 0.5rem 0 0 1rem;
     4261        }
     4262}
     4263
     4264@media ( min-width: 480px ) {
     4265
     4266        /* Blocks -------------------------------- */
     4267
     4268        /* BLOCK: BASE ALIGNMENT WIDTH */
     4269
     4270        .wp-block-pullquote.alignleft,
     4271        .wp-block-pullquote.alignright,
     4272        .wp-block-cover-image.alignleft,
     4273        .wp-block-cover-image.alignright,
     4274        .wp-block-cover.alignleft,
     4275        .wp-block-cover.alignright,
     4276        .wp-block-embed.alignleft,
     4277        .wp-block-embed.alignright,
     4278        .wp-block-gallery.alignleft,
     4279        .wp-block-gallery.alignright {
     4280                max-width: 26rem;
     4281        }
     4282
     4283        /* Entry Content ------------------------- */
     4284
     4285        /* ALIGNMENT CLASSES */
     4286
     4287        .alignleft,
     4288        .alignright {
     4289                max-width: 26rem;
     4290        }
     4291}
     4292
     4293@media ( max-width: 599px ) {
     4294
     4295        /* Blocks -------------------------------- */
     4296
     4297        /* BLOCK: COLUMNS */
     4298
     4299        /* While columns are stacked */
     4300        .wp-block-column:last-child {
     4301                margin-bottom: 0;
     4302        }
     4303
     4304        .wp-block-columns + .wp-block-columns {
     4305                margin-top: 0.2rem;
     4306        }
     4307
     4308        .wp-block-columns.alignwide + .wp-block-columns.alignwide {
     4309                margin-top: -0.8rem;
     4310        }
     4311
     4312        .wp-block-columns.alignfull + .wp-block-columns.alignfull {
     4313                margin-top: -1.8rem;
     4314        }
     4315
     4316}
     4317
     4318@media ( min-width: 600px ) {
     4319
     4320        /* Blocks -------------------------------- */
     4321
     4322        /* BLOCK: COLUMNS */
     4323
     4324        .wp-block-columns.alignwide + .wp-block-columns.alignwide,
     4325        .wp-block-columns.alignfull + .wp-block-columns.alignfull {
     4326                margin-top: -4rem;
     4327        }
     4328
     4329}
     4330
     4331@media ( max-width: 599px ) {
     4332
     4333        /* Blocks -------------------------------- */
     4334
     4335        /* BLOCK: COLUMNS */
     4336
     4337        .alignfull .wp-block-column > p:not(.has-background-color),
     4338        .alignfull:not(.has-background) .wp-block-group__inner-container > p:not(.has-background-color) {
     4339                max-width: calc(100% - 4rem);
     4340                margin: auto;
     4341        }
     4342}
     4343
     4344@media ( min-width: 600px ) {
     4345
     4346        /* Blocks -------------------------------- */
     4347
     4348        /* BLOCK: COLUMNS */
     4349
     4350        .alignfull .wp-block-column:nth-child(odd) > p:not(.has-background-color),
     4351        .alignfull:not(.has-background) .wp-block-group__inner-container > p:not(.has-background-color) {
     4352                padding-left: 2rem;
     4353        }
     4354
     4355        .alignfull .wp-block-column:nth-child(even) > p:not(.has-background-color),
     4356        .alignfull:not(.has-background) .wp-block-group__inner-container > p:not(.has-background-color) {
     4357                padding-right: 2rem;
     4358        }
     4359}
     4360
     4361@media ( min-width: 660px ) {
     4362
     4363        /* Blocks -------------------------------- */
     4364
     4365        /* BLOCK: GALLERY */
     4366
     4367        figure.wp-block-gallery.alignleft {
     4368
     4369                /*rtl:ignore*/
     4370                margin-left: calc(( 100vw - 58rem - 8rem ) / -2);
     4371        }
     4372
     4373        figure.wp-block-gallery.alignright {
     4374
     4375                /*rtl:ignore*/
     4376                margin-right: calc(( 100vw - 58rem - 8rem ) / -2);
     4377        }
     4378
     4379        /* Entry Content ------------------------- */
     4380
     4381        /* ALIGNMENT CLASSES */
     4382
     4383        .entry-content .alignleft {
     4384
     4385                /*rtl:ignore*/
     4386                margin-left: calc(( 100vw - 58rem - 8rem ) / -2);
     4387        }
     4388
     4389        .entry-content .alignright {
     4390
     4391                /*rtl:ignore*/
     4392                margin-right: calc(( 100vw - 58rem - 8rem ) / -2);
     4393        }
     4394
     4395}
     4396
     4397@media ( min-width: 700px ) {
     4398
     4399        /* Element Base ------------------------- */
     4400
     4401        ul,
     4402        ol {
     4403                margin-bottom: 4rem;
     4404        }
     4405
     4406        pre {
     4407                padding: 3rem;
     4408        }
     4409
     4410        hr {
     4411                margin: 8rem 0;
     4412        }
     4413
     4414        table {
     4415                font-size: 1.8rem;
     4416        }
     4417
     4418        /* VANILLA GALLERIES */
     4419
     4420        .gallery-columns-2 .gallery-item {
     4421                max-width: 50%;
     4422        }
     4423
     4424        .gallery-columns-3 .gallery-item {
     4425                max-width: 33.33%;
     4426        }
     4427
     4428        .gallery-columns-4 .gallery-item {
     4429                max-width: 25%;
     4430        }
     4431
     4432        .gallery-columns-5 .gallery-item {
     4433                max-width: 20%;
     4434        }
     4435
     4436        .gallery-columns-6 .gallery-item {
     4437                max-width: 16.66%;
     4438        }
     4439
     4440        .gallery-columns-7 .gallery-item {
     4441                max-width: 14.28%;
     4442        }
     4443
     4444        .gallery-columns-8 .gallery-item {
     4445                max-width: 12.5%;
     4446        }
     4447
     4448        .gallery-columns-9 .gallery-item {
     4449                max-width: 11.11%;
     4450        }
     4451
     4452        /* TITLES */
     4453
     4454        h1,
     4455        .heading-size-1,
     4456        h2,
     4457        .heading-size-2,
     4458        h3,
     4459        .heading-size-3 {
     4460                margin: 6rem 0 3rem;
     4461        }
     4462
     4463        h4,
     4464        .heading-size-4,
     4465        h5,
     4466        .heading-size-5,
     4467        h6,
     4468        .heading-size-6 {
     4469                margin: 4.5rem 0 2.5rem;
     4470        }
     4471
     4472        h1,
     4473        .heading-size-1 {
     4474                font-size: 6.4rem;
     4475        }
     4476
     4477        h2,
     4478        .heading-size-2 {
     4479                font-size: 4.8rem;
     4480        }
     4481
     4482        h3,
     4483        .heading-size-3 {
     4484                font-size: 4rem;
     4485        }
     4486
     4487        h4,
     4488        .heading-size-4 {
     4489                font-size: 3.2rem;
     4490        }
     4491
     4492        h5,
     4493        .heading-size-5 {
     4494                font-size: 2.4rem;
     4495        }
     4496
     4497        h6,
     4498        .heading-size-6 {
     4499                font-size: 1.8rem;
     4500        }
     4501
     4502        /* INPUTS */
     4503
     4504        fieldset {
     4505                padding: 3rem;
     4506        }
     4507
     4508        legend {
     4509                padding: 0 1.5rem;
     4510        }
     4511
     4512        button,
     4513        .button,
     4514        .faux-button,
     4515        .wp-block-button__link,
     4516        input[type="button"],
     4517        input[type="reset"],
     4518        input[type="submit"] {
     4519                font-size: 1.7rem;
     4520        }
     4521
     4522        /* MEDIA */
     4523
     4524        figcaption,
     4525        .wp-caption-text {
     4526                margin-top: 1.8rem;
     4527        }
     4528
     4529
     4530        /* Helper Classes ------------------------- */
     4531
     4532        /* SECTIONS */
     4533
     4534        section {
     4535                padding: 8rem 0;
     4536        }
     4537
     4538        .section-inner {
     4539                width: calc(100% - 8rem);
     4540        }
     4541
     4542
     4543        /* Site Header --------------------------- */
     4544
     4545        .header-inner {
     4546                padding: 3.8rem 0;
     4547        }
     4548
     4549        .site-title {
     4550                font-size: 2.4rem;
     4551                font-weight: 700;
     4552        }
     4553
     4554        .site-description {
     4555                display: block;
     4556        }
     4557
     4558        .site-logo img {
     4559                max-height: 9rem;
     4560                transition: height 0.15s linear, width 0.15s linear, max-height 0.15s linear;
     4561        }
     4562
     4563        /* HEADER TOGGLES */
     4564
     4565        .toggle-inner .toggle-text {
     4566                font-size: 1.2rem;
     4567        }
     4568
     4569        .search-toggle {
     4570                left: 2rem;
     4571        }
     4572
     4573        .nav-toggle {
     4574                right: 2rem;
     4575        }
     4576
     4577
     4578        /* Menu Modal ---------------------------- */
     4579
     4580        button.close-nav-toggle {
     4581                font-size: 1.8rem;
     4582                padding: 4rem 0;
     4583        }
     4584
     4585        button.close-nav-toggle svg {
     4586                height: 2rem;
     4587                width: 2rem;
     4588        }
     4589
     4590        button.close-nav-toggle .toggle-text {
     4591                margin-right: 2.1rem;
     4592        }
     4593
     4594        .modal-menu {
     4595                left: auto;
     4596                width: 100%;
     4597        }
     4598
     4599        .modal-menu > li > a,
     4600        .modal-menu > li > .ancestor-wrapper > a {
     4601                font-size: 2.4rem;
     4602                padding: 2.5rem 0;
     4603        }
     4604
     4605        .modal-menu ul li {
     4606                border-left-color: transparent;
     4607        }
     4608
     4609        .modal-menu > li > .ancestor-wrapper > button.sub-menu-toggle {
     4610                padding: 0 3rem;
     4611        }
     4612
     4613        .modal-menu > li > .ancestor-wrapper > button.sub-menu-toggle svg {
     4614                height: 1.1rem;
     4615                width: 1.8rem;
     4616        }
     4617
     4618        .menu-bottom {
     4619                align-items: center;
     4620                display: flex;
     4621                justify-content: space-between;
     4622                padding: 4.4rem 0;
     4623        }
     4624
     4625        .menu-copyright {
     4626                display: block;
     4627                flex-shrink: 0;
     4628                margin-right: 4rem;
     4629        }
     4630
     4631        /* Modal Search Form ------------------------- */
     4632
     4633        .search-modal form {
     4634                position: relative;
     4635                width: 100%;
     4636        }
     4637
     4638        .search-untoggle svg {
     4639                height: 2.5rem;
     4640                width: 2.5rem;
     4641        }
     4642
     4643        .search-modal .search-field {
     4644                border: none;
     4645                font-size: 3.2rem;
     4646                height: 14rem;
     4647        }
     4648
     4649        .search-modal .search-field::-moz-placeholder {
     4650                line-height: 4.375;
     4651        }
     4652
     4653        /* Sub Page ------------------------------ */
     4654
     4655        /* FEATURED MEDIA */
     4656
     4657        .featured-media figcaption {
     4658                margin: 2rem auto 0 auto;
     4659                width: calc(100% - 8rem);
     4660        }
     4661
     4662        /* Template: Cover Template -------------- */
     4663
     4664        .cover-header-inner {
     4665                padding: 18rem 0 8rem 0;
     4666        }
     4667
     4668        .to-the-content-wrapper {
     4669                top: calc(100% + 1.8rem);
     4670        }
     4671
     4672        .to-the-content {
     4673                height: 6rem;
     4674        }
     4675
     4676        .to-the-content svg {
     4677                height: 2.4rem;
     4678                width: 2.12rem;
     4679        }
     4680
     4681        /* Post: Archive ------------------------- */
     4682
     4683        .archive-header {
     4684                padding: 8rem 0;
     4685        }
     4686
     4687        .reduced-spacing .archive-header {
     4688                padding-bottom: 3rem;
     4689        }
     4690
     4691        .archive-title {
     4692                font-size: 3.2rem;
     4693        }
     4694
     4695        body:not(.singular) main > article:first-of-type {
     4696                padding: 8rem 0 0;
     4697        }
     4698
     4699        h2.entry-title {
     4700                font-size: 6.4rem;
     4701        }
     4702
     4703        /* SEARCH RESULTS */
     4704
     4705        .no-search-results-form {
     4706                padding-top: 8rem;
     4707        }
     4708
     4709        /* Post: Single -------------------------- */
     4710
     4711        /* POST HEADER */
     4712
     4713        .singular .entry-header {
     4714                padding: 8rem 0;
     4715        }
     4716
     4717        .entry-categories {
     4718                margin-bottom: 3rem;
     4719        }
     4720
     4721        .entry-categories-inner {
     4722                margin: -1rem 0 0 -2rem;
     4723        }
     4724
     4725        .entry-categories a {
     4726                font-size: 1.5rem;
     4727                margin: 1rem 0 0 2rem;
     4728        }
     4729
     4730        .intro-text {
     4731                font-size: 2rem;
     4732                margin-top: 2.5rem;
     4733        }
     4734
     4735        .singular .intro-text {
     4736                font-size: 2.6rem;
     4737        }
     4738
     4739        .post-meta-wrapper {
     4740                margin-top: 3rem;
     4741        }
     4742
     4743        .post-meta {
     4744                font-size: 1.6rem;
     4745                margin: -1.4rem 0 0 -3rem;
     4746        }
     4747
     4748        .post-meta li {
     4749                margin: 1.4rem 0 0 3rem;
     4750                max-width: calc(100% - 3rem);
     4751        }
     4752
     4753        .featured-media {
     4754                margin-top: 6rem;
     4755        }
     4756
     4757        .post-inner {
     4758                padding-top: 8rem;
     4759        }
     4760
     4761        /* POST FOOTER */
     4762
     4763        .post-meta-wrapper.post-meta-single-bottom {
     4764                margin-top: 4rem;
     4765        }
     4766
     4767        /* AUTHOR BIO */
     4768
     4769        .author-bio {
     4770                margin-top: 8rem;
     4771                min-height: 8rem;
     4772                padding-left: 10rem;
     4773                position: relative;
     4774        }
     4775
     4776        .author-bio .avatar {
     4777                position: absolute;
     4778                left: 0;
     4779                top: 0;
     4780                height: 8rem;
     4781                width: 8rem;
     4782        }
     4783
     4784        /* SINGLE PAGINATION */
     4785
     4786        .pagination-single {
     4787                font-size: 2.4rem;
     4788                margin-top: 8rem;
     4789        }
     4790
     4791        .pagination-single-inner {
     4792                flex-direction: row;
     4793                justify-content: space-between;
     4794        }
     4795
     4796        .pagination-single.only-next .pagination-single-inner {
     4797                justify-content: flex-end;
     4798        }
     4799
     4800        .pagination-single hr:first-child {
     4801                margin: 0 0 4rem 0;
     4802        }
     4803
     4804        .pagination-single hr:last-child {
     4805                margin: 4rem 0 0 0;
     4806        }
     4807
     4808        .pagination-single a + a {
     4809                margin: 0 0 0 4rem;
     4810        }
     4811
     4812        .pagination-single a .arrow {
     4813                margin: 0 2rem 0 0;
     4814        }
     4815
     4816        .pagination-single .next-post {
     4817                flex-direction: row-reverse;
     4818                text-align: right;
     4819        }
     4820
     4821        .pagination-single .next-post .arrow {
     4822                margin: 0 0 0 2rem;
     4823        }
     4824
     4825        /* Blocks -------------------------------- */
     4826
     4827        /* BLOCK: SHARED MEDIA STYLES */
     4828
     4829        .wp-block-embed figcaption,
     4830        .wp-block-image figcaption {
     4831                font-size: 1.6rem;
     4832        }
     4833
     4834        /* BLOCK: BASE MARGINS */
     4835
     4836        .wp-block-archives,
     4837        .wp-block-categories,
     4838        .wp-block-code,
     4839        .wp-block-columns,
     4840        .wp-block-cover,
     4841        .wp-block-embed,
     4842        .wp-block-gallery,
     4843        .wp-block-group,
     4844        .wp-block-latest-comments,
     4845        .wp-block-latest-posts,
     4846        .wp-block-media-text,
     4847        .wp-block-preformatted,
     4848        .wp-block-pullquote,
     4849        .wp-block-quote,
     4850        .wp-block-quote.is-large,
     4851        .wp-block-quote.is-style-large,
     4852        .wp-block-verse,
     4853        .wp-block-video {
     4854                margin-bottom: 5rem;
     4855                margin-top: 5rem;
     4856        }
     4857
     4858        /* BLOCK: COLUMNS */
     4859
     4860        .wp-block-columns.alignwide + .wp-block-columns.alignwide,
     4861        .wp-block-columns.alignfull + .wp-block-columns.alignfull {
     4862                margin-top: -6rem;
     4863        }
     4864
     4865        .entry-content .wp-block-columns h1,
     4866        .entry-content .wp-block-columns h2,
     4867        .entry-content .wp-block-columns h3,
     4868        .entry-content .wp-block-columns h4,
     4869        .entry-content .wp-block-columns h5,
     4870        .entry-content .wp-block-columns h6 {
     4871                margin: 3.5rem 0 2rem;
     4872        }
     4873
     4874        /* BLOCK: COVER */
     4875
     4876        .wp-block-cover-image .wp-block-cover__inner-container,
     4877        .wp-block-cover .wp-block-cover__inner-container {
     4878                width: calc(100% - 8rem);
     4879        }
     4880
     4881        .wp-block-cover-image h2,
     4882        .wp-block-cover h2 {
     4883                font-size: 4.8rem;
     4884        }
     4885
     4886        /* BLOCK: GALLERY */
     4887
     4888        figure.wp-block-gallery.alignnone,
     4889        figure.wp-block-gallery.aligncenter {
     4890                margin-bottom: 4rem;
     4891                margin-top: 4rem;
     4892        }
     4893
     4894        figure.wp-block-gallery.alignwide,
     4895        figure.wp-block-gallery.alignfull {
     4896                margin-bottom: 6rem;
     4897                margin-top: 6rem;
     4898        }
     4899
     4900        /* BLOCK: GROUP */
     4901
     4902        .wp-block-group.has-background {
     4903                padding: 4rem;
     4904        }
     4905
     4906        /* BLOCK: MEDIA AND TEXT */
     4907
     4908        .wp-block-media-text .wp-block-media-text__content {
     4909                padding: 4rem;
     4910        }
     4911
     4912        /* BLOCK: PULLQUOTE */
     4913
     4914        .wp-block-pullquote blockquote p {
     4915                font-size: 3.2rem;
     4916        }
     4917
     4918        .wp-block-pullquote cite {
     4919                margin-top: 2rem;
     4920        }
     4921
     4922        .wp-block-pullquote.alignfull:not(.is-style-solid-color) {
     4923                padding-left: 1rem;
     4924                padding-right: 1rem;
     4925        }
     4926
     4927        .wp-block-pullquote.alignwide::before,
     4928        .wp-block-pullquote.alignfull::before {
     4929                font-size: 11.272727272rem;
     4930                height: 8rem;
     4931                margin-bottom: 2rem;
     4932                width: 8rem;
     4933        }
     4934
     4935        .wp-block-pullquote.alignwide blockquote p,
     4936        .wp-block-pullquote.alignfull blockquote p {
     4937                font-size: 4.8rem;
     4938                line-height: 1.203125;
     4939        }
     4940
     4941        .wp-block-pullquote.alignleft p,
     4942        .wp-block-pullquote.alignright p,
     4943        .wp-block-pullquote.alignleft.is-style-solid-color blockquote p,
     4944        .wp-block-pullquote.alignright.is-style-solid-color blockquote p {
     4945                font-size: 3.2rem;
     4946                line-height: 1.1875;
     4947        }
     4948
     4949        .wp-block-pullquote.is-style-solid-color.alignwide,
     4950        .wp-block-pullquote.is-style-solid-color.alignfull {
     4951                padding: 6rem 4rem 4rem;
     4952        }
     4953
     4954        .wp-block-pullquote.alignleft.is-style-solid-color blockquote p,
     4955        .wp-block-pullquote.alignright.is-style-solid-color blockquote p {
     4956                font-size: 2.6rem;
     4957        }
     4958
     4959        /* BLOCK: QUOTE */
     4960
     4961        .wp-block-quote.is-large p,
     4962        .wp-block-quote.is-style-large p {
     4963                font-size: 2.8rem;
     4964        }
     4965
     4966        /* BLOCK: SEPARATOR */
     4967
     4968        hr.wp-block-separator {
     4969                margin: 6rem 0;
     4970        }
     4971
     4972        .wp-block-separator.is-style-wide {
     4973                max-width: calc(100vw - 8rem);
     4974                left: calc(50% - 50vw + 4rem);
     4975                width: calc(100vw - 8rem);
     4976        }
     4977
     4978        /* Entry Content ------------------------- */
     4979
     4980        .entry-content {
     4981                font-size: 2.1rem;
     4982        }
     4983
     4984        .entry-content p,
     4985        .entry-content li {
     4986                line-height: 1.476;
     4987        }
     4988
     4989        .entry-content h1,
     4990        .entry-content h2,
     4991        .entry-content h3 {
     4992                margin: 6rem 0 3rem;
     4993        }
     4994
     4995        .entry-content h4,
     4996        .entry-content h5,
     4997        .entry-content h6 {
     4998                margin: 4.5rem 0 2.5rem;
     4999        }
     5000
     5001        /* ALIGNMENT CLASSES */
     5002
     5003        .alignnone,
     5004        .aligncenter {
     5005                margin-bottom: 4rem;
     5006                margin-top: 4rem;
     5007        }
     5008
     5009        .alignwide,
     5010        .alignfull {
     5011                margin-bottom: 6rem;
     5012                margin-top: 6rem;
     5013        }
     5014
     5015        .entry-content > .alignwide {
     5016                max-width: calc(100vw - 8rem);
     5017                left: calc(50% - 50vw + 4rem);
     5018                width: calc(100vw - 8rem);
     5019        }
     5020
     5021        /* ENTRY MEDIA */
     5022
     5023        .alignfull > figcaption,
     5024        .alignfull > .wp-caption-text {
     5025                width: calc(100% - 8rem);
     5026        }
     5027
     5028        /* Comments ------------------------------ */
     5029
     5030        .comments-wrapper {
     5031                margin-top: 8rem;
     5032        }
     5033
     5034        .comment-reply-title {
     5035                margin-bottom: 4.6rem;
     5036        }
     5037
     5038        .comment-respond p.comment-notes,
     5039        .comment-respond p.logged-in-as {
     5040                font-size: 1.8rem;
     5041                letter-spacing: -0.025em;
     5042                margin: -2.5rem 0 4.4rem 0;
     5043        }
     5044
     5045        .comments .comment,
     5046        .comments .pingback,
     5047        .comments .trackback,
     5048        .comments .review {
     5049                padding-top: 5rem;
     5050        }
     5051
     5052        div.comment:first-of-type {
     5053                margin-top: 5rem;
     5054        }
     5055
     5056        .comment-meta {
     5057                margin-bottom: 2rem;
     5058                min-height: 6rem;
     5059                padding: 0.3rem 0 0 7.5rem;
     5060        }
     5061
     5062        .comment-meta .avatar {
     5063                display: block;
     5064                height: 6rem;
     5065                position: absolute;
     5066                left: 0;
     5067                top: 0;
     5068                width: 6rem;
     5069        }
     5070
     5071        .comment-author {
     5072                font-size: 2.4rem;
     5073        }
     5074
     5075        .comment-metadata {
     5076                font-size: 1.6rem;
     5077                margin-top: 0.8rem;
     5078        }
     5079
     5080        .comment-footer-meta {
     5081                margin-top: 2.5rem;
     5082        }
     5083
     5084        .comments-pagination {
     5085                margin-top: 8rem;
     5086        }
     5087
     5088        /* PINGBACKS & TRACKBACKS */
     5089
     5090        .pingback .comment-body {
     5091                padding: 0;
     5092        }
     5093
     5094        /* COMMENT RESPOND */
     5095
     5096        .comment-respond p {
     5097                margin-bottom: 2.5rem;
     5098        }
     5099
     5100        .comment-form p.logged-in-as {
     5101                margin: -2.5rem 0 4.4rem 0;
     5102        }
     5103
     5104        .comment-respond .comment-form-author,
     5105        .comment-respond .comment-form-email {
     5106                float: left;
     5107                width: calc(50% - 1rem);
     5108        }
     5109
     5110        .comment-respond .comment-form-email {
     5111                margin-left: 2rem;
     5112        }
     5113
     5114        .comments .comment-respond {
     5115                padding: 5rem 0 0;
     5116        }
     5117
     5118        .comment-reply-title small {
     5119                display: inline;
     5120                margin: 0 0 0 0.5rem;
     5121        }
     5122
     5123        /* Site Pagination ----------------------- */
     5124
     5125        .pagination-separator {
     5126                margin: 8rem 0;
     5127        }
     5128
     5129        /* Display the full text for Newer and Older Posts. */
     5130
     5131        .nav-short {
     5132                display: inline;
     5133        }
     5134
     5135        .pagination .nav-links {
     5136                font-size: 2.4rem;
     5137                font-weight: 700;
     5138                margin: -2.5rem 0 0 -4rem;
     5139        }
     5140
     5141        .nav-links > * {
     5142                margin: 2.5rem 0 0 4rem;
     5143        }
     5144
     5145
     5146        /* Error 404 ----------------------------- */
     5147
     5148        .error404 #site-content {
     5149                padding-top: 8rem;
     5150        }
     5151
     5152        /* Widgets ------------------------------- */
     5153
     5154        .widget .widget-title {
     5155                margin-bottom: 3rem;
     5156        }
     5157
     5158        /* Site Footer --------------------------- */
     5159
     5160        .footer-top-visible .footer-nav-widgets-wrapper,
     5161        .footer-top-hidden #site-footer {
     5162                margin-top: 8rem;
     5163        }
     5164
     5165        /* FOOTER TOP */
     5166
     5167        .footer-top {
     5168                padding: 3.7rem 0;
     5169        }
     5170
     5171        .footer-menu {
     5172                font-size: 2.4rem;
     5173                margin: -0.8rem 0 0 -1.6rem;
     5174        }
     5175
     5176        .footer-menu li {
     5177                margin: 0.8rem 0 0 1.6rem;
     5178        }
     5179
     5180        .has-footer-menu .footer-social-wrapper {
     5181                flex: 1;
     5182                margin-left: 4rem;
     5183                width: auto;
     5184        }
     5185
     5186        /* FOOTER WIDGETS */
     5187
     5188        .footer-widgets-outer-wrapper {
     5189                padding: 8rem 0;
     5190        }
     5191
     5192        .footer-widgets-wrapper {
     5193                display: flex;
     5194                justify-content: space-between;
     5195                margin-left: -4rem;
     5196                width: calc(100% + 4rem);
     5197        }
     5198
     5199        .footer-widgets {
     5200                margin-left: 4rem;
     5201                width: 50%;
     5202        }
     5203
     5204        .footer-widgets + .footer-widgets {
     5205                margin-top: 0;
     5206        }
     5207
     5208        .footer-widgets .widget {
     5209                border-top: none;
     5210                margin-top: 5rem;
     5211                padding-top: 0;
     5212        }
     5213
     5214        .footer-widgets .widget:first-child {
     5215                margin-top: 0;
     5216        }
     5217
     5218        /* FOOTER BOTTOM */
     5219
     5220        #site-footer {
     5221                font-size: 1.8rem;
     5222                padding: 4.3rem 0;
     5223        }
     5224
     5225        .footer-credits {
     5226                display: flex;
     5227        }
     5228
     5229        .footer-copyright {
     5230                font-weight: 700;
     5231        }
     5232
     5233        .powered-by-wordpress {
     5234                display: block;
     5235        }
     5236
     5237        .to-the-top-long {
     5238                display: inline;
     5239        }
     5240
     5241        .to-the-top-short {
     5242                display: none;
     5243        }
     5244
     5245}
     5246
     5247@media (min-width: 782px) {
     5248
     5249        /* Blocks -------------------------------- */
     5250
     5251        /* BLOCK: COLUMNS */
     5252
     5253        .alignfull .wp-block-column:first-child > p,
     5254        .alignfull:not(.has-background) .wp-block-group__inner-container > p:not(.has-background-color) {
     5255                padding-left: 2rem;
     5256        }
     5257
     5258        .alignfull .wp-block-column:last-child > p,
     5259        .alignfull:not(.has-background) .wp-block-group__inner-container > p:not(.has-background-color) {
     5260                padding-right: 2rem;
     5261        }
     5262}
     5263
     5264@media ( min-width: 1000px ) {
     5265
     5266
     5267        /* Document Setup ------------------------ */
     5268
     5269        /* Helper Classes ------------------------ */
     5270
     5271        /* Site Header --------------------------- */
     5272
     5273        #site-header {
     5274                z-index: 1;
     5275        }
     5276
     5277        .header-inner {
     5278                align-items: center;
     5279                display: flex;
     5280                justify-content: space-between;
     5281                padding: 2.8rem 0;
     5282        }
     5283
     5284        .header-titles-wrapper {
     5285                margin-right: 4rem;
     5286                max-width: 50%;
     5287                padding: 0;
     5288                text-align: left;
     5289        }
     5290
     5291        .header-titles {
     5292                align-items: baseline;
     5293                display: flex;
     5294                flex-wrap: wrap;
     5295                justify-content: flex-start;
     5296                margin: -1rem 0 0 -2.4rem;
     5297        }
     5298
     5299        .header-titles .site-title,
     5300        .header-titles .site-logo,
     5301        .header-titles .site-description {
     5302                margin: 1rem 0 0 2.4rem;
     5303        }
     5304
     5305        .wp-custom-logo .header-titles {
     5306                align-items: center;
     5307        }
     5308
     5309        /* HEADER NAVIGATION */
     5310
     5311        .header-navigation-wrapper {
     5312                align-items: center;
     5313                display: flex;
     5314        }
     5315
     5316        .primary-menu-wrapper {
     5317                display: block;
     5318                width: 100%;
     5319        }
     5320
     5321        /* HEADER TOGGLES */
     5322
     5323        .mobile-search-toggle,
     5324        .mobile-nav-toggle {
     5325                display: none !important;
     5326        }
     5327
     5328        .primary-menu-wrapper + .header-toggles {
     5329                margin-left: 3rem;
     5330        }
     5331
     5332        .header-toggles {
     5333                display: flex;
     5334                flex-shrink: 0;
     5335                margin-right: -3rem;
     5336        }
     5337
     5338        .header-inner .toggle {
     5339                height: 4.4rem;
     5340                padding: 0 3rem;
     5341                position: relative;
     5342                bottom: auto;
     5343                left: auto;
     5344                right: auto;
     5345                top: auto;
     5346                width: auto;
     5347        }
     5348
     5349        .header-inner .toggle-wrapper {
     5350                position: relative;
     5351        }
     5352
     5353        .header-inner .toggle-wrapper::before {
     5354                background: #dedfdf;
     5355                content: "";
     5356                display: block;
     5357                height: 2.7rem;
     5358                position: absolute;
     5359                left: 0;
     5360                top: calc(50% - 1.35rem);
     5361                width: 0.1rem;
     5362        }
     5363
     5364        .header-inner .toggle-wrapper:first-child::before {
     5365                content: none;
     5366        }
     5367
     5368        .header-inner .primary-menu-wrapper + .header-toggles .toggle-wrapper:first-child::before {
     5369                content: "";
     5370        }
     5371
     5372        .nav-toggle-wrapper:not(.has-expanded-menu) {
     5373                display: none;
     5374        }
     5375
     5376        .toggle-inner {
     5377                position: static;
     5378        }
     5379
     5380        .toggle-inner .toggle-text {
     5381                left: 0;
     5382                right: 0;
     5383                text-align: center;
     5384                top: calc(100% - 0.3rem);
     5385                width: auto;
     5386        }
     5387
     5388        .header-toggles:only-child .nav-toggle .toggle-inner {
     5389                padding-top: 0;
     5390        }
     5391
     5392        .header-toggles:only-child .toggle-inner {
     5393                display: flex;
     5394                flex-wrap: nowrap;
     5395                align-items: center;
     5396        }
     5397
     5398        .header-toggles:only-child .toggle-inner .svg-icon {
     5399                order: 1;
     5400        }
     5401
     5402        .header-toggles:only-child .toggle-inner .toggle-text {
     5403                position: static;
     5404                padding-right: 20px;
     5405                font-size: 15px;
     5406                color: inherit;
     5407        }
     5408
     5409        /* Menu Modal ---------------------------- */
     5410
     5411        .menu-modal {
     5412                opacity: 1;
     5413                justify-content: flex-end;
     5414                padding: 0;
     5415                transition: background-color 0.3s ease-in, left 0s 0.3s, right 0s 0.3s;
     5416        }
     5417
     5418        .menu-modal.cover-modal {
     5419                background: rgba(0, 0, 0, 0);
     5420        }
     5421
     5422        .menu-modal.active {
     5423                background: rgba(0, 0, 0, 0.2);
     5424                transition: background-color 0.3s ease-out;
     5425        }
     5426
     5427        .menu-wrapper.section-inner {
     5428                width: calc(100% - 8rem);
     5429        }
     5430
     5431        .menu-modal-inner {
     5432                box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.1);
     5433                opacity: 0;
     5434                padding: 0;
     5435                transform: translateX(20rem);
     5436                transition: transform 0.2s ease-in, opacity 0.2s ease-in;
     5437                width: 50rem;
     5438        }
     5439
     5440        .menu-modal.active .menu-modal-inner {
     5441                opacity: 1;
     5442                transform: translateX(0);
     5443                transition-timing-function: ease-out;
     5444        }
     5445
     5446        .mobile-menu {
     5447                display: none;
     5448        }
     5449
     5450        .expanded-menu {
     5451                display: block;
     5452        }
     5453
     5454        .menu-bottom {
     5455                padding: 6rem 0;
     5456        }
     5457
     5458        .menu-bottom .social-menu {
     5459                justify-content: flex-start;
     5460        }
     5461
     5462        /* Sub Page ------------------------------ */
     5463
     5464        /* FEATURED MEDIA */
     5465
     5466        .featured-media figcaption {
     5467                width: 100%;
     5468        }
     5469
     5470        /* Template: [Template Name] ------------- */
     5471
     5472        /* Post: Archive ------------------------- */
     5473
     5474        /* Post: Single -------------------------- */
     5475
     5476        .singular .intro-text {
     5477                font-size: 2.8rem;
     5478        }
     5479
     5480        /* Blocks -------------------------------- */
     5481
     5482        /* BLOCK: COLUMNS */
     5483
     5484        .wp-block-columns.alignwide + .wp-block-columns.alignwide,
     5485        .wp-block-columns.alignfull + .wp-block-columns.alignfull {
     5486                margin-top: -5.2rem;
     5487        }
     5488
     5489        /* BLOCK: GALLERY */
     5490
     5491        figure.wp-block-gallery.alignwide,
     5492        figure.wp-block-gallery.alignfull {
     5493                margin-bottom: 8rem;
     5494                margin-top: 8rem;
     5495        }
     5496
     5497        /* BLOCK: GROUP */
     5498
     5499        .wp-block-group.alignwide.has-background,
     5500        .wp-block-group.alignfull.has-background {
     5501                padding: 8rem 4rem;
     5502        }
     5503
     5504        /* BLOCK: SEPARATOR */
     5505
     5506        hr.wp-block-separator {
     5507                margin: 8rem 0;
     5508        }
     5509
     5510        /* Entry Content ------------------------- */
     5511
     5512        /* ALIGNMENT CLASSES */
     5513
     5514        .alignwide,
     5515        .alignfull {
     5516                margin-bottom: 8rem;
     5517                margin-top: 8rem;
     5518        }
     5519
     5520        /* ENTRY MEDIA */
     5521
     5522        .alignfull > figcaption,
     5523        .alignfull > .wp-caption-text {
     5524                width: calc(100% - 10rem);
     5525        }
     5526
     5527        /* Comments ------------------------------ */
     5528
     5529        .comment-meta {
     5530                padding-left: 0;
     5531        }
     5532
     5533        .comment-meta .avatar {
     5534                left: -8rem;
     5535        }
     5536
     5537        /* Site Pagination ----------------------- */
     5538
     5539        .pagination .nav-links {
     5540                justify-content: space-between;
     5541                margin: 0;
     5542                width: 100%;
     5543        }
     5544
     5545        .nav-links > * {
     5546                margin: 0 2rem;
     5547        }
     5548
     5549        .pagination .next,
     5550        .pagination .prev {
     5551                display: block;
     5552        }
     5553
     5554        .pagination .prev {
     5555                margin: 0 auto 0 0;
     5556        }
     5557
     5558        .pagination .next {
     5559                text-align: right;
     5560                margin: 0 0 0 auto;
     5561        }
     5562
     5563        /* Site Footer --------------------------- */
     5564
     5565        /* FOOTER TOP */
     5566
     5567        .footer-top {
     5568                align-items: center;
     5569        }
     5570
     5571        .footer-menu {
     5572                align-items: baseline;
     5573                display: flex;
     5574                justify-content: flex-start;
     5575                flex-wrap: wrap;
     5576                font-size: 2.1rem;
     5577                margin: -1.2rem 0 0 -2.4rem;
     5578        }
     5579
     5580        .footer-menu li {
     5581                margin: 1.2rem 0 0 2.4rem;
     5582        }
     5583}
     5584
     5585
     5586@media ( min-width: 1220px ) {
     5587
     5588        /* Element Base -------------------------- */
     5589
     5590        /* TITLES */
     5591
     5592        h1,
     5593        .heading-size-1 {
     5594                font-size: 8.4rem;
     5595        }
     5596
     5597        /* Helper Classes ------------------------ */
     5598
     5599        /* Site Header --------------------------- */
     5600
     5601        /* PRIMARY MENU */
     5602
     5603        ul.primary-menu {
     5604                margin: -0.8rem 0 0 -2.5rem;
     5605        }
     5606
     5607        .primary-menu > li {
     5608                margin: 0.8rem 0 0 2.5rem;
     5609        }
     5610
     5611        /* HEADER TOGGLES */
     5612
     5613        .primary-menu-wrapper + .header-toggles {
     5614                margin-left: 4rem;
     5615        }
     5616
     5617        .header-toggles {
     5618                margin-right: -4rem;
     5619        }
     5620
     5621        .header-toggles .toggle {
     5622                padding: 0 4rem;
     5623        }
     5624
     5625        /* Menu Modal ---------------------------- */
     5626
     5627        /* Search Modal -------------------------- */
     5628
     5629        /* Sub Page ------------------------------ */
     5630
     5631        /* Template: Cover Template -------------- */
     5632
     5633        .cover-header + .post-inner {
     5634                padding-top: 10rem;
     5635        }
     5636
     5637        /* Post: Archive ------------------------- */
     5638
     5639        /* Post: Single -------------------------- */
     5640
     5641        .singular .intro-text {
     5642                font-size: 3.2rem;
     5643                letter-spacing: -0.03125em;
     5644                line-height: 1.375;
     5645        }
     5646
     5647        /* Blocks -------------------------------- */
     5648
     5649        /* BLOCK: COLUMNS */
     5650
     5651        .wp-block-columns.alignfull + .wp-block-columns.alignfull {
     5652                margin-top: -6rem;
     5653        }
     5654
     5655        /* BLOCK: GALLERY */
     5656
     5657        figure.wp-block-gallery.alignfull {
     5658                margin-bottom: 10rem;
     5659                margin-top: 10rem;
     5660        }
     5661
     5662        /* BLOCK: GROUP */
     5663
     5664        .wp-block-group.alignwide.has-background,
     5665        .wp-block-group.alignfull.has-background {
     5666                padding: 8rem 6rem;
     5667        }
     5668
     5669        /* BLOCK: PULLQUOTE */
     5670
     5671        .wp-block-pullquote.alignwide blockquote p,
     5672        .wp-block-pullquote.alignfull blockquote p {
     5673                font-size: 6.4rem;
     5674        }
     5675
     5676        .wp-block-pullquote.is-style-solid-color.alignwide,
     5677        .wp-block-pullquote.is-style-solid-color.alignfull {
     5678                padding: 9rem 4rem 8rem;
     5679        }
     5680
     5681        /* Entry Content ------------------------- */
     5682
     5683        /* ALIGNMENT CLASSES */
     5684
     5685        .alignfull {
     5686                margin-bottom: 10rem;
     5687                margin-top: 10rem;
     5688        }
     5689
     5690        /* Comments ------------------------------ */
     5691
     5692        .comment-reply-title {
     5693                font-size: 5.6rem;
     5694                line-height: 1.2;
     5695                margin-bottom: 6rem;
     5696        }
     5697
     5698        .comment-respond p.comment-notes,
     5699        .comment-respond p.logged-in-as {
     5700                margin: -4rem 0 6rem 0;
     5701        }
     5702
     5703        .comments .comment-respond .comment-reply-title {
     5704                font-size: 4.8rem;
     5705        }
     5706
     5707        .comments .comment-respond p.comment-notes,
     5708        .comments .comment-respond p.logged-in-as {
     5709                margin: -4.5rem 0 4rem 0;
     5710        }
     5711
     5712        /* Site Pagination ----------------------- */
     5713
     5714        /* Widgets ------------------------------- */
     5715
     5716        .widget-content {
     5717                font-size: 2.1rem;
     5718        }
     5719
     5720        /* Site Footer --------------------------- */
     5721
     5722        .footer-menu {
     5723                font-size: 2.4rem;
     5724                margin: -1.5rem 0 0 -3rem;
     5725        }
     5726
     5727        .footer-menu li {
     5728                margin: 1.5rem 0 0 3rem;
     5729        }
     5730
     5731        ul.footer-social {
     5732                margin: -1rem 0 0 -1rem;
     5733        }
     5734
     5735        ul.footer-social li {
     5736                margin: 1rem 0 0 1rem;
     5737        }
     5738
     5739        .footer-social a {
     5740                height: 4.4rem;
     5741                width: 4.4rem;
     5742        }
     5743
     5744        .footer-social a::before {
     5745                font-size: 2rem;
     5746        }
     5747
     5748        /* FOOTER WIDGETS */
     5749
     5750        .footer-widgets-wrapper {
     5751                margin-left: -6rem;
     5752                width: calc(100% + 6rem);
     5753        }
     5754
     5755        .footer-widgets {
     5756                margin-left: 6rem;
     5757        }
     5758
     5759}
     5760
     5761@media ( min-width: 1280px ) {
     5762
     5763        /* Blocks -------------------------------- */
     5764
     5765        /* BLOCK: GALLERY */
     5766
     5767        figure.wp-block-gallery.alignleft {
     5768
     5769                /*rtl:ignore*/
     5770                margin-left: -31rem;
     5771        }
     5772
     5773        figure.wp-block-gallery.alignright {
     5774
     5775                /*rtl:ignore*/
     5776                margin-right: -31rem;
     5777        }
     5778
     5779        /* BLOCK: SEPARATOR */
     5780
     5781        .wp-block-separator.is-style-wide {
     5782                max-width: 120rem;
     5783                left: calc(50% - 60rem);
     5784                width: 120rem;
     5785        }
     5786
     5787        /* Entry Content ------------------------- */
     5788
     5789        /* ALIGNMENT CLASSES */
     5790
     5791        .entry-content .alignleft {
     5792
     5793                /*rtl:ignore*/
     5794                margin-left: -31rem;
     5795        }
     5796
     5797        .entry-content .alignright {
     5798
     5799                /*rtl:ignore*/
     5800                margin-right: -31rem;
     5801        }
     5802
     5803        .entry-content > .alignwide {
     5804                max-width: 120rem;
     5805                left: calc(50% - 60rem);
     5806                width: 120rem;
     5807        }
     5808
     5809}
     5810
     5811@media ( min-width: 1330px ) {
     5812
     5813
     5814        /* Blocks -------------------------------- */
     5815
     5816        /* BLOCK: PULLQUOTE */
     5817
     5818        .wp-block-pullquote.alignleft::before,
     5819        .wp-block-pullquote.alignright::before {
     5820                position: absolute;
     5821                top: -0.4rem;
     5822        }
     5823
     5824        .wp-block-pullquote.is-style-solid-color.alignleft::before,
     5825        .wp-block-pullquote.is-style-solid-color.alignright::before {
     5826                top: 0;
    5615827        }
    5625828
    563         .about-wrap .column {
    564                 margin-right: 0;
    565                 margin-left: 0;
     5829        .wp-block-pullquote.alignleft::before {
     5830                right: calc(100% + 1.5rem);
    5665831        }
    5675832
    568         .about-wrap .has-2-columns.is-wider-right img,
    569         .about-wrap .has-2-columns.is-wider-left img {
    570                 max-width: 160px;
     5833        .wp-block-pullquote.alignright::before {
     5834                left: calc(100% + 1.5rem);
    5715835        }
    5725836}
  • new file src/wp-admin/images/group-2.10.svg

    diff --git a/src/wp-admin/images/group-2.10.svg b/src/wp-admin/images/group-2.10.svg
    new file mode 100644
    index 0000000000..e51d60852b
    - +  
     1<?xml version="1.0" encoding="utf-8"?>
     2<svg width="660" height="700" viewBox="0 0 660 700" fill="none" xmlns="http://www.w3.org/2000/svg">
     3<rect width="660" height="700" fill="#BD3854"/>
     4<rect x="99.0002" y="284" width="198" height="99" fill="#44141E"/>
     5<rect x="231" y="119" width="66" height="132" fill="#85273B"/>
     6<rect x="99.0002" y="119" width="99" height="132" fill="#F4EFE1"/>
     7<rect x="330" y="284" width="231" height="99" fill="#44141E"/>
     8<rect x="462" y="119" width="99" height="132" fill="#85273B"/>
     9<rect x="330" y="119" width="99" height="132" fill="#F4EFE1"/>
     10<rect x="99.0002" y="515" width="198" height="66" fill="#44141E"/>
     11<rect x="231" y="416" width="66" height="66" fill="#85273B"/>
     12<rect x="99.0002" y="416" width="99" height="66" fill="#F4EFE1"/>
     13<rect x="330" y="511.7" width="231" height="69.3" fill="#44141E"/>
     14<rect x="462" y="416" width="99" height="66" fill="#85273B"/>
     15<rect x="330" y="416" width="99" height="66" fill="#F4EFE1"/>
     16</svg>
  • new file src/wp-admin/images/group-2.11.svg

    diff --git a/src/wp-admin/images/group-2.11.svg b/src/wp-admin/images/group-2.11.svg
    new file mode 100644
    index 0000000000..dbb5e04a60
    - +  
     1<?xml version="1.0" encoding="utf-8"?>
     2<svg width="660" height="818" viewBox="0 0 660 818" fill="none" xmlns="http://www.w3.org/2000/svg">
     3<rect width="660" height="818" fill="#BD3854"/>
     4<rect x="99" y="178" width="132" height="132" fill="#F4EFE1"/>
     5<rect x="231" y="310" width="99" height="99" fill="#44141E"/>
     6<rect x="330" y="409" width="132" height="132" fill="#F4EFE1"/>
     7<rect x="462" y="541" width="99" height="99" fill="#44141E"/>
     8</svg>
  • new file src/wp-admin/images/shuffled-blocks.svg

    diff --git a/src/wp-admin/images/iPhone-black.png b/src/wp-admin/images/iPhone-black.png
    new file mode 100644
    index 0000000000..f3f6eee9f2
    Binary files /dev/null and b/src/wp-admin/images/iPhone-black.png differ
    diff --git a/src/wp-admin/images/mask-group.png b/src/wp-admin/images/mask-group.png
    new file mode 100644
    index 0000000000..344334b00d
    Binary files /dev/null and b/src/wp-admin/images/mask-group.png differ
    diff --git a/src/wp-admin/images/shuffled-blocks.svg b/src/wp-admin/images/shuffled-blocks.svg
    new file mode 100644
    index 0000000000..23f690db14
    - +  
     1<?xml version="1.0" encoding="utf-8"?>
     2<svg width="1320" height="657" viewBox="0 0 1320 657" fill="none" xmlns="http://www.w3.org/2000/svg">
     3<rect x="1142.41" y="48.6548" width="176.616" height="174.67" fill="#942F44"/>
     4<rect x="1142.41" y="238.894" width="176.616" height="174.67" fill="#942F44"/>
     5<rect x="1143.38" y="433.026" width="176.616" height="175.157" fill="#942F44"/>
     6<rect y="437.892" width="535.201" height="177.103" fill="#4E1521"/>
     7<rect y="48.6548" width="535.201" height="170.291" fill="#4E1521"/>
     8<rect y="243.273" width="510.874" height="176.616" fill="#4E1521"/>
     9<rect x="949.252" y="45.7354" width="176.616" height="565.853" fill="#BD3854"/>
     10<rect x="754.147" y="24.3271" width="176.616" height="559.528" fill="#BD3854"/>
     11<rect x="559.042" y="46.2217" width="176.616" height="561.961" fill="#BD3854"/>
     12</svg>