WordPress.org
Get WordPress

Make WordPress Core

Changeset 44149


Ignore:
Timestamp:
12/14/2018 02:32:33 AM (8 years ago)
Author:
pento
Message:

Default Themes: Import Twenty Nineteen from the 5.0 branch.

Merges [43808,43821,43842,43860,43892,43904,43909,43926-43929,43956,43961-43963] from the 5.0 branch to trunk.

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

Fixes #45424.

Location:
trunk
Files:
7 deleted
60 edited
18 copied

Legend:

Unmodified
Added
Removed

  • trunk

  • trunk/src/wp-content/themes/twentynineteen/404.php

    r43808 r44149  
    77 * @package WordPress
    88 * @subpackage Twenty_Nineteen
     9 * @since 1.0.0
    910 */
    1011
    … …  
    1213?>
    1314
    14         <div id="primary" class="content-area">
     15        <section id="primary" class="content-area">
    1516                <main id="main" class="site-main">
    1617
    17                         <section class="error-404 not-found">
     18                        <div class="error-404 not-found">
    1819                                <header class="page-header">
    1920                                        <h1 class="page-title"><?php _e( 'Oops! That page can&rsquo;t be found.', 'twentynineteen' ); ?></h1>
    … …  
    2223                                <div class="page-content">
    2324                                        <p><?php _e( 'It looks like nothing was found at this location. Maybe try a search?', 'twentynineteen' ); ?></p>
    24 
    2525                                        <?php get_search_form(); ?>
    2626                                </div><!-- .page-content -->
    27                         </section><!-- .error-404 -->
     27                        </div><!-- .error-404 -->
    2828
    2929                </main><!-- #main -->
    30         </div><!-- #primary -->
     30        </section><!-- #primary -->
    3131
    3232<?php

  • trunk/src/wp-content/themes/twentynineteen/archive.php

    r43808 r44149  
    77 * @package WordPress
    88 * @subpackage Twenty_Nineteen
     9 * @since 1.0.0
    910 */
    1011
    … …  
    1213?>
    1314
    14         <div id="primary" class="content-area">
     15        <section id="primary" class="content-area">
    1516                <main id="main" class="site-main">
    1617
    … …  
    2021                                <?php
    2122                                        the_archive_title( '<h1 class="page-title">', '</h1>' );
    22                                         the_archive_description( '<div class="page-description">', '</div>' );
     23                                        // Remove for now @TODO
     24                                        // the_archive_description( '<div class="page-description">', '</div>' );
    2325                                ?>
    2426                        </header><!-- .page-header -->
    … …  
    3436                                 * called content-___.php (where ___ is the Post Format name) and that will be used instead.
    3537                                 */
    36                                 get_template_part( 'template-parts/content/content' );
     38                                get_template_part( 'template-parts/content/content', 'excerpt' );
    3739
    3840                                // End the loop.
    … …  
    4446                        // If no content, include the "No posts found" template.
    4547                else :
    46                         get_template_part( 'template-parts/content', 'none' );
     48                        get_template_part( 'template-parts/content/content', 'none' );
    4749
    4850                endif;
    4951                ?>
    50 
    51                 </main><!-- .site-main -->
    52         </div><!-- .content-area -->
     52                </main><!-- #main -->
     53        </section><!-- #primary -->
    5354
    5455<?php

  • trunk/src/wp-content/themes/twentynineteen/classes/class-twentynineteen-svg-icons.php

    r43808 r44149  
    55 * @package WordPress
    66 * @subpackage Twenty_Nineteen
     7 * @since 1.0.0
    78 */
    89
    … …  
    3334                }
    3435                if ( array_key_exists( $icon, $arr ) ) {
    35                         $repl = sprintf( '<svg id="%s-icon-%s" class="svg-icon" width="%d" height="%d" aria-hidden="true" role="img" ', $group, $icon, $size, $size );
     36                        $repl = sprintf( '<svg class="svg-icon" width="%d" height="%d" aria-hidden="true" role="img" focusable="false" ', $size, $size );
    3637                        $svg  = preg_replace( '/^<svg /', $repl, trim( $arr[ $icon ] ) ); // Add extra attributes to SVG code.
    3738                        $svg  = preg_replace( "/([\n\t]+)/", ' ', $svg ); // Remove newlines & tabs.
    … …  
    7172         */
    7273        static $ui_icons = array(
    73                 'link'          => /* material-design – link */ '
    74 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
    75     <path d="M0 0h24v24H0z" fill="none"/>
    76     <path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"/>
    77 </svg>',
    78 
    79                 'watch'         => /* material-design – watch-later */ '
    80 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
     74                'link'                   => /* material-design – link */ '
     75<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
     76    <path d="M0 0h24v24H0z" fill="none"></path>
     77    <path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path>
     78</svg>',
     79
     80                'watch'                  => /* material-design – watch-later */ '
     81<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
    8182    <defs>
    82         <path id="a" d="M0 0h24v24H0V0z"/>
     83        <path id="a" d="M0 0h24v24H0V0z"></path>
    8384    </defs>
    8485    <clipPath id="b">
    85         <use xlink:href="#a" overflow="visible"/>
     86        <use xlink:href="#a" overflow="visible"></use>
    8687    </clipPath>
    87     <path clip-path="url(#b)" d="M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zm4.2 14.2L11 13V7h1.5v5.2l4.5 2.7-.8 1.3z"/>
    88 </svg>',
    89 
    90                 'archive'       => /* material-design – folder */ '
     88    <path clip-path="url(#b)" d="M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zm4.2 14.2L11 13V7h1.5v5.2l4.5 2.7-.8 1.3z"></path>
     89</svg>',
     90
     91                'archive'                => /* material-design – folder */ '
     92<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
     93    <path d="M10 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2h-8l-2-2z"></path>
     94    <path d="M0 0h24v24H0z" fill="none"></path>
     95</svg>',
     96
     97                'tag'                    => /* material-design – local_offer */ '
     98<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
     99        <path d="M21.41 11.58l-9-9C12.05 2.22 11.55 2 11 2H4c-1.1 0-2 .9-2 2v7c0 .55.22 1.05.59 1.42l9 9c.36.36.86.58 1.41.58.55 0 1.05-.22 1.41-.59l7-7c.37-.36.59-.86.59-1.41 0-.55-.23-1.06-.59-1.42zM5.5 7C4.67 7 4 6.33 4 5.5S4.67 4 5.5 4 7 4.67 7 5.5 6.33 7 5.5 7z"></path>
     100        <path d="M0 0h24v24H0z" fill="none"></path>
     101</svg>',
     102
     103                'comment'                => /* material-design – comment */ '
     104<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     105    <path d="M21.99 4c0-1.1-.89-2-1.99-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h14l4 4-.01-18z"></path>
     106    <path d="M0 0h24v24H0z" fill="none"></path>
     107</svg>',
     108
     109                'person'                 => /* material-design – person */ '
     110<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     111    <path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"></path>
     112    <path d="M0 0h24v24H0z" fill="none"></path>
     113</svg>',
     114
     115                'edit'                   => /* material-design – edit */ '
     116<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     117    <path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"></path>
     118    <path d="M0 0h24v24H0z" fill="none"></path>
     119</svg>',
     120
     121                'chevron_left'           => /* material-design – chevron_left */ '
     122<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     123    <path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"></path>
     124    <path d="M0 0h24v24H0z" fill="none"></path>
     125</svg>',
     126
     127                'chevron_right'          => /* material-design – chevron_right */ '
     128<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
     129    <path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path>
     130    <path d="M0 0h24v24H0z" fill="none"></path>
     131</svg>',
     132
     133                'check'                  => /* material-design – check */ '
     134<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
     135    <path d="M0 0h24v24H0z" fill="none"></path>
     136    <path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path>
     137</svg>',
     138
     139                'arrow_drop_down_circle' => /* material-design – arrow_drop_down_circle */ '
     140<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
     141        <path d="M0 0h24v24H0z" fill="none"></path>
     142        <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 12l-4-4h8l-4 4z"></path>
     143</svg>',
     144
     145                'keyboard_arrow_down'    => /* material-design – keyboard_arrow_down */ '
     146<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
     147        <path d="M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z"></path>
     148        <path fill="none" d="M0 0h24v24H0V0z"></path>
     149</svg>',
     150
     151                'keyboard_arrow_right'   => /* material-design – keyboard_arrow_right */ '
     152<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
     153        <path d="M10 17l5-5-5-5v10z"></path>
     154        <path fill="none" d="M0 24V0h24v24H0z"></path>
     155</svg>',
     156
     157                'keyboard_arrow_left'   => /* material-design – keyboard_arrow_left */ '
    91158<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
    92     <path d="M10 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2h-8l-2-2z"/>
    93     <path d="M0 0h24v24H0z" fill="none"/>
    94 </svg>',
    95 
    96                 'tag' => /* material-design – local_offer */ '
    97 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
    98         <path d="M21.41 11.58l-9-9C12.05 2.22 11.55 2 11 2H4c-1.1 0-2 .9-2 2v7c0 .55.22 1.05.59 1.42l9 9c.36.36.86.58 1.41.58.55 0 1.05-.22 1.41-.59l7-7c.37-.36.59-.86.59-1.41 0-.55-.23-1.06-.59-1.42zM5.5 7C4.67 7 4 6.33 4 5.5S4.67 4 5.5 4 7 4.67 7 5.5 6.33 7 5.5 7z"/>
    99         <path d="M0 0h24v24H0z" fill="none"/>
    100 </svg>',
    101 
    102                 'comment' => /* material-design – comment */ '
    103 <svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    104     <path d="M21.99 4c0-1.1-.89-2-1.99-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h14l4 4-.01-18z"/>
    105     <path d="M0 0h24v24H0z" fill="none"/>
    106 </svg>',
    107 
    108                 'person'        => /* material-design – person */ '
    109 <svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    110     <path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/>
    111     <path d="M0 0h24v24H0z" fill="none"/>
    112 </svg>',
    113 
    114                 'edit'          => /* material-design – edit */ '
    115 <svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    116     <path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"/>
    117     <path d="M0 0h24v24H0z" fill="none"/>
    118 </svg>',
    119 
    120                 'chevron_left'  => /* material-design – chevron_left */ '
    121 <svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    122     <path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"/>
    123     <path d="M0 0h24v24H0z" fill="none"/>
    124 </svg>',
    125 
    126                 'chevron_right' => /* material-design – chevron_right */ '
    127 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
    128     <path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/>
    129     <path d="M0 0h24v24H0z" fill="none"/>
    130 </svg>',
    131 
    132                 'check'         => /* material-design – check */ '
    133 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
    134     <path d="M0 0h24v24H0z" fill="none"/>
    135     <path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/>
    136 </svg>',
    137 
    138                 'arrow_drop_down_circle' => /* material-design – arrow_drop_down_circle */ '
    139 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
    140         <path d="M0 0h24v24H0z" fill="none"/>
    141         <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 12l-4-4h8l-4 4z"/>
    142 </svg>',
    143 
    144                 'keyboard_arrow_down' => /* material-design – keyboard_arrow_down */ '
    145 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
    146         <path d="M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z"/>
    147         <path fill="none" d="M0 0h24v24H0V0z"/>
    148 </svg>',
    149 
    150                 'keyboard_arrow_right' => /* material-design – keyboard_arrow_right */ '
    151 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
    152         <path d="M10 17l5-5-5-5v10z"/>
    153         <path fill="none" d="M0 24V0h24v24H0z"/>
     159        <path d="M14 7l-5 5 5 5V7z"></path>
     160        <path fill="none" d="M24 0v24H0V0h24z"></path>
     161</svg>',
     162
     163                'arrow_drop_down_ellipsis' => /* custom – arrow_drop_down_ellipsis */ '
     164<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg">
     165    <g fill="none" fill-rule="evenodd">
     166        <path d="M0 0h24v24H0z"/>
     167        <path fill="currentColor" fill-rule="nonzero" d="M12 2c5.52 0 10 4.48 10 10s-4.48 10-10 10S2 17.52 2 12 6.48 2 12 2zM6 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm6 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm6 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"/>
     168    </g>
    154169</svg>',
    155170
    … …  
    191206                        'fb.me',
    192207                ),
     208                'feed'    => array(
     209                        'feed',
     210                ),
    193211                'google-plus' => array(
    194212                        'plus.google.com',
     213                ),
     214                'lastfm'   => array(
     215                        'last.fm',
     216                ),
     217                'mail'   => array(
     218                        'mailto:',
    195219                ),
    196220                'slideshare'  => array(
    … …  
    217241                '500px'       => '
    218242<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    219         <path d="M6.94026,15.1412c.00437.01213.108.29862.168.44064a6.55008,6.55008,0,1,0,6.03191-9.09557,6.68654,6.68654,0,0,0-2.58357.51467A8.53914,8.53914,0,0,0,8.21268,8.61344L8.209,8.61725V3.22948l9.0504-.00008c.32934-.0036.32934-.46353.32934-.61466s0-.61091-.33035-.61467L7.47248,2a.43.43,0,0,0-.43131.42692v7.58355c0,.24466.30476.42131.58793.4819.553.11812.68074-.05864.81617-.2457l.018-.02481A10.52673,10.52673,0,0,1,9.32258,9.258a5.35268,5.35268,0,1,1,7.58985,7.54976,5.417,5.417,0,0,1-3.80867,1.56365,5.17483,5.17483,0,0,1-2.69822-.74478l.00342-4.61111a2.79372,2.79372,0,0,1,.71372-1.78792,2.61611,2.61611,0,0,1,1.98282-.89477,2.75683,2.75683,0,0,1,1.95525.79477,2.66867,2.66867,0,0,1,.79656,1.909,2.724,2.724,0,0,1-2.75849,2.748,4.94651,4.94651,0,0,1-.86254-.13719c-.31234-.093-.44519.34058-.48892.48349-.16811.54966.08453.65862.13687.67489a3.75751,3.75751,0,0,0,1.25234.18375,3.94634,3.94634,0,1,0-2.82444-6.742,3.67478,3.67478,0,0,0-1.13028,2.584l-.00041.02323c-.0035.11667-.00579,2.881-.00644,3.78811l-.00407-.00451a6.18521,6.18521,0,0,1-1.0851-1.86092c-.10544-.27856-.34358-.22925-.66857-.12917-.14192.04372-.57386.17677-.47833.489Zm4.65165-1.08338a.51346.51346,0,0,0,.19513.31818l.02276.022a.52945.52945,0,0,0,.3517.18416.24242.24242,0,0,0,.16577-.0611c.05473-.05082.67382-.67812.73287-.738l.69041.68819a.28978.28978,0,0,0,.21437.11032.53239.53239,0,0,0,.35708-.19486c.29792-.30419.14885-.46821.07676-.54751l-.69954-.69975.72952-.73469c.16-.17311.01874-.35708-.12218-.498-.20461-.20461-.402-.25742-.52855-.14083l-.7254.72665-.73354-.73375a.20128.20128,0,0,0-.14179-.05695.54135.54135,0,0,0-.34379.19648c-.22561.22555-.274.38149-.15656.5059l.73374.7315-.72942.73072A.26589.26589,0,0,0,11.59191,14.05782Zm1.59866-9.915A8.86081,8.86081,0,0,0,9.854,4.776a.26169.26169,0,0,0-.16938.22759.92978.92978,0,0,0,.08619.42094c.05682.14524.20779.531.50006.41955a8.40969,8.40969,0,0,1,2.91968-.55484,7.87875,7.87875,0,0,1,3.086.62286,8.61817,8.61817,0,0,1,2.30562,1.49315.2781.2781,0,0,0,.18318.07586c.15529,0,.30425-.15253.43167-.29551.21268-.23861.35873-.4369.1492-.63538a8.50425,8.50425,0,0,0-2.62312-1.694A9.0177,9.0177,0,0,0,13.19058,4.14283ZM19.50945,18.6236h0a.93171.93171,0,0,0-.36642-.25406.26589.26589,0,0,0-.27613.06613l-.06943.06929A7.90606,7.90606,0,0,1,7.60639,18.505a7.57284,7.57284,0,0,1-1.696-2.51537,8.58715,8.58715,0,0,1-.5147-1.77754l-.00871-.04864c-.04939-.25873-.28755-.27684-.62981-.22448-.14234.02178-.5755.088-.53426.39969l.001.00712a9.08807,9.08807,0,0,0,15.406,4.99094c.00193-.00192.04753-.04718.0725-.07436C19.79425,19.16234,19.87422,18.98728,19.50945,18.6236Z"/>
     243        <path d="M6.94026,15.1412c.00437.01213.108.29862.168.44064a6.55008,6.55008,0,1,0,6.03191-9.09557,6.68654,6.68654,0,0,0-2.58357.51467A8.53914,8.53914,0,0,0,8.21268,8.61344L8.209,8.61725V3.22948l9.0504-.00008c.32934-.0036.32934-.46353.32934-.61466s0-.61091-.33035-.61467L7.47248,2a.43.43,0,0,0-.43131.42692v7.58355c0,.24466.30476.42131.58793.4819.553.11812.68074-.05864.81617-.2457l.018-.02481A10.52673,10.52673,0,0,1,9.32258,9.258a5.35268,5.35268,0,1,1,7.58985,7.54976,5.417,5.417,0,0,1-3.80867,1.56365,5.17483,5.17483,0,0,1-2.69822-.74478l.00342-4.61111a2.79372,2.79372,0,0,1,.71372-1.78792,2.61611,2.61611,0,0,1,1.98282-.89477,2.75683,2.75683,0,0,1,1.95525.79477,2.66867,2.66867,0,0,1,.79656,1.909,2.724,2.724,0,0,1-2.75849,2.748,4.94651,4.94651,0,0,1-.86254-.13719c-.31234-.093-.44519.34058-.48892.48349-.16811.54966.08453.65862.13687.67489a3.75751,3.75751,0,0,0,1.25234.18375,3.94634,3.94634,0,1,0-2.82444-6.742,3.67478,3.67478,0,0,0-1.13028,2.584l-.00041.02323c-.0035.11667-.00579,2.881-.00644,3.78811l-.00407-.00451a6.18521,6.18521,0,0,1-1.0851-1.86092c-.10544-.27856-.34358-.22925-.66857-.12917-.14192.04372-.57386.17677-.47833.489Zm4.65165-1.08338a.51346.51346,0,0,0,.19513.31818l.02276.022a.52945.52945,0,0,0,.3517.18416.24242.24242,0,0,0,.16577-.0611c.05473-.05082.67382-.67812.73287-.738l.69041.68819a.28978.28978,0,0,0,.21437.11032.53239.53239,0,0,0,.35708-.19486c.29792-.30419.14885-.46821.07676-.54751l-.69954-.69975.72952-.73469c.16-.17311.01874-.35708-.12218-.498-.20461-.20461-.402-.25742-.52855-.14083l-.7254.72665-.73354-.73375a.20128.20128,0,0,0-.14179-.05695.54135.54135,0,0,0-.34379.19648c-.22561.22555-.274.38149-.15656.5059l.73374.7315-.72942.73072A.26589.26589,0,0,0,11.59191,14.05782Zm1.59866-9.915A8.86081,8.86081,0,0,0,9.854,4.776a.26169.26169,0,0,0-.16938.22759.92978.92978,0,0,0,.08619.42094c.05682.14524.20779.531.50006.41955a8.40969,8.40969,0,0,1,2.91968-.55484,7.87875,7.87875,0,0,1,3.086.62286,8.61817,8.61817,0,0,1,2.30562,1.49315.2781.2781,0,0,0,.18318.07586c.15529,0,.30425-.15253.43167-.29551.21268-.23861.35873-.4369.1492-.63538a8.50425,8.50425,0,0,0-2.62312-1.694A9.0177,9.0177,0,0,0,13.19058,4.14283ZM19.50945,18.6236h0a.93171.93171,0,0,0-.36642-.25406.26589.26589,0,0,0-.27613.06613l-.06943.06929A7.90606,7.90606,0,0,1,7.60639,18.505a7.57284,7.57284,0,0,1-1.696-2.51537,8.58715,8.58715,0,0,1-.5147-1.77754l-.00871-.04864c-.04939-.25873-.28755-.27684-.62981-.22448-.14234.02178-.5755.088-.53426.39969l.001.00712a9.08807,9.08807,0,0,0,15.406,4.99094c.00193-.00192.04753-.04718.0725-.07436C19.79425,19.16234,19.87422,18.98728,19.50945,18.6236Z"></path>
    220244</svg>',
    221245
    222246                'amazon'      => '
    223247<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    224         <path d="M13.582,8.182C11.934,8.367,9.78,8.49,8.238,9.166c-1.781,0.769-3.03,2.337-3.03,4.644 c0,2.953,1.86,4.429,4.253,4.429c2.02,0,3.125-0.477,4.685-2.065c0.516,0.747,0.685,1.109,1.629,1.894 c0.212,0.114,0.483,0.103,0.672-0.066l0.006,0.006c0.567-0.505,1.599-1.401,2.18-1.888c0.231-0.188,0.19-0.496,0.009-0.754 c-0.52-0.718-1.072-1.303-1.072-2.634V8.305c0-1.876,0.133-3.599-1.249-4.891C15.23,2.369,13.422,2,12.04,2 C9.336,2,6.318,3.01,5.686,6.351C5.618,6.706,5.877,6.893,6.109,6.945l2.754,0.298C9.121,7.23,9.308,6.977,9.357,6.72 c0.236-1.151,1.2-1.706,2.284-1.706c0.584,0,1.249,0.215,1.595,0.738c0.398,0.584,0.346,1.384,0.346,2.061V8.182z M13.049,14.088 c-0.451,0.8-1.169,1.291-1.967,1.291c-1.09,0-1.728-0.83-1.728-2.061c0-2.42,2.171-2.86,4.227-2.86v0.615 C13.582,12.181,13.608,13.104,13.049,14.088z M20.683,19.339C18.329,21.076,14.917,22,11.979,22c-4.118,0-7.826-1.522-10.632-4.057 c-0.22-0.199-0.024-0.471,0.241-0.317c3.027,1.762,6.771,2.823,10.639,2.823c2.608,0,5.476-0.541,8.115-1.66 C20.739,18.62,21.072,19.051,20.683,19.339z M21.336,21.043c-0.194,0.163-0.379,0.076-0.293-0.139 c0.284-0.71,0.92-2.298,0.619-2.684c-0.301-0.386-1.99-0.183-2.749-0.092c-0.23,0.027-0.266-0.173-0.059-0.319 c1.348-0.946,3.555-0.673,3.811-0.356C22.925,17.773,22.599,19.986,21.336,21.043z"/>
     248        <path d="M13.582,8.182C11.934,8.367,9.78,8.49,8.238,9.166c-1.781,0.769-3.03,2.337-3.03,4.644 c0,2.953,1.86,4.429,4.253,4.429c2.02,0,3.125-0.477,4.685-2.065c0.516,0.747,0.685,1.109,1.629,1.894 c0.212,0.114,0.483,0.103,0.672-0.066l0.006,0.006c0.567-0.505,1.599-1.401,2.18-1.888c0.231-0.188,0.19-0.496,0.009-0.754 c-0.52-0.718-1.072-1.303-1.072-2.634V8.305c0-1.876,0.133-3.599-1.249-4.891C15.23,2.369,13.422,2,12.04,2 C9.336,2,6.318,3.01,5.686,6.351C5.618,6.706,5.877,6.893,6.109,6.945l2.754,0.298C9.121,7.23,9.308,6.977,9.357,6.72 c0.236-1.151,1.2-1.706,2.284-1.706c0.584,0,1.249,0.215,1.595,0.738c0.398,0.584,0.346,1.384,0.346,2.061V8.182z M13.049,14.088 c-0.451,0.8-1.169,1.291-1.967,1.291c-1.09,0-1.728-0.83-1.728-2.061c0-2.42,2.171-2.86,4.227-2.86v0.615 C13.582,12.181,13.608,13.104,13.049,14.088z M20.683,19.339C18.329,21.076,14.917,22,11.979,22c-4.118,0-7.826-1.522-10.632-4.057 c-0.22-0.199-0.024-0.471,0.241-0.317c3.027,1.762,6.771,2.823,10.639,2.823c2.608,0,5.476-0.541,8.115-1.66 C20.739,18.62,21.072,19.051,20.683,19.339z M21.336,21.043c-0.194,0.163-0.379,0.076-0.293-0.139 c0.284-0.71,0.92-2.298,0.619-2.684c-0.301-0.386-1.99-0.183-2.749-0.092c-0.23,0.027-0.266-0.173-0.059-0.319 c1.348-0.946,3.555-0.673,3.811-0.356C22.925,17.773,22.599,19.986,21.336,21.043z"></path>
    225249</svg>',
    226250
    227251                'apple'       => '
    228252<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    229         <path d="M20.07,17.586a10.874,10.874,0,0,1-1.075,1.933,9.822,9.822,0,0,1-1.385,1.674,2.687,2.687,0,0,1-1.78.784,4.462,4.462,0,0,1-1.644-.393,4.718,4.718,0,0,0-1.77-.391,4.878,4.878,0,0,0-1.82.391A4.9,4.9,0,0,1,9.021,22a2.53,2.53,0,0,1-1.82-.8A10.314,10.314,0,0,1,5.752,19.46,11.987,11.987,0,0,1,4.22,16.417a11.143,11.143,0,0,1-.643-3.627,6.623,6.623,0,0,1,.87-3.465A5.1,5.1,0,0,1,6.268,7.483a4.9,4.9,0,0,1,2.463-.695,5.8,5.8,0,0,1,1.9.443,6.123,6.123,0,0,0,1.511.444,9.04,9.04,0,0,0,1.675-.523,5.537,5.537,0,0,1,2.277-.4,4.835,4.835,0,0,1,3.788,1.994,4.213,4.213,0,0,0-2.235,3.827,4.222,4.222,0,0,0,1.386,3.181,4.556,4.556,0,0,0,1.385.909q-.167.483-.353.927ZM16.211,2.4a4.267,4.267,0,0,1-1.094,2.8,3.726,3.726,0,0,1-3.1,1.528A3.114,3.114,0,0,1,12,6.347a4.384,4.384,0,0,1,1.16-2.828,4.467,4.467,0,0,1,1.414-1.061A4.215,4.215,0,0,1,16.19,2a3.633,3.633,0,0,1,.021.4Z"/>
     253        <path d="M20.07,17.586a10.874,10.874,0,0,1-1.075,1.933,9.822,9.822,0,0,1-1.385,1.674,2.687,2.687,0,0,1-1.78.784,4.462,4.462,0,0,1-1.644-.393,4.718,4.718,0,0,0-1.77-.391,4.878,4.878,0,0,0-1.82.391A4.9,4.9,0,0,1,9.021,22a2.53,2.53,0,0,1-1.82-.8A10.314,10.314,0,0,1,5.752,19.46,11.987,11.987,0,0,1,4.22,16.417a11.143,11.143,0,0,1-.643-3.627,6.623,6.623,0,0,1,.87-3.465A5.1,5.1,0,0,1,6.268,7.483a4.9,4.9,0,0,1,2.463-.695,5.8,5.8,0,0,1,1.9.443,6.123,6.123,0,0,0,1.511.444,9.04,9.04,0,0,0,1.675-.523,5.537,5.537,0,0,1,2.277-.4,4.835,4.835,0,0,1,3.788,1.994,4.213,4.213,0,0,0-2.235,3.827,4.222,4.222,0,0,0,1.386,3.181,4.556,4.556,0,0,0,1.385.909q-.167.483-.353.927ZM16.211,2.4a4.267,4.267,0,0,1-1.094,2.8,3.726,3.726,0,0,1-3.1,1.528A3.114,3.114,0,0,1,12,6.347a4.384,4.384,0,0,1,1.16-2.828,4.467,4.467,0,0,1,1.414-1.061A4.215,4.215,0,0,1,16.19,2a3.633,3.633,0,0,1,.021.4Z"></path>
    230254</svg>',
    231255
    232256                'bandcamp'    => '
    233257<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    234         <path d="M15.27 17.289 3 17.289 8.73 6.711 21 6.711 15.27 17.289"/>
     258        <path d="M15.27 17.289 3 17.289 8.73 6.711 21 6.711 15.27 17.289"></path>
    235259</svg>',
    236260
    237261                'behance'     => '
    238262<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    239         <path d="M7.799,5.698c0.589,0,1.12,0.051,1.606,0.156c0.482,0.102,0.894,0.273,1.241,0.507c0.344,0.235,0.612,0.546,0.804,0.938 c0.188,0.387,0.281,0.871,0.281,1.443c0,0.619-0.141,1.137-0.421,1.551c-0.284,0.413-0.7,0.751-1.255,1.014 c0.756,0.218,1.317,0.601,1.689,1.146c0.374,0.549,0.557,1.205,0.557,1.975c0,0.623-0.12,1.161-0.359,1.612 c-0.241,0.457-0.569,0.828-0.973,1.114c-0.408,0.288-0.876,0.5-1.399,0.637C9.052,17.931,8.514,18,7.963,18H2V5.698H7.799 M7.449,10.668c0.481,0,0.878-0.114,1.192-0.345c0.311-0.228,0.463-0.603,0.463-1.119c0-0.286-0.051-0.523-0.152-0.707 C8.848,8.315,8.711,8.171,8.536,8.07C8.362,7.966,8.166,7.894,7.94,7.854c-0.224-0.044-0.457-0.06-0.697-0.06H4.709v2.874H7.449z M7.6,15.905c0.267,0,0.521-0.024,0.759-0.077c0.243-0.053,0.457-0.137,0.637-0.261c0.182-0.12,0.332-0.283,0.441-0.491 C9.547,14.87,9.6,14.602,9.6,14.278c0-0.633-0.18-1.084-0.533-1.357c-0.356-0.27-0.83-0.404-1.413-0.404H4.709v3.388L7.6,15.905z M16.162,15.864c0.367,0.358,0.897,0.538,1.583,0.538c0.493,0,0.92-0.125,1.277-0.374c0.354-0.248,0.571-0.514,0.654-0.79h2.155 c-0.347,1.072-0.872,1.838-1.589,2.299C19.534,18,18.67,18.23,17.662,18.23c-0.701,0-1.332-0.113-1.899-0.337 c-0.567-0.227-1.041-0.544-1.439-0.958c-0.389-0.415-0.689-0.907-0.904-1.484c-0.213-0.574-0.32-1.21-0.32-1.899 c0-0.666,0.11-1.288,0.329-1.863c0.222-0.577,0.529-1.075,0.933-1.492c0.406-0.42,0.885-0.751,1.444-0.994 c0.558-0.241,1.175-0.363,1.857-0.363c0.754,0,1.414,0.145,1.98,0.44c0.563,0.291,1.026,0.686,1.389,1.181 c0.363,0.493,0.622,1.057,0.783,1.69c0.16,0.632,0.217,1.292,0.171,1.983h-6.428C15.557,14.84,15.795,15.506,16.162,15.864 M18.973,11.184c-0.291-0.321-0.783-0.496-1.384-0.496c-0.39,0-0.714,0.066-0.973,0.2c-0.254,0.132-0.461,0.297-0.621,0.491 c-0.157,0.197-0.265,0.405-0.328,0.628c-0.063,0.217-0.101,0.413-0.111,0.587h3.98C19.478,11.969,19.265,11.509,18.973,11.184z M15.057,7.738h4.985V6.524h-4.985L15.057,7.738z"/>
     263        <path d="M7.799,5.698c0.589,0,1.12,0.051,1.606,0.156c0.482,0.102,0.894,0.273,1.241,0.507c0.344,0.235,0.612,0.546,0.804,0.938 c0.188,0.387,0.281,0.871,0.281,1.443c0,0.619-0.141,1.137-0.421,1.551c-0.284,0.413-0.7,0.751-1.255,1.014 c0.756,0.218,1.317,0.601,1.689,1.146c0.374,0.549,0.557,1.205,0.557,1.975c0,0.623-0.12,1.161-0.359,1.612 c-0.241,0.457-0.569,0.828-0.973,1.114c-0.408,0.288-0.876,0.5-1.399,0.637C9.052,17.931,8.514,18,7.963,18H2V5.698H7.799 M7.449,10.668c0.481,0,0.878-0.114,1.192-0.345c0.311-0.228,0.463-0.603,0.463-1.119c0-0.286-0.051-0.523-0.152-0.707 C8.848,8.315,8.711,8.171,8.536,8.07C8.362,7.966,8.166,7.894,7.94,7.854c-0.224-0.044-0.457-0.06-0.697-0.06H4.709v2.874H7.449z M7.6,15.905c0.267,0,0.521-0.024,0.759-0.077c0.243-0.053,0.457-0.137,0.637-0.261c0.182-0.12,0.332-0.283,0.441-0.491 C9.547,14.87,9.6,14.602,9.6,14.278c0-0.633-0.18-1.084-0.533-1.357c-0.356-0.27-0.83-0.404-1.413-0.404H4.709v3.388L7.6,15.905z M16.162,15.864c0.367,0.358,0.897,0.538,1.583,0.538c0.493,0,0.92-0.125,1.277-0.374c0.354-0.248,0.571-0.514,0.654-0.79h2.155 c-0.347,1.072-0.872,1.838-1.589,2.299C19.534,18,18.67,18.23,17.662,18.23c-0.701,0-1.332-0.113-1.899-0.337 c-0.567-0.227-1.041-0.544-1.439-0.958c-0.389-0.415-0.689-0.907-0.904-1.484c-0.213-0.574-0.32-1.21-0.32-1.899 c0-0.666,0.11-1.288,0.329-1.863c0.222-0.577,0.529-1.075,0.933-1.492c0.406-0.42,0.885-0.751,1.444-0.994 c0.558-0.241,1.175-0.363,1.857-0.363c0.754,0,1.414,0.145,1.98,0.44c0.563,0.291,1.026,0.686,1.389,1.181 c0.363,0.493,0.622,1.057,0.783,1.69c0.16,0.632,0.217,1.292,0.171,1.983h-6.428C15.557,14.84,15.795,15.506,16.162,15.864 M18.973,11.184c-0.291-0.321-0.783-0.496-1.384-0.496c-0.39,0-0.714,0.066-0.973,0.2c-0.254,0.132-0.461,0.297-0.621,0.491 c-0.157,0.197-0.265,0.405-0.328,0.628c-0.063,0.217-0.101,0.413-0.111,0.587h3.98C19.478,11.969,19.265,11.509,18.973,11.184z M15.057,7.738h4.985V6.524h-4.985L15.057,7.738z"></path>
    240264</svg>',
    241265
    242266                'chain'       => '
    243267<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    244         <path d="M19.647,16.706a1.134,1.134,0,0,0-.343-.833l-2.549-2.549a1.134,1.134,0,0,0-.833-.343,1.168,1.168,0,0,0-.883.392l.233.226q.2.189.264.264a2.922,2.922,0,0,1,.184.233.986.986,0,0,1,.159.312,1.242,1.242,0,0,1,.043.337,1.172,1.172,0,0,1-1.176,1.176,1.237,1.237,0,0,1-.337-.043,1,1,0,0,1-.312-.159,2.76,2.76,0,0,1-.233-.184q-.073-.068-.264-.264l-.226-.233a1.19,1.19,0,0,0-.4.895,1.134,1.134,0,0,0,.343.833L15.837,19.3a1.13,1.13,0,0,0,.833.331,1.18,1.18,0,0,0,.833-.318l1.8-1.789a1.12,1.12,0,0,0,.343-.821Zm-8.615-8.64a1.134,1.134,0,0,0-.343-.833L8.163,4.7a1.134,1.134,0,0,0-.833-.343,1.184,1.184,0,0,0-.833.331L4.7,6.473a1.12,1.12,0,0,0-.343.821,1.134,1.134,0,0,0,.343.833l2.549,2.549a1.13,1.13,0,0,0,.833.331,1.184,1.184,0,0,0,.883-.38L8.728,10.4q-.2-.189-.264-.264A2.922,2.922,0,0,1,8.28,9.9a.986.986,0,0,1-.159-.312,1.242,1.242,0,0,1-.043-.337A1.172,1.172,0,0,1,9.254,8.079a1.237,1.237,0,0,1,.337.043,1,1,0,0,1,.312.159,2.761,2.761,0,0,1,.233.184q.073.068.264.264l.226.233a1.19,1.19,0,0,0,.4-.895ZM22,16.706a3.343,3.343,0,0,1-1.042,2.488l-1.8,1.789a3.536,3.536,0,0,1-4.988-.025l-2.525-2.537a3.384,3.384,0,0,1-1.017-2.488,3.448,3.448,0,0,1,1.078-2.561l-1.078-1.078a3.434,3.434,0,0,1-2.549,1.078,3.4,3.4,0,0,1-2.5-1.029L3.029,9.794A3.4,3.4,0,0,1,2,7.294,3.343,3.343,0,0,1,3.042,4.806l1.8-1.789A3.384,3.384,0,0,1,7.331,2a3.357,3.357,0,0,1,2.5,1.042l2.525,2.537a3.384,3.384,0,0,1,1.017,2.488,3.448,3.448,0,0,1-1.078,2.561l1.078,1.078a3.551,3.551,0,0,1,5.049-.049l2.549,2.549A3.4,3.4,0,0,1,22,16.706Z"/>
     268        <path d="M19.647,16.706a1.134,1.134,0,0,0-.343-.833l-2.549-2.549a1.134,1.134,0,0,0-.833-.343,1.168,1.168,0,0,0-.883.392l.233.226q.2.189.264.264a2.922,2.922,0,0,1,.184.233.986.986,0,0,1,.159.312,1.242,1.242,0,0,1,.043.337,1.172,1.172,0,0,1-1.176,1.176,1.237,1.237,0,0,1-.337-.043,1,1,0,0,1-.312-.159,2.76,2.76,0,0,1-.233-.184q-.073-.068-.264-.264l-.226-.233a1.19,1.19,0,0,0-.4.895,1.134,1.134,0,0,0,.343.833L15.837,19.3a1.13,1.13,0,0,0,.833.331,1.18,1.18,0,0,0,.833-.318l1.8-1.789a1.12,1.12,0,0,0,.343-.821Zm-8.615-8.64a1.134,1.134,0,0,0-.343-.833L8.163,4.7a1.134,1.134,0,0,0-.833-.343,1.184,1.184,0,0,0-.833.331L4.7,6.473a1.12,1.12,0,0,0-.343.821,1.134,1.134,0,0,0,.343.833l2.549,2.549a1.13,1.13,0,0,0,.833.331,1.184,1.184,0,0,0,.883-.38L8.728,10.4q-.2-.189-.264-.264A2.922,2.922,0,0,1,8.28,9.9a.986.986,0,0,1-.159-.312,1.242,1.242,0,0,1-.043-.337A1.172,1.172,0,0,1,9.254,8.079a1.237,1.237,0,0,1,.337.043,1,1,0,0,1,.312.159,2.761,2.761,0,0,1,.233.184q.073.068.264.264l.226.233a1.19,1.19,0,0,0,.4-.895ZM22,16.706a3.343,3.343,0,0,1-1.042,2.488l-1.8,1.789a3.536,3.536,0,0,1-4.988-.025l-2.525-2.537a3.384,3.384,0,0,1-1.017-2.488,3.448,3.448,0,0,1,1.078-2.561l-1.078-1.078a3.434,3.434,0,0,1-2.549,1.078,3.4,3.4,0,0,1-2.5-1.029L3.029,9.794A3.4,3.4,0,0,1,2,7.294,3.343,3.343,0,0,1,3.042,4.806l1.8-1.789A3.384,3.384,0,0,1,7.331,2a3.357,3.357,0,0,1,2.5,1.042l2.525,2.537a3.384,3.384,0,0,1,1.017,2.488,3.448,3.448,0,0,1-1.078,2.561l1.078,1.078a3.551,3.551,0,0,1,5.049-.049l2.549,2.549A3.4,3.4,0,0,1,22,16.706Z"></path>
    245269</svg>',
    246270
    247271                'codepen'     => '
    248272<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    249         <path d="M22.016,8.84c-0.002-0.013-0.005-0.025-0.007-0.037c-0.005-0.025-0.008-0.048-0.015-0.072 c-0.003-0.015-0.01-0.028-0.013-0.042c-0.008-0.02-0.015-0.04-0.023-0.062c-0.007-0.015-0.013-0.028-0.02-0.042 c-0.008-0.02-0.018-0.037-0.03-0.057c-0.007-0.013-0.017-0.027-0.025-0.038c-0.012-0.018-0.023-0.035-0.035-0.052 c-0.01-0.013-0.02-0.025-0.03-0.037c-0.015-0.017-0.028-0.032-0.043-0.045c-0.01-0.012-0.022-0.023-0.035-0.035 c-0.015-0.015-0.032-0.028-0.048-0.04c-0.012-0.01-0.025-0.02-0.037-0.03c-0.005-0.003-0.01-0.008-0.015-0.012l-9.161-6.096 c-0.289-0.192-0.666-0.192-0.955,0L2.359,8.237C2.354,8.24,2.349,8.245,2.344,8.249L2.306,8.277 c-0.017,0.013-0.033,0.027-0.048,0.04C2.246,8.331,2.234,8.342,2.222,8.352c-0.015,0.015-0.028,0.03-0.042,0.047 c-0.012,0.013-0.022,0.023-0.03,0.037C2.139,8.453,2.125,8.471,2.115,8.488C2.107,8.501,2.099,8.514,2.09,8.526 C2.079,8.548,2.069,8.565,2.06,8.585C2.054,8.6,2.047,8.613,2.04,8.626C2.032,8.648,2.025,8.67,2.019,8.69 c-0.005,0.013-0.01,0.027-0.013,0.042C1.999,8.755,1.995,8.778,1.99,8.803C1.989,8.817,1.985,8.828,1.984,8.84 C1.978,8.879,1.975,8.915,1.975,8.954v6.093c0,0.037,0.003,0.075,0.008,0.112c0.002,0.012,0.005,0.025,0.007,0.038 c0.005,0.023,0.008,0.047,0.015,0.072c0.003,0.015,0.008,0.028,0.013,0.04c0.007,0.022,0.013,0.042,0.022,0.063 c0.007,0.015,0.013,0.028,0.02,0.04c0.008,0.02,0.018,0.038,0.03,0.058c0.007,0.013,0.015,0.027,0.025,0.038 c0.012,0.018,0.023,0.035,0.035,0.052c0.01,0.013,0.02,0.025,0.03,0.037c0.013,0.015,0.028,0.032,0.042,0.045 c0.012,0.012,0.023,0.023,0.035,0.035c0.015,0.013,0.032,0.028,0.048,0.04l0.038,0.03c0.005,0.003,0.01,0.007,0.013,0.01 l9.163,6.095C11.668,21.953,11.833,22,12,22c0.167,0,0.332-0.047,0.478-0.144l9.163-6.095l0.015-0.01 c0.013-0.01,0.027-0.02,0.037-0.03c0.018-0.013,0.035-0.028,0.048-0.04c0.013-0.012,0.025-0.023,0.035-0.035 c0.017-0.015,0.03-0.032,0.043-0.045c0.01-0.013,0.02-0.025,0.03-0.037c0.013-0.018,0.025-0.035,0.035-0.052 c0.008-0.013,0.018-0.027,0.025-0.038c0.012-0.02,0.022-0.038,0.03-0.058c0.007-0.013,0.013-0.027,0.02-0.04 c0.008-0.022,0.015-0.042,0.023-0.063c0.003-0.013,0.01-0.027,0.013-0.04c0.007-0.025,0.01-0.048,0.015-0.072 c0.002-0.013,0.005-0.027,0.007-0.037c0.003-0.042,0.007-0.079,0.007-0.117V8.954C22.025,8.915,22.022,8.879,22.016,8.84z M12.862,4.464l6.751,4.49l-3.016,2.013l-3.735-2.492V4.464z M11.138,4.464v4.009l-3.735,2.494L4.389,8.954L11.138,4.464z M3.699,10.562L5.853,12l-2.155,1.438V10.562z M11.138,19.536l-6.749-4.491l3.015-2.011l3.735,2.492V19.536z M12,14.035L8.953,12 L12,9.966L15.047,12L12,14.035z M12.862,19.536v-4.009l3.735-2.492l3.016,2.011L12.862,19.536z M20.303,13.438L18.147,12 l2.156-1.438L20.303,13.438z"/>
     273        <path d="M22.016,8.84c-0.002-0.013-0.005-0.025-0.007-0.037c-0.005-0.025-0.008-0.048-0.015-0.072 c-0.003-0.015-0.01-0.028-0.013-0.042c-0.008-0.02-0.015-0.04-0.023-0.062c-0.007-0.015-0.013-0.028-0.02-0.042 c-0.008-0.02-0.018-0.037-0.03-0.057c-0.007-0.013-0.017-0.027-0.025-0.038c-0.012-0.018-0.023-0.035-0.035-0.052 c-0.01-0.013-0.02-0.025-0.03-0.037c-0.015-0.017-0.028-0.032-0.043-0.045c-0.01-0.012-0.022-0.023-0.035-0.035 c-0.015-0.015-0.032-0.028-0.048-0.04c-0.012-0.01-0.025-0.02-0.037-0.03c-0.005-0.003-0.01-0.008-0.015-0.012l-9.161-6.096 c-0.289-0.192-0.666-0.192-0.955,0L2.359,8.237C2.354,8.24,2.349,8.245,2.344,8.249L2.306,8.277 c-0.017,0.013-0.033,0.027-0.048,0.04C2.246,8.331,2.234,8.342,2.222,8.352c-0.015,0.015-0.028,0.03-0.042,0.047 c-0.012,0.013-0.022,0.023-0.03,0.037C2.139,8.453,2.125,8.471,2.115,8.488C2.107,8.501,2.099,8.514,2.09,8.526 C2.079,8.548,2.069,8.565,2.06,8.585C2.054,8.6,2.047,8.613,2.04,8.626C2.032,8.648,2.025,8.67,2.019,8.69 c-0.005,0.013-0.01,0.027-0.013,0.042C1.999,8.755,1.995,8.778,1.99,8.803C1.989,8.817,1.985,8.828,1.984,8.84 C1.978,8.879,1.975,8.915,1.975,8.954v6.093c0,0.037,0.003,0.075,0.008,0.112c0.002,0.012,0.005,0.025,0.007,0.038 c0.005,0.023,0.008,0.047,0.015,0.072c0.003,0.015,0.008,0.028,0.013,0.04c0.007,0.022,0.013,0.042,0.022,0.063 c0.007,0.015,0.013,0.028,0.02,0.04c0.008,0.02,0.018,0.038,0.03,0.058c0.007,0.013,0.015,0.027,0.025,0.038 c0.012,0.018,0.023,0.035,0.035,0.052c0.01,0.013,0.02,0.025,0.03,0.037c0.013,0.015,0.028,0.032,0.042,0.045 c0.012,0.012,0.023,0.023,0.035,0.035c0.015,0.013,0.032,0.028,0.048,0.04l0.038,0.03c0.005,0.003,0.01,0.007,0.013,0.01 l9.163,6.095C11.668,21.953,11.833,22,12,22c0.167,0,0.332-0.047,0.478-0.144l9.163-6.095l0.015-0.01 c0.013-0.01,0.027-0.02,0.037-0.03c0.018-0.013,0.035-0.028,0.048-0.04c0.013-0.012,0.025-0.023,0.035-0.035 c0.017-0.015,0.03-0.032,0.043-0.045c0.01-0.013,0.02-0.025,0.03-0.037c0.013-0.018,0.025-0.035,0.035-0.052 c0.008-0.013,0.018-0.027,0.025-0.038c0.012-0.02,0.022-0.038,0.03-0.058c0.007-0.013,0.013-0.027,0.02-0.04 c0.008-0.022,0.015-0.042,0.023-0.063c0.003-0.013,0.01-0.027,0.013-0.04c0.007-0.025,0.01-0.048,0.015-0.072 c0.002-0.013,0.005-0.027,0.007-0.037c0.003-0.042,0.007-0.079,0.007-0.117V8.954C22.025,8.915,22.022,8.879,22.016,8.84z M12.862,4.464l6.751,4.49l-3.016,2.013l-3.735-2.492V4.464z M11.138,4.464v4.009l-3.735,2.494L4.389,8.954L11.138,4.464z M3.699,10.562L5.853,12l-2.155,1.438V10.562z M11.138,19.536l-6.749-4.491l3.015-2.011l3.735,2.492V19.536z M12,14.035L8.953,12 L12,9.966L15.047,12L12,14.035z M12.862,19.536v-4.009l3.735-2.492l3.016,2.011L12.862,19.536z M20.303,13.438L18.147,12 l2.156-1.438L20.303,13.438z"></path>
    250274</svg>',
    251275
    252276                'deviantart'  => '
    253277<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    254         <path d="M 18.19 5.636 18.19 2 18.188 2 14.553 2 14.19 2.366 12.474 5.636 11.935 6 5.81 6 5.81 10.994 9.177 10.994 9.477 11.357 5.81 18.363 5.81 22 5.811 22 9.447 22 9.81 21.634 11.526 18.364 12.065 18 18.19 18 18.19 13.006 14.823 13.006 14.523 12.641 18.19 5.636z"/>
     278        <path d="M 18.19 5.636 18.19 2 18.188 2 14.553 2 14.19 2.366 12.474 5.636 11.935 6 5.81 6 5.81 10.994 9.177 10.994 9.477 11.357 5.81 18.363 5.81 22 5.811 22 9.447 22 9.81 21.634 11.526 18.364 12.065 18 18.19 18 18.19 13.006 14.823 13.006 14.523 12.641 18.19 5.636z"></path>
    255279</svg>',
    256280
    257281                'digg'        => '
    258282<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    259         <path d="M4.5,5.4h2.2V16H1V8.5h3.5V5.4L4.5,5.4z M4.5,14.2v-4H3.2v4H4.5z M7.6,8.5V16h2.2V8.5C9.8,8.5,7.6,8.5,7.6,8.5z M7.6,5.4 v2.2h2.2V5.4C9.8,5.4,7.6,5.4,7.6,5.4z M10.7,8.5h5.7v10.1h-5.7v-1.8h3.5V16h-3.5C10.7,16,10.7,8.5,10.7,8.5z M14.2,14.2v-4h-1.3v4 H14.2z M17.3,8.5H23v10.1h-5.7v-1.8h3.5V16h-3.5C17.3,16,17.3,8.5,17.3,8.5z M20.8,14.2v-4h-1.3v4H20.8z"/>
     283        <path d="M4.5,5.4h2.2V16H1V8.5h3.5V5.4L4.5,5.4z M4.5,14.2v-4H3.2v4H4.5z M7.6,8.5V16h2.2V8.5C9.8,8.5,7.6,8.5,7.6,8.5z M7.6,5.4 v2.2h2.2V5.4C9.8,5.4,7.6,5.4,7.6,5.4z M10.7,8.5h5.7v10.1h-5.7v-1.8h3.5V16h-3.5C10.7,16,10.7,8.5,10.7,8.5z M14.2,14.2v-4h-1.3v4 H14.2z M17.3,8.5H23v10.1h-5.7v-1.8h3.5V16h-3.5C17.3,16,17.3,8.5,17.3,8.5z M20.8,14.2v-4h-1.3v4H20.8z"></path>
    260284</svg>',
    261285
    262286                'dribbble'    => '
    263287<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    264         <path d="M12,22C6.486,22,2,17.514,2,12S6.486,2,12,2c5.514,0,10,4.486,10,10S17.514,22,12,22z M20.434,13.369 c-0.292-0.092-2.644-0.794-5.32-0.365c1.117,3.07,1.572,5.57,1.659,6.09C18.689,17.798,20.053,15.745,20.434,13.369z M15.336,19.876c-0.127-0.749-0.623-3.361-1.822-6.477c-0.019,0.006-0.038,0.013-0.056,0.019c-4.818,1.679-6.547,5.02-6.701,5.334 c1.448,1.129,3.268,1.803,5.243,1.803C13.183,20.555,14.311,20.313,15.336,19.876z M5.654,17.724 c0.193-0.331,2.538-4.213,6.943-5.637c0.111-0.036,0.224-0.07,0.337-0.102c-0.214-0.485-0.448-0.971-0.692-1.45 c-4.266,1.277-8.405,1.223-8.778,1.216c-0.003,0.087-0.004,0.174-0.004,0.261C3.458,14.207,4.29,16.21,5.654,17.724z M3.639,10.264 c0.382,0.005,3.901,0.02,7.897-1.041c-1.415-2.516-2.942-4.631-3.167-4.94C5.979,5.41,4.193,7.613,3.639,10.264z M9.998,3.709 c0.236,0.316,1.787,2.429,3.187,5c3.037-1.138,4.323-2.867,4.477-3.085C16.154,4.286,14.17,3.471,12,3.471 C11.311,3.471,10.641,3.554,9.998,3.709z M18.612,6.612C18.432,6.855,17,8.69,13.842,9.979c0.199,0.407,0.389,0.821,0.567,1.237 c0.063,0.148,0.124,0.295,0.184,0.441c2.842-0.357,5.666,0.215,5.948,0.275C20.522,9.916,19.801,8.065,18.612,6.612z"/>
     288        <path d="M12,22C6.486,22,2,17.514,2,12S6.486,2,12,2c5.514,0,10,4.486,10,10S17.514,22,12,22z M20.434,13.369 c-0.292-0.092-2.644-0.794-5.32-0.365c1.117,3.07,1.572,5.57,1.659,6.09C18.689,17.798,20.053,15.745,20.434,13.369z M15.336,19.876c-0.127-0.749-0.623-3.361-1.822-6.477c-0.019,0.006-0.038,0.013-0.056,0.019c-4.818,1.679-6.547,5.02-6.701,5.334 c1.448,1.129,3.268,1.803,5.243,1.803C13.183,20.555,14.311,20.313,15.336,19.876z M5.654,17.724 c0.193-0.331,2.538-4.213,6.943-5.637c0.111-0.036,0.224-0.07,0.337-0.102c-0.214-0.485-0.448-0.971-0.692-1.45 c-4.266,1.277-8.405,1.223-8.778,1.216c-0.003,0.087-0.004,0.174-0.004,0.261C3.458,14.207,4.29,16.21,5.654,17.724z M3.639,10.264 c0.382,0.005,3.901,0.02,7.897-1.041c-1.415-2.516-2.942-4.631-3.167-4.94C5.979,5.41,4.193,7.613,3.639,10.264z M9.998,3.709 c0.236,0.316,1.787,2.429,3.187,5c3.037-1.138,4.323-2.867,4.477-3.085C16.154,4.286,14.17,3.471,12,3.471 C11.311,3.471,10.641,3.554,9.998,3.709z M18.612,6.612C18.432,6.855,17,8.69,13.842,9.979c0.199,0.407,0.389,0.821,0.567,1.237 c0.063,0.148,0.124,0.295,0.184,0.441c2.842-0.357,5.666,0.215,5.948,0.275C20.522,9.916,19.801,8.065,18.612,6.612z"></path>
    265289</svg>',
    266290
    267291                'dropbox'     => '
    268292<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    269         <path d="M12,6.134L6.069,9.797L2,6.54l5.883-3.843L12,6.134z M2,13.054l5.883,3.843L12,13.459L6.069,9.797L2,13.054z M12,13.459 l4.116,3.439L22,13.054l-4.069-3.257L12,13.459z M22,6.54l-5.884-3.843L12,6.134l5.931,3.663L22,6.54z M12.011,14.2l-4.129,3.426 l-1.767-1.153v1.291l5.896,3.539l5.897-3.539v-1.291l-1.769,1.153L12.011,14.2z"/>
     293        <path d="M12,6.134L6.069,9.797L2,6.54l5.883-3.843L12,6.134z M2,13.054l5.883,3.843L12,13.459L6.069,9.797L2,13.054z M12,13.459 l4.116,3.439L22,13.054l-4.069-3.257L12,13.459z M22,6.54l-5.884-3.843L12,6.134l5.931,3.663L22,6.54z M12.011,14.2l-4.129,3.426 l-1.767-1.153v1.291l5.896,3.539l5.897-3.539v-1.291l-1.769,1.153L12.011,14.2z"></path>
    270294</svg>',
    271295
    272296                'etsy'        => '
    273297<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    274         <path d="M9.16033,4.038c0-.27174.02717-.43478.48913-.43478h6.22283c1.087,0,1.68478.92391,2.11957,2.663l.35326,1.38587h1.05978C19.59511,3.712,19.75815,2,19.75815,2s-2.663.29891-4.23913.29891h-7.962L3.29076,2.163v1.1413L4.731,3.57609c1.00543.19022,1.25.40761,1.33152,1.33152,0,0,.08152,2.71739.08152,7.20109s-.08152,7.17391-.08152,7.17391c0,.81522-.32609,1.11413-1.33152,1.30435l-1.44022.27174V22l4.2663-.13587h7.11957c1.60326,0,5.32609.13587,5.32609.13587.08152-.97826.625-5.40761.70652-5.89674H19.7038L18.644,18.52174c-.84239,1.90217-2.06522,2.038-3.42391,2.038H11.1712c-1.3587,0-2.01087-.54348-2.01087-1.712V12.65217s3.0163,0,3.99457.08152c.76087.05435,1.22283.27174,1.46739,1.33152l.32609,1.413h1.16848l-.08152-3.55978.163-3.587H15.02989l-.38043,1.57609c-.24457,1.03261-.40761,1.22283-1.46739,1.33152-1.38587.13587-4.02174.1087-4.02174.1087Z"/>
     298        <path d="M9.16033,4.038c0-.27174.02717-.43478.48913-.43478h6.22283c1.087,0,1.68478.92391,2.11957,2.663l.35326,1.38587h1.05978C19.59511,3.712,19.75815,2,19.75815,2s-2.663.29891-4.23913.29891h-7.962L3.29076,2.163v1.1413L4.731,3.57609c1.00543.19022,1.25.40761,1.33152,1.33152,0,0,.08152,2.71739.08152,7.20109s-.08152,7.17391-.08152,7.17391c0,.81522-.32609,1.11413-1.33152,1.30435l-1.44022.27174V22l4.2663-.13587h7.11957c1.60326,0,5.32609.13587,5.32609.13587.08152-.97826.625-5.40761.70652-5.89674H19.7038L18.644,18.52174c-.84239,1.90217-2.06522,2.038-3.42391,2.038H11.1712c-1.3587,0-2.01087-.54348-2.01087-1.712V12.65217s3.0163,0,3.99457.08152c.76087.05435,1.22283.27174,1.46739,1.33152l.32609,1.413h1.16848l-.08152-3.55978.163-3.587H15.02989l-.38043,1.57609c-.24457,1.03261-.40761,1.22283-1.46739,1.33152-1.38587.13587-4.02174.1087-4.02174.1087Z"></path>
    275299</svg>',
    276300
    277301                'facebook'    => '
    278302<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    279         <path d="M20.007,3H3.993C3.445,3,3,3.445,3,3.993v16.013C3,20.555,3.445,21,3.993,21h8.621v-6.971h-2.346v-2.717h2.346V9.31 c0-2.325,1.42-3.591,3.494-3.591c0.993,0,1.847,0.074,2.096,0.107v2.43l-1.438,0.001c-1.128,0-1.346,0.536-1.346,1.323v1.734h2.69 l-0.35,2.717h-2.34V21h4.587C20.555,21,21,20.555,21,20.007V3.993C21,3.445,20.555,3,20.007,3z"/>
     303        <path d="M20.007,3H3.993C3.445,3,3,3.445,3,3.993v16.013C3,20.555,3.445,21,3.993,21h8.621v-6.971h-2.346v-2.717h2.346V9.31 c0-2.325,1.42-3.591,3.494-3.591c0.993,0,1.847,0.074,2.096,0.107v2.43l-1.438,0.001c-1.128,0-1.346,0.536-1.346,1.323v1.734h2.69 l-0.35,2.717h-2.34V21h4.587C20.555,21,21,20.555,21,20.007V3.993C21,3.445,20.555,3,20.007,3z"></path>
    280304</svg>',
    281305
    282306                'feed'        => '
    283307<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    284         <path d="M2,8.667V12c5.515,0,10,4.485,10,10h3.333C15.333,14.637,9.363,8.667,2,8.667z M2,2v3.333 c9.19,0,16.667,7.477,16.667,16.667H22C22,10.955,13.045,2,2,2z M4.5,17C3.118,17,2,18.12,2,19.5S3.118,22,4.5,22S7,20.88,7,19.5 S5.882,17,4.5,17z"/>
     308        <path d="M2,8.667V12c5.515,0,10,4.485,10,10h3.333C15.333,14.637,9.363,8.667,2,8.667z M2,2v3.333 c9.19,0,16.667,7.477,16.667,16.667H22C22,10.955,13.045,2,2,2z M4.5,17C3.118,17,2,18.12,2,19.5S3.118,22,4.5,22S7,20.88,7,19.5 S5.882,17,4.5,17z"></path>
    285309</svg>',
    286310
    287311                'flickr'      => '
    288312<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    289         <path d="M6.5,7c-2.75,0-5,2.25-5,5s2.25,5,5,5s5-2.25,5-5S9.25,7,6.5,7z M17.5,7c-2.75,0-5,2.25-5,5s2.25,5,5,5s5-2.25,5-5 S20.25,7,17.5,7z"/>
     313        <path d="M6.5,7c-2.75,0-5,2.25-5,5s2.25,5,5,5s5-2.25,5-5S9.25,7,6.5,7z M17.5,7c-2.75,0-5,2.25-5,5s2.25,5,5,5s5-2.25,5-5 S20.25,7,17.5,7z"></path>
    290314</svg>',
    291315
    292316                'foursquare'  => '
    293317<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    294         <path d="M17.573,2c0,0-9.197,0-10.668,0S5,3.107,5,3.805s0,16.948,0,16.948c0,0.785,0.422,1.077,0.66,1.172 c0.238,0.097,0.892,0.177,1.285-0.275c0,0,5.035-5.843,5.122-5.93c0.132-0.132,0.132-0.132,0.262-0.132h3.26 c1.368,0,1.588-0.977,1.732-1.552c0.078-0.318,0.692-3.428,1.225-6.122l0.675-3.368C19.56,2.893,19.14,2,17.573,2z M16.495,7.22 c-0.053,0.252-0.372,0.518-0.665,0.518c-0.293,0-4.157,0-4.157,0c-0.467,0-0.802,0.318-0.802,0.787v0.508 c0,0.467,0.337,0.798,0.805,0.798c0,0,3.197,0,3.528,0s0.655,0.362,0.583,0.715c-0.072,0.353-0.407,2.102-0.448,2.295 c-0.04,0.193-0.262,0.523-0.655,0.523c-0.33,0-2.88,0-2.88,0c-0.523,0-0.683,0.068-1.033,0.503 c-0.35,0.437-3.505,4.223-3.505,4.223c-0.032,0.035-0.063,0.027-0.063-0.015V4.852c0-0.298,0.26-0.648,0.648-0.648 c0,0,8.228,0,8.562,0c0.315,0,0.61,0.297,0.528,0.683L16.495,7.22z"/>
     318        <path d="M17.573,2c0,0-9.197,0-10.668,0S5,3.107,5,3.805s0,16.948,0,16.948c0,0.785,0.422,1.077,0.66,1.172 c0.238,0.097,0.892,0.177,1.285-0.275c0,0,5.035-5.843,5.122-5.93c0.132-0.132,0.132-0.132,0.262-0.132h3.26 c1.368,0,1.588-0.977,1.732-1.552c0.078-0.318,0.692-3.428,1.225-6.122l0.675-3.368C19.56,2.893,19.14,2,17.573,2z M16.495,7.22 c-0.053,0.252-0.372,0.518-0.665,0.518c-0.293,0-4.157,0-4.157,0c-0.467,0-0.802,0.318-0.802,0.787v0.508 c0,0.467,0.337,0.798,0.805,0.798c0,0,3.197,0,3.528,0s0.655,0.362,0.583,0.715c-0.072,0.353-0.407,2.102-0.448,2.295 c-0.04,0.193-0.262,0.523-0.655,0.523c-0.33,0-2.88,0-2.88,0c-0.523,0-0.683,0.068-1.033,0.503 c-0.35,0.437-3.505,4.223-3.505,4.223c-0.032,0.035-0.063,0.027-0.063-0.015V4.852c0-0.298,0.26-0.648,0.648-0.648 c0,0,8.228,0,8.562,0c0.315,0,0.61,0.297,0.528,0.683L16.495,7.22z"></path>
    295319</svg>',
    296320
    297321                'goodreads'   => '
    298322<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    299         <path d="M17.3,17.5c-0.2,0.8-0.5,1.4-1,1.9c-0.4,0.5-1,0.9-1.7,1.2C13.9,20.9,13.1,21,12,21c-0.6,0-1.3-0.1-1.9-0.2 c-0.6-0.1-1.1-0.4-1.6-0.7c-0.5-0.3-0.9-0.7-1.2-1.2c-0.3-0.5-0.5-1.1-0.5-1.7h1.5c0.1,0.5,0.2,0.9,0.5,1.2 c0.2,0.3,0.5,0.6,0.9,0.8c0.3,0.2,0.7,0.3,1.1,0.4c0.4,0.1,0.8,0.1,1.2,0.1c1.4,0,2.5-0.4,3.1-1.2c0.6-0.8,1-2,1-3.5v-1.7h0 c-0.4,0.8-0.9,1.4-1.6,1.9c-0.7,0.5-1.5,0.7-2.4,0.7c-1,0-1.9-0.2-2.6-0.5C8.7,15,8.1,14.5,7.7,14c-0.5-0.6-0.8-1.3-1-2.1 c-0.2-0.8-0.3-1.6-0.3-2.5c0-0.9,0.1-1.7,0.4-2.5c0.3-0.8,0.6-1.5,1.1-2c0.5-0.6,1.1-1,1.8-1.4C10.3,3.2,11.1,3,12,3 c0.5,0,0.9,0.1,1.3,0.2c0.4,0.1,0.8,0.3,1.1,0.5c0.3,0.2,0.6,0.5,0.9,0.8c0.3,0.3,0.5,0.6,0.6,1h0V3.4h1.5V15 C17.6,15.9,17.5,16.7,17.3,17.5z M13.8,14.1c0.5-0.3,0.9-0.7,1.3-1.1c0.3-0.5,0.6-1,0.8-1.6c0.2-0.6,0.3-1.2,0.3-1.9 c0-0.6-0.1-1.2-0.2-1.9c-0.1-0.6-0.4-1.2-0.7-1.7c-0.3-0.5-0.7-0.9-1.3-1.2c-0.5-0.3-1.1-0.5-1.9-0.5s-1.4,0.2-1.9,0.5 c-0.5,0.3-1,0.7-1.3,1.2C8.5,6.4,8.3,7,8.1,7.6C8,8.2,7.9,8.9,7.9,9.5c0,0.6,0.1,1.3,0.2,1.9C8.3,12,8.6,12.5,8.9,13 c0.3,0.5,0.8,0.8,1.3,1.1c0.5,0.3,1.1,0.4,1.9,0.4C12.7,14.5,13.3,14.4,13.8,14.1z"/>
     323        <path d="M17.3,17.5c-0.2,0.8-0.5,1.4-1,1.9c-0.4,0.5-1,0.9-1.7,1.2C13.9,20.9,13.1,21,12,21c-0.6,0-1.3-0.1-1.9-0.2 c-0.6-0.1-1.1-0.4-1.6-0.7c-0.5-0.3-0.9-0.7-1.2-1.2c-0.3-0.5-0.5-1.1-0.5-1.7h1.5c0.1,0.5,0.2,0.9,0.5,1.2 c0.2,0.3,0.5,0.6,0.9,0.8c0.3,0.2,0.7,0.3,1.1,0.4c0.4,0.1,0.8,0.1,1.2,0.1c1.4,0,2.5-0.4,3.1-1.2c0.6-0.8,1-2,1-3.5v-1.7h0 c-0.4,0.8-0.9,1.4-1.6,1.9c-0.7,0.5-1.5,0.7-2.4,0.7c-1,0-1.9-0.2-2.6-0.5C8.7,15,8.1,14.5,7.7,14c-0.5-0.6-0.8-1.3-1-2.1 c-0.2-0.8-0.3-1.6-0.3-2.5c0-0.9,0.1-1.7,0.4-2.5c0.3-0.8,0.6-1.5,1.1-2c0.5-0.6,1.1-1,1.8-1.4C10.3,3.2,11.1,3,12,3 c0.5,0,0.9,0.1,1.3,0.2c0.4,0.1,0.8,0.3,1.1,0.5c0.3,0.2,0.6,0.5,0.9,0.8c0.3,0.3,0.5,0.6,0.6,1h0V3.4h1.5V15 C17.6,15.9,17.5,16.7,17.3,17.5z M13.8,14.1c0.5-0.3,0.9-0.7,1.3-1.1c0.3-0.5,0.6-1,0.8-1.6c0.2-0.6,0.3-1.2,0.3-1.9 c0-0.6-0.1-1.2-0.2-1.9c-0.1-0.6-0.4-1.2-0.7-1.7c-0.3-0.5-0.7-0.9-1.3-1.2c-0.5-0.3-1.1-0.5-1.9-0.5s-1.4,0.2-1.9,0.5 c-0.5,0.3-1,0.7-1.3,1.2C8.5,6.4,8.3,7,8.1,7.6C8,8.2,7.9,8.9,7.9,9.5c0,0.6,0.1,1.3,0.2,1.9C8.3,12,8.6,12.5,8.9,13 c0.3,0.5,0.8,0.8,1.3,1.1c0.5,0.3,1.1,0.4,1.9,0.4C12.7,14.5,13.3,14.4,13.8,14.1z"></path>
    300324</svg>',
    301325
    302326                'google-plus' => '
    303327<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    304         <path d="M8,11h6.61c0.06,0.35,0.11,0.7,0.11,1.16c0,4-2.68,6.84-6.72,6.84c-3.87,0-7-3.13-7-7s3.13-7,7-7 c1.89,0,3.47,0.69,4.69,1.83l-1.9,1.83C10.27,8.16,9.36,7.58,8,7.58c-2.39,0-4.34,1.98-4.34,4.42S5.61,16.42,8,16.42 c2.77,0,3.81-1.99,3.97-3.02H8V11L8,11z M23,11h-2V9h-2v2h-2v2h2v2h2v-2h2"/>
     328        <path d="M8,11h6.61c0.06,0.35,0.11,0.7,0.11,1.16c0,4-2.68,6.84-6.72,6.84c-3.87,0-7-3.13-7-7s3.13-7,7-7 c1.89,0,3.47,0.69,4.69,1.83l-1.9,1.83C10.27,8.16,9.36,7.58,8,7.58c-2.39,0-4.34,1.98-4.34,4.42S5.61,16.42,8,16.42 c2.77,0,3.81-1.99,3.97-3.02H8V11L8,11z M23,11h-2V9h-2v2h-2v2h2v2h2v-2h2"></path>
    305329</svg>',
    306330
    307331                'google'      => '
    308332<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    309         <path d="M12.02,10.18v3.72v0.01h5.51c-0.26,1.57-1.67,4.22-5.5,4.22c-3.31,0-6.01-2.75-6.01-6.12s2.7-6.12,6.01-6.12 c1.87,0,3.13,0.8,3.85,1.48l2.84-2.76C16.99,2.99,14.73,2,12.03,2c-5.52,0-10,4.48-10,10s4.48,10,10,10c5.77,0,9.6-4.06,9.6-9.77 c0-0.83-0.11-1.42-0.25-2.05H12.02z"/>
     333        <path d="M12.02,10.18v3.72v0.01h5.51c-0.26,1.57-1.67,4.22-5.5,4.22c-3.31,0-6.01-2.75-6.01-6.12s2.7-6.12,6.01-6.12 c1.87,0,3.13,0.8,3.85,1.48l2.84-2.76C16.99,2.99,14.73,2,12.03,2c-5.52,0-10,4.48-10,10s4.48,10,10,10c5.77,0,9.6-4.06,9.6-9.77 c0-0.83-0.11-1.42-0.25-2.05H12.02z"></path>
    310334</svg>',
    311335
    312336                'github'      => '
    313337<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    314         <path d="M12,2C6.477,2,2,6.477,2,12c0,4.419,2.865,8.166,6.839,9.489c0.5,0.09,0.682-0.218,0.682-0.484 c0-0.236-0.009-0.866-0.014-1.699c-2.782,0.602-3.369-1.34-3.369-1.34c-0.455-1.157-1.11-1.465-1.11-1.465 c-0.909-0.62,0.069-0.608,0.069-0.608c1.004,0.071,1.532,1.03,1.532,1.03c0.891,1.529,2.341,1.089,2.91,0.833
    315                 c0.091-0.647,0.349-1.086,0.635-1.337c-2.22-0.251-4.555-1.111-4.555-4.943c0-1.091,0.39-1.984,1.03-2.682 C6.546,8.54,6.202,7.524,6.746,6.148c0,0,0.84-0.269,2.75,1.025C10.295,6.95,11.15,6.84,12,6.836 c0.85,0.004,1.705,0.114,2.504,0.336c1.909-1.294,2.748-1.025,2.748-1.025c0.546,1.376,0.202,2.394,0.1,2.646 c0.64,0.699,1.026,1.591,1.026,2.682c0,3.841-2.337,4.687-4.565,4.935c0.359,0.307,0.679,0.917,0.679,1.852 c0,1.335-0.012,2.415-0.012,2.741c0,0.269,0.18,0.579,0.688,0.481C19.138,20.161,22,16.416,22,12C22,6.477,17.523,2,12,2z"/>
     338        <path d="M12,2C6.477,2,2,6.477,2,12c0,4.419,2.865,8.166,6.839,9.489c0.5,0.09,0.682-0.218,0.682-0.484 c0-0.236-0.009-0.866-0.014-1.699c-2.782,0.602-3.369-1.34-3.369-1.34c-0.455-1.157-1.11-1.465-1.11-1.465 c-0.909-0.62,0.069-0.608,0.069-0.608c1.004,0.071,1.532,1.03,1.532,1.03c0.891,1.529,2.341,1.089,2.91,0.833 c0.091-0.647,0.349-1.086,0.635-1.337c-2.22-0.251-4.555-1.111-4.555-4.943c0-1.091,0.39-1.984,1.03-2.682 C6.546,8.54,6.202,7.524,6.746,6.148c0,0,0.84-0.269,2.75,1.025C10.295,6.95,11.15,6.84,12,6.836 c0.85,0.004,1.705,0.114,2.504,0.336c1.909-1.294,2.748-1.025,2.748-1.025c0.546,1.376,0.202,2.394,0.1,2.646 c0.64,0.699,1.026,1.591,1.026,2.682c0,3.841-2.337,4.687-4.565,4.935c0.359,0.307,0.679,0.917,0.679,1.852 c0,1.335-0.012,2.415-0.012,2.741c0,0.269,0.18,0.579,0.688,0.481C19.138,20.161,22,16.416,22,12C22,6.477,17.523,2,12,2z"></path>
    316339</svg>',
    317340
    318341                'instagram'   => '
    319342<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    320         <path d="M12,4.622c2.403,0,2.688,0.009,3.637,0.052c0.877,0.04,1.354,0.187,1.671,0.31c0.42,0.163,0.72,0.358,1.035,0.673 c0.315,0.315,0.51,0.615,0.673,1.035c0.123,0.317,0.27,0.794,0.31,1.671c0.043,0.949,0.052,1.234,0.052,3.637 s-0.009,2.688-0.052,3.637c-0.04,0.877-0.187,1.354-0.31,1.671c-0.163,0.42-0.358,0.72-0.673,1.035 c-0.315,0.315-0.615,0.51-1.035,0.673c-0.317,0.123-0.794,0.27-1.671,0.31c-0.949,0.043-1.233,0.052-3.637,0.052 s-2.688-0.009-3.637-0.052c-0.877-0.04-1.354-0.187-1.671-0.31c-0.42-0.163-0.72-0.358-1.035-0.673 c-0.315-0.315-0.51-0.615-0.673-1.035c-0.123-0.317-0.27-0.794-0.31-1.671C4.631,14.688,4.622,14.403,4.622,12 s0.009-2.688,0.052-3.637c0.04-0.877,0.187-1.354,0.31-1.671c0.163-0.42,0.358-0.72,0.673-1.035 c0.315-0.315,0.615-0.51,1.035-0.673c0.317-0.123,0.794-0.27,1.671-0.31C9.312,4.631,9.597,4.622,12,4.622 M12,3 C9.556,3,9.249,3.01,8.289,3.054C7.331,3.098,6.677,3.25,6.105,3.472C5.513,3.702,5.011,4.01,4.511,4.511 c-0.5,0.5-0.808,1.002-1.038,1.594C3.25,6.677,3.098,7.331,3.054,8.289C3.01,9.249,3,9.556,3,12c0,2.444,0.01,2.751,0.054,3.711 c0.044,0.958,0.196,1.612,0.418,2.185c0.23,0.592,0.538,1.094,1.038,1.594c0.5,0.5,1.002,0.808,1.594,1.038 c0.572,0.222,1.227,0.375,2.185,0.418C9.249,20.99,9.556,21,12,21s2.751-0.01,3.711-0.054c0.958-0.044,1.612-0.196,2.185-0.418 c0.592-0.23,1.094-0.538,1.594-1.038c0.5-0.5,0.808-1.002,1.038-1.594c0.222-0.572,0.375-1.227,0.418-2.185 C20.99,14.751,21,14.444,21,12s-0.01-2.751-0.054-3.711c-0.044-0.958-0.196-1.612-0.418-2.185c-0.23-0.592-0.538-1.094-1.038-1.594 c-0.5-0.5-1.002-0.808-1.594-1.038c-0.572-0.222-1.227-0.375-2.185-0.418C14.751,3.01,14.444,3,12,3L12,3z M12,7.378 c-2.552,0-4.622,2.069-4.622,4.622S9.448,16.622,12,16.622s4.622-2.069,4.622-4.622S14.552,7.378,12,7.378z M12,15 c-1.657,0-3-1.343-3-3s1.343-3,3-3s3,1.343,3,3S13.657,15,12,15z M16.804,6.116c-0.596,0-1.08,0.484-1.08,1.08 s0.484,1.08,1.08,1.08c0.596,0,1.08-0.484,1.08-1.08S17.401,6.116,16.804,6.116z"/>
     343        <path d="M12,4.622c2.403,0,2.688,0.009,3.637,0.052c0.877,0.04,1.354,0.187,1.671,0.31c0.42,0.163,0.72,0.358,1.035,0.673 c0.315,0.315,0.51,0.615,0.673,1.035c0.123,0.317,0.27,0.794,0.31,1.671c0.043,0.949,0.052,1.234,0.052,3.637 s-0.009,2.688-0.052,3.637c-0.04,0.877-0.187,1.354-0.31,1.671c-0.163,0.42-0.358,0.72-0.673,1.035 c-0.315,0.315-0.615,0.51-1.035,0.673c-0.317,0.123-0.794,0.27-1.671,0.31c-0.949,0.043-1.233,0.052-3.637,0.052 s-2.688-0.009-3.637-0.052c-0.877-0.04-1.354-0.187-1.671-0.31c-0.42-0.163-0.72-0.358-1.035-0.673 c-0.315-0.315-0.51-0.615-0.673-1.035c-0.123-0.317-0.27-0.794-0.31-1.671C4.631,14.688,4.622,14.403,4.622,12 s0.009-2.688,0.052-3.637c0.04-0.877,0.187-1.354,0.31-1.671c0.163-0.42,0.358-0.72,0.673-1.035 c0.315-0.315,0.615-0.51,1.035-0.673c0.317-0.123,0.794-0.27,1.671-0.31C9.312,4.631,9.597,4.622,12,4.622 M12,3 C9.556,3,9.249,3.01,8.289,3.054C7.331,3.098,6.677,3.25,6.105,3.472C5.513,3.702,5.011,4.01,4.511,4.511 c-0.5,0.5-0.808,1.002-1.038,1.594C3.25,6.677,3.098,7.331,3.054,8.289C3.01,9.249,3,9.556,3,12c0,2.444,0.01,2.751,0.054,3.711 c0.044,0.958,0.196,1.612,0.418,2.185c0.23,0.592,0.538,1.094,1.038,1.594c0.5,0.5,1.002,0.808,1.594,1.038 c0.572,0.222,1.227,0.375,2.185,0.418C9.249,20.99,9.556,21,12,21s2.751-0.01,3.711-0.054c0.958-0.044,1.612-0.196,2.185-0.418 c0.592-0.23,1.094-0.538,1.594-1.038c0.5-0.5,0.808-1.002,1.038-1.594c0.222-0.572,0.375-1.227,0.418-2.185 C20.99,14.751,21,14.444,21,12s-0.01-2.751-0.054-3.711c-0.044-0.958-0.196-1.612-0.418-2.185c-0.23-0.592-0.538-1.094-1.038-1.594 c-0.5-0.5-1.002-0.808-1.594-1.038c-0.572-0.222-1.227-0.375-2.185-0.418C14.751,3.01,14.444,3,12,3L12,3z M12,7.378 c-2.552,0-4.622,2.069-4.622,4.622S9.448,16.622,12,16.622s4.622-2.069,4.622-4.622S14.552,7.378,12,7.378z M12,15 c-1.657,0-3-1.343-3-3s1.343-3,3-3s3,1.343,3,3S13.657,15,12,15z M16.804,6.116c-0.596,0-1.08,0.484-1.08,1.08 s0.484,1.08,1.08,1.08c0.596,0,1.08-0.484,1.08-1.08S17.401,6.116,16.804,6.116z"></path>
     344</svg>',
     345
     346                'lastfm'    => '
     347<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     348        <path d="M10.5002,0 C4.7006,0 0,4.70109753 0,10.4998496 C0,16.2989526 4.7006,21 10.5002,21 C16.299,21 21,16.2989526 21,10.4998496 C21,4.70109753 16.299,0 10.5002,0 Z M14.69735,14.7204413 C13.3164,14.7151781 12.4346,14.0870017 11.83445,12.6859357 L11.6816001,12.3451305 L10.35405,9.31011397 C9.92709997,8.26875064 8.85260001,7.57120012 7.68010001,7.57120012 C6.06945001,7.57120012 4.75925001,8.88509738 4.75925001,10.5009524 C4.75925001,12.1164565 6.06945001,13.4303036 7.68010001,13.4303036 C8.77200001,13.4303036 9.76514999,12.827541 10.2719501,11.8567047 C10.2893,11.8235214 10.3239,11.8019673 10.36305,11.8038219 C10.4007,11.8053759 10.43535,11.8287847 10.4504,11.8631709 L10.98655,13.1045863 C11.0016,13.1389726 10.9956,13.17782 10.97225,13.2068931 C10.1605001,14.1995341 8.96020001,14.7683115 7.68010001,14.7683115 C5.33305,14.7683115 3.42340001,12.8535563 3.42340001,10.5009524 C3.42340001,8.14679459 5.33300001,6.23203946 7.68010001,6.23203946 C9.45720002,6.23203946 10.8909,7.19074535 11.6138,8.86359341 C11.6205501,8.88018505 12.3412,10.5707777 12.97445,12.0190621 C13.34865,12.8739575 13.64615,13.3959676 14.6288,13.4291508 C15.5663001,13.4612814 16.25375,12.9121534 16.25375,12.1484869 C16.25375,11.4691321 15.8320501,11.3003585 14.8803,10.98216 C13.2365,10.4397989 12.34495,9.88605929 12.34495,8.51817658 C12.34495,7.1809207 13.26665,6.31615054 14.692,6.31615054 C15.62875,6.31615054 16.3155,6.7286858 16.79215,7.5768142 C16.80495,7.60062396 16.8079001,7.62814302 16.8004001,7.65420843 C16.7929,7.68027384 16.7748,7.70212868 16.7507001,7.713808 L15.86145,8.16900031 C15.8178001,8.19200805 15.7643,8.17807308 15.73565,8.13847371 C15.43295,7.71345711 15.0956,7.52513451 14.6423,7.52513451 C14.05125,7.52513451 13.6220001,7.92899802 13.6220001,8.48649708 C13.6220001,9.17382194 14.1529001,9.34144259 15.0339,9.61923972 C15.14915,9.65578139 15.26955,9.69397731 15.39385,9.73432853 C16.7763,10.1865133 17.57675,10.7311301 17.57675,12.1836251 C17.57685,13.629654 16.3389,14.7204413 14.69735,14.7204413 Z"></path>
    321349</svg>',
    322350
    323351                'linkedin'    => '
    324352<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    325         <path d="M19.7,3H4.3C3.582,3,3,3.582,3,4.3v15.4C3,20.418,3.582,21,4.3,21h15.4c0.718,0,1.3-0.582,1.3-1.3V4.3 C21,3.582,20.418,3,19.7,3z M8.339,18.338H5.667v-8.59h2.672V18.338z M7.004,8.574c-0.857,0-1.549-0.694-1.549-1.548 c0-0.855,0.691-1.548,1.549-1.548c0.854,0,1.547,0.694,1.547,1.548C8.551,7.881,7.858,8.574,7.004,8.574z M18.339,18.338h-2.669 v-4.177c0-0.996-0.017-2.278-1.387-2.278c-1.389,0-1.601,1.086-1.601,2.206v4.249h-2.667v-8.59h2.559v1.174h0.037 c0.356-0.675,1.227-1.387,2.526-1.387c2.703,0,3.203,1.779,3.203,4.092V18.338z"/>
     353        <path d="M19.7,3H4.3C3.582,3,3,3.582,3,4.3v15.4C3,20.418,3.582,21,4.3,21h15.4c0.718,0,1.3-0.582,1.3-1.3V4.3 C21,3.582,20.418,3,19.7,3z M8.339,18.338H5.667v-8.59h2.672V18.338z M7.004,8.574c-0.857,0-1.549-0.694-1.549-1.548 c0-0.855,0.691-1.548,1.549-1.548c0.854,0,1.547,0.694,1.547,1.548C8.551,7.881,7.858,8.574,7.004,8.574z M18.339,18.338h-2.669 v-4.177c0-0.996-0.017-2.278-1.387-2.278c-1.389,0-1.601,1.086-1.601,2.206v4.249h-2.667v-8.59h2.559v1.174h0.037 c0.356-0.675,1.227-1.387,2.526-1.387c2.703,0,3.203,1.779,3.203,4.092V18.338z"></path>
    326354</svg>',
    327355
    328356                'mail'        => '
    329357<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    330         <path d="M20,4H4C2.895,4,2,4.895,2,6v12c0,1.105,0.895,2,2,2h16c1.105,0,2-0.895,2-2V6C22,4.895,21.105,4,20,4z M20,8.236l-8,4.882 L4,8.236V6h16V8.236z"/>
     358        <path d="M20,4H4C2.895,4,2,4.895,2,6v12c0,1.105,0.895,2,2,2h16c1.105,0,2-0.895,2-2V6C22,4.895,21.105,4,20,4z M20,8.236l-8,4.882 L4,8.236V6h16V8.236z"></path>
    331359</svg>',
    332360
    333361                'meetup'      => '
    334362<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    335         <path d="M19.24775,14.722a3.57032,3.57032,0,0,1-2.94457,3.52073,3.61886,3.61886,0,0,1-.64652.05634c-.07314-.0008-.10187.02846-.12507.09547A2.38881,2.38881,0,0,1,13.49453,20.094a2.33092,2.33092,0,0,1-1.827-.50716.13635.13635,0,0,0-.19878-.00408,3.191,3.191,0,0,1-2.104.60248,3.26309,3.26309,0,0,1-3.00324-2.71993,2.19076,2.19076,0,0,1-.03512-.30865c-.00156-.08579-.03413-.1189-.11608-.13493a2.86421,2.86421,0,0,1-1.23189-.56111,2.945,2.945,0,0,1-1.166-2.05749,2.97484,2.97484,0,0,1,.87524-2.50774.112.112,0,0,0,.02091-.16107,2.7213,2.7213,0,0,1-.36648-1.48A2.81256,2.81256,0,0,1,6.57673,7.58838a.35764.35764,0,0,0,.28869-.22819,4.2208,4.2208,0,0,1,6.02892-1.90111.25161.25161,0,0,0,.22023.0243,3.65608,3.65608,0,0,1,3.76031.90678A3.57244,3.57244,0,0,1,17.95918,8.626a2.97339,2.97339,0,0,1,.01829.57356.10637.10637,0,0,0,.0853.12792,1.97669,1.97669,0,0,1,1.27939,1.33733,2.00266,2.00266,0,0,1-.57112,2.12652c-.05284.05166-.04168.08328-.01173.13489A3.51189,3.51189,0,0,1,19.24775,14.722Zm-6.35959-.27836a1.6984,1.6984,0,0,0,1.14556,1.61113,3.82039,3.82039,0,0,0,1.036.17935,1.46888,1.46888,0,0,0,.73509-.12255.44082.44082,0,0,0,.26057-.44274.45312.45312,0,0,0-.29211-.43375.97191.97191,0,0,0-.20678-.063c-.21326-.03806-.42754-.0701-.63973-.11215a.54787.54787,0,0,1-.50172-.60926,2.75864,2.75864,0,0,1,.1773-.901c.1763-.535.414-1.045.64183-1.55913A12.686,12.686,0,0,0,15.85,10.47863a1.58461,1.58461,0,0,0,.04861-.87208,1.04531,1.04531,0,0,0-.85432-.83981,1.60658,1.60658,0,0,0-1.23654.16594.27593.27593,0,0,1-.36286-.03413c-.085-.0747-.16594-.15379-.24918-.23055a.98682.98682,0,0,0-1.33577-.04933,6.1468,6.1468,0,0,1-.4989.41615.47762.47762,0,0,1-.51535.03566c-.17448-.09307-.35512-.175-.53531-.25665a1.74949,1.74949,0,0,0-.56476-.2016,1.69943,1.69943,0,0,0-1.61654.91787,8.05815,8.05815,0,0,0-.32952.80126c-.45471,1.2557-.82507,2.53825-1.20838,3.81639a1.24151,1.24151,0,0,0,.51532,1.44389,1.42659,1.42659,0,0,0,1.22008.17166,1.09728,1.09728,0,0,0,.66994-.69764c.44145-1.04111.839-2.09989,1.25981-3.14926.11581-.28876.22792-.57874.35078-.86438a.44548.44548,0,0,1,.69189-.19539.50521.50521,0,0,1,.15044.43836,1.75625,1.75625,0,0,1-.14731.50453c-.27379.69219-.55265,1.38236-.82766,2.074a2.0836,2.0836,0,0,0-.14038.42876.50719.50719,0,0,0,.27082.57722.87236.87236,0,0,0,.66145.02739.99137.99137,0,0,0,.53406-.532q.61571-1.20914,1.228-2.42031.28423-.55863.57585-1.1133a.87189.87189,0,0,1,.29055-.35253.34987.34987,0,0,1,.37634-.01265.30291.30291,0,0,1,.12434.31459.56716.56716,0,0,1-.04655.1915c-.05318.12739-.10286.25669-.16183.38156-.34118.71775-.68754,1.43273-1.02568,2.152A2.00213,2.00213,0,0,0,12.88816,14.44366Zm4.78568,5.28972a.88573.88573,0,0,0-1.77139.00465.8857.8857,0,0,0,1.77139-.00465Zm-14.83838-7.296a.84329.84329,0,1,0,.00827-1.68655.8433.8433,0,0,0-.00827,1.68655Zm10.366-9.43673a.83506.83506,0,1,0-.0091,1.67.83505.83505,0,0,0,.0091-1.67Zm6.85014,5.22a.71651.71651,0,0,0-1.433.0093.71656.71656,0,0,0,1.433-.0093ZM5.37528,6.17908A.63823.63823,0,1,0,6.015,5.54483.62292.62292,0,0,0,5.37528,6.17908Zm6.68214,14.80843a.54949.54949,0,1,0-.55052.541A.54556.54556,0,0,0,12.05742,20.98752Zm8.53235-8.49689a.54777.54777,0,0,0-.54027.54023.53327.53327,0,0,0,.532.52293.51548.51548,0,0,0,.53272-.5237A.53187.53187,0,0,0,20.58977,12.49063ZM7.82846,2.4715a.44927.44927,0,1,0,.44484.44766A.43821.43821,0,0,0,7.82846,2.4715Zm13.775,7.60492a.41186.41186,0,0,0-.40065.39623.40178.40178,0,0,0,.40168.40168A.38994.38994,0,0,0,22,10.48172.39946.39946,0,0,0,21.60349,10.07642ZM5.79193,17.96207a.40469.40469,0,0,0-.397-.39646.399.399,0,0,0-.396.405.39234.39234,0,0,0,.39939.389A.39857.39857,0,0,0,5.79193,17.96207Z"/>
     363        <path d="M19.24775,14.722a3.57032,3.57032,0,0,1-2.94457,3.52073,3.61886,3.61886,0,0,1-.64652.05634c-.07314-.0008-.10187.02846-.12507.09547A2.38881,2.38881,0,0,1,13.49453,20.094a2.33092,2.33092,0,0,1-1.827-.50716.13635.13635,0,0,0-.19878-.00408,3.191,3.191,0,0,1-2.104.60248,3.26309,3.26309,0,0,1-3.00324-2.71993,2.19076,2.19076,0,0,1-.03512-.30865c-.00156-.08579-.03413-.1189-.11608-.13493a2.86421,2.86421,0,0,1-1.23189-.56111,2.945,2.945,0,0,1-1.166-2.05749,2.97484,2.97484,0,0,1,.87524-2.50774.112.112,0,0,0,.02091-.16107,2.7213,2.7213,0,0,1-.36648-1.48A2.81256,2.81256,0,0,1,6.57673,7.58838a.35764.35764,0,0,0,.28869-.22819,4.2208,4.2208,0,0,1,6.02892-1.90111.25161.25161,0,0,0,.22023.0243,3.65608,3.65608,0,0,1,3.76031.90678A3.57244,3.57244,0,0,1,17.95918,8.626a2.97339,2.97339,0,0,1,.01829.57356.10637.10637,0,0,0,.0853.12792,1.97669,1.97669,0,0,1,1.27939,1.33733,2.00266,2.00266,0,0,1-.57112,2.12652c-.05284.05166-.04168.08328-.01173.13489A3.51189,3.51189,0,0,1,19.24775,14.722Zm-6.35959-.27836a1.6984,1.6984,0,0,0,1.14556,1.61113,3.82039,3.82039,0,0,0,1.036.17935,1.46888,1.46888,0,0,0,.73509-.12255.44082.44082,0,0,0,.26057-.44274.45312.45312,0,0,0-.29211-.43375.97191.97191,0,0,0-.20678-.063c-.21326-.03806-.42754-.0701-.63973-.11215a.54787.54787,0,0,1-.50172-.60926,2.75864,2.75864,0,0,1,.1773-.901c.1763-.535.414-1.045.64183-1.55913A12.686,12.686,0,0,0,15.85,10.47863a1.58461,1.58461,0,0,0,.04861-.87208,1.04531,1.04531,0,0,0-.85432-.83981,1.60658,1.60658,0,0,0-1.23654.16594.27593.27593,0,0,1-.36286-.03413c-.085-.0747-.16594-.15379-.24918-.23055a.98682.98682,0,0,0-1.33577-.04933,6.1468,6.1468,0,0,1-.4989.41615.47762.47762,0,0,1-.51535.03566c-.17448-.09307-.35512-.175-.53531-.25665a1.74949,1.74949,0,0,0-.56476-.2016,1.69943,1.69943,0,0,0-1.61654.91787,8.05815,8.05815,0,0,0-.32952.80126c-.45471,1.2557-.82507,2.53825-1.20838,3.81639a1.24151,1.24151,0,0,0,.51532,1.44389,1.42659,1.42659,0,0,0,1.22008.17166,1.09728,1.09728,0,0,0,.66994-.69764c.44145-1.04111.839-2.09989,1.25981-3.14926.11581-.28876.22792-.57874.35078-.86438a.44548.44548,0,0,1,.69189-.19539.50521.50521,0,0,1,.15044.43836,1.75625,1.75625,0,0,1-.14731.50453c-.27379.69219-.55265,1.38236-.82766,2.074a2.0836,2.0836,0,0,0-.14038.42876.50719.50719,0,0,0,.27082.57722.87236.87236,0,0,0,.66145.02739.99137.99137,0,0,0,.53406-.532q.61571-1.20914,1.228-2.42031.28423-.55863.57585-1.1133a.87189.87189,0,0,1,.29055-.35253.34987.34987,0,0,1,.37634-.01265.30291.30291,0,0,1,.12434.31459.56716.56716,0,0,1-.04655.1915c-.05318.12739-.10286.25669-.16183.38156-.34118.71775-.68754,1.43273-1.02568,2.152A2.00213,2.00213,0,0,0,12.88816,14.44366Zm4.78568,5.28972a.88573.88573,0,0,0-1.77139.00465.8857.8857,0,0,0,1.77139-.00465Zm-14.83838-7.296a.84329.84329,0,1,0,.00827-1.68655.8433.8433,0,0,0-.00827,1.68655Zm10.366-9.43673a.83506.83506,0,1,0-.0091,1.67.83505.83505,0,0,0,.0091-1.67Zm6.85014,5.22a.71651.71651,0,0,0-1.433.0093.71656.71656,0,0,0,1.433-.0093ZM5.37528,6.17908A.63823.63823,0,1,0,6.015,5.54483.62292.62292,0,0,0,5.37528,6.17908Zm6.68214,14.80843a.54949.54949,0,1,0-.55052.541A.54556.54556,0,0,0,12.05742,20.98752Zm8.53235-8.49689a.54777.54777,0,0,0-.54027.54023.53327.53327,0,0,0,.532.52293.51548.51548,0,0,0,.53272-.5237A.53187.53187,0,0,0,20.58977,12.49063ZM7.82846,2.4715a.44927.44927,0,1,0,.44484.44766A.43821.43821,0,0,0,7.82846,2.4715Zm13.775,7.60492a.41186.41186,0,0,0-.40065.39623.40178.40178,0,0,0,.40168.40168A.38994.38994,0,0,0,22,10.48172.39946.39946,0,0,0,21.60349,10.07642ZM5.79193,17.96207a.40469.40469,0,0,0-.397-.39646.399.399,0,0,0-.396.405.39234.39234,0,0,0,.39939.389A.39857.39857,0,0,0,5.79193,17.96207Z"></path>
    336364</svg>',
    337365
    338366                'medium'      => '
    339367<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    340         <path d="M20.962,7.257l-5.457,8.867l-3.923-6.375l3.126-5.08c0.112-0.182,0.319-0.286,0.527-0.286c0.05,0,0.1,0.008,0.149,0.02 c0.039,0.01,0.078,0.023,0.114,0.041l5.43,2.715l0.006,0.003c0.004,0.002,0.007,0.006,0.011,0.008 C20.971,7.191,20.98,7.227,20.962,7.257z M9.86,8.592v5.783l5.14,2.57L9.86,8.592z M15.772,17.331l4.231,2.115 C20.554,19.721,21,19.529,21,19.016V8.835L15.772,17.331z M8.968,7.178L3.665,4.527C3.569,4.479,3.478,4.456,3.395,4.456 C3.163,4.456,3,4.636,3,4.938v11.45c0,0.306,0.224,0.669,0.498,0.806l4.671,2.335c0.12,0.06,0.234,0.088,0.337,0.088 c0.29,0,0.494-0.225,0.494-0.602V7.231C9,7.208,8.988,7.188,8.968,7.178z"/>
     368        <path d="M20.962,7.257l-5.457,8.867l-3.923-6.375l3.126-5.08c0.112-0.182,0.319-0.286,0.527-0.286c0.05,0,0.1,0.008,0.149,0.02 c0.039,0.01,0.078,0.023,0.114,0.041l5.43,2.715l0.006,0.003c0.004,0.002,0.007,0.006,0.011,0.008 C20.971,7.191,20.98,7.227,20.962,7.257z M9.86,8.592v5.783l5.14,2.57L9.86,8.592z M15.772,17.331l4.231,2.115 C20.554,19.721,21,19.529,21,19.016V8.835L15.772,17.331z M8.968,7.178L3.665,4.527C3.569,4.479,3.478,4.456,3.395,4.456 C3.163,4.456,3,4.636,3,4.938v11.45c0,0.306,0.224,0.669,0.498,0.806l4.671,2.335c0.12,0.06,0.234,0.088,0.337,0.088 c0.29,0,0.494-0.225,0.494-0.602V7.231C9,7.208,8.988,7.188,8.968,7.178z"></path>
    341369</svg>',
    342370
    343371                'pinterest'   => '
    344372<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    345         <path d="M12.289,2C6.617,2,3.606,5.648,3.606,9.622c0,1.846,1.025,4.146,2.666,4.878c0.25,0.111,0.381,0.063,0.439-0.169 c0.044-0.175,0.267-1.029,0.365-1.428c0.032-0.128,0.017-0.237-0.091-0.362C6.445,11.911,6.01,10.75,6.01,9.668 c0-2.777,2.194-5.464,5.933-5.464c3.23,0,5.49,2.108,5.49,5.122c0,3.407-1.794,5.768-4.13,5.768c-1.291,0-2.257-1.021-1.948-2.277 c0.372-1.495,1.089-3.112,1.089-4.191c0-0.967-0.542-1.775-1.663-1.775c-1.319,0-2.379,1.309-2.379,3.059 c0,1.115,0.394,1.869,0.394,1.869s-1.302,5.279-1.54,6.261c-0.405,1.666,0.053,4.368,0.094,4.604 c0.021,0.126,0.167,0.169,0.25,0.063c0.129-0.165,1.699-2.419,2.142-4.051c0.158-0.59,0.817-2.995,0.817-2.995 c0.43,0.784,1.681,1.446,3.013,1.446c3.963,0,6.822-3.494,6.822-7.833C20.394,5.112,16.849,2,12.289,2"/>
     373        <path d="M12.289,2C6.617,2,3.606,5.648,3.606,9.622c0,1.846,1.025,4.146,2.666,4.878c0.25,0.111,0.381,0.063,0.439-0.169 c0.044-0.175,0.267-1.029,0.365-1.428c0.032-0.128,0.017-0.237-0.091-0.362C6.445,11.911,6.01,10.75,6.01,9.668 c0-2.777,2.194-5.464,5.933-5.464c3.23,0,5.49,2.108,5.49,5.122c0,3.407-1.794,5.768-4.13,5.768c-1.291,0-2.257-1.021-1.948-2.277 c0.372-1.495,1.089-3.112,1.089-4.191c0-0.967-0.542-1.775-1.663-1.775c-1.319,0-2.379,1.309-2.379,3.059 c0,1.115,0.394,1.869,0.394,1.869s-1.302,5.279-1.54,6.261c-0.405,1.666,0.053,4.368,0.094,4.604 c0.021,0.126,0.167,0.169,0.25,0.063c0.129-0.165,1.699-2.419,2.142-4.051c0.158-0.59,0.817-2.995,0.817-2.995 c0.43,0.784,1.681,1.446,3.013,1.446c3.963,0,6.822-3.494,6.822-7.833C20.394,5.112,16.849,2,12.289,2"></path>
    346374</svg>',
    347375
    348376                'pocket'      => '
    349377<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    350         <path d="M21.927,4.194C21.667,3.48,20.982,3,20.222,3h-0.01h-1.721H3.839C3.092,3,2.411,3.47,2.145,4.17 C2.066,4.378,2.026,4.594,2.026,4.814v6.035l0.069,1.2c0.29,2.73,1.707,5.115,3.899,6.778c0.039,0.03,0.079,0.059,0.119,0.089 l0.025,0.018c1.175,0.859,2.491,1.441,3.91,1.727c0.655,0.132,1.325,0.2,1.991,0.2c0.615,0,1.232-0.057,1.839-0.17 c0.073-0.014,0.145-0.028,0.219-0.044c0.02-0.004,0.042-0.012,0.064-0.023c1.359-0.297,2.621-0.864,3.753-1.691l0.025-0.018 c0.04-0.029,0.08-0.058,0.119-0.089c2.192-1.664,3.609-4.049,3.898-6.778l0.069-1.2V4.814C22.026,4.605,22,4.398,21.927,4.194z M17.692,10.481l-4.704,4.512c-0.266,0.254-0.608,0.382-0.949,0.382c-0.342,0-0.684-0.128-0.949-0.382l-4.705-4.512 C5.838,9.957,5.82,9.089,6.344,8.542c0.524-0.547,1.392-0.565,1.939-0.04l3.756,3.601l3.755-3.601 c0.547-0.524,1.415-0.506,1.939,0.04C18.256,9.089,18.238,9.956,17.692,10.481z"/>
     378        <path d="M21.927,4.194C21.667,3.48,20.982,3,20.222,3h-0.01h-1.721H3.839C3.092,3,2.411,3.47,2.145,4.17 C2.066,4.378,2.026,4.594,2.026,4.814v6.035l0.069,1.2c0.29,2.73,1.707,5.115,3.899,6.778c0.039,0.03,0.079,0.059,0.119,0.089 l0.025,0.018c1.175,0.859,2.491,1.441,3.91,1.727c0.655,0.132,1.325,0.2,1.991,0.2c0.615,0,1.232-0.057,1.839-0.17 c0.073-0.014,0.145-0.028,0.219-0.044c0.02-0.004,0.042-0.012,0.064-0.023c1.359-0.297,2.621-0.864,3.753-1.691l0.025-0.018 c0.04-0.029,0.08-0.058,0.119-0.089c2.192-1.664,3.609-4.049,3.898-6.778l0.069-1.2V4.814C22.026,4.605,22,4.398,21.927,4.194z M17.692,10.481l-4.704,4.512c-0.266,0.254-0.608,0.382-0.949,0.382c-0.342,0-0.684-0.128-0.949-0.382l-4.705-4.512 C5.838,9.957,5.82,9.089,6.344,8.542c0.524-0.547,1.392-0.565,1.939-0.04l3.756,3.601l3.755-3.601 c0.547-0.524,1.415-0.506,1.939,0.04C18.256,9.089,18.238,9.956,17.692,10.481z"></path>
    351379</svg>',
    352380
    353381                'reddit'      => '
    354382<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    355         <path d="M22,11.816c0-1.256-1.021-2.277-2.277-2.277c-0.593,0-1.122,0.24-1.526,0.614c-1.481-0.965-3.455-1.594-5.647-1.69 l1.171-3.702l3.18,0.748c0.008,1.028,0.846,1.862,1.876,1.862c1.035,0,1.877-0.842,1.877-1.878c0-1.035-0.842-1.877-1.877-1.877 c-0.769,0-1.431,0.466-1.72,1.13l-3.508-0.826c-0.203-0.047-0.399,0.067-0.46,0.261l-1.35,4.268 c-2.316,0.038-4.411,0.67-5.97,1.671C5.368,9.765,4.853,9.539,4.277,9.539C3.021,9.539,2,10.56,2,11.816 c0,0.814,0.433,1.523,1.078,1.925c-0.037,0.221-0.061,0.444-0.061,0.672c0,3.292,4.011,5.97,8.941,5.97s8.941-2.678,8.941-5.97 c0-0.214-0.02-0.424-0.053-0.632C21.533,13.39,22,12.661,22,11.816z M18.776,4.394c0.606,0,1.1,0.493,1.1,1.1s-0.493,1.1-1.1,1.1 s-1.1-0.494-1.1-1.1S18.169,4.394,18.776,4.394z M2.777,11.816c0-0.827,0.672-1.5,1.499-1.5c0.313,0,0.598,0.103,0.838,0.269 c-0.851,0.676-1.477,1.479-1.812,2.36C2.983,12.672,2.777,12.27,2.777,11.816z M11.959,19.606c-4.501,0-8.164-2.329-8.164-5.193 S7.457,9.22,11.959,9.22s8.164,2.329,8.164,5.193S16.46,19.606,11.959,19.606z M20.636,13.001c-0.326-0.89-0.948-1.701-1.797-2.384 c0.248-0.186,0.55-0.301,0.883-0.301c0.827,0,1.5,0.673,1.5,1.5C21.223,12.299,20.992,12.727,20.636,13.001z M8.996,14.704 c-0.76,0-1.397-0.616-1.397-1.376c0-0.76,0.637-1.397,1.397-1.397c0.76,0,1.376,0.637,1.376,1.397 C10.372,14.088,9.756,14.704,8.996,14.704z M16.401,13.328c0,0.76-0.616,1.376-1.376,1.376c-0.76,0-1.399-0.616-1.399-1.376 c0-0.76,0.639-1.397,1.399-1.397C15.785,11.931,16.401,12.568,16.401,13.328z M15.229,16.708c0.152,0.152,0.152,0.398,0,0.55 c-0.674,0.674-1.727,1.002-3.219,1.002c-0.004,0-0.007-0.002-0.011-0.002c-0.004,0-0.007,0.002-0.011,0.002 c-1.492,0-2.544-0.328-3.218-1.002c-0.152-0.152-0.152-0.398,0-0.55c0.152-0.152,0.399-0.151,0.55,0 c0.521,0.521,1.394,0.775,2.669,0.775c0.004,0,0.007,0.002,0.011,0.002c0.004,0,0.007-0.002,0.011-0.002 c1.275,0,2.148-0.253,2.669-0.775C14.831,16.556,15.078,16.556,15.229,16.708z"/>
     383        <path d="M22,11.816c0-1.256-1.021-2.277-2.277-2.277c-0.593,0-1.122,0.24-1.526,0.614c-1.481-0.965-3.455-1.594-5.647-1.69 l1.171-3.702l3.18,0.748c0.008,1.028,0.846,1.862,1.876,1.862c1.035,0,1.877-0.842,1.877-1.878c0-1.035-0.842-1.877-1.877-1.877 c-0.769,0-1.431,0.466-1.72,1.13l-3.508-0.826c-0.203-0.047-0.399,0.067-0.46,0.261l-1.35,4.268 c-2.316,0.038-4.411,0.67-5.97,1.671C5.368,9.765,4.853,9.539,4.277,9.539C3.021,9.539,2,10.56,2,11.816 c0,0.814,0.433,1.523,1.078,1.925c-0.037,0.221-0.061,0.444-0.061,0.672c0,3.292,4.011,5.97,8.941,5.97s8.941-2.678,8.941-5.97 c0-0.214-0.02-0.424-0.053-0.632C21.533,13.39,22,12.661,22,11.816z M18.776,4.394c0.606,0,1.1,0.493,1.1,1.1s-0.493,1.1-1.1,1.1 s-1.1-0.494-1.1-1.1S18.169,4.394,18.776,4.394z M2.777,11.816c0-0.827,0.672-1.5,1.499-1.5c0.313,0,0.598,0.103,0.838,0.269 c-0.851,0.676-1.477,1.479-1.812,2.36C2.983,12.672,2.777,12.27,2.777,11.816z M11.959,19.606c-4.501,0-8.164-2.329-8.164-5.193 S7.457,9.22,11.959,9.22s8.164,2.329,8.164,5.193S16.46,19.606,11.959,19.606z M20.636,13.001c-0.326-0.89-0.948-1.701-1.797-2.384 c0.248-0.186,0.55-0.301,0.883-0.301c0.827,0,1.5,0.673,1.5,1.5C21.223,12.299,20.992,12.727,20.636,13.001z M8.996,14.704 c-0.76,0-1.397-0.616-1.397-1.376c0-0.76,0.637-1.397,1.397-1.397c0.76,0,1.376,0.637,1.376,1.397 C10.372,14.088,9.756,14.704,8.996,14.704z M16.401,13.328c0,0.76-0.616,1.376-1.376,1.376c-0.76,0-1.399-0.616-1.399-1.376 c0-0.76,0.639-1.397,1.399-1.397C15.785,11.931,16.401,12.568,16.401,13.328z M15.229,16.708c0.152,0.152,0.152,0.398,0,0.55 c-0.674,0.674-1.727,1.002-3.219,1.002c-0.004,0-0.007-0.002-0.011-0.002c-0.004,0-0.007,0.002-0.011,0.002 c-1.492,0-2.544-0.328-3.218-1.002c-0.152-0.152-0.152-0.398,0-0.55c0.152-0.152,0.399-0.151,0.55,0 c0.521,0.521,1.394,0.775,2.669,0.775c0.004,0,0.007,0.002,0.011,0.002c0.004,0,0.007-0.002,0.011-0.002 c1.275,0,2.148-0.253,2.669-0.775C14.831,16.556,15.078,16.556,15.229,16.708z"></path>
    356384</svg>',
    357385
    358386                'skype'       => '
    359387<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    360         <path d="M10.113,2.699c0.033-0.006,0.067-0.013,0.1-0.02c0.033,0.017,0.066,0.033,0.098,0.051L10.113,2.699z M2.72,10.223 c-0.006,0.034-0.011,0.069-0.017,0.103c0.018,0.032,0.033,0.064,0.051,0.095L2.72,10.223z M21.275,13.771 c0.007-0.035,0.011-0.071,0.018-0.106c-0.018-0.031-0.033-0.064-0.052-0.095L21.275,13.771z M13.563,21.199 c0.032,0.019,0.065,0.035,0.096,0.053c0.036-0.006,0.071-0.011,0.105-0.017L13.563,21.199z M22,16.386 c0,1.494-0.581,2.898-1.637,3.953c-1.056,1.057-2.459,1.637-3.953,1.637c-0.967,0-1.914-0.251-2.75-0.725 c0.036-0.006,0.071-0.011,0.105-0.017l-0.202-0.035c0.032,0.019,0.065,0.035,0.096,0.053c-0.543,0.096-1.099,0.147-1.654,0.147 c-1.275,0-2.512-0.25-3.676-0.743c-1.125-0.474-2.135-1.156-3.002-2.023c-0.867-0.867-1.548-1.877-2.023-3.002 c-0.493-1.164-0.743-2.401-0.743-3.676c0-0.546,0.049-1.093,0.142-1.628c0.018,0.032,0.033,0.064,0.051,0.095L2.72,10.223 c-0.006,0.034-0.011,0.069-0.017,0.103C2.244,9.5,2,8.566,2,7.615c0-1.493,0.582-2.898,1.637-3.953 c1.056-1.056,2.46-1.638,3.953-1.638c0.915,0,1.818,0.228,2.622,0.655c-0.033,0.007-0.067,0.013-0.1,0.02l0.199,0.031 c-0.032-0.018-0.066-0.034-0.098-0.051c0.002,0,0.003-0.001,0.004-0.001c0.586-0.112,1.187-0.169,1.788-0.169 c1.275,0,2.512,0.249,3.676,0.742c1.124,0.476,2.135,1.156,3.002,2.024c0.868,0.867,1.548,1.877,2.024,3.002 c0.493,1.164,0.743,2.401,0.743,3.676c0,0.575-0.054,1.15-0.157,1.712c-0.018-0.031-0.033-0.064-0.052-0.095l0.034,0.201 c0.007-0.035,0.011-0.071,0.018-0.106C21.754,14.494,22,15.432,22,16.386z M16.817,14.138c0-1.331-0.613-2.743-3.033-3.282 l-2.209-0.49c-0.84-0.192-1.807-0.444-1.807-1.237c0-0.794,0.679-1.348,1.903-1.348c2.468,0,2.243,1.696,3.468,1.696 c0.645,0,1.209-0.379,1.209-1.031c0-1.521-2.435-2.663-4.5-2.663c-2.242,0-4.63,0.952-4.63,3.488c0,1.221,0.436,2.521,2.839,3.123 l2.984,0.745c0.903,0.223,1.129,0.731,1.129,1.189c0,0.762-0.758,1.507-2.129,1.507c-2.679,0-2.307-2.062-3.743-2.062 c-0.645,0-1.113,0.444-1.113,1.078c0,1.236,1.501,2.886,4.856,2.886C15.236,17.737,16.817,16.199,16.817,14.138z"/>
     388        <path d="M10.113,2.699c0.033-0.006,0.067-0.013,0.1-0.02c0.033,0.017,0.066,0.033,0.098,0.051L10.113,2.699z M2.72,10.223 c-0.006,0.034-0.011,0.069-0.017,0.103c0.018,0.032,0.033,0.064,0.051,0.095L2.72,10.223z M21.275,13.771 c0.007-0.035,0.011-0.071,0.018-0.106c-0.018-0.031-0.033-0.064-0.052-0.095L21.275,13.771z M13.563,21.199 c0.032,0.019,0.065,0.035,0.096,0.053c0.036-0.006,0.071-0.011,0.105-0.017L13.563,21.199z M22,16.386 c0,1.494-0.581,2.898-1.637,3.953c-1.056,1.057-2.459,1.637-3.953,1.637c-0.967,0-1.914-0.251-2.75-0.725 c0.036-0.006,0.071-0.011,0.105-0.017l-0.202-0.035c0.032,0.019,0.065,0.035,0.096,0.053c-0.543,0.096-1.099,0.147-1.654,0.147 c-1.275,0-2.512-0.25-3.676-0.743c-1.125-0.474-2.135-1.156-3.002-2.023c-0.867-0.867-1.548-1.877-2.023-3.002 c-0.493-1.164-0.743-2.401-0.743-3.676c0-0.546,0.049-1.093,0.142-1.628c0.018,0.032,0.033,0.064,0.051,0.095L2.72,10.223 c-0.006,0.034-0.011,0.069-0.017,0.103C2.244,9.5,2,8.566,2,7.615c0-1.493,0.582-2.898,1.637-3.953 c1.056-1.056,2.46-1.638,3.953-1.638c0.915,0,1.818,0.228,2.622,0.655c-0.033,0.007-0.067,0.013-0.1,0.02l0.199,0.031 c-0.032-0.018-0.066-0.034-0.098-0.051c0.002,0,0.003-0.001,0.004-0.001c0.586-0.112,1.187-0.169,1.788-0.169 c1.275,0,2.512,0.249,3.676,0.742c1.124,0.476,2.135,1.156,3.002,2.024c0.868,0.867,1.548,1.877,2.024,3.002 c0.493,1.164,0.743,2.401,0.743,3.676c0,0.575-0.054,1.15-0.157,1.712c-0.018-0.031-0.033-0.064-0.052-0.095l0.034,0.201 c0.007-0.035,0.011-0.071,0.018-0.106C21.754,14.494,22,15.432,22,16.386z M16.817,14.138c0-1.331-0.613-2.743-3.033-3.282 l-2.209-0.49c-0.84-0.192-1.807-0.444-1.807-1.237c0-0.794,0.679-1.348,1.903-1.348c2.468,0,2.243,1.696,3.468,1.696 c0.645,0,1.209-0.379,1.209-1.031c0-1.521-2.435-2.663-4.5-2.663c-2.242,0-4.63,0.952-4.63,3.488c0,1.221,0.436,2.521,2.839,3.123 l2.984,0.745c0.903,0.223,1.129,0.731,1.129,1.189c0,0.762-0.758,1.507-2.129,1.507c-2.679,0-2.307-2.062-3.743-2.062 c-0.645,0-1.113,0.444-1.113,1.078c0,1.236,1.501,2.886,4.856,2.886C15.236,17.737,16.817,16.199,16.817,14.138z"></path>
    361389</svg>',
    362390
    363391                'slideshare'  => '
    364392<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    365         <path d="M11.738,10.232a2.142,2.142,0,0,1-.721,1.619,2.556,2.556,0,0,1-3.464,0,2.183,2.183,0,0,1,0-3.243,2.572,2.572,0,0,1,3.464,0A2.136,2.136,0,0,1,11.738,10.232Zm5.7,0a2.15,2.15,0,0,1-.715,1.619,2.563,2.563,0,0,1-3.469,0,2.183,2.183,0,0,1,0-3.243,2.58,2.58,0,0,1,3.469,0A2.144,2.144,0,0,1,17.439,10.232Zm2.555,2.045V4.7a2.128,2.128,0,0,0-.363-1.4,1.614,1.614,0,0,0-1.261-.415H5.742a1.656,1.656,0,0,0-1.278.386A2.246,2.246,0,0,0,4.129,4.7v7.643a8.212,8.212,0,0,0,1,.454q.516.193.92.318a6.847,6.847,0,0,0,.92.21q.516.085.806.125a6.615,6.615,0,0,0,.795.045l.665.006q.16,0,.642-.023t.506-.023a1.438,1.438,0,0,1,1.079.307,1.134,1.134,0,0,0,.114.1,7.215,7.215,0,0,0,.693.579q.079-1.033,1.34-.988.057,0,.415.017l.488.023q.13.006.517.011t.6-.011l.619-.051a5.419,5.419,0,0,0,.693-.1l.7-.153a5.353,5.353,0,0,0,.761-.221q.345-.131.766-.307a8.727,8.727,0,0,0,.818-.392Zm1.851-.057a10.4,10.4,0,0,1-4.225,2.862,6.5,6.5,0,0,1-.261,5.281,3.524,3.524,0,0,1-2.078,1.681,2.452,2.452,0,0,1-2.067-.17,1.915,1.915,0,0,1-.931-1.863l-.011-3.7V16.3l-.279-.068q-.188-.045-.267-.057l-.011,3.839a1.9,1.9,0,0,1-.943,1.863,2.481,2.481,0,0,1-2.078.17,3.519,3.519,0,0,1-2.067-1.7,6.546,6.546,0,0,1-.25-5.258A10.4,10.4,0,0,1,2.152,12.22a.56.56,0,0,1-.045-.715q.238-.3.681.011l.125.079a.767.767,0,0,1,.125.091V3.8a1.987,1.987,0,0,1,.534-1.4,1.7,1.7,0,0,1,1.295-.579H19.141a1.7,1.7,0,0,1,1.295.579,1.985,1.985,0,0,1,.534,1.4v7.882l.238-.17q.443-.307.681-.011a.56.56,0,0,1-.045.715Z"/>
     393        <path d="M11.738,10.232a2.142,2.142,0,0,1-.721,1.619,2.556,2.556,0,0,1-3.464,0,2.183,2.183,0,0,1,0-3.243,2.572,2.572,0,0,1,3.464,0A2.136,2.136,0,0,1,11.738,10.232Zm5.7,0a2.15,2.15,0,0,1-.715,1.619,2.563,2.563,0,0,1-3.469,0,2.183,2.183,0,0,1,0-3.243,2.58,2.58,0,0,1,3.469,0A2.144,2.144,0,0,1,17.439,10.232Zm2.555,2.045V4.7a2.128,2.128,0,0,0-.363-1.4,1.614,1.614,0,0,0-1.261-.415H5.742a1.656,1.656,0,0,0-1.278.386A2.246,2.246,0,0,0,4.129,4.7v7.643a8.212,8.212,0,0,0,1,.454q.516.193.92.318a6.847,6.847,0,0,0,.92.21q.516.085.806.125a6.615,6.615,0,0,0,.795.045l.665.006q.16,0,.642-.023t.506-.023a1.438,1.438,0,0,1,1.079.307,1.134,1.134,0,0,0,.114.1,7.215,7.215,0,0,0,.693.579q.079-1.033,1.34-.988.057,0,.415.017l.488.023q.13.006.517.011t.6-.011l.619-.051a5.419,5.419,0,0,0,.693-.1l.7-.153a5.353,5.353,0,0,0,.761-.221q.345-.131.766-.307a8.727,8.727,0,0,0,.818-.392Zm1.851-.057a10.4,10.4,0,0,1-4.225,2.862,6.5,6.5,0,0,1-.261,5.281,3.524,3.524,0,0,1-2.078,1.681,2.452,2.452,0,0,1-2.067-.17,1.915,1.915,0,0,1-.931-1.863l-.011-3.7V16.3l-.279-.068q-.188-.045-.267-.057l-.011,3.839a1.9,1.9,0,0,1-.943,1.863,2.481,2.481,0,0,1-2.078.17,3.519,3.519,0,0,1-2.067-1.7,6.546,6.546,0,0,1-.25-5.258A10.4,10.4,0,0,1,2.152,12.22a.56.56,0,0,1-.045-.715q.238-.3.681.011l.125.079a.767.767,0,0,1,.125.091V3.8a1.987,1.987,0,0,1,.534-1.4,1.7,1.7,0,0,1,1.295-.579H19.141a1.7,1.7,0,0,1,1.295.579,1.985,1.985,0,0,1,.534,1.4v7.882l.238-.17q.443-.307.681-.011a.56.56,0,0,1-.045.715Z"></path>
    366394</svg>',
    367395
    368396                'snapchat'    => '
    369397<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    370         <path d="M12.065,2a5.526,5.526,0,0,1,3.132.892A5.854,5.854,0,0,1,17.326,5.4a5.821,5.821,0,0,1,.351,2.33q0,.612-.117,2.487a.809.809,0,0,0,.365.091,1.93,1.93,0,0,0,.664-.176,1.93,1.93,0,0,1,.664-.176,1.3,1.3,0,0,1,.729.234.7.7,0,0,1,.351.6.839.839,0,0,1-.41.7,2.732,2.732,0,0,1-.9.41,3.192,3.192,0,0,0-.9.378.728.728,0,0,0-.41.618,1.575,1.575,0,0,0,.156.56,6.9,6.9,0,0,0,1.334,1.953,5.6,5.6,0,0,0,1.881,1.315,5.875,5.875,0,0,0,1.042.3.42.42,0,0,1,.365.456q0,.911-2.852,1.341a1.379,1.379,0,0,0-.143.507,1.8,1.8,0,0,1-.182.605.451.451,0,0,1-.429.241,5.878,5.878,0,0,1-.807-.085,5.917,5.917,0,0,0-.833-.085,4.217,4.217,0,0,0-.807.065,2.42,2.42,0,0,0-.82.293,6.682,6.682,0,0,0-.755.5q-.351.267-.755.527a3.886,3.886,0,0,1-.989.436A4.471,4.471,0,0,1,11.831,22a4.307,4.307,0,0,1-1.256-.176,3.784,3.784,0,0,1-.976-.436q-.4-.26-.749-.527a6.682,6.682,0,0,0-.755-.5,2.422,2.422,0,0,0-.807-.293,4.432,4.432,0,0,0-.82-.065,5.089,5.089,0,0,0-.853.1,5,5,0,0,1-.762.1.474.474,0,0,1-.456-.241,1.819,1.819,0,0,1-.182-.618,1.411,1.411,0,0,0-.143-.521q-2.852-.429-2.852-1.341a.42.42,0,0,1,.365-.456,5.793,5.793,0,0,0,1.042-.3,5.524,5.524,0,0,0,1.881-1.315,6.789,6.789,0,0,0,1.334-1.953A1.575,1.575,0,0,0,6,12.9a.728.728,0,0,0-.41-.618,3.323,3.323,0,0,0-.9-.384,2.912,2.912,0,0,1-.9-.41.814.814,0,0,1-.41-.684.71.71,0,0,1,.338-.593,1.208,1.208,0,0,1,.716-.241,1.976,1.976,0,0,1,.625.169,2.008,2.008,0,0,0,.69.169.919.919,0,0,0,.416-.091q-.117-1.849-.117-2.474A5.861,5.861,0,0,1,6.385,5.4,5.516,5.516,0,0,1,8.625,2.819,7.075,7.075,0,0,1,12.062,2Z"/>
     398        <path d="M12.065,2a5.526,5.526,0,0,1,3.132.892A5.854,5.854,0,0,1,17.326,5.4a5.821,5.821,0,0,1,.351,2.33q0,.612-.117,2.487a.809.809,0,0,0,.365.091,1.93,1.93,0,0,0,.664-.176,1.93,1.93,0,0,1,.664-.176,1.3,1.3,0,0,1,.729.234.7.7,0,0,1,.351.6.839.839,0,0,1-.41.7,2.732,2.732,0,0,1-.9.41,3.192,3.192,0,0,0-.9.378.728.728,0,0,0-.41.618,1.575,1.575,0,0,0,.156.56,6.9,6.9,0,0,0,1.334,1.953,5.6,5.6,0,0,0,1.881,1.315,5.875,5.875,0,0,0,1.042.3.42.42,0,0,1,.365.456q0,.911-2.852,1.341a1.379,1.379,0,0,0-.143.507,1.8,1.8,0,0,1-.182.605.451.451,0,0,1-.429.241,5.878,5.878,0,0,1-.807-.085,5.917,5.917,0,0,0-.833-.085,4.217,4.217,0,0,0-.807.065,2.42,2.42,0,0,0-.82.293,6.682,6.682,0,0,0-.755.5q-.351.267-.755.527a3.886,3.886,0,0,1-.989.436A4.471,4.471,0,0,1,11.831,22a4.307,4.307,0,0,1-1.256-.176,3.784,3.784,0,0,1-.976-.436q-.4-.26-.749-.527a6.682,6.682,0,0,0-.755-.5,2.422,2.422,0,0,0-.807-.293,4.432,4.432,0,0,0-.82-.065,5.089,5.089,0,0,0-.853.1,5,5,0,0,1-.762.1.474.474,0,0,1-.456-.241,1.819,1.819,0,0,1-.182-.618,1.411,1.411,0,0,0-.143-.521q-2.852-.429-2.852-1.341a.42.42,0,0,1,.365-.456,5.793,5.793,0,0,0,1.042-.3,5.524,5.524,0,0,0,1.881-1.315,6.789,6.789,0,0,0,1.334-1.953A1.575,1.575,0,0,0,6,12.9a.728.728,0,0,0-.41-.618,3.323,3.323,0,0,0-.9-.384,2.912,2.912,0,0,1-.9-.41.814.814,0,0,1-.41-.684.71.71,0,0,1,.338-.593,1.208,1.208,0,0,1,.716-.241,1.976,1.976,0,0,1,.625.169,2.008,2.008,0,0,0,.69.169.919.919,0,0,0,.416-.091q-.117-1.849-.117-2.474A5.861,5.861,0,0,1,6.385,5.4,5.516,5.516,0,0,1,8.625,2.819,7.075,7.075,0,0,1,12.062,2Z"></path>
    371399</svg>',
    372400
    373401                'soundcloud'  => '
    374402<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    375         <path d="M8.9,16.1L9,14L8.9,9.5c0-0.1,0-0.1-0.1-0.1c0,0-0.1-0.1-0.1-0.1c-0.1,0-0.1,0-0.1,0.1c0,0-0.1,0.1-0.1,0.1L8.3,14l0.1,2.1 c0,0.1,0,0.1,0.1,0.1c0,0,0.1,0.1,0.1,0.1C8.8,16.3,8.9,16.3,8.9,16.1z M11.4,15.9l0.1-1.8L11.4,9c0-0.1,0-0.2-0.1-0.2 c0,0-0.1,0-0.1,0s-0.1,0-0.1,0c-0.1,0-0.1,0.1-0.1,0.2l0,0.1l-0.1,5c0,0,0,0.7,0.1,2v0c0,0.1,0,0.1,0.1,0.1c0.1,0.1,0.1,0.1,0.2,0.1 c0.1,0,0.1,0,0.2-0.1c0.1,0,0.1-0.1,0.1-0.2L11.4,15.9z M2.4,12.9L2.5,14l-0.2,1.1c0,0.1,0,0.1-0.1,0.1c0,0-0.1,0-0.1-0.1L2.1,14 l0.1-1.1C2.2,12.9,2.3,12.9,2.4,12.9C2.3,12.9,2.4,12.9,2.4,12.9z M3.1,12.2L3.3,14l-0.2,1.8c0,0.1,0,0.1-0.1,0.1 c-0.1,0-0.1,0-0.1-0.1L2.8,14L3,12.2C3,12.2,3,12.2,3.1,12.2C3.1,12.2,3.1,12.2,3.1,12.2z M3.9,11.9L4.1,14l-0.2,2.1 c0,0.1,0,0.1-0.1,0.1c-0.1,0-0.1,0-0.1-0.1L3.5,14l0.2-2.1c0-0.1,0-0.1,0.1-0.1C3.9,11.8,3.9,11.8,3.9,11.9z M4.7,11.9L4.9,14 l-0.2,2.1c0,0.1-0.1,0.1-0.1,0.1c-0.1,0-0.1,0-0.1-0.1L4.3,14l0.2-2.2c0-0.1,0-0.1,0.1-0.1C4.7,11.7,4.7,11.8,4.7,11.9z M5.6,12 l0.2,2l-0.2,2.1c0,0.1-0.1,0.1-0.1,0.1c0,0-0.1,0-0.1,0c0,0,0-0.1,0-0.1L5.1,14l0.2-2c0,0,0-0.1,0-0.1s0.1,0,0.1,0 C5.5,11.9,5.5,11.9,5.6,12L5.6,12z M6.4,10.7L6.6,14l-0.2,2.1c0,0,0,0.1,0,0.1c0,0-0.1,0-0.1,0c-0.1,0-0.1-0.1-0.2-0.2L5.9,14 l0.2-3.3c0-0.1,0.1-0.2,0.2-0.2c0,0,0.1,0,0.1,0C6.4,10.7,6.4,10.7,6.4,10.7z M7.2,10l0.2,4.1l-0.2,2.1c0,0,0,0.1,0,0.1 c0,0-0.1,0-0.1,0c-0.1,0-0.2-0.1-0.2-0.2l-0.1-2.1L6.8,10c0-0.1,0.1-0.2,0.2-0.2c0,0,0.1,0,0.1,0S7.2,9.9,7.2,10z M8,9.6L8.2,14 L8,16.1c0,0.1-0.1,0.2-0.2,0.2c-0.1,0-0.2-0.1-0.2-0.2L7.5,14l0.1-4.4c0-0.1,0-0.1,0.1-0.1c0,0,0.1-0.1,0.1-0.1c0.1,0,0.1,0,0.1,0.1 C8,9.6,8,9.6,8,9.6z M11.4,16.1L11.4,16.1L11.4,16.1z M9.7,9.6L9.8,14l-0.1,2.1c0,0.1,0,0.1-0.1,0.2s-0.1,0.1-0.2,0.1 c-0.1,0-0.1,0-0.1-0.1s-0.1-0.1-0.1-0.2L9.2,14l0.1-4.4c0-0.1,0-0.1,0.1-0.2s0.1-0.1,0.2-0.1c0.1,0,0.1,0,0.2,0.1S9.7,9.5,9.7,9.6 L9.7,9.6z M10.6,9.8l0.1,4.3l-0.1,2c0,0.1,0,0.1-0.1,0.2c0,0-0.1,0.1-0.2,0.1c-0.1,0-0.1,0-0.2-0.1c0,0-0.1-0.1-0.1-0.2L10,14 l0.1-4.3c0-0.1,0-0.1,0.1-0.2c0,0,0.1-0.1,0.2-0.1c0.1,0,0.1,0,0.2,0.1S10.6,9.7,10.6,9.8z M12.4,14l-0.1,2c0,0.1,0,0.1-0.1,0.2 c-0.1,0.1-0.1,0.1-0.2,0.1c-0.1,0-0.1,0-0.2-0.1c-0.1-0.1-0.1-0.1-0.1-0.2l-0.1-1l-0.1-1l0.1-5.5v0c0-0.1,0-0.2,0.1-0.2 c0.1,0,0.1-0.1,0.2-0.1c0,0,0.1,0,0.1,0c0.1,0,0.1,0.1,0.1,0.2L12.4,14z M22.1,13.9c0,0.7-0.2,1.3-0.7,1.7c-0.5,0.5-1.1,0.7-1.7,0.7 h-6.8c-0.1,0-0.1,0-0.2-0.1c-0.1-0.1-0.1-0.1-0.1-0.2V8.2c0-0.1,0.1-0.2,0.2-0.3c0.5-0.2,1-0.3,1.6-0.3c1.1,0,2.1,0.4,2.9,1.1 c0.8,0.8,1.3,1.7,1.4,2.8c0.3-0.1,0.6-0.2,1-0.2c0.7,0,1.3,0.2,1.7,0.7C21.8,12.6,22.1,13.2,22.1,13.9L22.1,13.9z"/>
     403        <path d="M8.9,16.1L9,14L8.9,9.5c0-0.1,0-0.1-0.1-0.1c0,0-0.1-0.1-0.1-0.1c-0.1,0-0.1,0-0.1,0.1c0,0-0.1,0.1-0.1,0.1L8.3,14l0.1,2.1 c0,0.1,0,0.1,0.1,0.1c0,0,0.1,0.1,0.1,0.1C8.8,16.3,8.9,16.3,8.9,16.1z M11.4,15.9l0.1-1.8L11.4,9c0-0.1,0-0.2-0.1-0.2 c0,0-0.1,0-0.1,0s-0.1,0-0.1,0c-0.1,0-0.1,0.1-0.1,0.2l0,0.1l-0.1,5c0,0,0,0.7,0.1,2v0c0,0.1,0,0.1,0.1,0.1c0.1,0.1,0.1,0.1,0.2,0.1 c0.1,0,0.1,0,0.2-0.1c0.1,0,0.1-0.1,0.1-0.2L11.4,15.9z M2.4,12.9L2.5,14l-0.2,1.1c0,0.1,0,0.1-0.1,0.1c0,0-0.1,0-0.1-0.1L2.1,14 l0.1-1.1C2.2,12.9,2.3,12.9,2.4,12.9C2.3,12.9,2.4,12.9,2.4,12.9z M3.1,12.2L3.3,14l-0.2,1.8c0,0.1,0,0.1-0.1,0.1 c-0.1,0-0.1,0-0.1-0.1L2.8,14L3,12.2C3,12.2,3,12.2,3.1,12.2C3.1,12.2,3.1,12.2,3.1,12.2z M3.9,11.9L4.1,14l-0.2,2.1 c0,0.1,0,0.1-0.1,0.1c-0.1,0-0.1,0-0.1-0.1L3.5,14l0.2-2.1c0-0.1,0-0.1,0.1-0.1C3.9,11.8,3.9,11.8,3.9,11.9z M4.7,11.9L4.9,14 l-0.2,2.1c0,0.1-0.1,0.1-0.1,0.1c-0.1,0-0.1,0-0.1-0.1L4.3,14l0.2-2.2c0-0.1,0-0.1,0.1-0.1C4.7,11.7,4.7,11.8,4.7,11.9z M5.6,12 l0.2,2l-0.2,2.1c0,0.1-0.1,0.1-0.1,0.1c0,0-0.1,0-0.1,0c0,0,0-0.1,0-0.1L5.1,14l0.2-2c0,0,0-0.1,0-0.1s0.1,0,0.1,0 C5.5,11.9,5.5,11.9,5.6,12L5.6,12z M6.4,10.7L6.6,14l-0.2,2.1c0,0,0,0.1,0,0.1c0,0-0.1,0-0.1,0c-0.1,0-0.1-0.1-0.2-0.2L5.9,14 l0.2-3.3c0-0.1,0.1-0.2,0.2-0.2c0,0,0.1,0,0.1,0C6.4,10.7,6.4,10.7,6.4,10.7z M7.2,10l0.2,4.1l-0.2,2.1c0,0,0,0.1,0,0.1 c0,0-0.1,0-0.1,0c-0.1,0-0.2-0.1-0.2-0.2l-0.1-2.1L6.8,10c0-0.1,0.1-0.2,0.2-0.2c0,0,0.1,0,0.1,0S7.2,9.9,7.2,10z M8,9.6L8.2,14 L8,16.1c0,0.1-0.1,0.2-0.2,0.2c-0.1,0-0.2-0.1-0.2-0.2L7.5,14l0.1-4.4c0-0.1,0-0.1,0.1-0.1c0,0,0.1-0.1,0.1-0.1c0.1,0,0.1,0,0.1,0.1 C8,9.6,8,9.6,8,9.6z M11.4,16.1L11.4,16.1L11.4,16.1z M9.7,9.6L9.8,14l-0.1,2.1c0,0.1,0,0.1-0.1,0.2s-0.1,0.1-0.2,0.1 c-0.1,0-0.1,0-0.1-0.1s-0.1-0.1-0.1-0.2L9.2,14l0.1-4.4c0-0.1,0-0.1,0.1-0.2s0.1-0.1,0.2-0.1c0.1,0,0.1,0,0.2,0.1S9.7,9.5,9.7,9.6 L9.7,9.6z M10.6,9.8l0.1,4.3l-0.1,2c0,0.1,0,0.1-0.1,0.2c0,0-0.1,0.1-0.2,0.1c-0.1,0-0.1,0-0.2-0.1c0,0-0.1-0.1-0.1-0.2L10,14 l0.1-4.3c0-0.1,0-0.1,0.1-0.2c0,0,0.1-0.1,0.2-0.1c0.1,0,0.1,0,0.2,0.1S10.6,9.7,10.6,9.8z M12.4,14l-0.1,2c0,0.1,0,0.1-0.1,0.2 c-0.1,0.1-0.1,0.1-0.2,0.1c-0.1,0-0.1,0-0.2-0.1c-0.1-0.1-0.1-0.1-0.1-0.2l-0.1-1l-0.1-1l0.1-5.5v0c0-0.1,0-0.2,0.1-0.2 c0.1,0,0.1-0.1,0.2-0.1c0,0,0.1,0,0.1,0c0.1,0,0.1,0.1,0.1,0.2L12.4,14z M22.1,13.9c0,0.7-0.2,1.3-0.7,1.7c-0.5,0.5-1.1,0.7-1.7,0.7 h-6.8c-0.1,0-0.1,0-0.2-0.1c-0.1-0.1-0.1-0.1-0.1-0.2V8.2c0-0.1,0.1-0.2,0.2-0.3c0.5-0.2,1-0.3,1.6-0.3c1.1,0,2.1,0.4,2.9,1.1 c0.8,0.8,1.3,1.7,1.4,2.8c0.3-0.1,0.6-0.2,1-0.2c0.7,0,1.3,0.2,1.7,0.7C21.8,12.6,22.1,13.2,22.1,13.9L22.1,13.9z"></path>
    376404</svg>',
    377405
    378406                'spotify'     => '
    379407<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    380         <path d="M12,2C6.477,2,2,6.477,2,12c0,5.523,4.477,10,10,10c5.523,0,10-4.477,10-10C22,6.477,17.523,2,12,2 M16.586,16.424 c-0.18,0.295-0.563,0.387-0.857,0.207c-2.348-1.435-5.304-1.76-8.785-0.964c-0.335,0.077-0.67-0.133-0.746-0.469 c-0.077-0.335,0.132-0.67,0.469-0.746c3.809-0.871,7.077-0.496,9.713,1.115C16.673,15.746,16.766,16.13,16.586,16.424 M17.81,13.7 c-0.226,0.367-0.706,0.482-1.072,0.257c-2.687-1.652-6.785-2.131-9.965-1.166C6.36,12.917,5.925,12.684,5.8,12.273 C5.675,11.86,5.908,11.425,6.32,11.3c3.632-1.102,8.147-0.568,11.234,1.328C17.92,12.854,18.035,13.335,17.81,13.7 M17.915,10.865 c-3.223-1.914-8.54-2.09-11.618-1.156C5.804,9.859,5.281,9.58,5.131,9.086C4.982,8.591,5.26,8.069,5.755,7.919 c3.532-1.072,9.404-0.865,13.115,1.338c0.445,0.264,0.59,0.838,0.327,1.282C18.933,10.983,18.359,11.129,17.915,10.865"/>
     408        <path d="M12,2C6.477,2,2,6.477,2,12c0,5.523,4.477,10,10,10c5.523,0,10-4.477,10-10C22,6.477,17.523,2,12,2 M16.586,16.424 c-0.18,0.295-0.563,0.387-0.857,0.207c-2.348-1.435-5.304-1.76-8.785-0.964c-0.335,0.077-0.67-0.133-0.746-0.469 c-0.077-0.335,0.132-0.67,0.469-0.746c3.809-0.871,7.077-0.496,9.713,1.115C16.673,15.746,16.766,16.13,16.586,16.424 M17.81,13.7 c-0.226,0.367-0.706,0.482-1.072,0.257c-2.687-1.652-6.785-2.131-9.965-1.166C6.36,12.917,5.925,12.684,5.8,12.273 C5.675,11.86,5.908,11.425,6.32,11.3c3.632-1.102,8.147-0.568,11.234,1.328C17.92,12.854,18.035,13.335,17.81,13.7 M17.915,10.865 c-3.223-1.914-8.54-2.09-11.618-1.156C5.804,9.859,5.281,9.58,5.131,9.086C4.982,8.591,5.26,8.069,5.755,7.919 c3.532-1.072,9.404-0.865,13.115,1.338c0.445,0.264,0.59,0.838,0.327,1.282C18.933,10.983,18.359,11.129,17.915,10.865"></path>
    381409</svg>',
    382410
    383411                'stumbleupon' => '
    384412<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    385         <path d="M12,4.294c-2.469,0-4.471,2.002-4.471,4.471v6.353c0,0.585-0.474,1.059-1.059,1.059c-0.585,0-1.059-0.474-1.059-1.059 v-2.824H2v2.941c0,2.469,2.002,4.471,4.471,4.471c2.469,0,4.471-2.002,4.471-4.471V8.765c0-0.585,0.474-1.059,1.059-1.059 s1.059,0.474,1.059,1.059v1.294l1.412,0.647l2-0.647V8.765C16.471,6.296,14.469,4.294,12,4.294z M13.059,12.353v2.882 c0,2.469,2.002,4.471,4.471,4.471S22,17.704,22,15.235v-2.824h-3.412v2.824c0,0.585-0.474,1.059-1.059,1.059 c-0.585,0-1.059-0.474-1.059-1.059v-2.882l-2,0.647L13.059,12.353z"/>
     413        <path d="M12,4.294c-2.469,0-4.471,2.002-4.471,4.471v6.353c0,0.585-0.474,1.059-1.059,1.059c-0.585,0-1.059-0.474-1.059-1.059 v-2.824H2v2.941c0,2.469,2.002,4.471,4.471,4.471c2.469,0,4.471-2.002,4.471-4.471V8.765c0-0.585,0.474-1.059,1.059-1.059 s1.059,0.474,1.059,1.059v1.294l1.412,0.647l2-0.647V8.765C16.471,6.296,14.469,4.294,12,4.294z M13.059,12.353v2.882 c0,2.469,2.002,4.471,4.471,4.471S22,17.704,22,15.235v-2.824h-3.412v2.824c0,0.585-0.474,1.059-1.059,1.059 c-0.585,0-1.059-0.474-1.059-1.059v-2.882l-2,0.647L13.059,12.353z"></path>
    386414</svg>',
    387415
    388416                'tumblr'      => '
    389417<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    390         <path d="M16.749,17.396c-0.357,0.17-1.041,0.319-1.551,0.332c-1.539,0.041-1.837-1.081-1.85-1.896V9.847h3.861V6.937h-3.847V2.039 c0,0-2.77,0-2.817,0c-0.046,0-0.127,0.041-0.138,0.144c-0.165,1.499-0.867,4.13-3.783,5.181v2.484h1.945v6.282 c0,2.151,1.587,5.206,5.775,5.135c1.413-0.024,2.982-0.616,3.329-1.126L16.749,17.396z"/>
     418        <path d="M16.749,17.396c-0.357,0.17-1.041,0.319-1.551,0.332c-1.539,0.041-1.837-1.081-1.85-1.896V9.847h3.861V6.937h-3.847V2.039 c0,0-2.77,0-2.817,0c-0.046,0-0.127,0.041-0.138,0.144c-0.165,1.499-0.867,4.13-3.783,5.181v2.484h1.945v6.282 c0,2.151,1.587,5.206,5.775,5.135c1.413-0.024,2.982-0.616,3.329-1.126L16.749,17.396z"></path>
    391419</svg>',
    392420
    393421                'twitch'      => '
    394422<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    395         <path d="M16.499,8.089h-1.636v4.91h1.636V8.089z M12,8.089h-1.637v4.91H12V8.089z M4.228,3.178L3,6.451v13.092h4.499V22h2.456 l2.454-2.456h3.681L21,14.636V3.178H4.228z M19.364,13.816l-2.864,2.865H12l-2.453,2.453V16.68H5.863V4.814h13.501V13.816z"/>
     423        <path d="M16.499,8.089h-1.636v4.91h1.636V8.089z M12,8.089h-1.637v4.91H12V8.089z M4.228,3.178L3,6.451v13.092h4.499V22h2.456 l2.454-2.456h3.681L21,14.636V3.178H4.228z M19.364,13.816l-2.864,2.865H12l-2.453,2.453V16.68H5.863V4.814h13.501V13.816z"></path>
    396424</svg>',
    397425
    398426                'twitter'     => '
    399427<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    400         <path d="M22.23,5.924c-0.736,0.326-1.527,0.547-2.357,0.646c0.847-0.508,1.498-1.312,1.804-2.27 c-0.793,0.47-1.671,0.812-2.606,0.996C18.324,4.498,17.257,4,16.077,4c-2.266,0-4.103,1.837-4.103,4.103 c0,0.322,0.036,0.635,0.106,0.935C8.67,8.867,5.647,7.234,3.623,4.751C3.27,5.357,3.067,6.062,3.067,6.814 c0,1.424,0.724,2.679,1.825,3.415c-0.673-0.021-1.305-0.206-1.859-0.513c0,0.017,0,0.034,0,0.052c0,1.988,1.414,3.647,3.292,4.023 c-0.344,0.094-0.707,0.144-1.081,0.144c-0.264,0-0.521-0.026-0.772-0.074c0.522,1.63,2.038,2.816,3.833,2.85 c-1.404,1.1-3.174,1.756-5.096,1.756c-0.331,0-0.658-0.019-0.979-0.057c1.816,1.164,3.973,1.843,6.29,1.843 c7.547,0,11.675-6.252,11.675-11.675c0-0.178-0.004-0.355-0.012-0.531C20.985,7.47,21.68,6.747,22.23,5.924z"/>
     428        <path d="M22.23,5.924c-0.736,0.326-1.527,0.547-2.357,0.646c0.847-0.508,1.498-1.312,1.804-2.27 c-0.793,0.47-1.671,0.812-2.606,0.996C18.324,4.498,17.257,4,16.077,4c-2.266,0-4.103,1.837-4.103,4.103 c0,0.322,0.036,0.635,0.106,0.935C8.67,8.867,5.647,7.234,3.623,4.751C3.27,5.357,3.067,6.062,3.067,6.814 c0,1.424,0.724,2.679,1.825,3.415c-0.673-0.021-1.305-0.206-1.859-0.513c0,0.017,0,0.034,0,0.052c0,1.988,1.414,3.647,3.292,4.023 c-0.344,0.094-0.707,0.144-1.081,0.144c-0.264,0-0.521-0.026-0.772-0.074c0.522,1.63,2.038,2.816,3.833,2.85 c-1.404,1.1-3.174,1.756-5.096,1.756c-0.331,0-0.658-0.019-0.979-0.057c1.816,1.164,3.973,1.843,6.29,1.843 c7.547,0,11.675-6.252,11.675-11.675c0-0.178-0.004-0.355-0.012-0.531C20.985,7.47,21.68,6.747,22.23,5.924z"></path>
    401429</svg>',
    402430
    403431                'vimeo'       => '
    404432<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    405         <path d="M22.396,7.164c-0.093,2.026-1.507,4.799-4.245,8.32C15.322,19.161,12.928,21,10.97,21c-1.214,0-2.24-1.119-3.079-3.359 c-0.56-2.053-1.119-4.106-1.68-6.159C5.588,9.243,4.921,8.122,4.206,8.122c-0.156,0-0.701,0.328-1.634,0.98L1.594,7.841 c1.027-0.902,2.04-1.805,3.037-2.708C6.001,3.95,7.03,3.327,7.715,3.264c1.619-0.156,2.616,0.951,2.99,3.321 c0.404,2.557,0.685,4.147,0.841,4.769c0.467,2.121,0.981,3.181,1.542,3.181c0.435,0,1.09-0.688,1.963-2.065 c0.871-1.376,1.338-2.422,1.401-3.142c0.125-1.187-0.343-1.782-1.401-1.782c-0.498,0-1.012,0.115-1.541,0.341 c1.023-3.35,2.977-4.977,5.862-4.884C21.511,3.066,22.52,4.453,22.396,7.164z"/>
     433        <path d="M22.396,7.164c-0.093,2.026-1.507,4.799-4.245,8.32C15.322,19.161,12.928,21,10.97,21c-1.214,0-2.24-1.119-3.079-3.359 c-0.56-2.053-1.119-4.106-1.68-6.159C5.588,9.243,4.921,8.122,4.206,8.122c-0.156,0-0.701,0.328-1.634,0.98L1.594,7.841 c1.027-0.902,2.04-1.805,3.037-2.708C6.001,3.95,7.03,3.327,7.715,3.264c1.619-0.156,2.616,0.951,2.99,3.321 c0.404,2.557,0.685,4.147,0.841,4.769c0.467,2.121,0.981,3.181,1.542,3.181c0.435,0,1.09-0.688,1.963-2.065 c0.871-1.376,1.338-2.422,1.401-3.142c0.125-1.187-0.343-1.782-1.401-1.782c-0.498,0-1.012,0.115-1.541,0.341 c1.023-3.35,2.977-4.977,5.862-4.884C21.511,3.066,22.52,4.453,22.396,7.164z"></path>
    406434</svg>',
    407435
    408436                'vk'          => '
    409437<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    410         <path d="M22,7.1c0.2,0.4-0.4,1.5-1.6,3.1c-0.2,0.2-0.4,0.5-0.7,0.9c-0.5,0.7-0.9,1.1-0.9,1.4c-0.1,0.3-0.1,0.6,0.1,0.8 c0.1,0.1,0.4,0.4,0.8,0.9h0l0,0c1,0.9,1.6,1.7,2,2.3c0,0,0,0.1,0.1,0.1c0,0.1,0,0.1,0.1,0.3c0,0.1,0,0.2,0,0.4 c0,0.1-0.1,0.2-0.3,0.3c-0.1,0.1-0.4,0.1-0.6,0.1l-2.7,0c-0.2,0-0.4,0-0.6-0.1c-0.2-0.1-0.4-0.1-0.5-0.2l-0.2-0.1 c-0.2-0.1-0.5-0.4-0.7-0.7s-0.5-0.6-0.7-0.8c-0.2-0.2-0.4-0.4-0.6-0.6C14.8,15,14.6,15,14.4,15c0,0,0,0-0.1,0c0,0-0.1,0.1-0.2,0.2 c-0.1,0.1-0.2,0.2-0.2,0.3c-0.1,0.1-0.1,0.3-0.2,0.5c-0.1,0.2-0.1,0.5-0.1,0.8c0,0.1,0,0.2,0,0.3c0,0.1-0.1,0.2-0.1,0.2l0,0.1 c-0.1,0.1-0.3,0.2-0.6,0.2h-1.2c-0.5,0-1,0-1.5-0.2c-0.5-0.1-1-0.3-1.4-0.6s-0.7-0.5-1.1-0.7s-0.6-0.4-0.7-0.6l-0.3-0.3 c-0.1-0.1-0.2-0.2-0.3-0.3s-0.4-0.5-0.7-0.9s-0.7-1-1.1-1.6c-0.4-0.6-0.8-1.3-1.3-2.2C2.9,9.4,2.5,8.5,2.1,7.5C2,7.4,2,7.3,2,7.2 c0-0.1,0-0.1,0-0.2l0-0.1c0.1-0.1,0.3-0.2,0.6-0.2l2.9,0c0.1,0,0.2,0,0.2,0.1S5.9,6.9,5.9,7L6,7c0.1,0.1,0.2,0.2,0.3,0.3 C6.4,7.7,6.5,8,6.7,8.4C6.9,8.8,7,9,7.1,9.2l0.2,0.3c0.2,0.4,0.4,0.8,0.6,1.1c0.2,0.3,0.4,0.5,0.5,0.7s0.3,0.3,0.4,0.4 c0.1,0.1,0.3,0.1,0.4,0.1c0.1,0,0.2,0,0.3-0.1c0,0,0,0,0.1-0.1c0,0,0.1-0.1,0.1-0.2c0.1-0.1,0.1-0.3,0.1-0.5c0-0.2,0.1-0.5,0.1-0.8 c0-0.4,0-0.8,0-1.3c0-0.3,0-0.5-0.1-0.8c0-0.2-0.1-0.4-0.1-0.5L9.6,7.6C9.4,7.3,9.1,7.2,8.7,7.1C8.6,7.1,8.6,7,8.7,6.9 C8.9,6.7,9,6.6,9.1,6.5c0.4-0.2,1.2-0.3,2.5-0.3c0.6,0,1,0.1,1.4,0.1c0.1,0,0.3,0.1,0.3,0.1c0.1,0.1,0.2,0.1,0.2,0.3 c0,0.1,0.1,0.2,0.1,0.3s0,0.3,0,0.5c0,0.2,0,0.4,0,0.6c0,0.2,0,0.4,0,0.7c0,0.3,0,0.6,0,0.9c0,0.1,0,0.2,0,0.4c0,0.2,0,0.4,0,0.5 c0,0.1,0,0.3,0,0.4s0.1,0.3,0.1,0.4c0.1,0.1,0.1,0.2,0.2,0.3c0.1,0,0.1,0,0.2,0c0.1,0,0.2,0,0.3-0.1c0.1-0.1,0.2-0.2,0.4-0.4 s0.3-0.4,0.5-0.7c0.2-0.3,0.5-0.7,0.7-1.1c0.4-0.7,0.8-1.5,1.1-2.3c0-0.1,0.1-0.1,0.1-0.2c0-0.1,0.1-0.1,0.1-0.1l0,0l0.1,0 c0,0,0,0,0.1,0s0.2,0,0.2,0l3,0c0.3,0,0.5,0,0.7,0S21.9,7,21.9,7L22,7.1z"/>
     438        <path d="M22,7.1c0.2,0.4-0.4,1.5-1.6,3.1c-0.2,0.2-0.4,0.5-0.7,0.9c-0.5,0.7-0.9,1.1-0.9,1.4c-0.1,0.3-0.1,0.6,0.1,0.8 c0.1,0.1,0.4,0.4,0.8,0.9h0l0,0c1,0.9,1.6,1.7,2,2.3c0,0,0,0.1,0.1,0.1c0,0.1,0,0.1,0.1,0.3c0,0.1,0,0.2,0,0.4 c0,0.1-0.1,0.2-0.3,0.3c-0.1,0.1-0.4,0.1-0.6,0.1l-2.7,0c-0.2,0-0.4,0-0.6-0.1c-0.2-0.1-0.4-0.1-0.5-0.2l-0.2-0.1 c-0.2-0.1-0.5-0.4-0.7-0.7s-0.5-0.6-0.7-0.8c-0.2-0.2-0.4-0.4-0.6-0.6C14.8,15,14.6,15,14.4,15c0,0,0,0-0.1,0c0,0-0.1,0.1-0.2,0.2 c-0.1,0.1-0.2,0.2-0.2,0.3c-0.1,0.1-0.1,0.3-0.2,0.5c-0.1,0.2-0.1,0.5-0.1,0.8c0,0.1,0,0.2,0,0.3c0,0.1-0.1,0.2-0.1,0.2l0,0.1 c-0.1,0.1-0.3,0.2-0.6,0.2h-1.2c-0.5,0-1,0-1.5-0.2c-0.5-0.1-1-0.3-1.4-0.6s-0.7-0.5-1.1-0.7s-0.6-0.4-0.7-0.6l-0.3-0.3 c-0.1-0.1-0.2-0.2-0.3-0.3s-0.4-0.5-0.7-0.9s-0.7-1-1.1-1.6c-0.4-0.6-0.8-1.3-1.3-2.2C2.9,9.4,2.5,8.5,2.1,7.5C2,7.4,2,7.3,2,7.2 c0-0.1,0-0.1,0-0.2l0-0.1c0.1-0.1,0.3-0.2,0.6-0.2l2.9,0c0.1,0,0.2,0,0.2,0.1S5.9,6.9,5.9,7L6,7c0.1,0.1,0.2,0.2,0.3,0.3 C6.4,7.7,6.5,8,6.7,8.4C6.9,8.8,7,9,7.1,9.2l0.2,0.3c0.2,0.4,0.4,0.8,0.6,1.1c0.2,0.3,0.4,0.5,0.5,0.7s0.3,0.3,0.4,0.4 c0.1,0.1,0.3,0.1,0.4,0.1c0.1,0,0.2,0,0.3-0.1c0,0,0,0,0.1-0.1c0,0,0.1-0.1,0.1-0.2c0.1-0.1,0.1-0.3,0.1-0.5c0-0.2,0.1-0.5,0.1-0.8 c0-0.4,0-0.8,0-1.3c0-0.3,0-0.5-0.1-0.8c0-0.2-0.1-0.4-0.1-0.5L9.6,7.6C9.4,7.3,9.1,7.2,8.7,7.1C8.6,7.1,8.6,7,8.7,6.9 C8.9,6.7,9,6.6,9.1,6.5c0.4-0.2,1.2-0.3,2.5-0.3c0.6,0,1,0.1,1.4,0.1c0.1,0,0.3,0.1,0.3,0.1c0.1,0.1,0.2,0.1,0.2,0.3 c0,0.1,0.1,0.2,0.1,0.3s0,0.3,0,0.5c0,0.2,0,0.4,0,0.6c0,0.2,0,0.4,0,0.7c0,0.3,0,0.6,0,0.9c0,0.1,0,0.2,0,0.4c0,0.2,0,0.4,0,0.5 c0,0.1,0,0.3,0,0.4s0.1,0.3,0.1,0.4c0.1,0.1,0.1,0.2,0.2,0.3c0.1,0,0.1,0,0.2,0c0.1,0,0.2,0,0.3-0.1c0.1-0.1,0.2-0.2,0.4-0.4 s0.3-0.4,0.5-0.7c0.2-0.3,0.5-0.7,0.7-1.1c0.4-0.7,0.8-1.5,1.1-2.3c0-0.1,0.1-0.1,0.1-0.2c0-0.1,0.1-0.1,0.1-0.1l0,0l0.1,0 c0,0,0,0,0.1,0s0.2,0,0.2,0l3,0c0.3,0,0.5,0,0.7,0S21.9,7,21.9,7L22,7.1z"></path>
    411439</svg>',
    412440
    413441                'wordpress'   => '
    414442<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    415         <path d="M12.158,12.786L9.46,20.625c0.806,0.237,1.657,0.366,2.54,0.366c1.047,0,2.051-0.181,2.986-0.51 c-0.024-0.038-0.046-0.079-0.065-0.124L12.158,12.786z M3.009,12c0,3.559,2.068,6.634,5.067,8.092L3.788,8.341 C3.289,9.459,3.009,10.696,3.009,12z M18.069,11.546c0-1.112-0.399-1.881-0.741-2.48c-0.456-0.741-0.883-1.368-0.883-2.109 c0-0.826,0.627-1.596,1.51-1.596c0.04,0,0.078,0.005,0.116,0.007C16.472,3.904,14.34,3.009,12,3.009 c-3.141,0-5.904,1.612-7.512,4.052c0.211,0.007,0.41,0.011,0.579,0.011c0.94,0,2.396-0.114,2.396-0.114 C7.947,6.93,8.004,7.642,7.52,7.699c0,0-0.487,0.057-1.029,0.085l3.274,9.739l1.968-5.901l-1.401-3.838 C9.848,7.756,9.389,7.699,9.389,7.699C8.904,7.67,8.961,6.93,9.446,6.958c0,0,1.484,0.114,2.368,0.114 c0.94,0,2.397-0.114,2.397-0.114c0.485-0.028,0.542,0.684,0.057,0.741c0,0-0.488,0.057-1.029,0.085l3.249,9.665l0.897-2.996 C17.841,13.284,18.069,12.316,18.069,11.546z M19.889,7.686c0.039,0.286,0.06,0.593,0.06,0.924c0,0.912-0.171,1.938-0.684,3.22 l-2.746,7.94c2.673-1.558,4.47-4.454,4.47-7.771C20.991,10.436,20.591,8.967,19.889,7.686z M12,22C6.486,22,2,17.514,2,12 C2,6.486,6.486,2,12,2c5.514,0,10,4.486,10,10C22,17.514,17.514,22,12,22z"/>
     443        <path d="M12.158,12.786L9.46,20.625c0.806,0.237,1.657,0.366,2.54,0.366c1.047,0,2.051-0.181,2.986-0.51 c-0.024-0.038-0.046-0.079-0.065-0.124L12.158,12.786z M3.009,12c0,3.559,2.068,6.634,5.067,8.092L3.788,8.341 C3.289,9.459,3.009,10.696,3.009,12z M18.069,11.546c0-1.112-0.399-1.881-0.741-2.48c-0.456-0.741-0.883-1.368-0.883-2.109 c0-0.826,0.627-1.596,1.51-1.596c0.04,0,0.078,0.005,0.116,0.007C16.472,3.904,14.34,3.009,12,3.009 c-3.141,0-5.904,1.612-7.512,4.052c0.211,0.007,0.41,0.011,0.579,0.011c0.94,0,2.396-0.114,2.396-0.114 C7.947,6.93,8.004,7.642,7.52,7.699c0,0-0.487,0.057-1.029,0.085l3.274,9.739l1.968-5.901l-1.401-3.838 C9.848,7.756,9.389,7.699,9.389,7.699C8.904,7.67,8.961,6.93,9.446,6.958c0,0,1.484,0.114,2.368,0.114 c0.94,0,2.397-0.114,2.397-0.114c0.485-0.028,0.542,0.684,0.057,0.741c0,0-0.488,0.057-1.029,0.085l3.249,9.665l0.897-2.996 C17.841,13.284,18.069,12.316,18.069,11.546z M19.889,7.686c0.039,0.286,0.06,0.593,0.06,0.924c0,0.912-0.171,1.938-0.684,3.22 l-2.746,7.94c2.673-1.558,4.47-4.454,4.47-7.771C20.991,10.436,20.591,8.967,19.889,7.686z M12,22C6.486,22,2,17.514,2,12 C2,6.486,6.486,2,12,2c5.514,0,10,4.486,10,10C22,17.514,17.514,22,12,22z"></path>
    416444</svg>',
    417445
    418446                'yelp'        => '
    419447<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    420         <path d="M12.271,16.718v1.417q-.011,3.257-.067,3.4a.707.707,0,0,1-.569.446,4.637,4.637,0,0,1-2.024-.424A4.609,4.609,0,0,1,7.8,20.565a.844.844,0,0,1-.19-.4.692.692,0,0,1,.044-.29,3.181,3.181,0,0,1,.379-.524q.335-.412,2.019-2.409.011,0,.669-.781a.757.757,0,0,1,.44-.274.965.965,0,0,1,.552.039.945.945,0,0,1,.418.324.732.732,0,0,1,.139.468Zm-1.662-2.8a.783.783,0,0,1-.58.781l-1.339.435q-3.067.981-3.257.981a.711.711,0,0,1-.6-.4,2.636,2.636,0,0,1-.19-.836,9.134,9.134,0,0,1,.011-1.857,3.559,3.559,0,0,1,.335-1.389.659.659,0,0,1,.625-.357,22.629,22.629,0,0,1,2.253.859q.781.324,1.283.524l.937.379a.771.771,0,0,1,.4.34A.982.982,0,0,1,10.609,13.917Zm9.213,3.313a4.467,4.467,0,0,1-1.021,1.8,4.559,4.559,0,0,1-1.512,1.417.671.671,0,0,1-.7-.078q-.156-.112-2.052-3.2l-.524-.859a.761.761,0,0,1-.128-.513.957.957,0,0,1,.217-.513.774.774,0,0,1,.926-.29q.011.011,1.327.446,2.264.736,2.7.887a2.082,2.082,0,0,1,.524.229.673.673,0,0,1,.245.68Zm-7.5-7.049q.056,1.137-.6,1.361-.647.19-1.272-.792L6.237,4.08a.7.7,0,0,1,.212-.691,5.788,5.788,0,0,1,2.314-1,5.928,5.928,0,0,1,2.5-.352.681.681,0,0,1,.547.5q.034.2.245,3.407T12.327,10.181Zm7.384,1.2a.679.679,0,0,1-.29.658q-.167.112-3.67.959-.747.167-1.015.257l.011-.022a.769.769,0,0,1-.513-.044.914.914,0,0,1-.413-.357.786.786,0,0,1,0-.971q.011-.011.836-1.137,1.394-1.908,1.673-2.275a2.423,2.423,0,0,1,.379-.435A.7.7,0,0,1,17.435,8a4.482,4.482,0,0,1,1.372,1.489,4.81,4.81,0,0,1,.9,1.868v.034Z"/>
     448        <path d="M12.271,16.718v1.417q-.011,3.257-.067,3.4a.707.707,0,0,1-.569.446,4.637,4.637,0,0,1-2.024-.424A4.609,4.609,0,0,1,7.8,20.565a.844.844,0,0,1-.19-.4.692.692,0,0,1,.044-.29,3.181,3.181,0,0,1,.379-.524q.335-.412,2.019-2.409.011,0,.669-.781a.757.757,0,0,1,.44-.274.965.965,0,0,1,.552.039.945.945,0,0,1,.418.324.732.732,0,0,1,.139.468Zm-1.662-2.8a.783.783,0,0,1-.58.781l-1.339.435q-3.067.981-3.257.981a.711.711,0,0,1-.6-.4,2.636,2.636,0,0,1-.19-.836,9.134,9.134,0,0,1,.011-1.857,3.559,3.559,0,0,1,.335-1.389.659.659,0,0,1,.625-.357,22.629,22.629,0,0,1,2.253.859q.781.324,1.283.524l.937.379a.771.771,0,0,1,.4.34A.982.982,0,0,1,10.609,13.917Zm9.213,3.313a4.467,4.467,0,0,1-1.021,1.8,4.559,4.559,0,0,1-1.512,1.417.671.671,0,0,1-.7-.078q-.156-.112-2.052-3.2l-.524-.859a.761.761,0,0,1-.128-.513.957.957,0,0,1,.217-.513.774.774,0,0,1,.926-.29q.011.011,1.327.446,2.264.736,2.7.887a2.082,2.082,0,0,1,.524.229.673.673,0,0,1,.245.68Zm-7.5-7.049q.056,1.137-.6,1.361-.647.19-1.272-.792L6.237,4.08a.7.7,0,0,1,.212-.691,5.788,5.788,0,0,1,2.314-1,5.928,5.928,0,0,1,2.5-.352.681.681,0,0,1,.547.5q.034.2.245,3.407T12.327,10.181Zm7.384,1.2a.679.679,0,0,1-.29.658q-.167.112-3.67.959-.747.167-1.015.257l.011-.022a.769.769,0,0,1-.513-.044.914.914,0,0,1-.413-.357.786.786,0,0,1,0-.971q.011-.011.836-1.137,1.394-1.908,1.673-2.275a2.423,2.423,0,0,1,.379-.435A.7.7,0,0,1,17.435,8a4.482,4.482,0,0,1,1.372,1.489,4.81,4.81,0,0,1,.9,1.868v.034Z"></path>
    421449</svg>',
    422450
    423451                'youtube'     => '
    424452<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    425         <path d="M21.8,8.001c0,0-0.195-1.378-0.795-1.985c-0.76-0.797-1.613-0.801-2.004-0.847c-2.799-0.202-6.997-0.202-6.997-0.202 h-0.009c0,0-4.198,0-6.997,0.202C4.608,5.216,3.756,5.22,2.995,6.016C2.395,6.623,2.2,8.001,2.2,8.001S2,9.62,2,11.238v1.517 c0,1.618,0.2,3.237,0.2,3.237s0.195,1.378,0.795,1.985c0.761,0.797,1.76,0.771,2.205,0.855c1.6,0.153,6.8,0.201,6.8,0.201 s4.203-0.006,7.001-0.209c0.391-0.047,1.243-0.051,2.004-0.847c0.6-0.607,0.795-1.985,0.795-1.985s0.2-1.618,0.2-3.237v-1.517 C22,9.62,21.8,8.001,21.8,8.001z M9.935,14.594l-0.001-5.62l5.404,2.82L9.935,14.594z"/>
     453        <path d="M21.8,8.001c0,0-0.195-1.378-0.795-1.985c-0.76-0.797-1.613-0.801-2.004-0.847c-2.799-0.202-6.997-0.202-6.997-0.202 h-0.009c0,0-4.198,0-6.997,0.202C4.608,5.216,3.756,5.22,2.995,6.016C2.395,6.623,2.2,8.001,2.2,8.001S2,9.62,2,11.238v1.517 c0,1.618,0.2,3.237,0.2,3.237s0.195,1.378,0.795,1.985c0.761,0.797,1.76,0.771,2.205,0.855c1.6,0.153,6.8,0.201,6.8,0.201 s4.203-0.006,7.001-0.209c0.391-0.047,1.243-0.051,2.004-0.847c0.6-0.607,0.795-1.985,0.795-1.985s0.2-1.618,0.2-3.237v-1.517 C22,9.62,21.8,8.001,21.8,8.001z M9.935,14.594l-0.001-5.62l5.404,2.82L9.935,14.594z"></path>
    426454</svg>',
    427455

  • trunk/src/wp-content/themes/twentynineteen/classes/class-twentynineteen-walker-comment.php

    r43808 r44149  
    55 * @package WordPress
    66 * @subpackage Twenty_Nineteen
     7 * @since 1.0.0
    78 */
    89
    … …  
    3536                                                        $comment_author_link = get_comment_author_link( $comment );
    3637                                                        $comment_author_url  = get_comment_author_url( $comment );
     38                                                        $comment_author      = get_comment_author( $comment );
    3739                                                        $avatar              = get_avatar( $comment, $args['avatar_size'] );
    3840                                                        if ( 0 != $args['avatar_size'] ) {
    … …  
    4042                                                                        echo $avatar;
    4143                                                                } else {
    42                                                                         echo preg_replace( '/>[^<]+</', sprintf( '>%s<', $avatar ), $comment_author_link );
     44                                                                        printf( '<a href="%s" rel="external nofollow" class="url">', $comment_author_url );
     45                                                                        echo $avatar;
    4346                                                                }
    4447                                                        }
    … …  
    5356                                                        }
    5457
    55                                                         /* translators: %s: comment author link */
    5658                                                        printf(
    57                                                                 __( '%s <span class="screen-reader-text says">says:</span>' ),
    58                                                                 sprintf( '<b class="fn">%s</b>', get_comment_author_link( $comment ) )
     59                                                                /* translators: %s: comment author link */
     60                                                                __( '%s <span class="screen-reader-text says">says:</span>', 'twentynineteen' ),
     61                                                                sprintf( '<span class="fn">%s</span>', $comment_author )
    5962                                                        );
     63
     64                                                        if ( ! empty( $comment_author_url ) ) {
     65                                                                echo '</a>';
     66                                                        }
    6067                                                ?>
    6168                                        </div><!-- .comment-author -->
    … …  
    6370                                        <div class="comment-metadata">
    6471                                                <a href="<?php echo esc_url( get_comment_link( $comment, $args ) ); ?>">
    65                                                         <?php /* translators: 1: comment date, 2: comment time */ ?>
    66                                                         <time datetime="<?php comment_time( 'c' ); ?>" title="<?php printf( __( '%1$s at %2$s', 'twentynineteen' ), get_comment_date( '', $comment ), get_comment_time() ); ?>">
    67                                                                 <?php printf( __( '%1$s at %2$s', 'twentynineteen' ), get_comment_date( '', $comment ), get_comment_time() ); ?>
     72                                                        <?php
     73                                                                /* translators: 1: comment date, 2: comment time */
     74                                                                $comment_timestamp = sprintf( __( '%1$s at %2$s', 'twentynineteen' ), get_comment_date( '', $comment ), get_comment_time() );
     75                                                        ?>
     76                                                        <time datetime="<?php comment_time( 'c' ); ?>" title="<?php echo $comment_timestamp; ?>">
     77                                                                <?php echo $comment_timestamp; ?>
    6878                                                        </time>
    6979                                                </a>
    7080                                                <?php
    7181                                                        $edit_comment_icon = twentynineteen_get_icon_svg( 'edit', 16 );
    72                                                         edit_comment_link( __( 'Edit' ), '<span class="edit-link-sep">&mdash;</span> <span class="edit-link">' . $edit_comment_icon, '</span>' );
     82                                                        edit_comment_link( __( 'Edit', 'twentynineteen' ), '<span class="edit-link-sep">&mdash;</span> <span class="edit-link">' . $edit_comment_icon, '</span>' );
    7383                                                ?>
    7484                                        </div><!-- .comment-metadata -->
    7585
    7686                                        <?php if ( '0' == $comment->comment_approved ) : ?>
    77                                         <p class="comment-awaiting-moderation"><?php _e( 'Your comment is awaiting moderation.' ); ?></p>
     87                                        <p class="comment-awaiting-moderation"><?php _e( 'Your comment is awaiting moderation.', 'twentynineteen' ); ?></p>
    7888                                        <?php endif; ?>
    7989                                </footer><!-- .comment-meta -->

  • trunk/src/wp-content/themes/twentynineteen/comments.php

    r43808 r44149  
    1010 * @package WordPress
    1111 * @subpackage Twenty_Nineteen
     12 * @since 1.0.0
    1213 */
    1314
    1415/*
    15 If the current post is protected by a password and
     16 * If the current post is protected by a password and
    1617 * the visitor has not yet entered the password we will
    1718 * return early without loading the comments.
    … …  
    2122}
    2223
     24$discussion = twentynineteen_get_discussion_data();
    2325?>
    2426
    2527<div id="comments" class="<?php echo comments_open() ? 'comments-area' : 'comments-area comments-closed'; ?>">
    26         <div class="<?php echo twentynineteen_get_discussion_data()->responses > 0 ? 'comments-title-wrap' : 'comments-title-wrap no-responses'; ?>">
     28        <div class="<?php echo $discussion->responses > 0 ? 'comments-title-wrap' : 'comments-title-wrap no-responses'; ?>">
    2729                <h2 class="comments-title">
    2830                <?php
    2931                        if ( comments_open() ) {
    3032                                if ( have_comments() ) {
    31                                         echo esc_html_e( 'Join the Conversation', 'twentynineteen' );
     33                                        _e( 'Join the Conversation', 'twentynineteen' );
    3234                                } else {
    33                                         echo esc_html_e( 'Leave a comment', 'twentynineteen' );
     35                                        _e( 'Leave a comment', 'twentynineteen' );
    3436                                }
    3537                        } else {
    36                                 $comments_number = get_comments_number();
    37                                 if ( '1' === $comments_number ) {
     38                                if ( '1' == $discussion->responses ) {
    3839                                        /* translators: %s: post title */
    3940                                        printf( _x( 'One reply on &ldquo;%s&rdquo;', 'comments title', 'twentynineteen' ), get_the_title() );
    … …  
    4445                                                        '%1$s reply on &ldquo;%2$s&rdquo;',
    4546                                                        '%1$s replies on &ldquo;%2$s&rdquo;',
    46                                                         $comments_number,
     47                                                        $discussion->responses,
    4748                                                        'comments title',
    4849                                                        'twentynineteen'
    4950                                                ),
    50                                                 number_format_i18n( $comments_number ),
     51                                                number_format_i18n( $discussion->responses ),
    5152                                                get_the_title()
    5253                                        );
    … …  
    8586                <?php
    8687
    87                 // Show comment form at bottom if showing newest comments at the bottom.
    88                 if ( comments_open() && 'asc' === strtolower( get_option( 'comment_order', 'asc' ) ) ) :
    89                         ?>
    90                         <div class="comment-form-flex">
    91                                 <span class="screen-reader-text"><?php esc_html_e( 'Leave a comment', 'twentynineteen' ); ?></span>
    92                                 <?php twentynineteen_comment_form( 'asc' ); ?>
    93                                 <h2 class="comments-title" aria-hidden="true"><?php esc_html_e( 'Leave a comment', 'twentynineteen' ); ?></h2>
    94                         </div>
    95                         <?php
    96                 endif;
    97 
    9888                // Show comment navigation
    9989                if ( have_comments() ) :
    … …  
    10999                endif;
    110100
     101                // Show comment form at bottom if showing newest comments at the bottom.
     102                if ( comments_open() && 'asc' === strtolower( get_option( 'comment_order', 'asc' ) ) ) :
     103                        ?>
     104                        <div class="comment-form-flex">
     105                                <span class="screen-reader-text"><?php _e( 'Leave a comment', 'twentynineteen' ); ?></span>
     106                                <?php twentynineteen_comment_form( 'asc' ); ?>
     107                                <h2 class="comments-title" aria-hidden="true"><?php _e( 'Leave a comment', 'twentynineteen' ); ?></h2>
     108                        </div>
     109                        <?php
     110                endif;
     111
    111112                // If comments are closed and there are comments, let's leave a little note, shall we?
    112113                if ( ! comments_open() ) :
    113114                        ?>
    114115                        <p class="no-comments">
    115                                 <?php esc_html_e( 'Comments are closed.', 'twentynineteen' ); ?>
     116                                <?php _e( 'Comments are closed.', 'twentynineteen' ); ?>
    116117                        </p>
    117118                        <?php

  • trunk/src/wp-content/themes/twentynineteen/footer.php

    r43808 r44149  
    99 * @package WordPress
    1010 * @subpackage Twenty_Nineteen
     11 * @since 1.0.0
    1112 */
    1213
    … …  
    1617
    1718        <footer id="colophon" class="site-footer">
     19                <?php get_template_part( 'template-parts/footer/footer', 'widgets' ); ?>
    1820                <div class="site-info">
    19                         <a class="site-name" href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a>,
     21                        <?php $blog_info = get_bloginfo( 'name' ); ?>
     22                        <?php if ( ! empty( $blog_info ) ) : ?>
     23                                <a class="site-name" href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a>,
     24                        <?php endif; ?>
    2025                        <a href="<?php echo esc_url( __( 'https://wordpress.org/', 'twentynineteen' ) ); ?>" class="imprint">
    21                                 <?php printf( __( 'Proudly powered by %s', 'twentynineteen' ), 'WordPress' ); ?>.
     26                                <?php
     27                                /* translators: %s: WordPress. */
     28                                printf( __( 'Proudly powered by %s.', 'twentynineteen' ), 'WordPress' );
     29                                ?>
    2230                        </a>
    2331                        <?php
    … …  
    2634                        }
    2735                        ?>
     36                        <?php if ( has_nav_menu( 'footer' ) ) : ?>
     37                                <nav class="footer-navigation" aria-label="<?php esc_attr_e( 'Footer Menu', 'twentynineteen' ); ?>">
     38                                        <?php
     39                                        wp_nav_menu(
     40                                                array(
     41                                                        'theme_location' => 'footer',
     42                                                        'menu_class'     => 'footer-menu',
     43                                                        'depth'          => 1,
     44                                                )
     45                                        );
     46                                        ?>
     47                                </nav><!-- .footer-navigation -->
     48                        <?php endif; ?>
    2849                </div><!-- .site-info -->
    2950        </footer><!-- #colophon -->

  • trunk/src/wp-content/themes/twentynineteen/functions.php

    r43808 r44149  
    77 * @package WordPress
    88 * @subpackage Twenty_Nineteen
    9  */
     9 * @since 1.0.0
     10 */
     11
     12/**
     13 * Twenty Nineteen only works in WordPress 4.7 or later.
     14 */
     15if ( version_compare( $GLOBALS['wp_version'], '4.7', '<' ) ) {
     16        require get_template_directory() . '/inc/back-compat.php';
     17        return;
     18}
    1019
    1120if ( ! function_exists( 'twentynineteen_setup' ) ) :
    … …  
    4857                register_nav_menus(
    4958                        array(
    50                                 'menu-1' => esc_html__( 'Primary', 'twentynineteen' ),
     59                                'menu-1' => __( 'Primary', 'twentynineteen' ),
     60                                'footer' => __( 'Footer Menu', 'twentynineteen' ),
    5161                                'social' => __( 'Social Links Menu', 'twentynineteen' ),
    5262                        )
    … …  
    6878                );
    6979
    70                 // Set up the WordPress core custom background feature.
    71                 add_theme_support(
    72                         'custom-background',
    73                         apply_filters(
    74                                 'twentynineteen_custom_background_args',
    75                                 array(
    76                                         'default-color' => 'ffffff',
    77                                         'default-image' => '',
    78                                 )
    79                         )
    80                 );
    81 
    8280                /**
    8381                 * Add support for core custom logo.
    … …  
    9593                );
    9694
    97                 // Add support for Block Styles
     95                // Add theme support for selective refresh for widgets.
     96                add_theme_support( 'customize-selective-refresh-widgets' );
     97
     98                // Add support for Block Styles.
    9899                add_theme_support( 'wp-block-styles' );
    99100
    … …  
    101102                add_theme_support( 'align-wide' );
    102103
    103                 // Add support for editor styles
     104                // Add support for editor styles.
    104105                add_theme_support( 'editor-styles' );
    105106
    106                 // Enqueue editor styles
     107                // Enqueue editor styles.
    107108                add_editor_style( 'style-editor.css' );
    108109
     110                // Add custom editor font sizes.
     111                add_theme_support(
     112                        'editor-font-sizes',
     113                        array(
     114                                array(
     115                                        'name'      => __( 'Small', 'twentynineteen' ),
     116                                        'shortName' => __( 'S', 'twentynineteen' ),
     117                                        'size'      => 19.5,
     118                                        'slug'      => 'small',
     119                                ),
     120                                array(
     121                                        'name'      => __( 'Normal', 'twentynineteen' ),
     122                                        'shortName' => __( 'M', 'twentynineteen' ),
     123                                        'size'      => 22,
     124                                        'slug'      => 'normal',
     125                                ),
     126                                array(
     127                                        'name'      => __( 'Large', 'twentynineteen' ),
     128                                        'shortName' => __( 'L', 'twentynineteen' ),
     129                                        'size'      => 36.5,
     130                                        'slug'      => 'large',
     131                                ),
     132                                array(
     133                                        'name'      => __( 'Huge', 'twentynineteen' ),
     134                                        'shortName' => __( 'XL', 'twentynineteen' ),
     135                                        'size'      => 49.5,
     136                                        'slug'      => 'huge',
     137                                ),
     138                        )
     139                );
     140
     141                // Editor color palette.
     142                add_theme_support(
     143                        'editor-color-palette',
     144                        array(
     145                                array(
     146                                        'name'  => __( 'Primary', 'twentynineteen' ),
     147                                        'slug'  => 'primary',
     148                                        'color' => twentynineteen_hsl_hex( 'default' === get_theme_mod( 'primary_color' ) ? 199 : get_theme_mod( 'primary_color_hue', 199 ), 100, 33 ),
     149                                ),
     150                                array(
     151                                        'name'  => __( 'Secondary', 'twentynineteen' ),
     152                                        'slug'  => 'secondary',
     153                                        'color' => twentynineteen_hsl_hex( 'default' === get_theme_mod( 'primary_color' ) ? 199 : get_theme_mod( 'primary_color_hue', 199 ), 100, 23 ),
     154                                ),
     155                                array(
     156                                        'name'  => __( 'Dark Gray', 'twentynineteen' ),
     157                                        'slug'  => 'dark-gray',
     158                                        'color' => '#111',
     159                                ),
     160                                array(
     161                                        'name'  => __( 'Light Gray', 'twentynineteen' ),
     162                                        'slug'  => 'light-gray',
     163                                        'color' => '#767676',
     164                                ),
     165                                array(
     166                                        'name'  => __( 'White', 'twentynineteen' ),
     167                                        'slug'  => 'white',
     168                                        'color' => '#FFF',
     169                                ),
     170                        )
     171                );
     172
     173                // Add support for responsive embedded content.
     174                add_theme_support( 'responsive-embeds' );
    109175        }
    110176endif;
    … …  
    112178
    113179/**
     180 * Register widget area.
     181 *
     182 * @link https://developer.wordpress.org/themes/functionality/sidebars/#registering-a-sidebar
     183 */
     184function twentynineteen_widgets_init() {
     185
     186        register_sidebar(
     187                array(
     188                        'name'          => __( 'Footer', 'twentynineteen' ),
     189                        'id'            => 'sidebar-1',
     190                        'description'   => __( 'Add widgets here to appear in your footer.', 'twentynineteen' ),
     191                        'before_widget' => '<section id="%1$s" class="widget %2$s">',
     192                        'after_widget'  => '</section>',
     193                        'before_title'  => '<h2 class="widget-title">',
     194                        'after_title'   => '</h2>',
     195                )
     196        );
     197
     198}
     199add_action( 'widgets_init', 'twentynineteen_widgets_init' );
     200
     201/**
    114202 * Set the content width in pixels, based on the theme's design and stylesheet.
    115203 *
    116204 * Priority 0 to make it available to lower priority callbacks.
    117205 *
    118  * @global int $content_width
     206 * @global int $content_width Content width.
    119207 */
    120208function twentynineteen_content_width() {
    … …  
    130218 */
    131219function twentynineteen_scripts() {
    132         wp_enqueue_style( 'twentynineteen-style', get_stylesheet_uri() );
     220        wp_enqueue_style( 'twentynineteen-style', get_stylesheet_uri(), array(), wp_get_theme()->get( 'Version' ) );
    133221
    134222        wp_style_add_data( 'twentynineteen-style', 'rtl', 'replace' );
    … …  
    136224        wp_enqueue_script( 'twentynineteen-skip-link-focus-fix', get_template_directory_uri() . '/js/skip-link-focus-fix.js', array(), '20151215', true );
    137225
     226        if ( has_nav_menu( 'menu-1' ) ) {
     227                wp_enqueue_script( 'twentynineteen-priority-menu', get_theme_file_uri( '/js/priority-menu.js' ), array(), '1.0', true );
     228                wp_enqueue_script( 'twentynineteen-touch-navigation', get_theme_file_uri( '/js/touch-keyboard-navigation.js' ), array(), '1.0', true );
     229        }
     230
    138231        wp_enqueue_style( 'twentynineteen-print-style', get_template_directory_uri() . '/print.css', array(), wp_get_theme()->get( 'Version' ), 'print' );
    139 
    140         if ( is_singular() && twentynineteen_can_show_post_thumbnail() ) {
    141                 wp_add_inline_style( 'twentynineteen-style', twentynineteen_header_featured_image_css() );
    142         }
    143232
    144233        if ( is_singular() && comments_open() && get_option( 'thread_comments' ) ) {
    … …  
    149238
    150239/**
    151  * Enqueue supplemental block editor styles
    152  */
    153 function twentynineteen_editor_frame_styles() {
    154         wp_enqueue_style( 'twentynineteen-editor-frame-styles', get_theme_file_uri( '/style-editor-frame.css' ), false, '1.0', 'all' );
    155 }
    156 
    157 add_action( 'enqueue_block_editor_assets', 'twentynineteen_editor_frame_styles' );
     240 * Enqueue supplemental block editor styles.
     241 */
     242function twentynineteen_editor_customizer_styles() {
     243
     244        wp_enqueue_style( 'twentynineteen-editor-customizer-styles', get_theme_file_uri( '/style-editor-customizer.css' ), false, '1.0', 'all' );
     245
     246        if ( 'custom' === get_theme_mod( 'primary_color' ) ) {
     247                // Include color patterns.
     248                require_once get_parent_theme_file_path( '/inc/color-patterns.php' );
     249                wp_add_inline_style( 'twentynineteen-editor-customizer-styles', twentynineteen_custom_colors_css() );
     250        }
     251}
     252add_action( 'enqueue_block_editor_assets', 'twentynineteen_editor_customizer_styles' );
     253
     254/**
     255 * Display custom color CSS in customizer and on frontend.
     256 */
     257function twentynineteen_colors_css_wrap() {
     258
     259        // Only include custom colors in customizer or frontend.
     260        if ( ( ! is_customize_preview() && 'default' === get_theme_mod( 'primary_color', 'default' ) ) || is_admin() ) {
     261                return;
     262        }
     263
     264        require_once get_parent_theme_file_path( '/inc/color-patterns.php' );
     265
     266        if ( 'default' === get_theme_mod( 'primary_color', 'default' ) ) {
     267                $primary_color = 199;
     268        } else {
     269                $primary_color = absint( get_theme_mod( 'primary_color_hue', 199 ) );
     270        }
     271        ?>
     272
     273        <style type="text/css" id="custom-theme-colors" <?php echo is_customize_preview() ? 'data-hue="' . $primary_color . '"' : ''; ?>>
     274                <?php echo twentynineteen_custom_colors_css(); ?>
     275        </style>
     276        <?php
     277}
     278add_action( 'wp_head', 'twentynineteen_colors_css_wrap' );
    158279
    159280/**

  • trunk/src/wp-content/themes/twentynineteen/header.php

    r43808 r44149  
    99 * @package WordPress
    1010 * @subpackage Twenty_Nineteen
     11 * @since 1.0.0
    1112 */
    1213?><!doctype html>
    … …  
    2122<body <?php body_class(); ?>>
    2223<div id="page" class="site">
    23         <a class="skip-link screen-reader-text" href="#content"><?php esc_html_e( 'Skip to content', 'twentynineteen' ); ?></a>
     24        <a class="skip-link screen-reader-text" href="#content"><?php _e( 'Skip to content', 'twentynineteen' ); ?></a>
    2425
    2526                <header id="masthead" class="<?php echo is_singular() && twentynineteen_can_show_post_thumbnail() ? 'site-header featured-image' : 'site-header'; ?>">
     27
    2628                        <div class="site-branding-container">
    2729                                <?php get_template_part( 'template-parts/header/site', 'branding' ); ?>
    … …  
    2931
    3032                        <?php if ( is_singular() && twentynineteen_can_show_post_thumbnail() ) : ?>
    31                                 <div class="hentry">
     33                                <div class="site-featured-image">
     34                                        <?php twentynineteen_post_thumbnail(); ?>
    3235                                        <?php the_post(); ?>
    33                                         <div class="entry-header">
    34                                                 <?php if ( ! is_page() ) : ?>
    35                                                 <?php $discussion = twentynineteen_can_show_post_thumbnail() ? twentynineteen_get_discussion_data() : null; ?>
    36                                                 <?php endif; ?>
    37                                                 <?php the_title( '<h1 class="entry-title">', '</h1>' ); ?>
    38                                                 <?php if ( ! is_page() ) : ?>
    39                                                 <div class="<?php echo ( ! empty( $discussion ) && count( $discussion->authors ) > 0 ) ? 'entry-meta has-discussion' : 'entry-meta'; ?>">
    40                                                         <?php twentynineteen_posted_by(); ?>
    41                                                         <?php twentynineteen_posted_on(); ?>
    42                                                         <span class="comment-count">
    43                                                                 <?php
    44                                                                 if ( ! empty( $discussion ) ) {
    45                                                                 twentynineteen_discussion_avatars_list( $discussion->authors );}
    46                                                                 ?>
    47                                                                 <?php twentynineteen_comment_count(); ?>
    48                                                         </span>
    49                                                         <?php
    50                                                         // Edit post link.
    51                                                                 edit_post_link(
    52                                                                         sprintf(
    53                                                                                 wp_kses(
    54                                                                                         /* translators: %s: Name of current post. Only visible to screen readers. */
    55                                                                                         __( 'Edit <span class="screen-reader-text">%s</span>', 'twentynineteen' ),
    56                                                                                         array(
    57                                                                                                 'span' => array(
    58                                                                                                         'class' => array(),
    59                                                                                                 ),
    60                                                                                         )
    61                                                                                 ),
    62                                                                                 get_the_title()
    63                                                                         ),
    64                                                                         '<span class="edit-link">' . twentynineteen_get_icon_svg( 'edit', 16 ),
    65                                                                         '</span>'
    66                                                                 );
    67                                                         ?>
    68                                                 </div><!-- .meta-info -->
    69                                                 <?php endif; ?>
     36                                        <?php $discussion = ! is_page() && twentynineteen_can_show_post_thumbnail() ? twentynineteen_get_discussion_data() : null; ?>
     37                                        <div class="<?php echo ( ! empty( $discussion ) && count( $discussion->responses ) > 0 ) ? 'entry-header has-discussion' : 'entry-header'; ?>">
     38                                                <?php get_template_part( 'template-parts/header/entry', 'header' ); ?>
    7039                                        </div><!-- .entry-header -->
    7140                                        <?php rewind_posts(); ?>

  • trunk/src/wp-content/themes/twentynineteen/image.php

    r43842 r44149  
    6767                                                        if ( $metadata ) {
    6868                                                                printf(
    69                                                                         '<span class="full-size-link"><span class="screen-reader-text">%1$s </span><a href="%2$s">%3$s &times; %4$s</a></span>',
    70                                                                         esc_html_x( 'Full size', 'Used before full size attachment link.', 'twentynineteen' ),
     69                                                                        '<span class="full-size-link"><span class="screen-reader-text">%1$s</span><a href="%2$s">%3$s &times; %4$s</a></span>',
     70                                                                        _x( 'Full size', 'Used before full size attachment link.', 'twentynineteen' ),
    7171                                                                        esc_url( wp_get_attachment_url() ),
    7272                                                                        absint( $metadata['width'] ),
    … …  
    101101        </section><!-- .content-area -->
    102102
    103 <?php get_footer(); ?>
     103<?php
     104get_footer();

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

    r43842 r44149  
    99
    1010/**
    11  * Generate the CSS for the current custom color scheme.
     11 * Generate the CSS for the current primary color.
    1212 */
    1313function twentynineteen_custom_colors_css() {
    1414
    15         $default_primary_color       = 199;
    16         $primary_color               = absint( get_theme_mod( 'colorscheme_hue', $default_primary_color ) );
     15        if ( 'default' === get_theme_mod( 'primary_color', 'default' ) ) {
     16                $primary_color = 199;
     17        } else {
     18                $primary_color = absint( get_theme_mod( 'primary_color_hue', 199 ) );
     19        }
    1720
    1821        /**
    … …  
    2427         */
    2528
    26         $saturation = absint( apply_filters( 'twentynineteen_custom_colors_saturation', 100 ) );
    27         $reduced_saturation = ( .8 * $saturation ) . '%';
    28         $saturation = $saturation . '%';
     29        $saturation           = absint( apply_filters( 'twentynineteen_custom_colors_saturation', 100 ) );
     30        $saturation           = $saturation . '%';
     31
     32        $saturation_selection = absint( apply_filters( 'twentynineteen_custom_colors_saturation_selection', 50 ) );
     33        $saturation_selection = $saturation_selection . '%';
     34
     35        $lightness            = absint( apply_filters( 'twentynineteen_custom_colors_lightness', 33 ) );
     36        $lightness            = $lightness . '%';
     37
     38        $lightness_hover      = absint( apply_filters( 'twentynineteen_custom_colors_lightness_hover', 23 ) );
     39        $lightness_hover      = $lightness_hover . '%';
     40
     41        $lightness_selection  = absint( apply_filters( 'twentynineteen_custom_colors_lightness_selection', 90 ) );
     42        $lightness_selection  = $lightness_selection . '%';
    2943
    3044        $theme_css = '
    … …  
    4761                .main-navigation .sub-menu,
    4862                .sticky-post,
    49                 .entry-content .wp-block-button .wp-block-button__link,
    50                 .button, button, input[type="button"], input[type="reset"], input[type="submit"],
    51                 .entry-content > .has-primary-background-color,
    52                 .entry-content > *[class^="wp-block-"].has-primary-background-color,
    53                 .entry-content > *[class^="wp-block-"] .has-primary-background-color,
    54                 .entry-content > *[class^="wp-block-"].is-style-solid-color,
    55                 .entry-content > *[class^="wp-block-"].is-style-solid-color .has-primary-background-color,
    56                 .entry-content .wp-block-file .wp-block-file__button {
    57                         background-color: hsl( ' . $primary_color . ', ' . $saturation . ', 33% ); /* base: #0073a8; */
     63                .entry .entry-content .wp-block-button .wp-block-button__link:not(.has-background),
     64                .entry .button, button, input[type="button"], input[type="reset"], input[type="submit"],
     65                .entry .entry-content > .has-primary-background-color,
     66                .entry .entry-content > *[class^="wp-block-"].has-primary-background-color,
     67                .entry .entry-content > *[class^="wp-block-"] .has-primary-background-color,
     68                .entry .entry-content > *[class^="wp-block-"].is-style-solid-color,
     69                .entry .entry-content > *[class^="wp-block-"].is-style-solid-color.has-primary-background-color,
     70                .entry .entry-content .wp-block-file .wp-block-file__button {
     71                        background-color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
    5872                }
    5973
    … …  
    8094                .entry .entry-content .more-link:hover,
    8195                .main-navigation .main-menu > li > a + svg,
    82                 .comment-navigation .nav-previous a:hover,
    83                 .comment-navigation .nav-next a:hover,
     96                .comment .comment-metadata > a:hover,
    8497                .comment .comment-metadata .comment-edit-link:hover,
    8598                #colophon .site-info a:hover,
    8699                .widget a,
    87                 .entry-content .wp-block-button.is-style-outline .wp-block-button__link,
    88                 .entry-content .wp-block-button.is-style-outline .wp-block-button__link,
    89                 .entry-content .wp-block-button.is-style-outline .wp-block-button__link,
    90                 .entry-content > *[class^="wp-block-"] .has-primary-color,
    91                 .entry-content > *[class^="wp-block-"].is-style-solid-color .has-primary-color {
    92                         color: hsl( ' . $primary_color . ', ' . $saturation . ', 33% ); /* base: #0073a8; */
     100                .entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color),
     101                .entry .entry-content > .has-primary-color,
     102                .entry .entry-content > *[class^="wp-block-"] .has-primary-color,
     103                .entry .entry-content > *[class^="wp-block-"].is-style-solid-color blockquote.has-primary-color,
     104                .entry .entry-content > *[class^="wp-block-"].is-style-solid-color blockquote.has-primary-color p {
     105                        color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
    93106                }
    94107
    … …  
    97110                 * wp block quote
    98111                 */
    99                 .entry-content blockquote,
    100                 .entry-content .wp-block-quote:not(.is-large),
    101                 .entry-content .wp-block-quote:not(.is-style-large) {
    102                         border-left-color: hsl( ' . $primary_color . ', ' . $saturation . ', 33% ); /* base: #0073a8; */
     112                blockquote,
     113                .entry .entry-content blockquote,
     114                .entry .entry-content .wp-block-quote:not(.is-large),
     115                .entry .entry-content .wp-block-quote:not(.is-style-large) {
     116                        border-left-color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
    103117                }
    104118
    … …  
    123137                input[type="color"]:focus,
    124138                textarea:focus {
    125                         border-color: hsl( ' . $primary_color . ', ' . $saturation . ', 33% ); /* base: #0073a8; */
     139                        border-color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
    126140                }
    127141
    128142                .gallery-item > div > a:focus {
    129                         box-shadow: 0 0 0 2px hsl( ' . $primary_color . ', ' . $saturation . ', 33% ); /* base: #0073a8; */
     143                        box-shadow: 0 0 0 2px hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
    130144                }
    131145
    … …  
    134148                .main-navigation .main-menu > li > a:hover,
    135149                .main-navigation .main-menu > li > a:hover + svg,
     150                .post-navigation .nav-links a:hover,
    136151                .post-navigation .nav-links a:hover .post-title,
    137152                .author-bio .author-description .author-link:hover,
     153                .entry .entry-content > .has-secondary-color,
     154                .entry .entry-content > *[class^="wp-block-"] .has-secondary-color,
     155                .entry .entry-content > *[class^="wp-block-"].is-style-solid-color blockquote.has-secondary-color,
     156                .entry .entry-content > *[class^="wp-block-"].is-style-solid-color blockquote.has-secondary-color p,
    138157                .comment .comment-author .fn a:hover,
    139158                .comment-reply-link:hover,
     159                .comment-navigation .nav-previous a:hover,
     160                .comment-navigation .nav-next a:hover,
    140161                #cancel-comment-reply-link:hover,
    141162                .widget a:hover {
    142                         color: hsl( ' . $primary_color . ', ' . $saturation . ', 23% ); /* base: #005177; */
     163                        color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness_hover . ' ); /* base: #005177; */
    143164                }
    144165
    … …  
    147168                .main-navigation .sub-menu > li > a:hover:after,
    148169                .main-navigation .sub-menu > li > a:focus:after,
    149                 .main-navigation .sub-menu > li > a:not(.mobile-submenu-expand):hover,
    150                 .main-navigation .sub-menu > li > a:not(.mobile-submenu-expand):focus {
    151                         background: hsl( ' . $primary_color . ', ' . $saturation . ', 23% ); /* base: #005177; */
     170                .main-navigation .sub-menu > li > .menu-item-link-return:hover,
     171                .main-navigation .sub-menu > li > .menu-item-link-return:focus,
     172                .main-navigation .sub-menu > li > a:not(.submenu-expand):hover,
     173                .main-navigation .sub-menu > li > a:not(.submenu-expand):focus,
     174                .entry .entry-content > .has-secondary-background-color,
     175                .entry .entry-content > *[class^="wp-block-"].has-secondary-background-color,
     176                .entry .entry-content > *[class^="wp-block-"] .has-secondary-background-color,
     177                .entry .entry-content > *[class^="wp-block-"].is-style-solid-color.has-secondary-background-color {
     178                        background-color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness_hover . ' ); /* base: #005177; */
     179                }
     180
     181                /* Text selection colors */
     182                ::selection {
     183                        background-color: hsl( ' . $primary_color . ', ' . $saturation_selection . ', ' . $lightness_selection . ' ); /* base: #005177; */
     184                }
     185                ::-moz-selection {
     186                        background-color: hsl( ' . $primary_color . ', ' . $saturation_selection . ', ' . $lightness_selection . ' ); /* base: #005177; */
    152187                }';
    153188
    … …  
    164199                .editor-block-list__layout .editor-block-list__block .wp-block-button.is-style-outline:hover .wp-block-button__link:not(.has-text-color),
    165200                .editor-block-list__layout .editor-block-list__block .wp-block-button.is-style-outline:focus .wp-block-button__link:not(.has-text-color),
    166                 .editor-block-list__layout .editor-block-list__block .wp-block-button.is-style-outline:active .wp-block-button__link:not(.has-text-color) {
    167                         color: hsl( ' . $primary_color . ', ' . $saturation . ', 33% ); /* base: #0073a8; */
     201                .editor-block-list__layout .editor-block-list__block .wp-block-button.is-style-outline:active .wp-block-button__link:not(.has-text-color),
     202                .editor-block-list__layout .editor-block-list__block .wp-block-file .wp-block-file__textlink {
     203                        color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
    168204                }
    169205
    170206                .editor-block-list__layout .editor-block-list__block .wp-block-quote:not(.is-large):not(.is-style-large),
    171207                .editor-styles-wrapper .editor-block-list__layout .wp-block-freeform blockquote {
    172                         border-left: 2px solid hsl( ' . $primary_color . ', ' . $saturation . ', 33% ); /* base: #0073a8; */
     208                        border-left: 2px solid hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
    173209                }
    174210
    175211                .editor-block-list__layout .editor-block-list__block .wp-block-pullquote.is-style-solid-color:not(.has-background-color) {
    176                         background-color: hsl( ' . $primary_color . ', ' . $saturation . ', 33% ); /* base: #0073a8; */
     212                        background-color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
    177213                }
    178214
    … …  
    182218                .editor-block-list__layout .editor-block-list__block .wp-block-button:not(.is-style-outline) .wp-block-button__link:focus,
    183219                .editor-block-list__layout .editor-block-list__block .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover {
    184                         background-color: hsl( ' . $primary_color . ', ' . $saturation . ', 33% ); /* base: #0073a8; */
     220                        background-color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
    185221                }
    186222
    187223                /* Hover colors */
    188224                .editor-block-list__layout .editor-block-list__block a:hover,
    189                 .editor-block-list__layout .editor-block-list__block a:active {
    190                         color: hsl( ' . $primary_color . ', ' . $saturation . ', 23% ); /* base: #005177; */
     225                .editor-block-list__layout .editor-block-list__block a:active,
     226                .editor-block-list__layout .editor-block-list__block .wp-block-file .wp-block-file__textlink:hover {
     227                        color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness_hover . ' ); /* base: #005177; */
    191228                }
    192229

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

    r43808 r44149  
    11<?php
    22/**
    3  * Twenty Nineteen Theme Customizer
     3 * Twenty Nineteen: Customizer
    44 *
    55 * @package WordPress
    66 * @subpackage Twenty_Nineteen
     7 * @since 1.0.0
    78 */
    89
    … …  
    3334                );
    3435        }
     36
     37        /**
     38         * Primary color.
     39         */
     40        $wp_customize->add_setting(
     41                'primary_color',
     42                array(
     43                        'default'           => 'default',
     44                        'transport'         => 'postMessage',
     45                        'sanitize_callback' => 'twentynineteen_sanitize_color_option',
     46                )
     47        );
     48
     49        $wp_customize->add_control(
     50                'primary_color',
     51                array(
     52                        'type'     => 'radio',
     53                        'label'    => __( 'Primary Color', 'twentynineteen' ),
     54                        'choices'  => array(
     55                                'default'  => _x( 'Default', 'primary color', 'twentynineteen' ),
     56                                'custom' => _x( 'Custom', 'primary color', 'twentynineteen' ),
     57                        ),
     58                        'section'  => 'colors',
     59                        'priority' => 5,
     60                )
     61        );
     62
     63        // Add primary color hue setting and control.
     64        $wp_customize->add_setting(
     65                'primary_color_hue',
     66                array(
     67                        'default'           => 199,
     68                        'transport'         => 'postMessage',
     69                        'sanitize_callback' => 'absint',
     70                )
     71        );
     72
     73        $wp_customize->add_control(
     74                new WP_Customize_Color_Control(
     75                        $wp_customize,
     76                        'primary_color_hue',
     77                        array(
     78                                'description' => __( 'Apply a custom color for buttons, links, featured images, etc.', 'twentynineteen' ),
     79                                'section'     => 'colors',
     80                                'mode'        => 'hue',
     81                        )
     82                )
     83        );
     84
     85        // Add image filter setting and control.
     86        $wp_customize->add_setting(
     87                'image_filter',
     88                array(
     89                        'default'           => 1,
     90                        'sanitize_callback' => 'absint',
     91                        'transport'         => 'postMessage',
     92                )
     93        );
     94
     95        $wp_customize->add_control(
     96                'image_filter',
     97                array(
     98                        'label'   => __( 'Apply a filter to featured images using the primary color', 'twentynineteen' ),
     99                        'section' => 'colors',
     100                        'type'    => 'checkbox',
     101                )
     102        );
    35103}
    36104add_action( 'customize_register', 'twentynineteen_customize_register' );
    … …  
    55123
    56124/**
    57  * Binds JS handlers to make Theme Customizer preview reload changes asynchronously.
     125 * Bind JS handlers to instantly live-preview changes.
    58126 */
    59127function twentynineteen_customize_preview_js() {
    60         wp_enqueue_script( 'twentynineteen-customizer', get_template_directory_uri() . '/js/customizer.js', array( 'customize-preview' ), '20151215', true );
     128        wp_enqueue_script( 'twentynineteen-customize-preview', get_theme_file_uri( '/js/customize-preview.js' ), array( 'customize-preview' ), '20151215', true );
    61129}
    62130add_action( 'customize_preview_init', 'twentynineteen_customize_preview_js' );
     131
     132/**
     133 * Load dynamic logic for the customizer controls area.
     134 */
     135function twentynineteen_panels_js() {
     136        wp_enqueue_script( 'twentynineteen-customize-controls', get_theme_file_uri( '/js/customize-controls.js' ), array(), '1.0', true );
     137}
     138add_action( 'customize_controls_enqueue_scripts', 'twentynineteen_panels_js' );
     139
     140/**
     141 * Sanitize custom color choice.
     142 *
     143 * @param string $choice Whether image filter is active.
     144 *
     145 * @return string
     146 */
     147function twentynineteen_sanitize_color_option( $choice ) {
     148        $valid = array(
     149                'default',
     150                'custom',
     151        );
     152
     153        if ( in_array( $choice, $valid, true ) ) {
     154                return $choice;
     155        }
     156
     157        return 'default';
     158}

  • trunk/src/wp-content/themes/twentynineteen/inc/icon-functions.php

    r43808 r44149  
    55 * @package WordPress
    66 * @subpackage Twenty_Nineteen
     7 * @since 1.0.0
    78 */
    89

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

    r43808 r44149  
    55 * @package WordPress
    66 * @subpackage Twenty_Nineteen
     7 * @since 1.0.0
    78 */
    89
    … …  
    3334
    3435/**
     36 * Adds custom class to the array of posts classes.
     37 */
     38function twentynineteen_post_classes( $classes, $class, $post_id ) {
     39        $classes[] = 'entry';
     40
     41        return $classes;
     42}
     43add_filter( 'post_class', 'twentynineteen_post_classes', 10, 3 );
     44
     45
     46/**
    3547 * Add a pingback url auto-discovery header for single posts, pages, or attachments.
    3648 */
    … …  
    6072function twentynineteen_get_the_archive_title() {
    6173        if ( is_category() ) {
    62                 $title = esc_html__( 'Category Archives:', 'twentynineteen' );
     74                $title = __( 'Category Archives: ', 'twentynineteen' ) . '<span class="page-description">' . single_term_title( '', false ) . '</span>';
    6375        } elseif ( is_tag() ) {
    64                 $title = esc_html__( 'Tag Archives:', 'twentynineteen' );
     76                $title = __( 'Tag Archives: ', 'twentynineteen' ) . '<span class="page-description">' . single_term_title( '', false ) . '</span>';
    6577        } elseif ( is_author() ) {
    66                 $title = esc_html__( 'Author Archives:', 'twentynineteen' );
     78                $title = __( 'Author Archives: ', 'twentynineteen' ) . '<span class="page-description">' . get_the_author_meta( 'display_name' ) . '</span>';
    6779        } elseif ( is_year() ) {
    68                 $title = esc_html__( 'Yearly Archives:', 'twentynineteen' );
     80                $title = __( 'Yearly Archives: ', 'twentynineteen' ) . '<span class="page-description">' . get_the_date( _x( 'Y', 'yearly archives date format', 'twentynineteen' ) ) . '</span>';
    6981        } elseif ( is_month() ) {
    70                 $title = esc_html__( 'Monthly Archives:', 'twentynineteen' );
     82                $title = __( 'Monthly Archives: ', 'twentynineteen' ) . '<span class="page-description">' . get_the_date( _x( 'F Y', 'monthly archives date format', 'twentynineteen' ) ) . '</span>';
    7183        } elseif ( is_day() ) {
    72                 $title = esc_html__( 'Daily Archives:', 'twentynineteen' );
     84                $title = __( 'Daily Archives: ', 'twentynineteen' ) . '<span class="page-description">' . get_the_date() . '</span>';
    7385        } elseif ( is_post_type_archive() ) {
    74                 $title = esc_html__( 'Post Type Archives:', 'twentynineteen' );
     86                $title = __( 'Post Type Archives: ', 'twentynineteen' ) . '<span class="page-description">' . post_type_archive_title( '', false ) . '</span>';
    7587        } elseif ( is_tax() ) {
    7688                $tax = get_taxonomy( get_queried_object()->taxonomy );
    77                 /* translators: 1: Taxonomy singular name */
    78                 $title = sprintf( __( '%s Archives: ' ), $tax->labels->singular_name );
     89                /* translators: %s: Taxonomy singular name */
     90                $title = sprintf( esc_html__( '%s Archives:', 'twentynineteen' ), $tax->labels->singular_name );
    7991        } else {
    80                 $title = esc_html__( 'Archives:', 'twentynineteen' );
     92                $title = __( 'Archives:', 'twentynineteen' );
    8193        }
    8294        return $title;
    … …  
    8597
    8698/**
    87  * Filters the default archive descriptions.
    88  */
    89 function twentynineteen_get_the_archive_description() {
    90         if ( is_category() || is_tag() || is_tax() ) {
    91                 $description = single_term_title( '', false );
    92         } elseif ( is_author() ) {
    93                 $description = get_the_author_meta( 'display_name' );
    94         } elseif ( is_post_type_archive() ) {
    95                 $description = post_type_archive_title( '', false );
    96         } elseif ( is_year() ) {
    97                 $description = get_the_date( _x( 'Y', 'yearly archives date format', 'twentynineteen' ) );
    98         } elseif ( is_month() ) {
    99                 $description = get_the_date( _x( 'F Y', 'monthly archives date format', 'twentynineteen' ) );
    100         } elseif ( is_day() ) {
    101                 $description = get_the_date();
    102         } else {
    103                 $description = null;
    104         }
    105         return $description;
    106 }
    107 add_filter( 'get_the_archive_description', 'twentynineteen_get_the_archive_description' );
    108 
    109 /**
    11099 * Determines if post thumbnail can be displayed.
    111100 */
    112101function twentynineteen_can_show_post_thumbnail() {
    113         return ! post_password_required() && ! is_attachment() && has_post_thumbnail();
     102        return apply_filters( 'twentynineteen_can_show_post_thumbnail', ! post_password_required() && ! is_attachment() && has_post_thumbnail() );
    114103}
    115104
    … …  
    118107 */
    119108function twentynineteen_image_filters_enabled() {
    120         return true;
    121 }
     109        if ( get_theme_mod( 'image_filter', 1 ) ) {
     110                return true;
     111        }
     112        return false;
     113}
     114
     115/**
     116 * Add custom sizes attribute to responsive image functionality for post thumbnails.
     117 *
     118 * @origin Twenty Nineteen 1.0
     119 *
     120 * @param array $attr  Attributes for the image markup.
     121 * @return string Value for use in post thumbnail 'sizes' attribute.
     122 */
     123function twentynineteen_post_thumbnail_sizes_attr( $attr ) {
     124
     125        if ( is_admin() ) {
     126                return $attr;
     127        }
     128
     129        if ( ! is_singular() ) {
     130                $attr['sizes'] = '(max-width: 34.9rem) calc(100vw - 2rem), (max-width: 53rem) calc(8 * (100vw / 12)), (min-width: 53rem) calc(6 * (100vw / 12)), 100vw';
     131        }
     132
     133        return $attr;
     134}
     135add_filter( 'wp_get_attachment_image_attributes', 'twentynineteen_post_thumbnail_sizes_attr', 10, 1 );
    122136
    123137/**
    … …  
    149163function twentynineteen_get_discussion_data() {
    150164        static $discussion, $post_id;
     165
    151166        $current_post_id = get_the_ID();
    152         if ( $current_post_id === $post_id ) { /* If we have discussion information for post ID, return cached object */
    153                 return $discussion;
    154         }
    155         $authors    = array();
    156         $commenters = array();
    157         $user_id    = is_user_logged_in() ? get_current_user_id() : -1;
    158         $comments   = get_comments(
     167        if ( $current_post_id === $post_id ) {
     168                return $discussion; /* If we have discussion information for post ID, return cached object */
     169        } else {
     170                $post_id = $current_post_id;
     171        }
     172
     173        $comments = get_comments(
    159174                array(
    160175                        'post_id' => $current_post_id,
    … …  
    162177                        'order'   => get_option( 'comment_order', 'asc' ), /* Respect comment order from Settings » Discussion. */
    163178                        'status'  => 'approve',
     179                        'number'  => 20, /* Only retrieve the last 20 comments, as the end goal is just 6 unique authors */
    164180                )
    165181        );
     182
     183        $authors = array();
    166184        foreach ( $comments as $comment ) {
    167                 $comment_user_id = (int) $comment->user_id;
    168                 if ( $comment_user_id !== $user_id ) {
    169                         $authors[]    = ( $comment_user_id > 0 ) ? $comment_user_id : $comment->comment_author_email;
    170                         $commenters[] = $comment->comment_author_email;
    171                 }
    172         }
     185                $authors[] = ( (int) $comment->user_id > 0 ) ? (int) $comment->user_id : $comment->comment_author_email;
     186        }
     187
    173188        $authors    = array_unique( $authors );
    174         $responses  = count( $commenters );
    175         $commenters = array_unique( $commenters );
    176         $post_id    = $current_post_id;
    177189        $discussion = (object) array(
    178                 'authors'    => array_slice( $authors, 0, 6 ), /* Unique authors commenting on post (a subset of), excluding current user. */
    179                 'commenters' => count( $commenters ),          /* Number of commenters involved in discussion, excluding current user. */
    180                 'responses'  => $responses,                    /* Number of responses, excluding responses from current user. */
     190                'authors'   => array_slice( $authors, 0, 6 ),           /* Six unique authors commenting on the post. */
     191                'responses' => get_comments_number( $current_post_id ), /* Number of responses. */
    181192        );
     193
    182194        return $discussion;
    183195}
     196
     197/**
     198 * Add an extra menu to our nav for our priority+ navigation to use
     199 *
     200 * @param object $nav_menu  Nav menu.
     201 * @param object $args      Nav menu args.
     202 * @return string More link for hidden menu items.
     203 */
     204function twentynineteen_add_ellipses_to_nav( $nav_menu, $args ) {
     205
     206        if ( 'menu-1' === $args->theme_location ) :
     207
     208                $nav_menu .= '<div class="main-menu-more">';
     209                $nav_menu .= '<ul class="main-menu" tabindex="0">';
     210                $nav_menu .= '<li class="menu-item menu-item-has-children">';
     211                $nav_menu .= '<a href="#" class="screen-reader-text" aria-label="More" aria-haspopup="true" aria-expanded="false">' . esc_html__( 'More', 'twentynineteen' ) . '</a>';
     212                $nav_menu .= '<span class="submenu-expand main-menu-more-toggle is-empty" tabindex="-1">';
     213                $nav_menu .= twentynineteen_get_icon_svg( 'arrow_drop_down_ellipsis' );
     214                $nav_menu .= '</span>';
     215                $nav_menu .= '<ul class="sub-menu hidden-links">';
     216                $nav_menu .= '<li id="menu-item--1" class="mobile-parent-nav-menu-item menu-item--1">';
     217                $nav_menu .= '<span class="menu-item-link-return">';
     218                $nav_menu .= twentynineteen_get_icon_svg( 'chevron_left' );
     219                $nav_menu .= esc_html__( 'Back', 'twentynineteen' );
     220                $nav_menu .= '</span>';
     221                $nav_menu .= '</li>';
     222                $nav_menu .= '</ul>';
     223                $nav_menu .= '</li>';
     224                $nav_menu .= '</ul>';
     225                $nav_menu .= '</div>';
     226
     227        endif;
     228
     229        return $nav_menu;
     230}
     231add_filter( 'wp_nav_menu', 'twentynineteen_add_ellipses_to_nav', 10, 2 );
    184232
    185233/**
    … …  
    205253
    206254/**
     255 * Add a dropdown icon to top-level menu items.
     256 *
     257 * @param string $output Nav menu item start element.
     258 * @param object $item   Nav menu item.
     259 * @param int    $depth  Depth.
     260 * @param object $args   Nav menu args.
     261 * @return string Nav menu item start element.
    207262 * Add a dropdown icon to top-level menu items
    208263 */
    … …  
    210265
    211266        // Only add class to 'top level' items on the 'primary' menu.
    212         if ( 'menu-1' == $args->theme_location && 0 === $depth ) {
    213 
    214                 if ( in_array( 'menu-item-has-children', $item->classes ) ) {
    215                         $output .= twentynineteen_get_icon_svg( 'arrow_drop_down_circle', 16 );
     267        if ( ! isset( $args->theme_location ) || 'menu-1' !== $args->theme_location ) {
     268                return $output;
     269        }
     270
     271        if ( in_array( 'mobile-parent-nav-menu-item', $item->classes, true ) && isset( $item->original_id ) ) {
     272                // Inject the keyboard_arrow_left SVG inside the parent nav menu item, and let the item link to the parent item.
     273                // @todo Only do this for nested submenus? If on a first-level submenu, then really the link could be "#" since the desire is to remove the target entirely.
     274                $link = sprintf(
     275                        '<span class="menu-item-link-return" tabindex="-1">%s',
     276                        twentynineteen_get_icon_svg( 'chevron_left', 24 )
     277                );
     278
     279                // replace opening <a> with <span>
     280                $output = preg_replace(
     281                        '/<a\s.*?>/',
     282                        $link,
     283                        $output,
     284                        1 // Limit.
     285                );
     286
     287                // replace closing </a> with </span>
     288                $output = preg_replace(
     289                        '#</a>#i',
     290                        '</span>',
     291                        $output,
     292                        1 // Limit.
     293                );
     294
     295        } elseif ( in_array( 'menu-item-has-children', $item->classes, true ) ) {
     296
     297                // Add SVG icon to parent items.
     298                $icon = twentynineteen_get_icon_svg( 'keyboard_arrow_down', 24 );
     299
     300                $output .= sprintf(
     301                        '<span class="submenu-expand" tabindex="-1">%s</span>',
     302                        $icon
     303                );
     304        }
     305
     306        return $output;
     307}
     308add_filter( 'walker_nav_menu_start_el', 'twentynineteen_add_dropdown_icons', 10, 4 );
     309
     310/**
     311 * Create a nav menu item to be displayed on mobile to navigate from submenu back to the parent.
     312 *
     313 * This duplicates each parent nav menu item and makes it the first child of itself.
     314 *
     315 * @param array  $sorted_menu_items Sorted nav menu items.
     316 * @param object $args              Nav menu args.
     317 * @return array Amended nav menu items.
     318 */
     319function twentynineteen_add_mobile_parent_nav_menu_items( $sorted_menu_items, $args ) {
     320        static $pseudo_id = 0;
     321        if ( ! isset( $args->theme_location ) || 'menu-1' !== $args->theme_location ) {
     322                return $sorted_menu_items;
     323        }
     324
     325        $amended_menu_items = array();
     326        foreach ( $sorted_menu_items as $nav_menu_item ) {
     327                $amended_menu_items[] = $nav_menu_item;
     328                if ( in_array( 'menu-item-has-children', $nav_menu_item->classes, true ) ) {
     329                        $parent_menu_item                   = clone $nav_menu_item;
     330                        $parent_menu_item->original_id      = $nav_menu_item->ID;
     331                        $parent_menu_item->ID               = --$pseudo_id;
     332                        $parent_menu_item->db_id            = $parent_menu_item->ID;
     333                        $parent_menu_item->object_id        = $parent_menu_item->ID;
     334                        $parent_menu_item->classes          = array( 'mobile-parent-nav-menu-item' );
     335                        $parent_menu_item->menu_item_parent = $nav_menu_item->ID;
     336
     337                        $amended_menu_items[] = $parent_menu_item;
    216338                }
    217         } else if ( 'menu-1' == $args->theme_location && $depth >= 1 ) {
    218 
    219                 if ( in_array( 'menu-item-has-children', $item->classes ) ) {
    220                         $output .= twentynineteen_get_icon_svg( 'keyboard_arrow_right', 24 );
     339        }
     340
     341        return $amended_menu_items;
     342}
     343add_filter( 'wp_nav_menu_objects', 'twentynineteen_add_mobile_parent_nav_menu_items', 10, 2 );
     344
     345/**
     346 * Convert HSL to HEX colors
     347 */
     348function twentynineteen_hsl_hex( $h, $s, $l, $to_hex = true ) {
     349
     350        $h /= 360;
     351        $s /= 100;
     352        $l /= 100;
     353
     354        $r = $l;
     355        $g = $l;
     356        $b = $l;
     357        $v = ( $l <= 0.5 ) ? ( $l * ( 1.0 + $s ) ) : ( $l + $s - $l * $s );
     358        if ( $v > 0 ) {
     359                $m;
     360                $sv;
     361                $sextant;
     362                $fract;
     363                $vsf;
     364                $mid1;
     365                $mid2;
     366
     367                $m = $l + $l - $v;
     368                $sv = ( $v - $m ) / $v;
     369                $h *= 6.0;
     370                $sextant = floor( $h );
     371                $fract = $h - $sextant;
     372                $vsf = $v * $sv * $fract;
     373                $mid1 = $m + $vsf;
     374                $mid2 = $v - $vsf;
     375
     376                switch ( $sextant ) {
     377                        case 0:
     378                                $r = $v;
     379                                $g = $mid1;
     380                                $b = $m;
     381                                break;
     382                        case 1:
     383                                $r = $mid2;
     384                                $g = $v;
     385                                $b = $m;
     386                                break;
     387                        case 2:
     388                                $r = $m;
     389                                $g = $v;
     390                                $b = $mid1;
     391                                break;
     392                        case 3:
     393                                $r = $m;
     394                                $g = $mid2;
     395                                $b = $v;
     396                                break;
     397                        case 4:
     398                                $r = $mid1;
     399                                $g = $m;
     400                                $b = $v;
     401                                break;
     402                        case 5:
     403                                $r = $v;
     404                                $g = $m;
     405                                $b = $mid2;
     406                                break;
    221407                }
    222408        }
    223 
    224         return $output;
    225 }
    226 add_filter( 'walker_nav_menu_start_el', 'twentynineteen_add_dropdown_icons', 10, 4 );
     409        $r = round( $r * 255, 0 );
     410        $g = round( $g * 255, 0 );
     411        $b = round( $b * 255, 0 );
     412
     413        if ( $to_hex ) {
     414
     415                $r = ( $r < 15 ) ? '0' . dechex( $r ) : dechex( $r );
     416                $g = ( $g < 15 ) ? '0' . dechex( $g ) : dechex( $g );
     417                $b = ( $b < 15 ) ? '0' . dechex( $b ) : dechex( $b );
     418
     419                return "#$r$g$b";
     420
     421        } else {
     422
     423                return "rgb($r, $g, $b)";
     424        }
     425}

  • trunk/src/wp-content/themes/twentynineteen/inc/template-tags.php

    r43808 r44149  
    55 * @package WordPress
    66 * @subpackage Twenty_Nineteen
     7 * @since 1.0.0
    78 */
    89
    … …  
    2627
    2728                printf(
    28                         '<span class="posted-on">%1$s<a href="%2$s" rel="bookmark">' . $time_string . '</a></span>',
     29                        '<span class="posted-on">%1$s<a href="%2$s" rel="bookmark">%3$s</a></span>',
    2930                        twentynineteen_get_icon_svg( 'watch', 16 ),
    3031                        esc_url( get_permalink() ),
    … …  
    4344                        /* translators: 1: SVG icon. 2: post author, only visible to screen readers. 3: author link. */
    4445                        twentynineteen_get_icon_svg( 'person', 16 ),
    45                         esc_html__( 'Posted by', 'twentynineteen' ),
     46                        __( 'Posted by', 'twentynineteen' ),
    4647                        esc_url( get_author_posts_url( get_the_author_meta( 'ID' ) ) ),
    4748                        esc_html( get_the_author() )
    … …  
    7374        function twentynineteen_entry_footer() {
    7475
    75                 // Posted by
    76                 twentynineteen_posted_by();
    77 
    78                 // Hide category and tag text for pages.
     76                // Hide author, post date, category and tag text for pages.
    7977                if ( 'post' === get_post_type() ) {
     78
     79                        // Posted by
     80                        twentynineteen_posted_by();
     81
     82                        // Posted on
     83                        twentynineteen_posted_on();
     84
    8085                        /* translators: used between list items, there is a space after the comma. */
    81                         $categories_list = get_the_category_list( esc_html__( ', ', 'twentynineteen' ) );
     86                        $categories_list = get_the_category_list( __( ', ', 'twentynineteen' ) );
    8287                        if ( $categories_list ) {
    8388                                /* translators: 1: SVG icon. 2: posted in label, only visible to screen readers. 3: list of categories. */
    … …  
    8590                                        '<span class="cat-links">%1$s<span class="screen-reader-text">%2$s</span>%3$s</span>',
    8691                                        twentynineteen_get_icon_svg( 'archive', 16 ),
    87                                         esc_html__( 'Posted in', 'twentynineteen' ),
     92                                        __( 'Posted in', 'twentynineteen' ),
    8893                                        $categories_list
    8994                                ); // WPCS: XSS OK.
    … …  
    9196
    9297                        /* translators: used between list items, there is a space after the comma. */
    93                         $tags_list = get_the_tag_list( '', esc_html__( ', ', 'twentynineteen' ) );
     98                        $tags_list = get_the_tag_list( '', __( ', ', 'twentynineteen' ) );
    9499                        if ( $tags_list ) {
    95100                                /* translators: 1: SVG icon. 2: posted in label, only visible to screen readers. 3: list of tags. */
    96101                                printf(
    97                                         '<span class="cat-links">%1$s<span class="screen-reader-text">%2$s </span>%3$s</span>',
     102                                        '<span class="tags-links">%1$s<span class="screen-reader-text">%2$s </span>%3$s</span>',
    98103                                        twentynineteen_get_icon_svg( 'tag', 16 ),
    99                                         esc_html__( 'Tags:', 'twentynineteen' ),
     104                                        __( 'Tags:', 'twentynineteen' ),
    100105                                        $tags_list
    101106                                ); // WPCS: XSS OK.
    … …  
    151156                        ?>
    152157
    153                         <figure class="post-thumbnail">
    154                                 <a class="post-thumbnail-inner" href="<?php the_permalink(); ?>" aria-hidden="true" tabindex="-1">
    155                                         <?php
    156                                         the_post_thumbnail(
    157                                                 'post-thumbnail',
    158                                                 array(
    159                                                         'alt' => the_title_attribute(
    160                                                                 array( 'echo' => false )
    161                                                         ),
    162                                                 )
    163                                         );
    164                                         ?>
    165                                 </a>
    166                         </figure><!-- .post-thumbnail -->
     158                <figure class="post-thumbnail">
     159                        <a class="post-thumbnail-inner" href="<?php the_permalink(); ?>" aria-hidden="true" tabindex="-1">
     160                                <?php
     161                                the_post_thumbnail( 'post-thumbnail' );
     162                                ?>
     163                        </a>
     164                </figure>
    167165
    168166                        <?php
    … …  
    171169endif;
    172170
    173 if ( ! function_exists( 'twentynineteen_header_featured_image_css' ) ) :
    174         /**
    175          * Returns the CSS for the header featured image background.
    176          */
    177         function twentynineteen_header_featured_image_css() {
    178                 $img_url = get_the_post_thumbnail_url( get_the_ID(), 'post-thumbnail' );
    179                 return sprintf( 'body.singular .site-header.featured-image .site-branding-container:before { background-image: url(%s); }', esc_url( $img_url ) );
    180         }
    181 endif;
    182 
    183171if ( ! function_exists( 'twentynineteen_comment_avatar' ) ) :
    184172        /**
    … …  
    186174         */
    187175        function twentynineteen_get_user_avatar_markup( $id_or_email = null ) {
     176
    188177                if ( ! isset( $id_or_email ) ) {
    189178                        $id_or_email = get_current_user_id();
    190179                }
    191180
    192                 $classes = array( 'comment-author', 'vcard' );
    193 
    194181                return sprintf( '<div class="comment-user-avatar comment-author vcard">%s</div>', get_avatar( $id_or_email, twentynineteen_get_avatar_size() ) );
    195182        }
    … …  
    201188         */
    202189        function twentynineteen_discussion_avatars_list( $comment_authors ) {
    203                 if ( ! empty( $comment_authors ) ) {
    204                         $out = array( '<ol class="discussion-avatar-list">' );
    205                         foreach ( $comment_authors as $id_or_email ) {
    206                                 $out[] = sprintf( '<li>%s</li>', twentynineteen_get_user_avatar_markup( $id_or_email ) );
    207                         }
    208                         $out[] = '</ol><!-- .discussion-avatar-list -->';
    209                         echo implode( "\n", $out );
    210                 }
    211                 return null;
     190                if ( empty( $comment_authors ) ) {
     191                        return;
     192                }
     193                echo '<ol class="discussion-avatar-list">', "\n";
     194                foreach ( $comment_authors as $id_or_email ) {
     195                        printf(
     196                                "<li>%s</li>\n",
     197                                twentynineteen_get_user_avatar_markup( $id_or_email )
     198                        );
     199                }
     200                echo '</ol><!-- .discussion-avatar-list -->', "\n";
    212201        }
    213202endif;
    … …  
    219208        function twentynineteen_comment_form( $order ) {
    220209                if ( true === $order || strtolower( $order ) === strtolower( get_option( 'comment_order', 'asc' ) ) ) {
     210
    221211                        comment_form(
    222212                                array(
    223                                         'title_reply_before' => twentynineteen_get_user_avatar_markup(),
    224213                                        'logged_in_as'       => null,
    225214                                        'title_reply'        => null,

  • trunk/src/wp-content/themes/twentynineteen/index.php

    r43808 r44149  
    1212 * @package WordPress
    1313 * @subpackage Twenty_Nineteen
     14 * @since 1.0.0
    1415 */
    1516
    … …  
    1718?>
    1819
    19         <div id="primary" class="content-area">
     20        <section id="primary" class="content-area">
    2021                <main id="main" class="site-main">
    2122
    22 <?php
    23         if ( have_posts() ) {
     23                <?php
     24                if ( have_posts() ) {
    2425
    25                 // Load posts loop.
    26                 while ( have_posts() ) {
    27                         the_post();
    28                         get_template_part( 'template-parts/content/content' );
     26                        // Load posts loop.
     27                        while ( have_posts() ) {
     28                                the_post();
     29                                get_template_part( 'template-parts/content/content' );
     30                        }
     31
     32                        // Previous/next page navigation.
     33                        twentynineteen_the_posts_navigation();
     34
     35                } else {
     36
     37                        // If no content, include the "No posts found" template.
     38                        get_template_part( 'template-parts/content/content', 'none' );
     39
    2940                }
    30 
    31                 // Previous/next page navigation.
    32                 twentynineteen_the_posts_navigation();
    33 
    34         } else {
    35 
    36                 // If no content, include the "No posts found" template.
    37                 get_template_part( 'template-parts/content/content', 'none' );
    38 
    39         }
    40 ?>
     41                ?>
     42               
    4143                </main><!-- .site-main -->
    42         </div><!-- .content-area -->
     44        </section><!-- .content-area -->
    4345
    4446<?php

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

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

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

    r43842 r44149  
    99(function( $ ) {
    1010
    11         // Default color.
    12         wp.customize( 'colorscheme', function( value ) {
     11        // Primary color.
     12        wp.customize( 'primary_color', function( value ) {
    1313                value.bind( function( to ) {
    14 
    1514                        // Update custom color CSS.
    1615                        var style = $( '#custom-theme-colors' ),
    1716                                hue = style.data( 'hue' ),
    18                                 css = style.html();
     17                                css = style.html(),
     18                                color;
     19
     20                        if( 'custom' === to ){
     21                                // If a custom primary color is selected, use the currently set primary_color_hue
     22                                color = wp.customize.get().primary_color_hue;
     23                        } else {
     24                                // If the "default" option is selected, get the default primary_color_hue
     25                                color = 199;
     26                        }
    1927
    2028                        // Equivalent to css.replaceAll, with hue followed by comma to prevent values with units from being changed.
    21                         css = css.split( hue + ',' ).join( to + ',' );
    22                         style.html( css ).data( 'hue', to );
     29                        css = css.split( hue + ',' ).join( color + ',' );
     30                        style.html( css ).data( 'hue', color );
    2331                });
    2432        });
    2533
    26         // Primary color.
    27         wp.customize( 'colorscheme_hue', function( value ) {
     34        // Primary color hue.
     35        wp.customize( 'primary_color_hue', function( value ) {
    2836                value.bind( function( to ) {
    2937
    … …  
    4250        wp.customize( 'image_filter', function( value ) {
    4351                value.bind( function( to ) {
    44                         if ( 'active' === to ) {
     52                        if ( to ) {
    4553                                $( 'body' ).addClass( 'image-filters-enabled' );
    4654                        } else {

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

    r43892 r44149  
    11(function() {
     2
     3        /**
     4         * Debounce
     5         *
     6         * @param {Function} func
     7         * @param {number} wait
     8         * @param {boolean} immediate
     9         */
     10        function debounce(func, wait, immediate) {
     11                'use strict';
     12
     13                var timeout;
     14                wait      = (typeof wait !== 'undefined') ? wait : 20;
     15                immediate = (typeof immediate !== 'undefined') ? immediate : true;
     16
     17                return function() {
     18
     19                        var context = this, args = arguments;
     20                        var later = function() {
     21                                timeout = null;
     22
     23                                if (!immediate) {
     24                                        func.apply(context, args);
     25                                }
     26                        };
     27
     28                        var callNow = immediate && !timeout;
     29
     30                        clearTimeout(timeout);
     31                        timeout = setTimeout(later, wait);
     32
     33                        if (callNow) {
     34                                func.apply(context, args);
     35                        }
     36                };
     37        }
     38
    239        /**
    340         * Prepends an element to a container.
    … …  
    1956         * @param {Element} element
    2057         */
    21         function showElement(element) {
     58        function showButton(element) {
    2259                // classList.remove is not supported in IE11
    23                 element.className = element.className.replace('is-hidden', '');
     60                element.className = element.className.replace('is-empty', '');
    2461        }
    2562
    … …  
    2966         * @param {Element} element
    3067         */
    31         function hideElement(element) {
     68        function hideButton(element) {
    3269                // classList.add is not supported in IE11
    33                 if (!element.classList.contains('is-hidden')) {
    34                         element.className += ' is-hidden';
    35                 }
    36         }
    37 
    38         /**
    39          * Toggles the element visibility.
    40          *
    41          * @param {Element} element
    42          */
    43         function toggleElementVisibility(element) {
    44                 if (element.classList.contains('is-hidden')) {
    45                         showElement(element);
     70                if (!element.classList.contains('is-empty')) {
     71                        element.className += ' is-empty';
     72                }
     73        }
     74
     75        /**
     76         * Returns the currently available space in the menu container.
     77         *
     78         * @returns {number} Available space
     79         */
     80        function getAvailableSpace( button, container ) {
     81                return container.offsetWidth - button.offsetWidth - 22;
     82        }
     83
     84        /**
     85         * Returns whether the current menu is overflowing or not.
     86         *
     87         * @returns {boolean} Is overflowing
     88         */
     89        function isOverflowingNavivation( list, button, container ) {
     90                return list.offsetWidth > getAvailableSpace( button, container );
     91        }
     92
     93        /**
     94         * Set menu container variable
     95         */
     96        var navContainer = document.querySelector('.main-navigation');
     97        var breaks       = [];
     98
     99        /**
     100         * Let’s bail if we our menu doesn't exist
     101         */
     102        if ( ! navContainer ) {
     103                return;
     104        }
     105
     106        /**
     107         * Refreshes the list item from the menu depending on the menu size
     108         */
     109        function updateNavigationMenu( container ) {
     110
     111                /**
     112                 * Let’s bail if our menu is empty
     113                 */
     114                if ( ! container.parentNode.querySelector('.main-menu[id]') ) {
     115                        return;
     116                }
     117
     118                // Adds the necessary UI to operate the menu.
     119                var visibleList  = container.parentNode.querySelector('.main-menu[id]');
     120                var hiddenList   = visibleList.parentNode.nextElementSibling.querySelector('.hidden-links');
     121                var toggleButton = visibleList.parentNode.nextElementSibling.querySelector('.main-menu-more-toggle');
     122
     123                if ( isOverflowingNavivation( visibleList, toggleButton, container ) ) {
     124
     125                        // Record the width of the list
     126                        breaks.push( visibleList.offsetWidth );
     127                        // Move last item to the hidden list
     128                        prependElement( hiddenList, ! visibleList.lastChild || null === visibleList.lastChild ? visibleList.previousElementSibling : visibleList.lastChild );
     129                        // Show the toggle button
     130                        showButton( toggleButton );
     131
    46132                } else {
    47                         hideElement(element);
    48                 }
    49         }
    50 
    51         var navContainer = document.querySelector('.main-navigation');
    52         // Adds the necessary UI to operate the menu.
    53         var toggleButton = document.querySelector('.main-navigation .main-menu-more-toggle');
    54         var visibleList = document.querySelector('.main-navigation .main-menu[id]');
    55         var hiddenList = document.querySelector('.main-navigation .hidden-links');
    56         var breaks = [];
    57 
    58         /**
    59          * Returns the currently available space in the menu container.
    60          *
    61          * @returns {number} Available space
    62          */
    63         function getAvailableSpace() {
    64                 return toggleButton.classList.contains('hidden') ? navContainer.offsetWidth : navContainer.offsetWidth - toggleButton.offsetWidth - 50;
    65         }
    66 
    67         /**
    68          * Returns whether the current menu is overflowing or not.
    69          *
    70          * @returns {boolean} Is overflowing
    71          */
    72         function isOverflowingNavivation() {
    73                 return visibleList.offsetWidth > getAvailableSpace();
    74         }
    75 
    76         /**
    77          * Refreshes the list item from the menu depending on the menu size
    78          */
    79         function updateNavigationMenu() {
    80 
    81                 if (isOverflowingNavivation()) {
    82                         // Record the width of the list
    83                         breaks.push(visibleList.offsetWidth);
    84                         // Move item to the hidden list
    85                         prependElement(hiddenList, visibleList.lastChild);
    86                         // Show the toggle button
    87                         showElement(toggleButton);
    88                 } else {
     133
    89134                        // There is space for another item in the nav
    90                         if (getAvailableSpace() > breaks[breaks.length - 1]) {
     135                        if ( getAvailableSpace( toggleButton, container ) > breaks[breaks.length - 1] ) {
    91136                                // Move the item to the visible list
    92                                 visibleList.appendChild(hiddenList.firstChild.nextSibling);
     137                                visibleList.appendChild( hiddenList.firstChild.nextSibling );
    93138                                breaks.pop();
    94139                        }
    … …  
    96141                        // Hide the dropdown btn if hidden list is empty
    97142                        if (breaks.length < 2) {
    98                                 hideElement(toggleButton);
    99                                 hideElement(hiddenList);
     143                                hideButton( toggleButton );
    100144                        }
    101145                }
    102146
    103147                // Recur if the visible list is still overflowing the nav
    104                 if (isOverflowingNavivation()) {
    105                         updateNavigationMenu();
    106                 }
    107         }
    108 
    109         // Event listeners
    110         // Run our sub-menu function as soon as the document is `ready`
     148                if ( isOverflowingNavivation( visibleList, toggleButton, container ) ) {
     149                        updateNavigationMenu( container );
     150                }
     151        }
     152
     153        /**
     154         * Run our priority+ function as soon as the document is `ready`
     155         */
    111156        document.addEventListener( 'DOMContentLoaded', function() {
    112                 updateNavigationMenu();
     157
     158                updateNavigationMenu( navContainer );
     159
     160                // Also, run our priority+ function on selective refresh in the customizer
     161                var hasSelectiveRefresh = (
     162                        'undefined' !== typeof wp &&
     163                        wp.customize &&
     164                        wp.customize.selectiveRefresh &&
     165                        wp.customize.navMenusPreview.NavMenuInstancePartial
     166                );
     167
     168                if ( hasSelectiveRefresh ) {
     169                        // Re-run our priority+ function on Nav Menu partial refreshes
     170                        wp.customize.selectiveRefresh.bind( 'partial-content-rendered', function ( placement ) {
     171
     172                                var isNewNavMenu = (
     173                                        placement &&
     174                                        placement.partial.id.includes( 'nav_menu_instance' ) &&
     175                                        'null' !== placement.container[0].parentNode &&
     176                                        placement.container[0].parentNode.classList.contains( 'main-navigation' )
     177                                );
     178
     179                                if ( isNewNavMenu ) {
     180                                        updateNavigationMenu( placement.container[0].parentNode );
     181                                }
     182                        });
     183        }
    113184        });
    114185
    115         window.addEventListener('load', function() {
    116                 updateNavigationMenu();
     186        /**
     187         * Run our priority+ function on load
     188         */
     189        window.addEventListener( 'load', function() {
     190                updateNavigationMenu( navContainer );
    117191        });
    118192
    119         window.addEventListener('resize', function() {
    120                 updateNavigationMenu();
    121         });
    122 
    123         toggleButton.addEventListener('click', function() {
    124                 toggleElementVisibility(hiddenList);
    125         });
    126 
    127         updateNavigationMenu();
     193        /**
     194         * Run our priority+ function every time the window resizes
     195         */
     196        var isResizing = false;
     197        window.addEventListener( 'resize',
     198                debounce( function() {
     199                        if ( isResizing ) {
     200                                return;
     201                        }
     202
     203                        isResizing = true;
     204                        setTimeout( function() {
     205                                updateNavigationMenu( navContainer );
     206                                isResizing = false;
     207                        }, 150 );
     208                } )
     209        );
     210
     211        /**
     212         * Run our priority+ function
     213         */
     214        updateNavigationMenu( navContainer );
     215
    128216})();

  • trunk/src/wp-content/themes/twentynineteen/js/touch-keyboard-navigation.js

    r43892 r44149  
    77(function() {
    88
    9         // Debounce
     9        /**
     10         * Debounce
     11         *
     12         * @param {Function} func
     13         * @param {number} wait
     14         * @param {boolean} immediate
     15         */
    1016        function debounce(func, wait, immediate) {
    1117                'use strict';
    … …  
    3743        }
    3844
    39         // Add Class
     45        /**
     46         * Add class
     47         *
     48         * @param {Object} el
     49         * @param {string} cls
     50         */
    4051        function addClass(el, cls) {
    4152                if ( ! el.className.match( '(?:^|\\s)' + cls + '(?!\\S)') ) {
    … …  
    4455        }
    4556
    46         // Delete Class
     57        /**
     58         * Delete class
     59         *
     60         * @param {Object} el
     61         * @param {string} cls
     62         */
    4763        function deleteClass(el, cls) {
    4864                el.className = el.className.replace( new RegExp( '(?:^|\\s)' + cls + '(?!\\S)' ),'' );
    4965        }
    5066
    51         // Has Class?
     67        /**
     68         * Has class?
     69         *
     70         * @param {Object} el
     71         * @param {string} cls
     72         *
     73         * @returns {boolean} Has class
     74         */
    5275        function hasClass(el, cls) {
    5376
    … …  
    5780        }
    5881
    59         // Toggle Aria Expanded state for screenreaders
     82        /**
     83         * Toggle Aria Expanded state for screenreaders
     84         *
     85         * @param {Object} ariaItem
     86         */
    6087        function toggleAriaExpandedState( ariaItem ) {
    6188                'use strict';
    … …  
    7299        }
    73100
    74         // Open sub-menu
     101        /**
     102         * Open sub-menu
     103         *
     104         * @param {Object} currentSubMenu
     105         */
    75106        function openSubMenu( currentSubMenu ) {
    76107                'use strict';
    … …  
    85116        }
    86117
    87         // Close sub-menu
     118        /**
     119         * Close sub-menu
     120         *
     121         * @param {Object} currentSubMenu
     122         */
    88123        function closeSubMenu( currentSubMenu ) {
    89124                'use strict';
    … …  
    117152        }
    118153
    119         // Find first ancestor of an element by selector
     154        /**
     155         * Find first ancestor of an element by selector
     156         *
     157         * @param {Object} child
     158         * @param {String} selector
     159         * @param {String} stopSelector
     160         */
    120161        function getCurrentParent( child, selector, stopSelector ) {
    121162
    … …  
    140181        }
    141182
    142         // Remove all off-canvas states
     183        /**
     184         * Remove all off-canvas states
     185         */
    143186        function removeAllFocusStates() {
    144187                'use strict';
    145188
    146                 var getFocusedElements = document.querySelectorAll(':hover, :focus, :focus-within');
     189                var siteBranding            = document.getElementsByClassName( 'site-branding' )[0];
     190                var getFocusedElements      = siteBranding.querySelectorAll(':hover, :focus, :focus-within');
     191                var getFocusedClassElements = siteBranding.querySelectorAll('.is-focused');
    147192                var i;
     193                var o;
    148194
    149195                for ( i = 0; i < getFocusedElements.length; i++) {
    150196                        getFocusedElements[i].blur();
    151197                }
    152         }
    153 
    154         // Matches polyfill for IE11
     198
     199                for ( o = 0; o < getFocusedClassElements.length; o++) {
     200                        deleteClass( getFocusedClassElements[o], 'is-focused' );
     201                }
     202        }
     203
     204        /**
     205         * Matches polyfill for IE11
     206         */
    155207        if (!Element.prototype.matches) {
    156208                Element.prototype.matches = Element.prototype.msMatchesSelector;
    157209        }
    158210
    159         // Toggle `focus` class to allow sub-menu access on touch screens.
     211        /**
     212         * Toggle `focus` class to allow sub-menu access on touch screens.
     213         */
    160214        function toggleSubmenuDisplay() {
    161215
    … …  
    211265                                // Prevent default mouse events
    212266                                event.preventDefault();
    213                         }
    214 
    215                         // Prevent default mouse events
    216                         event.preventDefault();
     267                        } else if (
     268                                event.target.matches('.submenu-expand') ||
     269                                null != getCurrentParent( event.target, '.submenu-expand' ) &&
     270                                getCurrentParent( event.target, '.submenu-expand' ).matches( '.submenu-expand' ) ||
     271                                event.target.matches('.menu-item-link-return') ||
     272                                null != getCurrentParent( event.target, '.menu-item-link-return' ) &&
     273                                getCurrentParent( event.target, '.menu-item-link-return' ).matches( '.menu-item-link-return' ) ) {
     274                                        // Prevent default mouse events
     275                                        event.preventDefault();
     276                        }
    217277
    218278                        // Prevent default mouse/focus events
    … …  
    223283                document.addEventListener('focus', function(event) {
    224284
    225                         if ( event.target.matches('.main-navigation > div > ul > li > a') ) {
    226 
    227                                 // Remove Focuse elements in sibling div
    228                                 var currentDiv        = getCurrentParent( event.target, 'div' );
     285                        if ( event.target.matches('.main-navigation > div > ul > li a') ) {
     286
     287                                // Remove Focused elements in sibling div
     288                                var currentDiv        = getCurrentParent( event.target, 'div', '.main-navigation' );
    229289                                var currentDivSibling = currentDiv.previousElementSibling === null ? currentDiv.nextElementSibling : currentDiv.previousElementSibling;
    230290                                var focusedElement    = currentDivSibling.querySelector( '.is-focused' );
    231291                                var focusedClass      = 'is-focused';
    232                                 var prevLi            = event.target.parentNode.previousElementSibling;
    233                                 var nextLi            = event.target.parentNode.nextElementSibling;
     292                                var prevLi            = getCurrentParent( event.target, '.main-navigation > div > ul > li', '.main-navigation' ).previousElementSibling;
     293                                var nextLi            = getCurrentParent( event.target, '.main-navigation > div > ul > li', '.main-navigation' ).nextElementSibling;
    234294
    235295                                if ( null !== focusedElement && null !== hasClass( focusedElement, focusedClass ) ) {
    … …  
    237297                                }
    238298
    239                                 // Add .is-focused class to top-level ul
    240                                 if ( event.target.parentNode.querySelector( '.main-navigation ul ul') ) {
    241                                         addClass( event.target.parentNode, focusedClass );
     299                                // Add .is-focused class to top-level li
     300                                if ( getCurrentParent( event.target, '.main-navigation > div > ul > li', '.main-navigation' ) ) {
     301                                        addClass( getCurrentParent( event.target, '.main-navigation > div > ul > li', '.main-navigation' ), focusedClass );
    242302                                }
    243303
    … …  
    252312                                }
    253313                        }
     314
    254315                }, true);
    255         }
    256 
    257         // Run our sub-menu function as soon as the document is `ready`
     316
     317                document.addEventListener('click', function(event) {
     318
     319                        // Remove all focused menu states when clicking outside site branding
     320                        if ( event.target !== document.getElementsByClassName( 'site-branding' )[0] ) {
     321                                removeAllFocusStates();
     322                        } else {
     323                                // nothing
     324                        }
     325
     326                }, false);
     327        }
     328
     329        /**
     330         * Run our sub-menu function as soon as the document is `ready`
     331         */
    258332        document.addEventListener( 'DOMContentLoaded', function() {
    259333                toggleSubmenuDisplay();
    260334        });
    261         // Annnnnd also every time the window resizes
     335
     336        /**
     337         * Run our sub-menu function on selective refresh in the customizer
     338         */
     339        document.addEventListener( 'customize-preview-menu-refreshed', function( e, params ) {
     340                if ( 'menu-1' === params.wpNavMenuArgs.theme_location ) {
     341                        toggleSubmenuDisplay();
     342                }
     343        });
     344
     345        /**
     346         * Run our sub-menu function every time the window resizes
     347         */
    262348        var isResizing = false;
    263         window.addEventListener( 'resize',
     349        window.addEventListener( 'resize', function() {
     350                isResizing = true;
    264351                debounce( function() {
    265352                        if ( isResizing ) {
    … …  
    267354                        }
    268355
    269                         isResizing = true;
    270                         setTimeout( function() {
    271                                 toggleSubmenuDisplay();
    272                                 isResizing = false;
    273                         }, 150 );
    274                 } )
    275         );
     356                        toggleSubmenuDisplay();
     357                        isResizing = false;
     358
     359                }, 150 );
     360        } );
    276361
    277362})();

  • trunk/src/wp-content/themes/twentynineteen/package-lock.json

    r43808 r44149  
    929929      }
    930930    },
    931     "duplexer": {
    932       "version": "0.1.1",
    933       "resolved": "http://registry.npmjs.org/duplexer/-/duplexer-0.1.1.tgz",
    934       "integrity": "sha1-rOb/gIwc5mtX0ev5eXessCM0z8E=",
    935       "dev": true
    936     },
    937931    "ecc-jsbn": {
    938932      "version": "0.1.2",
    … …  
    996990      "integrity": "sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==",
    997991      "dev": true
    998     },
    999     "event-stream": {
    1000       "version": "3.3.6",
    1001       "resolved": "https://registry.npmjs.org/event-stream/-/event-stream-3.3.6.tgz",
    1002       "integrity": "sha512-dGXNg4F/FgVzlApjzItL+7naHutA3fDqbV/zAZqDDlXTjiMnQmZKu+prImWKszeBM5UQeGvAl3u1wBiKeDh61g==",
    1003       "dev": true,
    1004       "requires": {
    1005         "duplexer": "^0.1.1",
    1006         "flatmap-stream": "^0.1.0",
    1007         "from": "^0.1.7",
    1008         "map-stream": "0.0.7",
    1009         "pause-stream": "^0.0.11",
    1010         "split": "^1.0.1",
    1011         "stream-combiner": "^0.2.2",
    1012         "through": "^2.3.8"
    1013       }
    1014992    },
    1015993    "execa": {
    … …  
    11831161    },
    11841162    "fast-glob": {
    1185       "version": "2.2.2",
    1186       "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-2.2.2.tgz",
    1187       "integrity": "sha512-TR6zxCKftDQnUAPvkrCWdBgDq/gbqx8A3ApnBrR5rMvpp6+KMJI0Igw7fkWPgeVK0uhRXTXdvO3O+YP0CaUX2g==",
     1163      "version": "2.2.3",
     1164      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-2.2.3.tgz",
     1165      "integrity": "sha512-NiX+JXjnx43RzvVFwRWfPKo4U+1BrK5pJPsHQdKMlLoFHrrGktXglQhHliSihWAq+m1z6fHk3uwGHrtRbS9vLA==",
    11881166      "dev": true,
    11891167      "requires": {
    … …  
    12451223      }
    12461224    },
    1247     "flatmap-stream": {
    1248       "version": "0.1.1",
    1249       "resolved": "https://registry.npmjs.org/flatmap-stream/-/flatmap-stream-0.1.1.tgz",
    1250       "integrity": "sha512-lAq4tLbm3sidmdCN8G3ExaxH7cUCtP5mgDvrYowsx84dcYkJJ4I28N7gkxA6+YlSXzaGLJYIDEi9WGfXzMiXdw==",
    1251       "dev": true
    1252     },
    12531225    "for-in": {
    12541226      "version": "1.0.2",
    … …  
    12931265        "map-cache": "^0.2.2"
    12941266      }
    1295     },
    1296     "from": {
    1297       "version": "0.1.7",
    1298       "resolved": "https://registry.npmjs.org/from/-/from-0.1.7.tgz",
    1299       "integrity": "sha1-g8YK/Fi5xWmXAH7Rp2izqzA6RP4=",
    1300       "dev": true
    13011267    },
    13021268    "fs-extra": {
    … …  
    26062572      "dev": true
    26072573    },
    2608     "map-stream": {
    2609       "version": "0.0.7",
    2610       "resolved": "https://registry.npmjs.org/map-stream/-/map-stream-0.0.7.tgz",
    2611       "integrity": "sha1-ih8HiW2CsQkmvTdEokIACfiJdKg=",
    2612       "dev": true
    2613     },
    26142574    "map-visit": {
    26152575      "version": "1.0.0",
    … …  
    26572617    },
    26582618    "merge2": {
    2659       "version": "1.2.2",
    2660       "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.2.2.tgz",
    2661       "integrity": "sha512-bgM8twH86rWni21thii6WCMQMRMmwqqdW3sGWi9IipnVAszdLXRjwDwAnyrVXo6DuP3AjRMMttZKUB48QWIFGg==",
     2619      "version": "1.2.3",
     2620      "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.2.3.tgz",
     2621      "integrity": "sha512-gdUU1Fwj5ep4kplwcmftruWofEFt6lfpkkr3h860CXbAB9c3hGb55EOL2ali0Td5oebvW0E1+3Sr+Ur7XfKpRA==",
    26622622      "dev": true
    26632623    },
    … …  
    29222882    },
    29232883    "npm-run-all": {
    2924       "version": "4.1.3",
    2925       "resolved": "https://registry.npmjs.org/npm-run-all/-/npm-run-all-4.1.3.tgz",
    2926       "integrity": "sha512-aOG0N3Eo/WW+q6sUIdzcV2COS8VnTZCmdji0VQIAZF3b+a3YWb0AD0vFIyjKec18A7beLGbaQ5jFTNI2bPt9Cg==",
    2927       "dev": true,
    2928       "requires": {
    2929         "ansi-styles": "^3.2.0",
    2930         "chalk": "^2.1.0",
    2931         "cross-spawn": "^6.0.4",
     2884      "version": "4.1.5",
     2885      "resolved": "https://registry.npmjs.org/npm-run-all/-/npm-run-all-4.1.5.tgz",
     2886      "integrity": "sha512-Oo82gJDAVcaMdi3nuoKFavkIHBRVqQ1qvMb+9LHk/cF4P6B2m8aP04hGf7oL6wZ9BuGwX1onlLhpuoofSyoQDQ==",
     2887      "dev": true,
     2888      "requires": {
     2889        "ansi-styles": "^3.2.1",
     2890        "chalk": "^2.4.1",
     2891        "cross-spawn": "^6.0.5",
    29322892        "memorystream": "^0.3.1",
    29332893        "minimatch": "^3.0.4",
    2934         "ps-tree": "^1.1.0",
     2894        "pidtree": "^0.3.0",
    29352895        "read-pkg": "^3.0.0",
    29362896        "shell-quote": "^1.6.1",
    … …  
    31613121    "p-is-promise": {
    31623122      "version": "1.1.0",
    3163       "resolved": "https://registry.npmjs.org/p-is-promise/-/p-is-promise-1.1.0.tgz",
     3123      "resolved": "http://registry.npmjs.org/p-is-promise/-/p-is-promise-1.1.0.tgz",
    31643124      "integrity": "sha1-nJRWmJ6fZYgBewQ01WCXZ1w9oF4=",
    31653125      "dev": true
    … …  
    32423202      }
    32433203    },
    3244     "pause-stream": {
    3245       "version": "0.0.11",
    3246       "resolved": "http://registry.npmjs.org/pause-stream/-/pause-stream-0.0.11.tgz",
    3247       "integrity": "sha1-/lo0sMvOErWqaitAPuLnO2AvFEU=",
    3248       "dev": true,
    3249       "requires": {
    3250         "through": "~2.3"
    3251       }
    3252     },
    32533204    "performance-now": {
    32543205      "version": "2.1.0",
    … …  
    32573208      "dev": true
    32583209    },
     3210    "pidtree": {
     3211      "version": "0.3.0",
     3212      "resolved": "https://registry.npmjs.org/pidtree/-/pidtree-0.3.0.tgz",
     3213      "integrity": "sha512-9CT4NFlDcosssyg8KVFltgokyKZIFjoBxw8CTGy+5F38Y1eQWrt8tRayiUOXE+zVKQnYu5BR8JjCtvK3BcnBhg==",
     3214      "dev": true
     3215    },
    32593216    "pify": {
    32603217      "version": "2.3.0",
    … …  
    32963253    },
    32973254    "postcss-cli": {
    3298       "version": "6.0.0",
    3299       "resolved": "https://registry.npmjs.org/postcss-cli/-/postcss-cli-6.0.0.tgz",
    3300       "integrity": "sha512-7DuxMn1Wj6dJKbjKpZXOdAc5nl5NfPXiJbg0m/+tdObPvgk1xv4+lZgNKD3jL/kCrDRPf1jgFlmq1cHh8lBR2w==",
     3255      "version": "6.0.1",
     3256      "resolved": "https://registry.npmjs.org/postcss-cli/-/postcss-cli-6.0.1.tgz",
     3257      "integrity": "sha512-M9GiEMzXVMlI4ln8e+mdeHT+qvoHVZdlN06hj5/EhrRZWDr+J1sniPeGJ4nghknl+du3Oj2UoqqhgpKKhiZ9+w==",
    33013258      "dev": true,
    33023259      "requires": {
    … …  
    33093266        "postcss": "^7.0.0",
    33103267        "postcss-load-config": "^2.0.0",
    3311         "postcss-reporter": "^5.0.0",
     3268        "postcss-reporter": "^6.0.0",
    33123269        "pretty-hrtime": "^1.0.3",
    33133270        "read-cache": "^1.0.0",
    … …  
    34503407      }
    34513408    },
     3409    "postcss-focus-within": {
     3410      "version": "3.0.0",
     3411      "resolved": "https://registry.npmjs.org/postcss-focus-within/-/postcss-focus-within-3.0.0.tgz",
     3412      "integrity": "sha512-W0APui8jQeBKbCGZudW37EeMCjDeVxKgiYfIIEo8Bdh5SpB9sxds/Iq8SEuzS0Q4YFOlG7EPFulbbxujpkrV2w==",
     3413      "dev": true,
     3414      "requires": {
     3415        "postcss": "^7.0.2"
     3416      }
     3417    },
    34523418    "postcss-load-config": {
    34533419      "version": "2.0.0",
    … …  
    34613427    },
    34623428    "postcss-reporter": {
    3463       "version": "5.0.0",
    3464       "resolved": "https://registry.npmjs.org/postcss-reporter/-/postcss-reporter-5.0.0.tgz",
    3465       "integrity": "sha512-rBkDbaHAu5uywbCR2XE8a25tats3xSOsGNx6mppK6Q9kSFGKc/FyAzfci+fWM2l+K402p1D0pNcfDGxeje5IKg==",
     3429      "version": "6.0.0",
     3430      "resolved": "https://registry.npmjs.org/postcss-reporter/-/postcss-reporter-6.0.0.tgz",
     3431      "integrity": "sha512-5xQXm1UPWuFObjbtyQzWvQaupru8yFcFi4HUlm6OPo1o2bUszYASuqRJ7bVArb3svGCdbYtqdMBKrqR1Aoy+tw==",
    34663432      "dev": true,
    34673433      "requires": {
    … …  
    34693435        "lodash": "^4.17.4",
    34703436        "log-symbols": "^2.0.0",
    3471         "postcss": "^6.0.8"
    3472       },
    3473       "dependencies": {
    3474         "postcss": {
    3475           "version": "6.0.23",
    3476           "resolved": "https://registry.npmjs.org/postcss/-/postcss-6.0.23.tgz",
    3477           "integrity": "sha512-soOk1h6J3VMTZtVeVpv15/Hpdl2cBLX3CAw4TAbkpTJiNPk9YP/zWcD1ND+xEtvyuuvKzbxliTOIyvkSeSJ6ag==",
    3478           "dev": true,
    3479           "requires": {
    3480             "chalk": "^2.4.1",
    3481             "source-map": "^0.6.1",
    3482             "supports-color": "^5.4.0"
    3483           }
    3484         }
     3437        "postcss": "^7.0.2"
    34853438      }
    34863439    },
    … …  
    35023455      "integrity": "sha512-MtEC1TqN0EU5nephaJ4rAtThHtC86dNN9qCuEhtshvpVBkAW5ZO7BASN9REnF9eoXGcRub+pFuKEpOHE+HbEMw==",
    35033456      "dev": true
    3504     },
    3505     "ps-tree": {
    3506       "version": "1.1.0",
    3507       "resolved": "https://registry.npmjs.org/ps-tree/-/ps-tree-1.1.0.tgz",
    3508       "integrity": "sha1-tCGyQUDWID8e08dplrRCewjowBQ=",
    3509       "dev": true,
    3510       "requires": {
    3511         "event-stream": "~3.3.0"
    3512       }
    35133457    },
    35143458    "pseudomap": {
    … …  
    40303974      "dev": true
    40313975    },
    4032     "split": {
    4033       "version": "1.0.1",
    4034       "resolved": "https://registry.npmjs.org/split/-/split-1.0.1.tgz",
    4035       "integrity": "sha512-mTyOoPbrivtXnwnIxZRFYRrPNtEFKlpB2fvjSnCQUiAA6qAZzqwna5envK4uk6OIeP17CsdF3rSBGYVBsU0Tkg==",
    4036       "dev": true,
    4037       "requires": {
    4038         "through": "2"
    4039       }
    4040     },
    40413976    "split-string": {
    40423977      "version": "3.1.0",
    … …  
    41014036      }
    41024037    },
    4103     "stream-combiner": {
    4104       "version": "0.2.2",
    4105       "resolved": "http://registry.npmjs.org/stream-combiner/-/stream-combiner-0.2.2.tgz",
    4106       "integrity": "sha1-rsjLrBd7Vrb0+kec7YwZEs7lKFg=",
    4107       "dev": true,
    4108       "requires": {
    4109         "duplexer": "~0.1.1",
    4110         "through": "~2.3.4"
    4111       }
    4112     },
    41134038    "string-width": {
    41144039      "version": "1.0.2",
    … …  
    42004125        "inherits": "2"
    42014126      }
    4202     },
    4203     "through": {
    4204       "version": "2.3.8",
    4205       "resolved": "http://registry.npmjs.org/through/-/through-2.3.8.tgz",
    4206       "integrity": "sha1-DdTJ/6q8NXlgsbckEV1+Doai4fU=",
    4207       "dev": true
    42084127    },
    42094128    "to-object-path": {

  • trunk/src/wp-content/themes/twentynineteen/package.json

    r43808 r44149  
    1212    "chokidar-cli": "^1.2.1",
    1313    "node-sass": "^4.9.3",
    14     "postcss-cli": "^6.0.0",
    15     "rtlcss": "^2.4.0",
    16     "npm-run-all": "^4.1.3"
     14    "npm-run-all": "^4.1.5",
     15    "postcss-cli": "^6.0.1",
     16    "postcss-focus-within": "^3.0.0",
     17    "rtlcss": "^2.4.0"
    1718  },
    1819  "rtlcssConfig": {
    … …  
    3536    "build:style": "node-sass style.scss style.css --output-style expanded && postcss -r style.css",
    3637    "build:style-editor": "node-sass style-editor.scss style-editor.css --output-style expanded && postcss -r style-editor.css",
    37     "build:style-editor-frame": "node-sass style-editor-frame.scss style-editor-frame.css --output-style expanded && postcss -r style-editor-frame.css",
     38    "build:style-editor-customizer": "node-sass style-editor-customizer.scss style-editor-customizer.css --output-style expanded && postcss -r style-editor-customizer.css",
    3839    "build:rtl": "rtlcss style.css style-rtl.css",
    3940    "build:print": "node-sass print.scss print.css --output-style expanded && postcss -r print.css",

  • trunk/src/wp-content/themes/twentynineteen/page.php

    r43808 r44149  
    77 * @package WordPress
    88 * @subpackage Twenty_Nineteen
     9 * @since 1.0.0
    910 */
    1011
    … …  
    1213?>
    1314
    14         <div id="primary" class="content-area">
     15        <section id="primary" class="content-area">
    1516                <main id="main" class="site-main">
    1617
    … …  
    3233
    3334                </main><!-- #main -->
    34         </div><!-- #primary -->
     35        </section><!-- #primary -->
    3536
    3637<?php

  • trunk/src/wp-content/themes/twentynineteen/postcss.config.js

    r43808 r44149  
     1var postcssFocusWithin = require('postcss-focus-within');
     2
    13module.exports = {
    24    plugins: {
    … …  
    46    }
    57};
     8
     9module.exports = {
     10    plugins: [
     11        postcssFocusWithin(/* pluginOptions */)
     12    ]
     13};

  • trunk/src/wp-content/themes/twentynineteen/print.css

    r43808 r44149  
    2020    margin: 2cm;
    2121  }
    22   .hentry .entry-header, .site-footer .site-info {
     22  .entry {
     23    margin-top: 1em;
     24  }
     25  .entry .entry-header, .site-footer .site-info {
    2326    margin: 0;
    2427  }
    … …  
    7376  a:link, a:visited, a {
    7477    background: transparent;
    75     color: #520;
    7678    font-weight: bold;
    7779    text-decoration: underline;
    … …  
    9597  /* Visibility */
    9698  .main-navigation,
     99  .site-title + .main-navigation,
    97100  .social-navigation,
    98101  .site-branding-container:before,
    99   .hentry .entry-title:before,
    100   .entry-meta, .entry-footer,
     102  .entry .entry-title:before,
     103  .entry-footer,
    101104  .author-description:before,
    102   .post-navigation {
     105  .post-navigation,
     106  .widget-area,
     107  .comment-form-flex,
     108  .comment-reply,
     109  .comment .comment-metadata .edit-link {
    103110    display: none;
    104111  }
     112  .entry .entry-content .wp-block-button .wp-block-button__link,
     113  .entry .entry-content .button {
     114    color: #000;
     115    background: none;
     116  }
     117  /* Site Header (With Featured Image) */
     118  .site-header.featured-image {
     119    min-height: 0;
     120  }
     121  .site-header.featured-image .main-navigation a,
     122  .site-header.featured-image .main-navigation a + svg,
     123  .site-header.featured-image .social-navigation a,
     124  .site-header.featured-image .site-title a,
     125  .site-header.featured-image .site-featured-image a,
     126  .site-header.featured-image .site-branding .site-title,
     127  .site-header.featured-image .site-branding .site-description,
     128  .site-header.featured-image .main-navigation a:after,
     129  .site-header.featured-image .main-navigation .main-menu > li.menu-item-has-children:after,
     130  .site-header.featured-image .main-navigation li,
     131  .site-header.featured-image .social-navigation li,
     132  .site-header.featured-image .entry-meta,
     133  .site-header.featured-image .entry-title,
     134  .site-header.featured-image#masthead .site-title a {
     135    color: #000;
     136    text-shadow: none;
     137  }
     138  .site-header.featured-image .site-featured-image .entry-header,
     139  .site-header.featured-image .site-branding-container {
     140    margin-top: 0;
     141    margin-bottom: 0;
     142  }
     143  .site-header.featured-image .site-featured-image .post-thumbnail img {
     144    position: relative;
     145    height: initial;
     146    width: initial;
     147    object-fit: none;
     148    min-width: 0;
     149    min-height: 0;
     150    max-width: 100%;
     151    margin-top: 1rem;
     152  }
     153  /* Remove image filters from featured image */
     154  .image-filters-enabled *:after {
     155    display: none !important;
     156  }
     157  .image-filters-enabled .site-header.featured-image .site-featured-image:before {
     158    display: none;
     159  }
     160  .image-filters-enabled .site-header.featured-image .site-featured-image .post-thumbnail img {
     161    filter: none;
     162  }
    105163}

  • trunk/src/wp-content/themes/twentynineteen/print.scss

    r43808 r44149  
    2424  }
    2525
    26   .hentry .entry-header, .site-footer .site-info {
     26  .entry {
     27    margin-top: 1em;
     28  }
     29
     30  .entry .entry-header, .site-footer .site-info {
    2731    margin: 0;
    2832  }
    … …  
    9094  a:link, a:visited, a {
    9195    background: transparent;
    92     color: #520;
    9396    font-weight: bold;
    9497    text-decoration: underline;
    … …  
    97100
    98101  a {
    99     page-break-inside: avoid
     102    page-break-inside: avoid;
    100103  }
    101104
    … …  
    118121  /* Visibility */
    119122  .main-navigation,
     123  .site-title + .main-navigation,
    120124  .social-navigation,
    121125  .site-branding-container:before,
    122   .hentry .entry-title:before,
    123   .entry-meta, .entry-footer,
     126  .entry .entry-title:before,
     127  .entry-footer,
    124128  .author-description:before,
    125   .post-navigation {
     129  .post-navigation,
     130  .widget-area,
     131  .comment-form-flex,
     132  .comment-reply,
     133  .comment .comment-metadata .edit-link {
    126134    display: none;
    127135  }
     136
     137  .entry .entry-content .wp-block-button .wp-block-button__link,
     138  .entry .entry-content .button {
     139    color: #000;
     140    background: none;
     141  }
     142
     143  /* Site Header (With Featured Image) */
     144  .site-header.featured-image {
     145    min-height: 0;
     146   
     147    .main-navigation a,
     148    .main-navigation a + svg,
     149    .social-navigation a,
     150    .site-title a,
     151    .site-featured-image a,
     152    .site-branding .site-title,
     153    .site-branding .site-description,
     154    .main-navigation a:after,
     155    .main-navigation .main-menu > li.menu-item-has-children:after,
     156    .main-navigation li,
     157    .social-navigation li,
     158    .entry-meta,
     159    .entry-title,
     160    &#masthead .site-title a {
     161      color: #000;
     162      text-shadow: none;
     163    }
     164
     165    .site-featured-image .entry-header,
     166    .site-branding-container {
     167      margin-top: 0;
     168      margin-bottom: 0;
     169    }
     170
     171    .site-featured-image .post-thumbnail img {
     172      position: relative;
     173      height: initial;
     174      width: initial;
     175      object-fit: none;
     176      min-width: 0;
     177      min-height: 0;
     178      max-width: 100%;
     179      margin-top: 1rem;
     180    }
     181  }
     182 
     183  /* Remove image filters from featured image */
     184  .image-filters-enabled {
     185
     186    *:after {
     187      display: none !important;
     188    }
     189
     190    .site-header.featured-image .site-featured-image:before {
     191      display: none;
     192    }
     193
     194    .site-header.featured-image .site-featured-image .post-thumbnail img {
     195      filter: none;
     196    }
     197  }
    128198}

  • trunk/src/wp-content/themes/twentynineteen/readme.txt

    r43808 r44149  
    1010**License URI:** http://www.gnu.org/licenses/gpl-2.0.html 
    1111**Tags:** one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
    12 
    1312
    1413## Description
    … …  
    24235. Navigate to Appearance > Customize in your admin panel and customize to taste.
    2524
    26  
    2725## Copyright
    2826
    2927Twenty Nineteen WordPress Theme, Copyright 2018 WordPress.org
    30 Twenty Nineteen is distributed under the terms of the GNU GPL
     28Twenty Nineteen is distributed under the terms of the GNU GPL.
    3129
    3230This program is free software: you can redistribute it and/or modify
    … …  
    6159
    6260### X.X
     61
    6362* Released: XX-XX-XXXX
    6463

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

    r43808 r44149  
    11/* !Block styles */
    22
    3 .entry-content > *,
    4 .entry-summary > * {
    5 
    6         margin: 32px $size__spacing-unit;
    7         max-width: calc(100vw - (2 * #{ $size__spacing-unit }));
     3.entry .entry-content > *,
     4.entry .entry-summary > * {
     5        margin: 32px 0;
     6        max-width: 100%;
     7
     8        @include postContentMaxWidth();
    89
    910        @include media(tablet) {
    10                 margin: 32px calc(2 * (100vw / 12));
    11                 max-width: calc(8 * (100vw / 12));
    12         }
    13 
    14         @include media(desktop) {
    15                 max-width: calc(6 * (100vw / 12));
    16         }
    17 
    18 /*
    19         // Set top margins for headings
    20         & + h1:before,
    21         & + h2:before,
    22         & + h3,
    23         & + h4,
    24         & + h5,
    25         & + h6 {
    26                 margin-top: calc(4 * #{ $size__spacing-unit});
    27         }
    28 */
     11                margin: 32px 0;
     12        }
    2913
    3014        > *:first-child {
    … …  
    3721
    3822        &.alignwide {
    39 
    4023                margin-left: auto;
    4124                margin-right: auto;
     25                clear: both;
    4226
    4327                @include media(tablet) {
    44                         margin-left: calc(1 * (100vw / 12));
    45                         margin-right: calc(1 * (100vw / 12));
    46                         max-width: calc(10 * (100vw / 12));
     28                        width: 100%;
     29                        max-width: 100%;
    4730                }
    4831        }
    4932
    5033        &.alignfull {
    51                 margin-top: calc(2 * #{$size__spacing-unit});
    52                 margin-right: 0;
    53                 margin-bottom: calc(2 * #{$size__spacing-unit});
    54                 margin-left: 0;
    55                 max-width: 100%;
     34                position: relative;
     35                left: -#{$size__spacing-unit };
     36                width: calc( 100% + (2 * #{$size__spacing-unit}));
     37                max-width: calc( 100% + (2 * #{$size__spacing-unit}));
     38                clear: both;
     39
     40                @include media(tablet) {
     41                        margin-top: calc(2 * #{$size__spacing-unit});
     42                        margin-bottom: calc(2 * #{$size__spacing-unit});
     43                        left: calc( -12.5% - 75px );
     44                        width: calc( 125% + 150px );
     45                        max-width: calc( 125% + 150px );
     46                }
    5647        }
    5748
    5849        &.alignleft {
     50                /*rtl:ignore*/
    5951                float: left;
    6052                max-width: calc(5 * (100vw / 12));
    6153                margin-top: 0;
     54                margin-left: 0;
     55                /*rtl:ignore*/
     56                margin-right: $size__spacing-unit;
    6257
    6358                @include media(tablet) {
    6459                        max-width: calc(4 * (100vw / 12));
     60                        /*rtl:ignore*/
    6561                        margin-right: calc(2 * #{$size__spacing-unit});
    6662                }
    67 
    68                 @include media(desktop) {
    69                         max-width: calc(3 * (100vw / 12));
    70                 }
    7163        }
    7264
    7365        &.alignright {
     66                /*rtl:ignore*/
    7467                float: right;
    7568                max-width: calc(5 * (100vw / 12));
    7669                margin-top: 0;
     70                margin-right: 0;
     71                /*rtl:ignore*/
    7772                margin-left: $size__spacing-unit;
    78                 margin-right: $size__spacing-unit;
    7973
    8074                @include media(tablet) {
    8175                        max-width: calc(4 * (100vw / 12));
     76                        margin-right: 0;
     77                        /*rtl:ignore*/
    8278                        margin-left: calc(2 * #{$size__spacing-unit});
    83                         margin-right: calc(2 * (100vw / 12));
     79                }
     80        }
     81        &.aligncenter {
     82                margin-left: auto;
     83                margin-right: auto;
     84
     85                @include postContentMaxWidth();
     86
     87                @include media(tablet) {
     88                        margin-left: 0;
     89                        margin-right: 0;
    8490                }
    8591        }
    8692}
    8793
    88 .entry-content {
     94/*
     95 * Unset nested content selector styles
     96 * - Prevents layout styles from cascading too deeply
     97 * - helps with plugin compatibility
     98 */
     99.entry .entry-content,
     100.entry .entry-summary {
     101
     102        .entry-content,
     103        .entry-summary,
     104        .entry {
     105                margin: inherit;
     106                max-width: inherit;
     107                padding: inherit;
     108
     109                @include media(tablet) {
     110                        margin: inherit;
     111                        max-width: inherit;
     112                        padding: inherit;
     113                }
     114        }
     115}
     116
     117.entry .entry-content {
     118
     119        //! Paragraphs
     120        p.has-background {
     121                padding: 20px 30px;
     122        }
    89123
    90124        //! Audio
    … …  
    100134                &.alignright audio {
    101135
    102                         max-width: (0.5 * $mobile_width);
     136                        max-width: (0.33 * $mobile_width);
    103137
    104138                        @include media(tablet) {
    … …  
    126160                        @include button-transition;
    127161                        border: none;
    128                         background: $color__background-button;
    129162                        font-size: $font__size-sm;
    130163                        font-family: $font__heading;
    … …  
    132165                        box-sizing: border-box;
    133166                        font-weight: bold;
    134                         padding: ($size__spacing-unit * .66) $size__spacing-unit;
     167                        text-decoration: none;
     168                        padding: ($size__spacing-unit * .76) $size__spacing-unit;
    135169                        outline: none;
    136                         color: white;
    137170                        outline: none;
    138171
     172                        &:not(.has-background) {
     173                                background-color: $color__background-button;
     174                        }
     175
     176                        &:not(.has-text-color) {
     177                                color: white;
     178                        }
     179
    139180                        &:hover {
     181                                color: white;
     182                                background: $color__background-button-hover;
    140183                                cursor: pointer;
    141184                        }
    142185
    143                         &:hover, &:focus {
     186                        &:focus {
     187                                color: white;
    144188                                background: $color__background-button-hover;
    145                         }
    146 
    147                         &:focus {
    148189                                outline: thin dotted;
    149190                                outline-offset: -4px;
    … …  
    158199                &.is-style-outline .wp-block-button__link:focus,
    159200                &.is-style-outline .wp-block-button__link:active {
    160 
    161                         @include button-all-transition;
    162                         background: transparent;
    163                         border: 2px solid $color__background-button;
     201                        @include button-all-transition;
     202                        border-width: 2px;
     203                        border-style: solid;           
     204
     205                        &:not(.has-background) {
     206                                background: transparent;
     207                        }
    164208
    165209                        &:not(.has-text-color) {
    166210                                color: $color__background-button;
     211                                border-color: currentColor;
    167212                        }
    168213                }
    169214
    170215                &.is-style-outline .wp-block-button__link:hover {
     216                        color: white;
    171217                        border-color: $color__background-button-hover;
    172                         color: $color__background-button-hover;
    173218                }
    174219        }
    … …  
    184229                        color: $color__text-light;
    185230                        font-family: $font__heading;
    186                         font-size: calc(#{$font__size_base} * #{$font__size-lg / 1em} );
     231                        font-size: calc(#{$font__size_base} * #{$font__size-ratio});
    187232                        font-weight: bold;
    188233                        line-height: $font__line-height-heading;
    189 
    190                         a:after {
    191                                 color: $color__text-light;
    192                                 content: ",";
    193                         }
    194 
    195                         &:last-child a:after {
    196                                 color: $color__text-light;
    197                                 content: ".";
    198                         }
    199                 }
     234                        padding-bottom: ( .75 * $size__spacing-unit );
     235
     236                        &.menu-item-has-children,
     237                        &:last-child {
     238                                padding-bottom: 0;
     239                        }
     240
     241                        a {
     242                                text-decoration: none;
     243                        }
     244                }
     245        }
     246
     247        //! Latest categories
     248        .wp-block-categories {
     249
     250                ul {
     251                        padding-top: ( .75 * $size__spacing-unit );
     252                }
     253
     254                li ul {
     255                        list-style: none;
     256                        padding-left: 0;
     257                }
     258
     259                @include nestedSubMenuPadding();
    200260        }
    201261
    … …  
    234294        }
    235295
    236         // !Paragraphs
     296        //! Paragraphs
    237297        .has-drop-cap {
    238298                &:not(:focus):first-letter {
    … …  
    245305        }
    246306
    247         // !Pullquote
     307        //! Pullquote
    248308        .wp-block-pullquote {
    249                 border: none;
     309                border-color: transparent;
     310                border-width: 2px;
    250311                padding: $size__spacing-unit;
    251312
    252313                blockquote {
     314                        color: $color__text-main;
    253315                        border: none;
    254                         padding-bottom: calc(2 * #{$size__spacing-unit});
     316                        margin-top: calc(4 * #{ $size__spacing-unit});
     317                        margin-bottom: calc(4.33 * #{ $size__spacing-unit});
    255318                        margin-right: 0;
    256319                }
    … …  
    262325                        margin-bottom: 0.5em;
    263326                        margin-top: 0.5em;
    264                         color: $color__text-main;
    265327
    266328                        em {
    … …  
    276338                        display: inline-block;
    277339                        font-family: $font__heading;
    278                         font-size: $font__size-xs;
    279340                        line-height: 1.6;
    280341                        text-transform: none;
    281342                        color: $color__text-light;
     343
     344                        /*
     345                         * This requires a rem-based font size calculation instead of our normal em-based one,
     346                         * because the cite tag sometimes gets wrapped in a p tag. This is equivalent to $font-size_xs.
     347                         */
     348                        font-size: calc(1rem / (1.25 * #{$font__size-ratio}));
    282349                }
    283350
    284351                &.alignleft,
    285352                &.alignright {
     353                        width: 100%;
    286354                        padding: 0;
    287355
    … …  
    295363
    296364                &.is-style-solid-color {
     365                        background-color: $color__link;
     366                        padding-left: 0;
     367                        padding-right: 0;
     368
     369                        @include media(tablet) {
     370                                padding-left: 10%;
     371                                padding-right: 10%;
     372                        }
    297373
    298374                        p {
    … …  
    307383                        }
    308384
     385                        a {
     386                                color: $color__background-body;
     387                        }
     388
     389                        cite {
     390                                color: inherit;
     391                        }
     392
    309393                        blockquote {
    310                                 margin: 0 auto;
    311                         }
    312 
    313                         blockquote:not(.has-text-color) p,
    314                         cite {
    315                                 color: white;
    316                         }
    317 
    318                         &:not(.has-background-color) {
    319                                 background-color: $color__link;
    320                         }
    321 
    322                         &.alignleft,
    323                         &.alignright {
    324                                 padding: $size__spacing-unit $size__spacing-unit 0;
    325 
    326                                 blockquote {
    327                                         padding: 0 0 calc( 1.5 * #{$size__spacing-unit} );
     394                                max-width: calc(100% - (2 * #{$size__spacing-unit}));
     395                                color: $color__background-body;
     396                                padding-left: 0;
     397                                margin-left: $size__spacing-unit;
     398
     399                                &.has-text-color p,
     400                                &.has-text-color a,
     401                                &.has-primary-color,
     402                                &.has-secondary-color,
     403                                &.has-dark-gray-color,
     404                                &.has-light-gray-color,
     405                                &.has-white-color {
     406                                        color: inherit;
     407                                }
     408
     409                                @include media(tablet) {
    328410                                        margin-left: 0;
    329                                         margin-top: 0;
    330                                 }
     411                                        margin-right: 0;
     412                                }
     413                        }
     414
     415                        &.alignfull {
    331416
    332417                                @include media(tablet) {
    333                                         padding: calc( 2 * #{$size__spacing-unit} ) calc( 2 * #{$size__spacing-unit} ) $size__spacing-unit;
     418                                        padding-left: calc(10% + 58px + (2 * #{$size__spacing-unit}));
     419                                        padding-right: calc(10% + 58px + (2 * #{$size__spacing-unit}));
    334420                                }
    335421                        }
    … …  
    354440
    355441                cite {
    356                         font-size: $font__size-xs;
     442                        /*
     443                         * This requires a rem-based font size calculation instead of our normal em-based one,
     444                         * because the cite tag sometimes gets wrapped in a p tag. This is equivalent to $font-size_xs.
     445                         */
     446                        font-size: calc(1rem / (1.25 * #{$font__size-ratio}));
    357447                }
    358448
    359449                &.is-large,
    360450                &.is-style-large {
    361                         padding: $size__spacing-unit 0 ($size__spacing-unit) ($size__spacing-unit * 2);
    362451                        margin: $size__spacing-unit 0;
     452                        padding: 0;
    363453                        border-left: none;
    364454
    … …  
    371461                        cite,
    372462                        footer {
    373                                 font-size: $font__size-xs;
     463                                /*
     464                                 * This requires a rem-based font size calculation instead of our normal em-based one,
     465                                 * because the cite tag sometimes gets wrapped in a p tag. This is equivalent to $font-size_xs.
     466                                 */
     467                                font-size: calc(1rem / (1.25 * #{$font__size-ratio}));
    374468                        }
    375469
    376470                        @include media(tablet) {
    377 
    378                                 margin: $size__spacing-unit calc(2 * (100vw / 12));
    379                                 max-width: calc(6 * (100vw / 12));
     471                                margin: $size__spacing-unit 0;
     472                                padding: $size__spacing-unit 0;
    380473
    381474                                p {
    … …  
    400493                &.alignfull img {
    401494                        width: 100vw;
    402                         margin-left: auto;
    403                         margin-right: auto;
     495
     496                        @include media(tablet) {
     497                                margin-left: auto;
     498                                margin-right: auto;
     499                        }
    404500                }
    405501        }
    406502
    407503        //! Cover Image
    408         .wp-block-cover-image {
     504        .wp-block-cover-image,
     505        .wp-block-cover {
     506                position: relative;
     507                min-height: 430px;
     508                padding: $size__spacing-unit;
     509
     510                @include media(tablet) {
     511                        padding: $size__spacing-unit 10%;
     512                }
    409513
    410514                .wp-block-cover-image-text,
     515                .wp-block-cover-text,
    411516                h2 {
    412517                        font-family: $font__heading;
    413518                        font-size: $font__size-lg;
    414519                        font-weight: bold;
    415 
    416                         width: calc(100vw - (2 * #{ $size__spacing-unit }));
    417                         max-width: calc(100vw - (2 * #{ $size__spacing-unit }));
     520                        line-height: 1.25;
     521                        padding: 0;
     522                        color: #fff;
     523                        -ms-hyphens: auto;
     524                        -moz-hyphens: auto;
     525                        -webkit-hyphens: auto;
     526                        hyphens: auto;
    418527
    419528                        @include media(tablet) {
    420529                                font-size: $font__size-xl;
    421                                 width: calc(8 * (100vw / 12));
    422                                 max-width: calc(8 * (100vw / 12));
    423                         }
    424 
    425                         @include media(desktop) {
    426                                 width: calc(6 * (100vw / 12 ));
    427                                 max-width: calc(6 * (100vw / 12 ));
     530                                max-width: 100%;
    428531                        }
    429532                }
    430533
    431534                &.alignleft,
    432                 &.alignright,
    433                 &.aligncenter {
    434                         h2,
    435                         .wp-block-cover-image-text {
    436                                 width: 100%;
    437                                 z-index: 1;
    438                                 left: 50%;
    439                                 position: absolute;
    440                                 transform: translate(-50%, -50%);
    441                                 top: 50%;
    442                         }
    443                 }
    444 
    445                 &.has-left-content {
    446                         justify-content: center;
    447 
    448                         h2,
    449                         .wp-block-cover-image-text {
     535                &.alignright {
     536                        width: 100%;
     537
     538                        @include media(tablet) {
    450539                                padding: $size__spacing-unit;
    451540                        }
    452541                }
    453542
    454                 &.has-right-content {
    455                         justify-content: center;
    456 
    457                         h2,
    458                         .wp-block-cover-image-text {
    459                                 padding: $size__spacing-unit;
     543                &.alignfull {
     544
     545                        .wp-block-cover-image-text,
     546                        .wp-block-cover-text,
     547                        h2 {
     548                                @include postContentMaxWidth();
     549                        }
     550
     551                        @include media(tablet) {
     552                                padding-left: calc(10% + 58px + (2 * #{$size__spacing-unit}));
     553                                padding-right: calc(10% + 58px + (2 * #{$size__spacing-unit}));
     554
     555                                .wp-block-cover-image-text,
     556                                .wp-block-cover-text,
     557                                h2 {
     558                                        padding: 0;
     559                                }
    460560                        }
    461561                }
    … …  
    463563
    464564        //! Galleries
    465         .wp-block-gallery .blocks-gallery-image:last-child,
    466         .wp-block-gallery .blocks-gallery-item:last-child {
    467                 margin-bottom: 16px;
     565        .wp-block-gallery {
     566                list-style-type: none;
     567                padding-left: 0;
     568
     569                .blocks-gallery-image:last-child,
     570                .blocks-gallery-item:last-child {
     571                        margin-bottom: 16px;
     572                }
    468573        }
    469574
    … …  
    479584                margin: 0;
    480585                padding: ( $size__spacing-unit * .5 );
    481                 text-align: left;
     586                text-align: center;
    482587        }
    483588
    … …  
    485590        .wp-block-separator,
    486591        hr {
     592                background-color: $color__text-light;
     593                border: 0;
     594                height: 2px;
    487595                margin-bottom: (2 * $size__spacing-unit);
    488596                margin-top: (2 * $size__spacing-unit);
    489 
    490                 &:not(.is-style-dots) {
    491                         background-color: $color__text-light;
    492                         border: 0;
    493                         height: 2px;
    494                 }
    495 
    496                 &:not(.is-style-wide):not(.is-style-dots) {
    497                         max-width: 2.25em;
     597                max-width: 2.25em;
     598                text-align: left;
     599
     600                &.is-style-wide {
     601                        max-width: 100%;
     602                        @include postContentMaxWidth();
     603                }
     604
     605                &.is-style-dots {
     606                        max-width: 100%;
     607                        @include postContentMaxWidth();
     608                        background-color: inherit;
     609                        border: inherit;
     610                        height: inherit;
     611                        text-align: center;
     612
     613                        &:before {
     614                                color: $color__text-light;
     615                                font-size: $font__size-lg;
     616                                letter-spacing: $font__size-sm;
     617                                padding-left: $font__size-sm;
     618                        }
    498619                }
    499620
    … …  
    507628                        }
    508629                }
    509 
    510                 &.is-style-dots:before {
    511                         color: $color__text-light;
    512                         font-size: $font__size-lg;
    513                         letter-spacing: $font__size-sm;
    514                         padding-left: $font__size-sm;
    515                 }
    516630        }
    517631
    518632        //! Twitter Embed
    519633        .wp-block-embed-twitter {
    520                 overflow: hidden;
     634                word-break: break-word;
    521635        }
    522636
    … …  
    524638        .wp-block-table {
    525639
    526                 td, th {
     640                th,
     641                td {
    527642                        border-color: $color__text-light;
    528643                }
    … …  
    534649
    535650                .wp-block-file__button {
     651                        display: table;
    536652                        @include button-transition;
    537653                        border: none;
    … …  
    541657                        font-family: $font__heading;
    542658                        line-height: $font__line-height-heading;
     659                        text-decoration: none;
    543660                        font-weight: bold;
    544661                        padding: ($size__spacing-unit * .75) $size__spacing-unit;
     662                        color: #fff;
     663                        margin-left: 0;
     664                        margin-top: calc(0.75 * #{$size__spacing-unit});
    545665
    546666                        @include media(desktop) {
    … …  
    550670
    551671                        &:hover {
     672                                background: $color__background-button-hover;
    552673                                cursor: pointer;
    553674                        }
    554675
    555                         &:hover, &:focus {
     676                        &:focus {
    556677                                background: $color__background-button-hover;
    557                         }
    558 
    559                         &:focus {
    560678                                outline: thin dotted;
    561679                                outline-offset: -4px;
    … …  
    570688                code {
    571689                        font-size: $font__size-md;
     690                        white-space: pre-wrap;
     691                        word-break: break-word;
    572692                }
    573693        }
    … …  
    576696        .wp-block-columns {
    577697
    578                 .wp-block-column > * {
    579 
    580                         &:first-child {
    581                                 margin-top: 0;
    582                         }
    583 
    584                         &:last-child {
    585                                 margin-bottom: 0;
    586                         }
    587                 }
    588 
    589                 &[class*='has-'] > * {
    590                         margin-right: $size__spacing-unit;
    591 
    592                         &:last-child {
    593                                 margin-right: 0;
     698                &.alignfull {
     699                        padding-left: $size__spacing-unit;
     700                        padding-right: $size__spacing-unit;
     701                }
     702
     703                @include media(tablet) {
     704                        .wp-block-column > * {
     705
     706                                &:first-child {
     707                                        margin-top: 0;
     708                                }
     709
     710                                &:last-child {
     711                                        margin-bottom: 0;
     712                                }
     713                        }
     714
     715                        &[class*='has-'] > * {
     716                                margin-right: $size__spacing-unit;
     717
     718                                &:last-child {
     719                                        margin-right: 0;
     720                                }
     721                        }
     722
     723                        &.alignfull,
     724                        &.alignfull .wp-block-column {
     725                                padding-left: calc(2 * #{$size__spacing-unit});
     726                                padding-right: calc(2 * #{$size__spacing-unit});
    594727                        }
    595728                }
    … …  
    629762                }
    630763        }
     764
     765        //! Font Sizes
     766        .has-small-font-size {
     767                font-size: $font__size-sm;
     768        }
     769
     770        .has-normal-font-size {
     771                font-size: $font__size-md;
     772        }
     773
     774        .has-large-font-size {
     775                font-size: $font__size-lg;
     776        }
     777
     778        .has-huge-font-size {
     779                font-size: $font__size-xl;
     780        }
     781
     782        //! Custom background colors
     783        .has-primary-background-color,
     784        .has-secondary-background-color,
     785        .has-dark-gray-background-color,
     786        .has-light-gray-background-color {
     787               
     788                // Use white text against these backgrounds by default.
     789                color: $color__background-body;
     790
     791                p,
     792                h1,
     793                h2,
     794                h3,
     795                h4,
     796                h5,
     797                h6,
     798                a {
     799                        color: $color__background-body;
     800                }
     801        }
     802
     803        .has-white-background-color {
     804                color: $color__text-main;
     805
     806                // Use dark gray text against this background by default.
     807                p,
     808                h1,
     809                h2,
     810                h3,
     811                h4,
     812                h5,
     813                h6,
     814                a {
     815                        color: $color__text-main;
     816                }
     817        }
     818
     819        .has-primary-background-color,
     820        .wp-block-pullquote.is-style-solid-color.has-primary-background-color {
     821                background-color: $color__link;
     822        }
     823
     824        .has-secondary-background-color,
     825        .wp-block-pullquote.is-style-solid-color.has-secondary-background-color {
     826                background-color: $color__border-link-hover;
     827        }
     828
     829        .has-dark-gray-background-color,
     830        .wp-block-pullquote.is-style-solid-color.has-dark-gray-background-color {
     831                background-color: $color__text-main;
     832        }
     833
     834        .has-light-gray-background-color,
     835        .wp-block-pullquote.is-style-solid-color.has-light-gray-background-color {
     836                background-color: $color__text-light;
     837        }
     838
     839        .has-white-background-color,
     840        .wp-block-pullquote.is-style-solid-color.has-white-background-color {
     841                background-color: #FFF;
     842        }
     843
     844        //! Custom foreground colors
     845        .has-primary-color,
     846        .wp-block-pullquote.is-style-solid-color blockquote.has-primary-color,
     847        .wp-block-pullquote.is-style-solid-color blockquote.has-primary-color p {
     848                color: $color__link;
     849        }
     850
     851        .has-secondary-color,
     852        .wp-block-pullquote.is-style-solid-color blockquote.has-secondary-color,
     853        .wp-block-pullquote.is-style-solid-color blockquote.has-secondary-color p {
     854                color: $color__border-link-hover;
     855        }
     856
     857        .has-dark-gray-color,
     858        .wp-block-pullquote.is-style-solid-color blockquote.has-dark-gray-color,
     859        .wp-block-pullquote.is-style-solid-color blockquote.has-dark-gray-color p {
     860                color: $color__text-main;
     861        }
     862
     863        .has-light-gray-color,
     864        .wp-block-pullquote.is-style-solid-color blockquote.has-light-gray-color,
     865        .wp-block-pullquote.is-style-solid-color blockquote.has-light-gray-color p {
     866                color: $color__text-light;
     867        }
     868
     869        .has-white-color,
     870        .wp-block-pullquote.is-style-solid-color blockquote.has-white-color {
     871                color: #FFF;
     872        }
    631873}

  • trunk/src/wp-content/themes/twentynineteen/sass/elements/_elements.scss

    r43808 r44149  
    44
    55::-moz-selection {
    6         background: $color__background_selection;
     6        background-color: $color__background_selection;
    77}
     8
    89::selection {
    9         background: $color__background_selection;
     10        background-color: $color__background_selection;
    1011}
    1112
    … …  
    1718
    1819body {
    19         background: $color__background-body;
     20        background-color: $color__background-body;
    2021}
    2122
    … …  
    3738
    3839a:focus {
    39         outline: 0;
     40        outline: thin;
     41        outline-style: dotted;
    4042        text-decoration: underline;
    4143}
    4244
    43 h1, h2, h3, h4, h5, h6 {
     45h1,
     46h2,
     47h3,
     48h4,
     49h5,
     50h6 {
    4451        clear: both;
    4552        margin: $size__spacing-unit 0;
    4653}
    4754
    48 h1:not(.site-title), h2 {
     55h1:not(.site-title),
     56h2 {
    4957        @include post-section-dash;
    5058}
    … …  
    6270        max-width: 100%;
    6371        position: relative;
    64         &:before {
    65                 background-color: $color__background-pre;
    66                 border: 1px dashed $color__background-hr;
    67                 border-radius: 3px;
    68                 content: " ";
    69                 display: block;
    70                 height: 100%;
    71                 left: 0;
    72                 position: absolute;
    73                 top: 0;
    74                 width: 100%;
    75         }
    76 
    77         &:after {
    78                 color: $color__text-input;
    79                 content: "This image is broken :-/ ( "attr(alt)" )";
    80                 display: block;
    81                 left: 50%;
    82                 position: absolute;
    83                 text-align: center;
    84                 top: 50%;
    85                 transform: translate(-50%, -50%);
    86                 width: 100%;
    87         }
    8872}
    8973
    … …  
    9377
    9478blockquote {
    95 
    9679        border-left: 2px solid $color__link;
    97         margin-left: -($size__spacing-unit * 2);
    98         padding: $size__spacing-unit 0 ($size__spacing-unit * .5) ($size__spacing-unit * 2);
     80        margin-left: 0;
     81        padding: 0 0 0 $size__spacing-unit;
    9982
    10083        > p {

  • trunk/src/wp-content/themes/twentynineteen/sass/elements/_tables.scss

    r43808 r44149  
    11table {
    22        margin: 0 0 $size__spacing-unit;
     3        border-collapse: collapse;
    34        width: 100%;
     5        font-family: $font__heading;
    46
    5         td, th {
    6                 border-color: $color__text-light;
     7        td,
     8        th {
     9                padding: 0.5em;
     10                border: 1px solid $color__text-light;
     11                word-break: break-all;
    712        }
    813}

  • trunk/src/wp-content/themes/twentynineteen/sass/forms/_buttons.scss

    r43808 r44149  
    1010        border-radius: 5px;
    1111        box-sizing: border-box;
    12         color: white;
     12        color: $color__background-body;
    1313        font-family: $font__heading;
    1414        font-size: $font__size-sm;
    15         font-weight: 600;
     15        font-weight: 700;
    1616        line-height: $font__line-height-heading;
    1717        outline: none;
    18         padding: ( $size__spacing-unit * .66 ) $size__spacing-unit;
     18        padding: ( $size__spacing-unit * .76 ) $size__spacing-unit;
     19        text-decoration: none;
     20        vertical-align: bottom;
    1921
    2022        &:hover {
     23                background: $color__background-button-hover;
    2124                cursor: pointer;
    2225        }
    2326
    24         &:hover,
    25         &:focus {
    26                 background: $color__background-button-hover;
     27        &:visited {
     28                color: $color__background-body;
     29                text-decoration: none;
    2730        }
    2831
    2932        &:focus {
     33                background: $color__background-button-hover;
    3034                outline: thin dotted;
    3135                outline-offset: -4px;

  • trunk/src/wp-content/themes/twentynineteen/sass/forms/_fields.scss

    r43808 r44149  
    2020        box-sizing: border-box;
    2121        outline: none;
    22         padding: #{.5 * $size__spacing-unit} #{.66 * $size__spacing-unit};
     22        padding: #{.36 * $size__spacing-unit} #{.66 * $size__spacing-unit};
     23        -webkit-appearance: none;
     24        outline-offset: 0;
     25        border-radius: 0;
    2326
    2427        &:focus {
    … …  
    2629                outline: thin solid rgba( $color__link, 0.15 );
    2730                outline-offset: -4px;
     31        }
     32}
     33
     34input[type="search"] {
     35        &::-webkit-search-decoration {
     36                display: none;
    2837        }
    2938}

  • trunk/src/wp-content/themes/twentynineteen/sass/media/_captions.scss

    r43808 r44149  
    11.wp-caption {
    22        margin-bottom: calc(1.5 * #{$size__spacing-unit});
     3
     4        &.aligncenter {
     5
     6                @include media(tablet) {
     7                        position: relative;
     8                        left: calc( #{$size__site-tablet-content} / 2 );
     9                        transform: translateX( -50% );
     10                }
     11
     12                @include media(desktop) {
     13                        left: calc( #{$size__site-desktop-content} / 2 );
     14                }
     15        }
    316}
    417
    … …  
    922}
    1023
    11 .wp-caption .wp-caption-text {
    12         margin: calc(0.875 * #{$size__spacing-unit}) 0;
    13 }
    14 
    1524.wp-caption-text {
     25        color: $color__text-light;
     26        font-size: $font__size-xs;
     27        font-family: $font__heading;
     28        line-height: $font__line-height-pre;
     29        margin: 0;
     30        padding: ( $size__spacing-unit * .5 );
    1631        text-align: center;
    1732}

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

    r43808 r44149  
    11.gallery {
    22        display: flex;
     3        flex-flow: row wrap;
     4        justify-content: center;
    35        margin-bottom: calc(1.5 * #{$size__spacing-unit});
    46}
    … …  
    68.gallery-item {
    79        display: inline-block;
    8         margin-right: $size__spacing-unit;
    9         margin-bottom: $size__spacing-unit;
     10        margin-right: 16px;
     11        margin-bottom: 16px;
    1012        text-align: center;
    1113        vertical-align: top;
    … …  
    1517        @for $i from 2 through 9 {
    1618                .gallery-columns-#{$i} & {
    17                         max-width: calc( ( 12 / #{$i} ) * (100% / 12) );
     19                        max-width: calc((100% - 16px * #{ $i - 1 }) / #{ $i });
     20
     21                        &:nth-of-type(#{$i}n+#{$i}) {
     22                                margin-right: 0;
     23                        }
    1824                }
    1925        }
    2026
    2127        &:last-of-type {
    22                 margin-right: 0;
     28                padding-right: 0;
    2329        }
    2430}

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

    r43808 r44149  
    4141                background: $color__link;
    4242                mix-blend-mode: multiply;
    43                 opacity: 1;
     43                opacity: .8;
    4444                z-index: 3;
     45
     46                /* Browsers supporting mix-blend-mode don't need opacity < 1 */
     47                @supports (mix-blend-mode: multiply) {
     48                        opacity: 1;
     49                }
    4550        }
    4651}
    … …  
    8388}
    8489
     90/* Fallback for non-latin fonts */
     91
     92@mixin non-latin-fonts( $wrapper_classname: '.site' ) {
     93
     94        /* Arabic */
     95        html[lang="ar"] #{$wrapper_classname} *,
     96        html[lang="ary"] #{$wrapper_classname} *,
     97        html[lang="azb"] #{$wrapper_classname} *,
     98        html[lang="ckb"] #{$wrapper_classname} *,
     99        html[lang="fa-IR"] #{$wrapper_classname} *,
     100        html[lang="haz"] #{$wrapper_classname} *,
     101        html[lang="ps"] #{$wrapper_classname} * {
     102          font-family: Tahoma, Arial, sans-serif !important;
     103        }
     104
     105        /* Cyrillic */
     106        html[lang="be"] #{$wrapper_classname} *,
     107        html[lang="bg-BG"] #{$wrapper_classname} *,
     108        html[lang="kk"] #{$wrapper_classname} *,
     109        html[lang="mk-MK"] #{$wrapper_classname} *,
     110        html[lang="mn"] #{$wrapper_classname} *,
     111        html[lang="ru-RU"] #{$wrapper_classname} *,
     112        html[lang="sah"] #{$wrapper_classname} *,
     113        html[lang="sr-RS"] #{$wrapper_classname} *,
     114        html[lang="tt-RU"] #{$wrapper_classname} *,
     115        html[lang="uk"] #{$wrapper_classname} * {
     116          font-family: 'Helvetica Neue', Helvetica, 'Segoe UI', Arial, sans-serif !important;
     117        }
     118
     119        /* Chinese (Hong Kong) */
     120        html[lang="zh-HK"] #{$wrapper_classname} * {
     121                font-family: -apple-system, BlinkMacSystemFont, 'PingFang HK', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important;
     122        }
     123
     124        /* Chinese (Taiwan) */
     125        html[lang="zh-TW"] #{$wrapper_classname} * {
     126                font-family: -apple-system, BlinkMacSystemFont, 'PingFang TC', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important;
     127        }
     128
     129        /* Chinese (China) */
     130        html[lang="zh-CN"] #{$wrapper_classname} * {
     131                font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important;
     132        }
     133
     134        /* Devanagari */
     135        html[lang="bn-BD"] #{$wrapper_classname} *,
     136        html[lang="hi-IN"] #{$wrapper_classname} *,
     137        html[lang="mr"] #{$wrapper_classname} *,
     138        html[lang="ne-NP"] #{$wrapper_classname} * {
     139          font-family: Arial, sans-serif !important;
     140        }
     141
     142        /* Greek */
     143        html[lang="el"] #{$wrapper_classname} * {
     144          font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
     145        }
     146
     147        /* Gujarati */
     148        html[lang="gu"] #{$wrapper_classname} * {
     149          font-family: Arial, sans-serif !important;
     150        }
     151
     152        /* Hebrew */
     153        html[lang="he-IL"] #{$wrapper_classname} * {
     154          font-family: 'Arial Hebrew', Arial, sans-serif !important;
     155        }
     156
     157        /* Japanese */
     158        html[lang="ja"] #{$wrapper_classname} * {
     159          font-family: -apple-system, BlinkMacSystemFont, "Hiragino Sans", Meiryo, "Helvetica Neue", sans-serif !important;
     160        }
     161
     162        /* Korean */
     163        html[lang="ko-KR"] #{$wrapper_classname} * {
     164          font-family: 'Apple SD Gothic Neo', 'Malgun Gothic', 'Nanum Gothic', Dotum, sans-serif !important;
     165        }
     166
     167        /* Thai */
     168        html[lang="th"] #{$wrapper_classname} * {
     169          font-family: 'Sukhumvit Set', 'Helvetica Neue', helvetica, arial, sans-serif !important;
     170        }
     171
     172        /* Vietnamese */
     173        html[lang="vi"] #{$wrapper_classname} * {
     174          font-family: 'Libre Franklin', sans-serif !important;
     175        }
     176}
     177
     178/* Calculates maximum width for post content */
     179@mixin postContentMaxWidth() {
     180
     181        @include media(tablet) {
     182                max-width: $size__site-tablet-content;
     183        }
     184
     185        @include media(desktop) {
     186                max-width: $size__site-desktop-content;
     187        }
     188}
     189
     190/* Nested sub-menu padding: 10 levels deep */
     191@mixin nestedSubMenuPadding() {
     192
     193        ul {
     194                counter-reset: submenu;
     195        }
     196
     197        ul > li > a::before {
     198                font-family: $font__body;
     199                font-weight: normal;
     200                content: "\2013\00a0" counters(submenu, "\2013\00a0", none);
     201                counter-increment: submenu
     202        }
     203}
     204
    85205@import "utilities";

  • trunk/src/wp-content/themes/twentynineteen/sass/mixins/_utilities.scss

    r43808 r44149  
    11
    22@mixin media( $res ) {
     3        @if mobile == $res {
     4                @media only screen and (min-width: $mobile_width) {
     5                        @content;
     6                }
     7        }
     8
    39        @if tablet == $res {
    410                @media only screen and (min-width: $tablet_width) {
    … …  
    612                }
    713        }
     14
    815        @if desktop == $res {
    916                @media only screen and (min-width: $desktop_width) {

  • trunk/src/wp-content/themes/twentynineteen/sass/modules/_alignments.scss

    r43808 r44149  
    11.alignleft {
     2        /*rtl:ignore*/
    23        float: left;
     4        /*rtl:ignore*/
    35        margin-right: $size__spacing-unit;
     6
     7        @include media(tablet) {
     8                /*rtl:ignore*/
     9                margin-right: calc(2 * #{$size__spacing-unit});
     10        }
    411}
    512
    613.alignright {
     14        /*rtl:ignore*/
    715        float: right;
     16        /*rtl:ignore*/
    817        margin-left: $size__spacing-unit;
     18
     19        @include media(tablet) {
     20                /*rtl:ignore*/
     21                margin-left: calc(2 * #{$size__spacing-unit});
     22        }
    923}
    1024

  • trunk/src/wp-content/themes/twentynineteen/sass/navigation/_links.scss

    r43808 r44149  
    1616
    1717        &:focus {
    18                 outline: 0;
     18                outline: thin dotted;
    1919                text-decoration: underline;
    2020        }

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

    r43842 r44149  
    1616        .main-menu {
    1717
    18                 display: inline;
     18                display: inline-block;
    1919                margin: 0;
    2020                padding: 0;
    … …  
    2424                        color: $color__link;
    2525                        display: inline;
    26 
    27                         @include media(tablet) {
    28                                 position: relative;
    29                         }
     26                        position: relative;
    3027
    3128                        > a {
    … …  
    4845
    4946                                display: inline-block;
     47                                position: inherit;
     48
     49                                @include media(tablet) {
     50                                        position: relative;
     51                                }
    5052
    5153                                > a {
    … …  
    6264                                }
    6365
    64                                 .mobile-submenu-expand svg,
    65                                 .desktop-submenu-expand svg {
    66                                         position: relative;
    67                                         top: 0.2rem;
    68                                 }
    69 
    70                                 &:not(:last-child) {
    71 
    72                                         .mobile-submenu-expand,
    73                                         .desktop-submenu-expand {
    74                                                 margin-right: #{0.5 * $size__spacing-unit};
    75                                         }
    76                                 }
    77                         }
    78 
    79                         &:last-child > a {
     66                                .submenu-expand {
     67
     68                                        display: inline-block;
     69                                        margin-right: #{0.25 * $size__spacing-unit};
     70
     71                                        /* Priority+ Menu */
     72                                        &.main-menu-more-toggle {
     73
     74                                                position: relative;
     75                                                height: 24px;
     76                                                line-height: $font__line-height-heading;
     77                                                width: 24px;
     78                                                padding: 0;
     79                                                margin-left: #{0.5 * $size__spacing-unit};
     80
     81                                                svg {
     82                                                        height: 24px;
     83                                                        width: 24px;
     84                                                        top: #{-0.125 * $size__spacing-unit};
     85                                                        vertical-align: text-bottom;
     86                                                }
     87                                        }
     88
     89                                        .wp-customizer-unloading &,
     90                                        &.is-empty {
     91                                                display: none;
     92                                        }
     93
     94                                        svg {
     95                                                position: relative;
     96                                                top: 0.2rem;
     97                                        }
     98                                }
     99                        }
     100
     101                        &:last-child > a,
     102                        &:last-child.menu-item-has-children .submenu-expand {
    80103                                margin-right: 0;
    81104                        }
    … …  
    85108        .sub-menu {
    86109
    87                 background: $color__link;
     110                background-color: $color__link;
    88111                color: $color__background-body;
    89112                list-style: none;
    90113                padding-left: 0;
    91114
    92                 display: none;
    93                 float: left;
    94115                position: absolute;
    95116                opacity: 0;
    96                 left: -999px;
     117                left: -9999px;
    97118                z-index: 99999;
    98119
    99120                @include media(tablet) {
    100                         width: max-content;
    101                         max-width: calc(3 * (100vw / 12));
     121                        width: auto;
     122                        min-width: -moz-max-content;
     123                        min-width: -webkit-max-content;
     124                        min-width: max-content;
    102125                }
    103126
    104127                > li {
    105128
    106                         clear: both;
    107129                        display: block;
    108130                        float: none;
    109131                        position: relative;
    110                         word-break: break-word;
    111132
    112133                        &.menu-item-has-children {
    113134
    114                                 .mobile-submenu-expand,
    115                                 .desktop-submenu-expand {
     135                                .submenu-expand {
     136                                        display: inline-block;
    116137                                        position: absolute;
    117138                                        width: calc( 24px + #{$size__spacing-unit} );
    … …  
    128149                                }
    129150
    130                                 &:not(:last-child) {
    131 
    132                                         .mobile-submenu-expand,
    133                                         .desktop-submenu-expand {
    134                                                 margin-right: 0;
    135                                         }
     151                                .submenu-expand {
     152                                        margin-right: 0;
    136153                                }
    137154
    138155                                @include media(tablet) {
     156
    139157                                        .menu-item-has-children > a {
    140158
    … …  
    146164                        }
    147165
    148                         > a:not(.mobile-submenu-expand) {
     166                        > a,
     167                        > .menu-item-link-return {
     168
    149169                                color: $color__background-body;
    150170                                display: block;
    151171                                line-height: $font__line-height-heading;
    152172                                padding: calc( .5 * #{$size__spacing-unit} ) calc( 24px + #{$size__spacing-unit} ) calc( .5 * #{$size__spacing-unit} ) $size__spacing-unit;
     173                                white-space: nowrap;
    153174
    154175                                &:hover,
    … …  
    162183                        }
    163184
     185                        > a:empty {
     186                                display: none;
     187                        }
     188
    164189                        &.mobile-parent-nav-menu-item {
     190
    165191                                display: none;
    166192                                font-size: $font__size-sm;
    … …  
    177203
    178204        /*
     205         * Sub-menu styles
     206         *
    179207         * :focus-within needs its own selector so other similar
    180208         * selectors don’t get ignored if a browser doesn’t recognize it
    181209         */
    182         .main-menu .menu-item-has-children:focus-within > .sub-menu {
     210        .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu {
     211
    183212                display: block;
    184213                left: 0;
    185214                margin-top: 0;
    186215                opacity: 1;
    187                 width: calc( 100vw - #{$size__spacing-unit * 2});
    188 
    189                 .sub-menu {
    190 
    191                         margin-top: inherit;
    192                         position: relative;
    193                         padding-left: $size__spacing-unit;
    194 
    195                         @include media(tablet) {
    196                                 padding-left: 0;
    197                                 position: absolute;
    198                                 left: 100%;
    199                                 width: max-content;
    200                                 top: 0;
    201                         }
    202                 }
    203         }
    204 
    205         .main-menu .menu-item-has-children:hover > .sub-menu,
    206         .main-menu .menu-item-has-children:focus > .sub-menu,
    207         .main-menu .menu-item-has-children .sub-menu:hover,
    208         .main-menu .menu-item-has-children .sub-menu:focus {
    209                 display: table;
    210                 margin-top: 0;
    211                 opacity: 1;
     216                width: auto;
     217                min-width: 100%;
     218
    212219
    213220                /* Non-mobile position */
    214221                @include media(tablet) {
     222                        display: block;
     223                        margin-top: 0;
     224                        opacity: 1;
    215225                        position: absolute;
    216226                        left: 0;
    … …  
    219229                        bottom: auto;
    220230                        height: auto;
    221                         width: max-content;
     231                        min-width: -moz-max-content;
     232                        min-width: -webkit-max-content;
     233                        min-width: max-content;
    222234                        transform: none;
    223                         animation: fade_in 0.1s forwards;
     235                }
     236
     237                &.hidden-links {
     238                        left: 0;
     239                        width: 100%;
     240                        display: table;
     241                        position: absolute;
     242
     243                        @include media(tablet) {
     244                                right: 0;
     245                                left: auto;
     246                                display: block;
     247                                width: max-content;
     248                        }
     249                }
     250
     251                .submenu-expand {
     252                        display: none;
    224253                }
    225254
    226255                .sub-menu {
    227 
     256                        display: block;
     257                        margin-top: inherit;
     258                        position: relative;
     259                        width: 100%;
     260                        left: 0;
     261                        opacity: 1;
     262
     263                        /* Non-mobile position */
    228264                        @include media(tablet) {
    229                                 margin-top: inherit;
    230                                 padding-left: 0;
    231                                 position: absolute;
    232                                 left: 100%;
    233                                 top: 0;
    234                         }
    235                 }
    236         }
    237 
    238         .main-menu .menu-item-has-children.focus .sub-menu.expanded-true {
    239 
    240                 display: table;
     265                                float: none;
     266                                max-width: 100%;
     267                        }
     268                }
     269
     270                /* Nested sub-menu dashes */
     271                .sub-menu {
     272                        counter-reset: submenu;
     273                }
     274
     275                .sub-menu > li > a::before {
     276                        font-family: $font__body;
     277                        font-weight: normal;
     278                        content: "\2013\00a0" counters(submenu, "\2013\00a0", none);
     279                        counter-increment: submenu
     280                }
     281        }
     282
     283        .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu,
     284        .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu,
     285        .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu {
     286
     287                display: block;
     288                left: 0;
    241289                margin-top: 0;
    242290                opacity: 1;
    243                 padding-left: 0;
    244 
    245                 /* Mobile position */
    246                 left: 0;
    247                 top: 0;
    248                 right: 0;
    249                 bottom: 0;
    250                 position: fixed;
    251                 z-index: 100000; /* Make sure appears above mobile admin bar */
    252                 width: 100%;
    253                 height:  100%;
    254                 transform: translateX(+100%);
    255                 animation: slide_in_right 0.3s forwards;
    256 
    257                 > .mobile-parent-nav-menu-item {
    258                         display: inline-block;
    259                 }
    260         }
    261 
    262         /* Only show one submenu expand button at a time (desktop vs mobile) */
    263         .desktop-submenu-expand {
    264                 display: none;
    265 
     291                width: auto;
     292                min-width: 100%;
     293
     294
     295                /* Non-mobile position */
    266296                @include media(tablet) {
    267                         display: inline-block;
    268                 }
    269         }
    270 
    271         .mobile-submenu-expand {
    272                 display: inline-block;
    273 
    274                 @include media(tablet) {
     297                        display: block;
     298                        float: none;
     299                        margin-top: 0;
     300                        opacity: 1;
     301                        position: absolute;
     302                        left: 0;
     303                        right: auto;
     304                        top: auto;
     305                        bottom: auto;
     306                        height: auto;
     307                        min-width: -moz-max-content;
     308                        min-width: -webkit-max-content;
     309                        min-width: max-content;
     310                        transform: none;
     311                }
     312
     313                &.hidden-links {
     314                        left: 0;
     315                        width: 100%;
     316                        display: table;
     317                        position: absolute;
     318
     319                        @include media(tablet) {
     320                                right: 0;
     321                                left: auto;
     322                                display: table;
     323                                width: max-content;
     324                        }
     325                }
     326
     327                .submenu-expand {
    275328                        display: none;
    276329                }
     330
     331                .sub-menu {
     332                        display: block;
     333                        margin-top: inherit;
     334                        position: relative;
     335                        width: 100%;
     336                        left: 0;
     337                        opacity: 1;
     338
     339                        /* Non-mobile position */
     340                        @include media(tablet) {
     341                                float: none;
     342                                max-width: 100%;
     343                        }
     344                }
     345
     346                /* Nested sub-menu dashes */
     347                .sub-menu {
     348                        counter-reset: submenu;
     349                }
     350
     351                .sub-menu > li > a::before {
     352                        font-family: $font__body;
     353                        font-weight: normal;
     354                        content: "\2013\00a0" counters(submenu, "\2013\00a0", none);
     355                        counter-increment: submenu
     356                }
     357        }
     358
     359        /**
     360         * Fade-in animation for top-level submenus
     361         */
     362        .main-menu > .menu-item-has-children:not(.off-canvas):hover > .sub-menu {
     363                animation: fade_in 0.1s forwards;
     364        }
     365
     366        /**
     367         * Off-canvas touch device styles
     368         */
     369        .main-menu .menu-item-has-children.off-canvas .sub-menu {
     370
     371                .submenu-expand .svg-icon {
     372                        transform: rotate(270deg);
     373                }
     374
     375                .sub-menu {
     376                        opacity: 0;
     377                        position: absolute;
     378                        z-index: 0;
     379                        transform: translateX(-100%);
     380                }
     381
     382                li:hover,
     383                li:focus,
     384                li > a:hover,
     385                li > a:focus {
     386                        background-color: transparent;
     387                }
     388
     389                > li > a,
     390                > li > .menu-item-link-return {
     391                        white-space: inherit;
     392                }
     393
     394                &.expanded-true {
     395
     396                        display: table;
     397                        margin-top: 0;
     398                        opacity: 1;
     399                        padding-left: 0;
     400
     401                        /* Mobile position */
     402                        left: 0;
     403                        top: 0;
     404                        right: 0;
     405                        bottom: 0;
     406                        position: fixed;
     407                        z-index: 100000; /* Make sure appears above mobile admin bar */
     408                        width: 100vw;
     409                        height:  100vh;
     410                        max-width: 100vw;
     411                        transform: translateX(+100%);
     412                        animation: slide_in_right 0.3s forwards;
     413
     414                        > .mobile-parent-nav-menu-item {
     415                                display: block;
     416                        }
     417
     418                        /* Prevent menu from being blocked by admin bar */
     419                        .admin-bar & {
     420                                top: 46px;
     421                                height: calc( 100vh - 46px );
     422
     423                                .sub-menu.expanded-true {
     424                                        top: 0;
     425                                }
     426
     427                                /* WP core breakpoint */
     428                                @media only screen and ( min-width: 782px ) {
     429                                        top: 32px;
     430                                        height: calc( 100vh - 32px );
     431
     432                                        .sub-menu.expanded-true {
     433                                                top: 0;
     434                                        }
     435                                }
     436                        }
     437                }
     438        }
     439
     440        // Hide duplicate menu-more-link when re-loading a menu in the customizer
     441        .main-menu-more {
     442                &:nth-child(n+3) {
     443                        display: none;
     444                }
    277445        }
    278446
    279447}
    280448
    281 /* Menu Animation */
     449/* Menu animation */
    282450
    283451@keyframes slide_in_right {

  • trunk/src/wp-content/themes/twentynineteen/sass/navigation/_menu-social-navigation.scss

    r43842 r44149  
    5454        }
    5555}
     56
     57.site-title + .social-navigation,
     58.site-description + .social-navigation {
     59
     60        @include media(tablet) {
     61                margin-top: calc(#{$size__spacing-unit} / 5 );
     62        }
     63}

  • trunk/src/wp-content/themes/twentynineteen/sass/navigation/_navigation.scss

    r43808 r44149  
    77## Menus
    88--------------------------------------------------------------*/
    9 @import "menus";
     9@import "menu-main-navigation";
     10@import "menu-social-navigation";
     11@import "menu-footer-navigation";
    1012
    1113/*--------------------------------------------------------------

  • trunk/src/wp-content/themes/twentynineteen/sass/navigation/_next-previous.scss

    r43808 r44149  
    55
    66        margin: calc(3 * 1rem) 0;
     7
     8        @include media(tablet) {
     9                margin: calc(3 * 1rem) $size__site-margins;
     10                max-width: calc(6 * (100vw / 12));
     11        }
     12
     13        @include media(desktop) {
     14                margin: calc(3 * 1rem) 0;
     15                max-width: 100%;
     16        }
    717
    818        .nav-links {
    … …  
    1323                flex-direction: column;
    1424
     25                @include media(tablet) {
     26                        margin: 0;
     27                }
     28
    1529                @include media(desktop) {
    1630                        flex-direction: row;
    17                         margin: 0 calc(2 * (100vw / 12));
    18                         max-width: calc(8 * (100vw / 12));
     31                        margin: 0 $size__site-margins;
     32                        max-width: $size__site-desktop-content;
    1933                }
    2034
    … …  
    7488                        @include media(desktop) {
    7589                                order: 2;
     90                                padding-left: $size__spacing-unit;
    7691                        }
    7792
    … …  
    109124                }
    110125
     126                a:focus {
     127                        text-decoration: underline;
     128                        outline-offset: -1px;
     129
     130                        &.prev,
     131                        &.next {
     132                                text-decoration: none;
     133
     134                                .nav-prev-text,
     135                                .nav-next-text {
     136                                        text-decoration: underline;
     137                                }
     138                        }
     139                }
     140
    111141                .nav-next-text,
    112142                .nav-prev-text {
    … …  
    116146                @include media(tablet) {
    117147
    118                         margin-left: calc(2 * (100vw / 12) );
     148                        margin-left: $size__site-margins;
    119149                        padding: 0;
    120150
    … …  
    139169
    140170        .nav-links {
    141 
    142171                display: flex;
    143172                flex-direction: row;
    … …  
    148177                min-width: 50%;
    149178                width: 100%;
     179                font-family: $font__heading;
     180                font-weight: bold;
    150181
    151182                .secondary-text {
    … …  
    163194                        top: -1px;
    164195                }
    165 
    166                 a {
    167 
    168                         &:hover {
    169                                 color: $color__link;
    170                         }
    171                 }
    172196        }
    173197

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

    r43808 r44149  
    11/* Site footer */
    22
    3 .site-footer {
     3#colophon {
    44
    5         color: $color__text-light;
    6 
     5        .widget-area,
    76        .site-info {
    8 
    97                margin: calc(2 * #{$size__spacing-unit}) $size__spacing-unit;
    108
    119                @include media(tablet) {
    12                         margin: calc(3 * #{$size__spacing-unit}) calc(2 * (100vw / 12));
    13                         max-width: calc(8 * (100vw / 12));
     10                        margin: calc(3 * #{$size__spacing-unit}) $size__site-margins;
     11                }
     12        }
     13
     14        .widget-column {
     15                display: flex;
     16                flex-wrap: wrap;
     17                .widget {
     18                        width: 100%;
     19                        @include media(desktop) {
     20                                margin-right: calc(3 * #{$size__spacing-unit});
     21                                width: calc(50% - (3 * #{$size__spacing-unit}));
     22                        }
     23                }
     24        }
     25
     26        .site-info {
     27                color: $color__text-light;
     28
     29                a {
     30                        color: inherit;
     31
     32                        &:hover {
     33                                text-decoration: none;
     34                                color: $color__link;
     35                        }
    1436                }
    1537
    16                 .imprint {
     38                .imprint,
     39                .privacy-policy-link {
    1740                        margin-right: $size__spacing-unit;
    1841                }
    1942        }
    20 
    21         a {
    22                 color: inherit;
    23 
    24                 &:hover {
    25                         text-decoration: none;
    26                         color: $color__link;
    27                 }
    28         }
    2943}

  • trunk/src/wp-content/themes/twentynineteen/sass/site/header/_site-featured-image.scss

    r43808 r44149  
    22
    33.site-header.featured-image {
     4
     5        /* Hide overflow for overflowing featured image */
     6        overflow: hidden;
    47
    58        /* Need relative positioning to properly align layers. */
    … …  
    710
    811        /* Add text shadow to text, to increase readability. */
    9         text-shadow: 0 1px 2px rgba(black, 0.35);
     12        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
    1013
    1114        /* Set white text color when featured image is set. */
    … …  
    1821        .entry-meta,
    1922        .entry-title {
    20                 color: white;
     23                color: $color__background-body;
    2124        }
    2225
    2326        .main-navigation a,
     27        .main-navigation a + svg,
    2428        .social-navigation a,
    2529        .site-title a,
    26         .hentry a {
    27                 color: white;
     30        .site-featured-image a {
     31                color: $color__background-body;
    2832                transition: opacity $link_transition ease-in-out;
    2933
    3034                &:hover,
    31                 &:active {
    32                         color: white;
     35                &:active,
     36                &:hover + svg,
     37                &:active + svg {
     38                        color: $color__background-body;
    3339                        opacity: 0.6;
    3440                }
    3541
    36                 &:focus {
    37                         color: white;
    38                 }
    39         }
    40 
    41         // add focus state to social media icons
     42                &:focus,
     43                &:focus + svg {
     44                        color: $color__background-body;
     45                }
     46        }
     47
     48        /* add focus state to social media icons */
    4249        .social-navigation a {
    4350                &:focus {
    44                         color: white;
     51                        color: $color__background-body;
    4552                        opacity: 1;
    46                         border-bottom: 1px solid white;
     53                        border-bottom: 1px solid $color__background-body;
    4754                }
    4855        }
    4956
    5057        .social-navigation svg,
    51         .hentry svg {
     58        .site-featured-image svg {
    5259                /* Use -webkit- only if supporting: Chrome < 54, iOS < 9.3, Android < 4.4.4 */
    53                 -webkit-filter: drop-shadow(0 1px 2px rgba(black, 0.35) );
    54                         filter: drop-shadow(0 1px 2px rgba(black, 0.35) );
    55         }
    56 
    57         /* Post header styles */
    58         .hentry .entry-header {
    59 
    60                 margin-left: 0;
    61                 margin-right: 0;
    62 
    63                 @include media (tablet) {
    64 
    65                         margin-left: calc(2 * (100vw / 12));
    66                         margin-right: calc(2 * (100vw / 12));
    67                 }
    68 
    69                 .entry-title {
    70 
    71                         &:before {
    72                                 background: white;
     60                -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.35) );
     61                                filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.35) );
     62        }
     63
     64        /* Entry header */
     65        .site-featured-image {
     66
     67                /* First layer: grayscale. */
     68                .post-thumbnail img {
     69                        height: auto;
     70                        left: 50%;
     71                        max-width: 1000%;
     72                        min-height: 100%;
     73                        min-width: 100vw;
     74                        position: absolute;
     75                        top: 50%;
     76                        transform: translateX(-50%) translateY(-50%);
     77                        width: auto;
     78                        z-index: 1;
     79
     80                        @supports ( object-fit: cover ) {
     81                                height: 100%;
     82                                left: 0;
     83                                object-fit: cover;
     84                                top: 0;
     85                                transform: none;
     86                                width: 100%;
     87                        }
     88
     89                        /* When image filters are active, make it grayscale to colorize it blue. */
     90                        .image-filters-enabled & {
     91                                filter: grayscale(100%);
     92                        }
     93                }
     94
     95                .entry-header {
     96
     97                        margin-top: calc( 4 * #{$size__spacing-unit});
     98                        margin-bottom: 0;
     99                        margin-left: 0;
     100                        margin-right: 0;
     101
     102                        @include media (tablet) {
     103
     104                                margin-left: $size__site-margins;
     105                                margin-right: $size__site-margins;
     106                        }
     107
     108                        .entry-title {
     109
     110                                &:before {
     111                                        background: $color__background-body;
     112                                }
     113                        }
     114
     115                        /* Entry meta */
     116
     117                        .entry-meta {
     118
     119                                font-weight: 500;
     120
     121                                > span {
     122
     123                                        margin-right: $size__spacing-unit;
     124                                        display: inline-block;
     125
     126                                        &:last-child {
     127                                                margin-right: 0;
     128                                        }
     129                                }
     130
     131                                a {
     132
     133                                        @include link-transition;
     134                                        color: currentColor;
     135
     136                                        &:hover {
     137                                                text-decoration: none;
     138                                        }
     139                                }
     140
     141                                .svg-icon {
     142                                        position: relative;
     143                                        display: inline-block;
     144                                        vertical-align: middle;
     145                                        margin-right: 0.5em;
     146                                }
     147
     148                                .discussion-avatar-list {
     149                                        display: none;
     150                                }
     151                        }
     152
     153                        &.has-discussion {
     154
     155                                @include media (tablet) {
     156
     157                                        .entry-meta {
     158                                                display: flex;
     159                                                position: relative;
     160                                        }
     161
     162                                        .entry-title {
     163                                                padding-right: calc(1 * (100vw / 12) + #{$size__spacing-unit});
     164                                        }
     165
     166                                        .entry-meta .comment-count {
     167                                                position: absolute;
     168                                                right: 0;
     169                                        }
     170
     171                                        .entry-meta .discussion-avatar-list {
     172                                                display: block;
     173                                                position: absolute;
     174                                                bottom: 100%;
     175                                        }
     176                                }
    73177                        }
    74178                }
    … …  
    79183        .custom-logo-link {
    80184
    81                 background: white;
    82                 box-shadow: 0 0 0 0 rgba(white, 0);
     185                background: $color__background-body;
     186                box-shadow: 0 0 0 0 rgba($color__background-body, 0);
    83187
    84188                &:hover,
    85189                &:active,
    86190                &:focus {
    87                         box-shadow: 0 0 0 2px rgba(white, 1);
     191                        box-shadow: 0 0 0 2px rgba($color__background-body, 1);
    88192                }
    89193        }
    90194
    91195        /* Make sure important elements are above pseudo elements used for effects. */
    92         .site-branding,
    93         .hentry .entry-header {
     196        .site-branding {
     197                position: relative;
    94198                z-index: 10;
    95199        }
    96200
     201        .site-featured-image .entry-header {
     202                position: relative;
     203                z-index: 9;
     204        }
     205
    97206        /* Set up image filter layer positioning */
    98         .site-branding-container:before,
    99207        .site-branding-container:after,
    100         .hentry:before,
    101         .hentry:after,
     208        .site-featured-image:before,
     209        .site-featured-image:after,
    102210        &:after {
    103211                display: block;
    … …  
    110218
    111219        /* Background & Effects */
    112         /* Shared background settings between pseudo elements. See .site-branding-container */
     220        /* Shared background settings between pseudo elements. */
    113221        background-position: center;
    114222        background-repeat: no-repeat;
    … …  
    117225        /* The intensity of each blend mode is controlled via layer opacity. */
    118226
    119         /* First layer: grayscale. */
    120         .site-branding-container:before {
    121                 background-position: center;
    122                 background-repeat: no-repeat;
    123                 background-size: cover;
    124                 filter: grayscale(100%);
    125                 z-index: 1;
    126         }
    127 
    128227        /* Second layer: screen. */
    129         .hentry:before {
     228        .image-filters-enabled & .site-featured-image:before {
    130229                background: $color__link;
    131230                mix-blend-mode: screen;
    132231                opacity: 0.1;
    133                 z-index: 2;
    134232        }
    135233
    136234        /* Third layer: multiply. */
    137         .hentry:after {
    138                 background: $color__link;
     235        /* When image filters are inactive, a black overlay is added. */
     236        .site-featured-image:after {
     237                background: #000;
    139238                mix-blend-mode: multiply;
    140                 opacity: 1;
    141                 z-index: 3;
     239                opacity: .7;
     240
     241                /* When image filters are active, a blue overlay is added. */
     242                .image-filters-enabled & {
     243                        background: $color__link;
     244                        opacity: .8;
     245                        z-index: 3;
     246
     247                        /* Browsers supporting mix-blend-mode don't need opacity < 1 */
     248                        @supports (mix-blend-mode: multiply) {
     249                                opacity: 1;
     250                        }
     251                }
    142252        }
    143253
    144254        /* Fourth layer: overlay. */
    145         .site-branding-container:after {
    146                 background: rgba(white, 0.35);
     255        .image-filters-enabled & .site-branding-container:after {
     256                background: rgba(0, 0, 0, 0.35);
    147257                mix-blend-mode: overlay;
    148258                opacity: 0.5;
    149259                z-index: 4;
     260
     261                /* Browsers supporting mix-blend-mode can have a light overlay */
     262                @supports (mix-blend-mode: overlay) {
     263                        background: rgba($color__background-body, 0.35);
     264                }
    150265        }
    151266
    152267        /* Fifth layer: readability overlay */
    153268        &:after {
    154                 background: mix($color__link, black, 12%);
    155 
     269                background: #000;
    156270                /**
    157271                 * Add a transition to the readability overlay, to add a subtle
    … …  
    159273                 */
    160274                transition: opacity 1200ms ease-in-out;
    161 
     275                opacity: 0.7;
    162276                z-index: 5;
    163                 opacity: 0.38;
    164 
    165                 @include media(tablet) {
    166                         opacity: 0.18;
    167                 }
    168 
    169                 @include media(desktop) {
    170                         opacity: 0.1;
    171                 }
    172         }
     277
     278                /* When image filters are active, a blue overlay is added. */
     279                .image-filters-enabled & {
     280                        background: mix($color__link, black, 12%);
     281                        opacity: 0.38;
     282
     283                        @include media(tablet) {
     284                                opacity: 0.18;
     285                        }
     286                }
     287        }
     288
    173289
    174290        ::-moz-selection {
    175                 background: rgba(white, 0.17);
     291                background: rgba($color__background-body, 0.17);
    176292        }
    177293
    178294        ::selection {
    179                 background: rgba(white, 0.17);
     295                background: rgba($color__background-body, 0.17);
    180296        }
    181297}

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

    r43808 r44149  
    22
    33.site-header {
     4        padding: 1em;
    45
    5         padding: 1em;
     6        &.featured-image {
     7                display: flex;
     8                flex-direction: column;
     9                justify-content: space-between;
     10                min-height: 90vh;
     11
     12                .site-branding-container {
     13                        margin-bottom: auto;
     14                }
     15        }
    616
    717        @include media(tablet) {
    … …  
    1020
    1121                &.featured-image {
    12                         display: flex;
    1322                        min-height: 100vh;
    14                         flex-direction: column;
    15                         justify-content: space-between;
    1623                        margin-bottom: 3rem;
    17 
    18                         .site-branding-container {
    19                                 margin-bottom: auto;
    20                         }
    2124                }
    2225        }
    … …  
    3134
    3235        @include media(tablet) {
    33                 margin: 0 calc(2 * (100vw / 12));
    34                 max-width: 22em;
     36                margin: 0 $size__site-margins;
    3537        }
    3638}
    … …  
    4749                margin-bottom: 0;
    4850                position: absolute;
    49                 right: calc(100% + (0.5 * calc(100vw / 12)));
     51                right: calc(100% + (1.25 * #{$size__spacing-unit}));
    5052                top: 4px; // Accounts for box-shadow widths
    5153                z-index: 999;
    … …  
    5557                border-radius: 100%;
    5658                box-sizing: content-box;
    57                 box-shadow: 0 0 0 0 rgba(black, 0);
     59                box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    5860                display: block;
    59                 width: 32px;
    60                 height: 32px;
     61                width: 50px;
     62                height: 50px;
    6163                overflow: hidden;
    6264                transition: box-shadow $background_transition ease-in-out;
    … …  
    6971                &:active,
    7072                &:focus {
    71                         box-shadow: 0 0 0 2px rgba(black, 1);
     73                        box-shadow: 0 0 0 2px rgba(0, 0, 0, 1);
    7274                }
    7375
    … …  
    8284
    8385.site-title {
    84 
    8586        margin: auto;
    8687        display: inline;
    8788        color: $color__text-main;
     89
     90        a {
     91                color: $color__text-main;
     92
     93                &:link,
     94                &:visited {
     95                        color: $color__text-main;
     96                }
     97
     98                &:hover {
     99                        color: $color__text-hover;
     100                }
     101        }
    88102
    89103        .featured-image & {
    … …  
    100114        }
    101115
    102         a {
    103                 color: inherit;
    104 
    105                 &:hover {
    106                         color: $color__text-hover;
    107                 }
     116        @include media(tablet) {
     117                display: inline;
    108118        }
    109119
    110         @include media(tablet) {
    111                 display: inline;
     120        &:not(:empty) + .site-description:not(:empty):before {
     121                content: "\2014";
     122                margin: 0 .2em;
    112123        }
    113124}
    … …  
    121132        font-weight: normal;
    122133        margin: 0;
    123 
    124         &:not(:empty):before {
    125                 content: "\2014";
    126                 margin: 0 .2em;
    127         }
    128134}

  • trunk/src/wp-content/themes/twentynineteen/sass/site/primary/_archives.scss

    r43808 r44149  
    66
    77        @include media(tablet) {
    8                 margin: 0 calc(2 * (100vw / 12)) calc(3 * #{$size__spacing-unit});
    9                 max-width: calc(8 * (100vw / 12));
     8                margin: 0 $size__site-margins $size__site-margins;
    109        }
    1110
    … …  
    3433}
    3534
    36 .hfeed .hentry .entry-header {
     35.archive .page-header .page-description {
     36        display: block;
     37        color: $color__text-main;
     38        font-size: 1em;
     39}
     40
     41.hfeed .entry .entry-header {
    3742
    3843        @include media(tablet) {
    39                 margin: calc(3 * #{$size__spacing-unit}) calc(2 * (100vw / 12)) calc(#{ $size__spacing-unit } / 2);
     44                margin: calc(3 * #{$size__spacing-unit}) $size__site-margins calc(#{ $size__spacing-unit } / 2);
    4045        }
    4146}
    … …  
    5156
    5257                @include media(tablet) {
    53                         margin: calc(3 * #{$size__spacing-unit}) calc(2 * (100vw / 12)) calc(#{ $size__spacing-unit } / 2);
     58                        margin: calc(3 * #{$size__spacing-unit}) $size__site-margins calc(#{ $size__spacing-unit } / 2);
    5459                }
    5560        }

  • trunk/src/wp-content/themes/twentynineteen/sass/site/primary/_comments.scss

    r43808 r44149  
    88
    99.comments-area {
     10        margin: calc(2 * #{$size__spacing-unit}) $size__spacing-unit;
     11        @include postContentMaxWidth();
     12
     13        @include media(tablet) {
     14                margin: calc(3 * #{$size__spacing-unit}) $size__site-margins;
     15        }
     16
     17        & > * {
     18                margin-top: calc(2 * #{$size__spacing-unit});
     19                margin-bottom: calc(2 * #{$size__spacing-unit});
     20
     21                @include media(tablet) {
     22                        margin-top: calc(3 * #{$size__spacing-unit});
     23                        margin-bottom: calc(3 * #{$size__spacing-unit});
     24                }
     25        }
    1026
    1127        /* Add extra margin when the comments section is located immediately after the
    12          * post itself (this happens on pages). 
     28         * post itself (this happens on pages).
    1329         */
    14         .hentry + & {
     30        .entry + & {
    1531                margin-top: calc(3 * #{$size__spacing-unit});
    1632        }
    1733
    18         .comments-title-wrap,
    19         .comment-list,
    20         > .comment-respond,
    21         .comment-form-flex,
    22         .no-comments {
    23 
    24                 margin: calc(2 * #{$size__spacing-unit}) $size__spacing-unit;
     34        .comments-title-wrap {
    2535
    2636                @include media(tablet) {
    27                         margin: calc(3 * #{$size__spacing-unit}) calc(2 * (100vw / 12));
    28                         max-width: calc(6 * (100vw / 12));
    29                 }
    30         }
    31 
    32         .comments-title-wrap {
    33 
    34                 align-items: baseline;
    35                 display: flex;
    36                 justify-content: space-between;
     37                        align-items: baseline;
     38                        display: flex;
     39                        justify-content: space-between;
     40                }
    3741
    3842                .comments-title {
    3943                        @include post-section-dash;
    4044                        margin: 0;
     45
     46                        @include media(tablet) {
     47                                flex: 1 0 calc(3 * (100vw / 12));
     48                        }
     49                }
     50
     51                .discussion-meta {
     52                        @include media(tablet) {
     53                                flex: 0 0 calc(2 * (100vw / 12));
     54                                margin-left: #{$size__spacing-unit};
     55                        }
    4156                }
    4257        }
    … …  
    4964
    5065#respond {
    51 
    5266        position: relative;
    5367
    5468        .comment-user-avatar {
    55                 display: none;
     69                margin: $size__spacing-unit 0 -#{$size__spacing-unit};
    5670        }
    5771
    … …  
    7589                display: none;
    7690        }
    77 
    78         > #respond {
    79                 @include media(desktop) {
    80 
    81                         .comment-user-avatar {
    82                                 position: absolute;
    83                                 display: block;
    84                                 top: 0;
    85                                 left: 0;
    86 
    87                                 .avatar {
    88                                         display: block;
    89                                 }
    90                         }
    91                 }
    92         }
    9391}
    9492
    9593.comment-form-flex {
    96 
    9794        display: flex;
    9895        flex-direction: column;
    … …  
    105102
    106103        #respond {
    107 
    108104                order: 2;
     105
    109106                + .comments-title {
    110107                        display: block;
    … …  
    114111
    115112.comment-list {
    116 
    117113        list-style: none;
    118114        padding: 0;
    … …  
    127123        }
    128124
     125        .pingback,
     126        .trackback {
     127
     128                .comment-body {
     129                        color: $color__text-light;
     130                        font-family: $font__heading;
     131                        font-size: $font__size-xs;
     132                        font-weight: 500;
     133                        margin-top: $size__spacing-unit;
     134                        margin-bottom: $size__spacing-unit;
     135
     136                        a:not(.comment-edit-link) {
     137                                font-weight: bold;
     138                                font-size: $font__size-base / (1 * $font__size-ratio);
     139                                line-height: 1.5;
     140                                padding-right: #{0.5 * $size__spacing-unit};
     141                                display: block;
     142                        }
     143
     144                        .comment-edit-link {
     145                                color: $color__text-light;
     146                                font-family: $font__heading;
     147                                font-weight: 500;
     148                        }
     149                }
     150        }
    129151}
    130152
    131153.comment-reply {
    132 
    133         left: calc(#{$size__spacing-unit} + 100%);
    134         bottom: 0;
    135         position: absolute;
    136154
    137155        #respond + & {
    … …  
    145163
    146164.comment {
    147 
    148165        list-style: none;
    149166        position: relative;
    150167
    151168        @include media(tablet) {
    152 
    153169                padding-left: calc(.5 * (#{$size__spacing-unit} + calc(100vw / 12 )));
    154170
     171                &.depth-1,
    155172                .children {
    156173                        padding-left: 0;
    157174                }
    158         }
    159 
    160         &:hover > .comment-body > .comment-meta > .comment-metadata {
    161                 > .edit-link-sep,
    162                 > .edit-link {
    163                         opacity: 1;
     175
     176                &.depth-1 {
     177                        margin-left: calc(3.25 * #{$size__spacing-unit});
    164178                }
    165179        }
    166180
    167181        .comment-body {
    168                 margin: calc(2 * #{$size__spacing-unit}) 0;
    169         }
     182                margin: calc(2 * #{$size__spacing-unit}) 0 0;
     183        }
     184
    170185
    171186        .comment-meta {
    … …  
    174189
    175190        .comment-author {
    176 
    177                 @include media(tablet) {
    178                         display: inline-block;
    179                         vertical-align: baseline;
    180                 }
    181191
    182192                .avatar {
    … …  
    198208                        display: block;
    199209
    200                         @include media(tablet) {
    201                                 display: inline-block;
    202                                 vertical-align: baseline;
    203                         }
    204 
    205210                        a {
    206211                                color: inherit;
    … …  
    218223                        position: absolute;
    219224                        background: lighten( $color__link, 8% );
    220                         right: calc(100% + #{$size__spacing-unit * .25});
     225                        right: calc(100% - #{$size__spacing-unit * 2.5});
    221226                        top: -3px;
    222227                        width: 18px;
     228
     229                        @include media(tablet) {
     230                                right: calc(100% + #{$size__spacing-unit * .75});
     231                        }
    223232
    224233                        svg {
    … …  
    234243        .comment-metadata {
    235244
    236                 @include media(tablet) {
    237                         display: inline-block;
    238                         margin-left: $size__spacing-unit;
    239                         position: relative;
    240                         vertical-align: baseline;
    241                 }
    242 
    243245                > a,
    244246                .comment-edit-link {
    245                         display: inline-block;
     247                        display: inline;
    246248                        font-weight: 500;
    247249                        color: $color__text-light;
    … …  
    253255
    254256                        &:hover {
    255                                 color: $color__text-hover;
     257                                color: $color__link-hover;
    256258                                text-decoration: none;
    257259                        }
    … …  
    265267                        color: $color__text-light;
    266268                        margin: 0 0.2em;
    267                         opacity: 0;
    268                         transition: opacity 200ms ease-in-out;
    269269                        vertical-align: baseline;
    270270                }
    … …  
    272272                .edit-link {
    273273                        color: $color__text-light;
    274                         transition: opacity 200ms ease-in-out;
    275                         opacity: 0;
    276274
    277275                        svg {
    … …  
    283281
    284282                .comment-edit-link {
    285 
    286283                        position: relative;
    287284                        padding-left: $size__spacing-unit;
    … …  
    299296                margin: $size__spacing-unit 0;
    300297
     298                @include media(desktop) {
     299                        padding-right: $size__spacing-unit;
     300                }
     301
    301302                > *:first-child {
    302303                        margin-top: 0;
    … …  
    305306                > *:last-child {
    306307                        margin-bottom: 0;
     308                }
     309
     310                blockquote {
     311                        margin-left: 0;
    307312                }
    308313
    … …  
    346351                        width: calc(1.5 * #{$size__spacing-unit});
    347352                }
    348 
    349                 @include media(tablet) {
    350 
    351                 }
    352353        }
    353354}
    354355
    355356.discussion-meta {
    356 
    357         .discussion-avatar-list {
    358                 display: inline-block;
    359                 margin-right: 8px;
    360         }
    361357
    362358        .discussion-meta-info {

  • trunk/src/wp-content/themes/twentynineteen/sass/site/primary/_posts-and-pages.scss

    r43808 r44149  
    2525}
    2626
    27 .hentry {
     27.entry {
    2828
    2929        margin-top: calc(6 * #{$size__spacing-unit});
    … …  
    3939
    4040                @include media(tablet) {
    41                         margin: calc(3 * #{ $size__spacing-unit}) calc(2 * (100vw / 12 ) ) $size__spacing-unit;
    42 
    43                         .featured-image & {
    44                                 margin-bottom: 0;
    45                         }
     41                        margin: calc(3 * #{ $size__spacing-unit}) $size__site-margins $size__spacing-unit;
    4642                }
    4743        }
    … …  
    7066
    7167                        margin-right: $size__spacing-unit;
     68                        display: inline-block;
    7269
    7370                        &:last-child {
    … …  
    9693
    9794        .entry-meta {
    98 
    9995                margin: $size__spacing-unit 0;
    100 
    101                 &.has-discussion .comment-count {
    102 
    103                         @include media(desktop) {
    104                                 float: right;
    105                                 position: relative;
    106                         }
    107 
    108                         .discussion-avatar-list {
    109                                 display: none;
    110 
    111                                 @include media(desktop) {
    112                                         bottom: 100%;
    113                                         display: block;
    114                                         position: absolute;
    115                                 }
    116                         }
    117                 }
    11896        }
    11997
    … …  
    123101
    124102                @include media(tablet) {
    125                         margin: calc(3 * #{$size__spacing-unit}) calc(2 * (100vw / 12));
    126                         max-width: calc(8 * (100vw / 12));
    127                 }
    128 
    129                 @include media(tablet) {
    130                         max-width: calc(6 * (100vw / 12));
     103                        margin: $size__spacing-unit $size__site-margins calc(3 * #{$size__spacing-unit});
     104                        max-width: $size__site-tablet-content;
     105                }
     106
     107                @include media(tablet) {
     108                        max-width: $size__site-desktop-content;
    131109                }
    132110        }
    … …  
    137115
    138116                @include media(tablet) {
    139                         margin: $size__spacing-unit calc(2 * (100vw / 12));
     117                        margin: $size__spacing-unit $size__site-margins;
    140118                }
    141119
    … …  
    153131                        }
    154132                }
    155 
    156133        }
    157134
    … …  
    163140
    164141                        .post-thumbnail-inner {
    165                                 @include filter-grayscale;
    166                         }
    167 
    168                         &:before, &:after {
     142                                filter: grayscale(100%);
     143
     144                                &:after {
     145                                        background: rgba(0, 0, 0, 0.35);
     146                                        content: "";
     147                                        display: block;
     148                                        height: 100%;
     149                                        opacity: .5;
     150                                        pointer-events: none;
     151                                        position: absolute;
     152                                        top: 0;
     153                                        width: 100%;
     154                                        z-index: 4;
     155
     156                                        @supports (mix-blend-mode: multiply) {
     157                                                display: none;
     158                                        }
     159                                }
     160                        }
     161
     162                        &:before,
     163                        &:after, {
    169164                                position: absolute;
    170165                                display: block;
    … …  
    173168                                top: 0; left: 0;
    174169                                content: "\020";
    175                                 display: block;
    176170                                pointer-events: none;
    177171                        }
    … …  
    180174
    181175                }
    182 
     176        }
     177
     178        .entry-content,
     179        .entry-summary {
     180                max-width: calc(100% - (2 * #{ $size__spacing-unit }));
     181                margin: 0 $size__spacing-unit;
     182
     183                @include media(tablet) {
     184                        max-width: 80%;
     185                        margin: 0 10%;
     186                        padding: 0 60px;
     187                }
    183188        }
    184189
    185190        .entry-content {
     191
     192                p {
     193                        word-wrap: break-word;
     194                }
    186195
    187196                .more-link {
    … …  
    191200
    192201                        &:after {
    193                                 content: "»";
     202                                content: "\02192";
    194203                                margin-left: 0.5em;
    195204                        }
    … …  
    204213                        text-decoration: underline;
    205214
     215                        &.button,
    206216                        &:hover {
    207217                                text-decoration: none;
     218                        }
     219
     220                        &.button {
     221                                display: inline-block;
     222                        }
     223
     224                        &.button:hover {
     225                                background: $color__background-button-hover;
     226                                color: $color__background-body;
     227                                cursor: pointer;
    208228                        }
    209229                }
    … …  
    212232                > iframe[style] {
    213233
    214                         margin: 32px $size__spacing-unit !important;
    215                         max-width: calc(100vw - (2 * #{ $size__spacing-unit })) !important;
     234                        margin: 32px 0 !important;
     235                        max-width: 100% !important;
    216236
    217237                        @include media(tablet) {
    218                                 margin: 32px calc(2 * (100vw / 12)) !important;
    219                                 max-width: calc(8 * (100vw / 12)) !important;
     238                                max-width: $size__site-tablet-content !important;
    220239                        }
    221240
    222241                        @include media(desktop) {
    223                                 max-width: calc(6 * (100vw / 12)) !important;
    224                         }
     242                                max-width: $size__site-desktop-content !important;
     243                        }
     244                }
     245
     246                // Page links
     247                .page-links a {
     248                        margin: calc(0.5 * #{$size__spacing-unit});
     249                        text-decoration: none;
    225250                }
    226251
    … …  
    230255
    231256                        @include media(tablet) {
    232                                 max-width: calc(8 * (100vw / 12));
     257                                max-width: $size__site-tablet-content;
    233258                        }
    234259
    235260                        @include media(desktop) {
    236                                 max-width: calc(6 * (100vw / 12));
    237                         }
    238                 }
    239         }
    240 }
     261                                max-width: $size__site-desktop-content;
     262                        }
     263                }
     264        }
     265}
     266
     267/* Author description */
     268
     269.author-bio {
     270        margin: calc(2 * #{$size__spacing-unit}) $size__spacing-unit $size__spacing-unit;
     271
     272        @include postContentMaxWidth();
     273
     274        @include media(tablet) {
     275                margin: calc(3 * #{$size__spacing-unit}) $size__site-margins;
     276        }
     277
     278        @include media(desktop) {
     279                margin: calc(3 * #{$size__spacing-unit}) $size__site-margins;
     280        }
     281
     282        .author-title {
     283                @include post-section-dash;
     284                display: inline;
     285        }
     286
     287        .author-description {
     288
     289                display: inline;
     290                color: $color__text-light;
     291                font-size: $font__size-md;
     292                line-height: $font__line-height-heading;
     293
     294                .author-link {
     295                        display: inline-block;
     296
     297                        &:hover {
     298                                color: $color__link-hover;
     299                                text-decoration: none;
     300                        }
     301                }
     302        }
     303}

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

    r43808 r44149  
    66                max-width: 100%;
    77        }
     8
     9        a {
     10                color: $color__link;
     11
     12                &:hover {
     13                        color: $color__link-hover;
     14                }
     15        }
    816}
     17
     18.widget_archive,
     19.widget_categories,
     20.widget_meta,
     21.widget_nav_menu,
     22.widget_pages,
     23.widget_recent_comments,
     24.widget_recent_entries,
     25.widget_rss {
     26
     27        ul {
     28                padding: 0;
     29                list-style: none;
     30
     31                li {
     32                        color: $color__text-light;
     33                        font-family: $font__heading;
     34                        font-size: calc(#{$font__size_base} * #{$font__size-ratio});
     35                        font-weight: 700;
     36                        line-height: $font__line-height-heading;
     37                        margin-top: #{0.5 * $size__spacing-unit};
     38                        margin-bottom: #{0.5 * $size__spacing-unit};
     39                }
     40
     41                @include nestedSubMenuPadding();
     42        }
     43}
     44
     45.widget_tag_cloud {
     46
     47        .tagcloud {
     48                font-family: $font__heading;
     49                font-weight: 700;
     50        }
     51}
     52
     53
     54.widget_search {
     55
     56        .search-field {
     57                width: 100%;
     58
     59                @include media(mobile) {
     60                        width: auto;
     61                }
     62        }
     63
     64        .search-submit {
     65                display: block;
     66                margin-top: $size__spacing-unit;
     67        }
     68}
     69
     70.widget_calendar .calendar_wrap {
     71        text-align: center;
     72
     73        table td,
     74        table th {
     75                border: none;
     76        }
     77
     78        a {
     79                text-decoration: underline;
     80        }
     81}

  • trunk/src/wp-content/themes/twentynineteen/sass/typography/_copy.scss

    r43808 r44149  
    44}
    55
    6 dfn, cite, em, i {
     6dfn,
     7cite,
     8em,
     9i {
    710        font-style: italic;
    811}
    … …  
    1013blockquote {
    1114
    12         > p {
    13                 font-size: $font__size-lg;
    14                 font-style: italic;
    15                 line-height: $font__line-height-heading;
    16         }
    17 
    1815        cite {
    19                 font-size: $font__size-sm;
     16                font-size: $font__size-xs;
    2017                font-style: normal;
    2118                font-family: $font__heading;
    … …  
    3027}
    3128
    32 code, kbd, tt, var {
     29code,
     30kbd,
     31tt,
     32var {
    3333        font-size: $font__size-sm;
    3434        font-family: $font__code;
    … …  
    4040}
    4141
    42 mark, ins {
     42mark,
     43ins {
    4344        background: #fff9c0;
    4445        text-decoration: none;

  • trunk/src/wp-content/themes/twentynineteen/sass/typography/_headings.scss

    r43808 r44149  
     1.author-description .author-link,
     2.comment-metadata,
     3.comment-reply-link,
     4.comments-title,
     5.comment-author .fn,
     6.discussion-meta-info,
     7.entry-meta,
     8.entry-footer,
     9.main-navigation,
     10.no-comments,
     11.not-found .page-title,
     12.error-404 .page-title,
     13.post-navigation .post-title,
     14.page-links,
     15.page-description,
     16.pagination .nav-links,
     17.sticky-post,
     18.site-title,
     19.site-info,
     20#cancel-comment-reply-link,
     21img:after,
     22h1,
     23h2,
     24h3,
     25h4,
     26h5,
     27h6 {
     28        font-family: $font__heading;
     29}
     30
    131.main-navigation,
    232.page-description,
    3 h2.author-title,
     33.author-description .author-link,
    434.not-found .page-title,
    535.error-404 .page-title,
    … …  
    1040.no-comments,
    1141.site-title,
    12 h1, h2, h3, h4, h5, h6 {
    13         font-family: $font__heading;
     42h1,
     43h2,
     44h3,
     45h4,
     46h5,
     47h6 {
    1448        font-weight: 700;
    1549        letter-spacing: -0.02em;
    … …  
    1751        -webkit-font-smoothing: antialiased;
    1852        -moz-osx-font-smoothing: grayscale;
    19 }
    20 
    21 .site-info,
    22 .page-description,
    23 .post-navigation .post-title,
    24 .comment-metadata,
    25 .discussion-meta-info,
    26 .entry-meta,
    27 .entry-footer,
    28 .comment-reply-link,
    29 #cancel-comment-reply-link,
    30 img:after,
    31 .page-links,
    32 .sticky-post {
    33         font-family: $font__heading;
    3453}
    3554
    … …  
    4160.main-navigation ul.main-menu > li,
    4261.social-navigation,
    43 .author-description p.author-bio,
     62.author-description .author-bio,
    4463.nav-links {
    4564        line-height: 1.25;

  • trunk/src/wp-content/themes/twentynineteen/sass/typography/_typography.scss

    r43808 r44149  
    3131
    3232@import "copy";
     33
     34@include non-latin-fonts();

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

    r43808 r44149  
     1/*
     2 * Chrome renders extra-wide &nbsp; characters for the Hoefler Text font.
     3 * This results in a jumping cursor when typing in both the Classic and block
     4 * editors. The following font-face override fixes the issue by manually inserting
     5 * a custom font that includes just a Hoefler Text space replacement for that
     6 * character instead.
     7 */
     8@font-face {
     9        font-family: 'NonBreakingSpaceOverride';
     10        src: url(data:application/font-woff2;charset=utf-8;base64,d09GMgABAAAAAAMoAA0AAAAACDQAAALTAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4GYACCahEICjx3CywAATYCJANUBCAFhiEHgWwbXQfILgpsY+rQRRARwyAs6uL7pxzYhxEE+32b3aeHmifR6tklkS9hiZA0ewkqGRJE+H7/+6378ASViK/PGeavqJyOzsceKi1s3BCiQsiOdn1r/RBgIJYEgCUhbm/8/8/h4saPssnTNkkiWUBrTRtjmQSajw3Ui3pZ3LYDPD+XG2C3JA/yKAS8/rU5eNfuGqRf4eNNgV4YAlIIgxglEkWe6FYpq10+wi3g+/nUgvgPFczNrz/RsTgVm/zfbPuHZlsuQECxuyqBcQwKFBjFgKO8AqP4bAN9tFJtnM9xPcbNjeXS/x1wY/xU52f5W/X1+9cnH4YwKIaoRRAkUkj/YlAAeF/624foiIDBgBmgQBeGAyhBljUPZUm/l2dTvmpqcBDUOHdbPZWd8JsBAsGr4w8/EDn82/bUPx4eh0YNrQTBuHO2FjQEAGBwK0DeI37DpQVqdERS4gZBhpeUhWCfLFz7J99aEBgsJCHvUGAdAPp4IADDCAPCEFMGpMZ9AQpTfQtQGhLbGVBZFV8BaqNyP68oTZgHNj3M8kBPfXTTC9t90UuzYhy9ciH0grVlOcqyCytisvbsERsEYztiznR0WCrmTksJwbSNK6fd1Rvr25I9oLvctUoEbNOmXJbqgYgPXEHJ82IUsrCnpkxh23F1rfZ2zcRnJYoXtauB3VTFkFXQg3uoZYD5qE0kdjDtoDoF1h2bulGmev5HbYhbrjtohQSRI4aNOkffIcT+d3v6atpaYh3JvPoQsztCcqvaBkppDSPcQ3bw3KaCBo1f5CJWTZEgW3LjLofYg51MaVezrx8xZitYbQ9KYeoRaqQdVLwSEfrKXLK1otCWOKNdR/YwYAfon5Yk8O2MJfSD10dPGA5PIJJQMkah0ugMJiv6x4Dm7LEa8xnrRGGGLAg4sAlbsA07sAt76DOsXKO3hIjtIlpnnFrt1qW4kh6NhS83P/6HB/fl1SMAAA==) format('woff2'),
     11                 url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAUQAA0AAAAACDQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAE9AAAABwAAAAchf5yU0dERUYAAATYAAAAHAAAAB4AJwAbT1MvMgAAAaAAAABJAAAAYJAcgU5jbWFwAAACIAAAAF4AAAFqUUxBZ2dhc3AAAATQAAAACAAAAAgAAAAQZ2x5ZgAAApAAAAAyAAAAPL0n8y9oZWFkAAABMAAAADAAAAA2Fi93Z2hoZWEAAAFgAAAAHQAAACQOSgWaaG10eAAAAewAAAAzAAAAVC7TAQBsb2NhAAACgAAAABAAAAAsAOQBAm1heHAAAAGAAAAAHQAAACAAWQALbmFtZQAAAsQAAAF6AAADIYvD/Adwb3N0AAAEQAAAAI4AAADsapk2o3jaY2BkYGAA4ov5mwzj+W2+MnCzXwCKMNzgCBSB0LfbQDQ7AxuI4mBgAlEAFKQIRHjaY2BkYGD3+NvCwMDBAALsDAyMDKhAFAA3+wH3AAAAeNpjYGRgYBBl4GBgYgABEMnIABJzAPMZAAVmAGUAAAB42mNgZlJhnMDAysDCKsKygYGBYRqEZtrDYMT4D8gHSmEHjgUFOQwODAqqf9g9/rYwMLB7MNUAhRlBcsxBrMlASoGBEQAj8QtyAAAAeNrjYGBkAAGmWQwMjO8gmBnIZ2NA0ExAzNjAAFYJVn0ASBsD6VAIDZb7AtELAgANIgb9AHjaY2BgYGaAYBkGRgYQSAHyGMF8FgYPIM3HwMHAxMDGoMCwQIFLQV8hXvXP//9AcRCfAcb///h/ygPW+w/vb7olBjUHCTCyMcAFGZmABBO6AogThgZgIUsXAEDcEzcAAHjaY2BgECMCyoEgACZaAed42mNgYmRgYGBnYGNgYAZSDJqMgorCgoqCjECRXwwNrCAKSP5mAAFGBiRgyAAAi/YFBQAAeNqtkc1OwkAUhU/5M25cEhcsZick0AwlBJq6MWwgJkAgYV/KAA2lJeUn+hY+gktXvpKv4dLTMqKycGHsTZNv7px7z50ZAFd4hYHjdw1Ls4EiHjVncIFnzVnc4F1zDkWjrzmPW+NNcwGlzIRKI3fJlUyrEjZQxb3mDH2fNGfRx4vmHKqG0JzHg6E0F9DOlFBGBxUI1GEzLNT4S0aLuTtsGAEUuYcQHkyg3KmIum1bNUvKlrjbbAIleqHHnS4iSudpQcySMYtdFiXlAxzSbAwfMxK6kZoHKhbjjespMTioOPZnzI+4ucCeTVyKMVKLfeAS6vSWaTinuZwzyy/Dc7vaed+6KaV0kukdPUk6yOcctZPvvxxqksq2lEW8RvHjMEO2FCl/zy6p3NEm0R9OFSafJdldc4QVeyaaObMBO0/5cCaa6d9Ggyubxire+lEojscdjoWUR1xGOy8KD8mG2ZLO2l2paDc3A39qmU2z2W5YNv5+u79e6QfGJY/hAAB42m3NywrCMBQE0DupWp/1AYI7/6DEaLQu66Mrd35BKUWKJSlFv1+rue4cGM7shgR981qSon+ZNwUJ8iDgoYU2OvDRRQ99DDDECAHGmGCKmf80hZSx/Kik/LliFbtmN6xmt+yOjdg9GztV4tROnRwX/Bsaaw51nt4Lc7tWaZYHp/MlzKx51LZs5htNri+2AAAAAQAB//8AD3jaY2BkYGDgAWIxIGZiYARCESBmAfMYAAR6AEMAAAABAAAAANXtRbgAAAAA2AhRFAAAAADYCNuG) format('woff');
     12
     13}
     14
    115// Font and typographic variables
    216
    3 $font__body: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
     17$font__body: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
    418$font__heading: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    519$font__code: Menlo, monaco, Consolas, Lucida Console, monospace;

  • trunk/src/wp-content/themes/twentynineteen/sass/variables-site/_structure.scss

    r43808 r44149  
    44$size__site-main: 100%;
    55$size__site-sidebar: 25%;
     6$size__site-margins: calc(10% + 60px);
     7$size__site-tablet-content: calc(8 * (100vw / 12) - 28px);
     8$size__site-desktop-content: calc(6 * (100vw / 12) - 28px);
    69
    710// Responsive widths.
    811
    9 $mobile_width: 380px;
     12$mobile_width: 600px;
    1013$tablet_width: 768px;
    1114$desktop_width: 1168px;

  • trunk/src/wp-content/themes/twentynineteen/search.php

    r43808 r44149  
    77 * @package WordPress
    88 * @subpackage Twenty_Nineteen
     9 * @since 1.0.0
    910 */
    1011
    … …  
    1920                        <header class="page-header">
    2021                                <h1 class="page-title">
    21                                         <?php esc_html_e( 'Search results for:', 'twentynineteen' ); ?>
     22                                        <?php _e( 'Search results for:', 'twentynineteen' ); ?>
    2223                                </h1>
    23                                 <div class="page-description">
    24                                         <?php echo get_search_query(); ?>
    25                                 </div>
     24                                <div class="page-description"><?php echo get_search_query(); ?></div>
    2625                        </header><!-- .page-header -->
    2726
    … …  
    3635                                 * called content-___.php (where ___ is the Post Format name) and that will be used instead.
    3736                                 */
    38                                 get_template_part( 'template-parts/content/content' );
     37                                get_template_part( 'template-parts/content/content', 'excerpt' );
    3938
    4039                                // End the loop.

  • trunk/src/wp-content/themes/twentynineteen/single.php

    r43808 r44149  
    77 * @package WordPress
    88 * @subpackage Twenty_Nineteen
     9 * @since 1.0.0
    910 */
    1011
    … …  
    1213?>
    1314
    14         <div id="primary" class="content-area">
     15        <section id="primary" class="content-area">
    1516                <main id="main" class="site-main">
    1617
    … …  
    2728                                        the_post_navigation(
    2829                                                array(
    29                                                         'prev_text' => _x( '<span class="meta-nav">Published in</span><span class="post-title">%title</span>', 'Parent post link', 'twentynineteen' ),
     30                                                        'prev_text' => _x( '<span class="meta-nav">Published in</span><br/><span class="post-title">%title</span>', 'Parent post link', 'twentynineteen' ),
    3031                                                )
    3132                                        );
    … …  
    5354
    5455                </main><!-- #main -->
    55         </div><!-- #primary -->
    56 
    57 <?php get_template_part( 'template-parts/post/post', 'navigation' ); ?>
     56        </section><!-- #primary -->
    5857
    5958<?php

  • trunk/src/wp-content/themes/twentynineteen/style-editor-customizer.css

    r43860 r44149  
    11/*!
    2 Twenty Nineteen Customizer Styles
     2Twenty Nineteen Customizer Styles & Non-latin Font Fallbacks
    33
    4 NOTE: This file is empty by default. It is automatically populated with styles if the user selects a custom primary color in the customzier.
     4NOTE: This file is automatically populated with additional styles if the user selects a custom primary color in the customzier.
    55*/
     6/** === Includes === */
     7/* If we add the border using a regular CSS border, it won't look good on non-retina devices,
     8 * since its edges can look jagged due to lack of antialiasing. In this case, we are several
     9 * layers of box-shadow to add the border visually, which will render the border smoother. */
     10/* Fallback for non-latin fonts */
     11/* Calculates maximum width for post content */
     12/* Nested sub-menu padding: 10 levels deep */
     13/** === Non-Latin font fallbacks === */
     14/* Arabic */
     15html[lang="ar"] .wp-block *,
     16html[lang="ary"] .wp-block *,
     17html[lang="azb"] .wp-block *,
     18html[lang="ckb"] .wp-block *,
     19html[lang="fa-IR"] .wp-block *,
     20html[lang="haz"] .wp-block *,
     21html[lang="ps"] .wp-block * {
     22  font-family: Tahoma, Arial, sans-serif !important;
     23}
     24
     25/* Cyrillic */
     26html[lang="be"] .wp-block *,
     27html[lang="bg-BG"] .wp-block *,
     28html[lang="kk"] .wp-block *,
     29html[lang="mk-MK"] .wp-block *,
     30html[lang="mn"] .wp-block *,
     31html[lang="ru-RU"] .wp-block *,
     32html[lang="sah"] .wp-block *,
     33html[lang="sr-RS"] .wp-block *,
     34html[lang="tt-RU"] .wp-block *,
     35html[lang="uk"] .wp-block * {
     36  font-family: 'Helvetica Neue', Helvetica, 'Segoe UI', Arial, sans-serif !important;
     37}
     38
     39/* Chinese (Hong Kong) */
     40html[lang="zh-HK"] .wp-block * {
     41  font-family: -apple-system, BlinkMacSystemFont, 'PingFang HK', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important;
     42}
     43
     44/* Chinese (Taiwan) */
     45html[lang="zh-TW"] .wp-block * {
     46  font-family: -apple-system, BlinkMacSystemFont, 'PingFang TC', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important;
     47}
     48
     49/* Chinese (China) */
     50html[lang="zh-CN"] .wp-block * {
     51  font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important;
     52}
     53
     54/* Devanagari */
     55html[lang="bn-BD"] .wp-block *,
     56html[lang="hi-IN"] .wp-block *,
     57html[lang="mr"] .wp-block *,
     58html[lang="ne-NP"] .wp-block * {
     59  font-family: Arial, sans-serif !important;
     60}
     61
     62/* Greek */
     63html[lang="el"] .wp-block * {
     64  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
     65}
     66
     67/* Gujarati */
     68html[lang="gu"] .wp-block * {
     69  font-family: Arial, sans-serif !important;
     70}
     71
     72/* Hebrew */
     73html[lang="he-IL"] .wp-block * {
     74  font-family: 'Arial Hebrew', Arial, sans-serif !important;
     75}
     76
     77/* Japanese */
     78html[lang="ja"] .wp-block * {
     79  font-family: -apple-system, BlinkMacSystemFont, "Hiragino Sans", Meiryo, "Helvetica Neue", sans-serif !important;
     80}
     81
     82/* Korean */
     83html[lang="ko-KR"] .wp-block * {
     84  font-family: 'Apple SD Gothic Neo', 'Malgun Gothic', 'Nanum Gothic', Dotum, sans-serif !important;
     85}
     86
     87/* Thai */
     88html[lang="th"] .wp-block * {
     89  font-family: 'Sukhumvit Set', 'Helvetica Neue', helvetica, arial, sans-serif !important;
     90}
     91
     92/* Vietnamese */
     93html[lang="vi"] .wp-block * {
     94  font-family: 'Libre Franklin', sans-serif !important;
     95}

  • trunk/src/wp-content/themes/twentynineteen/style-editor-customizer.scss

    r43860 r44149  
    11/*!
    2 Twenty Nineteen Customizer Styles
     2Twenty Nineteen Customizer Styles & Non-latin Font Fallbacks
    33
    4 NOTE: This file is empty by default. It is automatically populated with styles if the user selects a custom primary color in the customzier.
     4NOTE: This file is automatically populated with additional styles if the user selects a custom primary color in the customzier.
    55*/
     6
     7/** === Includes === */
     8
     9@import "sass/mixins/mixins-master";
     10
     11/** === Non-Latin font fallbacks === */
     12
     13@include non-latin-fonts( '.wp-block' );

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

    r43808 r44149  
     1@charset "UTF-8";
    12/*!
    23Twenty Nineteen Editor Styles
    3 
    4 NOTE: Styling alignment styles require use of [data-align] selectors.
    5 This is not ideal, but it works. Styles using those selectors should be refactored
    6 when Gutenberg supports styling those variations more intuitively.
    74*/
    85/** === Includes === */
     6/*
     7 * Chrome renders extra-wide &nbsp; characters for the Hoefler Text font.
     8 * This results in a jumping cursor when typing in both the Classic and block
     9 * editors. The following font-face override fixes the issue by manually inserting
     10 * a custom font that includes just a Hoefler Text space replacement for that
     11 * character instead.
     12 */
     13@font-face {
     14  font-family: 'NonBreakingSpaceOverride';
     15  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");
     16}
     17
    918/* If we add the border using a regular CSS border, it won't look good on non-retina devices,
    1019 * since its edges can look jagged due to lack of antialiasing. In this case, we are several
    1120 * layers of box-shadow to add the border visually, which will render the border smoother. */
     21/* Fallback for non-latin fonts */
     22/* Calculates maximum width for post content */
     23/* Nested sub-menu padding: 10 levels deep */
     24/** === Editor Frame === */
     25body .wp-block[data-align="full"] {
     26  width: 100%;
     27}
     28
     29@media only screen and (min-width: 600px) {
     30  body .wp-block[data-align="full"] {
     31    width: calc( 100% + 90px);
     32    max-width: calc( 100% + 90px);
     33  }
     34}
     35
     36@media only screen and (min-width: 768px) {
     37  body .editor-writing-flow {
     38    max-width: 80%;
     39    margin: 0 10%;
     40  }
     41  body .editor-post-title__block,
     42  body .editor-default-block-appender,
     43  body .editor-block-list__block {
     44    margin-left: 0;
     45    margin-right: 0;
     46  }
     47  body .wp-block[data-align="wide"] {
     48    width: 100%;
     49  }
     50  body .wp-block[data-align="full"] {
     51    position: relative;
     52    left: calc( -12.5% - 14px);
     53    width: calc( 125% + 116px);
     54    max-width: calc( 125% + 115px);
     55  }
     56  body .wp-block[data-align="right"] {
     57    max-width: 125%;
     58  }
     59}
     60
     61/** === Editor Block Toolbar Position === */
     62.editor-block-list__block[data-align="wide"] .editor-block-contextual-toolbar .editor-block-toolbar.editor-block-toolbar,
     63.editor-block-list__block[data-align="full"] .editor-block-contextual-toolbar .editor-block-toolbar.editor-block-toolbar {
     64  max-width: none;
     65}
     66
    1267/** === Content Width === */
    1368.wp-block {
    1469  width: calc(100vw - (2 * 1rem));
     70  max-width: 100%;
    1571}
    1672
    … …  
    2783}
    2884
     85.wp-block .wp-block {
     86  width: 100%;
     87}
     88
    2989/** === Base Typography === */
    3090body {
    3191  font-size: 22px;
    32   font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
     92  font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
     93  line-height: 1.8;
    3394  color: #111;
    3495}
    … …  
    45106h6 {
    46107  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
     108  font-weight: 700;
    47109}
    48110
    … …  
    117179}
    118180
     181.has-primary-background-color,
     182.has-secondary-background-color,
     183.has-dark-gray-background-color,
     184.has-light-gray-background-color {
     185  color: #fff;
     186}
     187
     188.has-primary-background-color p,
     189.has-primary-background-color h1,
     190.has-primary-background-color h2,
     191.has-primary-background-color h3,
     192.has-primary-background-color h4,
     193.has-primary-background-color h5,
     194.has-primary-background-color h6,
     195.has-primary-background-color a,
     196.has-secondary-background-color p,
     197.has-secondary-background-color h1,
     198.has-secondary-background-color h2,
     199.has-secondary-background-color h3,
     200.has-secondary-background-color h4,
     201.has-secondary-background-color h5,
     202.has-secondary-background-color h6,
     203.has-secondary-background-color a,
     204.has-dark-gray-background-color p,
     205.has-dark-gray-background-color h1,
     206.has-dark-gray-background-color h2,
     207.has-dark-gray-background-color h3,
     208.has-dark-gray-background-color h4,
     209.has-dark-gray-background-color h5,
     210.has-dark-gray-background-color h6,
     211.has-dark-gray-background-color a,
     212.has-light-gray-background-color p,
     213.has-light-gray-background-color h1,
     214.has-light-gray-background-color h2,
     215.has-light-gray-background-color h3,
     216.has-light-gray-background-color h4,
     217.has-light-gray-background-color h5,
     218.has-light-gray-background-color h6,
     219.has-light-gray-background-color a {
     220  color: #fff;
     221}
     222
     223.has-white-background-color {
     224  color: #111;
     225}
     226
     227.has-white-background-color p,
     228.has-white-background-color h1,
     229.has-white-background-color h2,
     230.has-white-background-color h3,
     231.has-white-background-color h4,
     232.has-white-background-color h5,
     233.has-white-background-color h6,
     234.has-white-background-color a {
     235  color: #111;
     236}
     237
    119238figcaption,
    120239.gallery-caption {
    … …  
    123242  line-height: 1.6;
    124243  color: #767676;
     244}
     245
     246/** === Post Title === */
     247.editor-post-title__block:before {
     248  background: #767676;
     249  content: "\020";
     250  display: block;
     251  height: 2px;
     252  margin: 1rem 0;
     253  width: 1em;
     254}
     255
     256.editor-post-title__block:before {
     257  width: 2.8125em;
     258  margin-top: 0;
     259  margin-bottom: 0;
     260  margin-left: 1em;
     261  position: relative;
     262  top: 0.5em;
     263}
     264
     265.editor-post-title__block .editor-post-title__input {
     266  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
     267  font-size: 2.8125em;
     268  font-weight: 700;
     269}
     270
     271/** === Default Appender === */
     272.editor-default-block-appender .editor-default-block-appender__content {
     273  font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
     274  font-size: 22px;
     275}
     276
     277/** === Heading === */
     278.wp-block-heading strong {
     279  font-weight: bolder;
    125280}
    126281
    … …  
    134289}
    135290
    136 /** === Cover Image === */
    137 .wp-block-cover-image h2,
    138 .wp-block-cover-image .wp-block-cover-image-text {
    139   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    140   font-size: 2.25em;
     291/** === Table === */
     292.wp-block-table {
     293  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
     294}
     295
     296/** === Cover === */
     297.wp-block-cover h2,
     298.wp-block-cover .wp-block-cover-text {
     299  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
     300  font-size: 1.6875em;
    141301  font-weight: bold;
    142302  line-height: 1.4;
    143 }
    144 
    145 .wp-block-cover-image.has-left-content {
    146   justify-content: center;
    147 }
    148 
    149 .wp-block-cover-image.has-left-content h2,
    150 .wp-block-cover-image.has-left-content .wp-block-cover-image-text {
    151   padding: 1em;
    152 }
    153 
    154 .wp-block-cover-image.has-right-content {
    155   justify-content: center;
    156 }
    157 
    158 .wp-block-cover-image.has-right-content h2,
    159 .wp-block-cover-image.has-right-content .wp-block-cover-image-text {
    160   padding: 1em;
    161 }
    162 
    163 body[data-type="core/cover-image"][data-align="left"] h2,
    164 body[data-type="core/cover-image"][data-align="left"] .wp-block-cover-image-text,
    165 body[data-type="core/cover-image"][data-align="right"] h2,
    166 body[data-type="core/cover-image"][data-align="right"] .wp-block-cover-image-text {
     303  padding-left: 1rem;
     304  padding-right: 1rem;
     305}
     306
     307.wp-block-cover h2 strong,
     308.wp-block-cover .wp-block-cover-text strong {
     309  font-weight: bolder;
     310}
     311
     312@media only screen and (min-width: 768px) {
     313  .wp-block-cover h2,
     314  .wp-block-cover .wp-block-cover-text {
     315    margin-left: auto;
     316    margin-right: auto;
     317    padding: 0;
     318  }
     319}
     320
     321@media only screen and (min-width: 768px) {
     322  .wp-block-cover {
     323    padding-left: 10%;
     324    padding-right: 10%;
     325  }
     326  .wp-block-cover h2,
     327  .wp-block-cover .wp-block-cover-text {
     328    font-size: 2.25em;
     329  }
     330}
     331
     332.wp-block[data-type="core/cover"][data-align="left"] .editor-block-list__block-edit,
     333.wp-block[data-type="core/cover"][data-align="right"] .editor-block-list__block-edit {
     334  width: calc(4 * (100vw / 12));
     335}
     336
     337.wp-block[data-type="core/cover"][data-align="left"] .wp-block-cover,
     338.wp-block[data-type="core/cover"][data-align="right"] .wp-block-cover {
    167339  width: 100%;
    168   max-width: 305px;
     340  max-width: 100%;
     341}
     342
     343@media only screen and (min-width: 768px) {
     344  .wp-block[data-type="core/cover"][data-align="left"] .wp-block-cover,
     345  .wp-block[data-type="core/cover"][data-align="right"] .wp-block-cover {
     346    padding: 1rem;
     347  }
     348}
     349
     350@media only screen and (min-width: 768px) {
     351  .wp-block[data-type="core/cover"][data-align="wide"] h2,
     352  .wp-block[data-type="core/cover"][data-align="wide"] .wp-block-cover-text,
     353  .wp-block[data-type="core/cover"][data-align="full"] h2,
     354  .wp-block[data-type="core/cover"][data-align="full"] .wp-block-cover-text {
     355    max-width: calc(8 * (100vw / 12));
     356  }
    169357}
    170358
    171359@media only screen and (min-width: 1168px) {
    172   body[data-type="core/cover-image"][data-align="wide"] h2,
    173   body[data-type="core/cover-image"][data-align="wide"] .wp-block-cover-image-text,
    174   body[data-type="core/cover-image"][data-align="full"] h2,
    175   body[data-type="core/cover-image"][data-align="full"] .wp-block-cover-image-text {
    176     padding: 0;
    177     width: calc(6 * (100vw / 12));
     360  .wp-block[data-type="core/cover"][data-align="wide"] h2,
     361  .wp-block[data-type="core/cover"][data-align="wide"] .wp-block-cover-text,
     362  .wp-block[data-type="core/cover"][data-align="full"] h2,
     363  .wp-block[data-type="core/cover"][data-align="full"] .wp-block-cover-text {
    178364    max-width: calc(6 * (100vw / 12));
     365  }
     366}
     367
     368@media only screen and (min-width: 768px) {
     369  .wp-block[data-type="core/cover"][data-align="full"] .wp-block-cover {
     370    padding-left: calc(10% + 64px);
     371    padding-right: calc(10% + 64px);
    179372  }
    180373}
    … …  
    196389}
    197390
    198 .wp-block-button .wp-block-button__link:not(.has-background),
    199 .wp-block-button .wp-block-button__link:not(.has-background) {
     391.wp-block-button:not(.is-style-outline) .wp-block-button__link {
    200392  background: #0073aa;
    201393}
    … …  
    205397}
    206398
    207 .wp-block-button.is-style-outline .wp-block-button__link,
    208 .wp-block-button.is-style-outline .wp-block-button__link:hover,
    209 .wp-block-button.is-style-outline .wp-block-button__link:focus,
    210 .wp-block-button.is-style-outline .wp-block-button__link:active {
     399.wp-block-button.is-style-outline, .wp-block-button.is-style-outline:hover, .wp-block-button.is-style-outline:focus, .wp-block-button.is-style-outline:active {
    211400  background: transparent;
    212   border-color: #0073aa;
    213 }
    214 
    215 .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color),
    216 .wp-block-button.is-style-outline .wp-block-button__link:hover:not(.has-text-color),
    217 .wp-block-button.is-style-outline .wp-block-button__link:focus:not(.has-text-color),
    218 .wp-block-button.is-style-outline .wp-block-button__link:active:not(.has-text-color) {
     401  color: #0073aa;
     402}
     403
     404.wp-block-button.is-style-outline .wp-block-button__link, .wp-block-button.is-style-outline:hover .wp-block-button__link, .wp-block-button.is-style-outline:focus .wp-block-button__link, .wp-block-button.is-style-outline:active .wp-block-button__link {
     405  background: transparent;
     406}
     407
     408.wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color), .wp-block-button.is-style-outline:hover .wp-block-button__link:not(.has-text-color), .wp-block-button.is-style-outline:focus .wp-block-button__link:not(.has-text-color), .wp-block-button.is-style-outline:active .wp-block-button__link:not(.has-text-color) {
    219409  color: #0073aa;
    220410}
    … …  
    249439/** === Pullquote === */
    250440.wp-block-pullquote {
    251   border: none;
     441  border-color: transparent;
     442  border-width: 2px;
     443  color: #000;
     444}
     445
     446.wp-block-pullquote blockquote {
     447  margin-top: calc(3 * 1rem);
     448  margin-bottom: calc(3.33 * 1rem);
     449  hyphens: auto;
     450  word-break: break-word;
     451}
     452
     453.wp-block-pullquote:not(.is-style-solid-color) .wp-block-pullquote__citation {
     454  color: #767676;
    252455}
    253456
    254457.wp-block-pullquote.is-style-solid-color blockquote {
    255   width: calc(100vw - (2 * 1rem));
    256   max-width: 80%;
     458  width: calc(100% - (2 * 1rem));
     459  max-width: calc( 100% - (2 * 1rem));
     460}
     461
     462.wp-block-pullquote.is-style-solid-color blockquote a,
     463.wp-block-pullquote.is-style-solid-color blockquote.has-text-color p,
     464.wp-block-pullquote.is-style-solid-color blockquote.has-text-color a {
     465  color: inherit;
     466}
     467
     468.wp-block-pullquote.is-style-solid-color blockquote:not(.has-text-color) {
     469  color: #fff;
    257470}
    258471
    259472@media only screen and (min-width: 768px) {
    260473  .wp-block-pullquote.is-style-solid-color blockquote {
    261     width: calc(8 * (100vw / 12));
    262   }
    263 }
    264 
    265 @media only screen and (min-width: 1168px) {
    266   .wp-block-pullquote.is-style-solid-color blockquote {
    267     width: calc(6 * (100vw / 12));
    268   }
    269 }
    270 
    271 .wp-block-pullquote.is-style-solid-color blockquote:not(.has-text-color) p,
    272 .wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation {
    273   color: white;
     474    max-width: 80%;
     475  }
    274476}
    275477
    … …  
    278480}
    279481
    280 .wp-block-pullquote blockquote {
    281   -webkit-hyphens: auto;
    282       -ms-hyphens: auto;
    283           hyphens: auto;
    284   word-break: break-word;
    285 }
    286 
    287 body[data-type="core/pullquote"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
    288 body[data-type="core/pullquote"] blockquote > .editor-rich-text p,
    289 body[data-type="core/pullquote"] p,
    290 body[data-type="core/pullquote"][data-align="left"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
    291 body[data-type="core/pullquote"][data-align="left"] blockquote > .editor-rich-text p,
    292 body[data-type="core/pullquote"][data-align="left"] p,
    293 body[data-type="core/pullquote"][data-align="right"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
    294 body[data-type="core/pullquote"][data-align="right"] blockquote > .editor-rich-text p,
    295 body[data-type="core/pullquote"][data-align="right"] p {
     482.wp-block[data-type="core/pullquote"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
     483.wp-block[data-type="core/pullquote"] blockquote > .editor-rich-text p,
     484.wp-block[data-type="core/pullquote"] p,
     485.wp-block[data-type="core/pullquote"][data-align="left"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
     486.wp-block[data-type="core/pullquote"][data-align="left"] blockquote > .editor-rich-text p,
     487.wp-block[data-type="core/pullquote"][data-align="left"] p,
     488.wp-block[data-type="core/pullquote"][data-align="right"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
     489.wp-block[data-type="core/pullquote"][data-align="right"] blockquote > .editor-rich-text p,
     490.wp-block[data-type="core/pullquote"][data-align="right"] p {
    296491  font-size: 1.6875em;
    297492  font-style: italic;
    … …  
    299494  margin-bottom: 0.5em;
    300495  margin-top: 0.5em;
    301   color: #111;
    302 }
    303 
    304 @media only screen and (min-width: 768px) {
    305   body[data-type="core/pullquote"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
    306   body[data-type="core/pullquote"] blockquote > .editor-rich-text p,
    307   body[data-type="core/pullquote"] p,
    308   body[data-type="core/pullquote"][data-align="left"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
    309   body[data-type="core/pullquote"][data-align="left"] blockquote > .editor-rich-text p,
    310   body[data-type="core/pullquote"][data-align="left"] p,
    311   body[data-type="core/pullquote"][data-align="right"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
    312   body[data-type="core/pullquote"][data-align="right"] blockquote > .editor-rich-text p,
    313   body[data-type="core/pullquote"][data-align="right"] p {
     496}
     497
     498@media only screen and (min-width: 768px) {
     499  .wp-block[data-type="core/pullquote"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
     500  .wp-block[data-type="core/pullquote"] blockquote > .editor-rich-text p,
     501  .wp-block[data-type="core/pullquote"] p,
     502  .wp-block[data-type="core/pullquote"][data-align="left"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
     503  .wp-block[data-type="core/pullquote"][data-align="left"] blockquote > .editor-rich-text p,
     504  .wp-block[data-type="core/pullquote"][data-align="left"] p,
     505  .wp-block[data-type="core/pullquote"][data-align="right"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
     506  .wp-block[data-type="core/pullquote"][data-align="right"] blockquote > .editor-rich-text p,
     507  .wp-block[data-type="core/pullquote"][data-align="right"] p {
    314508    font-size: 2.25em;
    315509  }
    316510}
    317511
    318 body[data-type="core/pullquote"] .wp-block-pullquote__citation,
    319 body[data-type="core/pullquote"][data-align="left"] .wp-block-pullquote__citation,
    320 body[data-type="core/pullquote"][data-align="right"] .wp-block-pullquote__citation {
     512.wp-block[data-type="core/pullquote"] .wp-block-pullquote__citation,
     513.wp-block[data-type="core/pullquote"][data-align="left"] .wp-block-pullquote__citation,
     514.wp-block[data-type="core/pullquote"][data-align="right"] .wp-block-pullquote__citation {
    321515  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    322516  font-size: 0.71111em;
    323517  line-height: 1.6;
    324518  text-transform: none;
    325   color: #767676;
    326 }
    327 
    328 body[data-type="core/pullquote"] em,
    329 body[data-type="core/pullquote"][data-align="left"] em,
    330 body[data-type="core/pullquote"][data-align="right"] em {
     519}
     520
     521.wp-block[data-type="core/pullquote"] em,
     522.wp-block[data-type="core/pullquote"][data-align="left"] em,
     523.wp-block[data-type="core/pullquote"][data-align="right"] em {
    331524  font-style: normal;
    332525}
    333526
    334 body[data-type="core/pullquote"][data-align="left"] .editor-block-list__block-edit,
    335 body[data-type="core/pullquote"][data-align="right"] .editor-block-list__block-edit {
     527.wp-block[data-type="core/pullquote"][data-align="left"] .editor-block-list__block-edit,
     528.wp-block[data-type="core/pullquote"][data-align="right"] .editor-block-list__block-edit {
     529  width: calc(4 * (100vw / 12));
    336530  max-width: 50%;
    337531}
    338532
    339 body[data-type="core/pullquote"][data-align="left"] .editor-block-list__block-edit .wp-block-pullquote:not(.is-style-solid-color),
    340 body[data-type="core/pullquote"][data-align="right"] .editor-block-list__block-edit .wp-block-pullquote:not(.is-style-solid-color) {
     533.wp-block[data-type="core/pullquote"][data-align="left"] .editor-block-list__block-edit .wp-block-pullquote:not(.is-style-solid-color),
     534.wp-block[data-type="core/pullquote"][data-align="right"] .editor-block-list__block-edit .wp-block-pullquote:not(.is-style-solid-color) {
    341535  padding: 0;
    342536}
    343537
    344 body[data-type="core/pullquote"][data-align="left"] .editor-block-list__block-edit .wp-block-pullquote.is-style-solid-color,
    345 body[data-type="core/pullquote"][data-align="right"] .editor-block-list__block-edit .wp-block-pullquote.is-style-solid-color {
     538.wp-block[data-type="core/pullquote"][data-align="left"] .editor-block-list__block-edit .wp-block-pullquote.is-style-solid-color,
     539.wp-block[data-type="core/pullquote"][data-align="right"] .editor-block-list__block-edit .wp-block-pullquote.is-style-solid-color {
    346540  padding: 1em;
    347541}
    348542
    349 body[data-type="core/pullquote"][data-align="left"] .editor-block-list__block-edit .wp-block-pullquote.is-style-solid-color p,
    350 body[data-type="core/pullquote"][data-align="left"] .editor-block-list__block-edit .wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation,
    351 body[data-type="core/pullquote"][data-align="right"] .editor-block-list__block-edit .wp-block-pullquote.is-style-solid-color p,
    352 body[data-type="core/pullquote"][data-align="right"] .editor-block-list__block-edit .wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation {
    353   color: white;
    354 }
    355 
    356 body[data-type="core/pullquote"][data-align="left"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
    357 body[data-type="core/pullquote"][data-align="left"] blockquote > .editor-rich-text p,
    358 body[data-type="core/pullquote"][data-align="left"] p,
    359 body[data-type="core/pullquote"][data-align="left"] .wp-block-pullquote__citation,
    360 body[data-type="core/pullquote"][data-align="right"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
    361 body[data-type="core/pullquote"][data-align="right"] blockquote > .editor-rich-text p,
    362 body[data-type="core/pullquote"][data-align="right"] p,
    363 body[data-type="core/pullquote"][data-align="right"] .wp-block-pullquote__citation {
     543.wp-block[data-type="core/pullquote"][data-align="left"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
     544.wp-block[data-type="core/pullquote"][data-align="left"] blockquote > .editor-rich-text p,
     545.wp-block[data-type="core/pullquote"][data-align="left"] p,
     546.wp-block[data-type="core/pullquote"][data-align="left"] .wp-block-pullquote__citation,
     547.wp-block[data-type="core/pullquote"][data-align="right"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
     548.wp-block[data-type="core/pullquote"][data-align="right"] blockquote > .editor-rich-text p,
     549.wp-block[data-type="core/pullquote"][data-align="right"] p,
     550.wp-block[data-type="core/pullquote"][data-align="right"] .wp-block-pullquote__citation {
    364551  text-align: left;
     552}
     553
     554@media only screen and (min-width: 768px) {
     555  .wp-block[data-type="core/pullquote"][data-align="full"] .wp-block-pullquote blockquote {
     556    max-width: calc(80% - 128px);
     557  }
    365558}
    366559
    … …  
    370563}
    371564
     565.wp-block-file .wp-block-file__textlink {
     566  text-decoration: underline;
     567  color: #0073aa;
     568}
     569
     570.wp-block-file .wp-block-file__textlink:hover {
     571  color: #005177;
     572  text-decoration: none;
     573}
     574
    372575.wp-block-file .wp-block-file__button {
     576  display: table;
    373577  line-height: 1.8;
    374578  font-size: 0.88889em;
    … …  
    378582}
    379583
     584.wp-block-file .wp-block-file__button-richtext-wrapper {
     585  display: block;
     586  margin-top: calc(0.75 * 1rem);
     587  margin-left: 0;
     588}
     589
    380590/** === Verse === */
    381591.wp-block-verse,
    … …  
    407617  color: #767676;
    408618  font-size: 1.6875em;
    409   letter-spacing: 0.88889em;
     619  letter-spacing: calc(2 * 1rem);
     620  padding-left: calc(2 * 1rem);
    410621}
    411622
    … …  
    428639.wp-block-categories li,
    429640.wp-block-latest-posts li {
    430   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    431   font-size: 1.6875em;
     641  color: #767676;
     642  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
     643  font-size: calc(22px * 1.125);
    432644  font-weight: bold;
    433645  line-height: 1.2;
     646  padding-bottom: 0.75rem;
     647}
     648
     649ul.wp-block-archives li.menu-item-has-children, ul.wp-block-archives li:last-child,
     650.wp-block-categories li.menu-item-has-children,
     651.wp-block-categories li:last-child,
     652.wp-block-latest-posts li.menu-item-has-children,
     653.wp-block-latest-posts li:last-child {
     654  padding-bottom: 0;
    434655}
    435656
    … …  
    440661}
    441662
    442 ul.wp-block-archives li a:after,
    443 .wp-block-categories li a:after,
    444 .wp-block-latest-posts li a:after {
    445   color: #767676;
    446   content: ",";
    447 }
    448 
    449 ul.wp-block-archives li:last-child a:after,
    450 .wp-block-categories li:last-child a:after,
    451 .wp-block-latest-posts li:last-child a:after {
    452   color: #767676;
    453   content: ".";
     663ul.wp-block-archives li ul,
     664.wp-block-categories li ul,
     665.wp-block-latest-posts li ul {
     666  padding-left: 1rem;
     667}
     668
     669.wp-block-categories ul {
     670  padding-top: 0.75rem;
     671}
     672
     673.wp-block-categories ul ul {
     674  counter-reset: submenu;
     675}
     676
     677.wp-block-categories ul ul > li > a::before {
     678  font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
     679  font-weight: normal;
     680  content: "– " counters(submenu, "– ", none);
     681  counter-increment: submenu;
     682}
     683
     684.wp-block-categories li ul {
     685  list-style: none;
     686  padding-left: 0;
     687  margin-bottom: -0.75rem;
    454688}
    455689
    … …  
    496730/* Properly center-align captions in the classic-editor block */
    497731.wp-caption dd {
     732  color: #767676;
     733  font-size: 0.71111em;
     734  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
     735  line-height: 1.6;
     736  margin: 0;
     737  padding: 0.5rem;
     738  text-align: left;
    498739  text-align: center;
    499740  -webkit-margin-start: 0px;
    … …  
    505746}
    506747
    507 .wp-block-freeform .gallery {
    508   display: flex;
    509 }
    510 
    511 .wp-block-freeform .gallery .gallery-item {
    512   padding: 0.5rem;
    513   text-align: center;
    514   vertical-align: top;
    515   width: 100%;
    516 }
    517 
    518 .wp-block-freeform .gallery .gallery-item .gallery-caption {
    519   margin: 0;
    520 }
    521 
    522 .wp-block-freeform .gallery.gallery-columns-2 .gallery-item {
    523   max-width: calc( ( 12 / 2 ) * (100% / 12));
    524 }
    525 
    526 .wp-block-freeform .gallery.gallery-columns-3 .gallery-item {
    527   max-width: calc( ( 12 / 3 ) * (100% / 12));
    528 }
    529 
    530 .wp-block-freeform .gallery.gallery-columns-4 .gallery-item {
    531   max-width: calc( ( 12 / 4 ) * (100% / 12));
    532 }
    533 
    534 .wp-block-freeform .gallery.gallery-columns-5 .gallery-item {
    535   max-width: calc( ( 12 / 5 ) * (100% / 12));
    536 }
    537 
    538 .wp-block-freeform .gallery.gallery-columns-6 .gallery-item {
    539   max-width: calc( ( 12 / 6 ) * (100% / 12));
    540 }
    541 
    542 .wp-block-freeform .gallery.gallery-columns-7 .gallery-item {
    543   max-width: calc( ( 12 / 7 ) * (100% / 12));
    544 }
    545 
    546 .wp-block-freeform .gallery.gallery-columns-8 .gallery-item {
    547   max-width: calc( ( 12 / 8 ) * (100% / 12));
    548 }
    549 
    550 .wp-block-freeform .gallery.gallery-columns-9 .gallery-item {
    551   max-width: calc( ( 12 / 9 ) * (100% / 12));
    552 }
     748.wp-block-freeform blockquote {
     749  border-left: 2px solid #0073aa;
     750}
     751
     752.wp-block-freeform blockquote cite {
     753  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
     754  font-size: 0.71111em;
     755  font-style: normal;
     756  line-height: 1.6;
     757  color: #767676;
     758}
     759
     760/* Make sure our non-latin font overrides don't overwrite the iconfont used in the classic editor toolbar */
     761.wp-block[data-type="core/freeform"] .mce-btn i {
     762        font-family: dashicons !important;
     763}

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

    r43808 r44149  
    11/*!
    22Twenty Nineteen Editor Styles
    3 
    4 NOTE: Styling alignment styles require use of [data-align] selectors.
    5 This is not ideal, but it works. Styles using those selectors should be refactored
    6 when Gutenberg supports styling those variations more intuitively.
    73*/
    84
    … …  
    106
    117@import "sass/variables-site/variables-site";
    12 @import "sass/variables-site/colors";
    138@import "sass/mixins/mixins-master";
     9
     10/** === Editor Frame === */
     11
     12body {
     13
     14        .wp-block[data-align="full"] {
     15                width: 100%;
     16        }
     17
     18        @include media(mobile) {
     19
     20                .wp-block[data-align="full"] {
     21                        width: calc( 100% + 90px );
     22                        max-width: calc( 100% + 90px );
     23                }
     24        }
     25
     26        @include media(tablet) {
     27
     28                .editor-writing-flow {
     29                        max-width: 80%;
     30                        margin: 0 10%;
     31                }
     32
     33                .editor-post-title__block,
     34                .editor-default-block-appender,
     35                .editor-block-list__block {
     36                        margin-left: 0;
     37                        margin-right: 0;
     38                }
     39
     40                .wp-block[data-align="wide"] {
     41                        width: 100%;
     42                }
     43
     44                .wp-block[data-align="full"] {
     45                        position: relative;
     46                        left: calc( -12.5% - 14px );
     47                        width: calc( 125% + 116px );
     48                        max-width: calc( 125% + 115px ); // Subtract 1px here to avoid the rounding errors that happen due to the usage of percentages.
     49                }
     50
     51                .wp-block[data-align="right"] {
     52                        max-width: 125%;
     53                }
     54        }
     55}
     56
     57/** === Editor Block Toolbar Position === */
     58
     59// Since 2019 left-aligns wide and fullwide blocks, left align the toolbar too.
     60.editor-block-list__block[data-align="wide"] .editor-block-contextual-toolbar .editor-block-toolbar.editor-block-toolbar,
     61.editor-block-list__block[data-align="full"] .editor-block-contextual-toolbar .editor-block-toolbar.editor-block-toolbar {
     62                max-width: none;
     63}
    1464
    1565/** === Content Width === */
    … …  
    1767.wp-block {
    1868        width: calc(100vw - (2 * #{$size__spacing-unit}));
     69        max-width: 100%;
    1970
    2071        @include media(tablet) {
    … …  
    2475        @include media(desktop) {
    2576                width: calc(6 * (100vw / 12 ));
     77        }
     78
     79        // Only the top level blocks need specific widths, therefore override for every nested block.
     80        .wp-block {
     81                width: 100%;
    2682        }
    2783}
    … …  
    3288        font-size: $font__size_base;
    3389        font-family: $font__body;
     90        line-height: $font__line-height-body;
    3491        color: $color__text-main;
    3592}
    … …  
    46103h6 {
    47104        font-family: $font__heading;
     105        font-weight: 700;
    48106}
    49107
    … …  
    100158                outline: 0;
    101159                text-decoration: underline;
     160        }
     161}
     162
     163// Use white text against these backgrounds by default.
     164.has-primary-background-color,
     165.has-secondary-background-color,
     166.has-dark-gray-background-color,
     167.has-light-gray-background-color {
     168        color: $color__background-body;
     169
     170        p,
     171        h1,
     172        h2,
     173        h3,
     174        h4,
     175        h5,
     176        h6,
     177        a {
     178                color: $color__background-body;
     179        }
     180}
     181
     182// Use dark gray text against this background by default.
     183.has-white-background-color {
     184        color: $color__text-main;
     185
     186        p,
     187        h1,
     188        h2,
     189        h3,
     190        h4,
     191        h5,
     192        h6,
     193        a {
     194                color: $color__text-main;
    102195        }
    103196}
    … …  
    111204}
    112205
     206/** === Post Title === */
     207
     208.editor-post-title__block {
     209        @include post-section-dash;
     210
     211        &:before {
     212                width: $font__size-xxl;
     213                margin-top: 0;
     214                margin-bottom: 0;
     215                margin-left: 1em;
     216                position: relative;
     217                top: 0.5em;
     218        }
     219
     220        .editor-post-title__input {
     221                font-family: $font__heading;
     222                font-size: $font__size-xxl;
     223                font-weight: 700;
     224        }
     225}
     226
     227/** === Default Appender === */
     228
     229.editor-default-block-appender .editor-default-block-appender__content {
     230        font-family: $font__body;
     231        font-size: $font__size_base;
     232}
     233
     234/** === Heading === */
     235
     236.wp-block-heading {
     237        strong {
     238                font-weight: bolder;
     239        }
     240}
    113241/** === Paragraph === */
    114242
    … …  
    124252}
    125253
    126 /** === Cover Image === */
    127 
    128 .wp-block-cover-image {
     254/** === Table === */
     255
     256.wp-block-table {
     257        font-family: $font__heading;
     258}
     259
     260/** === Cover === */
     261
     262.wp-block-cover {
    129263
    130264        h2,
    131         .wp-block-cover-image-text {
     265        .wp-block-cover-text {
    132266                font-family: $font__heading;
    133                 font-size: $font__size-xl;
     267                font-size: $font__size-lg;
    134268                font-weight: bold;
    135269                line-height: 1.4;
    136         }
    137 
    138         &.has-left-content {
    139                 justify-content: center;
     270                padding-left: $size__spacing-unit;
     271                padding-right: $size__spacing-unit;
     272
     273                strong {
     274                        font-weight: bolder;
     275                }
     276
     277                @include media(tablet) {
     278                        margin-left: auto;
     279                        margin-right: auto;
     280                        padding: 0;
     281                }
     282        }
     283
     284        @include media(tablet) {
     285                padding-left: 10%;
     286                padding-right: 10%;
    140287
    141288                h2,
    142                 .wp-block-cover-image-text {
    143                         padding: 1em;
    144                 }
    145         }
    146 
    147         &.has-right-content {
    148                 justify-content: center;
     289                .wp-block-cover-text {
     290                        font-size: $font__size-xl;
     291                }
     292        }
     293}
     294
     295.wp-block[data-type="core/cover"][data-align="left"],
     296.wp-block[data-type="core/cover"][data-align="right"] {
     297
     298        .editor-block-list__block-edit {
     299                width: calc(4 * (100vw / 12));
     300        }
     301
     302        .wp-block-cover {
     303                width: 100%;
     304                max-width: 100%;
     305        }
     306
     307        @include media(tablet) {
     308
     309                .wp-block-cover {
     310                        padding: $size__spacing-unit;
     311                }
     312        }
     313}
     314
     315.wp-block[data-type="core/cover"][data-align="wide"],
     316.wp-block[data-type="core/cover"][data-align="full"] {
     317
     318        @include media(tablet) {
    149319
    150320                h2,
    151                 .wp-block-cover-image-text {
    152                         padding: 1em;
    153                 }
    154         }
    155 }
    156 
    157 body[data-type="core/cover-image"][data-align="left"],
    158 body[data-type="core/cover-image"][data-align="right"] {
    159 
    160         h2,
    161         .wp-block-cover-image-text {
    162                 width: 100%;
    163                 max-width: 305px;
    164         }
    165 }
    166 
    167 body[data-type="core/cover-image"][data-align="wide"],
    168 body[data-type="core/cover-image"][data-align="full"] {
     321                .wp-block-cover-text {
     322                        max-width: calc(8 * (100vw / 12));
     323                }
     324        }
    169325
    170326        @include media(desktop) {
     327
    171328                h2,
    172                 .wp-block-cover-image-text {
    173                         padding: 0;
    174                         width: calc(6 * (100vw / 12));
     329                .wp-block-cover-text {
    175330                        max-width: calc(6 * (100vw / 12));
     331                }
     332        }
     333}
     334
     335.wp-block[data-type="core/cover"][data-align="full"] {
     336
     337        @include media(tablet) {
     338
     339                .wp-block-cover {
     340                        padding-left: calc(10% + 64px);
     341                        padding-right: calc(10% + 64px);
    176342                }
    177343        }
    … …  
    201367        }
    202368
    203         .wp-block-button__link:not(.has-background),
    204         .wp-block-button__link:not(.has-background) {
     369        &:not(.is-style-outline) .wp-block-button__link {
    205370                background: $color__background-button;
    206371        }
    … …  
    210375        }
    211376
    212         &.is-style-outline .wp-block-button__link,
    213         &.is-style-outline .wp-block-button__link:hover,
    214         &.is-style-outline .wp-block-button__link:focus,
    215         &.is-style-outline .wp-block-button__link:active {
     377        &.is-style-outline,
     378        &.is-style-outline:hover,
     379        &.is-style-outline:focus,
     380        &.is-style-outline:active {
    216381                background: transparent;
    217                 border-color: $color__background-button;
    218 
    219                 &:not(.has-text-color) {
    220                         color: $color__background-button;
     382                color: $color__background-button;
     383
     384                .wp-block-button__link {
     385                        background: transparent;
     386
     387                        &:not(.has-text-color) {
     388                                color: $color__background-button;
     389                        }
    221390                }
    222391        }
    … …  
    258427
    259428.wp-block-pullquote {
    260         border: none;
     429        border-color: transparent;
     430        border-width: 2px;
     431        color: #000;
     432
     433        blockquote {
     434                margin-top: calc(3 * #{ $size__spacing-unit});
     435                margin-bottom: calc(3.33 * #{ $size__spacing-unit});
     436                hyphens: auto;
     437                word-break: break-word;
     438        }
     439
     440        &:not(.is-style-solid-color) .wp-block-pullquote__citation {
     441                color: $color__text-light;
     442        }
    261443
    262444        &.is-style-solid-color {
    263445
    264446                blockquote {
    265                         width: calc(100vw - (2 * #{ $size__spacing-unit}));
    266                         max-width: 80%;
     447                        width: calc(100% - (2 * #{ $size__spacing-unit}));
     448                        max-width: calc( 100% - (2 * #{ $size__spacing-unit}));
     449
     450                        a,
     451                        &.has-text-color p,
     452                        &.has-text-color a {
     453                                color: inherit;
     454                        }
     455
     456                        &:not(.has-text-color) {
     457                                color: $color__background-body;
     458                        }
    267459
    268460                        @include media(tablet) {
    269                                 width: calc(8 * (100vw / 12));
     461                                max-width: 80%;
    270462                        }
    271 
    272                         @include media(desktop) {
    273                                 width: calc(6 * (100vw / 12));
    274                         }
    275                 }
    276 
    277                 blockquote:not(.has-text-color) p,
    278                 .wp-block-pullquote__citation {
    279                         color: white;
    280463                }
    281464
    … …  
    284467                }
    285468        }
    286 
    287         blockquote {
    288                 hyphens: auto;
    289                 word-break: break-word;
    290         }
    291 }
    292 
    293 body[data-type="core/pullquote"],
    294 body[data-type="core/pullquote"][data-align="left"],
    295 body[data-type="core/pullquote"][data-align="right"] {
     469}
     470
     471.wp-block[data-type="core/pullquote"],
     472.wp-block[data-type="core/pullquote"][data-align="left"],
     473.wp-block[data-type="core/pullquote"][data-align="right"] {
    296474
    297475        blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
    … …  
    303481                margin-bottom: 0.5em;
    304482                margin-top: 0.5em;
    305                 color: $color__text-main;
    306483
    307484                @include media(tablet) {
    … …  
    315492                line-height: 1.6;
    316493                text-transform: none;
    317                 color: $color__text-light;
    318494        }
    319495
    … …  
    323499}
    324500
    325 body[data-type="core/pullquote"][data-align="left"],
    326 body[data-type="core/pullquote"][data-align="right"] {
     501.wp-block[data-type="core/pullquote"][data-align="left"],
     502.wp-block[data-type="core/pullquote"][data-align="right"] {
    327503
    328504        .editor-block-list__block-edit {
     505                width: calc(4 * (100vw / 12));
    329506                max-width: 50%;
    330507
    … …  
    335512                .wp-block-pullquote.is-style-solid-color {
    336513                        padding: 1em;
    337 
    338                         p,
    339                         .wp-block-pullquote__citation {
    340                                 color: white;
    341                         }
    342514                }
    343515        }
    … …  
    351523}
    352524
     525.wp-block[data-type="core/pullquote"][data-align="full"] {
     526
     527        @include media(tablet) {
     528
     529                .wp-block-pullquote blockquote {
     530                        max-width: calc(80% - 128px);
     531                }
     532        }
     533}
     534
     535
    353536/** === File === */
    354537
    … …  
    356539        font-family: $font__heading;
    357540
     541        .wp-block-file__textlink {
     542                text-decoration: underline;
     543                color: $color__link;
     544
     545                &:hover {
     546                        color: $color__link-hover;
     547                        text-decoration: none;
     548                }
     549        }
     550
    358551        .wp-block-file__button {
     552                display: table;
    359553                line-height: 1.8;
    360554                font-size: $font__size-sm;
    … …  
    363557                border-radius: 5px;
    364558        }
     559
     560        .wp-block-file__button-richtext-wrapper {
     561                display: block;
     562                margin-top: calc(0.75 * #{$size__spacing-unit});
     563                margin-left: 0;
     564        }
     565
    365566}
    366567
    … …  
    403604                color: $color__text-light;
    404605                font-size: $font__size-lg;
    405                 letter-spacing: $font__size-sm;
     606                letter-spacing: calc(2 * #{$size__spacing-unit});
     607                padding-left: calc(2 * #{$size__spacing-unit});
    406608        }
    407609}
    … …  
    421623
    422624        li {
     625                color: $color__text-light;
    423626                font-family: $font__heading;
    424                 font-size: $font__size-lg;
     627                font-size: calc(#{$font__size_base} * #{$font__size-ratio});
    425628                font-weight: bold;
    426629                line-height: $font__line-height-heading;
     630                padding-bottom: ( .75 * $size__spacing-unit );
     631
     632                &.menu-item-has-children,
     633                &:last-child {
     634                        padding-bottom: 0;
     635                }
    427636
    428637                a {
    429638                        text-decoration: none;
    430 
    431                         &:after {
    432                                 color: $color__text-light;
    433                                 content: ",";
    434                         }
    435                 }
    436 
    437                 &:last-child a:after {
    438                         color: $color__text-light;
    439                         content: ".";
    440                 }
    441         }
     639                }
     640
     641                ul {
     642                        padding-left: $size__spacing-unit;
     643                }
     644        }
     645}
     646
     647.wp-block-categories {
     648
     649        ul {
     650                padding-top: ( .75 * $size__spacing-unit );
     651                @include nestedSubMenuPadding();
     652        }
     653
     654        li ul {
     655                list-style: none;
     656                padding-left: 0;
     657                margin-bottom: ( -.75 * $size__spacing-unit );
     658        }
     659
    442660}
    443661
    … …  
    491709.wp-caption {
    492710        dd {
     711                color: $color__text-light;
     712                font-size: $font__size-xs;
     713                font-family: $font__heading;
     714                line-height: $font__line-height-pre;
     715                margin: 0;
     716                padding: ( $size__spacing-unit * .5 );
     717                text-align: left;
    493718                text-align: center;
    494719                -webkit-margin-start: 0px;
    … …  
    500725
    501726        /* Add style for galleries in classic-editor block */
    502         .gallery {
    503 
    504                 display: flex;
    505 
    506                 .gallery-item {
    507                         padding: ( $size__spacing-unit * .5 );
    508                         text-align: center;
    509                         vertical-align: top;
    510                         width: 100%;
    511 
    512                         .gallery-caption {
    513                                 margin: 0;
    514                         }
    515                 }
    516 
    517                 // Loops to enumerate the classes for gallery columns.
    518                 @for $i from 2 through 9 {
    519                         &.gallery-columns-#{$i} .gallery-item {
    520                                 max-width: calc( ( 12 / #{$i} ) * (100% / 12) );
    521                         }
    522                 }
    523         }
    524 }
     727        blockquote {
     728                border-left: 2px solid $color__link;
     729
     730                cite {
     731                        font-family: $font__heading;
     732                        font-size: $font__size-xs;
     733                        font-style: normal;
     734                        line-height: 1.6;
     735                        color: $color__text-light;
     736                }
     737        }
     738}
     739
     740/* Make sure our non-latin font overrides don't overwrite the iconfont used in the classic editor toolbar */
     741.wp-block[data-type="core/freeform"] .mce-btn i {
     742        font-family: dashicons !important;
     743}

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

    r43808 r44149  
    5454        ## Galleries
    5555--------------------------------------------------------------*/
     56/*
     57 * Chrome renders extra-wide &nbsp; characters for the Hoefler Text font.
     58 * This results in a jumping cursor when typing in both the Classic and block
     59 * editors. The following font-face override fixes the issue by manually inserting
     60 * a custom font that includes just a Hoefler Text space replacement for that
     61 * character instead.
     62 */
     63@font-face {
     64  font-family: 'NonBreakingSpaceOverride';
     65  src: url(data:application/font-woff2;charset=utf-8;base64,d09GMgABAAAAAAMoAA0AAAAACDQAAALTAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4GYACCahEICjx3CywAATYCJANUBCAFhiEHgWwbXQfILgpsY+rQRRARwyAs6uL7pxzYhxEE+32b3aeHmifR6tklkS9hiZA0ewkqGRJE+H7/+6378ASViK/PGeavqJyOzsceKi1s3BCiQsiOdn1r/RBgIJYEgCUhbm/8/8/h4saPssnTNkkiWUBrTRtjmQSajw3Ui3pZ3LYDPD+XG2C3JA/yKAS8/rU5eNfuGqRf4eNNgV4YAlIIgxglEkWe6FYpq10+wi3g+/nUgvgPFczNrz/RsTgVm/zfbPuHZlsuQECxuyqBcQwKFBjFgKO8AqP4bAN9tFJtnM9xPcbNjeXS/x1wY/xU52f5W/X1+9cnH4YwKIaoRRAkUkj/YlAAeF/624foiIDBgBmgQBeGAyhBljUPZUm/l2dTvmpqcBDUOHdbPZWd8JsBAsGr4w8/EDn82/bUPx4eh0YNrQTBuHO2FjQEAGBwK0DeI37DpQVqdERS4gZBhpeUhWCfLFz7J99aEBgsJCHvUGAdAPp4IADDCAPCEFMGpMZ9AQpTfQtQGhLbGVBZFV8BaqNyP68oTZgHNj3M8kBPfXTTC9t90UuzYhy9ciH0grVlOcqyCytisvbsERsEYztiznR0WCrmTksJwbSNK6fd1Rvr25I9oLvctUoEbNOmXJbqgYgPXEHJ82IUsrCnpkxh23F1rfZ2zcRnJYoXtauB3VTFkFXQg3uoZYD5qE0kdjDtoDoF1h2bulGmev5HbYhbrjtohQSRI4aNOkffIcT+d3v6atpaYh3JvPoQsztCcqvaBkppDSPcQ3bw3KaCBo1f5CJWTZEgW3LjLofYg51MaVezrx8xZitYbQ9KYeoRaqQdVLwSEfrKXLK1otCWOKNdR/YwYAfon5Yk8O2MJfSD10dPGA5PIJJQMkah0ugMJiv6x4Dm7LEa8xnrRGGGLAg4sAlbsA07sAt76DOsXKO3hIjtIlpnnFrt1qW4kh6NhS83P/6HB/fl1SMAAA==) format("woff2"), url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAUQAA0AAAAACDQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAE9AAAABwAAAAchf5yU0dERUYAAATYAAAAHAAAAB4AJwAbT1MvMgAAAaAAAABJAAAAYJAcgU5jbWFwAAACIAAAAF4AAAFqUUxBZ2dhc3AAAATQAAAACAAAAAgAAAAQZ2x5ZgAAApAAAAAyAAAAPL0n8y9oZWFkAAABMAAAADAAAAA2Fi93Z2hoZWEAAAFgAAAAHQAAACQOSgWaaG10eAAAAewAAAAzAAAAVC7TAQBsb2NhAAACgAAAABAAAAAsAOQBAm1heHAAAAGAAAAAHQAAACAAWQALbmFtZQAAAsQAAAF6AAADIYvD/Adwb3N0AAAEQAAAAI4AAADsapk2o3jaY2BkYGAA4ov5mwzj+W2+MnCzXwCKMNzgCBSB0LfbQDQ7AxuI4mBgAlEAFKQIRHjaY2BkYGD3+NvCwMDBAALsDAyMDKhAFAA3+wH3AAAAeNpjYGRgYBBl4GBgYgABEMnIABJzAPMZAAVmAGUAAAB42mNgZlJhnMDAysDCKsKygYGBYRqEZtrDYMT4D8gHSmEHjgUFOQwODAqqf9g9/rYwMLB7MNUAhRlBcsxBrMlASoGBEQAj8QtyAAAAeNrjYGBkAAGmWQwMjO8gmBnIZ2NA0ExAzNjAAFYJVn0ASBsD6VAIDZb7AtELAgANIgb9AHjaY2BgYGaAYBkGRgYQSAHyGMF8FgYPIM3HwMHAxMDGoMCwQIFLQV8hXvXP//9AcRCfAcb///h/ygPW+w/vb7olBjUHCTCyMcAFGZmABBO6AogThgZgIUsXAEDcEzcAAHjaY2BgECMCyoEgACZaAed42mNgYmRgYGBnYGNgYAZSDJqMgorCgoqCjECRXwwNrCAKSP5mAAFGBiRgyAAAi/YFBQAAeNqtkc1OwkAUhU/5M25cEhcsZick0AwlBJq6MWwgJkAgYV/KAA2lJeUn+hY+gktXvpKv4dLTMqKycGHsTZNv7px7z50ZAFd4hYHjdw1Ls4EiHjVncIFnzVnc4F1zDkWjrzmPW+NNcwGlzIRKI3fJlUyrEjZQxb3mDH2fNGfRx4vmHKqG0JzHg6E0F9DOlFBGBxUI1GEzLNT4S0aLuTtsGAEUuYcQHkyg3KmIum1bNUvKlrjbbAIleqHHnS4iSudpQcySMYtdFiXlAxzSbAwfMxK6kZoHKhbjjespMTioOPZnzI+4ucCeTVyKMVKLfeAS6vSWaTinuZwzyy/Dc7vaed+6KaV0kukdPUk6yOcctZPvvxxqksq2lEW8RvHjMEO2FCl/zy6p3NEm0R9OFSafJdldc4QVeyaaObMBO0/5cCaa6d9Ggyubxire+lEojscdjoWUR1xGOy8KD8mG2ZLO2l2paDc3A39qmU2z2W5YNv5+u79e6QfGJY/hAAB42m3NywrCMBQE0DupWp/1AYI7/6DEaLQu66Mrd35BKUWKJSlFv1+rue4cGM7shgR981qSon+ZNwUJ8iDgoYU2OvDRRQ99DDDECAHGmGCKmf80hZSx/Kik/LliFbtmN6xmt+yOjdg9GztV4tROnRwX/Bsaaw51nt4Lc7tWaZYHp/MlzKx51LZs5htNri+2AAAAAQAB//8AD3jaY2BkYGDgAWIxIGZiYARCESBmAfMYAAR6AEMAAAABAAAAANXtRbgAAAAA2AhRFAAAAADYCNuG) format("woff");
     66}
     67
    5668/* If we add the border using a regular CSS border, it won't look good on non-retina devices,
    5769 * since its edges can look jagged due to lack of antialiasing. In this case, we are several
    5870 * layers of box-shadow to add the border visually, which will render the border smoother. */
     71/* Fallback for non-latin fonts */
     72/* Calculates maximum width for post content */
     73/* Nested sub-menu padding: 10 levels deep */
    5974/* Normalize */
    6075/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
    … …  
    134149  text-decoration: underline;
    135150  /* 2 */
    136   -webkit-text-decoration: underline dotted;
    137           text-decoration: underline dotted;
     151  text-decoration: underline dotted;
    138152  /* 2 */
    139153}
    … …  
    400414  -moz-osx-font-smoothing: grayscale;
    401415  color: #111;
    402   font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
     416  font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
    403417  font-weight: 400;
    404418  font-size: 1em;
    … …  
    414428textarea {
    415429  color: #111;
    416   font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
     430  font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
    417431  font-weight: 400;
    418432  line-height: 1.8;
    … …  
    420434}
    421435
     436.author-description .author-link,
     437.comment-metadata,
     438.comment-reply-link,
     439.comments-title,
     440.comment-author .fn,
     441.discussion-meta-info,
     442.entry-meta,
     443.entry-footer,
     444.main-navigation,
     445.no-comments,
     446.not-found .page-title,
     447.error-404 .page-title,
     448.post-navigation .post-title,
     449.page-links,
     450.page-description,
     451.pagination .nav-links,
     452.sticky-post,
     453.site-title,
     454.site-info,
     455#cancel-comment-reply-link,
     456img:after,
     457h1,
     458h2,
     459h3,
     460h4,
     461h5,
     462h6 {
     463  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
     464}
     465
    422466.main-navigation,
    423467.page-description,
    424 h2.author-title,
     468.author-description .author-link,
    425469.not-found .page-title,
    426470.error-404 .page-title,
    … …  
    431475.no-comments,
    432476.site-title,
    433 h1, h2, h3, h4, h5, h6 {
    434   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
     477h1,
     478h2,
     479h3,
     480h4,
     481h5,
     482h6 {
    435483  font-weight: 700;
    436484  letter-spacing: -0.02em;
    … …  
    440488}
    441489
    442 .site-info,
    443 .page-description,
    444 .post-navigation .post-title,
    445 .comment-metadata,
    446 .discussion-meta-info,
    447 .entry-meta,
    448 .entry-footer,
    449 .comment-reply-link,
    450 #cancel-comment-reply-link,
    451 img:after,
    452 .page-links,
    453 .sticky-post {
    454   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    455 }
    456 
    457490.page-title {
    458   font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
     491  font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
    459492}
    460493
    … …  
    462495.main-navigation ul.main-menu > li,
    463496.social-navigation,
    464 .author-description p.author-bio,
     497.author-description .author-bio,
    465498.nav-links {
    466499  line-height: 1.25;
    … …  
    557590.comments-title,
    558591blockquote {
    559   -webkit-hyphens: auto;
    560       -ms-hyphens: auto;
    561           hyphens: auto;
     592  hyphens: auto;
    562593  word-break: break-word;
    563594}
    … …  
    566597@media only screen and (min-width: 768px) {
    567598  .entry-title {
    568     -webkit-hyphens: none;
    569         -ms-hyphens: none;
    570             hyphens: none;
     599    hyphens: none;
    571600  }
    572601}
    … …  
    577606}
    578607
    579 dfn, cite, em, i {
     608dfn,
     609cite,
     610em,
     611i {
    580612  font-style: italic;
    581613}
    582614
    583 blockquote > p {
    584   font-size: 1.6875em;
    585   font-style: italic;
    586   line-height: 1.2;
    587 }
    588 
    589615blockquote cite {
    590   font-size: 0.88889em;
     616  font-size: 0.71111em;
    591617  font-style: normal;
    592618  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    … …  
    600626}
    601627
    602 code, kbd, tt, var {
     628code,
     629kbd,
     630tt,
     631var {
    603632  font-size: 0.88889em;
    604633  font-family: Menlo, monaco, Consolas, Lucida Console, monospace;
    … …  
    610639}
    611640
    612 mark, ins {
     641mark,
     642ins {
    613643  background: #fff9c0;
    614644  text-decoration: none;
    … …  
    629659a:focus {
    630660  text-decoration: underline;
     661}
     662
     663/* Arabic */
     664html[lang="ar"] .site *,
     665html[lang="ary"] .site *,
     666html[lang="azb"] .site *,
     667html[lang="ckb"] .site *,
     668html[lang="fa-IR"] .site *,
     669html[lang="haz"] .site *,
     670html[lang="ps"] .site * {
     671  font-family: Tahoma, Arial, sans-serif !important;
     672}
     673
     674/* Cyrillic */
     675html[lang="be"] .site *,
     676html[lang="bg-BG"] .site *,
     677html[lang="kk"] .site *,
     678html[lang="mk-MK"] .site *,
     679html[lang="mn"] .site *,
     680html[lang="ru-RU"] .site *,
     681html[lang="sah"] .site *,
     682html[lang="sr-RS"] .site *,
     683html[lang="tt-RU"] .site *,
     684html[lang="uk"] .site * {
     685  font-family: 'Helvetica Neue', Helvetica, 'Segoe UI', Arial, sans-serif !important;
     686}
     687
     688/* Chinese (Hong Kong) */
     689html[lang="zh-HK"] .site * {
     690  font-family: -apple-system, BlinkMacSystemFont, 'PingFang HK', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important;
     691}
     692
     693/* Chinese (Taiwan) */
     694html[lang="zh-TW"] .site * {
     695  font-family: -apple-system, BlinkMacSystemFont, 'PingFang TC', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important;
     696}
     697
     698/* Chinese (China) */
     699html[lang="zh-CN"] .site * {
     700  font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important;
     701}
     702
     703/* Devanagari */
     704html[lang="bn-BD"] .site *,
     705html[lang="hi-IN"] .site *,
     706html[lang="mr"] .site *,
     707html[lang="ne-NP"] .site * {
     708  font-family: Arial, sans-serif !important;
     709}
     710
     711/* Greek */
     712html[lang="el"] .site * {
     713  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
     714}
     715
     716/* Gujarati */
     717html[lang="gu"] .site * {
     718  font-family: Arial, sans-serif !important;
     719}
     720
     721/* Hebrew */
     722html[lang="he-IL"] .site * {
     723  font-family: 'Arial Hebrew', Arial, sans-serif !important;
     724}
     725
     726/* Japanese */
     727html[lang="ja"] .site * {
     728  font-family: -apple-system, BlinkMacSystemFont, "Hiragino Sans", Meiryo, "Helvetica Neue", sans-serif !important;
     729}
     730
     731/* Korean */
     732html[lang="ko-KR"] .site * {
     733  font-family: 'Apple SD Gothic Neo', 'Malgun Gothic', 'Nanum Gothic', Dotum, sans-serif !important;
     734}
     735
     736/* Thai */
     737html[lang="th"] .site * {
     738  font-family: 'Sukhumvit Set', 'Helvetica Neue', helvetica, arial, sans-serif !important;
     739}
     740
     741/* Vietnamese */
     742html[lang="vi"] .site * {
     743  font-family: 'Libre Franklin', sans-serif !important;
    631744}
    632745
    … …  
    637750
    638751::-moz-selection {
    639   background: #bfdcea;
     752  background-color: #bfdcea;
    640753}
    641754
    642755::selection {
    643   background: #bfdcea;
     756  background-color: #bfdcea;
    644757}
    645758
    … …  
    651764
    652765body {
    653   background: #fff;
     766  background-color: #fff;
    654767}
    655768
    … …  
    667780
    668781a:focus {
    669   outline: 0;
     782  outline: thin;
     783  outline-style: dotted;
    670784  text-decoration: underline;
    671785}
    672786
    673 h1, h2, h3, h4, h5, h6 {
     787h1,
     788h2,
     789h3,
     790h4,
     791h5,
     792h6 {
    674793  clear: both;
    675794  margin: 1rem 0;
    676795}
    677796
    678 h1:not(.site-title):before, h2:before {
     797h1:not(.site-title):before,
     798h2:before {
    679799  background: #767676;
    680800  content: "\020";
    … …  
    731851}
    732852
    733 img:before {
    734   background-color: #eee;
    735   border: 1px dashed #ccc;
    736   border-radius: 3px;
    737   content: " ";
    738   display: block;
    739   height: 100%;
    740   right: 0;
    741   position: absolute;
    742   top: 0;
    743   width: 100%;
    744 }
    745 
    746 img:after {
    747   color: #666;
    748   content: "This image is broken :-/ ( " attr(alt) " )";
    749   display: block;
    750   right: 50%;
    751   position: absolute;
    752   text-align: center;
    753   top: 50%;
    754   transform: translate(50%, -50%);
    755   width: 100%;
    756 }
    757 
    758853figure {
    759854  margin: 0;
    … …  
    762857blockquote {
    763858  border-right: 2px solid #0073aa;
    764   margin-right: -2rem;
    765   padding: 1rem 2rem 0.5rem 0;
     859  margin-right: 0;
     860  padding: 0 1rem 0 0;
    766861}
    767862
    … …  
    776871table {
    777872  margin: 0 0 1rem;
     873  border-collapse: collapse;
    778874  width: 100%;
    779 }
    780 
    781 table td, table th {
    782   border-color: #767676;
     875  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
     876}
     877
     878table td,
     879table th {
     880  padding: 0.5em;
     881  border: 1px solid #767676;
     882  word-break: break-all;
    783883}
    784884
    … …  
    794894  border-radius: 5px;
    795895  box-sizing: border-box;
    796   color: white;
     896  color: #fff;
    797897  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    798898  font-size: 0.88889em;
    799   font-weight: 600;
     899  font-weight: 700;
    800900  line-height: 1.2;
    801901  outline: none;
    802   padding: 0.66rem 1rem;
     902  padding: 0.76rem 1rem;
     903  text-decoration: none;
     904  vertical-align: bottom;
    803905}
    804906
    … …  
    808910input[type="reset"]:hover,
    809911input[type="submit"]:hover {
     912  background: #111;
    810913  cursor: pointer;
    811914}
    812915
    813 .button:hover, .button:focus,
    814 button:hover,
    815 button:focus,
    816 input[type="button"]:hover,
    817 input[type="button"]:focus,
    818 input[type="reset"]:hover,
    819 input[type="reset"]:focus,
    820 input[type="submit"]:hover,
    821 input[type="submit"]:focus {
    822   background: #111;
     916.button:visited,
     917button:visited,
     918input[type="button"]:visited,
     919input[type="reset"]:visited,
     920input[type="submit"]:visited {
     921  color: #fff;
     922  text-decoration: none;
    823923}
    824924
    … …  
    828928input[type="reset"]:focus,
    829929input[type="submit"]:focus {
     930  background: #111;
    830931  outline: thin dotted;
    831932  outline-offset: -4px;
    … …  
    853954  box-sizing: border-box;
    854955  outline: none;
    855   padding: 0.5rem 0.66rem;
     956  padding: 0.36rem 0.66rem;
     957  -webkit-appearance: none;
     958  outline-offset: 0;
     959  border-radius: 0;
    856960}
    857961
    … …  
    877981}
    878982
     983input[type="search"]::-webkit-search-decoration {
     984  display: none;
     985}
     986
    879987textarea {
    880988  box-sizing: border-box;
    … …  
    9091017
    9101018a:focus {
    911   outline: 0;
     1019  outline: thin dotted;
    9121020  text-decoration: underline;
    9131021}
    … …  
    9181026/** === Main menu === */
    9191027.main-navigation {
    920   display: inline;
     1028  display: block;
     1029  margin-top: 0.25rem;
    9211030  /*
     1031         * Sub-menu styles
     1032         *
    9221033         * :focus-within needs its own selector so other similar
    9231034         * selectors don’t get ignored if a browser doesn’t recognize it
    9241035         */
    925 }
    926 
    927 @media only screen and (min-width: 768px) {
    928   .main-navigation {
    929     display: block;
    930   }
     1036  /**
     1037         * Fade-in animation for top-level submenus
     1038         */
     1039  /**
     1040         * Off-canvas touch device styles
     1041         */
    9311042}
    9321043
    … …  
    9401051
    9411052.main-navigation .main-menu {
    942   display: inline;
     1053  display: inline-block;
    9431054  margin: 0;
    9441055  padding: 0;
    … …  
    9461057
    9471058.main-navigation .main-menu > li {
     1059  color: #0073aa;
    9481060  display: inline;
     1061  position: relative;
    9491062}
    9501063
    … …  
    9521065  font-weight: 700;
    9531066  color: #0073aa;
     1067  margin-left: 0.5rem;
    9541068}
    9551069
    9561070.main-navigation .main-menu > li > a + svg {
    957   color: #0073aa;
    958   margin-left: -0.25rem;
    959 }
    960 
    961 .main-navigation .main-menu > li > a:hover {
    962   color: #005177;
    963 }
    964 
     1071  margin-left: 0.5rem;
     1072}
     1073
     1074.main-navigation .main-menu > li > a:hover,
    9651075.main-navigation .main-menu > li > a:hover + svg {
    9661076  color: #005177;
    9671077}
    9681078
    969 .main-navigation .main-menu > li > a:after {
    970   content: ",";
    971   display: inline;
    972   color: #767676;
    973 }
    974 
    975 .main-navigation .main-menu > li.menu-item-has-children:after {
    976   content: ",";
    977   display: inline;
    978   color: #767676;
     1079.main-navigation .main-menu > li.menu-item-has-children {
     1080  display: inline-block;
     1081  position: inherit;
     1082}
     1083
     1084@media only screen and (min-width: 768px) {
     1085  .main-navigation .main-menu > li.menu-item-has-children {
     1086    position: relative;
     1087  }
     1088}
     1089
     1090.main-navigation .main-menu > li.menu-item-has-children > a {
     1091  margin-left: 0.125rem;
    9791092}
    9801093
    … …  
    9851098}
    9861099
    987 .main-navigation .main-menu > li:last-child > a:after {
    988   content: ".";
    989 }
    990 
    991 .main-navigation .main-menu > li:last-child > a {
     1100.main-navigation .main-menu > li.menu-item-has-children .submenu-expand {
     1101  display: inline-block;
     1102  margin-left: 0.25rem;
     1103  /* Priority+ Menu */
     1104}
     1105
     1106.main-navigation .main-menu > li.menu-item-has-children .submenu-expand.main-menu-more-toggle {
     1107  position: relative;
     1108  height: 24px;
     1109  line-height: 1.2;
     1110  width: 24px;
     1111  padding: 0;
     1112  margin-right: 0.5rem;
     1113}
     1114
     1115.main-navigation .main-menu > li.menu-item-has-children .submenu-expand.main-menu-more-toggle svg {
     1116  height: 24px;
     1117  width: 24px;
     1118  top: -0.125rem;
     1119  vertical-align: text-bottom;
     1120}
     1121
     1122.wp-customizer-unloading .main-navigation .main-menu > li.menu-item-has-children .submenu-expand, .main-navigation .main-menu > li.menu-item-has-children .submenu-expand.is-empty {
     1123  display: none;
     1124}
     1125
     1126.main-navigation .main-menu > li.menu-item-has-children .submenu-expand svg {
     1127  position: relative;
     1128  top: 0.2rem;
     1129}
     1130
     1131.main-navigation .main-menu > li:last-child > a,
     1132.main-navigation .main-menu > li:last-child.menu-item-has-children .submenu-expand {
    9921133  margin-left: 0;
    9931134}
    9941135
    9951136.main-navigation .sub-menu {
    996   background: #0073aa;
     1137  background-color: #0073aa;
    9971138  color: #fff;
    9981139  list-style: none;
    9991140  padding-right: 0;
    1000   display: none;
    1001   float: right;
    1002   width: 100%;
    10031141  position: absolute;
    10041142  opacity: 0;
    1005   right: -999em;
     1143  right: -9999px;
    10061144  z-index: 99999;
    1007   transition: opacity 0.5s ease-in-out;
    10081145}
    10091146
    10101147@media only screen and (min-width: 768px) {
    10111148  .main-navigation .sub-menu {
    1012     max-width: calc(3 * (100vw / 12));
     1149    width: auto;
     1150    min-width: -moz-max-content;
     1151    min-width: -webkit-max-content;
     1152    min-width: max-content;
    10131153  }
    10141154}
    10151155
    10161156.main-navigation .sub-menu > li {
    1017   clear: both;
    10181157  display: block;
    10191158  float: none;
    10201159  position: relative;
    1021   word-break: break-word;
    1022 }
    1023 
    1024 .main-navigation .sub-menu > li.menu-item-has-children svg {
     1160}
     1161
     1162.main-navigation .sub-menu > li.menu-item-has-children .submenu-expand {
     1163  display: inline-block;
    10251164  position: absolute;
    1026   left: 0.5rem;
    1027   top: 0.65rem;
     1165  width: calc( 24px + 1rem);
     1166  left: 0;
     1167  top: calc( .125 * 1rem);
     1168  bottom: 0;
     1169  color: white;
     1170  line-height: 1;
     1171  padding: calc( .5 * 1rem);
     1172}
     1173
     1174.main-navigation .sub-menu > li.menu-item-has-children .submenu-expand svg {
     1175  top: 0;
     1176}
     1177
     1178.main-navigation .sub-menu > li.menu-item-has-children .submenu-expand {
     1179  margin-left: 0;
    10281180}
    10291181
    … …  
    10341186}
    10351187
    1036 .main-navigation .sub-menu > li > a {
     1188.main-navigation .sub-menu > li > a,
     1189.main-navigation .sub-menu > li > .menu-item-link-return {
    10371190  color: #fff;
    10381191  display: block;
    10391192  line-height: 1.2;
    1040   padding: calc( .5 * 1rem) 1rem;
    1041 }
    1042 
    1043 .main-navigation .sub-menu > li > a:hover, .main-navigation .sub-menu > li > a:focus {
     1193  padding: calc( .5 * 1rem) 1rem calc( .5 * 1rem) calc( 24px + 1rem);
     1194  white-space: nowrap;
     1195}
     1196
     1197.main-navigation .sub-menu > li > a:hover, .main-navigation .sub-menu > li > a:focus,
     1198.main-navigation .sub-menu > li > .menu-item-link-return:hover,
     1199.main-navigation .sub-menu > li > .menu-item-link-return:focus {
    10441200  background: #005177;
    10451201}
    10461202
    1047 .main-navigation .sub-menu > li > a:hover:after, .main-navigation .sub-menu > li > a:focus:after {
     1203.main-navigation .sub-menu > li > a:hover:after, .main-navigation .sub-menu > li > a:focus:after,
     1204.main-navigation .sub-menu > li > .menu-item-link-return:hover:after,
     1205.main-navigation .sub-menu > li > .menu-item-link-return:focus:after {
    10481206  background: #005177;
    10491207}
    10501208
    1051 .main-navigation .main-menu .menu-item-has-children:hover > .sub-menu,
    1052 .main-navigation .main-menu .menu-item-has-children .sub-menu:hover {
     1209.main-navigation .sub-menu > li > a:empty {
     1210  display: none;
     1211}
     1212
     1213.main-navigation .sub-menu > li.mobile-parent-nav-menu-item {
     1214  display: none;
     1215  font-size: 0.88889em;
     1216  font-weight: normal;
     1217}
     1218
     1219.main-navigation .sub-menu > li.mobile-parent-nav-menu-item svg {
     1220  position: relative;
     1221  top: 0.2rem;
     1222  margin-left: calc( .25 * 1rem);
     1223}
     1224
     1225.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu {
    10531226  display: block;
    1054   right: inherit;
    1055   margin-top: -2px;
     1227  right: 0;
     1228  margin-top: 0;
    10561229  opacity: 1;
    1057 }
    1058 
    1059 .main-navigation .main-menu .menu-item-has-children:hover > .sub-menu .sub-menu,
    1060 .main-navigation .main-menu .menu-item-has-children .sub-menu:hover .sub-menu {
     1230  width: auto;
     1231  min-width: 100%;
     1232  /* Non-mobile position */
     1233  /* Nested sub-menu dashes */
     1234}
     1235
     1236.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu {
     1237  display: block;
     1238  right: 0;
     1239  margin-top: 0;
     1240  opacity: 1;
     1241  width: auto;
     1242  min-width: 100%;
     1243  /* Non-mobile position */
     1244  /* Nested sub-menu dashes */
     1245}
     1246
     1247@media only screen and (min-width: 768px) {
     1248  .main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu {
     1249    display: block;
     1250    margin-top: 0;
     1251    opacity: 1;
     1252    position: absolute;
     1253    right: 0;
     1254    left: auto;
     1255    top: auto;
     1256    bottom: auto;
     1257    height: auto;
     1258    min-width: -moz-max-content;
     1259    min-width: -webkit-max-content;
     1260    min-width: max-content;
     1261    transform: none;
     1262  }
     1263  .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu {
     1264    display: block;
     1265    margin-top: 0;
     1266    opacity: 1;
     1267    position: absolute;
     1268    right: 0;
     1269    left: auto;
     1270    top: auto;
     1271    bottom: auto;
     1272    height: auto;
     1273    min-width: -moz-max-content;
     1274    min-width: -webkit-max-content;
     1275    min-width: max-content;
     1276    transform: none;
     1277  }
     1278}
     1279
     1280.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu.hidden-links {
     1281  right: 0;
     1282  width: 100%;
     1283  display: table;
     1284  position: absolute;
     1285}
     1286
     1287.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu.hidden-links {
     1288  right: 0;
     1289  width: 100%;
     1290  display: table;
     1291  position: absolute;
     1292}
     1293
     1294@media only screen and (min-width: 768px) {
     1295  .main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu.hidden-links {
     1296    left: 0;
     1297    right: auto;
     1298    display: block;
     1299    width: max-content;
     1300  }
     1301  .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu.hidden-links {
     1302    left: 0;
     1303    right: auto;
     1304    display: block;
     1305    width: max-content;
     1306  }
     1307}
     1308
     1309.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .submenu-expand {
     1310  display: none;
     1311}
     1312
     1313.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .submenu-expand {
     1314  display: none;
     1315}
     1316
     1317.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu {
     1318  display: block;
    10611319  margin-top: inherit;
    10621320  position: relative;
    1063   padding-right: 1rem;
    1064 }
    1065 
    1066 @media only screen and (min-width: 768px) {
    1067   .main-navigation .main-menu .menu-item-has-children:hover > .sub-menu .sub-menu,
    1068   .main-navigation .main-menu .menu-item-has-children .sub-menu:hover .sub-menu {
    1069     padding-right: 0;
    1070     position: absolute;
    1071     right: 100%;
    1072     top: 0;
    1073   }
    1074 }
    1075 
    1076 .main-navigation .main-menu .menu-item-has-children:focus-within > .sub-menu {
     1321  width: 100%;
     1322  right: 0;
     1323  opacity: 1;
     1324  /* Non-mobile position */
     1325}
     1326
     1327.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu {
    10771328  display: block;
    1078   right: inherit;
    1079   margin-top: -2px;
    1080   opacity: 1;
    1081 }
    1082 
    1083 .main-navigation .main-menu .menu-item-has-children:focus-within > .sub-menu .sub-menu {
    10841329  margin-top: inherit;
    10851330  position: relative;
    1086   padding-right: 1rem;
    1087 }
    1088 
    1089 @media only screen and (min-width: 768px) {
    1090   .main-navigation .main-menu .menu-item-has-children:focus-within > .sub-menu .sub-menu {
    1091     padding-right: 0;
     1331  width: 100%;
     1332  right: 0;
     1333  opacity: 1;
     1334  /* Non-mobile position */
     1335}
     1336
     1337@media only screen and (min-width: 768px) {
     1338  .main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu {
     1339    float: none;
     1340    max-width: 100%;
     1341  }
     1342  .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu {
     1343    float: none;
     1344    max-width: 100%;
     1345  }
     1346}
     1347
     1348.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu {
     1349  counter-reset: submenu;
     1350}
     1351
     1352.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu {
     1353  counter-reset: submenu;
     1354}
     1355
     1356.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu > li > a::before {
     1357  font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
     1358  font-weight: normal;
     1359  content: "– " counters(submenu, "– ", none);
     1360  counter-increment: submenu;
     1361}
     1362
     1363.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu > li > a::before {
     1364  font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
     1365  font-weight: normal;
     1366  content: "– " counters(submenu, "– ", none);
     1367  counter-increment: submenu;
     1368}
     1369
     1370.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu,
     1371.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu,
     1372.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu {
     1373  display: block;
     1374  right: 0;
     1375  margin-top: 0;
     1376  opacity: 1;
     1377  width: auto;
     1378  min-width: 100%;
     1379  /* Non-mobile position */
     1380  /* Nested sub-menu dashes */
     1381}
     1382
     1383@media only screen and (min-width: 768px) {
     1384  .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu,
     1385  .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu,
     1386  .main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu {
     1387    display: block;
     1388    float: none;
     1389    margin-top: 0;
     1390    opacity: 1;
    10921391    position: absolute;
    1093     right: 100%;
     1392    right: 0;
     1393    left: auto;
     1394    top: auto;
     1395    bottom: auto;
     1396    height: auto;
     1397    min-width: -moz-max-content;
     1398    min-width: -webkit-max-content;
     1399    min-width: max-content;
     1400    transform: none;
     1401  }
     1402}
     1403
     1404.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu.hidden-links,
     1405.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu.hidden-links,
     1406.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu.hidden-links {
     1407  right: 0;
     1408  width: 100%;
     1409  display: table;
     1410  position: absolute;
     1411}
     1412
     1413@media only screen and (min-width: 768px) {
     1414  .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu.hidden-links,
     1415  .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu.hidden-links,
     1416  .main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu.hidden-links {
     1417    left: 0;
     1418    right: auto;
     1419    display: table;
     1420    width: max-content;
     1421  }
     1422}
     1423
     1424.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .submenu-expand,
     1425.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .submenu-expand,
     1426.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .submenu-expand {
     1427  display: none;
     1428}
     1429
     1430.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu,
     1431.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu,
     1432.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu {
     1433  display: block;
     1434  margin-top: inherit;
     1435  position: relative;
     1436  width: 100%;
     1437  right: 0;
     1438  opacity: 1;
     1439  /* Non-mobile position */
     1440}
     1441
     1442@media only screen and (min-width: 768px) {
     1443  .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu,
     1444  .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu,
     1445  .main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu {
     1446    float: none;
     1447    max-width: 100%;
     1448  }
     1449}
     1450
     1451.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu,
     1452.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu,
     1453.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu {
     1454  counter-reset: submenu;
     1455}
     1456
     1457.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu > li > a::before,
     1458.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu > li > a::before,
     1459.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu > li > a::before {
     1460  font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
     1461  font-weight: normal;
     1462  content: "– " counters(submenu, "– ", none);
     1463  counter-increment: submenu;
     1464}
     1465
     1466.main-navigation .main-menu > .menu-item-has-children:not(.off-canvas):hover > .sub-menu {
     1467  animation: fade_in 0.1s forwards;
     1468}
     1469
     1470.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu .submenu-expand .svg-icon {
     1471  transform: rotate(-270deg);
     1472}
     1473
     1474.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu .sub-menu {
     1475  opacity: 0;
     1476  position: absolute;
     1477  z-index: 0;
     1478  transform: translateX(100%);
     1479}
     1480
     1481.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu li:hover,
     1482.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu li:focus,
     1483.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu li > a:hover,
     1484.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu li > a:focus {
     1485  background-color: transparent;
     1486}
     1487
     1488.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu > li > a,
     1489.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu > li > .menu-item-link-return {
     1490  white-space: inherit;
     1491}
     1492
     1493.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true {
     1494  display: table;
     1495  margin-top: 0;
     1496  opacity: 1;
     1497  padding-right: 0;
     1498  /* Mobile position */
     1499  right: 0;
     1500  top: 0;
     1501  left: 0;
     1502  bottom: 0;
     1503  position: fixed;
     1504  z-index: 100000;
     1505  /* Make sure appears above mobile admin bar */
     1506  width: 100vw;
     1507  height: 100vh;
     1508  max-width: 100vw;
     1509  transform: translateX(-100%);
     1510  animation: slide_in_right 0.3s forwards;
     1511  /* Prevent menu from being blocked by admin bar */
     1512}
     1513
     1514.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true > .mobile-parent-nav-menu-item {
     1515  display: block;
     1516}
     1517
     1518.admin-bar .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true {
     1519  top: 46px;
     1520  height: calc( 100vh - 46px);
     1521  /* WP core breakpoint */
     1522}
     1523
     1524.admin-bar .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true .sub-menu.expanded-true {
     1525  top: 0;
     1526}
     1527
     1528@media only screen and (min-width: 782px) {
     1529  .admin-bar .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true {
     1530    top: 32px;
     1531    height: calc( 100vh - 32px);
     1532  }
     1533  .admin-bar .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true .sub-menu.expanded-true {
    10941534    top: 0;
     1535  }
     1536}
     1537
     1538.main-navigation .main-menu-more:nth-child(n+3) {
     1539  display: none;
     1540}
     1541
     1542/* Menu animation */
     1543@keyframes slide_in_right {
     1544  100% {
     1545    transform: translateX(0%);
     1546  }
     1547}
     1548
     1549@keyframes fade_in {
     1550  from {
     1551    opacity: 0;
     1552  }
     1553  to {
     1554    opacity: 1;
    10951555  }
    10961556}
    … …  
    11511611}
    11521612
     1613@media only screen and (min-width: 768px) {
     1614  .site-title + .social-navigation,
     1615  .site-description + .social-navigation {
     1616    margin-top: calc(1rem / 5);
     1617  }
     1618}
     1619
     1620/** === Footer menu === */
     1621.footer-navigation {
     1622  display: inline;
     1623}
     1624
     1625.footer-navigation > div {
     1626  display: inline;
     1627}
     1628
     1629.footer-navigation .footer-menu {
     1630  display: inline;
     1631  padding-right: 0;
     1632}
     1633
     1634.footer-navigation .footer-menu li {
     1635  display: inline;
     1636  margin-left: 1rem;
     1637}
     1638
    11531639/*--------------------------------------------------------------
    11541640## Next / Previous
    … …  
    11591645}
    11601646
     1647@media only screen and (min-width: 768px) {
     1648  .post-navigation {
     1649    margin: calc(3 * 1rem) calc(10% + 60px);
     1650    max-width: calc(6 * (100vw / 12));
     1651  }
     1652}
     1653
     1654@media only screen and (min-width: 1168px) {
     1655  .post-navigation {
     1656    margin: calc(3 * 1rem) 0;
     1657    max-width: 100%;
     1658  }
     1659}
     1660
    11611661.post-navigation .nav-links {
    11621662  margin: 0 1rem;
    … …  
    11661666}
    11671667
     1668@media only screen and (min-width: 768px) {
     1669  .post-navigation .nav-links {
     1670    margin: 0;
     1671  }
     1672}
     1673
    11681674@media only screen and (min-width: 1168px) {
    11691675  .post-navigation .nav-links {
    11701676    flex-direction: row;
    1171     margin: 0 calc(2 * (100vw / 12));
    1172     max-width: calc(8 * (100vw / 12));
     1677    margin: 0 calc(10% + 60px);
     1678    max-width: calc(6 * (100vw / 12) - 28px);
    11731679  }
    11741680}
    … …  
    11761682.post-navigation .nav-links a .meta-nav {
    11771683  color: #767676;
    1178   -webkit-user-select: none;
    1179      -moz-user-select: none;
    1180       -ms-user-select: none;
    1181           user-select: none;
     1684  user-select: none;
    11821685}
    11831686
    … …  
    11911694
    11921695.post-navigation .nav-links a .post-title {
    1193   -webkit-hyphens: auto;
    1194       -ms-hyphens: auto;
    1195           hyphens: auto;
     1696  hyphens: auto;
    11961697}
    11971698
    … …  
    12321733  .post-navigation .nav-links .nav-next {
    12331734    order: 2;
     1735    padding-right: 1rem;
    12341736  }
    12351737}
    … …  
    12571759}
    12581760
     1761.pagination .nav-links a:focus {
     1762  text-decoration: underline;
     1763  outline-offset: -1px;
     1764}
     1765
     1766.pagination .nav-links a:focus.prev, .pagination .nav-links a:focus.next {
     1767  text-decoration: none;
     1768}
     1769
     1770.pagination .nav-links a:focus.prev .nav-prev-text,
     1771.pagination .nav-links a:focus.prev .nav-next-text, .pagination .nav-links a:focus.next .nav-prev-text,
     1772.pagination .nav-links a:focus.next .nav-next-text {
     1773  text-decoration: underline;
     1774}
     1775
    12591776.pagination .nav-links .nav-next-text,
    12601777.pagination .nav-links .nav-prev-text {
    … …  
    12641781@media only screen and (min-width: 768px) {
    12651782  .pagination .nav-links {
    1266     margin-right: calc(2 * (100vw / 12));
     1783    margin-right: calc(10% + 60px);
    12671784    padding: 0;
    12681785  }
    … …  
    12861803  min-width: 50%;
    12871804  width: 100%;
     1805  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
     1806  font-weight: bold;
    12881807}
    12891808
    … …  
    13081827}
    13091828
    1310 .comment-navigation .nav-previous a:hover,
    1311 .comment-navigation .nav-next a:hover {
    1312   color: #0073aa;
    1313 }
    1314 
    13151829.comment-navigation .nav-next {
    13161830  text-align: left;
    … …  
    13221836  border: 0;
    13231837  clip: rect(1px, 1px, 1px, 1px);
    1324   -webkit-clip-path: inset(50%);
    1325           clip-path: inset(50%);
     1838  clip-path: inset(50%);
    13261839  height: 1px;
    13271840  margin: -1px;
    … …  
    13391852  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    13401853  clip: auto !important;
    1341   -webkit-clip-path: none;
    1342           clip-path: none;
     1854  clip-path: none;
    13431855  color: #21759b;
    13441856  display: block;
    … …  
    13641876/* Alignments */
    13651877.alignleft {
     1878  float: left;
     1879  margin-right: 1rem;
     1880}
     1881
     1882@media only screen and (min-width: 768px) {
     1883  .alignleft {
     1884    margin-right: calc(2 * 1rem);
     1885  }
     1886}
     1887
     1888.alignright {
    13661889  float: right;
    13671890  margin-left: 1rem;
    13681891}
    13691892
    1370 .alignright {
    1371   float: left;
    1372   margin-right: 1rem;
     1893@media only screen and (min-width: 768px) {
     1894  .alignright {
     1895    margin-left: calc(2 * 1rem);
     1896  }
    13731897}
    13741898
    … …  
    14251949}
    14261950
     1951.site-header.featured-image {
     1952  display: flex;
     1953  flex-direction: column;
     1954  justify-content: space-between;
     1955  min-height: 90vh;
     1956}
     1957
     1958.site-header.featured-image .site-branding-container {
     1959  margin-bottom: auto;
     1960}
     1961
    14271962@media only screen and (min-width: 768px) {
    14281963  .site-header {
    … …  
    14311966  }
    14321967  .site-header.featured-image {
    1433     display: flex;
    14341968    min-height: 100vh;
    1435     flex-direction: column;
    1436     justify-content: space-between;
    14371969    margin-bottom: 3rem;
    1438   }
    1439   .site-header.featured-image .site-branding-container {
    1440     margin-bottom: auto;
    14411970  }
    14421971}
    … …  
    14491978@media only screen and (min-width: 768px) {
    14501979  .site-branding {
    1451     margin: 0 calc(2 * (100vw / 12));
    1452     max-width: 22em;
     1980    margin: 0 calc(10% + 60px);
    14531981  }
    14541982}
    … …  
    14641992    margin-bottom: 0;
    14651993    position: absolute;
    1466     left: calc(100% + (0.5 * calc(100vw / 12)));
     1994    left: calc(100% + (1.25 * 1rem));
    14671995    top: 4px;
    14681996    z-index: 999;
    … …  
    14752003  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    14762004  display: block;
    1477   width: 32px;
    1478   height: 32px;
     2005  width: 50px;
     2006  height: 50px;
    14792007  overflow: hidden;
    14802008  transition: box-shadow 200ms ease-in-out;
    … …  
    15032031}
    15042032
     2033.site-title a {
     2034  color: #111;
     2035}
     2036
     2037.site-title a:link, .site-title a:visited {
     2038  color: #111;
     2039}
     2040
     2041.site-title a:hover {
     2042  color: #4a4a4a;
     2043}
     2044
    15052045.featured-image .site-title {
    15062046  margin: 0;
    … …  
    15172057}
    15182058
    1519 .site-title a {
    1520   color: inherit;
    1521 }
    1522 
    1523 .site-title a:hover {
    1524   color: #4a4a4a;
    1525 }
    1526 
    15272059@media only screen and (min-width: 768px) {
    15282060  .site-title {
    15292061    display: inline;
    15302062  }
     2063}
     2064
     2065.site-title:not(:empty) + .site-description:not(:empty):before {
     2066  content: "\2014";
     2067  margin: 0 .2em;
    15312068}
    15322069
    … …  
    15382075}
    15392076
    1540 .site-description:not(:empty):before {
    1541   content: "\2014";
    1542   margin: 0 .2em;
    1543 }
    1544 
    15452077.site-header.featured-image {
     2078  /* Hide overflow for overflowing featured image */
     2079  overflow: hidden;
    15462080  /* Need relative positioning to properly align layers. */
    15472081  position: relative;
    … …  
    15492083  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
    15502084  /* Set white text color when featured image is set. */
    1551   /* Post header styles */
     2085  /* add focus state to social media icons */
     2086  /* Entry header */
    15522087  /* Custom Logo Link */
    15532088  /* Make sure important elements are above pseudo elements used for effects. */
    15542089  /* Set up image filter layer positioning */
    15552090  /* Background & Effects */
    1556   /* Shared background settings between pseudo elements. See .site-branding-container */
     2091  /* Shared background settings between pseudo elements. */
    15572092  background-position: center;
    15582093  background-repeat: no-repeat;
    15592094  background-size: cover;
    15602095  /* The intensity of each blend mode is controlled via layer opacity. */
    1561   /* First layer: grayscale. */
    15622096  /* Second layer: screen. */
    15632097  /* Third layer: multiply. */
     2098  /* When image filters are inactive, a black overlay is added. */
    15642099  /* Fourth layer: overlay. */
    15652100  /* Fifth layer: readability overlay */
    … …  
    15742109.site-header.featured-image .entry-meta,
    15752110.site-header.featured-image .entry-title {
    1576   color: white;
     2111  color: #fff;
    15772112}
    15782113
    15792114.site-header.featured-image .main-navigation a,
     2115.site-header.featured-image .main-navigation a + svg,
    15802116.site-header.featured-image .social-navigation a,
    15812117.site-header.featured-image .site-title a,
    1582 .site-header.featured-image .hentry a {
    1583   color: white;
     2118.site-header.featured-image .site-featured-image a {
     2119  color: #fff;
    15842120  transition: opacity 110ms ease-in-out;
    15852121}
    15862122
    15872123.site-header.featured-image .main-navigation a:hover, .site-header.featured-image .main-navigation a:active,
     2124.site-header.featured-image .main-navigation a:hover + svg,
     2125.site-header.featured-image .main-navigation a:active + svg,
     2126.site-header.featured-image .main-navigation a + svg:hover,
     2127.site-header.featured-image .main-navigation a + svg:active,
     2128.site-header.featured-image .main-navigation a + svg:hover + svg,
     2129.site-header.featured-image .main-navigation a + svg:active + svg,
    15882130.site-header.featured-image .social-navigation a:hover,
    15892131.site-header.featured-image .social-navigation a:active,
     2132.site-header.featured-image .social-navigation a:hover + svg,
     2133.site-header.featured-image .social-navigation a:active + svg,
    15902134.site-header.featured-image .site-title a:hover,
    15912135.site-header.featured-image .site-title a:active,
    1592 .site-header.featured-image .hentry a:hover,
    1593 .site-header.featured-image .hentry a:active {
    1594   color: white;
     2136.site-header.featured-image .site-title a:hover + svg,
     2137.site-header.featured-image .site-title a:active + svg,
     2138.site-header.featured-image .site-featured-image a:hover,
     2139.site-header.featured-image .site-featured-image a:active,
     2140.site-header.featured-image .site-featured-image a:hover + svg,
     2141.site-header.featured-image .site-featured-image a:active + svg {
     2142  color: #fff;
    15952143  opacity: 0.6;
    15962144}
    15972145
    15982146.site-header.featured-image .main-navigation a:focus,
     2147.site-header.featured-image .main-navigation a:focus + svg,
     2148.site-header.featured-image .main-navigation a + svg:focus,
     2149.site-header.featured-image .main-navigation a + svg:focus + svg,
    15992150.site-header.featured-image .social-navigation a:focus,
     2151.site-header.featured-image .social-navigation a:focus + svg,
    16002152.site-header.featured-image .site-title a:focus,
    1601 .site-header.featured-image .hentry a:focus {
    1602   color: white;
     2153.site-header.featured-image .site-title a:focus + svg,
     2154.site-header.featured-image .site-featured-image a:focus,
     2155.site-header.featured-image .site-featured-image a:focus + svg {
     2156  color: #fff;
    16032157}
    16042158
    16052159.site-header.featured-image .social-navigation a:focus {
    1606   color: white;
     2160  color: #fff;
    16072161  opacity: 1;
    1608   border-bottom: 1px solid white;
     2162  border-bottom: 1px solid #fff;
    16092163}
    16102164
    16112165.site-header.featured-image .social-navigation svg,
    1612 .site-header.featured-image .hentry svg {
     2166.site-header.featured-image .site-featured-image svg {
    16132167  /* Use -webkit- only if supporting: Chrome < 54, iOS < 9.3, Android < 4.4.4 */
     2168  -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.35));
    16142169  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.35));
    16152170}
    16162171
    1617 .site-header.featured-image .hentry .entry-header {
     2172.site-header.featured-image .site-featured-image {
     2173  /* First layer: grayscale. */
     2174}
     2175
     2176.site-header.featured-image .site-featured-image .post-thumbnail img {
     2177  height: auto;
     2178  right: 50%;
     2179  max-width: 1000%;
     2180  min-height: 100%;
     2181  min-width: 100vw;
     2182  position: absolute;
     2183  top: 50%;
     2184  transform: translateX(50%) translateY(-50%);
     2185  width: auto;
     2186  z-index: 1;
     2187  /* When image filters are active, make it grayscale to colorize it blue. */
     2188}
     2189
     2190@supports (object-fit: cover) {
     2191  .site-header.featured-image .site-featured-image .post-thumbnail img {
     2192    height: 100%;
     2193    right: 0;
     2194    object-fit: cover;
     2195    top: 0;
     2196    transform: none;
     2197    width: 100%;
     2198  }
     2199}
     2200
     2201.image-filters-enabled .site-header.featured-image .site-featured-image .post-thumbnail img {
     2202  filter: grayscale(100%);
     2203}
     2204
     2205.site-header.featured-image .site-featured-image .entry-header {
     2206  margin-top: calc( 4 * 1rem);
     2207  margin-bottom: 0;
    16182208  margin-right: 0;
    16192209  margin-left: 0;
    1620 }
    1621 
    1622 @media only screen and (min-width: 768px) {
    1623   .site-header.featured-image .hentry .entry-header {
    1624     margin-right: calc(2 * (100vw / 12));
    1625     margin-left: calc(2 * (100vw / 12));
    1626   }
    1627 }
    1628 
    1629 .site-header.featured-image .hentry .entry-header .entry-title:before {
    1630   background: white;
     2210  /* Entry meta */
     2211}
     2212
     2213@media only screen and (min-width: 768px) {
     2214  .site-header.featured-image .site-featured-image .entry-header {
     2215    margin-right: calc(10% + 60px);
     2216    margin-left: calc(10% + 60px);
     2217  }
     2218}
     2219
     2220.site-header.featured-image .site-featured-image .entry-header .entry-title:before {
     2221  background: #fff;
     2222}
     2223
     2224.site-header.featured-image .site-featured-image .entry-header .entry-meta {
     2225  font-weight: 500;
     2226}
     2227
     2228.site-header.featured-image .site-featured-image .entry-header .entry-meta > span {
     2229  margin-left: 1rem;
     2230  display: inline-block;
     2231}
     2232
     2233.site-header.featured-image .site-featured-image .entry-header .entry-meta > span:last-child {
     2234  margin-left: 0;
     2235}
     2236
     2237.site-header.featured-image .site-featured-image .entry-header .entry-meta a {
     2238  transition: color 110ms ease-in-out;
     2239  color: currentColor;
     2240}
     2241
     2242.site-header.featured-image .site-featured-image .entry-header .entry-meta a:hover {
     2243  text-decoration: none;
     2244}
     2245
     2246.site-header.featured-image .site-featured-image .entry-header .entry-meta .svg-icon {
     2247  position: relative;
     2248  display: inline-block;
     2249  vertical-align: middle;
     2250  margin-left: 0.5em;
     2251}
     2252
     2253.site-header.featured-image .site-featured-image .entry-header .entry-meta .discussion-avatar-list {
     2254  display: none;
     2255}
     2256
     2257@media only screen and (min-width: 768px) {
     2258  .site-header.featured-image .site-featured-image .entry-header.has-discussion .entry-meta {
     2259    display: flex;
     2260    position: relative;
     2261  }
     2262  .site-header.featured-image .site-featured-image .entry-header.has-discussion .entry-title {
     2263    padding-left: calc(1 * (100vw / 12) + 1rem);
     2264  }
     2265  .site-header.featured-image .site-featured-image .entry-header.has-discussion .entry-meta .comment-count {
     2266    position: absolute;
     2267    left: 0;
     2268  }
     2269  .site-header.featured-image .site-featured-image .entry-header.has-discussion .entry-meta .discussion-avatar-list {
     2270    display: block;
     2271    position: absolute;
     2272    bottom: 100%;
     2273  }
    16312274}
    16322275
    16332276.site-header.featured-image .custom-logo-link {
    1634   background: white;
     2277  background: #fff;
    16352278  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    16362279}
    … …  
    16402283}
    16412284
    1642 .site-header.featured-image .site-branding,
    1643 .site-header.featured-image .hentry .entry-header {
     2285.site-header.featured-image .site-branding {
     2286  position: relative;
    16442287  z-index: 10;
    16452288}
    16462289
    1647 .site-header.featured-image .site-branding-container:before,
     2290.site-header.featured-image .site-featured-image .entry-header {
     2291  position: relative;
     2292  z-index: 9;
     2293}
     2294
    16482295.site-header.featured-image .site-branding-container:after,
    1649 .site-header.featured-image .hentry:before,
    1650 .site-header.featured-image .hentry:after, .site-header.featured-image:after {
     2296.site-header.featured-image .site-featured-image:before,
     2297.site-header.featured-image .site-featured-image:after, .site-header.featured-image:after {
    16512298  display: block;
    16522299  position: absolute;
    … …  
    16582305}
    16592306
    1660 .site-header.featured-image .site-branding-container:before {
    1661   background-position: center;
    1662   background-repeat: no-repeat;
    1663   background-size: cover;
    1664   filter: grayscale(100%);
    1665   z-index: 1;
    1666 }
    1667 
    1668 .site-header.featured-image .hentry:before {
     2307.image-filters-enabled .site-header.featured-image .site-featured-image:before {
    16692308  background: #0073aa;
    16702309  mix-blend-mode: screen;
    16712310  opacity: 0.1;
    1672   z-index: 2;
    1673 }
    1674 
    1675 .site-header.featured-image .hentry:after {
     2311}
     2312
     2313.site-header.featured-image .site-featured-image:after {
     2314  background: #000;
     2315  mix-blend-mode: multiply;
     2316  opacity: .7;
     2317  /* When image filters are active, a blue overlay is added. */
     2318}
     2319
     2320.image-filters-enabled .site-header.featured-image .site-featured-image:after {
    16762321  background: #0073aa;
    1677   mix-blend-mode: multiply;
    1678   opacity: 1;
     2322  opacity: .8;
    16792323  z-index: 3;
    1680 }
    1681 
    1682 .site-header.featured-image .site-branding-container:after {
    1683   background: rgba(255, 255, 255, 0.35);
     2324  /* Browsers supporting mix-blend-mode don't need opacity < 1 */
     2325}
     2326
     2327@supports (mix-blend-mode: multiply) {
     2328  .image-filters-enabled .site-header.featured-image .site-featured-image:after {
     2329    opacity: 1;
     2330  }
     2331}
     2332
     2333.image-filters-enabled .site-header.featured-image .site-branding-container:after {
     2334  background: rgba(0, 0, 0, 0.35);
    16842335  mix-blend-mode: overlay;
    16852336  opacity: 0.5;
    16862337  z-index: 4;
     2338  /* Browsers supporting mix-blend-mode can have a light overlay */
     2339}
     2340
     2341@supports (mix-blend-mode: overlay) {
     2342  .image-filters-enabled .site-header.featured-image .site-branding-container:after {
     2343    background: rgba(255, 255, 255, 0.35);
     2344  }
    16872345}
    16882346
    16892347.site-header.featured-image:after {
    1690   background: #000e14;
     2348  background: #000;
    16912349  /**
    16922350                 * Add a transition to the readability overlay, to add a subtle
    … …  
    16942352                 */
    16952353  transition: opacity 1200ms ease-in-out;
     2354  opacity: 0.7;
    16962355  z-index: 5;
     2356  /* When image filters are active, a blue overlay is added. */
     2357}
     2358
     2359.image-filters-enabled .site-header.featured-image:after {
     2360  background: #000e14;
    16972361  opacity: 0.38;
    16982362}
    16992363
    17002364@media only screen and (min-width: 768px) {
    1701   .site-header.featured-image:after {
     2365  .image-filters-enabled .site-header.featured-image:after {
    17022366    opacity: 0.18;
    1703   }
    1704 }
    1705 
    1706 @media only screen and (min-width: 1168px) {
    1707   .site-header.featured-image:after {
    1708     opacity: 0.1;
    17092367  }
    17102368}
    … …  
    17472405}
    17482406
    1749 .hentry {
     2407.entry {
    17502408  margin-top: calc(6 * 1rem);
    17512409}
    17522410
    1753 .hentry:first-of-type {
     2411.entry:first-of-type {
    17542412  margin-top: 0;
    17552413}
    17562414
    1757 .hentry .entry-header {
     2415.entry .entry-header {
    17582416  margin: calc(3 * 1rem) 1rem 1rem;
    17592417  position: relative;
    … …  
    17612419
    17622420@media only screen and (min-width: 768px) {
    1763   .hentry .entry-header {
    1764     margin: calc(3 * 1rem) calc(2 * (100vw / 12 )) 1rem;
    1765   }
    1766   .featured-image .hentry .entry-header {
    1767     margin-bottom: 0;
    1768   }
    1769 }
    1770 
    1771 .hentry .entry-title {
     2421  .entry .entry-header {
     2422    margin: calc(3 * 1rem) calc(10% + 60px) 1rem;
     2423  }
     2424}
     2425
     2426.entry .entry-title {
    17722427  margin: 0;
    17732428}
    17742429
    1775 .hentry .entry-title:before {
     2430.entry .entry-title:before {
    17762431  background: #767676;
    17772432  content: "\020";
    … …  
    17822437}
    17832438
    1784 .hentry .entry-title a {
     2439.entry .entry-title a {
    17852440  color: inherit;
    17862441}
    17872442
    1788 .hentry .entry-title a:hover {
     2443.entry .entry-title a:hover {
    17892444  color: #4a4a4a;
    17902445}
    17912446
    1792 .hentry .entry-meta,
    1793 .hentry .entry-footer {
     2447.entry .entry-meta,
     2448.entry .entry-footer {
    17942449  color: #767676;
    17952450  font-weight: 500;
    17962451}
    17972452
    1798 .hentry .entry-meta > span,
    1799 .hentry .entry-footer > span {
     2453.entry .entry-meta > span,
     2454.entry .entry-footer > span {
    18002455  margin-left: 1rem;
    1801 }
    1802 
    1803 .hentry .entry-meta > span:last-child,
    1804 .hentry .entry-footer > span:last-child {
     2456  display: inline-block;
     2457}
     2458
     2459.entry .entry-meta > span:last-child,
     2460.entry .entry-footer > span:last-child {
    18052461  margin-left: 0;
    18062462}
    18072463
    1808 .hentry .entry-meta a,
    1809 .hentry .entry-footer a {
     2464.entry .entry-meta a,
     2465.entry .entry-footer a {
    18102466  transition: color 110ms ease-in-out;
    18112467  color: currentColor;
    18122468}
    18132469
    1814 .hentry .entry-meta a:hover,
    1815 .hentry .entry-footer a:hover {
     2470.entry .entry-meta a:hover,
     2471.entry .entry-footer a:hover {
    18162472  text-decoration: none;
    18172473  color: #0073aa;
    18182474}
    18192475
    1820 .hentry .entry-meta .svg-icon,
    1821 .hentry .entry-footer .svg-icon {
     2476.entry .entry-meta .svg-icon,
     2477.entry .entry-footer .svg-icon {
    18222478  position: relative;
    18232479  display: inline-block;
    … …  
    18262482}
    18272483
    1828 .hentry .entry-meta {
     2484.entry .entry-meta {
    18292485  margin: 1rem 0;
    18302486}
    18312487
    1832 @media only screen and (min-width: 1168px) {
    1833   .hentry .entry-meta.has-discussion .comment-count {
    1834     float: left;
    1835     position: relative;
    1836   }
    1837 }
    1838 
    1839 .hentry .entry-meta.has-discussion .comment-count .discussion-avatar-list {
    1840   display: none;
    1841 }
    1842 
    1843 @media only screen and (min-width: 1168px) {
    1844   .hentry .entry-meta.has-discussion .comment-count .discussion-avatar-list {
    1845     bottom: 100%;
    1846     display: block;
    1847     position: absolute;
    1848   }
    1849 }
    1850 
    1851 .hentry .entry-footer {
     2488.entry .entry-footer {
    18522489  margin: calc(2 * 1rem) 1rem 1rem;
    18532490}
    18542491
    18552492@media only screen and (min-width: 768px) {
    1856   .hentry .entry-footer {
    1857     margin: calc(3 * 1rem) calc(2 * (100vw / 12));
    1858     max-width: calc(8 * (100vw / 12));
    1859   }
    1860 }
    1861 
    1862 @media only screen and (min-width: 768px) {
    1863   .hentry .entry-footer {
    1864     max-width: calc(6 * (100vw / 12));
    1865   }
    1866 }
    1867 
    1868 .hentry .post-thumbnail {
     2493  .entry .entry-footer {
     2494    margin: 1rem calc(10% + 60px) calc(3 * 1rem);
     2495    max-width: calc(8 * (100vw / 12) - 28px);
     2496  }
     2497}
     2498
     2499@media only screen and (min-width: 768px) {
     2500  .entry .entry-footer {
     2501    max-width: calc(6 * (100vw / 12) - 28px);
     2502  }
     2503}
     2504
     2505.entry .post-thumbnail {
    18692506  margin: 1rem;
    18702507}
    18712508
    18722509@media only screen and (min-width: 768px) {
    1873   .hentry .post-thumbnail {
    1874     margin: 1rem calc(2 * (100vw / 12));
    1875   }
    1876 }
    1877 
    1878 .hentry .post-thumbnail:focus {
     2510  .entry .post-thumbnail {
     2511    margin: 1rem calc(10% + 60px);
     2512  }
     2513}
     2514
     2515.entry .post-thumbnail:focus {
    18792516  outline: none;
    18802517}
    18812518
    1882 .hentry .post-thumbnail .post-thumbnail-inner {
     2519.entry .post-thumbnail .post-thumbnail-inner {
    18832520  display: block;
    18842521}
    18852522
    1886 .hentry .post-thumbnail .post-thumbnail-inner img {
     2523.entry .post-thumbnail .post-thumbnail-inner img {
    18872524  position: relative;
    18882525  display: block;
    … …  
    18902527}
    18912528
    1892 .image-filters-enabled .hentry .post-thumbnail {
     2529.image-filters-enabled .entry .post-thumbnail {
    18932530  position: relative;
    18942531  display: block;
    18952532}
    18962533
    1897 .image-filters-enabled .hentry .post-thumbnail .post-thumbnail-inner {
    1898   position: relative;
     2534.image-filters-enabled .entry .post-thumbnail .post-thumbnail-inner {
    18992535  filter: grayscale(100%);
    1900   z-index: 1;
    1901 }
    1902 
    1903 .image-filters-enabled .hentry .post-thumbnail .post-thumbnail-inner:after {
     2536}
     2537
     2538.image-filters-enabled .entry .post-thumbnail .post-thumbnail-inner:after {
     2539  background: rgba(0, 0, 0, 0.35);
     2540  content: "";
    19042541  display: block;
     2542  height: 100%;
     2543  opacity: .5;
     2544  pointer-events: none;
     2545  position: absolute;
     2546  top: 0;
    19052547  width: 100%;
    1906   height: 100%;
    1907   z-index: 10;
    1908 }
    1909 
    1910 .image-filters-enabled .hentry .post-thumbnail:before, .image-filters-enabled .hentry .post-thumbnail:after {
     2548  z-index: 4;
     2549}
     2550
     2551@supports (mix-blend-mode: multiply) {
     2552  .image-filters-enabled .entry .post-thumbnail .post-thumbnail-inner:after {
     2553    display: none;
     2554  }
     2555}
     2556
     2557.image-filters-enabled .entry .post-thumbnail:before, .image-filters-enabled .entry .post-thumbnail:after {
    19112558  position: absolute;
    19122559  display: block;
    … …  
    19162563  right: 0;
    19172564  content: "\020";
    1918   display: block;
    19192565  pointer-events: none;
    19202566}
    19212567
    1922 .image-filters-enabled .hentry .post-thumbnail:before {
     2568.image-filters-enabled .entry .post-thumbnail:before {
    19232569  background: #0073aa;
    19242570  mix-blend-mode: screen;
    … …  
    19272573}
    19282574
    1929 .image-filters-enabled .hentry .post-thumbnail:after {
     2575.image-filters-enabled .entry .post-thumbnail:after {
    19302576  background: #0073aa;
    19312577  mix-blend-mode: multiply;
    1932   opacity: 1;
     2578  opacity: .8;
    19332579  z-index: 3;
    1934 }
    1935 
    1936 .hentry .entry-content .more-link {
     2580  /* Browsers supporting mix-blend-mode don't need opacity < 1 */
     2581}
     2582
     2583@supports (mix-blend-mode: multiply) {
     2584  .image-filters-enabled .entry .post-thumbnail:after {
     2585    opacity: 1;
     2586  }
     2587}
     2588
     2589.entry .entry-content,
     2590.entry .entry-summary {
     2591  max-width: calc(100% - (2 * 1rem));
     2592  margin: 0 1rem;
     2593}
     2594
     2595@media only screen and (min-width: 768px) {
     2596  .entry .entry-content,
     2597  .entry .entry-summary {
     2598    max-width: 80%;
     2599    margin: 0 10%;
     2600    padding: 0 60px;
     2601  }
     2602}
     2603
     2604.entry .entry-content p {
     2605  word-wrap: break-word;
     2606}
     2607
     2608.entry .entry-content .more-link {
    19372609  transition: color 110ms ease-in-out;
    19382610  display: inline;
    … …  
    19402612}
    19412613
    1942 .hentry .entry-content .more-link:after {
    1943   content: "»";
     2614.entry .entry-content .more-link:after {
     2615  content: "\02192";
    19442616  margin-right: 0.5em;
    19452617}
    19462618
    1947 .hentry .entry-content .more-link:hover {
     2619.entry .entry-content .more-link:hover {
    19482620  color: #0073aa;
    19492621  text-decoration: none;
    19502622}
    19512623
    1952 .hentry .entry-content a {
     2624.entry .entry-content a {
    19532625  text-decoration: underline;
    19542626}
    19552627
    1956 .hentry .entry-content a:hover {
     2628.entry .entry-content a.button, .entry .entry-content a:hover {
    19572629  text-decoration: none;
    19582630}
    19592631
    1960 .hentry .entry-content > iframe[style] {
    1961   margin: 32px 1rem !important;
    1962   max-width: calc(100vw - (2 * 1rem)) !important;
    1963 }
    1964 
    1965 @media only screen and (min-width: 768px) {
    1966   .hentry .entry-content > iframe[style] {
    1967     margin: 32px calc(2 * (100vw / 12)) !important;
    1968     max-width: calc(8 * (100vw / 12)) !important;
     2632.entry .entry-content a.button {
     2633  display: inline-block;
     2634}
     2635
     2636.entry .entry-content a.button:hover {
     2637  background: #111;
     2638  color: #fff;
     2639  cursor: pointer;
     2640}
     2641
     2642.entry .entry-content > iframe[style] {
     2643  margin: 32px 0 !important;
     2644  max-width: 100% !important;
     2645}
     2646
     2647@media only screen and (min-width: 768px) {
     2648  .entry .entry-content > iframe[style] {
     2649    max-width: calc(8 * (100vw / 12) - 28px) !important;
    19692650  }
    19702651}
    19712652
    19722653@media only screen and (min-width: 1168px) {
    1973   .hentry .entry-content > iframe[style] {
    1974     max-width: calc(6 * (100vw / 12)) !important;
    1975   }
    1976 }
    1977 
    1978 .hentry .entry-content .wp-audio-shortcode {
     2654  .entry .entry-content > iframe[style] {
     2655    max-width: calc(6 * (100vw / 12) - 28px) !important;
     2656  }
     2657}
     2658
     2659.entry .entry-content .page-links a {
     2660  margin: calc(0.5 * 1rem);
     2661  text-decoration: none;
     2662}
     2663
     2664.entry .entry-content .wp-audio-shortcode {
    19792665  max-width: calc(100vw - (2 * 1rem));
    19802666}
    19812667
    19822668@media only screen and (min-width: 768px) {
    1983   .hentry .entry-content .wp-audio-shortcode {
    1984     max-width: calc(8 * (100vw / 12));
     2669  .entry .entry-content .wp-audio-shortcode {
     2670    max-width: calc(8 * (100vw / 12) - 28px);
    19852671  }
    19862672}
    19872673
    19882674@media only screen and (min-width: 1168px) {
    1989   .hentry .entry-content .wp-audio-shortcode {
    1990     max-width: calc(6 * (100vw / 12));
    1991   }
     2675  .entry .entry-content .wp-audio-shortcode {
     2676    max-width: calc(6 * (100vw / 12) - 28px);
     2677  }
     2678}
     2679
     2680/* Author description */
     2681.author-bio {
     2682  margin: calc(2 * 1rem) 1rem 1rem;
     2683}
     2684
     2685@media only screen and (min-width: 768px) {
     2686  .author-bio {
     2687    max-width: calc(8 * (100vw / 12) - 28px);
     2688  }
     2689}
     2690
     2691@media only screen and (min-width: 1168px) {
     2692  .author-bio {
     2693    max-width: calc(6 * (100vw / 12) - 28px);
     2694  }
     2695}
     2696
     2697@media only screen and (min-width: 768px) {
     2698  .author-bio {
     2699    margin: calc(3 * 1rem) calc(10% + 60px);
     2700  }
     2701}
     2702
     2703@media only screen and (min-width: 1168px) {
     2704  .author-bio {
     2705    margin: calc(3 * 1rem) calc(10% + 60px);
     2706  }
     2707}
     2708
     2709.author-bio .author-title {
     2710  display: inline;
     2711}
     2712
     2713.author-bio .author-title:before {
     2714  background: #767676;
     2715  content: "\020";
     2716  display: block;
     2717  height: 2px;
     2718  margin: 1rem 0;
     2719  width: 1em;
     2720}
     2721
     2722.author-bio .author-description {
     2723  display: inline;
     2724  color: #767676;
     2725  font-size: 1.125em;
     2726  line-height: 1.2;
     2727}
     2728
     2729.author-bio .author-description .author-link {
     2730  display: inline-block;
     2731}
     2732
     2733.author-bio .author-description .author-link:hover {
     2734  color: #005177;
     2735  text-decoration: none;
    19922736}
    19932737
    … …  
    20042748
    20052749.comments-area {
     2750  margin: calc(2 * 1rem) 1rem;
    20062751  /* Add extra margin when the comments section is located immediately after the
    2007          * post itself (this happens on pages). 
     2752         * post itself (this happens on pages).
    20082753         */
    20092754}
    20102755
    2011 .hentry + .comments-area {
     2756@media only screen and (min-width: 768px) {
     2757  .comments-area {
     2758    max-width: calc(8 * (100vw / 12) - 28px);
     2759  }
     2760}
     2761
     2762@media only screen and (min-width: 1168px) {
     2763  .comments-area {
     2764    max-width: calc(6 * (100vw / 12) - 28px);
     2765  }
     2766}
     2767
     2768@media only screen and (min-width: 768px) {
     2769  .comments-area {
     2770    margin: calc(3 * 1rem) calc(10% + 60px);
     2771  }
     2772}
     2773
     2774.comments-area > * {
     2775  margin-top: calc(2 * 1rem);
     2776  margin-bottom: calc(2 * 1rem);
     2777}
     2778
     2779@media only screen and (min-width: 768px) {
     2780  .comments-area > * {
     2781    margin-top: calc(3 * 1rem);
     2782    margin-bottom: calc(3 * 1rem);
     2783  }
     2784}
     2785
     2786.entry + .comments-area {
    20122787  margin-top: calc(3 * 1rem);
    20132788}
    20142789
    2015 .comments-area .comments-title-wrap,
    2016 .comments-area .comment-list,
    2017 .comments-area > .comment-respond,
    2018 .comments-area .comment-form-flex,
    2019 .comments-area .no-comments {
    2020   margin: calc(2 * 1rem) 1rem;
    2021 }
    2022 
    2023 @media only screen and (min-width: 768px) {
    2024   .comments-area .comments-title-wrap,
    2025   .comments-area .comment-list,
    2026   .comments-area > .comment-respond,
    2027   .comments-area .comment-form-flex,
    2028   .comments-area .no-comments {
    2029     margin: calc(3 * 1rem) calc(2 * (100vw / 12));
    2030     max-width: calc(6 * (100vw / 12));
    2031   }
    2032 }
    2033 
    2034 .comments-area .comments-title-wrap {
    2035   align-items: baseline;
    2036   display: flex;
    2037   justify-content: space-between;
     2790@media only screen and (min-width: 768px) {
     2791  .comments-area .comments-title-wrap {
     2792    align-items: baseline;
     2793    display: flex;
     2794    justify-content: space-between;
     2795  }
    20382796}
    20392797
    … …  
    20512809}
    20522810
     2811@media only screen and (min-width: 768px) {
     2812  .comments-area .comments-title-wrap .comments-title {
     2813    flex: 1 0 calc(3 * (100vw / 12));
     2814  }
     2815}
     2816
     2817@media only screen and (min-width: 768px) {
     2818  .comments-area .comments-title-wrap .discussion-meta {
     2819    flex: 0 0 calc(2 * (100vw / 12));
     2820    margin-right: 1rem;
     2821  }
     2822}
     2823
    20532824#comment {
    20542825  max-width: 100%;
    … …  
    20612832
    20622833#respond .comment-user-avatar {
    2063   display: none;
     2834  margin: 1rem 0 -1rem;
    20642835}
    20652836
    … …  
    20812852}
    20822853
    2083 @media only screen and (min-width: 1168px) {
    2084   #comments > #respond .comment-user-avatar {
    2085     position: absolute;
    2086     display: block;
    2087     top: 0;
    2088     right: 0;
    2089   }
    2090   #comments > #respond .comment-user-avatar .avatar {
    2091     display: block;
    2092   }
    2093 }
    2094 
    20952854.comment-form-flex {
    20962855  display: flex;
    … …  
    21262885}
    21272886
    2128 .comment-reply {
    2129   right: calc(1rem + 100%);
    2130   bottom: 0;
    2131   position: absolute;
     2887.comment-list .pingback .comment-body,
     2888.comment-list .trackback .comment-body {
     2889  color: #767676;
     2890  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
     2891  font-size: 0.71111em;
     2892  font-weight: 500;
     2893  margin-top: 1rem;
     2894  margin-bottom: 1rem;
     2895}
     2896
     2897.comment-list .pingback .comment-body a:not(.comment-edit-link),
     2898.comment-list .trackback .comment-body a:not(.comment-edit-link) {
     2899  font-weight: bold;
     2900  font-size: 19.55556px;
     2901  line-height: 1.5;
     2902  padding-left: 0.5rem;
     2903  display: block;
     2904}
     2905
     2906.comment-list .pingback .comment-body .comment-edit-link,
     2907.comment-list .trackback .comment-body .comment-edit-link {
     2908  color: #767676;
     2909  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
     2910  font-weight: 500;
    21322911}
    21332912
    … …  
    21492928    padding-right: calc(.5 * (1rem + calc(100vw / 12 )));
    21502929  }
     2930  .comment.depth-1,
    21512931  .comment .children {
    21522932    padding-right: 0;
    21532933  }
    2154 }
    2155 
    2156 .comment:hover > .comment-body > .comment-meta > .comment-metadata > .edit-link-sep,
    2157 .comment:hover > .comment-body > .comment-meta > .comment-metadata > .edit-link {
    2158   opacity: 1;
     2934  .comment.depth-1 {
     2935    margin-right: calc(3.25 * 1rem);
     2936  }
    21592937}
    21602938
    21612939.comment .comment-body {
    2162   margin: calc(2 * 1rem) 0;
     2940  margin: calc(2 * 1rem) 0 0;
    21632941}
    21642942
    21652943.comment .comment-meta {
    21662944  position: relative;
    2167 }
    2168 
    2169 @media only screen and (min-width: 768px) {
    2170   .comment .comment-author {
    2171     display: inline-block;
    2172     vertical-align: baseline;
    2173   }
    21742945}
    21752946
    … …  
    21952966}
    21962967
    2197 @media only screen and (min-width: 768px) {
    2198   .comment .comment-author .fn {
    2199     display: inline-block;
    2200     vertical-align: baseline;
    2201   }
    2202 }
    2203 
    22042968.comment .comment-author .fn a {
    22052969  color: inherit;
    … …  
    22162980  position: absolute;
    22172981  background: #008fd3;
    2218   left: calc(100% + 0.25rem);
     2982  left: calc(100% - 2.5rem);
    22192983  top: -3px;
    22202984  width: 18px;
     2985}
     2986
     2987@media only screen and (min-width: 768px) {
     2988  .comment .comment-author .post-author-badge {
     2989    left: calc(100% + 0.75rem);
     2990  }
    22212991}
    22222992
    … …  
    22292999}
    22303000
    2231 @media only screen and (min-width: 768px) {
    2232   .comment .comment-metadata {
    2233     display: inline-block;
    2234     margin-right: 1rem;
    2235     position: relative;
    2236     vertical-align: baseline;
    2237   }
    2238 }
    2239 
    22403001.comment .comment-metadata > a,
    22413002.comment .comment-metadata .comment-edit-link {
    2242   display: inline-block;
     3003  display: inline;
    22433004  font-weight: 500;
    22443005  color: #767676;
    … …  
    22533014.comment .comment-metadata > a:hover,
    22543015.comment .comment-metadata .comment-edit-link:hover {
    2255   color: #4a4a4a;
     3016  color: #005177;
    22563017  text-decoration: none;
    22573018}
    … …  
    22643025  color: #767676;
    22653026  margin: 0 0.2em;
    2266   opacity: 0;
    2267   transition: opacity 200ms ease-in-out;
    22683027  vertical-align: baseline;
    22693028}
    … …  
    22713030.comment .comment-metadata .edit-link {
    22723031  color: #767676;
    2273   transition: opacity 200ms ease-in-out;
    2274   opacity: 0;
    22753032}
    22763033
    … …  
    22963053}
    22973054
     3055@media only screen and (min-width: 1168px) {
     3056  .comment .comment-content {
     3057    padding-left: 1rem;
     3058  }
     3059}
     3060
    22983061.comment .comment-content > *:first-child {
    22993062  margin-top: 0;
    … …  
    23023065.comment .comment-content > *:last-child {
    23033066  margin-bottom: 0;
     3067}
     3068
     3069.comment .comment-content blockquote {
     3070  margin-right: 0;
    23043071}
    23053072
    … …  
    23413108  height: calc(1.5 * 1rem);
    23423109  width: calc(1.5 * 1rem);
    2343 }
    2344 
    2345 .discussion-meta .discussion-avatar-list {
    2346   display: inline-block;
    2347   margin-left: 8px;
    23483110}
    23493111
    … …  
    24003162  .search .page-header,
    24013163  .error404 .page-header {
    2402     margin: 0 calc(2 * (100vw / 12)) calc(3 * 1rem);
    2403     max-width: calc(8 * (100vw / 12));
     3164    margin: 0 calc(10% + 60px) calc(10% + 60px);
    24043165  }
    24053166}
    … …  
    24403201}
    24413202
    2442 @media only screen and (min-width: 768px) {
    2443   .hfeed .hentry .entry-header {
    2444     margin: calc(3 * 1rem) calc(2 * (100vw / 12)) calc(1rem / 2);
     3203.archive .page-header .page-description {
     3204  display: block;
     3205  color: #111;
     3206  font-size: 1em;
     3207}
     3208
     3209@media only screen and (min-width: 768px) {
     3210  .hfeed .entry .entry-header {
     3211    margin: calc(3 * 1rem) calc(10% + 60px) calc(1rem / 2);
    24453212  }
    24463213}
    … …  
    24553222  .error-404.not-found .page-content,
    24563223  .no-results.not-found .page-content {
    2457     margin: calc(3 * 1rem) calc(2 * (100vw / 12)) calc(1rem / 2);
     3224    margin: calc(3 * 1rem) calc(10% + 60px) calc(1rem / 2);
    24583225  }
    24593226}
    … …  
    24743241--------------------------------------------------------------*/
    24753242/* Site footer */
    2476 .site-footer {
     3243#colophon .widget-area,
     3244#colophon .site-info {
     3245  margin: calc(2 * 1rem) 1rem;
     3246}
     3247
     3248@media only screen and (min-width: 768px) {
     3249  #colophon .widget-area,
     3250  #colophon .site-info {
     3251    margin: calc(3 * 1rem) calc(10% + 60px);
     3252  }
     3253}
     3254
     3255#colophon .widget-column {
     3256  display: flex;
     3257  flex-wrap: wrap;
     3258}
     3259
     3260#colophon .widget-column .widget {
     3261  width: 100%;
     3262}
     3263
     3264@media only screen and (min-width: 1168px) {
     3265  #colophon .widget-column .widget {
     3266    margin-left: calc(3 * 1rem);
     3267    width: calc(50% - (3 * 1rem));
     3268  }
     3269}
     3270
     3271#colophon .site-info {
    24773272  color: #767676;
    24783273}
    24793274
    2480 .site-footer .site-info {
    2481   margin: calc(2 * 1rem) 1rem;
    2482 }
    2483 
    2484 @media only screen and (min-width: 768px) {
    2485   .site-footer .site-info {
    2486     margin: calc(3 * 1rem) calc(2 * (100vw / 12));
    2487     max-width: calc(8 * (100vw / 12));
    2488   }
    2489 }
    2490 
    2491 .site-footer .site-info .imprint {
    2492   margin-left: 1rem;
    2493 }
    2494 
    2495 .site-footer a {
     3275#colophon .site-info a {
    24963276  color: inherit;
    24973277}
    24983278
    2499 .site-footer a:hover {
     3279#colophon .site-info a:hover {
    25003280  text-decoration: none;
    25013281  color: #0073aa;
     3282}
     3283
     3284#colophon .site-info .imprint,
     3285#colophon .site-info .privacy-policy-link {
     3286  margin-left: 1rem;
    25023287}
    25033288
    … …  
    25123297}
    25133298
     3299.widget a {
     3300  color: #0073aa;
     3301}
     3302
     3303.widget a:hover {
     3304  color: #005177;
     3305}
     3306
     3307.widget_archive ul,
     3308.widget_categories ul,
     3309.widget_meta ul,
     3310.widget_nav_menu ul,
     3311.widget_pages ul,
     3312.widget_recent_comments ul,
     3313.widget_recent_entries ul,
     3314.widget_rss ul {
     3315  padding: 0;
     3316  list-style: none;
     3317}
     3318
     3319.widget_archive ul li,
     3320.widget_categories ul li,
     3321.widget_meta ul li,
     3322.widget_nav_menu ul li,
     3323.widget_pages ul li,
     3324.widget_recent_comments ul li,
     3325.widget_recent_entries ul li,
     3326.widget_rss ul li {
     3327  color: #767676;
     3328  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
     3329  font-size: calc(22px * 1.125);
     3330  font-weight: 700;
     3331  line-height: 1.2;
     3332  margin-top: 0.5rem;
     3333  margin-bottom: 0.5rem;
     3334}
     3335
     3336.widget_archive ul ul,
     3337.widget_categories ul ul,
     3338.widget_meta ul ul,
     3339.widget_nav_menu ul ul,
     3340.widget_pages ul ul,
     3341.widget_recent_comments ul ul,
     3342.widget_recent_entries ul ul,
     3343.widget_rss ul ul {
     3344  counter-reset: submenu;
     3345}
     3346
     3347.widget_archive ul ul > li > a::before,
     3348.widget_categories ul ul > li > a::before,
     3349.widget_meta ul ul > li > a::before,
     3350.widget_nav_menu ul ul > li > a::before,
     3351.widget_pages ul ul > li > a::before,
     3352.widget_recent_comments ul ul > li > a::before,
     3353.widget_recent_entries ul ul > li > a::before,
     3354.widget_rss ul ul > li > a::before {
     3355  font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
     3356  font-weight: normal;
     3357  content: "– " counters(submenu, "– ", none);
     3358  counter-increment: submenu;
     3359}
     3360
     3361.widget_tag_cloud .tagcloud {
     3362  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
     3363  font-weight: 700;
     3364}
     3365
     3366.widget_search .search-field {
     3367  width: 100%;
     3368}
     3369
     3370@media only screen and (min-width: 600px) {
     3371  .widget_search .search-field {
     3372    width: auto;
     3373  }
     3374}
     3375
     3376.widget_search .search-submit {
     3377  display: block;
     3378  margin-top: 1rem;
     3379}
     3380
     3381.widget_calendar .calendar_wrap {
     3382  text-align: center;
     3383}
     3384
     3385.widget_calendar .calendar_wrap table td,
     3386.widget_calendar .calendar_wrap table th {
     3387  border: none;
     3388}
     3389
     3390.widget_calendar .calendar_wrap a {
     3391  text-decoration: underline;
     3392}
     3393
    25143394/* Blocks */
    25153395/* !Block styles */
    2516 .entry-content > *,
    2517 .entry-summary > * {
    2518   margin: 32px 1rem;
    2519   max-width: calc(100vw - (2 * 1rem));
    2520   /*
    2521         // Set top margins for headings
    2522         & + h1:before,
    2523         & + h2:before,
    2524         & + h3,
    2525         & + h4,
    2526         & + h5,
    2527         & + h6 {
    2528                 margin-top: calc(4 * 1rem);
    2529         }
    2530 */
    2531 }
    2532 
    2533 @media only screen and (min-width: 768px) {
    2534   .entry-content > *,
    2535   .entry-summary > * {
    2536     margin: 32px calc(2 * (100vw / 12));
    2537     max-width: calc(8 * (100vw / 12));
     3396.entry .entry-content > *,
     3397.entry .entry-summary > * {
     3398  margin: 32px 0;
     3399  max-width: 100%;
     3400}
     3401
     3402@media only screen and (min-width: 768px) {
     3403  .entry .entry-content > *,
     3404  .entry .entry-summary > * {
     3405    max-width: calc(8 * (100vw / 12) - 28px);
    25383406  }
    25393407}
    25403408
    25413409@media only screen and (min-width: 1168px) {
    2542   .entry-content > *,
    2543   .entry-summary > * {
    2544     max-width: calc(6 * (100vw / 12));
    2545   }
    2546 }
    2547 
    2548 .entry-content > * > *:first-child,
    2549 .entry-summary > * > *:first-child {
     3410  .entry .entry-content > *,
     3411  .entry .entry-summary > * {
     3412    max-width: calc(6 * (100vw / 12) - 28px);
     3413  }
     3414}
     3415
     3416@media only screen and (min-width: 768px) {
     3417  .entry .entry-content > *,
     3418  .entry .entry-summary > * {
     3419    margin: 32px 0;
     3420  }
     3421}
     3422
     3423.entry .entry-content > * > *:first-child,
     3424.entry .entry-summary > * > *:first-child {
    25503425  margin-top: 0;
    25513426}
    25523427
    2553 .entry-content > * > *:last-child,
    2554 .entry-summary > * > *:last-child {
     3428.entry .entry-content > * > *:last-child,
     3429.entry .entry-summary > * > *:last-child {
    25553430  margin-bottom: 0;
    25563431}
    25573432
    2558 .entry-content > *.alignwide,
    2559 .entry-summary > *.alignwide {
     3433.entry .entry-content > *.alignwide,
     3434.entry .entry-summary > *.alignwide {
    25603435  margin-right: auto;
    25613436  margin-left: auto;
    2562 }
    2563 
    2564 @media only screen and (min-width: 768px) {
    2565   .entry-content > *.alignwide,
    2566   .entry-summary > *.alignwide {
    2567     margin-right: calc(1 * (100vw / 12));
    2568     margin-left: calc(1 * (100vw / 12));
    2569     max-width: calc(10 * (100vw / 12));
    2570   }
    2571 }
    2572 
    2573 .entry-content > *.alignfull,
    2574 .entry-summary > *.alignfull {
    2575   margin-top: calc(2 * 1rem);
    2576   margin-left: 0;
    2577   margin-bottom: calc(2 * 1rem);
     3437  clear: both;
     3438}
     3439
     3440@media only screen and (min-width: 768px) {
     3441  .entry .entry-content > *.alignwide,
     3442  .entry .entry-summary > *.alignwide {
     3443    width: 100%;
     3444    max-width: 100%;
     3445  }
     3446}
     3447
     3448.entry .entry-content > *.alignfull,
     3449.entry .entry-summary > *.alignfull {
     3450  position: relative;
     3451  right: -1rem;
     3452  width: calc( 100% + (2 * 1rem));
     3453  max-width: calc( 100% + (2 * 1rem));
     3454  clear: both;
     3455}
     3456
     3457@media only screen and (min-width: 768px) {
     3458  .entry .entry-content > *.alignfull,
     3459  .entry .entry-summary > *.alignfull {
     3460    margin-top: calc(2 * 1rem);
     3461    margin-bottom: calc(2 * 1rem);
     3462    right: calc( -12.5% - 75px);
     3463    width: calc( 125% + 150px);
     3464    max-width: calc( 125% + 150px);
     3465  }
     3466}
     3467
     3468.entry .entry-content > *.alignleft,
     3469.entry .entry-summary > *.alignleft {
     3470  float: left;
     3471  max-width: calc(5 * (100vw / 12));
     3472  margin-top: 0;
    25783473  margin-right: 0;
    2579   max-width: 100%;
    2580 }
    2581 
    2582 .entry-content > *.alignleft,
    2583 .entry-summary > *.alignleft {
     3474  margin-right: 1rem;
     3475}
     3476
     3477@media only screen and (min-width: 768px) {
     3478  .entry .entry-content > *.alignleft,
     3479  .entry .entry-summary > *.alignleft {
     3480    max-width: calc(4 * (100vw / 12));
     3481    margin-right: calc(2 * 1rem);
     3482  }
     3483}
     3484
     3485.entry .entry-content > *.alignright,
     3486.entry .entry-summary > *.alignright {
    25843487  float: right;
    25853488  max-width: calc(5 * (100vw / 12));
    25863489  margin-top: 0;
    2587 }
    2588 
    2589 @media only screen and (min-width: 768px) {
    2590   .entry-content > *.alignleft,
    2591   .entry-summary > *.alignleft {
     3490  margin-left: 0;
     3491  margin-left: 1rem;
     3492}
     3493
     3494@media only screen and (min-width: 768px) {
     3495  .entry .entry-content > *.alignright,
     3496  .entry .entry-summary > *.alignright {
    25923497    max-width: calc(4 * (100vw / 12));
     3498    margin-left: 0;
    25933499    margin-left: calc(2 * 1rem);
    25943500  }
    25953501}
    25963502
     3503.entry .entry-content > *.aligncenter,
     3504.entry .entry-summary > *.aligncenter {
     3505  margin-right: auto;
     3506  margin-left: auto;
     3507}
     3508
     3509@media only screen and (min-width: 768px) {
     3510  .entry .entry-content > *.aligncenter,
     3511  .entry .entry-summary > *.aligncenter {
     3512    max-width: calc(8 * (100vw / 12) - 28px);
     3513  }
     3514}
     3515
    25973516@media only screen and (min-width: 1168px) {
    2598   .entry-content > *.alignleft,
    2599   .entry-summary > *.alignleft {
    2600     max-width: calc(3 * (100vw / 12));
    2601   }
    2602 }
    2603 
    2604 .entry-content > *.alignright,
    2605 .entry-summary > *.alignright {
    2606   float: left;
    2607   max-width: calc(5 * (100vw / 12));
    2608   margin-top: 0;
    2609   margin-right: 1rem;
    2610   margin-left: 1rem;
    2611 }
    2612 
    2613 @media only screen and (min-width: 768px) {
    2614   .entry-content > *.alignright,
    2615   .entry-summary > *.alignright {
    2616     max-width: calc(4 * (100vw / 12));
    2617     margin-right: calc(2 * 1rem);
    2618     margin-left: calc(2 * (100vw / 12));
    2619   }
    2620 }
    2621 
    2622 .entry-content .wp-block-audio {
     3517  .entry .entry-content > *.aligncenter,
     3518  .entry .entry-summary > *.aligncenter {
     3519    max-width: calc(6 * (100vw / 12) - 28px);
     3520  }
     3521}
     3522
     3523@media only screen and (min-width: 768px) {
     3524  .entry .entry-content > *.aligncenter,
     3525  .entry .entry-summary > *.aligncenter {
     3526    margin-right: 0;
     3527    margin-left: 0;
     3528  }
     3529}
     3530
     3531/*
     3532 * Unset nested content selector styles
     3533 * - Prevents layout styles from cascading too deeply
     3534 * - helps with plugin compatibility
     3535 */
     3536.entry .entry-content .entry-content,
     3537.entry .entry-content .entry-summary,
     3538.entry .entry-content .entry,
     3539.entry .entry-summary .entry-content,
     3540.entry .entry-summary .entry-summary,
     3541.entry .entry-summary .entry {
     3542  margin: inherit;
     3543  max-width: inherit;
     3544  padding: inherit;
     3545}
     3546
     3547@media only screen and (min-width: 768px) {
     3548  .entry .entry-content .entry-content,
     3549  .entry .entry-content .entry-summary,
     3550  .entry .entry-content .entry,
     3551  .entry .entry-summary .entry-content,
     3552  .entry .entry-summary .entry-summary,
     3553  .entry .entry-summary .entry {
     3554    margin: inherit;
     3555    max-width: inherit;
     3556    padding: inherit;
     3557  }
     3558}
     3559
     3560.entry .entry-content p.has-background {
     3561  padding: 20px 30px;
     3562}
     3563
     3564.entry .entry-content .wp-block-audio {
    26233565  width: 100%;
    26243566}
    26253567
    2626 .entry-content .wp-block-audio audio {
     3568.entry .entry-content .wp-block-audio audio {
    26273569  width: 100%;
    26283570}
    26293571
    2630 .entry-content .wp-block-audio.alignleft audio,
    2631 .entry-content .wp-block-audio.alignright audio {
    2632   max-width: 190px;
    2633 }
    2634 
    2635 @media only screen and (min-width: 768px) {
    2636   .entry-content .wp-block-audio.alignleft audio,
    2637   .entry-content .wp-block-audio.alignright audio {
     3572.entry .entry-content .wp-block-audio.alignleft audio,
     3573.entry .entry-content .wp-block-audio.alignright audio {
     3574  max-width: 198px;
     3575}
     3576
     3577@media only screen and (min-width: 768px) {
     3578  .entry .entry-content .wp-block-audio.alignleft audio,
     3579  .entry .entry-content .wp-block-audio.alignright audio {
    26383580    max-width: 384px;
    26393581  }
    … …  
    26413583
    26423584@media only screen and (min-width: 1379px) {
    2643   .entry-content .wp-block-audio.alignleft audio,
    2644   .entry-content .wp-block-audio.alignright audio {
     3585  .entry .entry-content .wp-block-audio.alignleft audio,
     3586  .entry .entry-content .wp-block-audio.alignright audio {
    26453587    max-width: 385.44px;
    26463588  }
    26473589}
    26483590
    2649 .entry-content .wp-block-video video {
     3591.entry .entry-content .wp-block-video video {
    26503592  width: 100%;
    26513593}
    26523594
    2653 .entry-content .wp-block-button .wp-block-button__link {
     3595.entry .entry-content .wp-block-button .wp-block-button__link {
    26543596  transition: background 150ms ease-in-out;
    26553597  border: none;
    2656   background: #0073aa;
    26573598  font-size: 0.88889em;
    26583599  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    … …  
    26603601  box-sizing: border-box;
    26613602  font-weight: bold;
    2662   padding: 0.66rem 1rem;
     3603  text-decoration: none;
     3604  padding: 0.76rem 1rem;
    26633605  outline: none;
     3606  outline: none;
     3607}
     3608
     3609.entry .entry-content .wp-block-button .wp-block-button__link:not(.has-background) {
     3610  background-color: #0073aa;
     3611}
     3612
     3613.entry .entry-content .wp-block-button .wp-block-button__link:not(.has-text-color) {
    26643614  color: white;
    2665   outline: none;
    2666 }
    2667 
    2668 .entry-content .wp-block-button .wp-block-button__link:hover {
     3615}
     3616
     3617.entry .entry-content .wp-block-button .wp-block-button__link:hover {
     3618  color: white;
     3619  background: #111;
    26693620  cursor: pointer;
    26703621}
    26713622
    2672 .entry-content .wp-block-button .wp-block-button__link:hover, .entry-content .wp-block-button .wp-block-button__link:focus {
     3623.entry .entry-content .wp-block-button .wp-block-button__link:focus {
     3624  color: white;
    26733625  background: #111;
    2674 }
    2675 
    2676 .entry-content .wp-block-button .wp-block-button__link:focus {
    26773626  outline: thin dotted;
    26783627  outline-offset: -4px;
    26793628}
    26803629
    2681 .entry-content .wp-block-button:not(.is-style-squared) .wp-block-button__link {
     3630.entry .entry-content .wp-block-button:not(.is-style-squared) .wp-block-button__link {
    26823631  border-radius: 5px;
    26833632}
    26843633
    2685 .entry-content .wp-block-button.is-style-outline .wp-block-button__link,
    2686 .entry-content .wp-block-button.is-style-outline .wp-block-button__link:focus,
    2687 .entry-content .wp-block-button.is-style-outline .wp-block-button__link:active {
     3634.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link,
     3635.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:focus,
     3636.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:active {
    26883637  transition: all 150ms ease-in-out;
     3638  border-width: 2px;
     3639  border-style: solid;
     3640}
     3641
     3642.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background),
     3643.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:focus:not(.has-background),
     3644.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:active:not(.has-background) {
    26893645  background: transparent;
    2690   border: 2px solid #0073aa;
    2691 }
    2692 
    2693 .entry-content .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color),
    2694 .entry-content .wp-block-button.is-style-outline .wp-block-button__link:focus:not(.has-text-color),
    2695 .entry-content .wp-block-button.is-style-outline .wp-block-button__link:active:not(.has-text-color) {
     3646}
     3647
     3648.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color),
     3649.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:focus:not(.has-text-color),
     3650.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:active:not(.has-text-color) {
    26963651  color: #0073aa;
    2697 }
    2698 
    2699 .entry-content .wp-block-button.is-style-outline .wp-block-button__link:hover {
     3652  border-color: currentColor;
     3653}
     3654
     3655.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:hover {
     3656  color: white;
    27003657  border-color: #111;
    2701   color: #111;
    2702 }
    2703 
    2704 .entry-content .wp-block-archives,
    2705 .entry-content .wp-block-categories,
    2706 .entry-content .wp-block-latest-posts {
     3658}
     3659
     3660.entry .entry-content .wp-block-archives,
     3661.entry .entry-content .wp-block-categories,
     3662.entry .entry-content .wp-block-latest-posts {
    27073663  padding: 0;
    27083664  list-style: none;
    27093665}
    27103666
    2711 .entry-content .wp-block-archives li,
    2712 .entry-content .wp-block-categories li,
    2713 .entry-content .wp-block-latest-posts li {
     3667.entry .entry-content .wp-block-archives li,
     3668.entry .entry-content .wp-block-categories li,
     3669.entry .entry-content .wp-block-latest-posts li {
    27143670  color: #767676;
    27153671  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    2716   font-size: calc(22px * 1.6875);
     3672  font-size: calc(22px * 1.125);
    27173673  font-weight: bold;
    27183674  line-height: 1.2;
    2719 }
    2720 
    2721 .entry-content .wp-block-archives li a:after,
    2722 .entry-content .wp-block-categories li a:after,
    2723 .entry-content .wp-block-latest-posts li a:after {
    2724   color: #767676;
    2725   content: ",";
    2726 }
    2727 
    2728 .entry-content .wp-block-archives li:last-child a:after,
    2729 .entry-content .wp-block-categories li:last-child a:after,
    2730 .entry-content .wp-block-latest-posts li:last-child a:after {
    2731   color: #767676;
    2732   content: ".";
    2733 }
    2734 
    2735 .entry-content .wp-block-latest-posts.is-grid li {
     3675  padding-bottom: 0.75rem;
     3676}
     3677
     3678.entry .entry-content .wp-block-archives li.menu-item-has-children, .entry .entry-content .wp-block-archives li:last-child,
     3679.entry .entry-content .wp-block-categories li.menu-item-has-children,
     3680.entry .entry-content .wp-block-categories li:last-child,
     3681.entry .entry-content .wp-block-latest-posts li.menu-item-has-children,
     3682.entry .entry-content .wp-block-latest-posts li:last-child {
     3683  padding-bottom: 0;
     3684}
     3685
     3686.entry .entry-content .wp-block-archives li a,
     3687.entry .entry-content .wp-block-categories li a,
     3688.entry .entry-content .wp-block-latest-posts li a {
     3689  text-decoration: none;
     3690}
     3691
     3692.entry .entry-content .wp-block-categories ul {
     3693  padding-top: 0.75rem;
     3694}
     3695
     3696.entry .entry-content .wp-block-categories li ul {
     3697  list-style: none;
     3698  padding-right: 0;
     3699}
     3700
     3701.entry .entry-content .wp-block-categories ul {
     3702  counter-reset: submenu;
     3703}
     3704
     3705.entry .entry-content .wp-block-categories ul > li > a::before {
     3706  font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
     3707  font-weight: normal;
     3708  content: "– " counters(submenu, "– ", none);
     3709  counter-increment: submenu;
     3710}
     3711
     3712.entry .entry-content .wp-block-latest-posts.is-grid li {
    27363713  border-top: 2px solid #ccc;
    27373714  padding-top: 1rem;
    … …  
    27393716}
    27403717
    2741 .entry-content .wp-block-latest-posts.is-grid li a:after {
     3718.entry .entry-content .wp-block-latest-posts.is-grid li a:after {
    27423719  content: '';
    27433720}
    27443721
    2745 .entry-content .wp-block-latest-posts.is-grid li:last-child {
     3722.entry .entry-content .wp-block-latest-posts.is-grid li:last-child {
    27463723  margin-bottom: auto;
    27473724}
    27483725
    2749 .entry-content .wp-block-latest-posts.is-grid li:last-child a:after {
     3726.entry .entry-content .wp-block-latest-posts.is-grid li:last-child a:after {
    27503727  content: '';
    27513728}
    27523729
    2753 .entry-content .wp-block-preformatted {
     3730.entry .entry-content .wp-block-preformatted {
    27543731  font-size: 0.71111em;
    27553732  line-height: 1.8;
    … …  
    27573734}
    27583735
    2759 .entry-content .wp-block-verse {
    2760   font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
     3736.entry .entry-content .wp-block-verse {
     3737  font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
    27613738  font-size: 22px;
    27623739  line-height: 1.8;
    27633740}
    27643741
    2765 .entry-content .has-drop-cap:not(:focus):first-letter {
     3742.entry .entry-content .has-drop-cap:not(:focus):first-letter {
    27663743  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    27673744  font-size: 3.375em;
    … …  
    27713748}
    27723749
    2773 .entry-content .wp-block-pullquote {
     3750.entry .entry-content .wp-block-pullquote {
     3751  border-color: transparent;
     3752  border-width: 2px;
     3753  padding: 1rem;
     3754}
     3755
     3756.entry .entry-content .wp-block-pullquote blockquote {
     3757  color: #111;
    27743758  border: none;
    2775   padding: 1rem;
    2776 }
    2777 
    2778 .entry-content .wp-block-pullquote blockquote {
    2779   border: none;
    2780   padding-bottom: calc(2 * 1rem);
     3759  margin-top: calc(4 * 1rem);
     3760  margin-bottom: calc(4.33 * 1rem);
    27813761  margin-left: 0;
    27823762}
    27833763
    2784 .entry-content .wp-block-pullquote p {
     3764.entry .entry-content .wp-block-pullquote p {
    27853765  font-size: 1.6875em;
    27863766  font-style: italic;
    … …  
    27883768  margin-bottom: 0.5em;
    27893769  margin-top: 0.5em;
    2790   color: #111;
    2791 }
    2792 
    2793 .entry-content .wp-block-pullquote p em {
     3770}
     3771
     3772.entry .entry-content .wp-block-pullquote p em {
    27943773  font-style: normal;
    27953774}
    27963775
    27973776@media only screen and (min-width: 768px) {
    2798   .entry-content .wp-block-pullquote p {
     3777  .entry .entry-content .wp-block-pullquote p {
    27993778    font-size: 2.25em;
    28003779  }
    28013780}
    28023781
    2803 .entry-content .wp-block-pullquote cite {
     3782.entry .entry-content .wp-block-pullquote cite {
    28043783  display: inline-block;
    28053784  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    2806   font-size: 0.71111em;
    28073785  line-height: 1.6;
    28083786  text-transform: none;
    28093787  color: #767676;
    2810 }
    2811 
    2812 .entry-content .wp-block-pullquote.alignleft, .entry-content .wp-block-pullquote.alignright {
     3788  /*
     3789                         * This requires a rem-based font size calculation instead of our normal em-based one,
     3790                         * because the cite tag sometimes gets wrapped in a p tag. This is equivalent to $font-size_xs.
     3791                         */
     3792  font-size: calc(1rem / (1.25 * 1.125));
     3793}
     3794
     3795.entry .entry-content .wp-block-pullquote.alignleft, .entry .entry-content .wp-block-pullquote.alignright {
     3796  width: 100%;
    28133797  padding: 0;
    28143798}
    28153799
    2816 .entry-content .wp-block-pullquote.alignleft blockquote, .entry-content .wp-block-pullquote.alignright blockquote {
     3800.entry .entry-content .wp-block-pullquote.alignleft blockquote, .entry .entry-content .wp-block-pullquote.alignright blockquote {
    28173801  margin-right: 0;
    28183802  padding: 0;
    … …  
    28213805}
    28223806
    2823 .entry-content .wp-block-pullquote.is-style-solid-color p {
     3807.entry .entry-content .wp-block-pullquote.is-style-solid-color {
     3808  background-color: #0073aa;
     3809  padding-right: 0;
     3810  padding-left: 0;
     3811}
     3812
     3813@media only screen and (min-width: 768px) {
     3814  .entry .entry-content .wp-block-pullquote.is-style-solid-color {
     3815    padding-right: 10%;
     3816    padding-left: 10%;
     3817  }
     3818}
     3819
     3820.entry .entry-content .wp-block-pullquote.is-style-solid-color p {
    28243821  font-size: 1.6875em;
    28253822  line-height: 1.3;
    … …  
    28293826
    28303827@media only screen and (min-width: 768px) {
    2831   .entry-content .wp-block-pullquote.is-style-solid-color p {
     3828  .entry .entry-content .wp-block-pullquote.is-style-solid-color p {
    28323829    font-size: 2.25em;
    28333830  }
    28343831}
    28353832
    2836 .entry-content .wp-block-pullquote.is-style-solid-color blockquote {
    2837   margin: 0 auto;
    2838 }
    2839 
    2840 .entry-content .wp-block-pullquote.is-style-solid-color blockquote:not(.has-text-color) p,
    2841 .entry-content .wp-block-pullquote.is-style-solid-color cite {
    2842   color: white;
    2843 }
    2844 
    2845 .entry-content .wp-block-pullquote.is-style-solid-color:not(.has-background-color) {
    2846   background-color: #0073aa;
    2847 }
    2848 
    2849 .entry-content .wp-block-pullquote.is-style-solid-color.alignleft, .entry-content .wp-block-pullquote.is-style-solid-color.alignright {
    2850   padding: 1rem 1rem 0;
    2851 }
    2852 
    2853 .entry-content .wp-block-pullquote.is-style-solid-color.alignleft blockquote, .entry-content .wp-block-pullquote.is-style-solid-color.alignright blockquote {
    2854   padding: 0 0 calc( 1.5 * 1rem);
    2855   margin-right: 0;
    2856   margin-top: 0;
    2857 }
    2858 
    2859 @media only screen and (min-width: 768px) {
    2860   .entry-content .wp-block-pullquote.is-style-solid-color.alignleft, .entry-content .wp-block-pullquote.is-style-solid-color.alignright {
    2861     padding: calc( 2 * 1rem) calc( 2 * 1rem) 1rem;
    2862   }
    2863 }
    2864 
    2865 .entry-content .wp-block-quote:not(.is-large), .entry-content .wp-block-quote:not(.is-style-large) {
     3833.entry .entry-content .wp-block-pullquote.is-style-solid-color a {
     3834  color: #fff;
     3835}
     3836
     3837.entry .entry-content .wp-block-pullquote.is-style-solid-color cite {
     3838  color: inherit;
     3839}
     3840
     3841.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote {
     3842  max-width: calc(100% - (2 * 1rem));
     3843  color: #fff;
     3844  padding-right: 0;
     3845  margin-right: 1rem;
     3846}
     3847
     3848.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-text-color p,
     3849.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-text-color a, .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-primary-color, .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-secondary-color, .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-dark-gray-color, .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-light-gray-color, .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-white-color {
     3850  color: inherit;
     3851}
     3852
     3853@media only screen and (min-width: 768px) {
     3854  .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote {
     3855    margin-right: 0;
     3856    margin-left: 0;
     3857  }
     3858}
     3859
     3860@media only screen and (min-width: 768px) {
     3861  .entry .entry-content .wp-block-pullquote.is-style-solid-color.alignfull {
     3862    padding-right: calc(10% + 58px + (2 * 1rem));
     3863    padding-left: calc(10% + 58px + (2 * 1rem));
     3864  }
     3865}
     3866
     3867.entry .entry-content .wp-block-quote:not(.is-large), .entry .entry-content .wp-block-quote:not(.is-style-large) {
    28663868  border-right: 2px solid #0073aa;
    28673869  padding-top: 0;
    … …  
    28693871}
    28703872
    2871 .entry-content .wp-block-quote p {
     3873.entry .entry-content .wp-block-quote p {
    28723874  font-size: 1em;
    28733875  font-style: normal;
    … …  
    28753877}
    28763878
    2877 .entry-content .wp-block-quote cite {
    2878   font-size: 0.71111em;
    2879 }
    2880 
    2881 .entry-content .wp-block-quote.is-large, .entry-content .wp-block-quote.is-style-large {
    2882   padding: 1rem 2rem 1rem 0;
     3879.entry .entry-content .wp-block-quote cite {
     3880  /*
     3881                         * This requires a rem-based font size calculation instead of our normal em-based one,
     3882                         * because the cite tag sometimes gets wrapped in a p tag. This is equivalent to $font-size_xs.
     3883                         */
     3884  font-size: calc(1rem / (1.25 * 1.125));
     3885}
     3886
     3887.entry .entry-content .wp-block-quote.is-large, .entry .entry-content .wp-block-quote.is-style-large {
    28833888  margin: 1rem 0;
     3889  padding: 0;
    28843890  border-right: none;
    28853891}
    28863892
    2887 .entry-content .wp-block-quote.is-large p, .entry-content .wp-block-quote.is-style-large p {
     3893.entry .entry-content .wp-block-quote.is-large p, .entry .entry-content .wp-block-quote.is-style-large p {
    28883894  font-size: 1.6875em;
    28893895  line-height: 1.4;
    … …  
    28913897}
    28923898
    2893 .entry-content .wp-block-quote.is-large cite,
    2894 .entry-content .wp-block-quote.is-large footer, .entry-content .wp-block-quote.is-style-large cite,
    2895 .entry-content .wp-block-quote.is-style-large footer {
    2896   font-size: 0.71111em;
    2897 }
    2898 
    2899 @media only screen and (min-width: 768px) {
    2900   .entry-content .wp-block-quote.is-large, .entry-content .wp-block-quote.is-style-large {
    2901     margin: 1rem calc(2 * (100vw / 12));
    2902     max-width: calc(6 * (100vw / 12));
    2903   }
    2904   .entry-content .wp-block-quote.is-large p, .entry-content .wp-block-quote.is-style-large p {
     3899.entry .entry-content .wp-block-quote.is-large cite,
     3900.entry .entry-content .wp-block-quote.is-large footer, .entry .entry-content .wp-block-quote.is-style-large cite,
     3901.entry .entry-content .wp-block-quote.is-style-large footer {
     3902  /*
     3903                                 * This requires a rem-based font size calculation instead of our normal em-based one,
     3904                                 * because the cite tag sometimes gets wrapped in a p tag. This is equivalent to $font-size_xs.
     3905                                 */
     3906  font-size: calc(1rem / (1.25 * 1.125));
     3907}
     3908
     3909@media only screen and (min-width: 768px) {
     3910  .entry .entry-content .wp-block-quote.is-large, .entry .entry-content .wp-block-quote.is-style-large {
     3911    margin: 1rem 0;
     3912    padding: 1rem 0;
     3913  }
     3914  .entry .entry-content .wp-block-quote.is-large p, .entry .entry-content .wp-block-quote.is-style-large p {
    29053915    font-size: 1.6875em;
    29063916  }
    29073917}
    29083918
    2909 .entry-content .wp-block-image img {
     3919.entry .entry-content .wp-block-image img {
    29103920  display: block;
    29113921}
    29123922
    2913 .entry-content .wp-block-image.alignleft, .entry-content .wp-block-image.alignright {
     3923.entry .entry-content .wp-block-image.alignleft, .entry .entry-content .wp-block-image.alignright {
    29143924  max-width: 100%;
    29153925}
    29163926
    2917 .entry-content .wp-block-image.alignfull img {
     3927.entry .entry-content .wp-block-image.alignfull img {
    29183928  width: 100vw;
    2919   margin-right: auto;
    2920   margin-left: auto;
    2921 }
    2922 
    2923 .entry-content .wp-block-cover-image .wp-block-cover-image-text,
    2924 .entry-content .wp-block-cover-image h2 {
     3929}
     3930
     3931@media only screen and (min-width: 768px) {
     3932  .entry .entry-content .wp-block-image.alignfull img {
     3933    margin-right: auto;
     3934    margin-left: auto;
     3935  }
     3936}
     3937
     3938.entry .entry-content .wp-block-cover-image,
     3939.entry .entry-content .wp-block-cover {
     3940  position: relative;
     3941  min-height: 430px;
     3942  padding: 1rem;
     3943}
     3944
     3945@media only screen and (min-width: 768px) {
     3946  .entry .entry-content .wp-block-cover-image,
     3947  .entry .entry-content .wp-block-cover {
     3948    padding: 1rem 10%;
     3949  }
     3950}
     3951
     3952.entry .entry-content .wp-block-cover-image .wp-block-cover-image-text,
     3953.entry .entry-content .wp-block-cover-image .wp-block-cover-text,
     3954.entry .entry-content .wp-block-cover-image h2,
     3955.entry .entry-content .wp-block-cover .wp-block-cover-image-text,
     3956.entry .entry-content .wp-block-cover .wp-block-cover-text,
     3957.entry .entry-content .wp-block-cover h2 {
    29253958  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    29263959  font-size: 1.6875em;
    29273960  font-weight: bold;
    2928   width: calc(100vw - (2 * 1rem));
    2929   max-width: calc(100vw - (2 * 1rem));
    2930 }
    2931 
    2932 @media only screen and (min-width: 768px) {
    2933   .entry-content .wp-block-cover-image .wp-block-cover-image-text,
    2934   .entry-content .wp-block-cover-image h2 {
     3961  line-height: 1.25;
     3962  padding: 0;
     3963  color: #fff;
     3964  -ms-hyphens: auto;
     3965  -moz-hyphens: auto;
     3966  -webkit-hyphens: auto;
     3967  hyphens: auto;
     3968}
     3969
     3970@media only screen and (min-width: 768px) {
     3971  .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text,
     3972  .entry .entry-content .wp-block-cover-image .wp-block-cover-text,
     3973  .entry .entry-content .wp-block-cover-image h2,
     3974  .entry .entry-content .wp-block-cover .wp-block-cover-image-text,
     3975  .entry .entry-content .wp-block-cover .wp-block-cover-text,
     3976  .entry .entry-content .wp-block-cover h2 {
    29353977    font-size: 2.25em;
    2936     width: calc(8 * (100vw / 12));
    2937     max-width: calc(8 * (100vw / 12));
     3978    max-width: 100%;
     3979  }
     3980}
     3981
     3982.entry .entry-content .wp-block-cover-image.alignleft, .entry .entry-content .wp-block-cover-image.alignright,
     3983.entry .entry-content .wp-block-cover.alignleft,
     3984.entry .entry-content .wp-block-cover.alignright {
     3985  width: 100%;
     3986}
     3987
     3988@media only screen and (min-width: 768px) {
     3989  .entry .entry-content .wp-block-cover-image.alignleft, .entry .entry-content .wp-block-cover-image.alignright,
     3990  .entry .entry-content .wp-block-cover.alignleft,
     3991  .entry .entry-content .wp-block-cover.alignright {
     3992    padding: 1rem;
     3993  }
     3994}
     3995
     3996@media only screen and (min-width: 768px) {
     3997  .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-image-text,
     3998  .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-text,
     3999  .entry .entry-content .wp-block-cover-image.alignfull h2,
     4000  .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-image-text,
     4001  .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-text,
     4002  .entry .entry-content .wp-block-cover.alignfull h2 {
     4003    max-width: calc(8 * (100vw / 12) - 28px);
    29384004  }
    29394005}
    29404006
    29414007@media only screen and (min-width: 1168px) {
    2942   .entry-content .wp-block-cover-image .wp-block-cover-image-text,
    2943   .entry-content .wp-block-cover-image h2 {
    2944     width: calc(6 * (100vw / 12 ));
    2945     max-width: calc(6 * (100vw / 12 ));
    2946   }
    2947 }
    2948 
    2949 .entry-content .wp-block-cover-image.alignleft h2,
    2950 .entry-content .wp-block-cover-image.alignleft .wp-block-cover-image-text, .entry-content .wp-block-cover-image.alignright h2,
    2951 .entry-content .wp-block-cover-image.alignright .wp-block-cover-image-text, .entry-content .wp-block-cover-image.aligncenter h2,
    2952 .entry-content .wp-block-cover-image.aligncenter .wp-block-cover-image-text {
    2953   width: 100%;
    2954   z-index: 1;
    2955   right: 50%;
    2956   position: absolute;
    2957   transform: translate(50%, -50%);
    2958   top: 50%;
    2959 }
    2960 
    2961 .entry-content .wp-block-cover-image.has-left-content {
    2962   justify-content: center;
    2963 }
    2964 
    2965 .entry-content .wp-block-cover-image.has-left-content h2,
    2966 .entry-content .wp-block-cover-image.has-left-content .wp-block-cover-image-text {
    2967   padding: 1rem;
    2968 }
    2969 
    2970 .entry-content .wp-block-cover-image.has-right-content {
    2971   justify-content: center;
    2972 }
    2973 
    2974 .entry-content .wp-block-cover-image.has-right-content h2,
    2975 .entry-content .wp-block-cover-image.has-right-content .wp-block-cover-image-text {
    2976   padding: 1rem;
    2977 }
    2978 
    2979 .entry-content .wp-block-gallery .blocks-gallery-image:last-child,
    2980 .entry-content .wp-block-gallery .blocks-gallery-item:last-child {
     4008  .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-image-text,
     4009  .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-text,
     4010  .entry .entry-content .wp-block-cover-image.alignfull h2,
     4011  .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-image-text,
     4012  .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-text,
     4013  .entry .entry-content .wp-block-cover.alignfull h2 {
     4014    max-width: calc(6 * (100vw / 12) - 28px);
     4015  }
     4016}
     4017
     4018@media only screen and (min-width: 768px) {
     4019  .entry .entry-content .wp-block-cover-image.alignfull,
     4020  .entry .entry-content .wp-block-cover.alignfull {
     4021    padding-right: calc(10% + 58px + (2 * 1rem));
     4022    padding-left: calc(10% + 58px + (2 * 1rem));
     4023  }
     4024  .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-image-text,
     4025  .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-text,
     4026  .entry .entry-content .wp-block-cover-image.alignfull h2,
     4027  .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-image-text,
     4028  .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-text,
     4029  .entry .entry-content .wp-block-cover.alignfull h2 {
     4030    padding: 0;
     4031  }
     4032}
     4033
     4034.entry .entry-content .wp-block-gallery {
     4035  list-style-type: none;
     4036  padding-right: 0;
     4037}
     4038
     4039.entry .entry-content .wp-block-gallery .blocks-gallery-image:last-child,
     4040.entry .entry-content .wp-block-gallery .blocks-gallery-item:last-child {
    29814041  margin-bottom: 16px;
    29824042}
    29834043
    2984 .entry-content .wp-block-audio figcaption,
    2985 .entry-content .wp-block-video figcaption,
    2986 .entry-content .wp-block-image figcaption,
    2987 .entry-content .wp-block-gallery .blocks-gallery-image figcaption,
    2988 .entry-content .wp-block-gallery .blocks-gallery-item figcaption {
     4044.entry .entry-content .wp-block-audio figcaption,
     4045.entry .entry-content .wp-block-video figcaption,
     4046.entry .entry-content .wp-block-image figcaption,
     4047.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption,
     4048.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption {
    29894049  font-size: 0.71111em;
    29904050  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    … …  
    29924052  margin: 0;
    29934053  padding: 0.5rem;
    2994   text-align: right;
    2995 }
    2996 
    2997 .entry-content .wp-block-separator,
    2998 .entry-content hr {
    2999   margin-bottom: 2rem;
    3000   margin-top: 2rem;
    3001   /* Remove duplicate rule-line when a separator
    3002                  * is followed by an H1, or H2 */
    3003 }
    3004 
    3005 .entry-content .wp-block-separator:not(.is-style-dots),
    3006 .entry-content hr:not(.is-style-dots) {
     4054  text-align: center;
     4055}
     4056
     4057.entry .entry-content .wp-block-separator,
     4058.entry .entry-content hr {
    30074059  background-color: #767676;
    30084060  border: 0;
    30094061  height: 2px;
    3010 }
    3011 
    3012 .entry-content .wp-block-separator:not(.is-style-wide):not(.is-style-dots),
    3013 .entry-content hr:not(.is-style-wide):not(.is-style-dots) {
     4062  margin-bottom: 2rem;
     4063  margin-top: 2rem;
    30144064  max-width: 2.25em;
    3015 }
    3016 
    3017 .entry-content .wp-block-separator + h1:before,
    3018 .entry-content .wp-block-separator + h2:before,
    3019 .entry-content hr + h1:before,
    3020 .entry-content hr + h2:before {
    3021   display: none;
    3022 }
    3023 
    3024 .entry-content .wp-block-separator.is-style-dots:before,
    3025 .entry-content hr.is-style-dots:before {
     4065  text-align: right;
     4066  /* Remove duplicate rule-line when a separator
     4067                 * is followed by an H1, or H2 */
     4068}
     4069
     4070.entry .entry-content .wp-block-separator.is-style-wide,
     4071.entry .entry-content hr.is-style-wide {
     4072  max-width: 100%;
     4073}
     4074
     4075@media only screen and (min-width: 768px) {
     4076  .entry .entry-content .wp-block-separator.is-style-wide,
     4077  .entry .entry-content hr.is-style-wide {
     4078    max-width: calc(8 * (100vw / 12) - 28px);
     4079  }
     4080}
     4081
     4082@media only screen and (min-width: 1168px) {
     4083  .entry .entry-content .wp-block-separator.is-style-wide,
     4084  .entry .entry-content hr.is-style-wide {
     4085    max-width: calc(6 * (100vw / 12) - 28px);
     4086  }
     4087}
     4088
     4089.entry .entry-content .wp-block-separator.is-style-dots,
     4090.entry .entry-content hr.is-style-dots {
     4091  max-width: 100%;
     4092  background-color: inherit;
     4093  border: inherit;
     4094  height: inherit;
     4095  text-align: center;
     4096}
     4097
     4098@media only screen and (min-width: 768px) {
     4099  .entry .entry-content .wp-block-separator.is-style-dots,
     4100  .entry .entry-content hr.is-style-dots {
     4101    max-width: calc(8 * (100vw / 12) - 28px);
     4102  }
     4103}
     4104
     4105@media only screen and (min-width: 1168px) {
     4106  .entry .entry-content .wp-block-separator.is-style-dots,
     4107  .entry .entry-content hr.is-style-dots {
     4108    max-width: calc(6 * (100vw / 12) - 28px);
     4109  }
     4110}
     4111
     4112.entry .entry-content .wp-block-separator.is-style-dots:before,
     4113.entry .entry-content hr.is-style-dots:before {
    30264114  color: #767676;
    30274115  font-size: 1.6875em;
    … …  
    30304118}
    30314119
    3032 .entry-content .wp-block-embed-twitter {
    3033   overflow: hidden;
    3034 }
    3035 
    3036 .entry-content .wp-block-table td, .entry-content .wp-block-table th {
     4120.entry .entry-content .wp-block-separator + h1:before,
     4121.entry .entry-content .wp-block-separator + h2:before,
     4122.entry .entry-content hr + h1:before,
     4123.entry .entry-content hr + h2:before {
     4124  display: none;
     4125}
     4126
     4127.entry .entry-content .wp-block-embed-twitter {
     4128  word-break: break-word;
     4129}
     4130
     4131.entry .entry-content .wp-block-table th,
     4132.entry .entry-content .wp-block-table td {
    30374133  border-color: #767676;
    30384134}
    30394135
    3040 .entry-content .wp-block-file {
     4136.entry .entry-content .wp-block-file {
    30414137  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    30424138}
    30434139
    3044 .entry-content .wp-block-file .wp-block-file__button {
     4140.entry .entry-content .wp-block-file .wp-block-file__button {
     4141  display: table;
    30454142  transition: background 150ms ease-in-out;
    30464143  border: none;
    … …  
    30504147  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    30514148  line-height: 1.2;
     4149  text-decoration: none;
    30524150  font-weight: bold;
    30534151  padding: 0.75rem 1rem;
     4152  color: #fff;
     4153  margin-right: 0;
     4154  margin-top: calc(0.75 * 1rem);
    30544155}
    30554156
    30564157@media only screen and (min-width: 1168px) {
    3057   .entry-content .wp-block-file .wp-block-file__button {
     4158  .entry .entry-content .wp-block-file .wp-block-file__button {
    30584159    font-size: 22px;
    30594160    padding: 0.875rem 1.5rem;
    … …  
    30614162}
    30624163
    3063 .entry-content .wp-block-file .wp-block-file__button:hover {
     4164.entry .entry-content .wp-block-file .wp-block-file__button:hover {
     4165  background: #111;
    30644166  cursor: pointer;
    30654167}
    30664168
    3067 .entry-content .wp-block-file .wp-block-file__button:hover, .entry-content .wp-block-file .wp-block-file__button:focus {
     4169.entry .entry-content .wp-block-file .wp-block-file__button:focus {
    30684170  background: #111;
    3069 }
    3070 
    3071 .entry-content .wp-block-file .wp-block-file__button:focus {
    30724171  outline: thin dotted;
    30734172  outline-offset: -4px;
    30744173}
    30754174
    3076 .entry-content .wp-block-code {
     4175.entry .entry-content .wp-block-code {
    30774176  border-radius: 0;
    30784177}
    30794178
    3080 .entry-content .wp-block-code code {
     4179.entry .entry-content .wp-block-code code {
    30814180  font-size: 1.125em;
    3082 }
    3083 
    3084 .entry-content .wp-block-columns .wp-block-column > *:first-child {
    3085   margin-top: 0;
    3086 }
    3087 
    3088 .entry-content .wp-block-columns .wp-block-column > *:last-child {
    3089   margin-bottom: 0;
    3090 }
    3091 
    3092 .entry-content .wp-block-columns[class*='has-'] > * {
    3093   margin-left: 1rem;
    3094 }
    3095 
    3096 .entry-content .wp-block-columns[class*='has-'] > *:last-child {
    3097   margin-left: 0;
    3098 }
    3099 
    3100 .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta {
     4181  white-space: pre-wrap;
     4182  word-break: break-word;
     4183}
     4184
     4185.entry .entry-content .wp-block-columns.alignfull {
     4186  padding-right: 1rem;
     4187  padding-left: 1rem;
     4188}
     4189
     4190@media only screen and (min-width: 768px) {
     4191  .entry .entry-content .wp-block-columns .wp-block-column > *:first-child {
     4192    margin-top: 0;
     4193  }
     4194  .entry .entry-content .wp-block-columns .wp-block-column > *:last-child {
     4195    margin-bottom: 0;
     4196  }
     4197  .entry .entry-content .wp-block-columns[class*='has-'] > * {
     4198    margin-left: 1rem;
     4199  }
     4200  .entry .entry-content .wp-block-columns[class*='has-'] > *:last-child {
     4201    margin-left: 0;
     4202  }
     4203  .entry .entry-content .wp-block-columns.alignfull,
     4204  .entry .entry-content .wp-block-columns.alignfull .wp-block-column {
     4205    padding-right: calc(2 * 1rem);
     4206    padding-left: calc(2 * 1rem);
     4207  }
     4208}
     4209
     4210.entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta {
    31014211  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    31024212  font-weight: bold;
    31034213}
    31044214
    3105 .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-date {
     4215.entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-date {
    31064216  font-weight: normal;
    31074217}
    31084218
    3109 .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment,
    3110 .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-date,
    3111 .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p {
     4219.entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment,
     4220.entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-date,
     4221.entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p {
    31124222  font-size: inherit;
    31134223}
    31144224
    3115 .entry-content .wp-block-latest-comments.has-dates .wp-block-latest-comments__comment-date {
     4225.entry .entry-content .wp-block-latest-comments.has-dates .wp-block-latest-comments__comment-date {
    31164226  font-size: 0.71111em;
     4227}
     4228
     4229.entry .entry-content .has-small-font-size {
     4230  font-size: 0.88889em;
     4231}
     4232
     4233.entry .entry-content .has-normal-font-size {
     4234  font-size: 1.125em;
     4235}
     4236
     4237.entry .entry-content .has-large-font-size {
     4238  font-size: 1.6875em;
     4239}
     4240
     4241.entry .entry-content .has-huge-font-size {
     4242  font-size: 2.25em;
     4243}
     4244
     4245.entry .entry-content .has-primary-background-color,
     4246.entry .entry-content .has-secondary-background-color,
     4247.entry .entry-content .has-dark-gray-background-color,
     4248.entry .entry-content .has-light-gray-background-color {
     4249  color: #fff;
     4250}
     4251
     4252.entry .entry-content .has-primary-background-color p,
     4253.entry .entry-content .has-primary-background-color h1,
     4254.entry .entry-content .has-primary-background-color h2,
     4255.entry .entry-content .has-primary-background-color h3,
     4256.entry .entry-content .has-primary-background-color h4,
     4257.entry .entry-content .has-primary-background-color h5,
     4258.entry .entry-content .has-primary-background-color h6,
     4259.entry .entry-content .has-primary-background-color a,
     4260.entry .entry-content .has-secondary-background-color p,
     4261.entry .entry-content .has-secondary-background-color h1,
     4262.entry .entry-content .has-secondary-background-color h2,
     4263.entry .entry-content .has-secondary-background-color h3,
     4264.entry .entry-content .has-secondary-background-color h4,
     4265.entry .entry-content .has-secondary-background-color h5,
     4266.entry .entry-content .has-secondary-background-color h6,
     4267.entry .entry-content .has-secondary-background-color a,
     4268.entry .entry-content .has-dark-gray-background-color p,
     4269.entry .entry-content .has-dark-gray-background-color h1,
     4270.entry .entry-content .has-dark-gray-background-color h2,
     4271.entry .entry-content .has-dark-gray-background-color h3,
     4272.entry .entry-content .has-dark-gray-background-color h4,
     4273.entry .entry-content .has-dark-gray-background-color h5,
     4274.entry .entry-content .has-dark-gray-background-color h6,
     4275.entry .entry-content .has-dark-gray-background-color a,
     4276.entry .entry-content .has-light-gray-background-color p,
     4277.entry .entry-content .has-light-gray-background-color h1,
     4278.entry .entry-content .has-light-gray-background-color h2,
     4279.entry .entry-content .has-light-gray-background-color h3,
     4280.entry .entry-content .has-light-gray-background-color h4,
     4281.entry .entry-content .has-light-gray-background-color h5,
     4282.entry .entry-content .has-light-gray-background-color h6,
     4283.entry .entry-content .has-light-gray-background-color a {
     4284  color: #fff;
     4285}
     4286
     4287.entry .entry-content .has-white-background-color {
     4288  color: #111;
     4289}
     4290
     4291.entry .entry-content .has-white-background-color p,
     4292.entry .entry-content .has-white-background-color h1,
     4293.entry .entry-content .has-white-background-color h2,
     4294.entry .entry-content .has-white-background-color h3,
     4295.entry .entry-content .has-white-background-color h4,
     4296.entry .entry-content .has-white-background-color h5,
     4297.entry .entry-content .has-white-background-color h6,
     4298.entry .entry-content .has-white-background-color a {
     4299  color: #111;
     4300}
     4301
     4302.entry .entry-content .has-primary-background-color,
     4303.entry .entry-content .wp-block-pullquote.is-style-solid-color.has-primary-background-color {
     4304  background-color: #0073aa;
     4305}
     4306
     4307.entry .entry-content .has-secondary-background-color,
     4308.entry .entry-content .wp-block-pullquote.is-style-solid-color.has-secondary-background-color {
     4309  background-color: #005177;
     4310}
     4311
     4312.entry .entry-content .has-dark-gray-background-color,
     4313.entry .entry-content .wp-block-pullquote.is-style-solid-color.has-dark-gray-background-color {
     4314  background-color: #111;
     4315}
     4316
     4317.entry .entry-content .has-light-gray-background-color,
     4318.entry .entry-content .wp-block-pullquote.is-style-solid-color.has-light-gray-background-color {
     4319  background-color: #767676;
     4320}
     4321
     4322.entry .entry-content .has-white-background-color,
     4323.entry .entry-content .wp-block-pullquote.is-style-solid-color.has-white-background-color {
     4324  background-color: #FFF;
     4325}
     4326
     4327.entry .entry-content .has-primary-color,
     4328.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-primary-color,
     4329.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-primary-color p {
     4330  color: #0073aa;
     4331}
     4332
     4333.entry .entry-content .has-secondary-color,
     4334.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-secondary-color,
     4335.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-secondary-color p {
     4336  color: #005177;
     4337}
     4338
     4339.entry .entry-content .has-dark-gray-color,
     4340.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-dark-gray-color,
     4341.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-dark-gray-color p {
     4342  color: #111;
     4343}
     4344
     4345.entry .entry-content .has-light-gray-color,
     4346.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-light-gray-color,
     4347.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-light-gray-color p {
     4348  color: #767676;
     4349}
     4350
     4351.entry .entry-content .has-white-color,
     4352.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-white-color {
     4353  color: #FFF;
    31174354}
    31184355
    … …  
    31574394}
    31584395
     4396@media only screen and (min-width: 768px) {
     4397  .wp-caption.aligncenter {
     4398    position: relative;
     4399    right: calc( calc(8 * (100vw / 12) - 28px) / 2);
     4400    transform: translateX(50%);
     4401  }
     4402}
     4403
     4404@media only screen and (min-width: 1168px) {
     4405  .wp-caption.aligncenter {
     4406    right: calc( calc(6 * (100vw / 12) - 28px) / 2);
     4407  }
     4408}
     4409
    31594410.wp-caption img[class*="wp-image-"] {
    31604411  display: block;
    … …  
    31634414}
    31644415
    3165 .wp-caption .wp-caption-text {
    3166   margin: calc(0.875 * 1rem) 0;
    3167 }
    3168 
    31694416.wp-caption-text {
     4417  color: #767676;
     4418  font-size: 0.71111em;
     4419  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
     4420  line-height: 1.6;
     4421  margin: 0;
     4422  padding: 0.5rem;
    31704423  text-align: center;
    31714424}
    … …  
    31764429.gallery {
    31774430  display: flex;
     4431  flex-flow: row wrap;
     4432  justify-content: center;
    31784433  margin-bottom: calc(1.5 * 1rem);
    31794434}
    … …  
    31814436.gallery-item {
    31824437  display: inline-block;
    3183   margin-left: 1rem;
    3184   margin-bottom: 1rem;
     4438  margin-left: 16px;
     4439  margin-bottom: 16px;
    31854440  text-align: center;
    31864441  vertical-align: top;
    … …  
    31894444
    31904445.gallery-columns-2 .gallery-item {
    3191   max-width: calc( ( 12 / 2 ) * (100% / 12));
     4446  max-width: calc((100% - 16px * 1) / 2);
     4447}
     4448
     4449.gallery-columns-2 .gallery-item:nth-of-type(2n+2) {
     4450  margin-left: 0;
    31924451}
    31934452
    31944453.gallery-columns-3 .gallery-item {
    3195   max-width: calc( ( 12 / 3 ) * (100% / 12));
     4454  max-width: calc((100% - 16px * 2) / 3);
     4455}
     4456
     4457.gallery-columns-3 .gallery-item:nth-of-type(3n+3) {
     4458  margin-left: 0;
    31964459}
    31974460
    31984461.gallery-columns-4 .gallery-item {
    3199   max-width: calc( ( 12 / 4 ) * (100% / 12));
     4462  max-width: calc((100% - 16px * 3) / 4);
     4463}
     4464
     4465.gallery-columns-4 .gallery-item:nth-of-type(4n+4) {
     4466  margin-left: 0;
    32004467}
    32014468
    32024469.gallery-columns-5 .gallery-item {
    3203   max-width: calc( ( 12 / 5 ) * (100% / 12));
     4470  max-width: calc((100% - 16px * 4) / 5);
     4471}
     4472
     4473.gallery-columns-5 .gallery-item:nth-of-type(5n+5) {
     4474  margin-left: 0;
    32044475}
    32054476
    32064477.gallery-columns-6 .gallery-item {
    3207   max-width: calc( ( 12 / 6 ) * (100% / 12));
     4478  max-width: calc((100% - 16px * 5) / 6);
     4479}
     4480
     4481.gallery-columns-6 .gallery-item:nth-of-type(6n+6) {
     4482  margin-left: 0;
    32084483}
    32094484
    32104485.gallery-columns-7 .gallery-item {
    3211   max-width: calc( ( 12 / 7 ) * (100% / 12));
     4486  max-width: calc((100% - 16px * 6) / 7);
     4487}
     4488
     4489.gallery-columns-7 .gallery-item:nth-of-type(7n+7) {
     4490  margin-left: 0;
    32124491}
    32134492
    32144493.gallery-columns-8 .gallery-item {
    3215   max-width: calc( ( 12 / 8 ) * (100% / 12));
     4494  max-width: calc((100% - 16px * 7) / 8);
     4495}
     4496
     4497.gallery-columns-8 .gallery-item:nth-of-type(8n+8) {
     4498  margin-left: 0;
    32164499}
    32174500
    32184501.gallery-columns-9 .gallery-item {
    3219   max-width: calc( ( 12 / 9 ) * (100% / 12));
     4502  max-width: calc((100% - 16px * 8) / 9);
     4503}
     4504
     4505.gallery-columns-9 .gallery-item:nth-of-type(9n+9) {
     4506  margin-left: 0;
    32204507}
    32214508
    32224509.gallery-item:last-of-type {
    3223   margin-left: 0;
     4510  padding-left: 0;
    32244511}
    32254512

  • trunk/src/wp-content/themes/twentynineteen/style.css

    r43808 r44149  
    5454        ## Galleries
    5555--------------------------------------------------------------*/
     56/*
     57 * Chrome renders extra-wide &nbsp; characters for the Hoefler Text font.
     58 * This results in a jumping cursor when typing in both the Classic and block
     59 * editors. The following font-face override fixes the issue by manually inserting
     60 * a custom font that includes just a Hoefler Text space replacement for that
     61 * character instead.
     62 */
     63@font-face {
     64  font-family: 'NonBreakingSpaceOverride';
     65  src: url(data:application/font-woff2;charset=utf-8;base64,d09GMgABAAAAAAMoAA0AAAAACDQAAALTAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4GYACCahEICjx3CywAATYCJANUBCAFhiEHgWwbXQfILgpsY+rQRRARwyAs6uL7pxzYhxEE+32b3aeHmifR6tklkS9hiZA0ewkqGRJE+H7/+6378ASViK/PGeavqJyOzsceKi1s3BCiQsiOdn1r/RBgIJYEgCUhbm/8/8/h4saPssnTNkkiWUBrTRtjmQSajw3Ui3pZ3LYDPD+XG2C3JA/yKAS8/rU5eNfuGqRf4eNNgV4YAlIIgxglEkWe6FYpq10+wi3g+/nUgvgPFczNrz/RsTgVm/zfbPuHZlsuQECxuyqBcQwKFBjFgKO8AqP4bAN9tFJtnM9xPcbNjeXS/x1wY/xU52f5W/X1+9cnH4YwKIaoRRAkUkj/YlAAeF/624foiIDBgBmgQBeGAyhBljUPZUm/l2dTvmpqcBDUOHdbPZWd8JsBAsGr4w8/EDn82/bUPx4eh0YNrQTBuHO2FjQEAGBwK0DeI37DpQVqdERS4gZBhpeUhWCfLFz7J99aEBgsJCHvUGAdAPp4IADDCAPCEFMGpMZ9AQpTfQtQGhLbGVBZFV8BaqNyP68oTZgHNj3M8kBPfXTTC9t90UuzYhy9ciH0grVlOcqyCytisvbsERsEYztiznR0WCrmTksJwbSNK6fd1Rvr25I9oLvctUoEbNOmXJbqgYgPXEHJ82IUsrCnpkxh23F1rfZ2zcRnJYoXtauB3VTFkFXQg3uoZYD5qE0kdjDtoDoF1h2bulGmev5HbYhbrjtohQSRI4aNOkffIcT+d3v6atpaYh3JvPoQsztCcqvaBkppDSPcQ3bw3KaCBo1f5CJWTZEgW3LjLofYg51MaVezrx8xZitYbQ9KYeoRaqQdVLwSEfrKXLK1otCWOKNdR/YwYAfon5Yk8O2MJfSD10dPGA5PIJJQMkah0ugMJiv6x4Dm7LEa8xnrRGGGLAg4sAlbsA07sAt76DOsXKO3hIjtIlpnnFrt1qW4kh6NhS83P/6HB/fl1SMAAA==) format("woff2"), url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAUQAA0AAAAACDQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAE9AAAABwAAAAchf5yU0dERUYAAATYAAAAHAAAAB4AJwAbT1MvMgAAAaAAAABJAAAAYJAcgU5jbWFwAAACIAAAAF4AAAFqUUxBZ2dhc3AAAATQAAAACAAAAAgAAAAQZ2x5ZgAAApAAAAAyAAAAPL0n8y9oZWFkAAABMAAAADAAAAA2Fi93Z2hoZWEAAAFgAAAAHQAAACQOSgWaaG10eAAAAewAAAAzAAAAVC7TAQBsb2NhAAACgAAAABAAAAAsAOQBAm1heHAAAAGAAAAAHQAAACAAWQALbmFtZQAAAsQAAAF6AAADIYvD/Adwb3N0AAAEQAAAAI4AAADsapk2o3jaY2BkYGAA4ov5mwzj+W2+MnCzXwCKMNzgCBSB0LfbQDQ7AxuI4mBgAlEAFKQIRHjaY2BkYGD3+NvCwMDBAALsDAyMDKhAFAA3+wH3AAAAeNpjYGRgYBBl4GBgYgABEMnIABJzAPMZAAVmAGUAAAB42mNgZlJhnMDAysDCKsKygYGBYRqEZtrDYMT4D8gHSmEHjgUFOQwODAqqf9g9/rYwMLB7MNUAhRlBcsxBrMlASoGBEQAj8QtyAAAAeNrjYGBkAAGmWQwMjO8gmBnIZ2NA0ExAzNjAAFYJVn0ASBsD6VAIDZb7AtELAgANIgb9AHjaY2BgYGaAYBkGRgYQSAHyGMF8FgYPIM3HwMHAxMDGoMCwQIFLQV8hXvXP//9AcRCfAcb///h/ygPW+w/vb7olBjUHCTCyMcAFGZmABBO6AogThgZgIUsXAEDcEzcAAHjaY2BgECMCyoEgACZaAed42mNgYmRgYGBnYGNgYAZSDJqMgorCgoqCjECRXwwNrCAKSP5mAAFGBiRgyAAAi/YFBQAAeNqtkc1OwkAUhU/5M25cEhcsZick0AwlBJq6MWwgJkAgYV/KAA2lJeUn+hY+gktXvpKv4dLTMqKycGHsTZNv7px7z50ZAFd4hYHjdw1Ls4EiHjVncIFnzVnc4F1zDkWjrzmPW+NNcwGlzIRKI3fJlUyrEjZQxb3mDH2fNGfRx4vmHKqG0JzHg6E0F9DOlFBGBxUI1GEzLNT4S0aLuTtsGAEUuYcQHkyg3KmIum1bNUvKlrjbbAIleqHHnS4iSudpQcySMYtdFiXlAxzSbAwfMxK6kZoHKhbjjespMTioOPZnzI+4ucCeTVyKMVKLfeAS6vSWaTinuZwzyy/Dc7vaed+6KaV0kukdPUk6yOcctZPvvxxqksq2lEW8RvHjMEO2FCl/zy6p3NEm0R9OFSafJdldc4QVeyaaObMBO0/5cCaa6d9Ggyubxire+lEojscdjoWUR1xGOy8KD8mG2ZLO2l2paDc3A39qmU2z2W5YNv5+u79e6QfGJY/hAAB42m3NywrCMBQE0DupWp/1AYI7/6DEaLQu66Mrd35BKUWKJSlFv1+rue4cGM7shgR981qSon+ZNwUJ8iDgoYU2OvDRRQ99DDDECAHGmGCKmf80hZSx/Kik/LliFbtmN6xmt+yOjdg9GztV4tROnRwX/Bsaaw51nt4Lc7tWaZYHp/MlzKx51LZs5htNri+2AAAAAQAB//8AD3jaY2BkYGDgAWIxIGZiYARCESBmAfMYAAR6AEMAAAABAAAAANXtRbgAAAAA2AhRFAAAAADYCNuG) format("woff");
     66}
     67
    5668/* If we add the border using a regular CSS border, it won't look good on non-retina devices,
    5769 * since its edges can look jagged due to lack of antialiasing. In this case, we are several
    5870 * layers of box-shadow to add the border visually, which will render the border smoother. */
     71/* Fallback for non-latin fonts */
     72/* Calculates maximum width for post content */
     73/* Nested sub-menu padding: 10 levels deep */
    5974/* Normalize */
    6075/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
    … …  
    134149  text-decoration: underline;
    135150  /* 2 */
    136   -webkit-text-decoration: underline dotted;
    137           text-decoration: underline dotted;
     151  text-decoration: underline dotted;
    138152  /* 2 */
    139153}
    … …  
    400414  -moz-osx-font-smoothing: grayscale;
    401415  color: #111;
    402   font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
     416  font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
    403417  font-weight: 400;
    404418  font-size: 1em;
    … …  
    414428textarea {
    415429  color: #111;
    416   font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
     430  font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
    417431  font-weight: 400;
    418432  line-height: 1.8;
    … …  
    420434}
    421435
     436.author-description .author-link,
     437.comment-metadata,
     438.comment-reply-link,
     439.comments-title,
     440.comment-author .fn,
     441.discussion-meta-info,
     442.entry-meta,
     443.entry-footer,
     444.main-navigation,
     445.no-comments,
     446.not-found .page-title,
     447.error-404 .page-title,
     448.post-navigation .post-title,
     449.page-links,
     450.page-description,
     451.pagination .nav-links,
     452.sticky-post,
     453.site-title,
     454.site-info,
     455#cancel-comment-reply-link,
     456img:after,
     457h1,
     458h2,
     459h3,
     460h4,
     461h5,
     462h6 {
     463  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
     464}
     465
    422466.main-navigation,
    423467.page-description,
    424 h2.author-title,
     468.author-description .author-link,
    425469.not-found .page-title,
    426470.error-404 .page-title,
    … …  
    431475.no-comments,
    432476.site-title,
    433 h1, h2, h3, h4, h5, h6 {
    434   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
     477h1,
     478h2,
     479h3,
     480h4,
     481h5,
     482h6 {
    435483  font-weight: 700;
    436484  letter-spacing: -0.02em;
    … …  
    440488}
    441489
    442 .site-info,
    443 .page-description,
    444 .post-navigation .post-title,
    445 .comment-metadata,
    446 .discussion-meta-info,
    447 .entry-meta,
    448 .entry-footer,
    449 .comment-reply-link,
    450 #cancel-comment-reply-link,
    451 img:after,
    452 .page-links,
    453 .sticky-post {
    454   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    455 }
    456 
    457490.page-title {
    458   font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
     491  font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
    459492}
    460493
    … …  
    462495.main-navigation ul.main-menu > li,
    463496.social-navigation,
    464 .author-description p.author-bio,
     497.author-description .author-bio,
    465498.nav-links {
    466499  line-height: 1.25;
    … …  
    557590.comments-title,
    558591blockquote {
    559   -webkit-hyphens: auto;
    560       -ms-hyphens: auto;
    561           hyphens: auto;
     592  hyphens: auto;
    562593  word-break: break-word;
    563594}
    … …  
    566597@media only screen and (min-width: 768px) {
    567598  .entry-title {
    568     -webkit-hyphens: none;
    569         -ms-hyphens: none;
    570             hyphens: none;
     599    hyphens: none;
    571600  }
    572601}
    … …  
    577606}
    578607
    579 dfn, cite, em, i {
     608dfn,
     609cite,
     610em,
     611i {
    580612  font-style: italic;
    581613}
    582614
    583 blockquote > p {
    584   font-size: 1.6875em;
    585   font-style: italic;
    586   line-height: 1.2;
    587 }
    588 
    589615blockquote cite {
    590   font-size: 0.88889em;
     616  font-size: 0.71111em;
    591617  font-style: normal;
    592618  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    … …  
    600626}
    601627
    602 code, kbd, tt, var {
     628code,
     629kbd,
     630tt,
     631var {
    603632  font-size: 0.88889em;
    604633  font-family: Menlo, monaco, Consolas, Lucida Console, monospace;
    … …  
    610639}
    611640
    612 mark, ins {
     641mark,
     642ins {
    613643  background: #fff9c0;
    614644  text-decoration: none;
    … …  
    629659a:focus {
    630660  text-decoration: underline;
     661}
     662
     663/* Arabic */
     664html[lang="ar"] .site *,
     665html[lang="ary"] .site *,
     666html[lang="azb"] .site *,
     667html[lang="ckb"] .site *,
     668html[lang="fa-IR"] .site *,
     669html[lang="haz"] .site *,
     670html[lang="ps"] .site * {
     671  font-family: Tahoma, Arial, sans-serif !important;
     672}
     673
     674/* Cyrillic */
     675html[lang="be"] .site *,
     676html[lang="bg-BG"] .site *,
     677html[lang="kk"] .site *,
     678html[lang="mk-MK"] .site *,
     679html[lang="mn"] .site *,
     680html[lang="ru-RU"] .site *,
     681html[lang="sah"] .site *,
     682html[lang="sr-RS"] .site *,
     683html[lang="tt-RU"] .site *,
     684html[lang="uk"] .site * {
     685  font-family: 'Helvetica Neue', Helvetica, 'Segoe UI', Arial, sans-serif !important;
     686}
     687
     688/* Chinese (Hong Kong) */
     689html[lang="zh-HK"] .site * {
     690  font-family: -apple-system, BlinkMacSystemFont, 'PingFang HK', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important;
     691}
     692
     693/* Chinese (Taiwan) */
     694html[lang="zh-TW"] .site * {
     695  font-family: -apple-system, BlinkMacSystemFont, 'PingFang TC', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important;
     696}
     697
     698/* Chinese (China) */
     699html[lang="zh-CN"] .site * {
     700  font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important;
     701}
     702
     703/* Devanagari */
     704html[lang="bn-BD"] .site *,
     705html[lang="hi-IN"] .site *,
     706html[lang="mr"] .site *,
     707html[lang="ne-NP"] .site * {
     708  font-family: Arial, sans-serif !important;
     709}
     710
     711/* Greek */
     712html[lang="el"] .site * {
     713  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
     714}
     715
     716/* Gujarati */
     717html[lang="gu"] .site * {
     718  font-family: Arial, sans-serif !important;
     719}
     720
     721/* Hebrew */
     722html[lang="he-IL"] .site * {
     723  font-family: 'Arial Hebrew', Arial, sans-serif !important;
     724}
     725
     726/* Japanese */
     727html[lang="ja"] .site * {
     728  font-family: -apple-system, BlinkMacSystemFont, "Hiragino Sans", Meiryo, "Helvetica Neue", sans-serif !important;
     729}
     730
     731/* Korean */
     732html[lang="ko-KR"] .site * {
     733  font-family: 'Apple SD Gothic Neo', 'Malgun Gothic', 'Nanum Gothic', Dotum, sans-serif !important;
     734}
     735
     736/* Thai */
     737html[lang="th"] .site * {
     738  font-family: 'Sukhumvit Set', 'Helvetica Neue', helvetica, arial, sans-serif !important;
     739}
     740
     741/* Vietnamese */
     742html[lang="vi"] .site * {
     743  font-family: 'Libre Franklin', sans-serif !important;
    631744}
    632745
    … …  
    637750
    638751::-moz-selection {
    639   background: #bfdcea;
     752  background-color: #bfdcea;
    640753}
    641754
    642755::selection {
    643   background: #bfdcea;
     756  background-color: #bfdcea;
    644757}
    645758
    … …  
    651764
    652765body {
    653   background: #fff;
     766  background-color: #fff;
    654767}
    655768
    … …  
    667780
    668781a:focus {
    669   outline: 0;
     782  outline: thin;
     783  outline-style: dotted;
    670784  text-decoration: underline;
    671785}
    672786
    673 h1, h2, h3, h4, h5, h6 {
     787h1,
     788h2,
     789h3,
     790h4,
     791h5,
     792h6 {
    674793  clear: both;
    675794  margin: 1rem 0;
    676795}
    677796
    678 h1:not(.site-title):before, h2:before {
     797h1:not(.site-title):before,
     798h2:before {
    679799  background: #767676;
    680800  content: "\020";
    … …  
    731851}
    732852
    733 img:before {
    734   background-color: #eee;
    735   border: 1px dashed #ccc;
    736   border-radius: 3px;
    737   content: " ";
    738   display: block;
    739   height: 100%;
    740   left: 0;
    741   position: absolute;
    742   top: 0;
    743   width: 100%;
    744 }
    745 
    746 img:after {
    747   color: #666;
    748   content: "This image is broken :-/ ( " attr(alt) " )";
    749   display: block;
    750   left: 50%;
    751   position: absolute;
    752   text-align: center;
    753   top: 50%;
    754   transform: translate(-50%, -50%);
    755   width: 100%;
    756 }
    757 
    758853figure {
    759854  margin: 0;
    … …  
    762857blockquote {
    763858  border-left: 2px solid #0073aa;
    764   margin-left: -2rem;
    765   padding: 1rem 0 0.5rem 2rem;
     859  margin-left: 0;
     860  padding: 0 0 0 1rem;
    766861}
    767862
    … …  
    776871table {
    777872  margin: 0 0 1rem;
     873  border-collapse: collapse;
    778874  width: 100%;
    779 }
    780 
    781 table td, table th {
    782   border-color: #767676;
     875  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
     876}
     877
     878table td,
     879table th {
     880  padding: 0.5em;
     881  border: 1px solid #767676;
     882  word-break: break-all;
    783883}
    784884
    … …  
    794894  border-radius: 5px;
    795895  box-sizing: border-box;
    796   color: white;
     896  color: #fff;
    797897  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    798898  font-size: 0.88889em;
    799   font-weight: 600;
     899  font-weight: 700;
    800900  line-height: 1.2;
    801901  outline: none;
    802   padding: 0.66rem 1rem;
     902  padding: 0.76rem 1rem;
     903  text-decoration: none;
     904  vertical-align: bottom;
    803905}
    804906
    … …  
    808910input[type="reset"]:hover,
    809911input[type="submit"]:hover {
     912  background: #111;
    810913  cursor: pointer;
    811914}
    812915
    813 .button:hover, .button:focus,
    814 button:hover,
    815 button:focus,
    816 input[type="button"]:hover,
    817 input[type="button"]:focus,
    818 input[type="reset"]:hover,
    819 input[type="reset"]:focus,
    820 input[type="submit"]:hover,
    821 input[type="submit"]:focus {
    822   background: #111;
     916.button:visited,
     917button:visited,
     918input[type="button"]:visited,
     919input[type="reset"]:visited,
     920input[type="submit"]:visited {
     921  color: #fff;
     922  text-decoration: none;
    823923}
    824924
    … …  
    828928input[type="reset"]:focus,
    829929input[type="submit"]:focus {
     930  background: #111;
    830931  outline: thin dotted;
    831932  outline-offset: -4px;
    … …  
    853954  box-sizing: border-box;
    854955  outline: none;
    855   padding: 0.5rem 0.66rem;
     956  padding: 0.36rem 0.66rem;
     957  -webkit-appearance: none;
     958  outline-offset: 0;
     959  border-radius: 0;
    856960}
    857961
    … …  
    877981}
    878982
     983input[type="search"]::-webkit-search-decoration {
     984  display: none;
     985}
     986
    879987textarea {
    880988  box-sizing: border-box;
    … …  
    9091017
    9101018a:focus {
    911   outline: 0;
     1019  outline: thin dotted;
    9121020  text-decoration: underline;
    9131021}
    … …  
    9181026/** === Main menu === */
    9191027.main-navigation {
    920   display: inline;
     1028  display: block;
     1029  margin-top: 0.25rem;
    9211030  /*
     1031         * Sub-menu styles
     1032         *
    9221033         * :focus-within needs its own selector so other similar
    9231034         * selectors don’t get ignored if a browser doesn’t recognize it
    9241035         */
    925 }
    926 
    927 @media only screen and (min-width: 768px) {
    928   .main-navigation {
    929     display: block;
    930   }
     1036  /**
     1037         * Fade-in animation for top-level submenus
     1038         */
     1039  /**
     1040         * Off-canvas touch device styles
     1041         */
    9311042}
    9321043
    … …  
    9401051
    9411052.main-navigation .main-menu {
    942   display: inline;
     1053  display: inline-block;
    9431054  margin: 0;
    9441055  padding: 0;
    … …  
    9461057
    9471058.main-navigation .main-menu > li {
     1059  color: #0073aa;
    9481060  display: inline;
     1061  position: relative;
    9491062}
    9501063
    … …  
    9521065  font-weight: 700;
    9531066  color: #0073aa;
     1067  margin-right: 0.5rem;
    9541068}
    9551069
    9561070.main-navigation .main-menu > li > a + svg {
    957   color: #0073aa;
    958   margin-right: -0.25rem;
    959 }
    960 
    961 .main-navigation .main-menu > li > a:hover {
    962   color: #005177;
    963 }
    964 
     1071  margin-right: 0.5rem;
     1072}
     1073
     1074.main-navigation .main-menu > li > a:hover,
    9651075.main-navigation .main-menu > li > a:hover + svg {
    9661076  color: #005177;
    9671077}
    9681078
    969 .main-navigation .main-menu > li > a:after {
    970   content: ",";
    971   display: inline;
    972   color: #767676;
    973 }
    974 
    975 .main-navigation .main-menu > li.menu-item-has-children:after {
    976   content: ",";
    977   display: inline;
    978   color: #767676;
     1079.main-navigation .main-menu > li.menu-item-has-children {
     1080  display: inline-block;
     1081  position: inherit;
     1082}
     1083
     1084@media only screen and (min-width: 768px) {
     1085  .main-navigation .main-menu > li.menu-item-has-children {
     1086    position: relative;
     1087  }
     1088}
     1089
     1090.main-navigation .main-menu > li.menu-item-has-children > a {
     1091  margin-right: 0.125rem;
    9791092}
    9801093
    … …  
    9851098}
    9861099
    987 .main-navigation .main-menu > li:last-child > a:after {
    988   content: ".";
    989 }
    990 
    991 .main-navigation .main-menu > li:last-child > a {
     1100.main-navigation .main-menu > li.menu-item-has-children .submenu-expand {
     1101  display: inline-block;
     1102  margin-right: 0.25rem;
     1103  /* Priority+ Menu */
     1104}
     1105
     1106.main-navigation .main-menu > li.menu-item-has-children .submenu-expand.main-menu-more-toggle {
     1107  position: relative;
     1108  height: 24px;
     1109  line-height: 1.2;
     1110  width: 24px;
     1111  padding: 0;
     1112  margin-left: 0.5rem;
     1113}
     1114
     1115.main-navigation .main-menu > li.menu-item-has-children .submenu-expand.main-menu-more-toggle svg {
     1116  height: 24px;
     1117  width: 24px;
     1118  top: -0.125rem;
     1119  vertical-align: text-bottom;
     1120}
     1121
     1122.wp-customizer-unloading .main-navigation .main-menu > li.menu-item-has-children .submenu-expand, .main-navigation .main-menu > li.menu-item-has-children .submenu-expand.is-empty {
     1123  display: none;
     1124}
     1125
     1126.main-navigation .main-menu > li.menu-item-has-children .submenu-expand svg {
     1127  position: relative;
     1128  top: 0.2rem;
     1129}
     1130
     1131.main-navigation .main-menu > li:last-child > a,
     1132.main-navigation .main-menu > li:last-child.menu-item-has-children .submenu-expand {
    9921133  margin-right: 0;
    9931134}
    9941135
    9951136.main-navigation .sub-menu {
    996   background: #0073aa;
     1137  background-color: #0073aa;
    9971138  color: #fff;
    9981139  list-style: none;
    9991140  padding-left: 0;
    1000   display: none;
    1001   float: left;
    1002   width: 100%;
    10031141  position: absolute;
    10041142  opacity: 0;
    1005   left: -999em;
     1143  left: -9999px;
    10061144  z-index: 99999;
    1007   transition: opacity 0.5s ease-in-out;
    10081145}
    10091146
    10101147@media only screen and (min-width: 768px) {
    10111148  .main-navigation .sub-menu {
    1012     max-width: calc(3 * (100vw / 12));
     1149    width: auto;
     1150    min-width: -moz-max-content;
     1151    min-width: -webkit-max-content;
     1152    min-width: max-content;
    10131153  }
    10141154}
    10151155
    10161156.main-navigation .sub-menu > li {
    1017   clear: both;
    10181157  display: block;
    10191158  float: none;
    10201159  position: relative;
    1021   word-break: break-word;
    1022 }
    1023 
    1024 .main-navigation .sub-menu > li.menu-item-has-children svg {
     1160}
     1161
     1162.main-navigation .sub-menu > li.menu-item-has-children .submenu-expand {
     1163  display: inline-block;
    10251164  position: absolute;
    1026   right: 0.5rem;
    1027   top: 0.65rem;
     1165  width: calc( 24px + 1rem);
     1166  right: 0;
     1167  top: calc( .125 * 1rem);
     1168  bottom: 0;
     1169  color: white;
     1170  line-height: 1;
     1171  padding: calc( .5 * 1rem);
     1172}
     1173
     1174.main-navigation .sub-menu > li.menu-item-has-children .submenu-expand svg {
     1175  top: 0;
     1176}
     1177
     1178.main-navigation .sub-menu > li.menu-item-has-children .submenu-expand {
     1179  margin-right: 0;
    10281180}
    10291181
    … …  
    10341186}
    10351187
    1036 .main-navigation .sub-menu > li > a {
     1188.main-navigation .sub-menu > li > a,
     1189.main-navigation .sub-menu > li > .menu-item-link-return {
    10371190  color: #fff;
    10381191  display: block;
    10391192  line-height: 1.2;
    1040   padding: calc( .5 * 1rem) 1rem;
    1041 }
    1042 
    1043 .main-navigation .sub-menu > li > a:hover, .main-navigation .sub-menu > li > a:focus {
     1193  padding: calc( .5 * 1rem) calc( 24px + 1rem) calc( .5 * 1rem) 1rem;
     1194  white-space: nowrap;
     1195}
     1196
     1197.main-navigation .sub-menu > li > a:hover, .main-navigation .sub-menu > li > a:focus,
     1198.main-navigation .sub-menu > li > .menu-item-link-return:hover,
     1199.main-navigation .sub-menu > li > .menu-item-link-return:focus {
    10441200  background: #005177;
    10451201}
    10461202
    1047 .main-navigation .sub-menu > li > a:hover:after, .main-navigation .sub-menu > li > a:focus:after {
     1203.main-navigation .sub-menu > li > a:hover:after, .main-navigation .sub-menu > li > a:focus:after,
     1204.main-navigation .sub-menu > li > .menu-item-link-return:hover:after,
     1205.main-navigation .sub-menu > li > .menu-item-link-return:focus:after {
    10481206  background: #005177;
    10491207}
    10501208
    1051 .main-navigation .main-menu .menu-item-has-children:hover > .sub-menu,
    1052 .main-navigation .main-menu .menu-item-has-children .sub-menu:hover {
     1209.main-navigation .sub-menu > li > a:empty {
     1210  display: none;
     1211}
     1212
     1213.main-navigation .sub-menu > li.mobile-parent-nav-menu-item {
     1214  display: none;
     1215  font-size: 0.88889em;
     1216  font-weight: normal;
     1217}
     1218
     1219.main-navigation .sub-menu > li.mobile-parent-nav-menu-item svg {
     1220  position: relative;
     1221  top: 0.2rem;
     1222  margin-right: calc( .25 * 1rem);
     1223}
     1224
     1225.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu {
    10531226  display: block;
    1054   left: inherit;
    1055   margin-top: -2px;
     1227  left: 0;
     1228  margin-top: 0;
    10561229  opacity: 1;
    1057 }
    1058 
    1059 .main-navigation .main-menu .menu-item-has-children:hover > .sub-menu .sub-menu,
    1060 .main-navigation .main-menu .menu-item-has-children .sub-menu:hover .sub-menu {
     1230  width: auto;
     1231  min-width: 100%;
     1232  /* Non-mobile position */
     1233  /* Nested sub-menu dashes */
     1234}
     1235
     1236.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu {
     1237  display: block;
     1238  left: 0;
     1239  margin-top: 0;
     1240  opacity: 1;
     1241  width: auto;
     1242  min-width: 100%;
     1243  /* Non-mobile position */
     1244  /* Nested sub-menu dashes */
     1245}
     1246
     1247@media only screen and (min-width: 768px) {
     1248  .main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu {
     1249    display: block;
     1250    margin-top: 0;
     1251    opacity: 1;
     1252    position: absolute;
     1253    left: 0;
     1254    right: auto;
     1255    top: auto;
     1256    bottom: auto;
     1257    height: auto;
     1258    min-width: -moz-max-content;
     1259    min-width: -webkit-max-content;
     1260    min-width: max-content;
     1261    transform: none;
     1262  }
     1263  .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu {
     1264    display: block;
     1265    margin-top: 0;
     1266    opacity: 1;
     1267    position: absolute;
     1268    left: 0;
     1269    right: auto;
     1270    top: auto;
     1271    bottom: auto;
     1272    height: auto;
     1273    min-width: -moz-max-content;
     1274    min-width: -webkit-max-content;
     1275    min-width: max-content;
     1276    transform: none;
     1277  }
     1278}
     1279
     1280.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu.hidden-links {
     1281  left: 0;
     1282  width: 100%;
     1283  display: table;
     1284  position: absolute;
     1285}
     1286
     1287.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu.hidden-links {
     1288  left: 0;
     1289  width: 100%;
     1290  display: table;
     1291  position: absolute;
     1292}
     1293
     1294@media only screen and (min-width: 768px) {
     1295  .main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu.hidden-links {
     1296    right: 0;
     1297    left: auto;
     1298    display: block;
     1299    width: max-content;
     1300  }
     1301  .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu.hidden-links {
     1302    right: 0;
     1303    left: auto;
     1304    display: block;
     1305    width: max-content;
     1306  }
     1307}
     1308
     1309.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .submenu-expand {
     1310  display: none;
     1311}
     1312
     1313.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .submenu-expand {
     1314  display: none;
     1315}
     1316
     1317.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu {
     1318  display: block;
    10611319  margin-top: inherit;
    10621320  position: relative;
    1063   padding-left: 1rem;
    1064 }
    1065 
    1066 @media only screen and (min-width: 768px) {
    1067   .main-navigation .main-menu .menu-item-has-children:hover > .sub-menu .sub-menu,
    1068   .main-navigation .main-menu .menu-item-has-children .sub-menu:hover .sub-menu {
    1069     padding-left: 0;
    1070     position: absolute;
    1071     left: 100%;
    1072     top: 0;
    1073   }
    1074 }
    1075 
    1076 .main-navigation .main-menu .menu-item-has-children:focus-within > .sub-menu {
     1321  width: 100%;
     1322  left: 0;
     1323  opacity: 1;
     1324  /* Non-mobile position */
     1325}
     1326
     1327.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu {
    10771328  display: block;
    1078   left: inherit;
    1079   margin-top: -2px;
    1080   opacity: 1;
    1081 }
    1082 
    1083 .main-navigation .main-menu .menu-item-has-children:focus-within > .sub-menu .sub-menu {
    10841329  margin-top: inherit;
    10851330  position: relative;
    1086   padding-left: 1rem;
    1087 }
    1088 
    1089 @media only screen and (min-width: 768px) {
    1090   .main-navigation .main-menu .menu-item-has-children:focus-within > .sub-menu .sub-menu {
    1091     padding-left: 0;
     1331  width: 100%;
     1332  left: 0;
     1333  opacity: 1;
     1334  /* Non-mobile position */
     1335}
     1336
     1337@media only screen and (min-width: 768px) {
     1338  .main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu {
     1339    float: none;
     1340    max-width: 100%;
     1341  }
     1342  .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu {
     1343    float: none;
     1344    max-width: 100%;
     1345  }
     1346}
     1347
     1348.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu {
     1349  counter-reset: submenu;
     1350}
     1351
     1352.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu {
     1353  counter-reset: submenu;
     1354}
     1355
     1356.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu > li > a::before {
     1357  font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
     1358  font-weight: normal;
     1359  content: "– " counters(submenu, "– ", none);
     1360  counter-increment: submenu;
     1361}
     1362
     1363.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu > li > a::before {
     1364  font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
     1365  font-weight: normal;
     1366  content: "– " counters(submenu, "– ", none);
     1367  counter-increment: submenu;
     1368}
     1369
     1370.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu,
     1371.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu,
     1372.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu {
     1373  display: block;
     1374  left: 0;
     1375  margin-top: 0;
     1376  opacity: 1;
     1377  width: auto;
     1378  min-width: 100%;
     1379  /* Non-mobile position */
     1380  /* Nested sub-menu dashes */
     1381}
     1382
     1383@media only screen and (min-width: 768px) {
     1384  .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu,
     1385  .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu,
     1386  .main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu {
     1387    display: block;
     1388    float: none;
     1389    margin-top: 0;
     1390    opacity: 1;
    10921391    position: absolute;
    1093     left: 100%;
     1392    left: 0;
     1393    right: auto;
     1394    top: auto;
     1395    bottom: auto;
     1396    height: auto;
     1397    min-width: -moz-max-content;
     1398    min-width: -webkit-max-content;
     1399    min-width: max-content;
     1400    transform: none;
     1401  }
     1402}
     1403
     1404.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu.hidden-links,
     1405.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu.hidden-links,
     1406.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu.hidden-links {
     1407  left: 0;
     1408  width: 100%;
     1409  display: table;
     1410  position: absolute;
     1411}
     1412
     1413@media only screen and (min-width: 768px) {
     1414  .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu.hidden-links,
     1415  .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu.hidden-links,
     1416  .main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu.hidden-links {
     1417    right: 0;
     1418    left: auto;
     1419    display: table;
     1420    width: max-content;
     1421  }
     1422}
     1423
     1424.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .submenu-expand,
     1425.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .submenu-expand,
     1426.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .submenu-expand {
     1427  display: none;
     1428}
     1429
     1430.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu,
     1431.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu,
     1432.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu {
     1433  display: block;
     1434  margin-top: inherit;
     1435  position: relative;
     1436  width: 100%;
     1437  left: 0;
     1438  opacity: 1;
     1439  /* Non-mobile position */
     1440}
     1441
     1442@media only screen and (min-width: 768px) {
     1443  .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu,
     1444  .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu,
     1445  .main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu {
     1446    float: none;
     1447    max-width: 100%;
     1448  }
     1449}
     1450
     1451.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu,
     1452.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu,
     1453.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu {
     1454  counter-reset: submenu;
     1455}
     1456
     1457.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu > li > a::before,
     1458.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu > li > a::before,
     1459.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu > li > a::before {
     1460  font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
     1461  font-weight: normal;
     1462  content: "– " counters(submenu, "– ", none);
     1463  counter-increment: submenu;
     1464}
     1465
     1466.main-navigation .main-menu > .menu-item-has-children:not(.off-canvas):hover > .sub-menu {
     1467  animation: fade_in 0.1s forwards;
     1468}
     1469
     1470.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu .submenu-expand .svg-icon {
     1471  transform: rotate(270deg);
     1472}
     1473
     1474.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu .sub-menu {
     1475  opacity: 0;
     1476  position: absolute;
     1477  z-index: 0;
     1478  transform: translateX(-100%);
     1479}
     1480
     1481.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu li:hover,
     1482.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu li:focus,
     1483.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu li > a:hover,
     1484.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu li > a:focus {
     1485  background-color: transparent;
     1486}
     1487
     1488.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu > li > a,
     1489.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu > li > .menu-item-link-return {
     1490  white-space: inherit;
     1491}
     1492
     1493.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true {
     1494  display: table;
     1495  margin-top: 0;
     1496  opacity: 1;
     1497  padding-left: 0;
     1498  /* Mobile position */
     1499  left: 0;
     1500  top: 0;
     1501  right: 0;
     1502  bottom: 0;
     1503  position: fixed;
     1504  z-index: 100000;
     1505  /* Make sure appears above mobile admin bar */
     1506  width: 100vw;
     1507  height: 100vh;
     1508  max-width: 100vw;
     1509  transform: translateX(100%);
     1510  animation: slide_in_right 0.3s forwards;
     1511  /* Prevent menu from being blocked by admin bar */
     1512}
     1513
     1514.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true > .mobile-parent-nav-menu-item {
     1515  display: block;
     1516}
     1517
     1518.admin-bar .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true {
     1519  top: 46px;
     1520  height: calc( 100vh - 46px);
     1521  /* WP core breakpoint */
     1522}
     1523
     1524.admin-bar .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true .sub-menu.expanded-true {
     1525  top: 0;
     1526}
     1527
     1528@media only screen and (min-width: 782px) {
     1529  .admin-bar .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true {
     1530    top: 32px;
     1531    height: calc( 100vh - 32px);
     1532  }
     1533  .admin-bar .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true .sub-menu.expanded-true {
    10941534    top: 0;
     1535  }
     1536}
     1537
     1538.main-navigation .main-menu-more:nth-child(n+3) {
     1539  display: none;
     1540}
     1541
     1542/* Menu animation */
     1543@keyframes slide_in_right {
     1544  100% {
     1545    transform: translateX(0%);
     1546  }
     1547}
     1548
     1549@keyframes fade_in {
     1550  from {
     1551    opacity: 0;
     1552  }
     1553  to {
     1554    opacity: 1;
    10951555  }
    10961556}
    … …  
    11511611}
    11521612
     1613@media only screen and (min-width: 768px) {
     1614  .site-title + .social-navigation,
     1615  .site-description + .social-navigation {
     1616    margin-top: calc(1rem / 5);
     1617  }
     1618}
     1619
     1620/** === Footer menu === */
     1621.footer-navigation {
     1622  display: inline;
     1623}
     1624
     1625.footer-navigation > div {
     1626  display: inline;
     1627}
     1628
     1629.footer-navigation .footer-menu {
     1630  display: inline;
     1631  padding-left: 0;
     1632}
     1633
     1634.footer-navigation .footer-menu li {
     1635  display: inline;
     1636  margin-right: 1rem;
     1637}
     1638
    11531639/*--------------------------------------------------------------
    11541640## Next / Previous
    … …  
    11591645}
    11601646
     1647@media only screen and (min-width: 768px) {
     1648  .post-navigation {
     1649    margin: calc(3 * 1rem) calc(10% + 60px);
     1650    max-width: calc(6 * (100vw / 12));
     1651  }
     1652}
     1653
     1654@media only screen and (min-width: 1168px) {
     1655  .post-navigation {
     1656    margin: calc(3 * 1rem) 0;
     1657    max-width: 100%;
     1658  }
     1659}
     1660
    11611661.post-navigation .nav-links {
    11621662  margin: 0 1rem;
    … …  
    11661666}
    11671667
     1668@media only screen and (min-width: 768px) {
     1669  .post-navigation .nav-links {
     1670    margin: 0;
     1671  }
     1672}
     1673
    11681674@media only screen and (min-width: 1168px) {
    11691675  .post-navigation .nav-links {
    11701676    flex-direction: row;
    1171     margin: 0 calc(2 * (100vw / 12));
    1172     max-width: calc(8 * (100vw / 12));
     1677    margin: 0 calc(10% + 60px);
     1678    max-width: calc(6 * (100vw / 12) - 28px);
    11731679  }
    11741680}
    … …  
    11761682.post-navigation .nav-links a .meta-nav {
    11771683  color: #767676;
    1178   -webkit-user-select: none;
    1179      -moz-user-select: none;
    1180       -ms-user-select: none;
    1181           user-select: none;
     1684  user-select: none;
    11821685}
    11831686
    … …  
    11911694
    11921695.post-navigation .nav-links a .post-title {
    1193   -webkit-hyphens: auto;
    1194       -ms-hyphens: auto;
    1195           hyphens: auto;
     1696  hyphens: auto;
    11961697}
    11971698
    … …  
    12321733  .post-navigation .nav-links .nav-next {
    12331734    order: 2;
     1735    padding-left: 1rem;
    12341736  }
    12351737}
    … …  
    12571759}
    12581760
     1761.pagination .nav-links a:focus {
     1762  text-decoration: underline;
     1763  outline-offset: -1px;
     1764}
     1765
     1766.pagination .nav-links a:focus.prev, .pagination .nav-links a:focus.next {
     1767  text-decoration: none;
     1768}
     1769
     1770.pagination .nav-links a:focus.prev .nav-prev-text,
     1771.pagination .nav-links a:focus.prev .nav-next-text, .pagination .nav-links a:focus.next .nav-prev-text,
     1772.pagination .nav-links a:focus.next .nav-next-text {
     1773  text-decoration: underline;
     1774}
     1775
    12591776.pagination .nav-links .nav-next-text,
    12601777.pagination .nav-links .nav-prev-text {
    … …  
    12641781@media only screen and (min-width: 768px) {
    12651782  .pagination .nav-links {
    1266     margin-left: calc(2 * (100vw / 12));
     1783    margin-left: calc(10% + 60px);
    12671784    padding: 0;
    12681785  }
    … …  
    12861803  min-width: 50%;
    12871804  width: 100%;
     1805  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
     1806  font-weight: bold;
    12881807}
    12891808
    … …  
    13081827}
    13091828
    1310 .comment-navigation .nav-previous a:hover,
    1311 .comment-navigation .nav-next a:hover {
    1312   color: #0073aa;
    1313 }
    1314 
    13151829.comment-navigation .nav-next {
    13161830  text-align: right;
    … …  
    13221836  border: 0;
    13231837  clip: rect(1px, 1px, 1px, 1px);
    1324   -webkit-clip-path: inset(50%);
    1325           clip-path: inset(50%);
     1838  clip-path: inset(50%);
    13261839  height: 1px;
    13271840  margin: -1px;
    … …  
    13391852  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    13401853  clip: auto !important;
    1341   -webkit-clip-path: none;
    1342           clip-path: none;
     1854  clip-path: none;
    13431855  color: #21759b;
    13441856  display: block;
    … …  
    13641876/* Alignments */
    13651877.alignleft {
     1878  /*rtl:ignore*/
    13661879  float: left;
     1880  /*rtl:ignore*/
    13671881  margin-right: 1rem;
    13681882}
    13691883
     1884@media only screen and (min-width: 768px) {
     1885  .alignleft {
     1886    /*rtl:ignore*/
     1887    margin-right: calc(2 * 1rem);
     1888  }
     1889}
     1890
    13701891.alignright {
     1892  /*rtl:ignore*/
    13711893  float: right;
     1894  /*rtl:ignore*/
    13721895  margin-left: 1rem;
     1896}
     1897
     1898@media only screen and (min-width: 768px) {
     1899  .alignright {
     1900    /*rtl:ignore*/
     1901    margin-left: calc(2 * 1rem);
     1902  }
    13731903}
    13741904
    … …  
    14251955}
    14261956
     1957.site-header.featured-image {
     1958  display: flex;
     1959  flex-direction: column;
     1960  justify-content: space-between;
     1961  min-height: 90vh;
     1962}
     1963
     1964.site-header.featured-image .site-branding-container {
     1965  margin-bottom: auto;
     1966}
     1967
    14271968@media only screen and (min-width: 768px) {
    14281969  .site-header {
    … …  
    14311972  }
    14321973  .site-header.featured-image {
    1433     display: flex;
    14341974    min-height: 100vh;
    1435     flex-direction: column;
    1436     justify-content: space-between;
    14371975    margin-bottom: 3rem;
    1438   }
    1439   .site-header.featured-image .site-branding-container {
    1440     margin-bottom: auto;
    14411976  }
    14421977}
    … …  
    14491984@media only screen and (min-width: 768px) {
    14501985  .site-branding {
    1451     margin: 0 calc(2 * (100vw / 12));
    1452     max-width: 22em;
     1986    margin: 0 calc(10% + 60px);
    14531987  }
    14541988}
    … …  
    14641998    margin-bottom: 0;
    14651999    position: absolute;
    1466     right: calc(100% + (0.5 * calc(100vw / 12)));
     2000    right: calc(100% + (1.25 * 1rem));
    14672001    top: 4px;
    14682002    z-index: 999;
    … …  
    14752009  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    14762010  display: block;
    1477   width: 32px;
    1478   height: 32px;
     2011  width: 50px;
     2012  height: 50px;
    14792013  overflow: hidden;
    14802014  transition: box-shadow 200ms ease-in-out;
    … …  
    15032037}
    15042038
     2039.site-title a {
     2040  color: #111;
     2041}
     2042
     2043.site-title a:link, .site-title a:visited {
     2044  color: #111;
     2045}
     2046
     2047.site-title a:hover {
     2048  color: #4a4a4a;
     2049}
     2050
    15052051.featured-image .site-title {
    15062052  margin: 0;
    … …  
    15172063}
    15182064
    1519 .site-title a {
    1520   color: inherit;
    1521 }
    1522 
    1523 .site-title a:hover {
    1524   color: #4a4a4a;
    1525 }
    1526 
    15272065@media only screen and (min-width: 768px) {
    15282066  .site-title {
    15292067    display: inline;
    15302068  }
     2069}
     2070
     2071.site-title:not(:empty) + .site-description:not(:empty):before {
     2072  content: "\2014";
     2073  margin: 0 .2em;
    15312074}
    15322075
    … …  
    15382081}
    15392082
    1540 .site-description:not(:empty):before {
    1541   content: "\2014";
    1542   margin: 0 .2em;
    1543 }
    1544 
    15452083.site-header.featured-image {
     2084  /* Hide overflow for overflowing featured image */
     2085  overflow: hidden;
    15462086  /* Need relative positioning to properly align layers. */
    15472087  position: relative;
    … …  
    15492089  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
    15502090  /* Set white text color when featured image is set. */
    1551   /* Post header styles */
     2091  /* add focus state to social media icons */
     2092  /* Entry header */
    15522093  /* Custom Logo Link */
    15532094  /* Make sure important elements are above pseudo elements used for effects. */
    15542095  /* Set up image filter layer positioning */
    15552096  /* Background & Effects */
    1556   /* Shared background settings between pseudo elements. See .site-branding-container */
     2097  /* Shared background settings between pseudo elements. */
    15572098  background-position: center;
    15582099  background-repeat: no-repeat;
    15592100  background-size: cover;
    15602101  /* The intensity of each blend mode is controlled via layer opacity. */
    1561   /* First layer: grayscale. */
    15622102  /* Second layer: screen. */
    15632103  /* Third layer: multiply. */
     2104  /* When image filters are inactive, a black overlay is added. */
    15642105  /* Fourth layer: overlay. */
    15652106  /* Fifth layer: readability overlay */
    … …  
    15742115.site-header.featured-image .entry-meta,
    15752116.site-header.featured-image .entry-title {
    1576   color: white;
     2117  color: #fff;
    15772118}
    15782119
    15792120.site-header.featured-image .main-navigation a,
     2121.site-header.featured-image .main-navigation a + svg,
    15802122.site-header.featured-image .social-navigation a,
    15812123.site-header.featured-image .site-title a,
    1582 .site-header.featured-image .hentry a {
    1583   color: white;
     2124.site-header.featured-image .site-featured-image a {
     2125  color: #fff;
    15842126  transition: opacity 110ms ease-in-out;
    15852127}
    15862128
    15872129.site-header.featured-image .main-navigation a:hover, .site-header.featured-image .main-navigation a:active,
     2130.site-header.featured-image .main-navigation a:hover + svg,
     2131.site-header.featured-image .main-navigation a:active + svg,
     2132.site-header.featured-image .main-navigation a + svg:hover,
     2133.site-header.featured-image .main-navigation a + svg:active,
     2134.site-header.featured-image .main-navigation a + svg:hover + svg,
     2135.site-header.featured-image .main-navigation a + svg:active + svg,
    15882136.site-header.featured-image .social-navigation a:hover,
    15892137.site-header.featured-image .social-navigation a:active,
     2138.site-header.featured-image .social-navigation a:hover + svg,
     2139.site-header.featured-image .social-navigation a:active + svg,
    15902140.site-header.featured-image .site-title a:hover,
    15912141.site-header.featured-image .site-title a:active,
    1592 .site-header.featured-image .hentry a:hover,
    1593 .site-header.featured-image .hentry a:active {
    1594   color: white;
     2142.site-header.featured-image .site-title a:hover + svg,
     2143.site-header.featured-image .site-title a:active + svg,
     2144.site-header.featured-image .site-featured-image a:hover,
     2145.site-header.featured-image .site-featured-image a:active,
     2146.site-header.featured-image .site-featured-image a:hover + svg,
     2147.site-header.featured-image .site-featured-image a:active + svg {
     2148  color: #fff;
    15952149  opacity: 0.6;
    15962150}
    15972151
    15982152.site-header.featured-image .main-navigation a:focus,
     2153.site-header.featured-image .main-navigation a:focus + svg,
     2154.site-header.featured-image .main-navigation a + svg:focus,
     2155.site-header.featured-image .main-navigation a + svg:focus + svg,
    15992156.site-header.featured-image .social-navigation a:focus,
     2157.site-header.featured-image .social-navigation a:focus + svg,
    16002158.site-header.featured-image .site-title a:focus,
    1601 .site-header.featured-image .hentry a:focus {
    1602   color: white;
     2159.site-header.featured-image .site-title a:focus + svg,
     2160.site-header.featured-image .site-featured-image a:focus,
     2161.site-header.featured-image .site-featured-image a:focus + svg {
     2162  color: #fff;
    16032163}
    16042164
    16052165.site-header.featured-image .social-navigation a:focus {
    1606   color: white;
     2166  color: #fff;
    16072167  opacity: 1;
    1608   border-bottom: 1px solid white;
     2168  border-bottom: 1px solid #fff;
    16092169}
    16102170
    16112171.site-header.featured-image .social-navigation svg,
    1612 .site-header.featured-image .hentry svg {
     2172.site-header.featured-image .site-featured-image svg {
    16132173  /* Use -webkit- only if supporting: Chrome < 54, iOS < 9.3, Android < 4.4.4 */
     2174  -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.35));
    16142175  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.35));
    16152176}
    16162177
    1617 .site-header.featured-image .hentry .entry-header {
     2178.site-header.featured-image .site-featured-image {
     2179  /* First layer: grayscale. */
     2180}
     2181
     2182.site-header.featured-image .site-featured-image .post-thumbnail img {
     2183  height: auto;
     2184  left: 50%;
     2185  max-width: 1000%;
     2186  min-height: 100%;
     2187  min-width: 100vw;
     2188  position: absolute;
     2189  top: 50%;
     2190  transform: translateX(-50%) translateY(-50%);
     2191  width: auto;
     2192  z-index: 1;
     2193  /* When image filters are active, make it grayscale to colorize it blue. */
     2194}
     2195
     2196@supports (object-fit: cover) {
     2197  .site-header.featured-image .site-featured-image .post-thumbnail img {
     2198    height: 100%;
     2199    left: 0;
     2200    object-fit: cover;
     2201    top: 0;
     2202    transform: none;
     2203    width: 100%;
     2204  }
     2205}
     2206
     2207.image-filters-enabled .site-header.featured-image .site-featured-image .post-thumbnail img {
     2208  filter: grayscale(100%);
     2209}
     2210
     2211.site-header.featured-image .site-featured-image .entry-header {
     2212  margin-top: calc( 4 * 1rem);
     2213  margin-bottom: 0;
    16182214  margin-left: 0;
    16192215  margin-right: 0;
    1620 }
    1621 
    1622 @media only screen and (min-width: 768px) {
    1623   .site-header.featured-image .hentry .entry-header {
    1624     margin-left: calc(2 * (100vw / 12));
    1625     margin-right: calc(2 * (100vw / 12));
    1626   }
    1627 }
    1628 
    1629 .site-header.featured-image .hentry .entry-header .entry-title:before {
    1630   background: white;
     2216  /* Entry meta */
     2217}
     2218
     2219@media only screen and (min-width: 768px) {
     2220  .site-header.featured-image .site-featured-image .entry-header {
     2221    margin-left: calc(10% + 60px);
     2222    margin-right: calc(10% + 60px);
     2223  }
     2224}
     2225
     2226.site-header.featured-image .site-featured-image .entry-header .entry-title:before {
     2227  background: #fff;
     2228}
     2229
     2230.site-header.featured-image .site-featured-image .entry-header .entry-meta {
     2231  font-weight: 500;
     2232}
     2233
     2234.site-header.featured-image .site-featured-image .entry-header .entry-meta > span {
     2235  margin-right: 1rem;
     2236  display: inline-block;
     2237}
     2238
     2239.site-header.featured-image .site-featured-image .entry-header .entry-meta > span:last-child {
     2240  margin-right: 0;
     2241}
     2242
     2243.site-header.featured-image .site-featured-image .entry-header .entry-meta a {
     2244  transition: color 110ms ease-in-out;
     2245  color: currentColor;
     2246}
     2247
     2248.site-header.featured-image .site-featured-image .entry-header .entry-meta a:hover {
     2249  text-decoration: none;
     2250}
     2251
     2252.site-header.featured-image .site-featured-image .entry-header .entry-meta .svg-icon {
     2253  position: relative;
     2254  display: inline-block;
     2255  vertical-align: middle;
     2256  margin-right: 0.5em;
     2257}
     2258
     2259.site-header.featured-image .site-featured-image .entry-header .entry-meta .discussion-avatar-list {
     2260  display: none;
     2261}
     2262
     2263@media only screen and (min-width: 768px) {
     2264  .site-header.featured-image .site-featured-image .entry-header.has-discussion .entry-meta {
     2265    display: flex;
     2266    position: relative;
     2267  }
     2268  .site-header.featured-image .site-featured-image .entry-header.has-discussion .entry-title {
     2269    padding-right: calc(1 * (100vw / 12) + 1rem);
     2270  }
     2271  .site-header.featured-image .site-featured-image .entry-header.has-discussion .entry-meta .comment-count {
     2272    position: absolute;
     2273    right: 0;
     2274  }
     2275  .site-header.featured-image .site-featured-image .entry-header.has-discussion .entry-meta .discussion-avatar-list {
     2276    display: block;
     2277    position: absolute;
     2278    bottom: 100%;
     2279  }
    16312280}
    16322281
    16332282.site-header.featured-image .custom-logo-link {
    1634   background: white;
     2283  background: #fff;
    16352284  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    16362285}
    … …  
    16402289}
    16412290
    1642 .site-header.featured-image .site-branding,
    1643 .site-header.featured-image .hentry .entry-header {
     2291.site-header.featured-image .site-branding {
     2292  position: relative;
    16442293  z-index: 10;
    16452294}
    16462295
    1647 .site-header.featured-image .site-branding-container:before,
     2296.site-header.featured-image .site-featured-image .entry-header {
     2297  position: relative;
     2298  z-index: 9;
     2299}
     2300
    16482301.site-header.featured-image .site-branding-container:after,
    1649 .site-header.featured-image .hentry:before,
    1650 .site-header.featured-image .hentry:after, .site-header.featured-image:after {
     2302.site-header.featured-image .site-featured-image:before,
     2303.site-header.featured-image .site-featured-image:after, .site-header.featured-image:after {
    16512304  display: block;
    16522305  position: absolute;
    … …  
    16582311}
    16592312
    1660 .site-header.featured-image .site-branding-container:before {
    1661   background-position: center;
    1662   background-repeat: no-repeat;
    1663   background-size: cover;
    1664   filter: grayscale(100%);
    1665   z-index: 1;
    1666 }
    1667 
    1668 .site-header.featured-image .hentry:before {
     2313.image-filters-enabled .site-header.featured-image .site-featured-image:before {
    16692314  background: #0073aa;
    16702315  mix-blend-mode: screen;
    16712316  opacity: 0.1;
    1672   z-index: 2;
    1673 }
    1674 
    1675 .site-header.featured-image .hentry:after {
     2317}
     2318
     2319.site-header.featured-image .site-featured-image:after {
     2320  background: #000;
     2321  mix-blend-mode: multiply;
     2322  opacity: .7;
     2323  /* When image filters are active, a blue overlay is added. */
     2324}
     2325
     2326.image-filters-enabled .site-header.featured-image .site-featured-image:after {
    16762327  background: #0073aa;
    1677   mix-blend-mode: multiply;
    1678   opacity: 1;
     2328  opacity: .8;
    16792329  z-index: 3;
    1680 }
    1681 
    1682 .site-header.featured-image .site-branding-container:after {
    1683   background: rgba(255, 255, 255, 0.35);
     2330  /* Browsers supporting mix-blend-mode don't need opacity < 1 */
     2331}
     2332
     2333@supports (mix-blend-mode: multiply) {
     2334  .image-filters-enabled .site-header.featured-image .site-featured-image:after {
     2335    opacity: 1;
     2336  }
     2337}
     2338
     2339.image-filters-enabled .site-header.featured-image .site-branding-container:after {
     2340  background: rgba(0, 0, 0, 0.35);
    16842341  mix-blend-mode: overlay;
    16852342  opacity: 0.5;
    16862343  z-index: 4;
     2344  /* Browsers supporting mix-blend-mode can have a light overlay */
     2345}
     2346
     2347@supports (mix-blend-mode: overlay) {
     2348  .image-filters-enabled .site-header.featured-image .site-branding-container:after {
     2349    background: rgba(255, 255, 255, 0.35);
     2350  }
    16872351}
    16882352
    16892353.site-header.featured-image:after {
    1690   background: #000e14;
     2354  background: #000;
    16912355  /**
    16922356                 * Add a transition to the readability overlay, to add a subtle
    … …  
    16942358                 */
    16952359  transition: opacity 1200ms ease-in-out;
     2360  opacity: 0.7;
    16962361  z-index: 5;
     2362  /* When image filters are active, a blue overlay is added. */
     2363}
     2364
     2365.image-filters-enabled .site-header.featured-image:after {
     2366  background: #000e14;
    16972367  opacity: 0.38;
    16982368}
    16992369
    17002370@media only screen and (min-width: 768px) {
    1701   .site-header.featured-image:after {
     2371  .image-filters-enabled .site-header.featured-image:after {
    17022372    opacity: 0.18;
    1703   }
    1704 }
    1705 
    1706 @media only screen and (min-width: 1168px) {
    1707   .site-header.featured-image:after {
    1708     opacity: 0.1;
    17092373  }
    17102374}
    … …  
    17472411}
    17482412
    1749 .hentry {
     2413.entry {
    17502414  margin-top: calc(6 * 1rem);
    17512415}
    17522416
    1753 .hentry:first-of-type {
     2417.entry:first-of-type {
    17542418  margin-top: 0;
    17552419}
    17562420
    1757 .hentry .entry-header {
     2421.entry .entry-header {
    17582422  margin: calc(3 * 1rem) 1rem 1rem;
    17592423  position: relative;
    … …  
    17612425
    17622426@media only screen and (min-width: 768px) {
    1763   .hentry .entry-header {
    1764     margin: calc(3 * 1rem) calc(2 * (100vw / 12 )) 1rem;
    1765   }
    1766   .featured-image .hentry .entry-header {
    1767     margin-bottom: 0;
    1768   }
    1769 }
    1770 
    1771 .hentry .entry-title {
     2427  .entry .entry-header {
     2428    margin: calc(3 * 1rem) calc(10% + 60px) 1rem;
     2429  }
     2430}
     2431
     2432.entry .entry-title {
    17722433  margin: 0;
    17732434}
    17742435
    1775 .hentry .entry-title:before {
     2436.entry .entry-title:before {
    17762437  background: #767676;
    17772438  content: "\020";
    … …  
    17822443}
    17832444
    1784 .hentry .entry-title a {
     2445.entry .entry-title a {
    17852446  color: inherit;
    17862447}
    17872448
    1788 .hentry .entry-title a:hover {
     2449.entry .entry-title a:hover {
    17892450  color: #4a4a4a;
    17902451}
    17912452
    1792 .hentry .entry-meta,
    1793 .hentry .entry-footer {
     2453.entry .entry-meta,
     2454.entry .entry-footer {
    17942455  color: #767676;
    17952456  font-weight: 500;
    17962457}
    17972458
    1798 .hentry .entry-meta > span,
    1799 .hentry .entry-footer > span {
     2459.entry .entry-meta > span,
     2460.entry .entry-footer > span {
    18002461  margin-right: 1rem;
    1801 }
    1802 
    1803 .hentry .entry-meta > span:last-child,
    1804 .hentry .entry-footer > span:last-child {
     2462  display: inline-block;
     2463}
     2464
     2465.entry .entry-meta > span:last-child,
     2466.entry .entry-footer > span:last-child {
    18052467  margin-right: 0;
    18062468}
    18072469
    1808 .hentry .entry-meta a,
    1809 .hentry .entry-footer a {
     2470.entry .entry-meta a,
     2471.entry .entry-footer a {
    18102472  transition: color 110ms ease-in-out;
    18112473  color: currentColor;
    18122474}
    18132475
    1814 .hentry .entry-meta a:hover,
    1815 .hentry .entry-footer a:hover {
     2476.entry .entry-meta a:hover,
     2477.entry .entry-footer a:hover {
    18162478  text-decoration: none;
    18172479  color: #0073aa;
    18182480}
    18192481
    1820 .hentry .entry-meta .svg-icon,
    1821 .hentry .entry-footer .svg-icon {
     2482.entry .entry-meta .svg-icon,
     2483.entry .entry-footer .svg-icon {
    18222484  position: relative;
    18232485  display: inline-block;
    … …  
    18262488}
    18272489
    1828 .hentry .entry-meta {
     2490.entry .entry-meta {
    18292491  margin: 1rem 0;
    18302492}
    18312493
    1832 @media only screen and (min-width: 1168px) {
    1833   .hentry .entry-meta.has-discussion .comment-count {
    1834     float: right;
    1835     position: relative;
    1836   }
    1837 }
    1838 
    1839 .hentry .entry-meta.has-discussion .comment-count .discussion-avatar-list {
    1840   display: none;
    1841 }
    1842 
    1843 @media only screen and (min-width: 1168px) {
    1844   .hentry .entry-meta.has-discussion .comment-count .discussion-avatar-list {
    1845     bottom: 100%;
    1846     display: block;
    1847     position: absolute;
    1848   }
    1849 }
    1850 
    1851 .hentry .entry-footer {
     2494.entry .entry-footer {
    18522495  margin: calc(2 * 1rem) 1rem 1rem;
    18532496}
    18542497
    18552498@media only screen and (min-width: 768px) {
    1856   .hentry .entry-footer {
    1857     margin: calc(3 * 1rem) calc(2 * (100vw / 12));
    1858     max-width: calc(8 * (100vw / 12));
    1859   }
    1860 }
    1861 
    1862 @media only screen and (min-width: 768px) {
    1863   .hentry .entry-footer {
    1864     max-width: calc(6 * (100vw / 12));
    1865   }
    1866 }
    1867 
    1868 .hentry .post-thumbnail {
     2499  .entry .entry-footer {
     2500    margin: 1rem calc(10% + 60px) calc(3 * 1rem);
     2501    max-width: calc(8 * (100vw / 12) - 28px);
     2502  }
     2503}
     2504
     2505@media only screen and (min-width: 768px) {
     2506  .entry .entry-footer {
     2507    max-width: calc(6 * (100vw / 12) - 28px);
     2508  }
     2509}
     2510
     2511.entry .post-thumbnail {
    18692512  margin: 1rem;
    18702513}
    18712514
    18722515@media only screen and (min-width: 768px) {
    1873   .hentry .post-thumbnail {
    1874     margin: 1rem calc(2 * (100vw / 12));
    1875   }
    1876 }
    1877 
    1878 .hentry .post-thumbnail:focus {
     2516  .entry .post-thumbnail {
     2517    margin: 1rem calc(10% + 60px);
     2518  }
     2519}
     2520
     2521.entry .post-thumbnail:focus {
    18792522  outline: none;
    18802523}
    18812524
    1882 .hentry .post-thumbnail .post-thumbnail-inner {
     2525.entry .post-thumbnail .post-thumbnail-inner {
    18832526  display: block;
    18842527}
    18852528
    1886 .hentry .post-thumbnail .post-thumbnail-inner img {
     2529.entry .post-thumbnail .post-thumbnail-inner img {
    18872530  position: relative;
    18882531  display: block;
    … …  
    18902533}
    18912534
    1892 .image-filters-enabled .hentry .post-thumbnail {
     2535.image-filters-enabled .entry .post-thumbnail {
    18932536  position: relative;
    18942537  display: block;
    18952538}
    18962539
    1897 .image-filters-enabled .hentry .post-thumbnail .post-thumbnail-inner {
    1898   position: relative;
     2540.image-filters-enabled .entry .post-thumbnail .post-thumbnail-inner {
    18992541  filter: grayscale(100%);
    1900   z-index: 1;
    1901 }
    1902 
    1903 .image-filters-enabled .hentry .post-thumbnail .post-thumbnail-inner:after {
     2542}
     2543
     2544.image-filters-enabled .entry .post-thumbnail .post-thumbnail-inner:after {
     2545  background: rgba(0, 0, 0, 0.35);
     2546  content: "";
    19042547  display: block;
     2548  height: 100%;
     2549  opacity: .5;
     2550  pointer-events: none;
     2551  position: absolute;
     2552  top: 0;
    19052553  width: 100%;
    1906   height: 100%;
    1907   z-index: 10;
    1908 }
    1909 
    1910 .image-filters-enabled .hentry .post-thumbnail:before, .image-filters-enabled .hentry .post-thumbnail:after {
     2554  z-index: 4;
     2555}
     2556
     2557@supports (mix-blend-mode: multiply) {
     2558  .image-filters-enabled .entry .post-thumbnail .post-thumbnail-inner:after {
     2559    display: none;
     2560  }
     2561}
     2562
     2563.image-filters-enabled .entry .post-thumbnail:before, .image-filters-enabled .entry .post-thumbnail:after {
    19112564  position: absolute;
    19122565  display: block;
    … …  
    19162569  left: 0;
    19172570  content: "\020";
    1918   display: block;
    19192571  pointer-events: none;
    19202572}
    19212573
    1922 .image-filters-enabled .hentry .post-thumbnail:before {
     2574.image-filters-enabled .entry .post-thumbnail:before {
    19232575  background: #0073aa;
    19242576  mix-blend-mode: screen;
    … …  
    19272579}
    19282580
    1929 .image-filters-enabled .hentry .post-thumbnail:after {
     2581.image-filters-enabled .entry .post-thumbnail:after {
    19302582  background: #0073aa;
    19312583  mix-blend-mode: multiply;
    1932   opacity: 1;
     2584  opacity: .8;
    19332585  z-index: 3;
    1934 }
    1935 
    1936 .hentry .entry-content .more-link {
     2586  /* Browsers supporting mix-blend-mode don't need opacity < 1 */
     2587}
     2588
     2589@supports (mix-blend-mode: multiply) {
     2590  .image-filters-enabled .entry .post-thumbnail:after {
     2591    opacity: 1;
     2592  }
     2593}
     2594
     2595.entry .entry-content,
     2596.entry .entry-summary {
     2597  max-width: calc(100% - (2 * 1rem));
     2598  margin: 0 1rem;
     2599}
     2600
     2601@media only screen and (min-width: 768px) {
     2602  .entry .entry-content,
     2603  .entry .entry-summary {
     2604    max-width: 80%;
     2605    margin: 0 10%;
     2606    padding: 0 60px;
     2607  }
     2608}
     2609
     2610.entry .entry-content p {
     2611  word-wrap: break-word;
     2612}
     2613
     2614.entry .entry-content .more-link {
    19372615  transition: color 110ms ease-in-out;
    19382616  display: inline;
    … …  
    19402618}
    19412619
    1942 .hentry .entry-content .more-link:after {
    1943   content: "»";
     2620.entry .entry-content .more-link:after {
     2621  content: "\02192";
    19442622  margin-left: 0.5em;
    19452623}
    19462624
    1947 .hentry .entry-content .more-link:hover {
     2625.entry .entry-content .more-link:hover {
    19482626  color: #0073aa;
    19492627  text-decoration: none;
    19502628}
    19512629
    1952 .hentry .entry-content a {
     2630.entry .entry-content a {
    19532631  text-decoration: underline;
    19542632}
    19552633
    1956 .hentry .entry-content a:hover {
     2634.entry .entry-content a.button, .entry .entry-content a:hover {
    19572635  text-decoration: none;
    19582636}
    19592637
    1960 .hentry .entry-content > iframe[style] {
    1961   margin: 32px 1rem !important;
    1962   max-width: calc(100vw - (2 * 1rem)) !important;
    1963 }
    1964 
    1965 @media only screen and (min-width: 768px) {
    1966   .hentry .entry-content > iframe[style] {
    1967     margin: 32px calc(2 * (100vw / 12)) !important;
    1968     max-width: calc(8 * (100vw / 12)) !important;
     2638.entry .entry-content a.button {
     2639  display: inline-block;
     2640}
     2641
     2642.entry .entry-content a.button:hover {
     2643  background: #111;
     2644  color: #fff;
     2645  cursor: pointer;
     2646}
     2647
     2648.entry .entry-content > iframe[style] {
     2649  margin: 32px 0 !important;
     2650  max-width: 100% !important;
     2651}
     2652
     2653@media only screen and (min-width: 768px) {
     2654  .entry .entry-content > iframe[style] {
     2655    max-width: calc(8 * (100vw / 12) - 28px) !important;
    19692656  }
    19702657}
    19712658
    19722659@media only screen and (min-width: 1168px) {
    1973   .hentry .entry-content > iframe[style] {
    1974     max-width: calc(6 * (100vw / 12)) !important;
    1975   }
    1976 }
    1977 
    1978 .hentry .entry-content .wp-audio-shortcode {
     2660  .entry .entry-content > iframe[style] {
     2661    max-width: calc(6 * (100vw / 12) - 28px) !important;
     2662  }
     2663}
     2664
     2665.entry .entry-content .page-links a {
     2666  margin: calc(0.5 * 1rem);
     2667  text-decoration: none;
     2668}
     2669
     2670.entry .entry-content .wp-audio-shortcode {
    19792671  max-width: calc(100vw - (2 * 1rem));
    19802672}
    19812673
    19822674@media only screen and (min-width: 768px) {
    1983   .hentry .entry-content .wp-audio-shortcode {
    1984     max-width: calc(8 * (100vw / 12));
     2675  .entry .entry-content .wp-audio-shortcode {
     2676    max-width: calc(8 * (100vw / 12) - 28px);
    19852677  }
    19862678}
    19872679
    19882680@media only screen and (min-width: 1168px) {
    1989   .hentry .entry-content .wp-audio-shortcode {
    1990     max-width: calc(6 * (100vw / 12));
    1991   }
     2681  .entry .entry-content .wp-audio-shortcode {
     2682    max-width: calc(6 * (100vw / 12) - 28px);
     2683  }
     2684}
     2685
     2686/* Author description */
     2687.author-bio {
     2688  margin: calc(2 * 1rem) 1rem 1rem;
     2689}
     2690
     2691@media only screen and (min-width: 768px) {
     2692  .author-bio {
     2693    max-width: calc(8 * (100vw / 12) - 28px);
     2694  }
     2695}
     2696
     2697@media only screen and (min-width: 1168px) {
     2698  .author-bio {
     2699    max-width: calc(6 * (100vw / 12) - 28px);
     2700  }
     2701}
     2702
     2703@media only screen and (min-width: 768px) {
     2704  .author-bio {
     2705    margin: calc(3 * 1rem) calc(10% + 60px);
     2706  }
     2707}
     2708
     2709@media only screen and (min-width: 1168px) {
     2710  .author-bio {
     2711    margin: calc(3 * 1rem) calc(10% + 60px);
     2712  }
     2713}
     2714
     2715.author-bio .author-title {
     2716  display: inline;
     2717}
     2718
     2719.author-bio .author-title:before {
     2720  background: #767676;
     2721  content: "\020";
     2722  display: block;
     2723  height: 2px;
     2724  margin: 1rem 0;
     2725  width: 1em;
     2726}
     2727
     2728.author-bio .author-description {
     2729  display: inline;
     2730  color: #767676;
     2731  font-size: 1.125em;
     2732  line-height: 1.2;
     2733}
     2734
     2735.author-bio .author-description .author-link {
     2736  display: inline-block;
     2737}
     2738
     2739.author-bio .author-description .author-link:hover {
     2740  color: #005177;
     2741  text-decoration: none;
    19922742}
    19932743
    … …  
    20042754
    20052755.comments-area {
     2756  margin: calc(2 * 1rem) 1rem;
    20062757  /* Add extra margin when the comments section is located immediately after the
    2007          * post itself (this happens on pages). 
     2758         * post itself (this happens on pages).
    20082759         */
    20092760}
    20102761
    2011 .hentry + .comments-area {
     2762@media only screen and (min-width: 768px) {
     2763  .comments-area {
     2764    max-width: calc(8 * (100vw / 12) - 28px);
     2765  }
     2766}
     2767
     2768@media only screen and (min-width: 1168px) {
     2769  .comments-area {
     2770    max-width: calc(6 * (100vw / 12) - 28px);
     2771  }
     2772}
     2773
     2774@media only screen and (min-width: 768px) {
     2775  .comments-area {
     2776    margin: calc(3 * 1rem) calc(10% + 60px);
     2777  }
     2778}
     2779
     2780.comments-area > * {
     2781  margin-top: calc(2 * 1rem);
     2782  margin-bottom: calc(2 * 1rem);
     2783}
     2784
     2785@media only screen and (min-width: 768px) {
     2786  .comments-area > * {
     2787    margin-top: calc(3 * 1rem);
     2788    margin-bottom: calc(3 * 1rem);
     2789  }
     2790}
     2791
     2792.entry + .comments-area {
    20122793  margin-top: calc(3 * 1rem);
    20132794}
    20142795
    2015 .comments-area .comments-title-wrap,
    2016 .comments-area .comment-list,
    2017 .comments-area > .comment-respond,
    2018 .comments-area .comment-form-flex,
    2019 .comments-area .no-comments {
    2020   margin: calc(2 * 1rem) 1rem;
    2021 }
    2022 
    2023 @media only screen and (min-width: 768px) {
    2024   .comments-area .comments-title-wrap,
    2025   .comments-area .comment-list,
    2026   .comments-area > .comment-respond,
    2027   .comments-area .comment-form-flex,
    2028   .comments-area .no-comments {
    2029     margin: calc(3 * 1rem) calc(2 * (100vw / 12));
    2030     max-width: calc(6 * (100vw / 12));
    2031   }
    2032 }
    2033 
    2034 .comments-area .comments-title-wrap {
    2035   align-items: baseline;
    2036   display: flex;
    2037   justify-content: space-between;
     2796@media only screen and (min-width: 768px) {
     2797  .comments-area .comments-title-wrap {
     2798    align-items: baseline;
     2799    display: flex;
     2800    justify-content: space-between;
     2801  }
    20382802}
    20392803
    … …  
    20512815}
    20522816
     2817@media only screen and (min-width: 768px) {
     2818  .comments-area .comments-title-wrap .comments-title {
     2819    flex: 1 0 calc(3 * (100vw / 12));
     2820  }
     2821}
     2822
     2823@media only screen and (min-width: 768px) {
     2824  .comments-area .comments-title-wrap .discussion-meta {
     2825    flex: 0 0 calc(2 * (100vw / 12));
     2826    margin-left: 1rem;
     2827  }
     2828}
     2829
    20532830#comment {
    20542831  max-width: 100%;
    … …  
    20612838
    20622839#respond .comment-user-avatar {
    2063   display: none;
     2840  margin: 1rem 0 -1rem;
    20642841}
    20652842
    … …  
    20812858}
    20822859
    2083 @media only screen and (min-width: 1168px) {
    2084   #comments > #respond .comment-user-avatar {
    2085     position: absolute;
    2086     display: block;
    2087     top: 0;
    2088     left: 0;
    2089   }
    2090   #comments > #respond .comment-user-avatar .avatar {
    2091     display: block;
    2092   }
    2093 }
    2094 
    20952860.comment-form-flex {
    20962861  display: flex;
    … …  
    21262891}
    21272892
    2128 .comment-reply {
    2129   left: calc(1rem + 100%);
    2130   bottom: 0;
    2131   position: absolute;
     2893.comment-list .pingback .comment-body,
     2894.comment-list .trackback .comment-body {
     2895  color: #767676;
     2896  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
     2897  font-size: 0.71111em;
     2898  font-weight: 500;
     2899  margin-top: 1rem;
     2900  margin-bottom: 1rem;
     2901}
     2902
     2903.comment-list .pingback .comment-body a:not(.comment-edit-link),
     2904.comment-list .trackback .comment-body a:not(.comment-edit-link) {
     2905  font-weight: bold;
     2906  font-size: 19.55556px;
     2907  line-height: 1.5;
     2908  padding-right: 0.5rem;
     2909  display: block;
     2910}
     2911
     2912.comment-list .pingback .comment-body .comment-edit-link,
     2913.comment-list .trackback .comment-body .comment-edit-link {
     2914  color: #767676;
     2915  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
     2916  font-weight: 500;
    21322917}
    21332918
    … …  
    21492934    padding-left: calc(.5 * (1rem + calc(100vw / 12 )));
    21502935  }
     2936  .comment.depth-1,
    21512937  .comment .children {
    21522938    padding-left: 0;
    21532939  }
    2154 }
    2155 
    2156 .comment:hover > .comment-body > .comment-meta > .comment-metadata > .edit-link-sep,
    2157 .comment:hover > .comment-body > .comment-meta > .comment-metadata > .edit-link {
    2158   opacity: 1;
     2940  .comment.depth-1 {
     2941    margin-left: calc(3.25 * 1rem);
     2942  }
    21592943}
    21602944
    21612945.comment .comment-body {
    2162   margin: calc(2 * 1rem) 0;
     2946  margin: calc(2 * 1rem) 0 0;
    21632947}
    21642948
    21652949.comment .comment-meta {
    21662950  position: relative;
    2167 }
    2168 
    2169 @media only screen and (min-width: 768px) {
    2170   .comment .comment-author {
    2171     display: inline-block;
    2172     vertical-align: baseline;
    2173   }
    21742951}
    21752952
    … …  
    21952972}
    21962973
    2197 @media only screen and (min-width: 768px) {
    2198   .comment .comment-author .fn {
    2199     display: inline-block;
    2200     vertical-align: baseline;
    2201   }
    2202 }
    2203 
    22042974.comment .comment-author .fn a {
    22052975  color: inherit;
    … …  
    22162986  position: absolute;
    22172987  background: #008fd3;
    2218   right: calc(100% + 0.25rem);
     2988  right: calc(100% - 2.5rem);
    22192989  top: -3px;
    22202990  width: 18px;
     2991}
     2992
     2993@media only screen and (min-width: 768px) {
     2994  .comment .comment-author .post-author-badge {
     2995    right: calc(100% + 0.75rem);
     2996  }
    22212997}
    22222998
    … …  
    22293005}
    22303006
    2231 @media only screen and (min-width: 768px) {
    2232   .comment .comment-metadata {
    2233     display: inline-block;
    2234     margin-left: 1rem;
    2235     position: relative;
    2236     vertical-align: baseline;
    2237   }
    2238 }
    2239 
    22403007.comment .comment-metadata > a,
    22413008.comment .comment-metadata .comment-edit-link {
    2242   display: inline-block;
     3009  display: inline;
    22433010  font-weight: 500;
    22443011  color: #767676;
    … …  
    22533020.comment .comment-metadata > a:hover,
    22543021.comment .comment-metadata .comment-edit-link:hover {
    2255   color: #4a4a4a;
     3022  color: #005177;
    22563023  text-decoration: none;
    22573024}
    … …  
    22643031  color: #767676;
    22653032  margin: 0 0.2em;
    2266   opacity: 0;
    2267   transition: opacity 200ms ease-in-out;
    22683033  vertical-align: baseline;
    22693034}
    … …  
    22713036.comment .comment-metadata .edit-link {
    22723037  color: #767676;
    2273   transition: opacity 200ms ease-in-out;
    2274   opacity: 0;
    22753038}
    22763039
    … …  
    22963059}
    22973060
     3061@media only screen and (min-width: 1168px) {
     3062  .comment .comment-content {
     3063    padding-right: 1rem;
     3064  }
     3065}
     3066
    22983067.comment .comment-content > *:first-child {
    22993068  margin-top: 0;
    … …  
    23023071.comment .comment-content > *:last-child {
    23033072  margin-bottom: 0;
     3073}
     3074
     3075.comment .comment-content blockquote {
     3076  margin-left: 0;
    23043077}
    23053078
    … …  
    23413114  height: calc(1.5 * 1rem);
    23423115  width: calc(1.5 * 1rem);
    2343 }
    2344 
    2345 .discussion-meta .discussion-avatar-list {
    2346   display: inline-block;
    2347   margin-right: 8px;
    23483116}
    23493117
    … …  
    24003168  .search .page-header,
    24013169  .error404 .page-header {
    2402     margin: 0 calc(2 * (100vw / 12)) calc(3 * 1rem);
    2403     max-width: calc(8 * (100vw / 12));
     3170    margin: 0 calc(10% + 60px) calc(10% + 60px);
    24043171  }
    24053172}
    … …  
    24403207}
    24413208
    2442 @media only screen and (min-width: 768px) {
    2443   .hfeed .hentry .entry-header {
    2444     margin: calc(3 * 1rem) calc(2 * (100vw / 12)) calc(1rem / 2);
     3209.archive .page-header .page-description {
     3210  display: block;
     3211  color: #111;
     3212  font-size: 1em;
     3213}
     3214
     3215@media only screen and (min-width: 768px) {
     3216  .hfeed .entry .entry-header {
     3217    margin: calc(3 * 1rem) calc(10% + 60px) calc(1rem / 2);
    24453218  }
    24463219}
    … …  
    24553228  .error-404.not-found .page-content,
    24563229  .no-results.not-found .page-content {
    2457     margin: calc(3 * 1rem) calc(2 * (100vw / 12)) calc(1rem / 2);
     3230    margin: calc(3 * 1rem) calc(10% + 60px) calc(1rem / 2);
    24583231  }
    24593232}
    … …  
    24743247--------------------------------------------------------------*/
    24753248/* Site footer */
    2476 .site-footer {
     3249#colophon .widget-area,
     3250#colophon .site-info {
     3251  margin: calc(2 * 1rem) 1rem;
     3252}
     3253
     3254@media only screen and (min-width: 768px) {
     3255  #colophon .widget-area,
     3256  #colophon .site-info {
     3257    margin: calc(3 * 1rem) calc(10% + 60px);
     3258  }
     3259}
     3260
     3261#colophon .widget-column {
     3262  display: flex;
     3263  flex-wrap: wrap;
     3264}
     3265
     3266#colophon .widget-column .widget {
     3267  width: 100%;
     3268}
     3269
     3270@media only screen and (min-width: 1168px) {
     3271  #colophon .widget-column .widget {
     3272    margin-right: calc(3 * 1rem);
     3273    width: calc(50% - (3 * 1rem));
     3274  }
     3275}
     3276
     3277#colophon .site-info {
    24773278  color: #767676;
    24783279}
    24793280
    2480 .site-footer .site-info {
    2481   margin: calc(2 * 1rem) 1rem;
    2482 }
    2483 
    2484 @media only screen and (min-width: 768px) {
    2485   .site-footer .site-info {
    2486     margin: calc(3 * 1rem) calc(2 * (100vw / 12));
    2487     max-width: calc(8 * (100vw / 12));
    2488   }
    2489 }
    2490 
    2491 .site-footer .site-info .imprint {
    2492   margin-right: 1rem;
    2493 }
    2494 
    2495 .site-footer a {
     3281#colophon .site-info a {
    24963282  color: inherit;
    24973283}
    24983284
    2499 .site-footer a:hover {
     3285#colophon .site-info a:hover {
    25003286  text-decoration: none;
    25013287  color: #0073aa;
     3288}
     3289
     3290#colophon .site-info .imprint,
     3291#colophon .site-info .privacy-policy-link {
     3292  margin-right: 1rem;
    25023293}
    25033294
    … …  
    25123303}
    25133304
     3305.widget a {
     3306  color: #0073aa;
     3307}
     3308
     3309.widget a:hover {
     3310  color: #005177;
     3311}
     3312
     3313.widget_archive ul,
     3314.widget_categories ul,
     3315.widget_meta ul,
     3316.widget_nav_menu ul,
     3317.widget_pages ul,
     3318.widget_recent_comments ul,
     3319.widget_recent_entries ul,
     3320.widget_rss ul {
     3321  padding: 0;
     3322  list-style: none;
     3323}
     3324
     3325.widget_archive ul li,
     3326.widget_categories ul li,
     3327.widget_meta ul li,
     3328.widget_nav_menu ul li,
     3329.widget_pages ul li,
     3330.widget_recent_comments ul li,
     3331.widget_recent_entries ul li,
     3332.widget_rss ul li {
     3333  color: #767676;
     3334  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
     3335  font-size: calc(22px * 1.125);
     3336  font-weight: 700;
     3337  line-height: 1.2;
     3338  margin-top: 0.5rem;
     3339  margin-bottom: 0.5rem;
     3340}
     3341
     3342.widget_archive ul ul,
     3343.widget_categories ul ul,
     3344.widget_meta ul ul,
     3345.widget_nav_menu ul ul,
     3346.widget_pages ul ul,
     3347.widget_recent_comments ul ul,
     3348.widget_recent_entries ul ul,
     3349.widget_rss ul ul {
     3350  counter-reset: submenu;
     3351}
     3352
     3353.widget_archive ul ul > li > a::before,
     3354.widget_categories ul ul > li > a::before,
     3355.widget_meta ul ul > li > a::before,
     3356.widget_nav_menu ul ul > li > a::before,
     3357.widget_pages ul ul > li > a::before,
     3358.widget_recent_comments ul ul > li > a::before,
     3359.widget_recent_entries ul ul > li > a::before,
     3360.widget_rss ul ul > li > a::before {
     3361  font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
     3362  font-weight: normal;
     3363  content: "– " counters(submenu, "– ", none);
     3364  counter-increment: submenu;
     3365}
     3366
     3367.widget_tag_cloud .tagcloud {
     3368  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
     3369  font-weight: 700;
     3370}
     3371
     3372.widget_search .search-field {
     3373  width: 100%;
     3374}
     3375
     3376@media only screen and (min-width: 600px) {
     3377  .widget_search .search-field {
     3378    width: auto;
     3379  }
     3380}
     3381
     3382.widget_search .search-submit {
     3383  display: block;
     3384  margin-top: 1rem;
     3385}
     3386
     3387.widget_calendar .calendar_wrap {
     3388  text-align: center;
     3389}
     3390
     3391.widget_calendar .calendar_wrap table td,
     3392.widget_calendar .calendar_wrap table th {
     3393  border: none;
     3394}
     3395
     3396.widget_calendar .calendar_wrap a {
     3397  text-decoration: underline;
     3398}
     3399
    25143400/* Blocks */
    25153401/* !Block styles */
    2516 .entry-content > *,
    2517 .entry-summary > * {
    2518   margin: 32px 1rem;
    2519   max-width: calc(100vw - (2 * 1rem));
    2520   /*
    2521         // Set top margins for headings
    2522         & + h1:before,
    2523         & + h2:before,
    2524         & + h3,
    2525         & + h4,
    2526         & + h5,
    2527         & + h6 {
    2528                 margin-top: calc(4 * 1rem);
    2529         }
    2530 */
    2531 }
    2532 
    2533 @media only screen and (min-width: 768px) {
    2534   .entry-content > *,
    2535   .entry-summary > * {
    2536     margin: 32px calc(2 * (100vw / 12));
    2537     max-width: calc(8 * (100vw / 12));
     3402.entry .entry-content > *,
     3403.entry .entry-summary > * {
     3404  margin: 32px 0;
     3405  max-width: 100%;
     3406}
     3407
     3408@media only screen and (min-width: 768px) {
     3409  .entry .entry-content > *,
     3410  .entry .entry-summary > * {
     3411    max-width: calc(8 * (100vw / 12) - 28px);
    25383412  }
    25393413}
    25403414
    25413415@media only screen and (min-width: 1168px) {
    2542   .entry-content > *,
    2543   .entry-summary > * {
    2544     max-width: calc(6 * (100vw / 12));
    2545   }
    2546 }
    2547 
    2548 .entry-content > * > *:first-child,
    2549 .entry-summary > * > *:first-child {
     3416  .entry .entry-content > *,
     3417  .entry .entry-summary > * {
     3418    max-width: calc(6 * (100vw / 12) - 28px);
     3419  }
     3420}
     3421
     3422@media only screen and (min-width: 768px) {
     3423  .entry .entry-content > *,
     3424  .entry .entry-summary > * {
     3425    margin: 32px 0;
     3426  }
     3427}
     3428
     3429.entry .entry-content > * > *:first-child,
     3430.entry .entry-summary > * > *:first-child {
    25503431  margin-top: 0;
    25513432}
    25523433
    2553 .entry-content > * > *:last-child,
    2554 .entry-summary > * > *:last-child {
     3434.entry .entry-content > * > *:last-child,
     3435.entry .entry-summary > * > *:last-child {
    25553436  margin-bottom: 0;
    25563437}
    25573438
    2558 .entry-content > *.alignwide,
    2559 .entry-summary > *.alignwide {
     3439.entry .entry-content > *.alignwide,
     3440.entry .entry-summary > *.alignwide {
    25603441  margin-left: auto;
    25613442  margin-right: auto;
    2562 }
    2563 
    2564 @media only screen and (min-width: 768px) {
    2565   .entry-content > *.alignwide,
    2566   .entry-summary > *.alignwide {
    2567     margin-left: calc(1 * (100vw / 12));
    2568     margin-right: calc(1 * (100vw / 12));
    2569     max-width: calc(10 * (100vw / 12));
    2570   }
    2571 }
    2572 
    2573 .entry-content > *.alignfull,
    2574 .entry-summary > *.alignfull {
    2575   margin-top: calc(2 * 1rem);
    2576   margin-right: 0;
    2577   margin-bottom: calc(2 * 1rem);
    2578   margin-left: 0;
    2579   max-width: 100%;
    2580 }
    2581 
    2582 .entry-content > *.alignleft,
    2583 .entry-summary > *.alignleft {
     3443  clear: both;
     3444}
     3445
     3446@media only screen and (min-width: 768px) {
     3447  .entry .entry-content > *.alignwide,
     3448  .entry .entry-summary > *.alignwide {
     3449    width: 100%;
     3450    max-width: 100%;
     3451  }
     3452}
     3453
     3454.entry .entry-content > *.alignfull,
     3455.entry .entry-summary > *.alignfull {
     3456  position: relative;
     3457  left: -1rem;
     3458  width: calc( 100% + (2 * 1rem));
     3459  max-width: calc( 100% + (2 * 1rem));
     3460  clear: both;
     3461}
     3462
     3463@media only screen and (min-width: 768px) {
     3464  .entry .entry-content > *.alignfull,
     3465  .entry .entry-summary > *.alignfull {
     3466    margin-top: calc(2 * 1rem);
     3467    margin-bottom: calc(2 * 1rem);
     3468    left: calc( -12.5% - 75px);
     3469    width: calc( 125% + 150px);
     3470    max-width: calc( 125% + 150px);
     3471  }
     3472}
     3473
     3474.entry .entry-content > *.alignleft,
     3475.entry .entry-summary > *.alignleft {
     3476  /*rtl:ignore*/
    25843477  float: left;
    25853478  max-width: calc(5 * (100vw / 12));
    25863479  margin-top: 0;
    2587 }
    2588 
    2589 @media only screen and (min-width: 768px) {
    2590   .entry-content > *.alignleft,
    2591   .entry-summary > *.alignleft {
     3480  margin-left: 0;
     3481  /*rtl:ignore*/
     3482  margin-right: 1rem;
     3483}
     3484
     3485@media only screen and (min-width: 768px) {
     3486  .entry .entry-content > *.alignleft,
     3487  .entry .entry-summary > *.alignleft {
    25923488    max-width: calc(4 * (100vw / 12));
     3489    /*rtl:ignore*/
    25933490    margin-right: calc(2 * 1rem);
    25943491  }
    25953492}
    25963493
    2597 @media only screen and (min-width: 1168px) {
    2598   .entry-content > *.alignleft,
    2599   .entry-summary > *.alignleft {
    2600     max-width: calc(3 * (100vw / 12));
    2601   }
    2602 }
    2603 
    2604 .entry-content > *.alignright,
    2605 .entry-summary > *.alignright {
     3494.entry .entry-content > *.alignright,
     3495.entry .entry-summary > *.alignright {
     3496  /*rtl:ignore*/
    26063497  float: right;
    26073498  max-width: calc(5 * (100vw / 12));
    26083499  margin-top: 0;
     3500  margin-right: 0;
     3501  /*rtl:ignore*/
    26093502  margin-left: 1rem;
    2610   margin-right: 1rem;
    2611 }
    2612 
    2613 @media only screen and (min-width: 768px) {
    2614   .entry-content > *.alignright,
    2615   .entry-summary > *.alignright {
     3503}
     3504
     3505@media only screen and (min-width: 768px) {
     3506  .entry .entry-content > *.alignright,
     3507  .entry .entry-summary > *.alignright {
    26163508    max-width: calc(4 * (100vw / 12));
     3509    margin-right: 0;
     3510    /*rtl:ignore*/
    26173511    margin-left: calc(2 * 1rem);
    2618     margin-right: calc(2 * (100vw / 12));
    2619   }
    2620 }
    2621 
    2622 .entry-content .wp-block-audio {
     3512  }
     3513}
     3514
     3515.entry .entry-content > *.aligncenter,
     3516.entry .entry-summary > *.aligncenter {
     3517  margin-left: auto;
     3518  margin-right: auto;
     3519}
     3520
     3521@media only screen and (min-width: 768px) {
     3522  .entry .entry-content > *.aligncenter,
     3523  .entry .entry-summary > *.aligncenter {
     3524    max-width: calc(8 * (100vw / 12) - 28px);
     3525  }
     3526}
     3527
     3528@media only screen and (min-width: 1168px) {
     3529  .entry .entry-content > *.aligncenter,
     3530  .entry .entry-summary > *.aligncenter {
     3531    max-width: calc(6 * (100vw / 12) - 28px);
     3532  }
     3533}
     3534
     3535@media only screen and (min-width: 768px) {
     3536  .entry .entry-content > *.aligncenter,
     3537  .entry .entry-summary > *.aligncenter {
     3538    margin-left: 0;
     3539    margin-right: 0;
     3540  }
     3541}
     3542
     3543/*
     3544 * Unset nested content selector styles
     3545 * - Prevents layout styles from cascading too deeply
     3546 * - helps with plugin compatibility
     3547 */
     3548.entry .entry-content .entry-content,
     3549.entry .entry-content .entry-summary,
     3550.entry .entry-content .entry,
     3551.entry .entry-summary .entry-content,
     3552.entry .entry-summary .entry-summary,
     3553.entry .entry-summary .entry {
     3554  margin: inherit;
     3555  max-width: inherit;
     3556  padding: inherit;
     3557}
     3558
     3559@media only screen and (min-width: 768px) {
     3560  .entry .entry-content .entry-content,
     3561  .entry .entry-content .entry-summary,
     3562  .entry .entry-content .entry,
     3563  .entry .entry-summary .entry-content,
     3564  .entry .entry-summary .entry-summary,
     3565  .entry .entry-summary .entry {
     3566    margin: inherit;
     3567    max-width: inherit;
     3568    padding: inherit;
     3569  }
     3570}
     3571
     3572.entry .entry-content p.has-background {
     3573  padding: 20px 30px;
     3574}
     3575
     3576.entry .entry-content .wp-block-audio {
    26233577  width: 100%;
    26243578}
    26253579
    2626 .entry-content .wp-block-audio audio {
     3580.entry .entry-content .wp-block-audio audio {
    26273581  width: 100%;
    26283582}
    26293583
    2630 .entry-content .wp-block-audio.alignleft audio,
    2631 .entry-content .wp-block-audio.alignright audio {
    2632   max-width: 190px;
    2633 }
    2634 
    2635 @media only screen and (min-width: 768px) {
    2636   .entry-content .wp-block-audio.alignleft audio,
    2637   .entry-content .wp-block-audio.alignright audio {
     3584.entry .entry-content .wp-block-audio.alignleft audio,
     3585.entry .entry-content .wp-block-audio.alignright audio {
     3586  max-width: 198px;
     3587}
     3588
     3589@media only screen and (min-width: 768px) {
     3590  .entry .entry-content .wp-block-audio.alignleft audio,
     3591  .entry .entry-content .wp-block-audio.alignright audio {
    26383592    max-width: 384px;
    26393593  }
    … …  
    26413595
    26423596@media only screen and (min-width: 1379px) {
    2643   .entry-content .wp-block-audio.alignleft audio,
    2644   .entry-content .wp-block-audio.alignright audio {
     3597  .entry .entry-content .wp-block-audio.alignleft audio,
     3598  .entry .entry-content .wp-block-audio.alignright audio {
    26453599    max-width: 385.44px;
    26463600  }
    26473601}
    26483602
    2649 .entry-content .wp-block-video video {
     3603.entry .entry-content .wp-block-video video {
    26503604  width: 100%;
    26513605}
    26523606
    2653 .entry-content .wp-block-button .wp-block-button__link {
     3607.entry .entry-content .wp-block-button .wp-block-button__link {
    26543608  transition: background 150ms ease-in-out;
    26553609  border: none;
    2656   background: #0073aa;
    26573610  font-size: 0.88889em;
    26583611  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    … …  
    26603613  box-sizing: border-box;
    26613614  font-weight: bold;
    2662   padding: 0.66rem 1rem;
     3615  text-decoration: none;
     3616  padding: 0.76rem 1rem;
    26633617  outline: none;
     3618  outline: none;
     3619}
     3620
     3621.entry .entry-content .wp-block-button .wp-block-button__link:not(.has-background) {
     3622  background-color: #0073aa;
     3623}
     3624
     3625.entry .entry-content .wp-block-button .wp-block-button__link:not(.has-text-color) {
    26643626  color: white;
    2665   outline: none;
    2666 }
    2667 
    2668 .entry-content .wp-block-button .wp-block-button__link:hover {
     3627}
     3628
     3629.entry .entry-content .wp-block-button .wp-block-button__link:hover {
     3630  color: white;
     3631  background: #111;
    26693632  cursor: pointer;
    26703633}
    26713634
    2672 .entry-content .wp-block-button .wp-block-button__link:hover, .entry-content .wp-block-button .wp-block-button__link:focus {
     3635.entry .entry-content .wp-block-button .wp-block-button__link:focus {
     3636  color: white;
    26733637  background: #111;
    2674 }
    2675 
    2676 .entry-content .wp-block-button .wp-block-button__link:focus {
    26773638  outline: thin dotted;
    26783639  outline-offset: -4px;
    26793640}
    26803641
    2681 .entry-content .wp-block-button:not(.is-style-squared) .wp-block-button__link {
     3642.entry .entry-content .wp-block-button:not(.is-style-squared) .wp-block-button__link {
    26823643  border-radius: 5px;
    26833644}
    26843645
    2685 .entry-content .wp-block-button.is-style-outline .wp-block-button__link,
    2686 .entry-content .wp-block-button.is-style-outline .wp-block-button__link:focus,
    2687 .entry-content .wp-block-button.is-style-outline .wp-block-button__link:active {
     3646.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link,
     3647.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:focus,
     3648.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:active {
    26883649  transition: all 150ms ease-in-out;
     3650  border-width: 2px;
     3651  border-style: solid;
     3652}
     3653
     3654.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background),
     3655.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:focus:not(.has-background),
     3656.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:active:not(.has-background) {
    26893657  background: transparent;
    2690   border: 2px solid #0073aa;
    2691 }
    2692 
    2693 .entry-content .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color),
    2694 .entry-content .wp-block-button.is-style-outline .wp-block-button__link:focus:not(.has-text-color),
    2695 .entry-content .wp-block-button.is-style-outline .wp-block-button__link:active:not(.has-text-color) {
     3658}
     3659
     3660.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color),
     3661.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:focus:not(.has-text-color),
     3662.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:active:not(.has-text-color) {
    26963663  color: #0073aa;
    2697 }
    2698 
    2699 .entry-content .wp-block-button.is-style-outline .wp-block-button__link:hover {
     3664  border-color: currentColor;
     3665}
     3666
     3667.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:hover {
     3668  color: white;
    27003669  border-color: #111;
    2701   color: #111;
    2702 }
    2703 
    2704 .entry-content .wp-block-archives,
    2705 .entry-content .wp-block-categories,
    2706 .entry-content .wp-block-latest-posts {
     3670}
     3671
     3672.entry .entry-content .wp-block-archives,
     3673.entry .entry-content .wp-block-categories,
     3674.entry .entry-content .wp-block-latest-posts {
    27073675  padding: 0;
    27083676  list-style: none;
    27093677}
    27103678
    2711 .entry-content .wp-block-archives li,
    2712 .entry-content .wp-block-categories li,
    2713 .entry-content .wp-block-latest-posts li {
     3679.entry .entry-content .wp-block-archives li,
     3680.entry .entry-content .wp-block-categories li,
     3681.entry .entry-content .wp-block-latest-posts li {
    27143682  color: #767676;
    27153683  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    2716   font-size: calc(22px * 1.6875);
     3684  font-size: calc(22px * 1.125);
    27173685  font-weight: bold;
    27183686  line-height: 1.2;
    2719 }
    2720 
    2721 .entry-content .wp-block-archives li a:after,
    2722 .entry-content .wp-block-categories li a:after,
    2723 .entry-content .wp-block-latest-posts li a:after {
    2724   color: #767676;
    2725   content: ",";
    2726 }
    2727 
    2728 .entry-content .wp-block-archives li:last-child a:after,
    2729 .entry-content .wp-block-categories li:last-child a:after,
    2730 .entry-content .wp-block-latest-posts li:last-child a:after {
    2731   color: #767676;
    2732   content: ".";
    2733 }
    2734 
    2735 .entry-content .wp-block-latest-posts.is-grid li {
     3687  padding-bottom: 0.75rem;
     3688}
     3689
     3690.entry .entry-content .wp-block-archives li.menu-item-has-children, .entry .entry-content .wp-block-archives li:last-child,
     3691.entry .entry-content .wp-block-categories li.menu-item-has-children,
     3692.entry .entry-content .wp-block-categories li:last-child,
     3693.entry .entry-content .wp-block-latest-posts li.menu-item-has-children,
     3694.entry .entry-content .wp-block-latest-posts li:last-child {
     3695  padding-bottom: 0;
     3696}
     3697
     3698.entry .entry-content .wp-block-archives li a,
     3699.entry .entry-content .wp-block-categories li a,
     3700.entry .entry-content .wp-block-latest-posts li a {
     3701  text-decoration: none;
     3702}
     3703
     3704.entry .entry-content .wp-block-categories ul {
     3705  padding-top: 0.75rem;
     3706}
     3707
     3708.entry .entry-content .wp-block-categories li ul {
     3709  list-style: none;
     3710  padding-left: 0;
     3711}
     3712
     3713.entry .entry-content .wp-block-categories ul {
     3714  counter-reset: submenu;
     3715}
     3716
     3717.entry .entry-content .wp-block-categories ul > li > a::before {
     3718  font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
     3719  font-weight: normal;
     3720  content: "– " counters(submenu, "– ", none);
     3721  counter-increment: submenu;
     3722}
     3723
     3724.entry .entry-content .wp-block-latest-posts.is-grid li {
    27363725  border-top: 2px solid #ccc;
    27373726  padding-top: 1rem;
    … …  
    27393728}
    27403729
    2741 .entry-content .wp-block-latest-posts.is-grid li a:after {
     3730.entry .entry-content .wp-block-latest-posts.is-grid li a:after {
    27423731  content: '';
    27433732}
    27443733
    2745 .entry-content .wp-block-latest-posts.is-grid li:last-child {
     3734.entry .entry-content .wp-block-latest-posts.is-grid li:last-child {
    27463735  margin-bottom: auto;
    27473736}
    27483737
    2749 .entry-content .wp-block-latest-posts.is-grid li:last-child a:after {
     3738.entry .entry-content .wp-block-latest-posts.is-grid li:last-child a:after {
    27503739  content: '';
    27513740}
    27523741
    2753 .entry-content .wp-block-preformatted {
     3742.entry .entry-content .wp-block-preformatted {
    27543743  font-size: 0.71111em;
    27553744  line-height: 1.8;
    … …  
    27573746}
    27583747
    2759 .entry-content .wp-block-verse {
    2760   font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
     3748.entry .entry-content .wp-block-verse {
     3749  font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
    27613750  font-size: 22px;
    27623751  line-height: 1.8;
    27633752}
    27643753
    2765 .entry-content .has-drop-cap:not(:focus):first-letter {
     3754.entry .entry-content .has-drop-cap:not(:focus):first-letter {
    27663755  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    27673756  font-size: 3.375em;
    … …  
    27713760}
    27723761
    2773 .entry-content .wp-block-pullquote {
     3762.entry .entry-content .wp-block-pullquote {
     3763  border-color: transparent;
     3764  border-width: 2px;
     3765  padding: 1rem;
     3766}
     3767
     3768.entry .entry-content .wp-block-pullquote blockquote {
     3769  color: #111;
    27743770  border: none;
    2775   padding: 1rem;
    2776 }
    2777 
    2778 .entry-content .wp-block-pullquote blockquote {
    2779   border: none;
    2780   padding-bottom: calc(2 * 1rem);
     3771  margin-top: calc(4 * 1rem);
     3772  margin-bottom: calc(4.33 * 1rem);
    27813773  margin-right: 0;
    27823774}
    27833775
    2784 .entry-content .wp-block-pullquote p {
     3776.entry .entry-content .wp-block-pullquote p {
    27853777  font-size: 1.6875em;
    27863778  font-style: italic;
    … …  
    27883780  margin-bottom: 0.5em;
    27893781  margin-top: 0.5em;
    2790   color: #111;
    2791 }
    2792 
    2793 .entry-content .wp-block-pullquote p em {
     3782}
     3783
     3784.entry .entry-content .wp-block-pullquote p em {
    27943785  font-style: normal;
    27953786}
    27963787
    27973788@media only screen and (min-width: 768px) {
    2798   .entry-content .wp-block-pullquote p {
     3789  .entry .entry-content .wp-block-pullquote p {
    27993790    font-size: 2.25em;
    28003791  }
    28013792}
    28023793
    2803 .entry-content .wp-block-pullquote cite {
     3794.entry .entry-content .wp-block-pullquote cite {
    28043795  display: inline-block;
    28053796  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    2806   font-size: 0.71111em;
    28073797  line-height: 1.6;
    28083798  text-transform: none;
    28093799  color: #767676;
    2810 }
    2811 
    2812 .entry-content .wp-block-pullquote.alignleft, .entry-content .wp-block-pullquote.alignright {
     3800  /*
     3801                         * This requires a rem-based font size calculation instead of our normal em-based one,
     3802                         * because the cite tag sometimes gets wrapped in a p tag. This is equivalent to $font-size_xs.
     3803                         */
     3804  font-size: calc(1rem / (1.25 * 1.125));
     3805}
     3806
     3807.entry .entry-content .wp-block-pullquote.alignleft, .entry .entry-content .wp-block-pullquote.alignright {
     3808  width: 100%;
    28133809  padding: 0;
    28143810}
    28153811
    2816 .entry-content .wp-block-pullquote.alignleft blockquote, .entry-content .wp-block-pullquote.alignright blockquote {
     3812.entry .entry-content .wp-block-pullquote.alignleft blockquote, .entry .entry-content .wp-block-pullquote.alignright blockquote {
    28173813  margin-left: 0;
    28183814  padding: 0;
    … …  
    28213817}
    28223818
    2823 .entry-content .wp-block-pullquote.is-style-solid-color p {
     3819.entry .entry-content .wp-block-pullquote.is-style-solid-color {
     3820  background-color: #0073aa;
     3821  padding-left: 0;
     3822  padding-right: 0;
     3823}
     3824
     3825@media only screen and (min-width: 768px) {
     3826  .entry .entry-content .wp-block-pullquote.is-style-solid-color {
     3827    padding-left: 10%;
     3828    padding-right: 10%;
     3829  }
     3830}
     3831
     3832.entry .entry-content .wp-block-pullquote.is-style-solid-color p {
    28243833  font-size: 1.6875em;
    28253834  line-height: 1.3;
    … …  
    28293838
    28303839@media only screen and (min-width: 768px) {
    2831   .entry-content .wp-block-pullquote.is-style-solid-color p {
     3840  .entry .entry-content .wp-block-pullquote.is-style-solid-color p {
    28323841    font-size: 2.25em;
    28333842  }
    28343843}
    28353844
    2836 .entry-content .wp-block-pullquote.is-style-solid-color blockquote {
    2837   margin: 0 auto;
    2838 }
    2839 
    2840 .entry-content .wp-block-pullquote.is-style-solid-color blockquote:not(.has-text-color) p,
    2841 .entry-content .wp-block-pullquote.is-style-solid-color cite {
    2842   color: white;
    2843 }
    2844 
    2845 .entry-content .wp-block-pullquote.is-style-solid-color:not(.has-background-color) {
    2846   background-color: #0073aa;
    2847 }
    2848 
    2849 .entry-content .wp-block-pullquote.is-style-solid-color.alignleft, .entry-content .wp-block-pullquote.is-style-solid-color.alignright {
    2850   padding: 1rem 1rem 0;
    2851 }
    2852 
    2853 .entry-content .wp-block-pullquote.is-style-solid-color.alignleft blockquote, .entry-content .wp-block-pullquote.is-style-solid-color.alignright blockquote {
    2854   padding: 0 0 calc( 1.5 * 1rem);
    2855   margin-left: 0;
    2856   margin-top: 0;
    2857 }
    2858 
    2859 @media only screen and (min-width: 768px) {
    2860   .entry-content .wp-block-pullquote.is-style-solid-color.alignleft, .entry-content .wp-block-pullquote.is-style-solid-color.alignright {
    2861     padding: calc( 2 * 1rem) calc( 2 * 1rem) 1rem;
    2862   }
    2863 }
    2864 
    2865 .entry-content .wp-block-quote:not(.is-large), .entry-content .wp-block-quote:not(.is-style-large) {
     3845.entry .entry-content .wp-block-pullquote.is-style-solid-color a {
     3846  color: #fff;
     3847}
     3848
     3849.entry .entry-content .wp-block-pullquote.is-style-solid-color cite {
     3850  color: inherit;
     3851}
     3852
     3853.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote {
     3854  max-width: calc(100% - (2 * 1rem));
     3855  color: #fff;
     3856  padding-left: 0;
     3857  margin-left: 1rem;
     3858}
     3859
     3860.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-text-color p,
     3861.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-text-color a, .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-primary-color, .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-secondary-color, .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-dark-gray-color, .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-light-gray-color, .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-white-color {
     3862  color: inherit;
     3863}
     3864
     3865@media only screen and (min-width: 768px) {
     3866  .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote {
     3867    margin-left: 0;
     3868    margin-right: 0;
     3869  }
     3870}
     3871
     3872@media only screen and (min-width: 768px) {
     3873  .entry .entry-content .wp-block-pullquote.is-style-solid-color.alignfull {
     3874    padding-left: calc(10% + 58px + (2 * 1rem));
     3875    padding-right: calc(10% + 58px + (2 * 1rem));
     3876  }
     3877}
     3878
     3879.entry .entry-content .wp-block-quote:not(.is-large), .entry .entry-content .wp-block-quote:not(.is-style-large) {
    28663880  border-left: 2px solid #0073aa;
    28673881  padding-top: 0;
    … …  
    28693883}
    28703884
    2871 .entry-content .wp-block-quote p {
     3885.entry .entry-content .wp-block-quote p {
    28723886  font-size: 1em;
    28733887  font-style: normal;
    … …  
    28753889}
    28763890
    2877 .entry-content .wp-block-quote cite {
    2878   font-size: 0.71111em;
    2879 }
    2880 
    2881 .entry-content .wp-block-quote.is-large, .entry-content .wp-block-quote.is-style-large {
    2882   padding: 1rem 0 1rem 2rem;
     3891.entry .entry-content .wp-block-quote cite {
     3892  /*
     3893                         * This requires a rem-based font size calculation instead of our normal em-based one,
     3894                         * because the cite tag sometimes gets wrapped in a p tag. This is equivalent to $font-size_xs.
     3895                         */
     3896  font-size: calc(1rem / (1.25 * 1.125));
     3897}
     3898
     3899.entry .entry-content .wp-block-quote.is-large, .entry .entry-content .wp-block-quote.is-style-large {
    28833900  margin: 1rem 0;
     3901  padding: 0;
    28843902  border-left: none;
    28853903}
    28863904
    2887 .entry-content .wp-block-quote.is-large p, .entry-content .wp-block-quote.is-style-large p {
     3905.entry .entry-content .wp-block-quote.is-large p, .entry .entry-content .wp-block-quote.is-style-large p {
    28883906  font-size: 1.6875em;
    28893907  line-height: 1.4;
    … …  
    28913909}
    28923910
    2893 .entry-content .wp-block-quote.is-large cite,
    2894 .entry-content .wp-block-quote.is-large footer, .entry-content .wp-block-quote.is-style-large cite,
    2895 .entry-content .wp-block-quote.is-style-large footer {
    2896   font-size: 0.71111em;
    2897 }
    2898 
    2899 @media only screen and (min-width: 768px) {
    2900   .entry-content .wp-block-quote.is-large, .entry-content .wp-block-quote.is-style-large {
    2901     margin: 1rem calc(2 * (100vw / 12));
    2902     max-width: calc(6 * (100vw / 12));
    2903   }
    2904   .entry-content .wp-block-quote.is-large p, .entry-content .wp-block-quote.is-style-large p {
     3911.entry .entry-content .wp-block-quote.is-large cite,
     3912.entry .entry-content .wp-block-quote.is-large footer, .entry .entry-content .wp-block-quote.is-style-large cite,
     3913.entry .entry-content .wp-block-quote.is-style-large footer {
     3914  /*
     3915                                 * This requires a rem-based font size calculation instead of our normal em-based one,
     3916                                 * because the cite tag sometimes gets wrapped in a p tag. This is equivalent to $font-size_xs.
     3917                                 */
     3918  font-size: calc(1rem / (1.25 * 1.125));
     3919}
     3920
     3921@media only screen and (min-width: 768px) {
     3922  .entry .entry-content .wp-block-quote.is-large, .entry .entry-content .wp-block-quote.is-style-large {
     3923    margin: 1rem 0;
     3924    padding: 1rem 0;
     3925  }
     3926  .entry .entry-content .wp-block-quote.is-large p, .entry .entry-content .wp-block-quote.is-style-large p {
    29053927    font-size: 1.6875em;
    29063928  }
    29073929}
    29083930
    2909 .entry-content .wp-block-image img {
     3931.entry .entry-content .wp-block-image img {
    29103932  display: block;
    29113933}
    29123934
    2913 .entry-content .wp-block-image.alignleft, .entry-content .wp-block-image.alignright {
     3935.entry .entry-content .wp-block-image.alignleft, .entry .entry-content .wp-block-image.alignright {
    29143936  max-width: 100%;
    29153937}
    29163938
    2917 .entry-content .wp-block-image.alignfull img {
     3939.entry .entry-content .wp-block-image.alignfull img {
    29183940  width: 100vw;
    2919   margin-left: auto;
    2920   margin-right: auto;
    2921 }
    2922 
    2923 .entry-content .wp-block-cover-image .wp-block-cover-image-text,
    2924 .entry-content .wp-block-cover-image h2 {
     3941}
     3942
     3943@media only screen and (min-width: 768px) {
     3944  .entry .entry-content .wp-block-image.alignfull img {
     3945    margin-left: auto;
     3946    margin-right: auto;
     3947  }
     3948}
     3949
     3950.entry .entry-content .wp-block-cover-image,
     3951.entry .entry-content .wp-block-cover {
     3952  position: relative;
     3953  min-height: 430px;
     3954  padding: 1rem;
     3955}
     3956
     3957@media only screen and (min-width: 768px) {
     3958  .entry .entry-content .wp-block-cover-image,
     3959  .entry .entry-content .wp-block-cover {
     3960    padding: 1rem 10%;
     3961  }
     3962}
     3963
     3964.entry .entry-content .wp-block-cover-image .wp-block-cover-image-text,
     3965.entry .entry-content .wp-block-cover-image .wp-block-cover-text,
     3966.entry .entry-content .wp-block-cover-image h2,
     3967.entry .entry-content .wp-block-cover .wp-block-cover-image-text,
     3968.entry .entry-content .wp-block-cover .wp-block-cover-text,
     3969.entry .entry-content .wp-block-cover h2 {
    29253970  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    29263971  font-size: 1.6875em;
    29273972  font-weight: bold;
    2928   width: calc(100vw - (2 * 1rem));
    2929   max-width: calc(100vw - (2 * 1rem));
    2930 }
    2931 
    2932 @media only screen and (min-width: 768px) {
    2933   .entry-content .wp-block-cover-image .wp-block-cover-image-text,
    2934   .entry-content .wp-block-cover-image h2 {
     3973  line-height: 1.25;
     3974  padding: 0;
     3975  color: #fff;
     3976  -ms-hyphens: auto;
     3977  -moz-hyphens: auto;
     3978  -webkit-hyphens: auto;
     3979  hyphens: auto;
     3980}
     3981
     3982@media only screen and (min-width: 768px) {
     3983  .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text,
     3984  .entry .entry-content .wp-block-cover-image .wp-block-cover-text,
     3985  .entry .entry-content .wp-block-cover-image h2,
     3986  .entry .entry-content .wp-block-cover .wp-block-cover-image-text,
     3987  .entry .entry-content .wp-block-cover .wp-block-cover-text,
     3988  .entry .entry-content .wp-block-cover h2 {
    29353989    font-size: 2.25em;
    2936     width: calc(8 * (100vw / 12));
    2937     max-width: calc(8 * (100vw / 12));
     3990    max-width: 100%;
     3991  }
     3992}
     3993
     3994.entry .entry-content .wp-block-cover-image.alignleft, .entry .entry-content .wp-block-cover-image.alignright,
     3995.entry .entry-content .wp-block-cover.alignleft,
     3996.entry .entry-content .wp-block-cover.alignright {
     3997  width: 100%;
     3998}
     3999
     4000@media only screen and (min-width: 768px) {
     4001  .entry .entry-content .wp-block-cover-image.alignleft, .entry .entry-content .wp-block-cover-image.alignright,
     4002  .entry .entry-content .wp-block-cover.alignleft,
     4003  .entry .entry-content .wp-block-cover.alignright {
     4004    padding: 1rem;
     4005  }
     4006}
     4007
     4008@media only screen and (min-width: 768px) {
     4009  .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-image-text,
     4010  .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-text,
     4011  .entry .entry-content .wp-block-cover-image.alignfull h2,
     4012  .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-image-text,
     4013  .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-text,
     4014  .entry .entry-content .wp-block-cover.alignfull h2 {
     4015    max-width: calc(8 * (100vw / 12) - 28px);
    29384016  }
    29394017}
    29404018
    29414019@media only screen and (min-width: 1168px) {
    2942   .entry-content .wp-block-cover-image .wp-block-cover-image-text,
    2943   .entry-content .wp-block-cover-image h2 {
    2944     width: calc(6 * (100vw / 12 ));
    2945     max-width: calc(6 * (100vw / 12 ));
    2946   }
    2947 }
    2948 
    2949 .entry-content .wp-block-cover-image.alignleft h2,
    2950 .entry-content .wp-block-cover-image.alignleft .wp-block-cover-image-text, .entry-content .wp-block-cover-image.alignright h2,
    2951 .entry-content .wp-block-cover-image.alignright .wp-block-cover-image-text, .entry-content .wp-block-cover-image.aligncenter h2,
    2952 .entry-content .wp-block-cover-image.aligncenter .wp-block-cover-image-text {
    2953   width: 100%;
    2954   z-index: 1;
    2955   left: 50%;
    2956   position: absolute;
    2957   transform: translate(-50%, -50%);
    2958   top: 50%;
    2959 }
    2960 
    2961 .entry-content .wp-block-cover-image.has-left-content {
    2962   justify-content: center;
    2963 }
    2964 
    2965 .entry-content .wp-block-cover-image.has-left-content h2,
    2966 .entry-content .wp-block-cover-image.has-left-content .wp-block-cover-image-text {
    2967   padding: 1rem;
    2968 }
    2969 
    2970 .entry-content .wp-block-cover-image.has-right-content {
    2971   justify-content: center;
    2972 }
    2973 
    2974 .entry-content .wp-block-cover-image.has-right-content h2,
    2975 .entry-content .wp-block-cover-image.has-right-content .wp-block-cover-image-text {
    2976   padding: 1rem;
    2977 }
    2978 
    2979 .entry-content .wp-block-gallery .blocks-gallery-image:last-child,
    2980 .entry-content .wp-block-gallery .blocks-gallery-item:last-child {
     4020  .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-image-text,
     4021  .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-text,
     4022  .entry .entry-content .wp-block-cover-image.alignfull h2,
     4023  .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-image-text,
     4024  .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-text,
     4025  .entry .entry-content .wp-block-cover.alignfull h2 {
     4026    max-width: calc(6 * (100vw / 12) - 28px);
     4027  }
     4028}
     4029
     4030@media only screen and (min-width: 768px) {
     4031  .entry .entry-content .wp-block-cover-image.alignfull,
     4032  .entry .entry-content .wp-block-cover.alignfull {
     4033    padding-left: calc(10% + 58px + (2 * 1rem));
     4034    padding-right: calc(10% + 58px + (2 * 1rem));
     4035  }
     4036  .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-image-text,
     4037  .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-text,
     4038  .entry .entry-content .wp-block-cover-image.alignfull h2,
     4039  .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-image-text,
     4040  .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-text,
     4041  .entry .entry-content .wp-block-cover.alignfull h2 {
     4042    padding: 0;
     4043  }
     4044}
     4045
     4046.entry .entry-content .wp-block-gallery {
     4047  list-style-type: none;
     4048  padding-left: 0;
     4049}
     4050
     4051.entry .entry-content .wp-block-gallery .blocks-gallery-image:last-child,
     4052.entry .entry-content .wp-block-gallery .blocks-gallery-item:last-child {
    29814053  margin-bottom: 16px;
    29824054}
    29834055
    2984 .entry-content .wp-block-audio figcaption,
    2985 .entry-content .wp-block-video figcaption,
    2986 .entry-content .wp-block-image figcaption,
    2987 .entry-content .wp-block-gallery .blocks-gallery-image figcaption,
    2988 .entry-content .wp-block-gallery .blocks-gallery-item figcaption {
     4056.entry .entry-content .wp-block-audio figcaption,
     4057.entry .entry-content .wp-block-video figcaption,
     4058.entry .entry-content .wp-block-image figcaption,
     4059.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption,
     4060.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption {
    29894061  font-size: 0.71111em;
    29904062  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    … …  
    29924064  margin: 0;
    29934065  padding: 0.5rem;
    2994   text-align: left;
    2995 }
    2996 
    2997 .entry-content .wp-block-separator,
    2998 .entry-content hr {
    2999   margin-bottom: 2rem;
    3000   margin-top: 2rem;
    3001   /* Remove duplicate rule-line when a separator
    3002                  * is followed by an H1, or H2 */
    3003 }
    3004 
    3005 .entry-content .wp-block-separator:not(.is-style-dots),
    3006 .entry-content hr:not(.is-style-dots) {
     4066  text-align: center;
     4067}
     4068
     4069.entry .entry-content .wp-block-separator,
     4070.entry .entry-content hr {
    30074071  background-color: #767676;
    30084072  border: 0;
    30094073  height: 2px;
    3010 }
    3011 
    3012 .entry-content .wp-block-separator:not(.is-style-wide):not(.is-style-dots),
    3013 .entry-content hr:not(.is-style-wide):not(.is-style-dots) {
     4074  margin-bottom: 2rem;
     4075  margin-top: 2rem;
    30144076  max-width: 2.25em;
    3015 }
    3016 
    3017 .entry-content .wp-block-separator + h1:before,
    3018 .entry-content .wp-block-separator + h2:before,
    3019 .entry-content hr + h1:before,
    3020 .entry-content hr + h2:before {
    3021   display: none;
    3022 }
    3023 
    3024 .entry-content .wp-block-separator.is-style-dots:before,
    3025 .entry-content hr.is-style-dots:before {
     4077  text-align: left;
     4078  /* Remove duplicate rule-line when a separator
     4079                 * is followed by an H1, or H2 */
     4080}
     4081
     4082.entry .entry-content .wp-block-separator.is-style-wide,
     4083.entry .entry-content hr.is-style-wide {
     4084  max-width: 100%;
     4085}
     4086
     4087@media only screen and (min-width: 768px) {
     4088  .entry .entry-content .wp-block-separator.is-style-wide,
     4089  .entry .entry-content hr.is-style-wide {
     4090    max-width: calc(8 * (100vw / 12) - 28px);
     4091  }
     4092}
     4093
     4094@media only screen and (min-width: 1168px) {
     4095  .entry .entry-content .wp-block-separator.is-style-wide,
     4096  .entry .entry-content hr.is-style-wide {
     4097    max-width: calc(6 * (100vw / 12) - 28px);
     4098  }
     4099}
     4100
     4101.entry .entry-content .wp-block-separator.is-style-dots,
     4102.entry .entry-content hr.is-style-dots {
     4103  max-width: 100%;
     4104  background-color: inherit;
     4105  border: inherit;
     4106  height: inherit;
     4107  text-align: center;
     4108}
     4109
     4110@media only screen and (min-width: 768px) {
     4111  .entry .entry-content .wp-block-separator.is-style-dots,
     4112  .entry .entry-content hr.is-style-dots {
     4113    max-width: calc(8 * (100vw / 12) - 28px);
     4114  }
     4115}
     4116
     4117@media only screen and (min-width: 1168px) {
     4118  .entry .entry-content .wp-block-separator.is-style-dots,
     4119  .entry .entry-content hr.is-style-dots {
     4120    max-width: calc(6 * (100vw / 12) - 28px);
     4121  }
     4122}
     4123
     4124.entry .entry-content .wp-block-separator.is-style-dots:before,
     4125.entry .entry-content hr.is-style-dots:before {
    30264126  color: #767676;
    30274127  font-size: 1.6875em;
    … …  
    30304130}
    30314131
    3032 .entry-content .wp-block-embed-twitter {
    3033   overflow: hidden;
    3034 }
    3035 
    3036 .entry-content .wp-block-table td, .entry-content .wp-block-table th {
     4132.entry .entry-content .wp-block-separator + h1:before,
     4133.entry .entry-content .wp-block-separator + h2:before,
     4134.entry .entry-content hr + h1:before,
     4135.entry .entry-content hr + h2:before {
     4136  display: none;
     4137}
     4138
     4139.entry .entry-content .wp-block-embed-twitter {
     4140  word-break: break-word;
     4141}
     4142
     4143.entry .entry-content .wp-block-table th,
     4144.entry .entry-content .wp-block-table td {
    30374145  border-color: #767676;
    30384146}
    30394147
    3040 .entry-content .wp-block-file {
     4148.entry .entry-content .wp-block-file {
    30414149  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    30424150}
    30434151
    3044 .entry-content .wp-block-file .wp-block-file__button {
     4152.entry .entry-content .wp-block-file .wp-block-file__button {
     4153  display: table;
    30454154  transition: background 150ms ease-in-out;
    30464155  border: none;
    … …  
    30504159  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    30514160  line-height: 1.2;
     4161  text-decoration: none;
    30524162  font-weight: bold;
    30534163  padding: 0.75rem 1rem;
     4164  color: #fff;
     4165  margin-left: 0;
     4166  margin-top: calc(0.75 * 1rem);
    30544167}
    30554168
    30564169@media only screen and (min-width: 1168px) {
    3057   .entry-content .wp-block-file .wp-block-file__button {
     4170  .entry .entry-content .wp-block-file .wp-block-file__button {
    30584171    font-size: 22px;
    30594172    padding: 0.875rem 1.5rem;
    … …  
    30614174}
    30624175
    3063 .entry-content .wp-block-file .wp-block-file__button:hover {
     4176.entry .entry-content .wp-block-file .wp-block-file__button:hover {
     4177  background: #111;
    30644178  cursor: pointer;
    30654179}
    30664180
    3067 .entry-content .wp-block-file .wp-block-file__button:hover, .entry-content .wp-block-file .wp-block-file__button:focus {
     4181.entry .entry-content .wp-block-file .wp-block-file__button:focus {
    30684182  background: #111;
    3069 }
    3070 
    3071 .entry-content .wp-block-file .wp-block-file__button:focus {
    30724183  outline: thin dotted;
    30734184  outline-offset: -4px;
    30744185}
    30754186
    3076 .entry-content .wp-block-code {
     4187.entry .entry-content .wp-block-code {
    30774188  border-radius: 0;
    30784189}
    30794190
    3080 .entry-content .wp-block-code code {
     4191.entry .entry-content .wp-block-code code {
    30814192  font-size: 1.125em;
    3082 }
    3083 
    3084 .entry-content .wp-block-columns .wp-block-column > *:first-child {
    3085   margin-top: 0;
    3086 }
    3087 
    3088 .entry-content .wp-block-columns .wp-block-column > *:last-child {
    3089   margin-bottom: 0;
    3090 }
    3091 
    3092 .entry-content .wp-block-columns[class*='has-'] > * {
    3093   margin-right: 1rem;
    3094 }
    3095 
    3096 .entry-content .wp-block-columns[class*='has-'] > *:last-child {
    3097   margin-right: 0;
    3098 }
    3099 
    3100 .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta {
     4193  white-space: pre-wrap;
     4194  word-break: break-word;
     4195}
     4196
     4197.entry .entry-content .wp-block-columns.alignfull {
     4198  padding-left: 1rem;
     4199  padding-right: 1rem;
     4200}
     4201
     4202@media only screen and (min-width: 768px) {
     4203  .entry .entry-content .wp-block-columns .wp-block-column > *:first-child {
     4204    margin-top: 0;
     4205  }
     4206  .entry .entry-content .wp-block-columns .wp-block-column > *:last-child {
     4207    margin-bottom: 0;
     4208  }
     4209  .entry .entry-content .wp-block-columns[class*='has-'] > * {
     4210    margin-right: 1rem;
     4211  }
     4212  .entry .entry-content .wp-block-columns[class*='has-'] > *:last-child {
     4213    margin-right: 0;
     4214  }
     4215  .entry .entry-content .wp-block-columns.alignfull,
     4216  .entry .entry-content .wp-block-columns.alignfull .wp-block-column {
     4217    padding-left: calc(2 * 1rem);
     4218    padding-right: calc(2 * 1rem);
     4219  }
     4220}
     4221
     4222.entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta {
    31014223  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    31024224  font-weight: bold;
    31034225}
    31044226
    3105 .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-date {
     4227.entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-date {
    31064228  font-weight: normal;
    31074229}
    31084230
    3109 .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment,
    3110 .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-date,
    3111 .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p {
     4231.entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment,
     4232.entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-date,
     4233.entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p {
    31124234  font-size: inherit;
    31134235}
    31144236
    3115 .entry-content .wp-block-latest-comments.has-dates .wp-block-latest-comments__comment-date {
     4237.entry .entry-content .wp-block-latest-comments.has-dates .wp-block-latest-comments__comment-date {
    31164238  font-size: 0.71111em;
     4239}
     4240
     4241.entry .entry-content .has-small-font-size {
     4242  font-size: 0.88889em;
     4243}
     4244
     4245.entry .entry-content .has-normal-font-size {
     4246  font-size: 1.125em;
     4247}
     4248
     4249.entry .entry-content .has-large-font-size {
     4250  font-size: 1.6875em;
     4251}
     4252
     4253.entry .entry-content .has-huge-font-size {
     4254  font-size: 2.25em;
     4255}
     4256
     4257.entry .entry-content .has-primary-background-color,
     4258.entry .entry-content .has-secondary-background-color,
     4259.entry .entry-content .has-dark-gray-background-color,
     4260.entry .entry-content .has-light-gray-background-color {
     4261  color: #fff;
     4262}
     4263
     4264.entry .entry-content .has-primary-background-color p,
     4265.entry .entry-content .has-primary-background-color h1,
     4266.entry .entry-content .has-primary-background-color h2,
     4267.entry .entry-content .has-primary-background-color h3,
     4268.entry .entry-content .has-primary-background-color h4,
     4269.entry .entry-content .has-primary-background-color h5,
     4270.entry .entry-content .has-primary-background-color h6,
     4271.entry .entry-content .has-primary-background-color a,
     4272.entry .entry-content .has-secondary-background-color p,
     4273.entry .entry-content .has-secondary-background-color h1,
     4274.entry .entry-content .has-secondary-background-color h2,
     4275.entry .entry-content .has-secondary-background-color h3,
     4276.entry .entry-content .has-secondary-background-color h4,
     4277.entry .entry-content .has-secondary-background-color h5,
     4278.entry .entry-content .has-secondary-background-color h6,
     4279.entry .entry-content .has-secondary-background-color a,
     4280.entry .entry-content .has-dark-gray-background-color p,
     4281.entry .entry-content .has-dark-gray-background-color h1,
     4282.entry .entry-content .has-dark-gray-background-color h2,
     4283.entry .entry-content .has-dark-gray-background-color h3,
     4284.entry .entry-content .has-dark-gray-background-color h4,
     4285.entry .entry-content .has-dark-gray-background-color h5,
     4286.entry .entry-content .has-dark-gray-background-color h6,
     4287.entry .entry-content .has-dark-gray-background-color a,
     4288.entry .entry-content .has-light-gray-background-color p,
     4289.entry .entry-content .has-light-gray-background-color h1,
     4290.entry .entry-content .has-light-gray-background-color h2,
     4291.entry .entry-content .has-light-gray-background-color h3,
     4292.entry .entry-content .has-light-gray-background-color h4,
     4293.entry .entry-content .has-light-gray-background-color h5,
     4294.entry .entry-content .has-light-gray-background-color h6,
     4295.entry .entry-content .has-light-gray-background-color a {
     4296  color: #fff;
     4297}
     4298
     4299.entry .entry-content .has-white-background-color {
     4300  color: #111;
     4301}
     4302
     4303.entry .entry-content .has-white-background-color p,
     4304.entry .entry-content .has-white-background-color h1,
     4305.entry .entry-content .has-white-background-color h2,
     4306.entry .entry-content .has-white-background-color h3,
     4307.entry .entry-content .has-white-background-color h4,
     4308.entry .entry-content .has-white-background-color h5,
     4309.entry .entry-content .has-white-background-color h6,
     4310.entry .entry-content .has-white-background-color a {
     4311  color: #111;
     4312}
     4313
     4314.entry .entry-content .has-primary-background-color,
     4315.entry .entry-content .wp-block-pullquote.is-style-solid-color.has-primary-background-color {
     4316  background-color: #0073aa;
     4317}
     4318
     4319.entry .entry-content .has-secondary-background-color,
     4320.entry .entry-content .wp-block-pullquote.is-style-solid-color.has-secondary-background-color {
     4321  background-color: #005177;
     4322}
     4323
     4324.entry .entry-content .has-dark-gray-background-color,
     4325.entry .entry-content .wp-block-pullquote.is-style-solid-color.has-dark-gray-background-color {
     4326  background-color: #111;
     4327}
     4328
     4329.entry .entry-content .has-light-gray-background-color,
     4330.entry .entry-content .wp-block-pullquote.is-style-solid-color.has-light-gray-background-color {
     4331  background-color: #767676;
     4332}
     4333
     4334.entry .entry-content .has-white-background-color,
     4335.entry .entry-content .wp-block-pullquote.is-style-solid-color.has-white-background-color {
     4336  background-color: #FFF;
     4337}
     4338
     4339.entry .entry-content .has-primary-color,
     4340.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-primary-color,
     4341.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-primary-color p {
     4342  color: #0073aa;
     4343}
     4344
     4345.entry .entry-content .has-secondary-color,
     4346.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-secondary-color,
     4347.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-secondary-color p {
     4348  color: #005177;
     4349}
     4350
     4351.entry .entry-content .has-dark-gray-color,
     4352.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-dark-gray-color,
     4353.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-dark-gray-color p {
     4354  color: #111;
     4355}
     4356
     4357.entry .entry-content .has-light-gray-color,
     4358.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-light-gray-color,
     4359.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-light-gray-color p {
     4360  color: #767676;
     4361}
     4362
     4363.entry .entry-content .has-white-color,
     4364.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-white-color {
     4365  color: #FFF;
    31174366}
    31184367
    … …  
    31574406}
    31584407
     4408@media only screen and (min-width: 768px) {
     4409  .wp-caption.aligncenter {
     4410    position: relative;
     4411    left: calc( calc(8 * (100vw / 12) - 28px) / 2);
     4412    transform: translateX(-50%);
     4413  }
     4414}
     4415
     4416@media only screen and (min-width: 1168px) {
     4417  .wp-caption.aligncenter {
     4418    left: calc( calc(6 * (100vw / 12) - 28px) / 2);
     4419  }
     4420}
     4421
    31594422.wp-caption img[class*="wp-image-"] {
    31604423  display: block;
    … …  
    31634426}
    31644427
    3165 .wp-caption .wp-caption-text {
    3166   margin: calc(0.875 * 1rem) 0;
    3167 }
    3168 
    31694428.wp-caption-text {
     4429  color: #767676;
     4430  font-size: 0.71111em;
     4431  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
     4432  line-height: 1.6;
     4433  margin: 0;
     4434  padding: 0.5rem;
    31704435  text-align: center;
    31714436}
    … …  
    31764441.gallery {
    31774442  display: flex;
     4443  flex-flow: row wrap;
     4444  justify-content: center;
    31784445  margin-bottom: calc(1.5 * 1rem);
    31794446}
    … …  
    31814448.gallery-item {
    31824449  display: inline-block;
    3183   margin-right: 1rem;
    3184   margin-bottom: 1rem;
     4450  margin-right: 16px;
     4451  margin-bottom: 16px;
    31854452  text-align: center;
    31864453  vertical-align: top;
    … …  
    31894456
    31904457.gallery-columns-2 .gallery-item {
    3191   max-width: calc( ( 12 / 2 ) * (100% / 12));
     4458  max-width: calc((100% - 16px * 1) / 2);
     4459}
     4460
     4461.gallery-columns-2 .gallery-item:nth-of-type(2n+2) {
     4462  margin-right: 0;
    31924463}
    31934464
    31944465.gallery-columns-3 .gallery-item {
    3195   max-width: calc( ( 12 / 3 ) * (100% / 12));
     4466  max-width: calc((100% - 16px * 2) / 3);
     4467}
     4468
     4469.gallery-columns-3 .gallery-item:nth-of-type(3n+3) {
     4470  margin-right: 0;
    31964471}
    31974472
    31984473.gallery-columns-4 .gallery-item {
    3199   max-width: calc( ( 12 / 4 ) * (100% / 12));
     4474  max-width: calc((100% - 16px * 3) / 4);
     4475}
     4476
     4477.gallery-columns-4 .gallery-item:nth-of-type(4n+4) {
     4478  margin-right: 0;
    32004479}
    32014480
    32024481.gallery-columns-5 .gallery-item {
    3203   max-width: calc( ( 12 / 5 ) * (100% / 12));
     4482  max-width: calc((100% - 16px * 4) / 5);
     4483}
     4484
     4485.gallery-columns-5 .gallery-item:nth-of-type(5n+5) {
     4486  margin-right: 0;
    32044487}
    32054488
    32064489.gallery-columns-6 .gallery-item {
    3207   max-width: calc( ( 12 / 6 ) * (100% / 12));
     4490  max-width: calc((100% - 16px * 5) / 6);
     4491}
     4492
     4493.gallery-columns-6 .gallery-item:nth-of-type(6n+6) {
     4494  margin-right: 0;
    32084495}
    32094496
    32104497.gallery-columns-7 .gallery-item {
    3211   max-width: calc( ( 12 / 7 ) * (100% / 12));
     4498  max-width: calc((100% - 16px * 6) / 7);
     4499}
     4500
     4501.gallery-columns-7 .gallery-item:nth-of-type(7n+7) {
     4502  margin-right: 0;
    32124503}
    32134504
    32144505.gallery-columns-8 .gallery-item {
    3215   max-width: calc( ( 12 / 8 ) * (100% / 12));
     4506  max-width: calc((100% - 16px * 7) / 8);
     4507}
     4508
     4509.gallery-columns-8 .gallery-item:nth-of-type(8n+8) {
     4510  margin-right: 0;
    32164511}
    32174512
    32184513.gallery-columns-9 .gallery-item {
    3219   max-width: calc( ( 12 / 9 ) * (100% / 12));
     4514  max-width: calc((100% - 16px * 8) / 9);
     4515}
     4516
     4517.gallery-columns-9 .gallery-item:nth-of-type(9n+9) {
     4518  margin-right: 0;
    32204519}
    32214520
    32224521.gallery-item:last-of-type {
    3223   margin-right: 0;
     4522  padding-right: 0;
    32244523}
    32254524

  • trunk/src/wp-content/themes/twentynineteen/template-parts/content/content-excerpt.php

    r43842 r44149  
    1616                <?php
    1717                if ( is_sticky() && is_home() && ! is_paged() ) {
    18                         printf( '<span class="sticky-post">%s</span>', __( 'Featured', 'twentynineteen' ) );
     18                        printf( '<span class="sticky-post">%s</span>', _x( 'Featured', 'post', 'twentynineteen' ) );
    1919                }
    2020                the_title( sprintf( '<h2 class="entry-title"><a href="%s" rel="bookmark">', esc_url( get_permalink() ) ), '</a></h2>' );

  • trunk/src/wp-content/themes/twentynineteen/template-parts/content/content-none.php

    r43808 r44149  
    77 * @package WordPress
    88 * @subpackage Twenty_Nineteen
     9 * @since 1.0.0
    910 */
    1011
    … …  
    1314<section class="no-results not-found">
    1415        <header class="page-header">
    15                 <h1 class="page-title"><?php esc_html_e( 'Nothing Found', 'twentynineteen' ); ?></h1>
     16                <h1 class="page-title"><?php _e( 'Nothing Found', 'twentynineteen' ); ?></h1>
    1617        </header><!-- .page-header -->
    1718
    … …  
    3637                        ?>
    3738
    38                         <p><?php esc_html_e( 'Sorry, but nothing matched your search terms. Please try again with some different keywords.', 'twentynineteen' ); ?></p>
     39                        <p><?php _e( 'Sorry, but nothing matched your search terms. Please try again with some different keywords.', 'twentynineteen' ); ?></p>
    3940                        <?php
    4041                        get_search_form();
    … …  
    4344                        ?>
    4445
    45                         <p><?php esc_html_e( 'It seems we can&rsquo;t find what you&rsquo;re looking for. Perhaps searching can help.', 'twentynineteen' ); ?></p>
     46                        <p><?php _e( 'It seems we can&rsquo;t find what you&rsquo;re looking for. Perhaps searching can help.', 'twentynineteen' ); ?></p>
    4647                        <?php
    4748                        get_search_form();

  • trunk/src/wp-content/themes/twentynineteen/template-parts/content/content-page.php

    r43808 r44149  
    77 * @package WordPress
    88 * @subpackage Twenty_Nineteen
     9 * @since 1.0.0
    910 */
    1011
    … …  
    1213
    1314<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
     15        <?php if ( ! twentynineteen_can_show_post_thumbnail() ) : ?>
    1416        <header class="entry-header">
    15                 <?php
    16                 if ( ! twentynineteen_can_show_post_thumbnail() ) {
    17                 get_template_part( 'template-parts/header/entry', 'header' );}
    18                 ?>
     17                <?php get_template_part( 'template-parts/header/entry', 'header' ); ?>
    1918        </header>
     19        <?php endif; ?>
    2020
    2121        <div class="entry-content">
    … …  
    2525                wp_link_pages(
    2626                        array(
    27                                 'before' => '<div class="page-links">' . esc_html__( 'Pages:', 'twentynineteen' ),
     27                                'before' => '<div class="page-links">' . __( 'Pages:', 'twentynineteen' ),
    2828                                'after'  => '</div>',
    2929                        )

  • trunk/src/wp-content/themes/twentynineteen/template-parts/content/content-single.php

    r43808 r44149  
    77 * @package WordPress
    88 * @subpackage Twenty_Nineteen
     9 * @since 1.0.0
    910 */
    1011
    … …  
    1213
    1314<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
    14 <?php if ( ! twentynineteen_can_show_post_thumbnail() ) : ?>
     15        <?php if ( ! twentynineteen_can_show_post_thumbnail() ) : ?>
    1516        <header class="entry-header">
    16                 <?php if ( ! is_page() ) : ?>
    17                 <?php $discussion = twentynineteen_can_show_post_thumbnail() ? twentynineteen_get_discussion_data() : null; ?>
    18                 <?php endif; ?>
    19                 <?php the_title( '<h1 class="entry-title">', '</h1>' ); ?>
    20                 <?php if ( ! is_page() ) : ?>
    21                 <div class="<?php echo ( ! empty( $discussion ) && count( $discussion->authors ) > 0 ) ? 'entry-meta has-discussion' : 'entry-meta'; ?>">
    22                         <?php twentynineteen_posted_by(); ?>
    23                         <?php twentynineteen_posted_on(); ?>
    24                         <span class="comment-count">
    25                                 <?php
    26                                 if ( ! empty( $discussion ) ) {
    27                                 twentynineteen_discussion_avatars_list( $discussion->authors );}
    28                                 ?>
    29                                 <?php twentynineteen_comment_count(); ?>
    30                         </span>
    31                         <?php
    32                         // Edit post link.
    33                                 edit_post_link(
    34                                         sprintf(
    35                                                 wp_kses(
    36                                                         /* translators: %s: Name of current post. Only visible to screen readers. */
    37                                                         __( 'Edit <span class="screen-reader-text">%s</span>', 'twentynineteen' ),
    38                                                         array(
    39                                                                 'span' => array(
    40                                                                         'class' => array(),
    41                                                                 ),
    42                                                         )
    43                                                 ),
    44                                                 get_the_title()
    45                                         ),
    46                                         '<span class="edit-link">' . twentynineteen_get_icon_svg( 'edit', 16 ),
    47                                         '</span>'
    48                                 );
    49                         ?>
    50                 </div><!-- .meta-info -->
    51                 <?php endif; ?>
     17                <?php get_template_part( 'template-parts/header/entry', 'header' ); ?>
    5218        </header>
    53 <?php endif; ?>
     19        <?php endif; ?>
    5420
    5521        <div class="entry-content">
    … …  
    7238                wp_link_pages(
    7339                        array(
    74                                 'before' => '<div class="page-links">' . esc_html__( 'Pages:', 'twentynineteen' ),
     40                                'before' => '<div class="page-links">' . __( 'Pages:', 'twentynineteen' ),
    7541                                'after'  => '</div>',
    7642                        )
    … …  
    8349        </footer><!-- .entry-footer -->
    8450
    85         <?php get_template_part( 'template-parts/post/author', 'info' ); ?>
     51        <?php if ( ! is_singular( 'attachment' ) ) : ?>
     52        <?php get_template_part( 'template-parts/post/author', 'bio' ); ?>
     53        <?php endif; ?>
    8654
    8755</article><!-- #post-${ID} -->

  • trunk/src/wp-content/themes/twentynineteen/template-parts/content/content.php

    r43808 r44149  
    77 * @package WordPress
    88 * @subpackage Twenty_Nineteen
     9 * @since 1.0.0
    910 */
    1011
    … …  
    1516                <?php
    1617                if ( is_sticky() && is_home() && ! is_paged() ) {
    17                         printf( '<span class="sticky-post">%s</span>', __( 'Featured', 'twentynineteen' ) );
     18                        printf( '<span class="sticky-post">%s</span>', _x( 'Featured', 'post', 'twentynineteen' ) );
    1819                }
    1920                if ( is_singular() ) :
    … …  
    2324                endif;
    2425                ?>
    25 
    2626        </header><!-- .entry-header -->
    2727
    … …  
    4747                wp_link_pages(
    4848                        array(
    49                                 'before' => '<div class="page-links">' . esc_html__( 'Pages:', 'twentynineteen' ),
     49                                'before' => '<div class="page-links">' . __( 'Pages:', 'twentynineteen' ),
    5050                                'after'  => '</div>',
    5151                        )

  • trunk/src/wp-content/themes/twentynineteen/template-parts/header/entry-header.php

    r43808 r44149  
    55 * @package WordPress
    66 * @subpackage Twenty_Nineteen
    7  * @since Twenty Nineteen 1.0
     7 * @since 1.0.0
    88 */
    99
    10 if ( ! is_page() ) :
    11 ?>
    12 <?php $discussion = twentynineteen_can_show_post_thumbnail() ? twentynineteen_get_discussion_data() : null; ?>
    13 <?php endif; ?>
     10$discussion = ! is_page() && twentynineteen_can_show_post_thumbnail() ? twentynineteen_get_discussion_data() : null; ?>
     11
    1412<?php the_title( '<h1 class="entry-title">', '</h1>' ); ?>
     13
    1514<?php if ( ! is_page() ) : ?>
    16 <div class="<?php echo ( ! empty( $discussion ) && count( $discussion->authors ) > 0 ) ? 'entry-meta has-discussion' : 'entry-meta'; ?>">
     15<div class="entry-meta">
    1716        <?php twentynineteen_posted_by(); ?>
    1817        <?php twentynineteen_posted_on(); ?>
    … …  
    2019                <?php
    2120                if ( ! empty( $discussion ) ) {
    22                 twentynineteen_discussion_avatars_list( $discussion->authors );}
     21                        twentynineteen_discussion_avatars_list( $discussion->authors );
     22                }
    2323                ?>
    2424                <?php twentynineteen_comment_count(); ?>
    2525        </span>
     26        <?php
     27        // Edit post link.
     28                edit_post_link(
     29                        sprintf(
     30                                wp_kses(
     31                                        /* translators: %s: Name of current post. Only visible to screen readers. */
     32                                        __( 'Edit <span class="screen-reader-text">%s</span>', 'twentynineteen' ),
     33                                        array(
     34                                                'span' => array(
     35                                                        'class' => array(),
     36                                                ),
     37                                        )
     38                                ),
     39                                get_the_title()
     40                        ),
     41                        '<span class="edit-link">' . twentynineteen_get_icon_svg( 'edit', 16 ),
     42                        '</span>'
     43                );
     44        ?>
    2645</div><!-- .meta-info -->
    2746<?php endif; ?>

  • trunk/src/wp-content/themes/twentynineteen/template-parts/header/site-branding.php

    r43808 r44149  
    55 * @package WordPress
    66 * @subpackage Twenty_Nineteen
     7 * @since 1.0.0
    78 */
    89?>
    … …  
    1213                <div class="site-logo"><?php the_custom_logo(); ?></div>
    1314        <?php endif; ?>
    14 
    15         <?php if ( is_front_page() && is_home() ) : ?>
    16                 <h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
    17         <?php else : ?>
    18                 <p class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></p>
     15        <?php $blog_info = get_bloginfo( 'name' ); ?>
     16        <?php if ( ! empty( $blog_info ) ) : ?>
     17                <?php if ( is_front_page() && is_home() ) : ?>
     18                        <h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
     19                <?php else : ?>
     20                        <p class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></p>
     21                <?php endif; ?>
    1922        <?php endif; ?>
    2023
    … …  
    3437                                        'theme_location' => 'menu-1',
    3538                                        'menu_class'     => 'main-menu',
     39                                        'items_wrap'     => '<ul id="%1$s" class="%2$s" tabindex="0">%3$s</ul>',
    3640                                )
    3741                        );
    … …  
    4044        <?php endif; ?>
    4145        <?php if ( has_nav_menu( 'social' ) ) : ?>
    42                 <nav class="social-navigation" aria-label="<?php esc_attr_e( 'Footer Social Links Menu', 'twentynineteen' ); ?>">
     46                <nav class="social-navigation" aria-label="<?php esc_attr_e( 'Social Links Menu', 'twentynineteen' ); ?>">
    4347                        <?php
    4448                        wp_nav_menu(

  • trunk/src/wp-content/themes/twentynineteen/template-parts/post/author-bio.php

    r43842 r44149  
    1616                <?php the_author_meta( 'description' ); ?>
    1717                <a class="author-link" href="<?php echo esc_url( get_author_posts_url( get_the_author_meta( 'ID' ) ) ); ?>" rel="author">
    18                         <?php _e( 'View more posts ', 'twentynineteen' ); ?>
     18                        <?php _e( 'View more posts', 'twentynineteen' ); ?>
    1919                </a>
    2020        </p><!-- .author-description -->

  • trunk/src/wp-content/themes/twentynineteen/template-parts/post/discussion-meta.php

    r43808 r44149  
    55 * @package WordPress
    66 * @subpackage Twenty_Nineteen
     7 * @since 1.0.0
    78 */
    89
    910/* Get data from current discussion on post. */
    10 $discussion = twentynineteen_get_discussion_data();
    11 
    12 $comments_number = get_comments_number();
    13 $has_responses   = $discussion->responses > 0;
     11$discussion    = twentynineteen_get_discussion_data();
     12$has_responses = $discussion->responses > 0;
    1413
    1514if ( $has_responses ) {
    16         /* translators: %1(X responses)$s from %2(X others)$s */
    17         $meta_label = sprintf(
    18                 '%1$s from %2$s.',
    19                 sprintf( _n( '%d response', '%d responses', $discussion->responses, 'twentynineteen' ), $discussion->responses ),
    20                 sprintf( _n( '%d other', '%d others', $discussion->commenters, 'twentynineteen' ), $discussion->commenters )
    21         );
    22 } elseif ( $comments_number > 0 ) {
    23         /* Show comment count if not enough discussion information */
    24 
    25         $meta_label = sprintf( _n( '%d Comment', '%d Comments', $comments_number, 'twentynineteen' ), $comments_number );
     15        /* translators: %1(X comments)$s */
     16        $meta_label = sprintf( _n( '%d Comment', '%d Comments', $discussion->responses, 'twentynineteen' ), $discussion->responses );
    2617} else {
    2718        $meta_label = __( 'No comments', 'twentynineteen' );
Note: See TracChangeset for help on using the changeset viewer.