WordPress.org
Get WordPress

Make WordPress Core

Changeset 44149


Ignore:
Timestamp:
12/14/2018 02:32:33 AM (6 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.