WordPress.org
Get WordPress

Make WordPress Core

Changeset 43892


Ignore:
Timestamp:
11/12/2018 11:19:13 PM (8 years ago)
Author:
allancole
Message:

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

This update applies the following changes:

  • Improve menu UI to support keyboard, click and touch interactions
  • Improve variable scoping and js performance in menu interaction javascript
  • Improve custom-colors for selected text, buttons and menu hover styles
  • Improve margins structure for more consistency between editor and frontend
  • Improve discussion avatars for simpler wording and better performance
  • Improve fonts in list widgets and list blocks
  • Improve comment responsive spacing and avatar display
  • Improve various block styles to make them consistent between the editor and frontend
  • Add tabbed browsing support for ie11
  • Add backwards compatibility support for older versions of WordPress
  • Add fallback styles for older versions of WP where Gutenberg is activated and then deactivated (backwards compatibility)
  • Add sizes attribute for featured images to improve responsive performance
  • Add focus-within polyfill
  • Add a footer menu for secondary page links
  • Fix editor styles to prevent conflicts with plugins that add meta boxes to the editor
  • Fix columns block issues on small screens
  • Fix empty-space font text cursor issue in Gutenberg editor
  • Fix RTL floating styles so that left/right floats are honored
  • Fix cover image block margins/padding
  • Fix invalid rgba style
  • Fix php warning when returning attributes
  • Fix gallery widget margins to improve gallery grids
  • Fix .entry-content selectors to prevent shortcodes, plugins and other unknown content from breaking the layout
  • Remove translation escaping to follow code standards in previous default themes
  • Remove custom color output in the fronten header when default color is selected
  • Remove fly-out sub-sub-sub-menu behavior on desktop to prevent sub-menus from falling off the screen
  • General code clean up and coding standards improvements

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

Props allancole, karmatosed, kjellr, yingling017, mrasharirfan, milana_cap, fabiankaegy, westonruter, aaronjorbin, netweb, b-07, khleomix, blowery, dereksmart, jasmussen, audrasjb, nielslange, mmaumio, dimadin, joyously, anevins12, peterwilsoncc, dannycooper, icaleb, siriokun, technosiren, travel_girl, azchughtai, ianbelanger, nadim1992, ismailelkorchi, nativeinside, chetan200891, icaleb, grapplerulrich, ocean90, joshfeck, frankew, abdulwahab610, mendezcode, eliorivero, melchoyce, joen, laurelfulford, mdawaffe, kraftbj, dsmart, mukeshpanchal27, burhandodhy, crunnells, Ismail-elkorchi, aryaprakasa, @tlxo, @themeroots, @whizbangik, @yingles, @youthkee, @brentswisher, @smy315, @ahmadawais, @desi-developer.

Location:
branches/5.0/src/wp-content/themes/twentynineteen
Files:
7 added
3 deleted
53 edited

Legend:

Unmodified
Added
Removed

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

    r43842 r43892  
    4646                        // If no content, include the "No posts found" template.
    4747                else :
    48                         get_template_part( 'template-parts/content', 'none' );
     48                        get_template_part( 'template-parts/content/content', 'none' );
    4949
    5050                endif;
    5151                ?>
    52 
    53                 </main><!-- .site-main -->
    54         </section><!-- .content-area -->
     52                </main><!-- #main -->
     53        </section><!-- #primary -->
    5554
    5655<?php

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

    r43860 r43892  
    7474                'link'                   => /* material-design – link */ '
    7575<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
    76     <path d="M0 0h24v24H0z" fill="none"/>
    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"/>
     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>
    7878</svg>',
    7979
    … …  
    8181<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
    8282    <defs>
    83         <path id="a" d="M0 0h24v24H0V0z"/>
     83        <path id="a" d="M0 0h24v24H0V0z"></path>
    8484    </defs>
    8585    <clipPath id="b">
    86         <use xlink:href="#a" overflow="visible"/>
     86        <use xlink:href="#a" overflow="visible"></use>
    8787    </clipPath>
    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"/>
     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>
    8989</svg>',
    9090
    9191                'archive'                => /* material-design – folder */ '
    9292<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"/>
    94     <path d="M0 0h24v24H0z" fill="none"/>
     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>
    9595</svg>',
    9696
    9797                'tag'                    => /* material-design – local_offer */ '
    9898<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"/>
    100         <path d="M0 0h24v24H0z" fill="none"/>
     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>
    101101</svg>',
    102102
    103103                'comment'                => /* material-design – comment */ '
    104104<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"/>
    106     <path d="M0 0h24v24H0z" fill="none"/>
     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>
    107107</svg>',
    108108
    109109                'person'                 => /* material-design – person */ '
    110110<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"/>
    112     <path d="M0 0h24v24H0z" fill="none"/>
     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>
    113113</svg>',
    114114
    115115                'edit'                   => /* material-design – edit */ '
    116116<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"/>
    118     <path d="M0 0h24v24H0z" fill="none"/>
     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>
    119119</svg>',
    120120
    121121                'chevron_left'           => /* material-design – chevron_left */ '
    122122<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"/>
    124     <path d="M0 0h24v24H0z" fill="none"/>
     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>
    125125</svg>',
    126126
    127127                'chevron_right'          => /* material-design – chevron_right */ '
    128128<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"/>
    130     <path d="M0 0h24v24H0z" fill="none"/>
     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>
    131131</svg>',
    132132
    133133                'check'                  => /* material-design – check */ '
    134134<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
    135     <path d="M0 0h24v24H0z" fill="none"/>
    136     <path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/>
     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>
    137137</svg>',
    138138
    139139                'arrow_drop_down_circle' => /* material-design – arrow_drop_down_circle */ '
    140140<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
    141         <path d="M0 0h24v24H0z" fill="none"/>
    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"/>
     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>
    143143</svg>',
    144144
    145145                'keyboard_arrow_down'    => /* material-design – keyboard_arrow_down */ '
    146146<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"/>
    148         <path fill="none" d="M0 0h24v24H0V0z"/>
     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>
    149149</svg>',
    150150
    151151                'keyboard_arrow_right'   => /* material-design – keyboard_arrow_right */ '
    152152<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
    153         <path d="M10 17l5-5-5-5v10z"/>
    154         <path fill="none" d="M0 24V0h24v24H0z"/>
     153        <path d="M10 17l5-5-5-5v10z"></path>
     154        <path fill="none" d="M0 24V0h24v24H0z"></path>
    155155</svg>',
    156156
    157157                'keyboard_arrow_left'   => /* material-design – keyboard_arrow_left */ '
    158158<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
    159         <path d="M14 7l-5 5 5 5V7z"/>
    160         <path fill="none" d="M24 0v24H0V0h24z"/>
     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>
    161169</svg>',
    162170
    … …  
    204212                        'plus.google.com',
    205213                ),
     214                'lastfm'   => array(
     215                        'last.fm',
     216                ),
    206217                'mail'   => array(
    207218                        'mailto:',
    … …  
    230241                '500px'       => '
    231242<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    232         <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>
    233244</svg>',
    234245
    235246                'amazon'      => '
    236247<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    237         <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>
    238249</svg>',
    239250
    240251                'apple'       => '
    241252<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    242         <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>
    243254</svg>',
    244255
    245256                'bandcamp'    => '
    246257<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    247         <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>
    248259</svg>',
    249260
    250261                'behance'     => '
    251262<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    252         <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>
    253264</svg>',
    254265
    255266                'chain'       => '
    256267<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    257         <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>
    258269</svg>',
    259270
    260271                'codepen'     => '
    261272<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    262         <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>
    263274</svg>',
    264275
    265276                'deviantart'  => '
    266277<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    267         <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>
    268279</svg>',
    269280
    270281                'digg'        => '
    271282<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    272         <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>
    273284</svg>',
    274285
    275286                'dribbble'    => '
    276287<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    277         <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>
    278289</svg>',
    279290
    280291                'dropbox'     => '
    281292<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    282         <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>
    283294</svg>',
    284295
    285296                'etsy'        => '
    286297<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    287         <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>
    288299</svg>',
    289300
    290301                'facebook'    => '
    291302<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    292         <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>
    293304</svg>',
    294305
    295306                'feed'        => '
    296307<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    297         <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>
    298309</svg>',
    299310
    300311                'flickr'      => '
    301312<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    302         <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>
    303314</svg>',
    304315
    305316                'foursquare'  => '
    306317<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    307         <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>
    308319</svg>',
    309320
    310321                'goodreads'   => '
    311322<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    312         <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>
    313324</svg>',
    314325
    315326                'google-plus' => '
    316327<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    317         <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>
    318329</svg>',
    319330
    320331                'google'      => '
    321332<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    322         <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>
    323334</svg>',
    324335
    325336                'github'      => '
    326337<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    327         <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
    328                 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>
    329339</svg>',
    330340
    331341                'instagram'   => '
    332342<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    333         <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>
    334349</svg>',
    335350
    336351                'linkedin'    => '
    337352<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    338         <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>
    339354</svg>',
    340355
    341356                'mail'        => '
    342357<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    343         <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>
    344359</svg>',
    345360
    346361                'meetup'      => '
    347362<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="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>
    349364</svg>',
    350365
    351366                'medium'      => '
    352367<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    353         <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>
    354369</svg>',
    355370
    356371                'pinterest'   => '
    357372<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    358         <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>
    359374</svg>',
    360375
    361376                'pocket'      => '
    362377<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    363         <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>
    364379</svg>',
    365380
    366381                'reddit'      => '
    367382<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    368         <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>
    369384</svg>',
    370385
    371386                'skype'       => '
    372387<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    373         <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>
    374389</svg>',
    375390
    376391                'slideshare'  => '
    377392<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    378         <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>
    379394</svg>',
    380395
    381396                'snapchat'    => '
    382397<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    383         <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>
    384399</svg>',
    385400
    386401                'soundcloud'  => '
    387402<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    388         <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>
    389404</svg>',
    390405
    391406                'spotify'     => '
    392407<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    393         <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>
    394409</svg>',
    395410
    396411                'stumbleupon' => '
    397412<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    398         <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>
    399414</svg>',
    400415
    401416                'tumblr'      => '
    402417<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    403         <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>
    404419</svg>',
    405420
    406421                'twitch'      => '
    407422<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    408         <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>
    409424</svg>',
    410425
    411426                'twitter'     => '
    412427<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    413         <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>
    414429</svg>',
    415430
    416431                'vimeo'       => '
    417432<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    418         <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>
    419434</svg>',
    420435
    421436                'vk'          => '
    422437<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    423         <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>
    424439</svg>',
    425440
    426441                'wordpress'   => '
    427442<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    428         <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>
    429444</svg>',
    430445
    431446                'yelp'        => '
    432447<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    433         <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>
    434449</svg>',
    435450
    436451                'youtube'     => '
    437452<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    438         <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>
    439454</svg>',
    440455

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

    r43860 r43892  
    5656                                                        }
    5757
    58                                                         /* translators: %s: comment author link */
    5958                                                        printf(
     59                                                                /* translators: %s: comment author link */
    6060                                                                __( '%s <span class="screen-reader-text says">says:</span>', 'twentynineteen' ),
    6161                                                                sprintf( '<span class="fn">%s</span>', $comment_author )
    … …  
    7070                                        <div class="comment-metadata">
    7171                                                <a href="<?php echo esc_url( get_comment_link( $comment, $args ) ); ?>">
    72                                                         <?php /* translators: 1: comment date, 2: comment time */ ?>
    73                                                         <time datetime="<?php comment_time( 'c' ); ?>" title="<?php printf( __( '%1$s at %2$s', 'twentynineteen' ), get_comment_date( '', $comment ), get_comment_time() ); ?>">
    74                                                                 <?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; ?>
    7578                                                        </time>
    7679                                                </a>

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

    r43860 r43892  
    2222}
    2323
     24$discussion = twentynineteen_get_discussion_data();
    2425?>
    2526
    2627<div id="comments" class="<?php echo comments_open() ? 'comments-area' : 'comments-area comments-closed'; ?>">
    27         <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'; ?>">
    2829                <h2 class="comments-title">
    2930                <?php
    3031                        if ( comments_open() ) {
    3132                                if ( have_comments() ) {
    32                                         esc_html_e( 'Join the Conversation', 'twentynineteen' );
     33                                        _e( 'Join the Conversation', 'twentynineteen' );
    3334                                } else {
    34                                         esc_html_e( 'Leave a comment', 'twentynineteen' );
     35                                        _e( 'Leave a comment', 'twentynineteen' );
    3536                                }
    3637                        } else {
    37                                 $comments_number = get_comments_number();
    38                                 if ( '1' === $comments_number ) {
     38                                if ( '1' == $discussion->responses ) {
    3939                                        /* translators: %s: post title */
    4040                                        printf( _x( 'One reply on &ldquo;%s&rdquo;', 'comments title', 'twentynineteen' ), get_the_title() );
    … …  
    4545                                                        '%1$s reply on &ldquo;%2$s&rdquo;',
    4646                                                        '%1$s replies on &ldquo;%2$s&rdquo;',
    47                                                         $comments_number,
     47                                                        $discussion->responses,
    4848                                                        'comments title',
    4949                                                        'twentynineteen'
    5050                                                ),
    51                                                 number_format_i18n( $comments_number ),
     51                                                number_format_i18n( $discussion->responses ),
    5252                                                get_the_title()
    5353                                        );
    … …  
    103103                        ?>
    104104                        <div class="comment-form-flex">
    105                                 <span class="screen-reader-text"><?php esc_html_e( 'Leave a comment', 'twentynineteen' ); ?></span>
     105                                <span class="screen-reader-text"><?php _e( 'Leave a comment', 'twentynineteen' ); ?></span>
    106106                                <?php twentynineteen_comment_form( 'asc' ); ?>
    107                                 <h2 class="comments-title" aria-hidden="true"><?php esc_html_e( 'Leave a comment', 'twentynineteen' ); ?></h2>
     107                                <h2 class="comments-title" aria-hidden="true"><?php _e( 'Leave a comment', 'twentynineteen' ); ?></h2>
    108108                        </div>
    109109                        <?php
    … …  
    114114                        ?>
    115115                        <p class="no-comments">
    116                                 <?php esc_html_e( 'Comments are closed.', 'twentynineteen' ); ?>
     116                                <?php _e( 'Comments are closed.', 'twentynineteen' ); ?>
    117117                        </p>
    118118                        <?php

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

    r43860 r43892  
    2626                                <?php
    2727                                /* translators: %s: WordPress. */
    28                                 printf( esc_html__( 'Proudly powered by %s.', 'twentynineteen' ), 'WordPress' );
     28                                printf( __( 'Proudly powered by %s.', 'twentynineteen' ), 'WordPress' );
    2929                                ?>
    3030                        </a>
    … …  
    3434                        }
    3535                        ?>
     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; ?>
    3649                </div><!-- .site-info -->
    3750        </footer><!-- #colophon -->

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

    r43860 r43892  
    99 * @since 1.0.0
    1010 */
     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}
    1119
    1220if ( ! function_exists( 'twentynineteen_setup' ) ) :
    … …  
    4957                register_nav_menus(
    5058                        array(
    51                                 'menu-1' => esc_html__( 'Primary', 'twentynineteen' ),
     59                                'menu-1' => __( 'Primary', 'twentynineteen' ),
     60                                'footer' => __( 'Footer Menu', 'twentynineteen' ),
    5261                                'social' => __( 'Social Links Menu', 'twentynineteen' ),
    5362                        )
    … …  
    8796                add_theme_support( 'customize-selective-refresh-widgets' );
    8897
    89                 // Add support for Block Styles
     98                // Add support for Block Styles.
    9099                add_theme_support( 'wp-block-styles' );
    91100
    … …  
    93102                add_theme_support( 'align-wide' );
    94103
    95                 // Add support for editor styles
     104                // Add support for editor styles.
    96105                add_theme_support( 'editor-styles' );
    97106
    98                 // Enqueue editor styles
     107                // Enqueue editor styles.
    99108                add_editor_style( 'style-editor.css' );
    100109
    101                 // Editor color palette
     110                // Editor color palette.
    102111                add_theme_support(
    103112                        'editor-color-palette',
    104113                        array(
    105114                                array(
    106                                         'name'  => esc_html__( 'Primary Color', 'twentynineteen' ),
     115                                        'name'  => __( 'Primary Color', 'twentynineteen' ),
    107116                                        'slug'  => 'primary',
    108117                                        'color' => twentynineteen_hsl_hex( 'default' === get_theme_mod( 'colorscheme' ) ? 199 : get_theme_mod( 'colorscheme_primary_hue', 199 ), 100, 33 ),
    … …  
    111120                );
    112121
    113                 // Add support for responsive embedded content
     122                // Add support for responsive embedded content.
    114123                add_theme_support( 'responsive-embeds' );
    115124
    … …  
    145154 * Priority 0 to make it available to lower priority callbacks.
    146155 *
    147  * @global int $content_width
     156 * @global int $content_width Content width.
    148157 */
    149158function twentynineteen_content_width() {
    … …  
    166175
    167176        if ( has_nav_menu( 'menu-1' ) ) {
    168                 wp_enqueue_script( 'twentynineteen-touch-navigation', get_theme_file_uri( '/js/touch-navigation.js' ), array(), '1.0', true );
    169                 $l10n_skip_link_focus_fix['expand']   = __( 'Expand child menu', 'twentynineteen' );
    170                 $l10n_skip_link_focus_fix['collapse'] = __( 'Collapse child menu', 'twentynineteen' );
    171                 wp_localize_script( 'twentynineteen-skip-link-focus-fix', 'twentynineteenScreenReaderText', $l10n_skip_link_focus_fix );
     177                wp_enqueue_script( 'twentynineteen-priority-menu', get_theme_file_uri( '/js/priority-menu.js' ), array(), '1.0', true );
     178                wp_enqueue_script( 'twentynineteen-touch-navigation', get_theme_file_uri( '/js/touch-keyboard-navigation.js' ), array(), '1.0', true );
    172179        }
    173180
    174181        wp_enqueue_style( 'twentynineteen-print-style', get_template_directory_uri() . '/print.css', array(), wp_get_theme()->get( 'Version' ), 'print' );
    175 
    176         if ( is_singular() && twentynineteen_can_show_post_thumbnail() ) {
    177                 wp_add_inline_style( 'twentynineteen-style', twentynineteen_header_featured_image_css() );
    178         }
    179182
    180183        if ( is_singular() && comments_open() && get_option( 'thread_comments' ) ) {
    … …  
    185188
    186189/**
    187  * Enqueue supplemental block editor styles
     190 * Enqueue supplemental block editor styles.
    188191 */
    189192function twentynineteen_editor_customizer_styles() {
    … …  
    193196        if ( 'custom' === get_theme_mod( 'colorscheme' ) ) {
    194197                // Include color patterns
    195                 require_once( get_parent_theme_file_path( '/inc/color-patterns.php' ) );
     198                require_once get_parent_theme_file_path( '/inc/color-patterns.php' );
    196199                wp_add_inline_style( 'twentynineteen-editor-customizer-styles', twentynineteen_custom_colors_css() );
    197200        }
    … …  
    204207function twentynineteen_colors_css_wrap() {
    205208
    206         // Only include custom colors in customizer or frontend
    207         if ( ( ! is_customize_preview() && is_admin() ) || is_admin() ) {
     209        // Only include custom colors in customizer or frontend.
     210        if ( ( ! is_customize_preview() && 'default' === get_theme_mod( 'colorscheme', 'default' ) ) || is_admin() ) {
    208211                return;
    209212        }
    210213
    211         require_once( get_parent_theme_file_path( '/inc/color-patterns.php' ) );
     214        require_once get_parent_theme_file_path( '/inc/color-patterns.php' );
    212215
    213216        if ( 'default' === get_theme_mod( 'colorscheme', 'default' ) ) {
    … …  
    221224                <?php echo twentynineteen_custom_colors_css(); ?>
    222225        </style>
    223 <?php
     226        <?php
    224227}
    225228add_action( 'wp_head', 'twentynineteen_colors_css_wrap' );

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

    r43842 r43892  
    2222<body <?php body_class(); ?>>
    2323<div id="page" class="site">
    24         <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>
    2525
    2626                <header id="masthead" class="<?php echo is_singular() && twentynineteen_can_show_post_thumbnail() ? 'site-header featured-image' : 'site-header'; ?>">
    … …  
    3232                        <?php if ( is_singular() && twentynineteen_can_show_post_thumbnail() ) : ?>
    3333                                <div class="site-featured-image">
     34                                        <?php twentynineteen_post_thumbnail(); ?>
    3435                                        <?php the_post(); ?>
    3536                                        <?php $discussion = ! is_page() && twentynineteen_can_show_post_thumbnail() ? twentynineteen_get_discussion_data() : null; ?>
    36                                         <div class="<?php echo ( ! empty( $discussion ) && count( $discussion->authors ) > 0 ) ? 'entry-header has-discussion' : 'entry-header'; ?>">
     37                                        <div class="<?php echo ( ! empty( $discussion ) && count( $discussion->responses ) > 0 ) ? 'entry-header has-discussion' : 'entry-header'; ?>">
    3738                                                <?php get_template_part( 'template-parts/header/entry', 'header' ); ?>
    3839                                        </div><!-- .entry-header -->

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

    r43860 r43892  
    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'] ),

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

    r43860 r43892  
    2727         */
    2828
    29         $saturation      = absint( apply_filters( 'twentynineteen_custom_colors_saturation', 100 ) );
    30         $saturation      = $saturation . '%';
    31 
    32         $lightness       = absint( apply_filters( 'twentynineteen_custom_colors_lightness', 33 ) );
    33         $lightness       = $lightness . '%';
    34 
    35         $lightness_hover = absint( apply_filters( 'twentynineteen_custom_colors_lightness_hover', 23 ) );
    36         $lightness_hover = $lightness_hover . '%';
     29        $saturation          = absint( apply_filters( 'twentynineteen_custom_colors_saturation', 100 ) );
     30        $saturation          = $saturation . '%';
     31
     32        $lightness           = absint( apply_filters( 'twentynineteen_custom_colors_lightness', 33 ) );
     33        $lightness           = $lightness . '%';
     34
     35        $lightness_hover     = absint( apply_filters( 'twentynineteen_custom_colors_lightness_hover', 23 ) );
     36        $lightness_hover     = $lightness_hover . '%';
     37
     38        $lightness_selection = absint( apply_filters( 'twentynineteen_custom_colors_lightness_selection', 90 ) );
     39        $lightness_selection = $lightness_selection . '%';
    3740
    3841        $theme_css = '
    … …  
    5558                .main-navigation .sub-menu,
    5659                .sticky-post,
    57                 .entry-content .wp-block-button .wp-block-button__link,
    58                 .button, button, input[type="button"], input[type="reset"], input[type="submit"],
    59                 .entry-content > .has-primary-background-color,
    60                 .entry-content > *[class^="wp-block-"].has-primary-background-color,
    61                 .entry-content > *[class^="wp-block-"] .has-primary-background-color,
    62                 .entry-content > *[class^="wp-block-"].is-style-solid-color,
    63                 .entry-content > *[class^="wp-block-"].is-style-solid-color .has-primary-background-color,
    64                 .entry-content .wp-block-file .wp-block-file__button {
     60                .entry .entry-content .wp-block-button .wp-block-button__link,
     61                .entry .button, button, input[type="button"], input[type="reset"], input[type="submit"],
     62                .entry .entry-content > .has-primary-background-color,
     63                .entry .entry-content > *[class^="wp-block-"].has-primary-background-color,
     64                .entry .entry-content > *[class^="wp-block-"] .has-primary-background-color,
     65                .entry .entry-content > *[class^="wp-block-"].is-style-solid-color,
     66                .entry .entry-content > *[class^="wp-block-"].is-style-solid-color .has-primary-background-color,
     67                .entry .entry-content .wp-block-file .wp-block-file__button {
    6568                        background-color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
    6669                }
    … …  
    8891                .entry .entry-content .more-link:hover,
    8992                .main-navigation .main-menu > li > a + svg,
    90                 .comment-navigation .nav-previous a:hover,
    91                 .comment-navigation .nav-next a:hover,
     93                .comment .comment-metadata > a:hover,
    9294                .comment .comment-metadata .comment-edit-link:hover,
    9395                #colophon .site-info a:hover,
    9496                .widget a,
    95                 .entry-content .wp-block-button.is-style-outline .wp-block-button__link,
    96                 .entry-content .wp-block-button.is-style-outline .wp-block-button__link,
    97                 .entry-content .wp-block-button.is-style-outline .wp-block-button__link,
    98                 .entry-content > *[class^="wp-block-"] .has-primary-color,
    99                 .entry-content > *[class^="wp-block-"].is-style-solid-color .has-primary-color {
     97                .entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link,
     98                .entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link,
     99                .entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link,
     100                .entry .entry-content > *[class^="wp-block-"] .has-primary-color,
     101                .entry .entry-content > *[class^="wp-block-"].is-style-solid-color .has-primary-color {
    100102                        color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
    101103                }
    … …  
    105107                 * wp block quote
    106108                 */
    107                 .entry-content blockquote,
    108                 .entry-content .wp-block-quote:not(.is-large),
    109                 .entry-content .wp-block-quote:not(.is-style-large) {
     109                blockquote,
     110                .entry .entry-content blockquote,
     111                .entry .entry-content .wp-block-quote:not(.is-large),
     112                .entry .entry-content .wp-block-quote:not(.is-style-large) {
    110113                        border-left-color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
    111114                }
    … …  
    146149                .comment .comment-author .fn a:hover,
    147150                .comment-reply-link:hover,
     151                .comment-navigation .nav-previous a:hover,
     152                .comment-navigation .nav-next a:hover,
    148153                #cancel-comment-reply-link:hover,
    149154                .widget a:hover {
    … …  
    155160                .main-navigation .sub-menu > li > a:hover:after,
    156161                .main-navigation .sub-menu > li > a:focus:after,
    157                 .main-navigation .sub-menu > li > a:not(.mobile-submenu-expand):hover,
    158                 .main-navigation .sub-menu > li > a:not(.mobile-submenu-expand):focus {
    159                         background: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness_hover . ' ); /* base: #005177; */
     162                .main-navigation .sub-menu > li > .menu-item-link-return:hover,
     163                .main-navigation .sub-menu > li > .menu-item-link-return:focus,
     164                .main-navigation .sub-menu > li > a:not(.submenu-expand):hover,
     165                .main-navigation .sub-menu > li > a:not(.submenu-expand):focus {
     166                        background-color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness_hover . ' ); /* base: #005177; */
     167                }
     168
     169                /* Text selection colors */
     170                ::selection {
     171                        background-color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness_selection . ' ); /* base: #005177; */
     172                }
     173                ::-moz-selection {
     174                        background-color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness_selection . ' ); /* base: #005177; */
    160175                }';
    161176

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

    r43842 r43892  
    7272function twentynineteen_get_the_archive_title() {
    7373        if ( is_category() ) {
    74                 $title = esc_html__( 'Category Archives: ', 'twentynineteen' ) . '<span class="page-description">' . single_term_title( '', false ) . '</span>';
     74                $title = __( 'Category Archives: ', 'twentynineteen' ) . '<span class="page-description">' . single_term_title( '', false ) . '</span>';
    7575        } elseif ( is_tag() ) {
    76                 $title = esc_html__( 'Tag Archives: ', 'twentynineteen' ) . '<span class="page-description">' . single_term_title( '', false ) . '</span>';
     76                $title = __( 'Tag Archives: ', 'twentynineteen' ) . '<span class="page-description">' . single_term_title( '', false ) . '</span>';
    7777        } elseif ( is_author() ) {
    78                 $title = esc_html__( 'Author Archives: ', 'twentynineteen' ) . '<span class="page-description">' . get_the_author_meta( 'display_name' ) . '</span>';
     78                $title = __( 'Author Archives: ', 'twentynineteen' ) . '<span class="page-description">' . get_the_author_meta( 'display_name' ) . '</span>';
    7979        } elseif ( is_year() ) {
    80                 $title = esc_html__( 'Yearly Archives: ', 'twentynineteen' ) . '<span class="page-description">' . get_the_date( _x( 'Y', 'yearly archives date format', 'twentynineteen' ) ) . '</span>';
     80                $title = __( 'Yearly Archives: ', 'twentynineteen' ) . '<span class="page-description">' . get_the_date( _x( 'Y', 'yearly archives date format', 'twentynineteen' ) ) . '</span>';
    8181        } elseif ( is_month() ) {
    82                 $title = esc_html__( 'Monthly Archives: ', 'twentynineteen' ) . '<span class="page-description">' . get_the_date( _x( 'F Y', 'monthly archives date format', 'twentynineteen' ) ) . '</span>';
     82                $title = __( 'Monthly Archives: ', 'twentynineteen' ) . '<span class="page-description">' . get_the_date( _x( 'F Y', 'monthly archives date format', 'twentynineteen' ) ) . '</span>';
    8383        } elseif ( is_day() ) {
    84                 $title = esc_html__( 'Daily Archives: ', 'twentynineteen' ) . '<span class="page-description">' . get_the_date() . '</span>';
     84                $title = __( 'Daily Archives: ', 'twentynineteen' ) . '<span class="page-description">' . get_the_date() . '</span>';
    8585        } elseif ( is_post_type_archive() ) {
    86                 $title = esc_html__( 'Post Type Archives: ', 'twentynineteen' ) . '<span class="page-description">' . post_type_archive_title( '', false ) . '</span>';
     86                $title = __( 'Post Type Archives: ', 'twentynineteen' ) . '<span class="page-description">' . post_type_archive_title( '', false ) . '</span>';
    8787        } elseif ( is_tax() ) {
    8888                $tax = get_taxonomy( get_queried_object()->taxonomy );
    … …  
    9090                $title = sprintf( esc_html__( '%s Archives:', 'twentynineteen' ), $tax->labels->singular_name );
    9191        } else {
    92                 $title = esc_html__( 'Archives:', 'twentynineteen' );
     92                $title = __( 'Archives:', 'twentynineteen' );
    9393        }
    9494        return $title;
    … …  
    112112        return true;
    113113}
     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 );
    114136
    115137/**
    … …  
    141163function twentynineteen_get_discussion_data() {
    142164        static $discussion, $post_id;
     165
    143166        $current_post_id = get_the_ID();
    144         if ( $current_post_id === $post_id ) { /* If we have discussion information for post ID, return cached object */
    145                 return $discussion;
    146         }
    147         $authors    = array();
    148         $commenters = array();
    149         $user_id    = -1; // is_user_logged_in() ? get_current_user_id() : -1;
    150         $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(
    151174                array(
    152175                        'post_id' => $current_post_id,
    … …  
    154177                        'order'   => get_option( 'comment_order', 'asc' ), /* Respect comment order from Settings » Discussion. */
    155178                        'status'  => 'approve',
     179                        'number'  => 20, /* Only retrieve the last 20 comments, as the end goal is just 6 unique authors */
    156180                )
    157181        );
     182
     183        $authors = array();
    158184        foreach ( $comments as $comment ) {
    159                 $comment_user_id = (int) $comment->user_id;
    160                 if ( $comment_user_id !== $user_id ) {
    161                         $authors[]    = ( $comment_user_id > 0 ) ? $comment_user_id : $comment->comment_author_email;
    162                         $commenters[] = $comment->comment_author_email;
    163                 }
    164         }
     185                $authors[] = ( (int) $comment->user_id > 0 ) ? (int) $comment->user_id : $comment->comment_author_email;
     186        }
     187
    165188        $authors    = array_unique( $authors );
    166         $responses  = count( $commenters );
    167         $commenters = array_unique( $commenters );
    168         $post_id    = $current_post_id;
    169189        $discussion = (object) array(
    170                 'authors'    => array_slice( $authors, 0, 6 ), /* Unique authors commenting on post (a subset of), excluding current user. */
    171                 'commenters' => count( $commenters ),          /* Number of commenters involved in discussion, excluding current user. */
    172                 '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. */
    173192        );
     193
    174194        return $discussion;
    175195}
     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" 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 is-hidden">';
     216                $nav_menu .= '<li id="menu-item--1" class="mobile-parent-nav-menu-item menu-item--1">';
     217                $nav_menu .= '<a class="menu-item-link-return" id="menu-item-link-return-1877" href="#menu-item-link-1877" onclick="event.preventDefault();" tabindex="-1">';
     218                $nav_menu .= twentynineteen_get_icon_svg( 'chevron_left' );
     219                $nav_menu .= esc_html__( 'Back', 'twentynineteen' );
     220                $nav_menu .= '</a>';
     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 );
    176232
    177233/**
    … …  
    217273                // @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.
    218274                $link = sprintf(
    219                         '<a class="menu-item-link-return" id="%1$s" href="%2$s" onclick="%3$s" tabindex="-1">%4$s',
    220                         esc_attr( "menu-item-link-return-{$item->original_id}" ),
    221                         esc_attr( "#menu-item-link-{$item->original_id}" ),
    222                         esc_attr( 'event.preventDefault();' ),
     275                        '<span class="menu-item-link-return" tabindex="-1">%s',
    223276                        twentynineteen_get_icon_svg( 'chevron_left', 24 )
    224277                );
    225278
     279                // replace opening <a> with <span>
    226280                $output = preg_replace(
    227281                        '/<a\s.*?>/',
    … …  
    230284                        1 // Limit.
    231285                );
     286
     287                // replace closing </a> with </span>
     288                $output = preg_replace(
     289                        '#</a>#i',
     290                        '</span>',
     291                        $output,
     292                        1 // Limit.
     293                );
     294
    232295        } elseif ( in_array( 'menu-item-has-children', $item->classes, true ) ) {
    233                 // Add an ID to the link element itself to facilitate navigation from submenu back to parent.
    234                 $output = preg_replace( '/(?<=<a\s)/', sprintf( ' id="%s" ', esc_attr( "menu-item-link-{$item->ID}" ) ), $output );
    235296
    236297                // Add SVG icon to parent items.
    237                 if ( 0 === $depth ) {
    238                         $icon = twentynineteen_get_icon_svg( 'keyboard_arrow_down', 24 );
    239                 } else {
    240                         $icon = twentynineteen_get_icon_svg( 'chevron_right', 24 );
    241                 }
    242 
    243                 // @todo We might as well just go back to using the SVG element if the link approach is not suitable for no-JS environments.
    244                 $link = sprintf(
    245                         '<a class="mobile-submenu-expand" href="%s" onclick="%s" tabindex="-1">%s</a>',
    246                         esc_attr( "#menu-item-link-return-{$item->ID}" ),
    247                         esc_attr( 'event.preventDefault();' ),
     298                $icon = twentynineteen_get_icon_svg( 'keyboard_arrow_down', 24 );
     299
     300                $output .= sprintf(
     301                        '<span class="submenu-expand" tabindex="-1">%s</span>',
    248302                        $icon
    249303                );
    250 
    251                 $output .= $link;
    252                 $output .= "<span class='desktop-submenu-expand'>$icon</span>";
    253304        }
    254305

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

    r43860 r43892  
    4444                        /* translators: 1: SVG icon. 2: post author, only visible to screen readers. 3: author link. */
    4545                        twentynineteen_get_icon_svg( 'person', 16 ),
    46                         esc_html__( 'Posted by', 'twentynineteen' ),
     46                        __( 'Posted by', 'twentynineteen' ),
    4747                        esc_url( get_author_posts_url( get_the_author_meta( 'ID' ) ) ),
    4848                        esc_html( get_the_author() )
    … …  
    8484
    8585                        /* translators: used between list items, there is a space after the comma. */
    86                         $categories_list = get_the_category_list( esc_html__( ', ', 'twentynineteen' ) );
     86                        $categories_list = get_the_category_list( __( ', ', 'twentynineteen' ) );
    8787                        if ( $categories_list ) {
    8888                                /* translators: 1: SVG icon. 2: posted in label, only visible to screen readers. 3: list of categories. */
    … …  
    9090                                        '<span class="cat-links">%1$s<span class="screen-reader-text">%2$s</span>%3$s</span>',
    9191                                        twentynineteen_get_icon_svg( 'archive', 16 ),
    92                                         esc_html__( 'Posted in', 'twentynineteen' ),
     92                                        __( 'Posted in', 'twentynineteen' ),
    9393                                        $categories_list
    9494                                ); // WPCS: XSS OK.
    … …  
    9696
    9797                        /* translators: used between list items, there is a space after the comma. */
    98                         $tags_list = get_the_tag_list( '', esc_html__( ', ', 'twentynineteen' ) );
     98                        $tags_list = get_the_tag_list( '', __( ', ', 'twentynineteen' ) );
    9999                        if ( $tags_list ) {
    100100                                /* translators: 1: SVG icon. 2: posted in label, only visible to screen readers. 3: list of tags. */
    … …  
    102102                                        '<span class="tags-links">%1$s<span class="screen-reader-text">%2$s </span>%3$s</span>',
    103103                                        twentynineteen_get_icon_svg( 'tag', 16 ),
    104                                         esc_html__( 'Tags:', 'twentynineteen' ),
     104                                        __( 'Tags:', 'twentynineteen' ),
    105105                                        $tags_list
    106106                                ); // WPCS: XSS OK.
    … …  
    169169endif;
    170170
    171 if ( ! function_exists( 'twentynineteen_header_featured_image_css' ) ) :
    172         /**
    173          * Returns the CSS for the header featured image background.
    174          */
    175         function twentynineteen_header_featured_image_css() {
    176                 $img_url = get_the_post_thumbnail_url( get_the_ID(), 'post-thumbnail' );
    177                 return sprintf( 'body.singular .site-header.featured-image .site-branding-container:before { background-image: url(%s); }', esc_url( $img_url ) );
    178         }
    179 endif;
    180 
    181171if ( ! function_exists( 'twentynineteen_comment_avatar' ) ) :
    182172        /**
    … …  
    198188         */
    199189        function twentynineteen_discussion_avatars_list( $comment_authors ) {
    200                 if ( ! empty( $comment_authors ) ) {
    201                         $out = array( '<ol class="discussion-avatar-list">' );
    202                         foreach ( $comment_authors as $id_or_email ) {
    203                                 $out[] = sprintf( '<li>%s</li>', twentynineteen_get_user_avatar_markup( $id_or_email ) );
    204                         }
    205                         $out[] = '</ol><!-- .discussion-avatar-list -->';
    206                         echo implode( "\n", $out );
    207                 }
    208                 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";
    209201        }
    210202endif;

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

    r43842 r43892  
    2121                <main id="main" class="site-main">
    2222
    23 <?php
    24         if ( have_posts() ) {
     23                <?php
     24                if ( have_posts() ) {
    2525
    26                 // Load posts loop.
    27                 while ( have_posts() ) {
    28                         the_post();
    29                         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
    3040                }
    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 
    40         }
    41 ?>
     41                ?>
     42               
    4243                </main><!-- .site-main -->
    4344        </section><!-- .content-area -->

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

    r43860 r43892  
    1212        wp.customize( 'colorscheme', 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( to  === 'custom' ){
     21                                //If a "custom" color option is selected, use the currently set colorscheme_primary_hue
     22                                color = wp.customize.get().colorscheme_primary_hue;
     23                        } else {
     24                                //If the "default" option is selected, get the default primary_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        });

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

    r43808 r43892  
    11831183    },
    11841184    "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==",
     1185      "version": "2.2.3",
     1186      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-2.2.3.tgz",
     1187      "integrity": "sha512-NiX+JXjnx43RzvVFwRWfPKo4U+1BrK5pJPsHQdKMlLoFHrrGktXglQhHliSihWAq+m1z6fHk3uwGHrtRbS9vLA==",
    11881188      "dev": true,
    11891189      "requires": {
    … …  
    26572657    },
    26582658    "merge2": {
    2659       "version": "1.2.2",
    2660       "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.2.2.tgz",
    2661       "integrity": "sha512-bgM8twH86rWni21thii6WCMQMRMmwqqdW3sGWi9IipnVAszdLXRjwDwAnyrVXo6DuP3AjRMMttZKUB48QWIFGg==",
     2659      "version": "1.2.3",
     2660      "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.2.3.tgz",
     2661      "integrity": "sha512-gdUU1Fwj5ep4kplwcmftruWofEFt6lfpkkr3h860CXbAB9c3hGb55EOL2ali0Td5oebvW0E1+3Sr+Ur7XfKpRA==",
    26622662      "dev": true
    26632663    },
    … …  
    31613161    "p-is-promise": {
    31623162      "version": "1.1.0",
    3163       "resolved": "https://registry.npmjs.org/p-is-promise/-/p-is-promise-1.1.0.tgz",
     3163      "resolved": "http://registry.npmjs.org/p-is-promise/-/p-is-promise-1.1.0.tgz",
    31643164      "integrity": "sha1-nJRWmJ6fZYgBewQ01WCXZ1w9oF4=",
    31653165      "dev": true
    … …  
    32963296    },
    32973297    "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==",
     3298      "version": "6.0.1",
     3299      "resolved": "https://registry.npmjs.org/postcss-cli/-/postcss-cli-6.0.1.tgz",
     3300      "integrity": "sha512-M9GiEMzXVMlI4ln8e+mdeHT+qvoHVZdlN06hj5/EhrRZWDr+J1sniPeGJ4nghknl+du3Oj2UoqqhgpKKhiZ9+w==",
    33013301      "dev": true,
    33023302      "requires": {
    … …  
    33093309        "postcss": "^7.0.0",
    33103310        "postcss-load-config": "^2.0.0",
    3311         "postcss-reporter": "^5.0.0",
     3311        "postcss-reporter": "^6.0.0",
    33123312        "pretty-hrtime": "^1.0.3",
    33133313        "read-cache": "^1.0.0",
    … …  
    34503450      }
    34513451    },
     3452    "postcss-focus-within": {
     3453      "version": "3.0.0",
     3454      "resolved": "https://registry.npmjs.org/postcss-focus-within/-/postcss-focus-within-3.0.0.tgz",
     3455      "integrity": "sha512-W0APui8jQeBKbCGZudW37EeMCjDeVxKgiYfIIEo8Bdh5SpB9sxds/Iq8SEuzS0Q4YFOlG7EPFulbbxujpkrV2w==",
     3456      "dev": true,
     3457      "requires": {
     3458        "postcss": "^7.0.2"
     3459      }
     3460    },
    34523461    "postcss-load-config": {
    34533462      "version": "2.0.0",
    … …  
    34613470    },
    34623471    "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==",
     3472      "version": "6.0.0",
     3473      "resolved": "https://registry.npmjs.org/postcss-reporter/-/postcss-reporter-6.0.0.tgz",
     3474      "integrity": "sha512-5xQXm1UPWuFObjbtyQzWvQaupru8yFcFi4HUlm6OPo1o2bUszYASuqRJ7bVArb3svGCdbYtqdMBKrqR1Aoy+tw==",
    34663475      "dev": true,
    34673476      "requires": {
    … …  
    34693478        "lodash": "^4.17.4",
    34703479        "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         }
     3480        "postcss": "^7.0.2"
    34853481      }
    34863482    },

  • branches/5.0/src/wp-content/themes/twentynineteen/package.json

    r43860 r43892  
    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.3",
     15    "postcss-cli": "^6.0.1",
     16    "postcss-focus-within": "^3.0.0",
     17    "rtlcss": "^2.4.0"
    1718  },
    1819  "rtlcssConfig": {

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

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

  • branches/5.0/src/wp-content/themes/twentynineteen/readme.txt

    r43842 r43892  
    33[![Build Status](https://travis-ci.org/WordPress/twentynineteen.svg?branch=master)](https://travis-ci.org/WordPress/twentynineteen)
    44
    5 **Contributors:** the WordPress team 
    6 **Requires at least:** WordPress 4.9.6 
    7 **Tested up to:** WordPress 4.9.8 
    8 **Version:** 1.0 
    9 **License:** GPLv2 or later 
    10 **License URI:** http://www.gnu.org/licenses/gpl-2.0.html 
     5**Contributors:** the WordPress team
     6**Requires at least:** WordPress 4.9.6
     7**Tested up to:** WordPress 4.9.8
     8**Version:** 1.0
     9**License:** GPLv2 or later
     10**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
    … …  
    23224. Go to https://codex.wordpress.org/Twenty_Nineteen for a guide on how to customize this theme.
    24235. Navigate to Appearance > Customize in your admin panel and customize to taste.
    25 
    2624
    2725## Copyright
    … …  
    6159
    6260### X.X
     61
    6362* Released: XX-XX-XXXX
    6463

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

    r43860 r43892  
    11/* !Block styles */
    22
    3 .entry-content > *,
    4 .entry-summary > * {
     3.entry .entry-content > *,
     4.entry .entry-summary > * {
     5        margin: 32px 0;
     6        max-width: 100%;
     7
    58        @include postContentMaxWidth();
    69
    7         margin: 32px $size__spacing-unit;
    8 
    910        @include media(tablet) {
    10                 margin: 32px calc(2 * (100vw / 12));
    11         }
    12 /*
    13         // Set top margins for headings
    14         & + h1:before,
    15         & + h2:before,
    16         & + h3,
    17         & + h4,
    18         & + h5,
    19         & + h6 {
    20                 margin-top: calc(4 * #{ $size__spacing-unit});
    21         }
    22 */
     11                margin: 32px 0;
     12        }
    2313
    2414        > *:first-child {
    … …  
    3121
    3222        &.alignwide {
    33 
    3423                margin-left: auto;
    3524                margin-right: auto;
     25                clear: both;
    3626
    3727                @include media(tablet) {
    38                         margin-left: calc(2 * (100vw / 12));
    39                         margin-right: calc(2 * (100vw / 12));
    40                         max-width: calc(8 * (100vw / 12));
     28                        width: 100%;
     29                        max-width: 100%;
    4130                }
    4231        }
    4332
    4433        &.alignfull {
    45                 margin-top: calc(2 * #{$size__spacing-unit});
    46                 margin-right: 0;
    47                 margin-bottom: calc(2 * #{$size__spacing-unit});
    48                 margin-left: 0;
    49                 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                }
    5047        }
    5148
    5249        &.alignleft {
     50                /*rtl:ignore*/
    5351                float: left;
    5452                max-width: calc(5 * (100vw / 12));
    5553                margin-top: 0;
     54                margin-left: 0;
     55                /*rtl:ignore*/
     56                margin-right: $size__spacing-unit;
    5657
    5758                @include media(tablet) {
    5859                        max-width: calc(4 * (100vw / 12));
     60                        /*rtl:ignore*/
    5961                        margin-right: calc(2 * #{$size__spacing-unit});
    6062                }
    … …  
    6668
    6769        &.alignright {
     70                /*rtl:ignore*/
    6871                float: right;
    6972                max-width: calc(5 * (100vw / 12));
    7073                margin-top: 0;
     74                margin-right: 0;
     75                /*rtl:ignore*/
    7176                margin-left: $size__spacing-unit;
    72                 margin-right: $size__spacing-unit;
    7377
    7478                @include media(tablet) {
    7579                        max-width: calc(4 * (100vw / 12));
     80                        margin-right: 0;
     81                        /*rtl:ignore*/
    7682                        margin-left: calc(2 * #{$size__spacing-unit});
    77                         margin-right: calc(2 * (100vw / 12));
    7883                }
    7984        }
    8085        &.aligncenter {
    81 
    8286                margin-left: auto;
    8387                margin-right: auto;
    8488
    85                 @include media(desktop) {
    86                         margin-left: calc(2 * (100vw / 12));
    87                         margin-right: calc(2 * (100vw / 12));
    88                         max-width: calc(10 * (100vw / 12));
    89                         position: relative;
    90                         left: 25%;
    91                         transform: translate(-50%);
     89                @include postContentMaxWidth();
     90
     91                @include media(tablet) {
     92                        margin-left: 0;
     93                        margin-right: 0;
    9294                }
    9395        }
    9496}
    9597
    96 .entry-content {
     98/*
     99 * Unset nested content selector styles
     100 * - Prevents layout styles from cascading too deeply
     101 * - helps with plugin compatibility
     102 */
     103.entry .entry-content,
     104.entry .entry-summary {
     105
     106        .entry-content,
     107        .entry-summary,
     108        .entry {
     109                margin: inherit;
     110                max-width: inherit;
     111                padding: inherit;
     112
     113                @include media(tablet) {
     114                        margin: inherit;
     115                        max-width: inherit;
     116                        padding: inherit;
     117                }
     118        }
     119}
     120
     121.entry .entry-content {
     122
     123        //! Paragraphs
     124        p.has-background {
     125                padding: 20px 30px;
     126        }
    97127
    98128        //! Audio
    … …  
    108138                &.alignright audio {
    109139
    110                         max-width: (0.5 * $mobile_width);
     140                        max-width: (0.33 * $mobile_width);
    111141
    112142                        @include media(tablet) {
    … …  
    152182
    153183                        &:hover {
     184                                background: $color__background-button-hover;
    154185                                cursor: pointer;
    155186                        }
    156187
    157                         &:hover, &:focus {
     188                        &:focus {
    158189                                background: $color__background-button-hover;
    159                         }
    160 
    161                         &:focus {
    162190                                outline: thin dotted;
    163191                                outline-offset: -4px;
    … …  
    197225                        font-weight: bold;
    198226                        line-height: $font__line-height-heading;
    199 
    200                         &:not(.menu-item-has-children) {
    201                                 padding-bottom: ( .75 * $size__spacing-unit );
     227                        padding-bottom: ( .75 * $size__spacing-unit );
     228
     229                        &.menu-item-has-children,
     230                        &:last-child {
     231                                padding-bottom: 0;
    202232                        }
    203233
    … …  
    205235                                text-decoration: none;
    206236                        }
    207 
    208                         ul {
    209                                 padding-left: $size__spacing-unit;
    210                         }
    211                 }
     237                }
     238        }
     239
     240        //! Latest categories
     241        .wp-block-categories {
     242
     243                ul {
     244                        padding-top: ( .75 * $size__spacing-unit );
     245                }
     246               
     247                li ul {
     248                        list-style: none;
     249                        padding-left: 0;
     250                }
     251
     252                @include nestedSubMenuPadding();
    212253        }
    213254
    … …  
    265306                        color: $color__text-main;
    266307                        border: none;
    267                         padding-bottom: calc(2 * #{$size__spacing-unit});
     308                        margin-top: calc(4 * #{ $size__spacing-unit});
     309                        margin-bottom: calc(4.33 * #{ $size__spacing-unit});
    268310                        margin-right: 0;
    269311                }
    … …  
    288330                        display: inline-block;
    289331                        font-family: $font__heading;
    290                         font-size: $font__size-xs;
    291332                        line-height: 1.6;
    292333                        text-transform: none;
     334                        color: $color__text-light;
     335
     336                        /*
     337                         * This requires a rem-based font size calculation instead of our normal em-based one,
     338                         * because the cite tag sometimes gets wrapped in a p tag. This is equivalent to $font-size_xs.
     339                         */
     340                        font-size: calc(1rem / (1.25 * #{$font__size-ratio}));
    293341                }
    294342
    295343                &.alignleft,
    296344                &.alignright {
     345                        width: 100%;
    297346                        padding: 0;
    298347
    … …  
    306355
    307356                &.is-style-solid-color {
    308 
    309357                        background-color: $color__link;
     358                        padding-left: 0;
     359                        padding-right: 0;
     360
     361                        @include media(tablet) {
     362                                padding-left: 10%;
     363                                padding-right: 10%;
     364                        }
    310365
    311366                        p {
    … …  
    324379                        }
    325380
     381                        cite {
     382                                color: inherit;
     383                        }
     384
    326385                        blockquote {
     386                                max-width: calc(100% - (2 * #{$size__spacing-unit}));
    327387                                color: $color__background-body;
    328                                 margin: 0 auto;
     388                                padding-left: 0;
     389                                margin-left: $size__spacing-unit;
     390
     391                                @include media(tablet) {
     392                                        margin-left: 0;
     393                                        margin-right: 0;
     394                                }
    329395                        }
    330396
    … …  
    333399                        }
    334400
    335                         &.alignleft,
    336                         &.alignright {
    337                                 padding: $size__spacing-unit $size__spacing-unit 0;
    338 
    339                                 blockquote {
    340                                         padding: 0 0 calc( 1.5 * #{$size__spacing-unit} );
    341                                         margin-left: 0;
    342                                         margin-top: 0;
    343                                 }
     401                        &.alignfull {
    344402
    345403                                @include media(tablet) {
    346                                         padding: calc( 2 * #{$size__spacing-unit} ) calc( 2 * #{$size__spacing-unit} ) $size__spacing-unit;
     404                                        padding-left: calc(10% + 58px + (2 * #{$size__spacing-unit}));
     405                                        padding-right: calc(10% + 58px + (2 * #{$size__spacing-unit}));
    347406                                }
    348407                        }
    … …  
    367426
    368427                cite {
    369                         font-size: $font__size-xs;
     428                        /*
     429                         * This requires a rem-based font size calculation instead of our normal em-based one,
     430                         * because the cite tag sometimes gets wrapped in a p tag. This is equivalent to $font-size_xs.
     431                         */
     432                        font-size: calc(1rem / (1.25 * #{$font__size-ratio}));
    370433                }
    371434
    372435                &.is-large,
    373436                &.is-style-large {
    374                         padding: $size__spacing-unit 0 ($size__spacing-unit) ($size__spacing-unit * 2);
    375437                        margin: $size__spacing-unit 0;
     438                        padding: 0;
    376439                        border-left: none;
    377440
    … …  
    384447                        cite,
    385448                        footer {
    386                                 font-size: $font__size-xs;
     449                                /*
     450                                 * This requires a rem-based font size calculation instead of our normal em-based one,
     451                                 * because the cite tag sometimes gets wrapped in a p tag. This is equivalent to $font-size_xs.
     452                                 */
     453                                font-size: calc(1rem / (1.25 * #{$font__size-ratio}));
    387454                        }
    388455
    389456                        @include media(tablet) {
    390 
    391                                 margin: $size__spacing-unit calc(2 * (100vw / 12));
    392                                 max-width: calc(6 * (100vw / 12));
     457                                margin: $size__spacing-unit 0;
     458                                padding: $size__spacing-unit 0;
    393459
    394460                                p {
    … …  
    413479                &.alignfull img {
    414480                        width: 100vw;
    415                         margin-left: auto;
    416                         margin-right: auto;
     481
     482                        @include media(tablet) {
     483                                margin-left: auto;
     484                                margin-right: auto;
     485                        }
    417486                }
    418487        }
    … …  
    421490        .wp-block-cover-image,
    422491        .wp-block-cover {
     492                position: relative;
     493                min-height: 430px;
     494                padding: $size__spacing-unit;
     495
     496                @include media(tablet) {
     497                        padding: $size__spacing-unit 10%;
     498                }
    423499
    424500                .wp-block-cover-image-text,
    … …  
    428504                        font-size: $font__size-lg;
    429505                        font-weight: bold;
    430 
    431                         width: calc(100vw - (2 * #{ $size__spacing-unit }));
    432                         max-width: calc(100vw - (2 * #{ $size__spacing-unit }));
     506                        line-height: 1.25;
     507                        padding: 0;
     508                        color: #fff;
    433509
    434510                        @include media(tablet) {
    435511                                font-size: $font__size-xl;
    436                                 width: calc(8 * (100vw / 12));
    437                                 max-width: calc(8 * (100vw / 12));
    438                         }
    439 
    440                         @include media(desktop) {
    441                                 width: calc(6 * (100vw / 12 ));
    442                                 max-width: calc(6 * (100vw / 12 ));
    443                         }
    444                 }
    445 
    446                 &.alignleft,
    447                 &.alignright,
     512                                max-width: 100%;
     513                        }
     514                }
     515
    448516                &.aligncenter {
    449517                        h2,
    … …  
    459527                }
    460528
    461                 &.aligncenter {
    462                         margin: 32px calc(2 * (100vw / 12));
    463                         max-width: calc(6 * (100vw / 12));
    464                 }
    465 
    466                 &.has-left-content {
    467                         justify-content: center;
    468 
    469                         h2,
     529                &.alignleft,
     530                &.alignright {
     531                        width: 100%;
     532                }
     533
     534                &.alignfull {
     535
    470536                        .wp-block-cover-image-text,
    471                         .wp-block-cover-text {
    472                                 padding: $size__spacing-unit;
    473                         }
    474                 }
    475 
    476                 &.has-right-content {
    477                         justify-content: center;
    478 
    479                         h2,
    480                         .wp-block-cover-image-text,
    481                         .wp-block-cover-text {
    482                                 padding: $size__spacing-unit;
     537                        .wp-block-cover-text,
     538                        h2 {
     539                                @include postContentMaxWidth();
     540                        }
     541
     542                        @include media(tablet) {
     543                                padding-left: calc(10% + 58px + (2 * #{$size__spacing-unit}));
     544                                padding-right: calc(10% + 58px + (2 * #{$size__spacing-unit}));
     545
     546                                .wp-block-cover-image-text,
     547                                .wp-block-cover-text,
     548                                h2 {
     549                                        padding: 0;
     550                                }
    483551                        }
    484552                }
    … …  
    486554
    487555        //! Galleries
    488         .wp-block-gallery .blocks-gallery-image:last-child,
    489         .wp-block-gallery .blocks-gallery-item:last-child {
    490                 margin-bottom: 16px;
     556        .wp-block-gallery {
     557                list-style-type: none;
     558                padding-left: 0;
     559
     560                .blocks-gallery-image:last-child,
     561                .blocks-gallery-item:last-child {
     562                        margin-bottom: 16px;
     563                }
    491564        }
    492565
    … …  
    508581        .wp-block-separator,
    509582        hr {
     583                background-color: $color__text-light;
     584                border: 0;
     585                height: 2px;
    510586                margin-bottom: (2 * $size__spacing-unit);
    511587                margin-top: (2 * $size__spacing-unit);
     588                max-width: 2.25em;
    512589                text-align: left;
    513590
    514                 &:not(.is-style-dots) {
    515                         background-color: $color__text-light;
    516                         border: 0;
    517                         height: 2px;
    518                 }
    519 
    520                 &:not(.is-style-wide):not(.is-style-dots) {
    521                         max-width: 2.25em;
    522                 }
    523 
    524                 /* Remove duplicate rule-line when a separator
    525                  * is followed by an H1, or H2 */
    526                 & + h1,
    527                 & + h2 {
    528 
    529                         &:before {
    530                                 display: none;
    531                         }
     591                &.is-style-wide {
     592                        max-width: 100%;
     593                        @include postContentMaxWidth();
    532594                }
    533595
    534596                &.is-style-dots {
     597                        max-width: 100%;
    535598                        @include postContentMaxWidth();
     599                        background-color: inherit;
     600                        border: inherit;
     601                        height: inherit;
    536602                        text-align: center;
    537603
    … …  
    543609                        }
    544610                }
     611
     612                /* Remove duplicate rule-line when a separator
     613                 * is followed by an H1, or H2 */
     614                & + h1,
     615                & + h2 {
     616
     617                        &:before {
     618                                display: none;
     619                        }
     620                }
    545621        }
    546622
    … …  
    553629        .wp-block-table {
    554630
    555                 td, th {
     631                th,
     632                td {
    556633                        border-color: $color__text-light;
    557634                }
    … …  
    570647                        font-family: $font__heading;
    571648                        line-height: $font__line-height-heading;
     649                        text-decoration: none;
    572650                        font-weight: bold;
    573651                        padding: ($size__spacing-unit * .75) $size__spacing-unit;
     652                        color: #fff;
    574653
    575654                        @include media(desktop) {
    … …  
    579658
    580659                        &:hover {
     660                                background: $color__background-button-hover;
    581661                                cursor: pointer;
    582662                        }
    583663
    584                         &:hover, &:focus {
     664                        &:focus {
    585665                                background: $color__background-button-hover;
    586                         }
    587 
    588                         &:focus {
    589666                                outline: thin dotted;
    590667                                outline-offset: -4px;
    591668                        }
     669                }
     670
     671                * + .wp-block-file__button {
     672                        margin-left: ($size__spacing-unit * .75);
    592673                }
    593674        }
    … …  
    607688        .wp-block-columns {
    608689
    609                 .wp-block-column > * {
    610 
    611                         &:first-child {
    612                                 margin-top: 0;
    613                         }
    614 
    615                         &:last-child {
    616                                 margin-bottom: 0;
    617                         }
    618                 }
    619 
    620                 &[class*='has-'] > * {
    621                         margin-right: $size__spacing-unit;
    622 
    623                         &:last-child {
    624                                 margin-right: 0;
     690                @include media(tablet) {
     691                        .wp-block-column > * {
     692
     693                                &:first-child {
     694                                        margin-top: 0;
     695                                }
     696
     697                                &:last-child {
     698                                        margin-bottom: 0;
     699                                }
     700                        }
     701
     702                        &[class*='has-'] > * {
     703                                margin-right: $size__spacing-unit;
     704
     705                                &:last-child {
     706                                        margin-right: 0;
     707                                }
    625708                        }
    626709                }

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

    r43842 r43892  
    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
    … …  
    4243}
    4344
    44 h1, h2, h3, h4, h5, h6 {
     45h1,
     46h2,
     47h3,
     48h4,
     49h5,
     50h6 {
    4551        clear: both;
    4652        margin: $size__spacing-unit 0;
    4753}
    4854
    49 h1:not(.site-title), h2 {
     55h1:not(.site-title),
     56h2 {
    5057        @include post-section-dash;
    5158}

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

    r43808 r43892  
    11table {
    22        margin: 0 0 $size__spacing-unit;
     3        border-collapse: collapse;
    34        width: 100%;
    45
    5         td, th {
    6                 border-color: $color__text-light;
     6        td,
     7        th {
     8                padding: 0.5em;
     9                border: 1px solid $color__text-light;
     10                word-break: break-all;
    711        }
    812}

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

    r43860 r43892  
    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

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

    r43842 r43892  
    88.gallery-item {
    99        display: inline-block;
    10         padding-right: $size__spacing-unit;
     10        margin-right: $size__spacing-unit;
    1111        margin-bottom: $size__spacing-unit;
    1212        text-align: center;
    … …  
    1717        @for $i from 2 through 9 {
    1818                .gallery-columns-#{$i} & {
    19                         max-width: calc( ( 12 / #{$i} ) * (100% / 12) );
     19                        max-width: calc( ( 12 / #{$i} ) * (100% / 12) - ( #{$size__spacing-unit} * #{($i - 1) / $i} ) );
     20
     21                        &:nth-of-type(#{$i}n+#{$i}) {
     22                                margin-right: 0;
     23                        }
    2024                }
    2125        }

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

    r43860 r43892  
    8888}
    8989
     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
    90178/* Calculates maximum width for post content */
    91179@mixin postContentMaxWidth() {
    92         max-width: calc(100vw - (2 * #{ $size__spacing-unit }));
    93180
    94181        @include media(tablet) {
    95                 max-width: calc(8 * (100vw / 12));
     182                max-width: $size__site-tablet-content;
    96183        }
    97184
    98185        @include media(desktop) {
    99                 max-width: calc(6 * (100vw / 12));
     186                max-width: $size__site-desktop-content;
     187        }
     188}
     189
     190/* Nested sub-menu padding: 10 levels deep */
     191@mixin nestedSubMenuPadding() {
     192
     193        ul li > a:before {
     194                font-family: $font__body;
     195                font-weight: normal;
     196        }
     197        ul > li > a:before {
     198                content: "\2013\00a0";
     199        }
     200        ul ul li > a:before {
     201                content: "\2013\00a0\2013\00a0";
     202        }
     203        ul ul ul li > a:before {
     204                content: "\2013\00a0\2013\00a0\2013\00a0";
     205        }
     206        ul ul ul ul li > a:before {
     207                content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     208        }
     209        ul ul ul ul ul li > a:before {
     210                content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     211        }
     212        ul ul ul ul ul ul li > a:before {
     213                content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     214        }
     215        ul ul ul ul ul ul ul li > a:before {
     216                content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     217        }
     218        ul ul ul ul ul ul ul ul li > a:before {
     219                content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     220        }
     221        ul ul ul ul ul ul ul ul ul li > a:before {
     222                content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
    100223        }
    101224}

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

    r43808 r43892  
    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) {

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

    r43860 r43892  
    22        /*rtl:ignore*/
    33        float: left;
     4        /*rtl:ignore*/
    45        margin-right: $size__spacing-unit;
     6
     7        @include media(tablet) {
     8                /*rtl:ignore*/
     9                margin-right: calc(2 * #{$size__spacing-unit});
     10        }
    511}
    612
    … …  
    814        /*rtl:ignore*/
    915        float: right;
     16        /*rtl:ignore*/
    1017        margin-left: $size__spacing-unit;
     18
     19        @include media(tablet) {
     20                /*rtl:ignore*/
     21                margin-left: calc(2 * #{$size__spacing-unit});
     22        }
    1123}
    1224

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

    r43860 r43892  
    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                                 .mobile-submenu-expand,
    71                                 .desktop-submenu-expand {
     66                                .submenu-expand {
     67                                        display: inline-block;
    7268                                        margin-right: #{0.5 * $size__spacing-unit};
    73                                 }
    74                         }
    75 
    76                         &:last-child > a {
     69
     70                                        /* Priority+ Menu */
     71                                        &.main-menu-more-toggle {
     72
     73                                                position: relative;
     74                                                height: 24px;
     75                                                line-height: $font__line-height-heading;
     76                                                width: 24px;
     77                                                padding: 0;
     78                                                margin-left: #{0.5 * $size__spacing-unit};
     79
     80                                                svg {
     81                                                        height: 24px;
     82                                                        width: 24px;
     83                                                        top: #{-0.125 * $size__spacing-unit};
     84                                                        vertical-align: text-bottom;
     85                                                }
     86                                        }
     87
     88                                        svg {
     89                                                position: relative;
     90                                                top: 0.2rem;
     91                                        }
     92                                }
     93                        }
     94
     95                        &:last-child > a,
     96                        &:last-child.menu-item-has-children .submenu-expand {
    7797                                margin-right: 0;
    7898                        }
    7999                }
     100
     101                .is-hidden {
     102                        display: none;
     103                }
    80104        }
    81105
    82106        .sub-menu {
    83107
    84                 background: $color__link;
     108                background-color: $color__link;
    85109                color: $color__background-body;
    86110                list-style: none;
    … …  
    88112
    89113                display: none;
    90                 float: left;
    91114                position: absolute;
    92115                opacity: 0;
    … …  
    95118
    96119                @include media(tablet) {
    97                         width: max-content;
    98                         max-width: calc(3 * (100vw / 12));
     120                        width: auto;
     121                        min-width: -moz-max-content;
     122                        min-width: -webkit-max-content;
     123                        min-width: max-content;
    99124                }
    100125
    101126                > li {
    102127
    103                         clear: both;
    104128                        display: block;
    105129                        float: none;
    106130                        position: relative;
    107                         word-break: break-word;
    108131
    109132                        &.menu-item-has-children {
    110133
    111                                 .mobile-submenu-expand,
    112                                 .desktop-submenu-expand {
     134                                .submenu-expand {
     135                                        display: inline-block;
    113136                                        position: absolute;
    114137                                        width: calc( 24px + #{$size__spacing-unit} );
    … …  
    125148                                }
    126149
    127                                 .mobile-submenu-expand,
    128                                 .desktop-submenu-expand {
     150                                .submenu-expand {
    129151                                        margin-right: 0;
    130152                                }
    131153
    132154                                @include media(tablet) {
     155
    133156                                        .menu-item-has-children > a {
    134157
    … …  
    140163                        }
    141164
    142                         > a:not(.mobile-submenu-expand) {
     165                        > a,
     166                        > .menu-item-link-return {
     167
    143168                                color: $color__background-body;
    144169                                display: block;
    145170                                line-height: $font__line-height-heading;
    146171                                padding: calc( .5 * #{$size__spacing-unit} ) calc( 24px + #{$size__spacing-unit} ) calc( .5 * #{$size__spacing-unit} ) $size__spacing-unit;
     172                                white-space: nowrap;
    147173
    148174                                &:hover,
    … …  
    157183
    158184                        &.mobile-parent-nav-menu-item {
     185
    159186                                display: none;
    160187                                font-size: $font__size-sm;
    … …  
    171198
    172199        /*
     200         * Sub-menu styles
     201         *
    173202         * :focus-within needs its own selector so other similar
    174203         * selectors don’t get ignored if a browser doesn’t recognize it
    175204         */
    176         .main-menu .menu-item-has-children:focus-within > .sub-menu {
     205        .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu {
     206
    177207                display: block;
    178208                left: 0;
    179209                margin-top: 0;
    180210                opacity: 1;
    181                 width: calc( 100vw - #{$size__spacing-unit * 2});
    182 
    183                 .sub-menu {
    184 
    185                         margin-top: inherit;
    186                         position: relative;
    187                         padding-left: $size__spacing-unit;
    188 
    189                         @include media(tablet) {
    190                                 padding-left: 0;
    191                                 position: absolute;
    192                                 left: 100%;
    193                                 width: max-content;
    194                                 top: 0;
    195                         }
    196                 }
    197         }
    198 
    199         .main-menu .menu-item-has-children:hover > .sub-menu,
    200         .main-menu .menu-item-has-children:focus > .sub-menu,
    201         .main-menu .menu-item-has-children .sub-menu:hover,
    202         .main-menu .menu-item-has-children .sub-menu:focus {
     211                width: auto;
     212                min-width: 100%;
     213
     214
    203215                /* Non-mobile position */
    204216                @include media(tablet) {
    205                         display: table;
     217                        display: block;
    206218                        margin-top: 0;
    207219                        opacity: 1;
    … …  
    212224                        bottom: auto;
    213225                        height: auto;
    214                         width: max-content;
     226                        min-width: -moz-max-content;
     227                        min-width: -webkit-max-content;
     228                        min-width: max-content;
    215229                        transform: none;
    216                         animation: fade_in 0.1s forwards;
     230                }
     231
     232                &.hidden-links {
     233                        left: 0;
     234                        width: 100%;
     235                        display: table;
     236                        position: absolute;
     237
     238                        @include media(tablet) {
     239                                right: 0;
     240                                left: auto;
     241                                display: block;
     242                                width: max-content;
     243                        }
     244                }
     245
     246                .submenu-expand {
     247                        display: none;
    217248                }
    218249
    219250                .sub-menu {
    220 
     251                        display: block;
     252                        margin-top: inherit;
     253                        position: relative;
     254                        width: 100%;
     255                        left: 0;
     256                        opacity: 1;
     257
     258                        /* Non-mobile position */
    221259                        @include media(tablet) {
    222                                 margin-top: inherit;
    223                                 padding-left: 0;
    224                                 position: absolute;
    225                                 left: 100%;
    226                                 top: 0;
    227                         }
    228                 }
    229         }
    230 
    231         .main-menu .menu-item-has-children.focus .sub-menu.expanded-true {
    232 
    233                 display: table;
     260                                float: none;
     261                                max-width: 100%;
     262                        }
     263                }
     264
     265                /* Nested sub-menu padding: 10 levels deep */
     266                .sub-menu li > a:before {
     267                        font-family: $font__body;
     268                        font-weight: normal;
     269                }
     270                .sub-menu > li > a:before {
     271                        content: "\2013\00a0";
     272                }
     273                .sub-menu .sub-menu li > a:before {
     274                        content: "\2013\00a0\2013\00a0";
     275                }
     276                .sub-menu .sub-menu .sub-menu li > a:before {
     277                        content: "\2013\00a0\2013\00a0\2013\00a0";
     278                }
     279                .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
     280                        content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     281                }
     282                .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
     283                        content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     284                }
     285                .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
     286                        content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     287                }
     288                .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
     289                        content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     290                }
     291                .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
     292                        content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     293                }
     294                .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
     295                        content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     296                }
     297        }
     298
     299        .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu,
     300        .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu,
     301        .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu {
     302
     303                display: block;
     304                left: 0;
    234305                margin-top: 0;
    235306                opacity: 1;
    236                 padding-left: 0;
    237 
    238                 /* Mobile position */
    239                 left: 0;
    240                 top: 0;
    241                 right: 0;
    242                 bottom: 0;
    243                 position: fixed;
    244                 z-index: 100000; /* Make sure appears above mobile admin bar */
    245                 width: 100%;
    246                 height:  100%;
    247                 transform: translateX(+100%);
    248                 animation: slide_in_right 0.3s forwards;
    249 
    250                 > .mobile-parent-nav-menu-item {
    251                         display: inline-block;
    252                 }
    253         }
    254 
    255         /* Only show one submenu expand button at a time (desktop vs mobile) */
    256         .desktop-submenu-expand {
    257                 display: none;
    258 
     307                width: auto;
     308                min-width: 100%;
     309
     310
     311                /* Non-mobile position */
    259312                @include media(tablet) {
    260                         display: inline-block;
    261                 }
    262         }
    263 
    264         .mobile-submenu-expand {
    265                 display: inline-block;
    266 
    267                 @include media(tablet) {
     313                        display: block;
     314                        float: none;
     315                        margin-top: 0;
     316                        opacity: 1;
     317                        position: absolute;
     318                        left: 0;
     319                        right: auto;
     320                        top: auto;
     321                        bottom: auto;
     322                        height: auto;
     323                        min-width: -moz-max-content;
     324                        min-width: -webkit-max-content;
     325                        min-width: max-content;
     326                        transform: none;
     327                }
     328
     329                &.hidden-links {
     330                        left: 0;
     331                        width: 100%;
     332                        display: table;
     333                        position: absolute;
     334
     335                        @include media(tablet) {
     336                                right: 0;
     337                                left: auto;
     338                                display: table;
     339                                width: max-content;
     340                        }
     341                }
     342
     343                .submenu-expand {
    268344                        display: none;
    269345                }
    270         }
    271 
     346
     347                .sub-menu {
     348                        display: block;
     349                        margin-top: inherit;
     350                        position: relative;
     351                        width: 100%;
     352                        left: 0;
     353                        opacity: 1;
     354
     355                        /* Non-mobile position */
     356                        @include media(tablet) {
     357                                float: none;
     358                                max-width: 100%;
     359                        }
     360                }
     361
     362                /* Nested sub-menu padding: 10 levels deep */
     363                .sub-menu li > a:before {
     364                        font-family: $font__body;
     365                        font-weight: normal;
     366                }
     367                .sub-menu > li > a:before {
     368                        content: "\2013\00a0";
     369                }
     370                .sub-menu .sub-menu li > a:before {
     371                        content: "\2013\00a0\2013\00a0";
     372                }
     373                .sub-menu .sub-menu .sub-menu li > a:before {
     374                        content: "\2013\00a0\2013\00a0\2013\00a0";
     375                }
     376                .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
     377                        content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     378                }
     379                .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
     380                        content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     381                }
     382                .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
     383                        content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     384                }
     385                .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
     386                        content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     387                }
     388                .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
     389                        content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     390                }
     391                .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
     392                        content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     393                }
     394        }
     395
     396        /**
     397         * Full-screen touch device styles
     398         */
     399        .main-menu .menu-item-has-children.off-canvas .sub-menu {
     400
     401                animation: fade_in 0.1s forwards;
     402
     403                .submenu-expand .svg-icon {
     404                        transform: rotate(270deg);
     405                }
     406
     407                .sub-menu {
     408                        opacity: 0;
     409                        position: absolute;
     410                        z-index: 0;
     411                        transform: translateX(-100%);
     412                }
     413
     414                li:hover,
     415                li:focus,
     416                li > a:hover,
     417                li > a:focus {
     418                        background-color: transparent;
     419                }
     420
     421                &.expanded-true {
     422
     423                        display: table;
     424                        margin-top: 0;
     425                        opacity: 1;
     426                        padding-left: 0;
     427
     428                        /* Mobile position */
     429                        left: 0;
     430                        top: 0;
     431                        right: 0;
     432                        bottom: 0;
     433                        position: fixed;
     434                        z-index: 100000; /* Make sure appears above mobile admin bar */
     435                        width: 100vw;
     436                        height:  100vh;
     437                        max-width: 100vw;
     438                        transform: translateX(+100%);
     439                        animation: slide_in_right 0.3s forwards;
     440
     441                        > .mobile-parent-nav-menu-item {
     442                                display: block;
     443                        }
     444
     445                        /* Prevent menu from being blocked by admin bar */
     446                        .admin-bar & {
     447                                top: 46px;
     448                                height: calc( 100vh - 46px );
     449
     450                                .sub-menu.expanded-true {
     451                                        top: 0;
     452                                }
     453
     454                                /* WP core breakpoint */
     455                                @media only screen and ( min-width: 782px ) {
     456                                        top: 32px;
     457                                        height: calc( 100vh - 32px );
     458
     459                                        .sub-menu.expanded-true {
     460                                                top: 0;
     461                                        }
     462                                }
     463                        }
     464                }
     465        }
    272466}
    273467
    274 /* Menu Animation */
     468/* Menu animation */
    275469
    276470@keyframes slide_in_right {

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

    r43842 r43892  
    99@import "menu-main-navigation";
    1010@import "menu-social-navigation";
     11@import "menu-footer-navigation";
    1112
    1213/*--------------------------------------------------------------

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

    r43842 r43892  
    55
    66        margin: calc(3 * 1rem) 0;
    7        
     7
    88        @include media(tablet) {
    9                 margin: calc(3 * 1rem) calc(2 * (100vw / 12));
     9                margin: calc(3 * 1rem) $size__site-margins;
    1010                max-width: calc(6 * (100vw / 12));
    1111        }
    12        
     12
    1313        @include media(desktop) {
    1414                margin: calc(3 * 1rem) 0;
    … …  
    2222                display: flex;
    2323                flex-direction: column;
    24                
     24
    2525                @include media(tablet) {
    2626                        margin: 0;
    … …  
    2929                @include media(desktop) {
    3030                        flex-direction: row;
    31                         margin: 0 calc(2 * (100vw / 12));
    32                         max-width: calc(8 * (100vw / 12));
     31                        margin: 0 $size__site-margins;
     32                        max-width: $size__site-desktop-content;
    3333                }
    3434
    … …  
    124124                }
    125125
     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
    126141                .nav-next-text,
    127142                .nav-prev-text {
    … …  
    131146                @include media(tablet) {
    132147
    133                         margin-left: calc(2 * (100vw / 12) );
     148                        margin-left: $size__site-margins;
    134149                        padding: 0;
    135150
    … …  
    156171                display: flex;
    157172                flex-direction: row;
    158                 margin: 0 $size__spacing-unit;
    159 
    160                 @include media(desktop) {
    161                         margin: 0 calc(2 * (100vw / 12));
    162                         max-width: calc(8 * (100vw / 12));
    163                 }
    164173        }
    165174
    … …  
    185194                        top: -1px;
    186195                }
    187 
    188                 a {
    189 
    190                         &:hover {
    191                                 color: $color__link;
    192                         }
    193                 }
    194196        }
    195197

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

    r43842 r43892  
    55        .widget-area,
    66        .site-info {
    7 
    87                margin: calc(2 * #{$size__spacing-unit}) $size__spacing-unit;
    98
    109                @include media(tablet) {
    11                         margin: calc(3 * #{$size__spacing-unit}) calc(2 * (100vw / 12));
    12                         max-width: calc(8 * (100vw / 12));
     10                        margin: calc(3 * #{$size__spacing-unit}) $size__site-margins;
    1311                }
    1412

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

    r43860 r43892  
    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. */
    … …  
    5558        .site-featured-image svg {
    5659                /* Use -webkit- only if supporting: Chrome < 54, iOS < 9.3, Android < 4.4.4 */
    57                 -webkit-filter: drop-shadow(0 1px 2px rgba(black, 0.35) );
    58                                 filter: drop-shadow(0 1px 2px rgba(black, 0.35) );
     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) );
    5962        }
    6063
    6164        /* Entry header */
    62 
    63         .site-featured-image .entry-header {
    64                 margin-top: calc( 4 * #{$size__spacing-unit});
    65                 margin-bottom: 0;
    66                 margin-left: 0;
    67                 margin-right: 0;
    68 
    69                 @include media (tablet) {
    70 
    71                         margin-left: calc(2 * (100vw / 12));
    72                         margin-right: calc(2 * (100vw / 12));
    73                 }
    74 
    75                 .entry-title {
    76 
    77                         &:before {
    78                                 background: $color__background-body;
    79                         }
    80                 }
    81 
    82                 /* Entry meta */
    83 
    84                 .entry-meta {
    85 
    86                         font-weight: 500;
    87 
    88                         > span {
    89 
    90                                 margin-right: $size__spacing-unit;
    91                                 display: inline-block;
    92 
    93                                 &:last-child {
    94                                         margin-right: 0;
    95                                 }
    96                         }
    97 
    98                         a {
    99 
    100                                 @include link-transition;
    101                                 color: currentColor;
    102 
    103                                 &:hover {
    104                                         text-decoration: none;
    105                                 }
    106                         }
    107 
    108                         .svg-icon {
    109                                 position: relative;
    110                                 display: inline-block;
    111                                 vertical-align: middle;
    112                                 margin-right: 0.5em;
    113                         }
    114 
    115                         .discussion-avatar-list {
    116                                 display: none;
    117                         }
    118                 }
    119 
    120                 &.has-discussion {
     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;
    121101
    122102                        @include media (tablet) {
    123103
    124                                 .entry-meta {
    125                                         display: flex;
     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 {
    126142                                        position: relative;
    127                                 }
    128 
    129                                 .entry-title {
    130                                         padding-right: calc(1 * (100vw / 12) + #{$size__spacing-unit});
    131                                 }
    132 
    133                                 .entry-meta .comment-count {
    134                                         position: absolute;
    135                                         right: 0;
    136                                 }
    137 
    138                                 .entry-meta .discussion-avatar-list {
    139                                         display: block;
    140                                         position: absolute;
    141                                         bottom: 100%;
     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                                        }
    142176                                }
    143177                        }
    … …  
    171205
    172206        /* Set up image filter layer positioning */
    173         .site-branding-container:before,
    174207        .site-branding-container:after,
    175208        .site-featured-image:before,
    … …  
    185218
    186219        /* Background & Effects */
    187         /* Shared background settings between pseudo elements. See .site-branding-container */
     220        /* Shared background settings between pseudo elements. */
    188221        background-position: center;
    189222        background-repeat: no-repeat;
    … …  
    191224
    192225        /* The intensity of each blend mode is controlled via layer opacity. */
    193 
    194         /* First layer: grayscale. */
    195         .site-branding-container:before {
    196                 background-position: center;
    197                 background-repeat: no-repeat;
    198                 background-size: cover;
    199                 z-index: 1;
    200 
    201                 /* When image filters are active, make it grayscale to colorize it blue. */
    202                 .image-filters-enabled & {
    203                         filter: grayscale(100%);
    204                 }
    205         }
    206226
    207227        /* Second layer: screen. */
    … …  
    213233
    214234        /* Third layer: multiply. */
    215         /* When image filters are inactive, a black overlay is added. */
    216         .site-featured-image:after {
     235        /* When image filters are inactive, a black overlay is added. */
     236        .site-featured-image:after {
    217237                background: #000;
    218238                mix-blend-mode: multiply;
    … …  
    234254        /* Fourth layer: overlay. */
    235255        .image-filters-enabled & .site-branding-container:after {
    236                 background: rgba(#000, 0.35);
     256                background: rgba(0, 0, 0, 0.35);
    237257                mix-blend-mode: overlay;
    238258                opacity: 0.5;
    … …  
    253273                 */
    254274                transition: opacity 1200ms ease-in-out;
    255                 opacity: 0.7;
     275                opacity: 0.7;
    256276                z-index: 5;
    257277

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

    r43860 r43892  
    3434
    3535        @include media(tablet) {
    36                 margin: 0 calc(2 * (100vw / 12));
     36                margin: 0 $size__site-margins;
    3737        }
    3838}
    … …  
    4949                margin-bottom: 0;
    5050                position: absolute;
    51                 right: calc(100% + (0.5 * 100vw / 12));
     51                right: calc(100% + (1.25 * #{$size__spacing-unit}));
    5252                top: 4px; // Accounts for box-shadow widths
    5353                z-index: 999;
    … …  
    5757                border-radius: 100%;
    5858                box-sizing: content-box;
    59                 box-shadow: 0 0 0 0 rgba(black, 0);
     59                box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    6060                display: block;
    6161                width: 32px;
    … …  
    7171                &:active,
    7272                &:focus {
    73                         box-shadow: 0 0 0 2px rgba(black, 1);
     73                        box-shadow: 0 0 0 2px rgba(0, 0, 0, 1);
    7474                }
    7575

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

    r43842 r43892  
    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
    … …  
    4342
    4443        @include media(tablet) {
    45                 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);
    4645        }
    4746}
    … …  
    5756
    5857                @include media(tablet) {
    59                         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);
    6059                }
    6160        }

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

    r43860 r43892  
    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
    … …  
    1632        }
    1733
    18         .comment-list,
    19         .comment-navigation,
    20         > .comment-respond,
    21         .comment-form-flex,
    22         .no-comments {
    23                 margin: calc(2 * #{$size__spacing-unit}) $size__spacing-unit;
    24 
    25                 @include media(tablet) {
    26                         margin: calc(3 * #{$size__spacing-unit}) calc(2 * (100vw / 12));
    27                         max-width: calc(6 * (100vw / 12));
    28                 }
    29         }
    30 
    3134        .comments-title-wrap {
    32 
    33                 margin: calc(2 * #{$size__spacing-unit}) $size__spacing-unit;
    3435
    3536                @include media(tablet) {
    … …  
    3738                        display: flex;
    3839                        justify-content: space-between;
    39                         margin: calc(3 * #{$size__spacing-unit}) calc(2 * (100vw / 12));
    40                         max-width: calc(8 * (100vw / 12));
    4140                }
    4241
    … …  
    124123        }
    125124
    126         .pingback {
     125        .pingback,
     126        .trackback {
    127127
    128128                .comment-body {
    … …  
    131131                        font-size: $font__size-xs;
    132132                        font-weight: 500;
     133                        margin-top: $size__spacing-unit;
    133134                        margin-bottom: $size__spacing-unit;
    134135
    … …  
    151152
    152153.comment-reply {
    153         left: calc(#{$size__spacing-unit} + 100%);
    154         bottom: 0;
    155         position: absolute;
    156154
    157155        #respond + & {
    … …  
    171169                padding-left: calc(.5 * (#{$size__spacing-unit} + calc(100vw / 12 )));
    172170
     171                &.depth-1,
    173172                .children {
    174173                        padding-left: 0;
    175174                }
     175
     176                &.depth-1 {
     177                        margin-left: calc(3.25 * #{$size__spacing-unit});
     178                }
    176179        }
    177180
    178181        .comment-body {
    179                 margin: calc(2 * #{$size__spacing-unit}) 0;
    180         }
     182                margin: calc(2 * #{$size__spacing-unit}) 0 0;
     183        }
     184
    181185
    182186        .comment-meta {
    183187                position: relative;
    184 
    185                 @include media(tablet) {
    186                         display: flex;
    187                 }
    188188        }
    189189
    190190        .comment-author {
    191 
    192                 @include media(tablet) {
    193                         flex: 0 0 auto;
    194                         vertical-align: baseline;
    195                 }
    196191
    197192                .avatar {
    … …  
    212207                        position: relative;
    213208                        display: block;
    214 
    215                         @include media(tablet) {
    216                                 display: inline-block;
    217                                 vertical-align: baseline;
    218                         }
    219209
    220210                        a {
    … …  
    253243        .comment-metadata {
    254244
    255                 @include media(tablet) {
    256                         flex: 1 0 auto;
    257                         margin-left: $size__spacing-unit;
    258                         position: relative;
    259                         vertical-align: baseline;
    260                 }
    261 
    262245                > a,
    263246                .comment-edit-link {
    264                         display: inline-block;
     247                        display: inline;
    265248                        font-weight: 500;
    266249                        color: $color__text-light;
    … …  
    272255
    273256                        &:hover {
    274                                 color: $color__text-hover;
     257                                color: $color__link-hover;
    275258                                text-decoration: none;
    276259                        }
    … …  
    313296                margin: $size__spacing-unit 0;
    314297
     298                @include media(desktop) {
     299                        padding-right: $size__spacing-unit;
     300                }
     301
    315302                > *:first-child {
    316303                        margin-top: 0;
    … …  
    319306                > *:last-child {
    320307                        margin-bottom: 0;
     308                }
     309
     310                blockquote {
     311                        margin-left: 0;
    321312                }
    322313

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

    r43842 r43892  
    3939
    4040                @include media(tablet) {
    41                         margin: calc(3 * #{ $size__spacing-unit}) calc(2 * (100vw / 12 ) ) $size__spacing-unit;
     41                        margin: calc(3 * #{ $size__spacing-unit}) $size__site-margins $size__spacing-unit;
    4242                }
    4343        }
    … …  
    101101
    102102                @include media(tablet) {
    103                         margin: $size__spacing-unit calc(2 * (100vw / 12)) calc(3 * #{$size__spacing-unit});
    104                         max-width: calc(8 * (100vw / 12));
    105                 }
    106 
    107                 @include media(tablet) {
    108                         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;
    109109                }
    110110        }
    … …  
    115115
    116116                @include media(tablet) {
    117                         margin: $size__spacing-unit calc(2 * (100vw / 12));
     117                        margin: $size__spacing-unit $size__site-margins;
    118118                }
    119119
    … …  
    131131                        }
    132132                }
    133 
    134133        }
    135134
    … …  
    142141                        .post-thumbnail-inner {
    143142                                filter: grayscale(100%);
    144                                
     143
    145144                                &:after {
    146                                         background: rgba(#000, 0.35);
     145                                        background: rgba(0, 0, 0, 0.35);
    147146                                        content: "";
    148147                                        display: block;
    … …  
    161160                        }
    162161
    163                         &:before, &:after {
     162                        &:before,
     163                        &:after, {
    164164                                position: absolute;
    165165                                display: block;
    … …  
    172172
    173173                        @include filter-duotone;
    174                        
     174
     175                }
     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;
    175187                }
    176188        }
    … …  
    209221                > iframe[style] {
    210222
    211                         margin: 32px $size__spacing-unit !important;
    212                         max-width: calc(100vw - (2 * #{ $size__spacing-unit })) !important;
     223                        margin: 32px 0 !important;
     224                        max-width: 100% !important;
    213225
    214226                        @include media(tablet) {
    215                                 margin: 32px calc(2 * (100vw / 12)) !important;
    216                                 max-width: calc(8 * (100vw / 12)) !important;
     227                                max-width: $size__site-tablet-content !important;
    217228                        }
    218229
    219230                        @include media(desktop) {
    220                                 max-width: calc(6 * (100vw / 12)) !important;
    221                         }
     231                                max-width: $size__site-desktop-content !important;
     232                        }
     233                }
     234
     235                // Page links
     236                .page-links a {
     237                        margin: calc(0.5 * #{$size__spacing-unit});
     238                        text-decoration: none;
    222239                }
    223240
    … …  
    227244
    228245                        @include media(tablet) {
    229                                 max-width: calc(8 * (100vw / 12));
     246                                max-width: $size__site-tablet-content;
    230247                        }
    231248
    232249                        @include media(desktop) {
    233                                 max-width: calc(6 * (100vw / 12));
     250                                max-width: $size__site-desktop-content;
    234251                        }
    235252                }
    … …  
    240257
    241258.author-bio {
    242 
    243259        margin: calc(2 * #{$size__spacing-unit}) $size__spacing-unit $size__spacing-unit;
    244260
     261        @include postContentMaxWidth();
     262
    245263        @include media(tablet) {
    246                 margin: calc(3 * #{$size__spacing-unit}) calc(2 * (100vw / 12));
    247                 max-width: calc(8 * (100vw / 12));
    248         }
    249 
    250         @include media(tablet) {
    251                 max-width: calc(6 * (100vw / 12));
     264                margin: calc(3 * #{$size__spacing-unit}) $size__site-margins;
     265        }
     266
     267        @include media(desktop) {
     268                margin: calc(3 * #{$size__spacing-unit}) $size__site-margins;
    252269        }
    253270

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

    r43860 r43892  
    1717
    1818.widget_archive,
     19.widget_categories,
     20.widget_meta,
    1921.widget_nav_menu,
    20 .widget_meta,
     22.widget_pages,
     23.widget_recent_comments,
    2124.widget_recent_entries,
    2225.widget_rss {
    … …  
    3033                        font-family: $font__heading;
    3134                        font-size: calc(#{$font__size_base} * #{$font__size-ratio});
    32                         font-weight: bold;
     35                        font-weight: 700;
    3336                        line-height: $font__line-height-heading;
    34 
    35                         &:not(.menu-item-has-children) {
    36                                 padding-bottom: ( .75 * $size__spacing-unit );
    37                         }
    38 
    39                         ul {
    40                                 padding-left: $size__spacing-unit;
    41                         }
     37                        margin-top: #{0.5 * $size__spacing-unit};
     38                        margin-bottom: #{0.5 * $size__spacing-unit};
    4239                }
    4340
    44                 &.sub-menu {
    45                         padding-top: ( .75 * $size__spacing-unit );
    46                 }
     41                @include nestedSubMenuPadding();
    4742        }
    4843}
     44
     45.widget_tag_cloud {
     46
     47        .tagcloud {
     48                font-family: $font__heading;
     49                font-weight: 700;
     50        }
     51}
     52
    4953
    5054.widget_search {
    … …  
    5559        }
    5660}
     61
     62.widget_calendar .calendar_wrap {
     63        text-align: center;
     64        font-family: $font__heading;
     65
     66        table td,
     67        table th {
     68                border: none;
     69        }
     70
     71        a {
     72                text-decoration: underline;
     73        }
     74}

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

    r43842 r43892  
    44}
    55
    6 dfn, cite, em, i {
     6dfn,
     7cite,
     8em,
     9i {
    710        font-style: italic;
    811}
    … …  
    2427}
    2528
    26 code, kbd, tt, var {
     29code,
     30kbd,
     31tt,
     32var {
    2733        font-size: $font__size-sm;
    2834        font-family: $font__code;
    … …  
    3440}
    3541
    36 mark, ins {
     42mark,
     43ins {
    3744        background: #fff9c0;
    3845        text-decoration: none;

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

    r43842 r43892  
     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,
    433.author-description .author-link,
    534.not-found .page-title,
    … …  
    1140.no-comments,
    1241.site-title,
    13 h1, h2, h3, h4, h5, h6 {
    14         font-family: $font__heading;
     42h1,
     43h2,
     44h3,
     45h4,
     46h5,
     47h6 {
    1548        font-weight: 700;
    1649        letter-spacing: -0.02em;
    … …  
    1851        -webkit-font-smoothing: antialiased;
    1952        -moz-osx-font-smoothing: grayscale;
    20 }
    21 
    22 .site-info,
    23 .page-description,
    24 .post-navigation .post-title,
    25 .comment-metadata,
    26 .discussion-meta-info,
    27 .entry-meta,
    28 .entry-footer,
    29 .comment-reply-link,
    30 #cancel-comment-reply-link,
    31 img:after,
    32 .page-links,
    33 .sticky-post {
    34         font-family: $font__heading;
    3553}
    3654

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

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

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

    r43808 r43892  
    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;

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

    r43842 r43892  
    2020                        <header class="page-header">
    2121                                <h1 class="page-title">
    22                                         <?php esc_html_e( 'Search results for:', 'twentynineteen' ); ?>
     22                                        <?php _e( 'Search results for:', 'twentynineteen' ); ?>
    2323                                </h1>
    2424                                <div class="page-description"><?php echo get_search_query(); ?></div>

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

    r43842 r43892  
    5656        </section><!-- #primary -->
    5757
    58 <?php get_template_part( 'template-parts/post/post', 'navigation' ); ?>
    59 
    6058<?php
    6159get_footer();

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

    r43860 r43892  
    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}

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

    r43860 r43892  
    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' );

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

    r43860 r43892  
    66 * since its edges can look jagged due to lack of antialiasing. In this case, we are several
    77 * layers of box-shadow to add the border visually, which will render the border smoother. */
     8/* Fallback for non-latin fonts */
    89/* Calculates maximum width for post content */
     10/* Nested sub-menu padding: 10 levels deep */
     11/*
     12 * Chrome renders extra-wide &nbsp; characters for the Hoefler Text font.
     13 * This results in a jumping cursor when typing in both the Classic and block
     14 * editors. The following font-face override fixes the issue by manually inserting
     15 * a custom font that includes just a Hoefler Text space replacement for that
     16 * character instead.
     17 */
     18@font-face {
     19  font-family: 'NonBreakingSpaceOverride';
     20  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");
     21}
     22
    923/** === Editor Frame === */
    10 @media screen and (min-width: 600px) {
     24body .wp-block[data-align="full"] {
     25  width: 100%;
     26}
     27
     28@media only screen and (min-width: 600px) {
     29  body {
     30    padding-top: 0;
     31  }
     32  body :not(.editor-inner-blocks) > .editor-block-list__layout,
     33  body .editor-post-title {
     34    padding-left: 0;
     35    padding-right: 0;
     36  }
     37  body .editor-writing-flow {
     38    padding-top: 50px;
     39    overflow: hidden;
     40  }
    1141  body .wp-block[data-align="full"] {
    12     width: calc( 100% + 90px);
    13     max-width: calc( 100% + 90px);
    14   }
    15 }
    16 
    17 @media only screen and (min-width: 768px) {
    18   body {
    19     overflow-x: hidden;
    20   }
    21   body .editor-writing-flow {
     42    position: relative;
     43    left: 45px;
     44  }
     45}
     46
     47@media only screen and (min-width: 768px) {
     48  body :not(.editor-inner-blocks) > .editor-block-list__layout,
     49  body .editor-post-title {
     50    padding-left: 46px;
     51    padding-right: 46px;
     52  }
     53  body .editor-block-list__layout,
     54  body .editor-post-title {
    2255    max-width: 80%;
    2356    margin: 0 10%;
    … …  
    68101body {
    69102  font-size: 22px;
    70   font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
     103  font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
     104  line-height: 1.8;
    71105  color: #111;
    72106}
    … …  
    197231  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    198232  font-size: 2.8125em;
     233  font-weight: 700;
    199234}
    200235
    … …  
    205240}
    206241
     242/** === Heading === */
     243.wp-block-heading strong {
     244  font-weight: bolder;
     245}
     246
    207247/** === Paragraph === */
    208248.wp-block-paragraph.has-drop-cap:not(:focus)::first-letter {
    … …  
    218258.wp-block-cover .wp-block-cover-text {
    219259  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    220   font-size: 2.25em;
     260  font-size: 1.6875em;
    221261  font-weight: bold;
    222262  line-height: 1.4;
    223 }
    224 
    225 .wp-block-cover.has-left-content h2,
    226 .wp-block-cover.has-left-content .wp-block-cover-text {
    227   padding: 1em;
    228 }
    229 
    230 .wp-block-cover.has-right-content h2,
    231 .wp-block-cover.has-right-content .wp-block-cover-text {
    232   padding: 1em;
    233 }
    234 
    235 .wp-block[data-type="core/cover"][data-align="left"] h2,
    236 .wp-block[data-type="core/cover"][data-align="left"] .wp-block-cover-text,
    237 .wp-block[data-type="core/cover"][data-align="right"] h2,
    238 .wp-block[data-type="core/cover"][data-align="right"] .wp-block-cover-text {
     263  padding-left: 1rem;
     264  padding-right: 1rem;
     265}
     266
     267.wp-block-cover h2 strong,
     268.wp-block-cover .wp-block-cover-text strong {
     269  font-weight: bolder;
     270}
     271
     272@media only screen and (min-width: 768px) {
     273  .wp-block-cover h2,
     274  .wp-block-cover .wp-block-cover-text {
     275    margin-left: auto;
     276    margin-right: auto;
     277    padding: 0;
     278  }
     279}
     280
     281@media only screen and (min-width: 768px) {
     282  .wp-block-cover {
     283    padding-left: 10%;
     284    padding-right: 10%;
     285  }
     286  .wp-block-cover h2,
     287  .wp-block-cover .wp-block-cover-text {
     288    font-size: 2.25em;
     289  }
     290}
     291
     292.wp-block[data-type="core/cover"][data-align="left"] .editor-block-list__block-edit,
     293.wp-block[data-type="core/cover"][data-align="right"] .editor-block-list__block-edit {
     294  width: calc(4 * (100vw / 12));
     295}
     296
     297.wp-block[data-type="core/cover"][data-align="left"] .wp-block-cover,
     298.wp-block[data-type="core/cover"][data-align="right"] .wp-block-cover {
    239299  width: 100%;
    240   max-width: 305px;
     300  max-width: 100%;
     301}
     302
     303@media only screen and (min-width: 768px) {
     304  .wp-block[data-type="core/cover"][data-align="wide"] h2,
     305  .wp-block[data-type="core/cover"][data-align="wide"] .wp-block-cover-text,
     306  .wp-block[data-type="core/cover"][data-align="full"] h2,
     307  .wp-block[data-type="core/cover"][data-align="full"] .wp-block-cover-text {
     308    max-width: calc(8 * (100vw / 12));
     309  }
    241310}
    242311
    … …  
    246315  .wp-block[data-type="core/cover"][data-align="full"] h2,
    247316  .wp-block[data-type="core/cover"][data-align="full"] .wp-block-cover-text {
    248     padding: 0;
    249     width: calc(6 * (100vw / 12));
    250317    max-width: calc(6 * (100vw / 12));
     318  }
     319}
     320
     321@media only screen and (min-width: 768px) {
     322  .wp-block[data-type="core/cover"][data-align="full"] .wp-block-cover {
     323    padding-left: calc(10% + 64px);
     324    padding-right: calc(10% + 64px);
    251325  }
    252326}
    … …  
    319393.wp-block-pullquote {
    320394  border: none;
     395  color: #000;
     396}
     397
     398.wp-block-pullquote blockquote {
     399  margin-top: calc(3 * 1rem);
     400  margin-bottom: calc(3.33 * 1rem);
     401  hyphens: auto;
     402  word-break: break-word;
     403}
     404
     405.wp-block-pullquote:not(.is-style-solid-color) .wp-block-pullquote__citation {
     406  color: #767676;
    321407}
    322408
    323409.wp-block-pullquote.is-style-solid-color blockquote {
    324   width: calc(100vw - (2 * 1rem));
    325   max-width: 80%;
     410  width: calc(100% - (2 * 1rem));
     411  max-width: calc( 100% - (2 * 1rem));
    326412}
    327413
    328414@media only screen and (min-width: 768px) {
    329415  .wp-block-pullquote.is-style-solid-color blockquote {
    330     width: calc(8 * (100vw / 12));
    331   }
    332 }
    333 
    334 @media only screen and (min-width: 1168px) {
    335   .wp-block-pullquote.is-style-solid-color blockquote {
    336     width: calc(6 * (100vw / 12));
     416    max-width: 80%;
    337417  }
    338418}
    … …  
    344424.wp-block-pullquote.is-style-solid-color:not(.has-background-color) {
    345425  background-color: #0073aa;
    346 }
    347 
    348 .wp-block-pullquote blockquote {
    349   -webkit-hyphens: auto;
    350       -ms-hyphens: auto;
    351           hyphens: auto;
    352   word-break: break-word;
    353426}
    354427
    … …  
    400473.wp-block[data-type="core/pullquote"][data-align="left"] .editor-block-list__block-edit,
    401474.wp-block[data-type="core/pullquote"][data-align="right"] .editor-block-list__block-edit {
     475  width: calc(4 * (100vw / 12));
    402476  max-width: 50%;
    403477}
    … …  
    424498}
    425499
     500@media only screen and (min-width: 768px) {
     501  .wp-block[data-type="core/pullquote"][data-align="full"] .wp-block-pullquote blockquote {
     502    max-width: calc(80% - 128px);
     503  }
     504}
     505
    426506/** === File === */
    427507.wp-block-file {
    … …  
    488568.wp-block-categories li,
    489569.wp-block-latest-posts li {
     570  color: #767676;
    490571  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    491572  font-size: calc(22px * 1.125);
    492573  font-weight: bold;
    493574  line-height: 1.2;
    494 }
    495 
    496 ul.wp-block-archives li:not(.menu-item-has-children),
    497 .wp-block-categories li:not(.menu-item-has-children),
    498 .wp-block-latest-posts li:not(.menu-item-has-children) {
    499575  padding-bottom: 0.75rem;
     576}
     577
     578ul.wp-block-archives li.menu-item-has-children, ul.wp-block-archives li:last-child,
     579.wp-block-categories li.menu-item-has-children,
     580.wp-block-categories li:last-child,
     581.wp-block-latest-posts li.menu-item-has-children,
     582.wp-block-latest-posts li:last-child {
     583  padding-bottom: 0;
    500584}
    501585
    … …  
    510594.wp-block-latest-posts li ul {
    511595  padding-left: 1rem;
     596}
     597
     598.wp-block-categories ul {
     599  padding-top: 0.75rem;
     600}
     601
     602.wp-block-categories ul ul li > a:before {
     603  font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
     604  font-weight: normal;
     605}
     606
     607.wp-block-categories ul ul > li > a:before {
     608  content: "\2013\00a0";
     609}
     610
     611.wp-block-categories ul ul ul li > a:before {
     612  content: "\2013\00a0\2013\00a0";
     613}
     614
     615.wp-block-categories ul ul ul ul li > a:before {
     616  content: "\2013\00a0\2013\00a0\2013\00a0";
     617}
     618
     619.wp-block-categories ul ul ul ul ul li > a:before {
     620  content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     621}
     622
     623.wp-block-categories ul ul ul ul ul ul li > a:before {
     624  content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     625}
     626
     627.wp-block-categories ul ul ul ul ul ul ul li > a:before {
     628  content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     629}
     630
     631.wp-block-categories ul ul ul ul ul ul ul ul li > a:before {
     632  content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     633}
     634
     635.wp-block-categories ul ul ul ul ul ul ul ul ul li > a:before {
     636  content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     637}
     638
     639.wp-block-categories ul ul ul ul ul ul ul ul ul ul li > a:before {
     640  content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     641}
     642
     643.wp-block-categories li ul {
     644  list-style: none;
     645  padding-left: 0;
     646  margin-bottom: -0.75rem;
    512647}
    513648

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

    r43860 r43892  
    99@import "sass/mixins/mixins-master";
    1010
     11/*
     12 * Chrome renders extra-wide &nbsp; characters for the Hoefler Text font.
     13 * This results in a jumping cursor when typing in both the Classic and block
     14 * editors. The following font-face override fixes the issue by manually inserting
     15 * a custom font that includes just a Hoefler Text space replacement for that
     16 * character instead.
     17 */
     18@font-face {
     19        font-family: 'NonBreakingSpaceOverride';
     20        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'),
     21                 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');
     22
     23}
     24
    1125/** === Editor Frame === */
    1226
    1327body {
    1428
    15         // Non-standard media query necessary to override a Gutenberg breakpoint style.
    16         @media screen and (min-width: 600px) {
     29        .wp-block[data-align="full"] {
     30                width: 100%;
     31        }
     32
     33        @include media(mobile) {
     34                padding-top: 0;
     35
     36                :not(.editor-inner-blocks) > .editor-block-list__layout, // Target only the top level layout element, or nested blocks will also be affected.
     37                .editor-post-title {
     38                        padding-left: 0;
     39                        padding-right: 0;
     40                }
     41
     42                .editor-writing-flow {
     43                        padding-top: 50px;
     44                        overflow: hidden;
     45                }
     46
    1747                .wp-block[data-align="full"] {
    18                         width: calc( 100% + 90px );
    19                         max-width: calc( 100% + 90px );
     48                        position: relative;
     49                        left: 45px;
    2050                }
    2151        }
    2252
    2353        @include media(tablet) {
    24                 overflow-x: hidden;
    25 
    26                 .editor-writing-flow {
     54
     55                :not(.editor-inner-blocks) > .editor-block-list__layout, // Target only the top level layout element, or nested blocks will also be affected.
     56                .editor-post-title {
     57                        padding-left: 46px;
     58                        padding-right: 46px;
     59                }
     60
     61                .editor-block-list__layout,
     62                .editor-post-title {
    2763                        max-width: 80%;
    2864                        margin: 0 10%;
    … …  
    67103        }
    68104
     105        // Only the top level blocks need specific widths, therefore override for every nested block.
    69106        .wp-block {
    70107                width: 100%;
    … …  
    76113body {
    77114        font-size: $font__size_base;
    78         font-family: $font__body;
     115        font-family: 'NonBreakingSpaceOverride', $font__body;
     116        line-height: $font__line-height-body;
    79117        color: $color__text-main;
    80118}
    … …  
    148186}
    149187
    150 .has-primary-background-color { 
    151        
     188.has-primary-background-color {
     189
    152190        p,
    153         h1, 
     191        h1,
    154192        h2,
    155193        h3,
    156194        h4,
    157195        h5,
    158         h6, 
     196        h6,
    159197        a,
    160198        a:hover {
    … …  
    188226                font-family: $font__heading;
    189227                font-size: $font__size-xxl;
     228                font-weight: 700;
    190229        }
    191230}
    … …  
    198237}
    199238
     239/** === Heading === */
     240
     241.wp-block-heading {
     242        strong {
     243                font-weight: bolder;
     244        }
     245}
    200246/** === Paragraph === */
    201247
    … …  
    218264        .wp-block-cover-text {
    219265                font-family: $font__heading;
    220                 font-size: $font__size-xl;
     266                font-size: $font__size-lg;
    221267                font-weight: bold;
    222268                line-height: 1.4;
    223         }
    224 
    225         &.has-left-content {
     269                padding-left: $size__spacing-unit;
     270                padding-right: $size__spacing-unit;
     271
     272                strong {
     273                        font-weight: bolder;
     274                }
     275
     276                @include media(tablet) {
     277                        margin-left: auto;
     278                        margin-right: auto;
     279                        padding: 0;
     280                }
     281        }
     282
     283        @include media(tablet) {
     284                padding-left: 10%;
     285                padding-right: 10%;
    226286
    227287                h2,
    228288                .wp-block-cover-text {
    229                         padding: 1em;
    230                 }
    231         }
    232 
    233         &.has-right-content {
     289                        font-size: $font__size-xl;
     290                }
     291        }
     292}
     293
     294.wp-block[data-type="core/cover"][data-align="left"],
     295.wp-block[data-type="core/cover"][data-align="right"] {
     296
     297        .editor-block-list__block-edit {
     298                width: calc(4 * (100vw / 12));
     299        }
     300
     301        .wp-block-cover {
     302                width: 100%;
     303                max-width: 100%;
     304        }
     305}
     306
     307.wp-block[data-type="core/cover"][data-align="wide"],
     308.wp-block[data-type="core/cover"][data-align="full"] {
     309
     310        @include media(tablet) {
    234311
    235312                h2,
    236313                .wp-block-cover-text {
    237                         padding: 1em;
    238                 }
    239         }
    240 }
    241 
    242 .wp-block[data-type="core/cover"][data-align="left"],
    243 .wp-block[data-type="core/cover"][data-align="right"] {
    244 
    245         h2,
    246         .wp-block-cover-text {
    247                 width: 100%;
    248                 max-width: 305px;
    249         }
    250 }
    251 
    252 .wp-block[data-type="core/cover"][data-align="wide"],
    253 .wp-block[data-type="core/cover"][data-align="full"] {
     314                        max-width: calc(8 * (100vw / 12));
     315                }
     316        }
    254317
    255318        @include media(desktop) {
     319
    256320                h2,
    257321                .wp-block-cover-text {
    258                         padding: 0;
    259                         width: calc(6 * (100vw / 12));
    260322                        max-width: calc(6 * (100vw / 12));
     323                }
     324        }
     325}
     326
     327.wp-block[data-type="core/cover"][data-align="full"] {
     328
     329        @include media(tablet) {
     330
     331                .wp-block-cover {
     332                        padding-left: calc(10% + 64px);
     333                        padding-right: calc(10% + 64px);
    261334                }
    262335        }
    … …  
    347420.wp-block-pullquote {
    348421        border: none;
     422        color: #000;
     423
     424        blockquote {
     425                margin-top: calc(3 * #{ $size__spacing-unit});
     426                margin-bottom: calc(3.33 * #{ $size__spacing-unit});
     427                hyphens: auto;
     428                word-break: break-word;
     429        }
     430
     431        &:not(.is-style-solid-color) .wp-block-pullquote__citation {
     432                color: $color__text-light;
     433        }
    349434
    350435        &.is-style-solid-color {
    351436
    352437                blockquote {
    353                         width: calc(100vw - (2 * #{ $size__spacing-unit}));
    354                         max-width: 80%;
     438                        width: calc(100% - (2 * #{ $size__spacing-unit}));
     439                        max-width: calc( 100% - (2 * #{ $size__spacing-unit}));
    355440
    356441                        @include media(tablet) {
    357                                 width: calc(8 * (100vw / 12));
    358                         }
    359 
    360                         @include media(desktop) {
    361                                 width: calc(6 * (100vw / 12));
     442                                max-width: 80%;
    362443                        }
    363444                }
    … …  
    370451                        background-color: $color__link;
    371452                }
    372         }
    373 
    374         blockquote {
    375                 hyphens: auto;
    376                 word-break: break-word;
    377453        }
    378454}
    … …  
    412488
    413489        .editor-block-list__block-edit {
     490                width: calc(4 * (100vw / 12));
    414491                max-width: 50%;
    415492
    … …  
    430507        }
    431508}
     509
     510.wp-block[data-type="core/pullquote"][data-align="full"] {
     511       
     512        @include media(tablet) {
     513               
     514                .wp-block-pullquote blockquote {
     515                        max-width: calc(80% - 128px);
     516                }
     517        }
     518}
     519
    432520
    433521/** === File === */
    … …  
    502590
    503591        li {
     592                color: $color__text-light;
    504593                font-family: $font__heading;
    505594                font-size: calc(#{$font__size_base} * #{$font__size-ratio});
    506595                font-weight: bold;
    507596                line-height: $font__line-height-heading;
    508 
    509                 &:not(.menu-item-has-children) {
    510                         padding-bottom: ( .75 * $size__spacing-unit );
     597                padding-bottom: ( .75 * $size__spacing-unit );
     598
     599                &.menu-item-has-children,
     600                &:last-child {
     601                        padding-bottom: 0;
    511602                }
    512603
    … …  
    519610                }
    520611        }
     612}
     613
     614.wp-block-categories {
     615
     616        ul {
     617                padding-top: ( .75 * $size__spacing-unit );
     618                @include nestedSubMenuPadding();
     619        }
     620
     621        li ul {
     622                list-style: none;
     623                padding-left: 0;
     624                margin-bottom: ( -.75 * $size__spacing-unit );
     625        }
     626
    521627}
    522628

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

    r43860 r43892  
    5757 * since its edges can look jagged due to lack of antialiasing. In this case, we are several
    5858 * layers of box-shadow to add the border visually, which will render the border smoother. */
     59/* Fallback for non-latin fonts */
    5960/* Calculates maximum width for post content */
     61/* Nested sub-menu padding: 10 levels deep */
    6062/* Normalize */
    6163/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
    … …  
    135137  text-decoration: underline;
    136138  /* 2 */
    137   -webkit-text-decoration: underline dotted;
    138           text-decoration: underline dotted;
     139  text-decoration: underline dotted;
    139140  /* 2 */
    140141}
    … …  
    421422}
    422423
     424.author-description .author-link,
     425.comment-metadata,
     426.comment-reply-link,
     427.comments-title,
     428.comment-author .fn,
     429.discussion-meta-info,
     430.entry-meta,
     431.entry-footer,
     432.main-navigation,
     433.no-comments,
     434.not-found .page-title,
     435.error-404 .page-title,
     436.post-navigation .post-title,
     437.page-links,
     438.page-description,
     439.pagination .nav-links,
     440.sticky-post,
     441.site-title,
     442.site-info,
     443#cancel-comment-reply-link,
     444img:after,
     445h1,
     446h2,
     447h3,
     448h4,
     449h5,
     450h6 {
     451  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
     452}
     453
    423454.main-navigation,
    424455.page-description,
    425 h2.author-title,
    426456.author-description .author-link,
    427457.not-found .page-title,
    … …  
    433463.no-comments,
    434464.site-title,
    435 h1, h2, h3, h4, h5, h6 {
    436   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
     465h1,
     466h2,
     467h3,
     468h4,
     469h5,
     470h6 {
    437471  font-weight: 700;
    438472  letter-spacing: -0.02em;
    … …  
    440474  -webkit-font-smoothing: antialiased;
    441475  -moz-osx-font-smoothing: grayscale;
    442 }
    443 
    444 .site-info,
    445 .page-description,
    446 .post-navigation .post-title,
    447 .comment-metadata,
    448 .discussion-meta-info,
    449 .entry-meta,
    450 .entry-footer,
    451 .comment-reply-link,
    452 #cancel-comment-reply-link,
    453 img:after,
    454 .page-links,
    455 .sticky-post {
    456   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    457476}
    458477
    … …  
    559578.comments-title,
    560579blockquote {
    561   -webkit-hyphens: auto;
    562       -ms-hyphens: auto;
    563           hyphens: auto;
     580  hyphens: auto;
    564581  word-break: break-word;
    565582}
    … …  
    568585@media only screen and (min-width: 768px) {
    569586  .entry-title {
    570     -webkit-hyphens: none;
    571         -ms-hyphens: none;
    572             hyphens: none;
     587    hyphens: none;
    573588  }
    574589}
    … …  
    579594}
    580595
    581 dfn, cite, em, i {
     596dfn,
     597cite,
     598em,
     599i {
    582600  font-style: italic;
    583601}
    … …  
    596614}
    597615
    598 code, kbd, tt, var {
     616code,
     617kbd,
     618tt,
     619var {
    599620  font-size: 0.88889em;
    600621  font-family: Menlo, monaco, Consolas, Lucida Console, monospace;
    … …  
    606627}
    607628
    608 mark, ins {
     629mark,
     630ins {
    609631  background: #fff9c0;
    610632  text-decoration: none;
    … …  
    625647a:focus {
    626648  text-decoration: underline;
     649}
     650
     651/* Arabic */
     652html[lang="ar"] .site *,
     653html[lang="ary"] .site *,
     654html[lang="azb"] .site *,
     655html[lang="ckb"] .site *,
     656html[lang="fa-IR"] .site *,
     657html[lang="haz"] .site *,
     658html[lang="ps"] .site * {
     659  font-family: Tahoma, Arial, sans-serif !important;
     660}
     661
     662/* Cyrillic */
     663html[lang="be"] .site *,
     664html[lang="bg-BG"] .site *,
     665html[lang="kk"] .site *,
     666html[lang="mk-MK"] .site *,
     667html[lang="mn"] .site *,
     668html[lang="ru-RU"] .site *,
     669html[lang="sah"] .site *,
     670html[lang="sr-RS"] .site *,
     671html[lang="tt-RU"] .site *,
     672html[lang="uk"] .site * {
     673  font-family: 'Helvetica Neue', Helvetica, 'Segoe UI', Arial, sans-serif !important;
     674}
     675
     676/* Chinese (Hong Kong) */
     677html[lang="zh-HK"] .site * {
     678  font-family: -apple-system, BlinkMacSystemFont, 'PingFang HK', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important;
     679}
     680
     681/* Chinese (Taiwan) */
     682html[lang="zh-TW"] .site * {
     683  font-family: -apple-system, BlinkMacSystemFont, 'PingFang TC', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important;
     684}
     685
     686/* Chinese (China) */
     687html[lang="zh-CN"] .site * {
     688  font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important;
     689}
     690
     691/* Devanagari */
     692html[lang="bn-BD"] .site *,
     693html[lang="hi-IN"] .site *,
     694html[lang="mr"] .site *,
     695html[lang="ne-NP"] .site * {
     696  font-family: Arial, sans-serif !important;
     697}
     698
     699/* Greek */
     700html[lang="el"] .site * {
     701  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
     702}
     703
     704/* Gujarati */
     705html[lang="gu"] .site * {
     706  font-family: Arial, sans-serif !important;
     707}
     708
     709/* Hebrew */
     710html[lang="he-IL"] .site * {
     711  font-family: 'Arial Hebrew', Arial, sans-serif !important;
     712}
     713
     714/* Japanese */
     715html[lang="ja"] .site * {
     716  font-family: -apple-system, BlinkMacSystemFont, "Hiragino Sans", Meiryo, "Helvetica Neue", sans-serif !important;
     717}
     718
     719/* Korean */
     720html[lang="ko-KR"] .site * {
     721  font-family: 'Apple SD Gothic Neo', 'Malgun Gothic', 'Nanum Gothic', Dotum, sans-serif !important;
     722}
     723
     724/* Thai */
     725html[lang="th"] .site * {
     726  font-family: 'Sukhumvit Set', 'Helvetica Neue', helvetica, arial, sans-serif !important;
     727}
     728
     729/* Vietnamese */
     730html[lang="vi"] .site * {
     731  font-family: 'Libre Franklin', sans-serif !important;
    627732}
    628733
    … …  
    633738
    634739::-moz-selection {
    635   background: #bfdcea;
     740  background-color: #bfdcea;
    636741}
    637742
    638743::selection {
    639   background: #bfdcea;
     744  background-color: #bfdcea;
    640745}
    641746
    … …  
    647752
    648753body {
    649   background: #fff;
     754  background-color: #fff;
    650755}
    651756
    … …  
    668773}
    669774
    670 h1, h2, h3, h4, h5, h6 {
     775h1,
     776h2,
     777h3,
     778h4,
     779h5,
     780h6 {
    671781  clear: both;
    672782  margin: 1rem 0;
    673783}
    674784
    675 h1:not(.site-title):before, h2:before {
     785h1:not(.site-title):before,
     786h2:before {
    676787  background: #767676;
    677788  content: "\020";
    … …  
    748859table {
    749860  margin: 0 0 1rem;
     861  border-collapse: collapse;
    750862  width: 100%;
    751863}
    752864
    753 table td, table th {
    754   border-color: #767676;
     865table td,
     866table th {
     867  padding: 0.5em;
     868  border: 1px solid #767676;
     869  word-break: break-all;
    755870}
    756871
    … …  
    8941009  margin-top: 0.25rem;
    8951010  /*
     1011         * Sub-menu styles
     1012         *
    8961013         * :focus-within needs its own selector so other similar
    8971014         * selectors don’t get ignored if a browser doesn’t recognize it
    8981015         */
    899   /* Only show one submenu expand button at a time (desktop vs mobile) */
     1016  /**
     1017         * Full-screen touch device styles
     1018         */
    9001019}
    9011020
    … …  
    9091028
    9101029.main-navigation .main-menu {
    911   display: inline;
     1030  display: inline-block;
    9121031  margin: 0;
    9131032  padding: 0;
    … …  
    9171036  color: #0073aa;
    9181037  display: inline;
    919 }
    920 
    921 @media only screen and (min-width: 768px) {
    922   .main-navigation .main-menu > li {
    923     position: relative;
    924   }
     1038  position: relative;
    9251039}
    9261040
    … …  
    9421056.main-navigation .main-menu > li.menu-item-has-children {
    9431057  display: inline-block;
     1058  position: inherit;
     1059}
     1060
     1061@media only screen and (min-width: 768px) {
     1062  .main-navigation .main-menu > li.menu-item-has-children {
     1063    position: relative;
     1064  }
    9441065}
    9451066
    … …  
    9541075}
    9551076
    956 .main-navigation .main-menu > li.menu-item-has-children .mobile-submenu-expand svg,
    957 .main-navigation .main-menu > li.menu-item-has-children .desktop-submenu-expand svg {
     1077.main-navigation .main-menu > li.menu-item-has-children .submenu-expand {
     1078  display: inline-block;
     1079  margin-left: 0.5rem;
     1080  /* Priority+ Menu */
     1081}
     1082
     1083.main-navigation .main-menu > li.menu-item-has-children .submenu-expand.main-menu-more-toggle {
     1084  position: relative;
     1085  height: 24px;
     1086  line-height: 1.2;
     1087  width: 24px;
     1088  padding: 0;
     1089  margin-right: 0.5rem;
     1090}
     1091
     1092.main-navigation .main-menu > li.menu-item-has-children .submenu-expand.main-menu-more-toggle svg {
     1093  height: 24px;
     1094  width: 24px;
     1095  top: -0.125rem;
     1096  vertical-align: text-bottom;
     1097}
     1098
     1099.main-navigation .main-menu > li.menu-item-has-children .submenu-expand svg {
    9581100  position: relative;
    9591101  top: 0.2rem;
    9601102}
    9611103
    962 .main-navigation .main-menu > li.menu-item-has-children .mobile-submenu-expand,
    963 .main-navigation .main-menu > li.menu-item-has-children .desktop-submenu-expand {
    964   margin-left: 0.5rem;
    965 }
    966 
    967 .main-navigation .main-menu > li:last-child > a {
     1104.main-navigation .main-menu > li:last-child > a,
     1105.main-navigation .main-menu > li:last-child.menu-item-has-children .submenu-expand {
    9681106  margin-left: 0;
    9691107}
    9701108
     1109.main-navigation .main-menu .is-hidden {
     1110  display: none;
     1111}
     1112
    9711113.main-navigation .sub-menu {
    972   background: #0073aa;
     1114  background-color: #0073aa;
    9731115  color: #fff;
    9741116  list-style: none;
    9751117  padding-right: 0;
    9761118  display: none;
    977   float: right;
    9781119  position: absolute;
    9791120  opacity: 0;
    … …  
    9841125@media only screen and (min-width: 768px) {
    9851126  .main-navigation .sub-menu {
    986     width: -webkit-max-content;
    987     width: -moz-max-content;
    988     width: max-content;
    989     max-width: calc(3 * (100vw / 12));
     1127    width: auto;
     1128    min-width: -moz-max-content;
     1129    min-width: -webkit-max-content;
     1130    min-width: max-content;
    9901131  }
    9911132}
    9921133
    9931134.main-navigation .sub-menu > li {
    994   clear: both;
    9951135  display: block;
    9961136  float: none;
    9971137  position: relative;
    998   word-break: break-word;
    999 }
    1000 
    1001 .main-navigation .sub-menu > li.menu-item-has-children .mobile-submenu-expand,
    1002 .main-navigation .sub-menu > li.menu-item-has-children .desktop-submenu-expand {
     1138}
     1139
     1140.main-navigation .sub-menu > li.menu-item-has-children .submenu-expand {
     1141  display: inline-block;
    10031142  position: absolute;
    10041143  width: calc( 24px + 1rem);
    … …  
    10111150}
    10121151
    1013 .main-navigation .sub-menu > li.menu-item-has-children .mobile-submenu-expand svg,
    1014 .main-navigation .sub-menu > li.menu-item-has-children .desktop-submenu-expand svg {
     1152.main-navigation .sub-menu > li.menu-item-has-children .submenu-expand svg {
    10151153  top: 0;
    10161154}
    10171155
    1018 .main-navigation .sub-menu > li.menu-item-has-children .mobile-submenu-expand,
    1019 .main-navigation .sub-menu > li.menu-item-has-children .desktop-submenu-expand {
     1156.main-navigation .sub-menu > li.menu-item-has-children .submenu-expand {
    10201157  margin-left: 0;
    10211158}
    … …  
    10271164}
    10281165
    1029 .main-navigation .sub-menu > li > a:not(.mobile-submenu-expand) {
     1166.main-navigation .sub-menu > li > a,
     1167.main-navigation .sub-menu > li > .menu-item-link-return {
    10301168  color: #fff;
    10311169  display: block;
    10321170  line-height: 1.2;
    10331171  padding: calc( .5 * 1rem) 1rem calc( .5 * 1rem) calc( 24px + 1rem);
    1034 }
    1035 
    1036 .main-navigation .sub-menu > li > a:not(.mobile-submenu-expand):hover, .main-navigation .sub-menu > li > a:not(.mobile-submenu-expand):focus {
     1172  white-space: nowrap;
     1173}
     1174
     1175.main-navigation .sub-menu > li > a:hover, .main-navigation .sub-menu > li > a:focus,
     1176.main-navigation .sub-menu > li > .menu-item-link-return:hover,
     1177.main-navigation .sub-menu > li > .menu-item-link-return:focus {
    10371178  background: #005177;
    10381179}
    10391180
    1040 .main-navigation .sub-menu > li > a:not(.mobile-submenu-expand):hover:after, .main-navigation .sub-menu > li > a:not(.mobile-submenu-expand):focus:after {
     1181.main-navigation .sub-menu > li > a:hover:after, .main-navigation .sub-menu > li > a:focus:after,
     1182.main-navigation .sub-menu > li > .menu-item-link-return:hover:after,
     1183.main-navigation .sub-menu > li > .menu-item-link-return:focus:after {
    10411184  background: #005177;
    10421185}
    … …  
    10541197}
    10551198
    1056 .main-navigation .main-menu .menu-item-has-children:focus-within > .sub-menu {
     1199.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu {
    10571200  display: block;
    10581201  right: 0;
    10591202  margin-top: 0;
    10601203  opacity: 1;
    1061   width: calc( 100vw - 2rem);
    1062 }
    1063 
    1064 .main-navigation .main-menu .menu-item-has-children:focus-within > .sub-menu .sub-menu {
    1065   margin-top: inherit;
    1066   position: relative;
    1067   padding-right: 1rem;
    1068 }
    1069 
    1070 @media only screen and (min-width: 768px) {
    1071   .main-navigation .main-menu .menu-item-has-children:focus-within > .sub-menu .sub-menu {
    1072     padding-right: 0;
    1073     position: absolute;
    1074     right: 100%;
    1075     width: -webkit-max-content;
    1076     width: -moz-max-content;
    1077     width: max-content;
    1078     top: 0;
    1079   }
    1080 }
    1081 
    1082 .main-navigation .main-menu .menu-item-has-children:hover > .sub-menu,
    1083 .main-navigation .main-menu .menu-item-has-children:focus > .sub-menu,
    1084 .main-navigation .main-menu .menu-item-has-children .sub-menu:hover,
    1085 .main-navigation .main-menu .menu-item-has-children .sub-menu:focus {
     1204  width: auto;
     1205  min-width: 100%;
    10861206  /* Non-mobile position */
    1087 }
    1088 
    1089 @media only screen and (min-width: 768px) {
    1090   .main-navigation .main-menu .menu-item-has-children:hover > .sub-menu,
    1091   .main-navigation .main-menu .menu-item-has-children:focus > .sub-menu,
    1092   .main-navigation .main-menu .menu-item-has-children .sub-menu:hover,
    1093   .main-navigation .main-menu .menu-item-has-children .sub-menu:focus {
    1094     display: table;
     1207  /* Nested sub-menu padding: 10 levels deep */
     1208}
     1209
     1210.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu {
     1211  display: block;
     1212  right: 0;
     1213  margin-top: 0;
     1214  opacity: 1;
     1215  width: auto;
     1216  min-width: 100%;
     1217  /* Non-mobile position */
     1218  /* Nested sub-menu padding: 10 levels deep */
     1219}
     1220
     1221@media only screen and (min-width: 768px) {
     1222  .main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu {
     1223    display: block;
    10951224    margin-top: 0;
    10961225    opacity: 1;
    … …  
    11011230    bottom: auto;
    11021231    height: auto;
    1103     width: -webkit-max-content;
    1104     width: -moz-max-content;
     1232    min-width: -moz-max-content;
     1233    min-width: -webkit-max-content;
     1234    min-width: max-content;
     1235    transform: none;
     1236  }
     1237  .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu {
     1238    display: block;
     1239    margin-top: 0;
     1240    opacity: 1;
     1241    position: absolute;
     1242    right: 0;
     1243    left: auto;
     1244    top: auto;
     1245    bottom: auto;
     1246    height: auto;
     1247    min-width: -moz-max-content;
     1248    min-width: -webkit-max-content;
     1249    min-width: max-content;
     1250    transform: none;
     1251  }
     1252}
     1253
     1254.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu.hidden-links {
     1255  right: 0;
     1256  width: 100%;
     1257  display: table;
     1258  position: absolute;
     1259}
     1260
     1261.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu.hidden-links {
     1262  right: 0;
     1263  width: 100%;
     1264  display: table;
     1265  position: absolute;
     1266}
     1267
     1268@media only screen and (min-width: 768px) {
     1269  .main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu.hidden-links {
     1270    left: 0;
     1271    right: auto;
     1272    display: block;
    11051273    width: max-content;
     1274  }
     1275  .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu.hidden-links {
     1276    left: 0;
     1277    right: auto;
     1278    display: block;
     1279    width: max-content;
     1280  }
     1281}
     1282
     1283.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .submenu-expand {
     1284  display: none;
     1285}
     1286
     1287.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .submenu-expand {
     1288  display: none;
     1289}
     1290
     1291.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu {
     1292  display: block;
     1293  margin-top: inherit;
     1294  position: relative;
     1295  width: 100%;
     1296  right: 0;
     1297  opacity: 1;
     1298  /* Non-mobile position */
     1299}
     1300
     1301.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu {
     1302  display: block;
     1303  margin-top: inherit;
     1304  position: relative;
     1305  width: 100%;
     1306  right: 0;
     1307  opacity: 1;
     1308  /* Non-mobile position */
     1309}
     1310
     1311@media only screen and (min-width: 768px) {
     1312  .main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu {
     1313    float: none;
     1314    max-width: 100%;
     1315  }
     1316  .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu {
     1317    float: none;
     1318    max-width: 100%;
     1319  }
     1320}
     1321
     1322.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu li > a:before {
     1323  font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
     1324  font-weight: normal;
     1325}
     1326
     1327.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu li > a:before {
     1328  font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
     1329  font-weight: normal;
     1330}
     1331
     1332.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu > li > a:before {
     1333  content: "\2013\00a0";
     1334}
     1335
     1336.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu > li > a:before {
     1337  content: "\2013\00a0";
     1338}
     1339
     1340.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu .sub-menu li > a:before {
     1341  content: "\2013\00a0\2013\00a0";
     1342}
     1343
     1344.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu .sub-menu li > a:before {
     1345  content: "\2013\00a0\2013\00a0";
     1346}
     1347
     1348.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
     1349  content: "\2013\00a0\2013\00a0\2013\00a0";
     1350}
     1351
     1352.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
     1353  content: "\2013\00a0\2013\00a0\2013\00a0";
     1354}
     1355
     1356.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
     1357  content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     1358}
     1359
     1360.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
     1361  content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     1362}
     1363
     1364.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
     1365  content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     1366}
     1367
     1368.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
     1369  content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     1370}
     1371
     1372.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
     1373  content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     1374}
     1375
     1376.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
     1377  content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     1378}
     1379
     1380.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
     1381  content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     1382}
     1383
     1384.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
     1385  content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     1386}
     1387
     1388.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
     1389  content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     1390}
     1391
     1392.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
     1393  content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     1394}
     1395
     1396.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
     1397  content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     1398}
     1399
     1400.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
     1401  content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     1402}
     1403
     1404.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu,
     1405.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu,
     1406.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu {
     1407  display: block;
     1408  right: 0;
     1409  margin-top: 0;
     1410  opacity: 1;
     1411  width: auto;
     1412  min-width: 100%;
     1413  /* Non-mobile position */
     1414  /* Nested sub-menu padding: 10 levels deep */
     1415}
     1416
     1417@media only screen and (min-width: 768px) {
     1418  .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu,
     1419  .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu,
     1420  .main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu {
     1421    display: block;
     1422    float: none;
     1423    margin-top: 0;
     1424    opacity: 1;
     1425    position: absolute;
     1426    right: 0;
     1427    left: auto;
     1428    top: auto;
     1429    bottom: auto;
     1430    height: auto;
     1431    min-width: -moz-max-content;
     1432    min-width: -webkit-max-content;
     1433    min-width: max-content;
    11061434    transform: none;
    1107     animation: fade_in 0.1s forwards;
    1108   }
    1109 }
    1110 
    1111 @media only screen and (min-width: 768px) {
    1112   .main-navigation .main-menu .menu-item-has-children:hover > .sub-menu .sub-menu,
    1113   .main-navigation .main-menu .menu-item-has-children:focus > .sub-menu .sub-menu,
    1114   .main-navigation .main-menu .menu-item-has-children .sub-menu:hover .sub-menu,
    1115   .main-navigation .main-menu .menu-item-has-children .sub-menu:focus .sub-menu {
    1116     margin-top: inherit;
    1117     padding-right: 0;
    1118     position: absolute;
    1119     right: 100%;
    1120     top: 0;
    1121   }
    1122 }
    1123 
    1124 .main-navigation .main-menu .menu-item-has-children.focus .sub-menu.expanded-true {
     1435  }
     1436}
     1437
     1438.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu.hidden-links,
     1439.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu.hidden-links,
     1440.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu.hidden-links {
     1441  right: 0;
     1442  width: 100%;
     1443  display: table;
     1444  position: absolute;
     1445}
     1446
     1447@media only screen and (min-width: 768px) {
     1448  .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu.hidden-links,
     1449  .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu.hidden-links,
     1450  .main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu.hidden-links {
     1451    left: 0;
     1452    right: auto;
     1453    display: table;
     1454    width: max-content;
     1455  }
     1456}
     1457
     1458.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .submenu-expand,
     1459.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .submenu-expand,
     1460.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .submenu-expand {
     1461  display: none;
     1462}
     1463
     1464.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu,
     1465.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu,
     1466.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu {
     1467  display: block;
     1468  margin-top: inherit;
     1469  position: relative;
     1470  width: 100%;
     1471  right: 0;
     1472  opacity: 1;
     1473  /* Non-mobile position */
     1474}
     1475
     1476@media only screen and (min-width: 768px) {
     1477  .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu,
     1478  .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu,
     1479  .main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu {
     1480    float: none;
     1481    max-width: 100%;
     1482  }
     1483}
     1484
     1485.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu li > a:before,
     1486.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu li > a:before,
     1487.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu li > a:before {
     1488  font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
     1489  font-weight: normal;
     1490}
     1491
     1492.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu > li > a:before,
     1493.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu > li > a:before,
     1494.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu > li > a:before {
     1495  content: "\2013\00a0";
     1496}
     1497
     1498.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu .sub-menu li > a:before,
     1499.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu .sub-menu li > a:before,
     1500.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu .sub-menu li > a:before {
     1501  content: "\2013\00a0\2013\00a0";
     1502}
     1503
     1504.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
     1505.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
     1506.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
     1507  content: "\2013\00a0\2013\00a0\2013\00a0";
     1508}
     1509
     1510.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
     1511.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
     1512.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
     1513  content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     1514}
     1515
     1516.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
     1517.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
     1518.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
     1519  content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     1520}
     1521
     1522.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
     1523.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
     1524.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
     1525  content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     1526}
     1527
     1528.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
     1529.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
     1530.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
     1531  content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     1532}
     1533
     1534.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
     1535.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
     1536.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
     1537  content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     1538}
     1539
     1540.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
     1541.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
     1542.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
     1543  content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     1544}
     1545
     1546.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu {
     1547  animation: fade_in 0.1s forwards;
     1548}
     1549
     1550.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu .submenu-expand .svg-icon {
     1551  transform: rotate(-270deg);
     1552}
     1553
     1554.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu .sub-menu {
     1555  opacity: 0;
     1556  position: absolute;
     1557  z-index: 0;
     1558  transform: translateX(100%);
     1559}
     1560
     1561.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu li:hover,
     1562.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu li:focus,
     1563.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu li > a:hover,
     1564.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu li > a:focus {
     1565  background-color: transparent;
     1566}
     1567
     1568.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true {
    11251569  display: table;
    11261570  margin-top: 0;
    … …  
    11351579  z-index: 100000;
    11361580  /* Make sure appears above mobile admin bar */
    1137   width: 100%;
    1138   height: 100%;
     1581  width: 100vw;
     1582  height: 100vh;
     1583  max-width: 100vw;
    11391584  transform: translateX(-100%);
    11401585  animation: slide_in_right 0.3s forwards;
    1141 }
    1142 
    1143 .main-navigation .main-menu .menu-item-has-children.focus .sub-menu.expanded-true > .mobile-parent-nav-menu-item {
    1144   display: inline-block;
    1145 }
    1146 
    1147 .main-navigation .desktop-submenu-expand {
    1148   display: none;
    1149 }
    1150 
    1151 @media only screen and (min-width: 768px) {
    1152   .main-navigation .desktop-submenu-expand {
    1153     display: inline-block;
    1154   }
    1155 }
    1156 
    1157 .main-navigation .mobile-submenu-expand {
    1158   display: inline-block;
    1159 }
    1160 
    1161 @media only screen and (min-width: 768px) {
    1162   .main-navigation .mobile-submenu-expand {
    1163     display: none;
    1164   }
    1165 }
    1166 
    1167 /* Menu Animation */
     1586  /* Prevent menu from being blocked by admin bar */
     1587}
     1588
     1589.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true > .mobile-parent-nav-menu-item {
     1590  display: block;
     1591}
     1592
     1593.admin-bar .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true {
     1594  top: 46px;
     1595  height: calc( 100vh - 46px);
     1596  /* WP core breakpoint */
     1597}
     1598
     1599.admin-bar .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true .sub-menu.expanded-true {
     1600  top: 0;
     1601}
     1602
     1603@media only screen and (min-width: 782px) {
     1604  .admin-bar .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true {
     1605    top: 32px;
     1606    height: calc( 100vh - 32px);
     1607  }
     1608  .admin-bar .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true .sub-menu.expanded-true {
     1609    top: 0;
     1610  }
     1611}
     1612
     1613/* Menu animation */
    11681614@keyframes slide_in_right {
    11691615  100% {
    … …  
    12361682}
    12371683
     1684/** === Footer menu === */
     1685.footer-navigation {
     1686  display: inline;
     1687}
     1688
     1689.footer-navigation > div {
     1690  display: inline;
     1691}
     1692
     1693.footer-navigation .footer-menu {
     1694  display: inline;
     1695  padding-right: 0;
     1696}
     1697
     1698.footer-navigation .footer-menu li {
     1699  display: inline;
     1700  margin-left: 1rem;
     1701}
     1702
    12381703/*--------------------------------------------------------------
    12391704## Next / Previous
    … …  
    12461711@media only screen and (min-width: 768px) {
    12471712  .post-navigation {
    1248     margin: calc(3 * 1rem) calc(2 * (100vw / 12));
     1713    margin: calc(3 * 1rem) calc(10% + 60px);
    12491714    max-width: calc(6 * (100vw / 12));
    12501715  }
    … …  
    12741739  .post-navigation .nav-links {
    12751740    flex-direction: row;
    1276     margin: 0 calc(2 * (100vw / 12));
    1277     max-width: calc(8 * (100vw / 12));
     1741    margin: 0 calc(10% + 60px);
     1742    max-width: calc(6 * (100vw / 12) - 28px);
    12781743  }
    12791744}
    … …  
    12811746.post-navigation .nav-links a .meta-nav {
    12821747  color: #767676;
    1283   -webkit-user-select: none;
    1284      -moz-user-select: none;
    1285       -ms-user-select: none;
    1286           user-select: none;
     1748  user-select: none;
    12871749}
    12881750
    … …  
    12961758
    12971759.post-navigation .nav-links a .post-title {
    1298   -webkit-hyphens: auto;
    1299       -ms-hyphens: auto;
    1300           hyphens: auto;
     1760  hyphens: auto;
    13011761}
    13021762
    … …  
    13631823}
    13641824
     1825.pagination .nav-links a:focus {
     1826  text-decoration: underline;
     1827  outline-offset: -1px;
     1828}
     1829
     1830.pagination .nav-links a:focus.prev, .pagination .nav-links a:focus.next {
     1831  text-decoration: none;
     1832}
     1833
     1834.pagination .nav-links a:focus.prev .nav-prev-text,
     1835.pagination .nav-links a:focus.prev .nav-next-text, .pagination .nav-links a:focus.next .nav-prev-text,
     1836.pagination .nav-links a:focus.next .nav-next-text {
     1837  text-decoration: underline;
     1838}
     1839
    13651840.pagination .nav-links .nav-next-text,
    13661841.pagination .nav-links .nav-prev-text {
    … …  
    13701845@media only screen and (min-width: 768px) {
    13711846  .pagination .nav-links {
    1372     margin-right: calc(2 * (100vw / 12));
     1847    margin-right: calc(10% + 60px);
    13731848    padding: 0;
    13741849  }
    … …  
    13861861  display: flex;
    13871862  flex-direction: row;
    1388   margin: 0 1rem;
    1389 }
    1390 
    1391 @media only screen and (min-width: 1168px) {
    1392   .comment-navigation .nav-links {
    1393     margin: 0 calc(2 * (100vw / 12));
    1394     max-width: calc(8 * (100vw / 12));
    1395   }
    13961863}
    13971864
    … …  
    14241891}
    14251892
    1426 .comment-navigation .nav-previous a:hover,
    1427 .comment-navigation .nav-next a:hover {
    1428   color: #0073aa;
    1429 }
    1430 
    14311893.comment-navigation .nav-next {
    14321894  text-align: left;
    … …  
    14381900  border: 0;
    14391901  clip: rect(1px, 1px, 1px, 1px);
    1440   -webkit-clip-path: inset(50%);
    1441           clip-path: inset(50%);
     1902  clip-path: inset(50%);
    14421903  height: 1px;
    14431904  margin: -1px;
    … …  
    14551916  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    14561917  clip: auto !important;
    1457   -webkit-clip-path: none;
    1458           clip-path: none;
     1918  clip-path: none;
    14591919  color: #21759b;
    14601920  display: block;
    … …  
    14811941.alignleft {
    14821942  float: left;
    1483   margin-left: 1rem;
     1943  margin-right: 1rem;
     1944}
     1945
     1946@media only screen and (min-width: 768px) {
     1947  .alignleft {
     1948    margin-right: calc(2 * 1rem);
     1949  }
    14841950}
    14851951
    14861952.alignright {
    14871953  float: right;
    1488   margin-right: 1rem;
     1954  margin-left: 1rem;
     1955}
     1956
     1957@media only screen and (min-width: 768px) {
     1958  .alignright {
     1959    margin-left: calc(2 * 1rem);
     1960  }
    14891961}
    14901962
    … …  
    15702042@media only screen and (min-width: 768px) {
    15712043  .site-branding {
    1572     margin: 0 calc(2 * (100vw / 12));
     2044    margin: 0 calc(10% + 60px);
    15732045  }
    15742046}
    … …  
    15842056    margin-bottom: 0;
    15852057    position: absolute;
    1586     left: calc(100% + (0.5 * 100vw / 12));
     2058    left: calc(100% + (1.25 * 1rem));
    15872059    top: 4px;
    15882060    z-index: 999;
    … …  
    16682140
    16692141.site-header.featured-image {
     2142  /* Hide overflow for overflowing featured image */
     2143  overflow: hidden;
    16702144  /* Need relative positioning to properly align layers. */
    16712145  position: relative;
    … …  
    16792153  /* Set up image filter layer positioning */
    16802154  /* Background & Effects */
    1681   /* Shared background settings between pseudo elements. See .site-branding-container */
     2155  /* Shared background settings between pseudo elements. */
    16822156  background-position: center;
    16832157  background-repeat: no-repeat;
    16842158  background-size: cover;
    16852159  /* The intensity of each blend mode is controlled via layer opacity. */
    1686   /* First layer: grayscale. */
    16872160  /* Second layer: screen. */
    16882161  /* Third layer: multiply. */
    … …  
    17572230.site-header.featured-image .site-featured-image svg {
    17582231  /* Use -webkit- only if supporting: Chrome < 54, iOS < 9.3, Android < 4.4.4 */
     2232  -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.35));
    17592233  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.35));
     2234}
     2235
     2236.site-header.featured-image .site-featured-image {
     2237  /* First layer: grayscale. */
     2238}
     2239
     2240.site-header.featured-image .site-featured-image .post-thumbnail img {
     2241  height: auto;
     2242  right: 50%;
     2243  max-width: 1000%;
     2244  min-height: 100%;
     2245  min-width: 100vw;
     2246  position: absolute;
     2247  top: 50%;
     2248  transform: translateX(50%) translateY(-50%);
     2249  width: auto;
     2250  z-index: 1;
     2251  /* When image filters are active, make it grayscale to colorize it blue. */
     2252}
     2253
     2254@supports (object-fit: cover) {
     2255  .site-header.featured-image .site-featured-image .post-thumbnail img {
     2256    height: 100%;
     2257    right: 0;
     2258    object-fit: cover;
     2259    top: 0;
     2260    transform: none;
     2261    width: 100%;
     2262  }
     2263}
     2264
     2265.image-filters-enabled .site-header.featured-image .site-featured-image .post-thumbnail img {
     2266  filter: grayscale(100%);
    17602267}
    17612268
    … …  
    17702277@media only screen and (min-width: 768px) {
    17712278  .site-header.featured-image .site-featured-image .entry-header {
    1772     margin-right: calc(2 * (100vw / 12));
    1773     margin-left: calc(2 * (100vw / 12));
     2279    margin-right: calc(10% + 60px);
     2280    margin-left: calc(10% + 60px);
    17742281  }
    17752282}
    … …  
    18502357}
    18512358
    1852 .site-header.featured-image .site-branding-container:before,
    18532359.site-header.featured-image .site-branding-container:after,
    18542360.site-header.featured-image .site-featured-image:before,
    … …  
    18612367  width: 100%;
    18622368  height: 100%;
    1863 }
    1864 
    1865 .site-header.featured-image .site-branding-container:before {
    1866   background-position: center;
    1867   background-repeat: no-repeat;
    1868   background-size: cover;
    1869   z-index: 1;
    1870   /* When image filters are active, make it grayscale to colorize it blue. */
    1871 }
    1872 
    1873 .image-filters-enabled .site-header.featured-image .site-branding-container:before {
    1874   filter: grayscale(100%);
    18752369}
    18762370
    … …  
    19902484@media only screen and (min-width: 768px) {
    19912485  .entry .entry-header {
    1992     margin: calc(3 * 1rem) calc(2 * (100vw / 12 )) 1rem;
     2486    margin: calc(3 * 1rem) calc(10% + 60px) 1rem;
    19932487  }
    19942488}
    … …  
    20622556@media only screen and (min-width: 768px) {
    20632557  .entry .entry-footer {
    2064     margin: 1rem calc(2 * (100vw / 12)) calc(3 * 1rem);
    2065     max-width: calc(8 * (100vw / 12));
     2558    margin: 1rem calc(10% + 60px) calc(3 * 1rem);
     2559    max-width: calc(8 * (100vw / 12) - 28px);
    20662560  }
    20672561}
    … …  
    20692563@media only screen and (min-width: 768px) {
    20702564  .entry .entry-footer {
    2071     max-width: calc(6 * (100vw / 12));
     2565    max-width: calc(6 * (100vw / 12) - 28px);
    20722566  }
    20732567}
    … …  
    20792573@media only screen and (min-width: 768px) {
    20802574  .entry .post-thumbnail {
    2081     margin: 1rem calc(2 * (100vw / 12));
     2575    margin: 1rem calc(10% + 60px);
    20822576  }
    20832577}
    … …  
    21572651}
    21582652
     2653.entry .entry-content,
     2654.entry .entry-summary {
     2655  max-width: calc(100% - (2 * 1rem));
     2656  margin: 0 1rem;
     2657}
     2658
     2659@media only screen and (min-width: 768px) {
     2660  .entry .entry-content,
     2661  .entry .entry-summary {
     2662    max-width: 80%;
     2663    margin: 0 10%;
     2664    padding: 0 60px;
     2665  }
     2666}
     2667
    21592668.entry .entry-content p {
    21602669  word-wrap: break-word;
    … …  
    21862695
    21872696.entry .entry-content > iframe[style] {
    2188   margin: 32px 1rem !important;
    2189   max-width: calc(100vw - (2 * 1rem)) !important;
     2697  margin: 32px 0 !important;
     2698  max-width: 100% !important;
    21902699}
    21912700
    21922701@media only screen and (min-width: 768px) {
    21932702  .entry .entry-content > iframe[style] {
    2194     margin: 32px calc(2 * (100vw / 12)) !important;
    2195     max-width: calc(8 * (100vw / 12)) !important;
     2703    max-width: calc(8 * (100vw / 12) - 28px) !important;
    21962704  }
    21972705}
    … …  
    21992707@media only screen and (min-width: 1168px) {
    22002708  .entry .entry-content > iframe[style] {
    2201     max-width: calc(6 * (100vw / 12)) !important;
    2202   }
     2709    max-width: calc(6 * (100vw / 12) - 28px) !important;
     2710  }
     2711}
     2712
     2713.entry .entry-content .page-links a {
     2714  margin: calc(0.5 * 1rem);
     2715  text-decoration: none;
    22032716}
    22042717
    … …  
    22092722@media only screen and (min-width: 768px) {
    22102723  .entry .entry-content .wp-audio-shortcode {
    2211     max-width: calc(8 * (100vw / 12));
     2724    max-width: calc(8 * (100vw / 12) - 28px);
    22122725  }
    22132726}
    … …  
    22152728@media only screen and (min-width: 1168px) {
    22162729  .entry .entry-content .wp-audio-shortcode {
    2217     max-width: calc(6 * (100vw / 12));
     2730    max-width: calc(6 * (100vw / 12) - 28px);
    22182731  }
    22192732}
    … …  
    22262739@media only screen and (min-width: 768px) {
    22272740  .author-bio {
    2228     margin: calc(3 * 1rem) calc(2 * (100vw / 12));
    2229     max-width: calc(8 * (100vw / 12));
    2230   }
    2231 }
    2232 
    2233 @media only screen and (min-width: 768px) {
     2741    max-width: calc(8 * (100vw / 12) - 28px);
     2742  }
     2743}
     2744
     2745@media only screen and (min-width: 1168px) {
    22342746  .author-bio {
    2235     max-width: calc(6 * (100vw / 12));
     2747    max-width: calc(6 * (100vw / 12) - 28px);
     2748  }
     2749}
     2750
     2751@media only screen and (min-width: 768px) {
     2752  .author-bio {
     2753    margin: calc(3 * 1rem) calc(10% + 60px);
     2754  }
     2755}
     2756
     2757@media only screen and (min-width: 1168px) {
     2758  .author-bio {
     2759    margin: calc(3 * 1rem) calc(10% + 60px);
    22362760  }
    22372761}
    … …  
    22782802
    22792803.comments-area {
     2804  margin: calc(2 * 1rem) 1rem;
    22802805  /* Add extra margin when the comments section is located immediately after the
    22812806         * post itself (this happens on pages).
    … …  
    22832808}
    22842809
     2810@media only screen and (min-width: 768px) {
     2811  .comments-area {
     2812    max-width: calc(8 * (100vw / 12) - 28px);
     2813  }
     2814}
     2815
     2816@media only screen and (min-width: 1168px) {
     2817  .comments-area {
     2818    max-width: calc(6 * (100vw / 12) - 28px);
     2819  }
     2820}
     2821
     2822@media only screen and (min-width: 768px) {
     2823  .comments-area {
     2824    margin: calc(3 * 1rem) calc(10% + 60px);
     2825  }
     2826}
     2827
     2828.comments-area > * {
     2829  margin-top: calc(2 * 1rem);
     2830  margin-bottom: calc(2 * 1rem);
     2831}
     2832
     2833@media only screen and (min-width: 768px) {
     2834  .comments-area > * {
     2835    margin-top: calc(3 * 1rem);
     2836    margin-bottom: calc(3 * 1rem);
     2837  }
     2838}
     2839
    22852840.entry + .comments-area {
    22862841  margin-top: calc(3 * 1rem);
    2287 }
    2288 
    2289 .comments-area .comment-list,
    2290 .comments-area .comment-navigation,
    2291 .comments-area > .comment-respond,
    2292 .comments-area .comment-form-flex,
    2293 .comments-area .no-comments {
    2294   margin: calc(2 * 1rem) 1rem;
    2295 }
    2296 
    2297 @media only screen and (min-width: 768px) {
    2298   .comments-area .comment-list,
    2299   .comments-area .comment-navigation,
    2300   .comments-area > .comment-respond,
    2301   .comments-area .comment-form-flex,
    2302   .comments-area .no-comments {
    2303     margin: calc(3 * 1rem) calc(2 * (100vw / 12));
    2304     max-width: calc(6 * (100vw / 12));
    2305   }
    2306 }
    2307 
    2308 .comments-area .comments-title-wrap {
    2309   margin: calc(2 * 1rem) 1rem;
    23102842}
    23112843
    … …  
    23152847    display: flex;
    23162848    justify-content: space-between;
    2317     margin: calc(3 * 1rem) calc(2 * (100vw / 12));
    2318     max-width: calc(8 * (100vw / 12));
    23192849  }
    23202850}
    … …  
    24092939}
    24102940
    2411 .comment-list .pingback .comment-body {
     2941.comment-list .pingback .comment-body,
     2942.comment-list .trackback .comment-body {
    24122943  color: #767676;
    24132944  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    24142945  font-size: 0.71111em;
    24152946  font-weight: 500;
     2947  margin-top: 1rem;
    24162948  margin-bottom: 1rem;
    24172949}
    24182950
    2419 .comment-list .pingback .comment-body a:not(.comment-edit-link) {
     2951.comment-list .pingback .comment-body a:not(.comment-edit-link),
     2952.comment-list .trackback .comment-body a:not(.comment-edit-link) {
    24202953  font-weight: bold;
    24212954  font-size: 19.55556px;
    … …  
    24252958}
    24262959
    2427 .comment-list .pingback .comment-body .comment-edit-link {
     2960.comment-list .pingback .comment-body .comment-edit-link,
     2961.comment-list .trackback .comment-body .comment-edit-link {
    24282962  color: #767676;
    24292963  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    … …  
    24312965}
    24322966
    2433 .comment-reply {
    2434   right: calc(1rem + 100%);
    2435   bottom: 0;
    2436   position: absolute;
    2437 }
    2438 
    24392967#respond + .comment-reply {
    24402968  display: none;
    … …  
    24542982    padding-right: calc(.5 * (1rem + calc(100vw / 12 )));
    24552983  }
     2984  .comment.depth-1,
    24562985  .comment .children {
    24572986    padding-right: 0;
    24582987  }
     2988  .comment.depth-1 {
     2989    margin-right: calc(3.25 * 1rem);
     2990  }
    24592991}
    24602992
    24612993.comment .comment-body {
    2462   margin: calc(2 * 1rem) 0;
     2994  margin: calc(2 * 1rem) 0 0;
    24632995}
    24642996
    24652997.comment .comment-meta {
    24662998  position: relative;
    2467 }
    2468 
    2469 @media only screen and (min-width: 768px) {
    2470   .comment .comment-meta {
    2471     display: flex;
    2472   }
    2473 }
    2474 
    2475 @media only screen and (min-width: 768px) {
    2476   .comment .comment-author {
    2477     flex: 0 0 auto;
    2478     vertical-align: baseline;
    2479   }
    24802999}
    24813000
    … …  
    24993018  position: relative;
    25003019  display: block;
    2501 }
    2502 
    2503 @media only screen and (min-width: 768px) {
    2504   .comment .comment-author .fn {
    2505     display: inline-block;
    2506     vertical-align: baseline;
    2507   }
    25083020}
    25093021
    … …  
    25413053}
    25423054
    2543 @media only screen and (min-width: 768px) {
    2544   .comment .comment-metadata {
    2545     flex: 1 0 auto;
    2546     margin-right: 1rem;
    2547     position: relative;
    2548     vertical-align: baseline;
    2549   }
    2550 }
    2551 
    25523055.comment .comment-metadata > a,
    25533056.comment .comment-metadata .comment-edit-link {
    2554   display: inline-block;
     3057  display: inline;
    25553058  font-weight: 500;
    25563059  color: #767676;
    … …  
    25653068.comment .comment-metadata > a:hover,
    25663069.comment .comment-metadata .comment-edit-link:hover {
    2567   color: #4a4a4a;
     3070  color: #005177;
    25683071  text-decoration: none;
    25693072}
    … …  
    26043107}
    26053108
     3109@media only screen and (min-width: 1168px) {
     3110  .comment .comment-content {
     3111    padding-left: 1rem;
     3112  }
     3113}
     3114
    26063115.comment .comment-content > *:first-child {
    26073116  margin-top: 0;
    … …  
    26103119.comment .comment-content > *:last-child {
    26113120  margin-bottom: 0;
     3121}
     3122
     3123.comment .comment-content blockquote {
     3124  margin-right: 0;
    26123125}
    26133126
    … …  
    27033216  .search .page-header,
    27043217  .error404 .page-header {
    2705     margin: 0 calc(2 * (100vw / 12)) calc(3 * 1rem);
    2706     max-width: calc(8 * (100vw / 12));
     3218    margin: 0 calc(10% + 60px) calc(10% + 60px);
    27073219  }
    27083220}
    … …  
    27513263@media only screen and (min-width: 768px) {
    27523264  .hfeed .entry .entry-header {
    2753     margin: calc(3 * 1rem) calc(2 * (100vw / 12)) calc(1rem / 2);
     3265    margin: calc(3 * 1rem) calc(10% + 60px) calc(1rem / 2);
    27543266  }
    27553267}
    … …  
    27643276  .error-404.not-found .page-content,
    27653277  .no-results.not-found .page-content {
    2766     margin: calc(3 * 1rem) calc(2 * (100vw / 12)) calc(1rem / 2);
     3278    margin: calc(3 * 1rem) calc(10% + 60px) calc(1rem / 2);
    27673279  }
    27683280}
    … …  
    27913303  #colophon .widget-area,
    27923304  #colophon .site-info {
    2793     margin: calc(3 * 1rem) calc(2 * (100vw / 12));
    2794     max-width: calc(8 * (100vw / 12));
     3305    margin: calc(3 * 1rem) calc(10% + 60px);
    27953306  }
    27963307}
    … …  
    28493360
    28503361.widget_archive ul,
     3362.widget_categories ul,
     3363.widget_meta ul,
    28513364.widget_nav_menu ul,
    2852 .widget_meta ul,
     3365.widget_pages ul,
     3366.widget_recent_comments ul,
    28533367.widget_recent_entries ul,
    28543368.widget_rss ul {
    … …  
    28583372
    28593373.widget_archive ul li,
     3374.widget_categories ul li,
     3375.widget_meta ul li,
    28603376.widget_nav_menu ul li,
    2861 .widget_meta ul li,
     3377.widget_pages ul li,
     3378.widget_recent_comments ul li,
    28623379.widget_recent_entries ul li,
    28633380.widget_rss ul li {
    … …  
    28653382  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    28663383  font-size: calc(22px * 1.125);
    2867   font-weight: bold;
     3384  font-weight: 700;
    28683385  line-height: 1.2;
    2869 }
    2870 
    2871 .widget_archive ul li:not(.menu-item-has-children),
    2872 .widget_nav_menu ul li:not(.menu-item-has-children),
    2873 .widget_meta ul li:not(.menu-item-has-children),
    2874 .widget_recent_entries ul li:not(.menu-item-has-children),
    2875 .widget_rss ul li:not(.menu-item-has-children) {
    2876   padding-bottom: 0.75rem;
    2877 }
    2878 
    2879 .widget_archive ul li ul,
    2880 .widget_nav_menu ul li ul,
    2881 .widget_meta ul li ul,
    2882 .widget_recent_entries ul li ul,
    2883 .widget_rss ul li ul {
    2884   padding-right: 1rem;
    2885 }
    2886 
    2887 .widget_archive ul.sub-menu,
    2888 .widget_nav_menu ul.sub-menu,
    2889 .widget_meta ul.sub-menu,
    2890 .widget_recent_entries ul.sub-menu,
    2891 .widget_rss ul.sub-menu {
    2892   padding-top: 0.75rem;
     3386  margin-top: 0.5rem;
     3387  margin-bottom: 0.5rem;
     3388}
     3389
     3390.widget_archive ul ul li > a:before,
     3391.widget_categories ul ul li > a:before,
     3392.widget_meta ul ul li > a:before,
     3393.widget_nav_menu ul ul li > a:before,
     3394.widget_pages ul ul li > a:before,
     3395.widget_recent_comments ul ul li > a:before,
     3396.widget_recent_entries ul ul li > a:before,
     3397.widget_rss ul ul li > a:before {
     3398  font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
     3399  font-weight: normal;
     3400}
     3401
     3402.widget_archive ul ul > li > a:before,
     3403.widget_categories ul ul > li > a:before,
     3404.widget_meta ul ul > li > a:before,
     3405.widget_nav_menu ul ul > li > a:before,
     3406.widget_pages ul ul > li > a:before,
     3407.widget_recent_comments ul ul > li > a:before,
     3408.widget_recent_entries ul ul > li > a:before,
     3409.widget_rss ul ul > li > a:before {
     3410  content: "\2013\00a0";
     3411}
     3412
     3413.widget_archive ul ul ul li > a:before,
     3414.widget_categories ul ul ul li > a:before,
     3415.widget_meta ul ul ul li > a:before,
     3416.widget_nav_menu ul ul ul li > a:before,
     3417.widget_pages ul ul ul li > a:before,
     3418.widget_recent_comments ul ul ul li > a:before,
     3419.widget_recent_entries ul ul ul li > a:before,
     3420.widget_rss ul ul ul li > a:before {
     3421  content: "\2013\00a0\2013\00a0";
     3422}
     3423
     3424.widget_archive ul ul ul ul li > a:before,
     3425.widget_categories ul ul ul ul li > a:before,
     3426.widget_meta ul ul ul ul li > a:before,
     3427.widget_nav_menu ul ul ul ul li > a:before,
     3428.widget_pages ul ul ul ul li > a:before,
     3429.widget_recent_comments ul ul ul ul li > a:before,
     3430.widget_recent_entries ul ul ul ul li > a:before,
     3431.widget_rss ul ul ul ul li > a:before {
     3432  content: "\2013\00a0\2013\00a0\2013\00a0";
     3433}
     3434
     3435.widget_archive ul ul ul ul ul li > a:before,
     3436.widget_categories ul ul ul ul ul li > a:before,
     3437.widget_meta ul ul ul ul ul li > a:before,
     3438.widget_nav_menu ul ul ul ul ul li > a:before,
     3439.widget_pages ul ul ul ul ul li > a:before,
     3440.widget_recent_comments ul ul ul ul ul li > a:before,
     3441.widget_recent_entries ul ul ul ul ul li > a:before,
     3442.widget_rss ul ul ul ul ul li > a:before {
     3443  content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     3444}
     3445
     3446.widget_archive ul ul ul ul ul ul li > a:before,
     3447.widget_categories ul ul ul ul ul ul li > a:before,
     3448.widget_meta ul ul ul ul ul ul li > a:before,
     3449.widget_nav_menu ul ul ul ul ul ul li > a:before,
     3450.widget_pages ul ul ul ul ul ul li > a:before,
     3451.widget_recent_comments ul ul ul ul ul ul li > a:before,
     3452.widget_recent_entries ul ul ul ul ul ul li > a:before,
     3453.widget_rss ul ul ul ul ul ul li > a:before {
     3454  content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     3455}
     3456
     3457.widget_archive ul ul ul ul ul ul ul li > a:before,
     3458.widget_categories ul ul ul ul ul ul ul li > a:before,
     3459.widget_meta ul ul ul ul ul ul ul li > a:before,
     3460.widget_nav_menu ul ul ul ul ul ul ul li > a:before,
     3461.widget_pages ul ul ul ul ul ul ul li > a:before,
     3462.widget_recent_comments ul ul ul ul ul ul ul li > a:before,
     3463.widget_recent_entries ul ul ul ul ul ul ul li > a:before,
     3464.widget_rss ul ul ul ul ul ul ul li > a:before {
     3465  content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     3466}
     3467
     3468.widget_archive ul ul ul ul ul ul ul ul li > a:before,
     3469.widget_categories ul ul ul ul ul ul ul ul li > a:before,
     3470.widget_meta ul ul ul ul ul ul ul ul li > a:before,
     3471.widget_nav_menu ul ul ul ul ul ul ul ul li > a:before,
     3472.widget_pages ul ul ul ul ul ul ul ul li > a:before,
     3473.widget_recent_comments ul ul ul ul ul ul ul ul li > a:before,
     3474.widget_recent_entries ul ul ul ul ul ul ul ul li > a:before,
     3475.widget_rss ul ul ul ul ul ul ul ul li > a:before {
     3476  content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     3477}
     3478
     3479.widget_archive ul ul ul ul ul ul ul ul ul li > a:before,
     3480.widget_categories ul ul ul ul ul ul ul ul ul li > a:before,
     3481.widget_meta ul ul ul ul ul ul ul ul ul li > a:before,
     3482.widget_nav_menu ul ul ul ul ul ul ul ul ul li > a:before,
     3483.widget_pages ul ul ul ul ul ul ul ul ul li > a:before,
     3484.widget_recent_comments ul ul ul ul ul ul ul ul ul li > a:before,
     3485.widget_recent_entries ul ul ul ul ul ul ul ul ul li > a:before,
     3486.widget_rss ul ul ul ul ul ul ul ul ul li > a:before {
     3487  content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     3488}
     3489
     3490.widget_archive ul ul ul ul ul ul ul ul ul ul li > a:before,
     3491.widget_categories ul ul ul ul ul ul ul ul ul ul li > a:before,
     3492.widget_meta ul ul ul ul ul ul ul ul ul ul li > a:before,
     3493.widget_nav_menu ul ul ul ul ul ul ul ul ul ul li > a:before,
     3494.widget_pages ul ul ul ul ul ul ul ul ul ul li > a:before,
     3495.widget_recent_comments ul ul ul ul ul ul ul ul ul ul li > a:before,
     3496.widget_recent_entries ul ul ul ul ul ul ul ul ul ul li > a:before,
     3497.widget_rss ul ul ul ul ul ul ul ul ul ul li > a:before {
     3498  content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     3499}
     3500
     3501.widget_tag_cloud .tagcloud {
     3502  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
     3503  font-weight: 700;
    28933504}
    28943505
    … …  
    28983509}
    28993510
     3511.widget_calendar .calendar_wrap {
     3512  text-align: center;
     3513  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
     3514}
     3515
     3516.widget_calendar .calendar_wrap table td,
     3517.widget_calendar .calendar_wrap table th {
     3518  border: none;
     3519}
     3520
     3521.widget_calendar .calendar_wrap a {
     3522  text-decoration: underline;
     3523}
     3524
    29003525/* Blocks */
    29013526/* !Block styles */
    2902 .entry-content > *,
    2903 .entry-summary > * {
    2904   max-width: calc(100vw - (2 * 1rem));
    2905   margin: 32px 1rem;
    2906   /*
    2907         // Set top margins for headings
    2908         & + h1:before,
    2909         & + h2:before,
    2910         & + h3,
    2911         & + h4,
    2912         & + h5,
    2913         & + h6 {
    2914                 margin-top: calc(4 * 1rem);
    2915         }
    2916 */
    2917 }
    2918 
    2919 @media only screen and (min-width: 768px) {
    2920   .entry-content > *,
    2921   .entry-summary > * {
    2922     max-width: calc(8 * (100vw / 12));
     3527.entry .entry-content > *,
     3528.entry .entry-summary > * {
     3529  margin: 32px 0;
     3530  max-width: 100%;
     3531}
     3532
     3533@media only screen and (min-width: 768px) {
     3534  .entry .entry-content > *,
     3535  .entry .entry-summary > * {
     3536    max-width: calc(8 * (100vw / 12) - 28px);
    29233537  }
    29243538}
    29253539
    29263540@media only screen and (min-width: 1168px) {
    2927   .entry-content > *,
    2928   .entry-summary > * {
    2929     max-width: calc(6 * (100vw / 12));
    2930   }
    2931 }
    2932 
    2933 @media only screen and (min-width: 768px) {
    2934   .entry-content > *,
    2935   .entry-summary > * {
    2936     margin: 32px calc(2 * (100vw / 12));
    2937   }
    2938 }
    2939 
    2940 .entry-content > * > *:first-child,
    2941 .entry-summary > * > *:first-child {
     3541  .entry .entry-content > *,
     3542  .entry .entry-summary > * {
     3543    max-width: calc(6 * (100vw / 12) - 28px);
     3544  }
     3545}
     3546
     3547@media only screen and (min-width: 768px) {
     3548  .entry .entry-content > *,
     3549  .entry .entry-summary > * {
     3550    margin: 32px 0;
     3551  }
     3552}
     3553
     3554.entry .entry-content > * > *:first-child,
     3555.entry .entry-summary > * > *:first-child {
    29423556  margin-top: 0;
    29433557}
    29443558
    2945 .entry-content > * > *:last-child,
    2946 .entry-summary > * > *:last-child {
     3559.entry .entry-content > * > *:last-child,
     3560.entry .entry-summary > * > *:last-child {
    29473561  margin-bottom: 0;
    29483562}
    29493563
    2950 .entry-content > *.alignwide,
    2951 .entry-summary > *.alignwide {
     3564.entry .entry-content > *.alignwide,
     3565.entry .entry-summary > *.alignwide {
    29523566  margin-right: auto;
    29533567  margin-left: auto;
    2954 }
    2955 
    2956 @media only screen and (min-width: 768px) {
    2957   .entry-content > *.alignwide,
    2958   .entry-summary > *.alignwide {
    2959     margin-right: calc(2 * (100vw / 12));
    2960     margin-left: calc(2 * (100vw / 12));
    2961     max-width: calc(8 * (100vw / 12));
    2962   }
    2963 }
    2964 
    2965 .entry-content > *.alignfull,
    2966 .entry-summary > *.alignfull {
    2967   margin-top: calc(2 * 1rem);
    2968   margin-left: 0;
    2969   margin-bottom: calc(2 * 1rem);
     3568  clear: both;
     3569}
     3570
     3571@media only screen and (min-width: 768px) {
     3572  .entry .entry-content > *.alignwide,
     3573  .entry .entry-summary > *.alignwide {
     3574    width: 100%;
     3575    max-width: 100%;
     3576  }
     3577}
     3578
     3579.entry .entry-content > *.alignfull,
     3580.entry .entry-summary > *.alignfull {
     3581  position: relative;
     3582  right: -1rem;
     3583  width: calc( 100% + (2 * 1rem));
     3584  max-width: calc( 100% + (2 * 1rem));
     3585  clear: both;
     3586}
     3587
     3588@media only screen and (min-width: 768px) {
     3589  .entry .entry-content > *.alignfull,
     3590  .entry .entry-summary > *.alignfull {
     3591    margin-top: calc(2 * 1rem);
     3592    margin-bottom: calc(2 * 1rem);
     3593    right: calc( -12.5% - 75px);
     3594    width: calc( 125% + 150px);
     3595    max-width: calc( 125% + 150px);
     3596  }
     3597}
     3598
     3599.entry .entry-content > *.alignleft,
     3600.entry .entry-summary > *.alignleft {
     3601  float: left;
     3602  max-width: calc(5 * (100vw / 12));
     3603  margin-top: 0;
    29703604  margin-right: 0;
    2971   max-width: 100%;
    2972 }
    2973 
    2974 .entry-content > *.alignleft,
    2975 .entry-summary > *.alignleft {
     3605  margin-right: 1rem;
     3606}
     3607
     3608@media only screen and (min-width: 768px) {
     3609  .entry .entry-content > *.alignleft,
     3610  .entry .entry-summary > *.alignleft {
     3611    max-width: calc(4 * (100vw / 12));
     3612    margin-right: calc(2 * 1rem);
     3613  }
     3614}
     3615
     3616@media only screen and (min-width: 1168px) {
     3617  .entry .entry-content > *.alignleft,
     3618  .entry .entry-summary > *.alignleft {
     3619    max-width: calc(3 * (100vw / 12));
     3620  }
     3621}
     3622
     3623.entry .entry-content > *.alignright,
     3624.entry .entry-summary > *.alignright {
    29763625  float: right;
    29773626  max-width: calc(5 * (100vw / 12));
    29783627  margin-top: 0;
    2979 }
    2980 
    2981 @media only screen and (min-width: 768px) {
    2982   .entry-content > *.alignleft,
    2983   .entry-summary > *.alignleft {
     3628  margin-left: 0;
     3629  margin-left: 1rem;
     3630}
     3631
     3632@media only screen and (min-width: 768px) {
     3633  .entry .entry-content > *.alignright,
     3634  .entry .entry-summary > *.alignright {
    29843635    max-width: calc(4 * (100vw / 12));
     3636    margin-left: 0;
    29853637    margin-left: calc(2 * 1rem);
    29863638  }
    29873639}
    29883640
    2989 @media only screen and (min-width: 1168px) {
    2990   .entry-content > *.alignleft,
    2991   .entry-summary > *.alignleft {
    2992     max-width: calc(3 * (100vw / 12));
    2993   }
    2994 }
    2995 
    2996 .entry-content > *.alignright,
    2997 .entry-summary > *.alignright {
    2998   float: left;
    2999   max-width: calc(5 * (100vw / 12));
    3000   margin-top: 0;
    3001   margin-right: 1rem;
    3002   margin-left: 1rem;
    3003 }
    3004 
    3005 @media only screen and (min-width: 768px) {
    3006   .entry-content > *.alignright,
    3007   .entry-summary > *.alignright {
    3008     max-width: calc(4 * (100vw / 12));
    3009     margin-right: calc(2 * 1rem);
    3010     margin-left: calc(2 * (100vw / 12));
    3011   }
    3012 }
    3013 
    3014 .entry-content > *.aligncenter,
    3015 .entry-summary > *.aligncenter {
     3641.entry .entry-content > *.aligncenter,
     3642.entry .entry-summary > *.aligncenter {
    30163643  margin-right: auto;
    30173644  margin-left: auto;
    30183645}
    30193646
     3647@media only screen and (min-width: 768px) {
     3648  .entry .entry-content > *.aligncenter,
     3649  .entry .entry-summary > *.aligncenter {
     3650    max-width: calc(8 * (100vw / 12) - 28px);
     3651  }
     3652}
     3653
    30203654@media only screen and (min-width: 1168px) {
    3021   .entry-content > *.aligncenter,
    3022   .entry-summary > *.aligncenter {
    3023     margin-right: calc(2 * (100vw / 12));
    3024     margin-left: calc(2 * (100vw / 12));
    3025     max-width: calc(10 * (100vw / 12));
    3026     position: relative;
    3027     right: 25%;
    3028     transform: translate(50%);
    3029   }
    3030 }
    3031 
    3032 .entry-content .wp-block-audio {
     3655  .entry .entry-content > *.aligncenter,
     3656  .entry .entry-summary > *.aligncenter {
     3657    max-width: calc(6 * (100vw / 12) - 28px);
     3658  }
     3659}
     3660
     3661@media only screen and (min-width: 768px) {
     3662  .entry .entry-content > *.aligncenter,
     3663  .entry .entry-summary > *.aligncenter {
     3664    margin-right: 0;
     3665    margin-left: 0;
     3666  }
     3667}
     3668
     3669/*
     3670 * Unset nested content selector styles
     3671 * - Prevents layout styles from cascading too deeply
     3672 * - helps with plugin compatibility
     3673 */
     3674.entry .entry-content .entry-content,
     3675.entry .entry-content .entry-summary,
     3676.entry .entry-content .entry,
     3677.entry .entry-summary .entry-content,
     3678.entry .entry-summary .entry-summary,
     3679.entry .entry-summary .entry {
     3680  margin: inherit;
     3681  max-width: inherit;
     3682  padding: inherit;
     3683}
     3684
     3685@media only screen and (min-width: 768px) {
     3686  .entry .entry-content .entry-content,
     3687  .entry .entry-content .entry-summary,
     3688  .entry .entry-content .entry,
     3689  .entry .entry-summary .entry-content,
     3690  .entry .entry-summary .entry-summary,
     3691  .entry .entry-summary .entry {
     3692    margin: inherit;
     3693    max-width: inherit;
     3694    padding: inherit;
     3695  }
     3696}
     3697
     3698.entry .entry-content p.has-background {
     3699  padding: 20px 30px;
     3700}
     3701
     3702.entry .entry-content .wp-block-audio {
    30333703  width: 100%;
    30343704}
    30353705
    3036 .entry-content .wp-block-audio audio {
     3706.entry .entry-content .wp-block-audio audio {
    30373707  width: 100%;
    30383708}
    30393709
    3040 .entry-content .wp-block-audio.alignleft audio,
    3041 .entry-content .wp-block-audio.alignright audio {
    3042   max-width: 190px;
    3043 }
    3044 
    3045 @media only screen and (min-width: 768px) {
    3046   .entry-content .wp-block-audio.alignleft audio,
    3047   .entry-content .wp-block-audio.alignright audio {
     3710.entry .entry-content .wp-block-audio.alignleft audio,
     3711.entry .entry-content .wp-block-audio.alignright audio {
     3712  max-width: 198px;
     3713}
     3714
     3715@media only screen and (min-width: 768px) {
     3716  .entry .entry-content .wp-block-audio.alignleft audio,
     3717  .entry .entry-content .wp-block-audio.alignright audio {
    30483718    max-width: 384px;
    30493719  }
    … …  
    30513721
    30523722@media only screen and (min-width: 1379px) {
    3053   .entry-content .wp-block-audio.alignleft audio,
    3054   .entry-content .wp-block-audio.alignright audio {
     3723  .entry .entry-content .wp-block-audio.alignleft audio,
     3724  .entry .entry-content .wp-block-audio.alignright audio {
    30553725    max-width: 385.44px;
    30563726  }
    30573727}
    30583728
    3059 .entry-content .wp-block-audio.aligncenter {
     3729.entry .entry-content .wp-block-audio.aligncenter {
    30603730  margin: 32px calc(2 * (100vw / 12));
    30613731  max-width: calc(6 * (100vw / 12));
    30623732}
    30633733
    3064 .entry-content .wp-block-video video {
     3734.entry .entry-content .wp-block-video video {
    30653735  width: 100%;
    30663736}
    30673737
    3068 .entry-content .wp-block-button .wp-block-button__link {
     3738.entry .entry-content .wp-block-button .wp-block-button__link {
    30693739  transition: background 150ms ease-in-out;
    30703740  border: none;
    … …  
    30823752}
    30833753
    3084 .entry-content .wp-block-button .wp-block-button__link:hover {
     3754.entry .entry-content .wp-block-button .wp-block-button__link:hover {
     3755  background: #111;
    30853756  cursor: pointer;
    30863757}
    30873758
    3088 .entry-content .wp-block-button .wp-block-button__link:hover, .entry-content .wp-block-button .wp-block-button__link:focus {
     3759.entry .entry-content .wp-block-button .wp-block-button__link:focus {
    30893760  background: #111;
    3090 }
    3091 
    3092 .entry-content .wp-block-button .wp-block-button__link:focus {
    30933761  outline: thin dotted;
    30943762  outline-offset: -4px;
    30953763}
    30963764
    3097 .entry-content .wp-block-button:not(.is-style-squared) .wp-block-button__link {
     3765.entry .entry-content .wp-block-button:not(.is-style-squared) .wp-block-button__link {
    30983766  border-radius: 5px;
    30993767}
    31003768
    3101 .entry-content .wp-block-button.is-style-outline .wp-block-button__link,
    3102 .entry-content .wp-block-button.is-style-outline .wp-block-button__link:focus,
    3103 .entry-content .wp-block-button.is-style-outline .wp-block-button__link:active {
     3769.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link,
     3770.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:focus,
     3771.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:active {
    31043772  transition: all 150ms ease-in-out;
    31053773  background: transparent;
    … …  
    31083776}
    31093777
    3110 .entry-content .wp-block-button.is-style-outline .wp-block-button__link:hover {
     3778.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:hover {
    31113779  color: #111;
    31123780}
    31133781
    3114 .entry-content .wp-block-archives,
    3115 .entry-content .wp-block-categories,
    3116 .entry-content .wp-block-latest-posts {
     3782.entry .entry-content .wp-block-archives,
     3783.entry .entry-content .wp-block-categories,
     3784.entry .entry-content .wp-block-latest-posts {
    31173785  padding: 0;
    31183786  list-style: none;
    31193787}
    31203788
    3121 .entry-content .wp-block-archives li,
    3122 .entry-content .wp-block-categories li,
    3123 .entry-content .wp-block-latest-posts li {
     3789.entry .entry-content .wp-block-archives li,
     3790.entry .entry-content .wp-block-categories li,
     3791.entry .entry-content .wp-block-latest-posts li {
    31243792  color: #767676;
    31253793  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    … …  
    31273795  font-weight: bold;
    31283796  line-height: 1.2;
    3129 }
    3130 
    3131 .entry-content .wp-block-archives li:not(.menu-item-has-children),
    3132 .entry-content .wp-block-categories li:not(.menu-item-has-children),
    3133 .entry-content .wp-block-latest-posts li:not(.menu-item-has-children) {
    31343797  padding-bottom: 0.75rem;
    31353798}
    31363799
    3137 .entry-content .wp-block-archives li a,
    3138 .entry-content .wp-block-categories li a,
    3139 .entry-content .wp-block-latest-posts li a {
     3800.entry .entry-content .wp-block-archives li.menu-item-has-children, .entry .entry-content .wp-block-archives li:last-child,
     3801.entry .entry-content .wp-block-categories li.menu-item-has-children,
     3802.entry .entry-content .wp-block-categories li:last-child,
     3803.entry .entry-content .wp-block-latest-posts li.menu-item-has-children,
     3804.entry .entry-content .wp-block-latest-posts li:last-child {
     3805  padding-bottom: 0;
     3806}
     3807
     3808.entry .entry-content .wp-block-archives li a,
     3809.entry .entry-content .wp-block-categories li a,
     3810.entry .entry-content .wp-block-latest-posts li a {
    31403811  text-decoration: none;
    31413812}
    31423813
    3143 .entry-content .wp-block-archives li ul,
    3144 .entry-content .wp-block-categories li ul,
    3145 .entry-content .wp-block-latest-posts li ul {
    3146   padding-right: 1rem;
    3147 }
    3148 
    3149 .entry-content .wp-block-latest-posts.is-grid li {
     3814.entry .entry-content .wp-block-categories ul {
     3815  padding-top: 0.75rem;
     3816}
     3817
     3818.entry .entry-content .wp-block-categories li ul {
     3819  list-style: none;
     3820  padding-right: 0;
     3821}
     3822
     3823.entry .entry-content .wp-block-categories ul li > a:before {
     3824  font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
     3825  font-weight: normal;
     3826}
     3827
     3828.entry .entry-content .wp-block-categories ul > li > a:before {
     3829  content: "\2013\00a0";
     3830}
     3831
     3832.entry .entry-content .wp-block-categories ul ul li > a:before {
     3833  content: "\2013\00a0\2013\00a0";
     3834}
     3835
     3836.entry .entry-content .wp-block-categories ul ul ul li > a:before {
     3837  content: "\2013\00a0\2013\00a0\2013\00a0";
     3838}
     3839
     3840.entry .entry-content .wp-block-categories ul ul ul ul li > a:before {
     3841  content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     3842}
     3843
     3844.entry .entry-content .wp-block-categories ul ul ul ul ul li > a:before {
     3845  content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     3846}
     3847
     3848.entry .entry-content .wp-block-categories ul ul ul ul ul ul li > a:before {
     3849  content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     3850}
     3851
     3852.entry .entry-content .wp-block-categories ul ul ul ul ul ul ul li > a:before {
     3853  content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     3854}
     3855
     3856.entry .entry-content .wp-block-categories ul ul ul ul ul ul ul ul li > a:before {
     3857  content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     3858}
     3859
     3860.entry .entry-content .wp-block-categories ul ul ul ul ul ul ul ul ul li > a:before {
     3861  content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     3862}
     3863
     3864.entry .entry-content .wp-block-latest-posts.is-grid li {
    31503865  border-top: 2px solid #ccc;
    31513866  padding-top: 1rem;
    … …  
    31533868}
    31543869
    3155 .entry-content .wp-block-latest-posts.is-grid li a:after {
     3870.entry .entry-content .wp-block-latest-posts.is-grid li a:after {
    31563871  content: '';
    31573872}
    31583873
    3159 .entry-content .wp-block-latest-posts.is-grid li:last-child {
     3874.entry .entry-content .wp-block-latest-posts.is-grid li:last-child {
    31603875  margin-bottom: auto;
    31613876}
    31623877
    3163 .entry-content .wp-block-latest-posts.is-grid li:last-child a:after {
     3878.entry .entry-content .wp-block-latest-posts.is-grid li:last-child a:after {
    31643879  content: '';
    31653880}
    31663881
    3167 .entry-content .wp-block-preformatted {
     3882.entry .entry-content .wp-block-preformatted {
    31683883  font-size: 0.71111em;
    31693884  line-height: 1.8;
    … …  
    31713886}
    31723887
    3173 .entry-content .wp-block-verse {
     3888.entry .entry-content .wp-block-verse {
    31743889  font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
    31753890  font-size: 22px;
    … …  
    31773892}
    31783893
    3179 .entry-content .has-drop-cap:not(:focus):first-letter {
     3894.entry .entry-content .has-drop-cap:not(:focus):first-letter {
    31803895  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    31813896  font-size: 3.375em;
    … …  
    31853900}
    31863901
    3187 .entry-content .wp-block-pullquote {
     3902.entry .entry-content .wp-block-pullquote {
    31883903  border: none;
    31893904  padding: 1rem;
    31903905}
    31913906
    3192 .entry-content .wp-block-pullquote blockquote {
     3907.entry .entry-content .wp-block-pullquote blockquote {
    31933908  color: #111;
    31943909  border: none;
    3195   padding-bottom: calc(2 * 1rem);
     3910  margin-top: calc(4 * 1rem);
     3911  margin-bottom: calc(4.33 * 1rem);
    31963912  margin-left: 0;
    31973913}
    31983914
    3199 .entry-content .wp-block-pullquote p {
     3915.entry .entry-content .wp-block-pullquote p {
    32003916  font-size: 1.6875em;
    32013917  font-style: italic;
    … …  
    32053921}
    32063922
    3207 .entry-content .wp-block-pullquote p em {
     3923.entry .entry-content .wp-block-pullquote p em {
    32083924  font-style: normal;
    32093925}
    32103926
    32113927@media only screen and (min-width: 768px) {
    3212   .entry-content .wp-block-pullquote p {
     3928  .entry .entry-content .wp-block-pullquote p {
    32133929    font-size: 2.25em;
    32143930  }
    32153931}
    32163932
    3217 .entry-content .wp-block-pullquote cite {
     3933.entry .entry-content .wp-block-pullquote cite {
    32183934  display: inline-block;
    32193935  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    3220   font-size: 0.71111em;
    32213936  line-height: 1.6;
    32223937  text-transform: none;
    3223 }
    3224 
    3225 .entry-content .wp-block-pullquote.alignleft, .entry-content .wp-block-pullquote.alignright {
     3938  color: #767676;
     3939  /*
     3940                         * This requires a rem-based font size calculation instead of our normal em-based one,
     3941                         * because the cite tag sometimes gets wrapped in a p tag. This is equivalent to $font-size_xs.
     3942                         */
     3943  font-size: calc(1rem / (1.25 * 1.125));
     3944}
     3945
     3946.entry .entry-content .wp-block-pullquote.alignleft, .entry .entry-content .wp-block-pullquote.alignright {
     3947  width: 100%;
    32263948  padding: 0;
    32273949}
    32283950
    3229 .entry-content .wp-block-pullquote.alignleft blockquote, .entry-content .wp-block-pullquote.alignright blockquote {
     3951.entry .entry-content .wp-block-pullquote.alignleft blockquote, .entry .entry-content .wp-block-pullquote.alignright blockquote {
    32303952  margin-right: 0;
    32313953  padding: 0;
    … …  
    32343956}
    32353957
    3236 .entry-content .wp-block-pullquote.is-style-solid-color {
     3958.entry .entry-content .wp-block-pullquote.is-style-solid-color {
    32373959  background-color: #0073aa;
    3238 }
    3239 
    3240 .entry-content .wp-block-pullquote.is-style-solid-color p {
     3960  padding-right: 0;
     3961  padding-left: 0;
     3962}
     3963
     3964@media only screen and (min-width: 768px) {
     3965  .entry .entry-content .wp-block-pullquote.is-style-solid-color {
     3966    padding-right: 10%;
     3967    padding-left: 10%;
     3968  }
     3969}
     3970
     3971.entry .entry-content .wp-block-pullquote.is-style-solid-color p {
    32413972  font-size: 1.6875em;
    32423973  line-height: 1.3;
    … …  
    32463977
    32473978@media only screen and (min-width: 768px) {
    3248   .entry-content .wp-block-pullquote.is-style-solid-color p {
     3979  .entry .entry-content .wp-block-pullquote.is-style-solid-color p {
    32493980    font-size: 2.25em;
    32503981  }
    32513982}
    32523983
    3253 .entry-content .wp-block-pullquote.is-style-solid-color a {
     3984.entry .entry-content .wp-block-pullquote.is-style-solid-color a {
    32543985  color: #fff;
    32553986}
    32563987
    3257 .entry-content .wp-block-pullquote.is-style-solid-color blockquote {
     3988.entry .entry-content .wp-block-pullquote.is-style-solid-color cite {
     3989  color: inherit;
     3990}
     3991
     3992.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote {
     3993  max-width: calc(100% - (2 * 1rem));
    32583994  color: #fff;
    3259   margin: 0 auto;
    3260 }
    3261 
    3262 .entry-content .wp-block-pullquote.is-style-solid-color .has-primary-background-color {
     3995  padding-right: 0;
     3996  margin-right: 1rem;
     3997}
     3998
     3999@media only screen and (min-width: 768px) {
     4000  .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote {
     4001    margin-right: 0;
     4002    margin-left: 0;
     4003  }
     4004}
     4005
     4006.entry .entry-content .wp-block-pullquote.is-style-solid-color .has-primary-background-color {
    32634007  background-color: #0073aa;
    32644008}
    32654009
    3266 .entry-content .wp-block-pullquote.is-style-solid-color.alignleft, .entry-content .wp-block-pullquote.is-style-solid-color.alignright {
    3267   padding: 1rem 1rem 0;
    3268 }
    3269 
    3270 .entry-content .wp-block-pullquote.is-style-solid-color.alignleft blockquote, .entry-content .wp-block-pullquote.is-style-solid-color.alignright blockquote {
    3271   padding: 0 0 calc( 1.5 * 1rem);
    3272   margin-right: 0;
    3273   margin-top: 0;
    3274 }
    3275 
    3276 @media only screen and (min-width: 768px) {
    3277   .entry-content .wp-block-pullquote.is-style-solid-color.alignleft, .entry-content .wp-block-pullquote.is-style-solid-color.alignright {
    3278     padding: calc( 2 * 1rem) calc( 2 * 1rem) 1rem;
    3279   }
    3280 }
    3281 
    3282 .entry-content .wp-block-quote:not(.is-large), .entry-content .wp-block-quote:not(.is-style-large) {
     4010@media only screen and (min-width: 768px) {
     4011  .entry .entry-content .wp-block-pullquote.is-style-solid-color.alignfull {
     4012    padding-right: calc(10% + 58px + (2 * 1rem));
     4013    padding-left: calc(10% + 58px + (2 * 1rem));
     4014  }
     4015}
     4016
     4017.entry .entry-content .wp-block-quote:not(.is-large), .entry .entry-content .wp-block-quote:not(.is-style-large) {
    32834018  border-right: 2px solid #0073aa;
    32844019  padding-top: 0;
    … …  
    32864021}
    32874022
    3288 .entry-content .wp-block-quote p {
     4023.entry .entry-content .wp-block-quote p {
    32894024  font-size: 1em;
    32904025  font-style: normal;
    … …  
    32924027}
    32934028
    3294 .entry-content .wp-block-quote cite {
    3295   font-size: 0.71111em;
    3296 }
    3297 
    3298 .entry-content .wp-block-quote.is-large, .entry-content .wp-block-quote.is-style-large {
    3299   padding: 1rem 2rem 1rem 0;
     4029.entry .entry-content .wp-block-quote cite {
     4030  /*
     4031                         * This requires a rem-based font size calculation instead of our normal em-based one,
     4032                         * because the cite tag sometimes gets wrapped in a p tag. This is equivalent to $font-size_xs.
     4033                         */
     4034  font-size: calc(1rem / (1.25 * 1.125));
     4035}
     4036
     4037.entry .entry-content .wp-block-quote.is-large, .entry .entry-content .wp-block-quote.is-style-large {
    33004038  margin: 1rem 0;
     4039  padding: 0;
    33014040  border-right: none;
    33024041}
    33034042
    3304 .entry-content .wp-block-quote.is-large p, .entry-content .wp-block-quote.is-style-large p {
     4043.entry .entry-content .wp-block-quote.is-large p, .entry .entry-content .wp-block-quote.is-style-large p {
    33054044  font-size: 1.6875em;
    33064045  line-height: 1.4;
    … …  
    33084047}
    33094048
    3310 .entry-content .wp-block-quote.is-large cite,
    3311 .entry-content .wp-block-quote.is-large footer, .entry-content .wp-block-quote.is-style-large cite,
    3312 .entry-content .wp-block-quote.is-style-large footer {
    3313   font-size: 0.71111em;
    3314 }
    3315 
    3316 @media only screen and (min-width: 768px) {
    3317   .entry-content .wp-block-quote.is-large, .entry-content .wp-block-quote.is-style-large {
    3318     margin: 1rem calc(2 * (100vw / 12));
    3319     max-width: calc(6 * (100vw / 12));
    3320   }
    3321   .entry-content .wp-block-quote.is-large p, .entry-content .wp-block-quote.is-style-large p {
     4049.entry .entry-content .wp-block-quote.is-large cite,
     4050.entry .entry-content .wp-block-quote.is-large footer, .entry .entry-content .wp-block-quote.is-style-large cite,
     4051.entry .entry-content .wp-block-quote.is-style-large footer {
     4052  /*
     4053                                 * This requires a rem-based font size calculation instead of our normal em-based one,
     4054                                 * because the cite tag sometimes gets wrapped in a p tag. This is equivalent to $font-size_xs.
     4055                                 */
     4056  font-size: calc(1rem / (1.25 * 1.125));
     4057}
     4058
     4059@media only screen and (min-width: 768px) {
     4060  .entry .entry-content .wp-block-quote.is-large, .entry .entry-content .wp-block-quote.is-style-large {
     4061    margin: 1rem 0;
     4062    padding: 1rem 0;
     4063  }
     4064  .entry .entry-content .wp-block-quote.is-large p, .entry .entry-content .wp-block-quote.is-style-large p {
    33224065    font-size: 1.6875em;
    33234066  }
    33244067}
    33254068
    3326 .entry-content .wp-block-image img {
     4069.entry .entry-content .wp-block-image img {
    33274070  display: block;
    33284071}
    33294072
    3330 .entry-content .wp-block-image.alignleft, .entry-content .wp-block-image.alignright {
     4073.entry .entry-content .wp-block-image.alignleft, .entry .entry-content .wp-block-image.alignright {
    33314074  max-width: 100%;
    33324075}
    33334076
    3334 .entry-content .wp-block-image.alignfull img {
     4077.entry .entry-content .wp-block-image.alignfull img {
    33354078  width: 100vw;
    3336   margin-right: auto;
    3337   margin-left: auto;
    3338 }
    3339 
    3340 .entry-content .wp-block-cover-image .wp-block-cover-image-text,
    3341 .entry-content .wp-block-cover-image .wp-block-cover-text,
    3342 .entry-content .wp-block-cover-image h2,
    3343 .entry-content .wp-block-cover .wp-block-cover-image-text,
    3344 .entry-content .wp-block-cover .wp-block-cover-text,
    3345 .entry-content .wp-block-cover h2 {
     4079}
     4080
     4081@media only screen and (min-width: 768px) {
     4082  .entry .entry-content .wp-block-image.alignfull img {
     4083    margin-right: auto;
     4084    margin-left: auto;
     4085  }
     4086}
     4087
     4088.entry .entry-content .wp-block-cover-image,
     4089.entry .entry-content .wp-block-cover {
     4090  position: relative;
     4091  min-height: 430px;
     4092  padding: 1rem;
     4093}
     4094
     4095@media only screen and (min-width: 768px) {
     4096  .entry .entry-content .wp-block-cover-image,
     4097  .entry .entry-content .wp-block-cover {
     4098    padding: 1rem 10%;
     4099  }
     4100}
     4101
     4102.entry .entry-content .wp-block-cover-image .wp-block-cover-image-text,
     4103.entry .entry-content .wp-block-cover-image .wp-block-cover-text,
     4104.entry .entry-content .wp-block-cover-image h2,
     4105.entry .entry-content .wp-block-cover .wp-block-cover-image-text,
     4106.entry .entry-content .wp-block-cover .wp-block-cover-text,
     4107.entry .entry-content .wp-block-cover h2 {
    33464108  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    33474109  font-size: 1.6875em;
    33484110  font-weight: bold;
    3349   width: calc(100vw - (2 * 1rem));
    3350   max-width: calc(100vw - (2 * 1rem));
    3351 }
    3352 
    3353 @media only screen and (min-width: 768px) {
    3354   .entry-content .wp-block-cover-image .wp-block-cover-image-text,
    3355   .entry-content .wp-block-cover-image .wp-block-cover-text,
    3356   .entry-content .wp-block-cover-image h2,
    3357   .entry-content .wp-block-cover .wp-block-cover-image-text,
    3358   .entry-content .wp-block-cover .wp-block-cover-text,
    3359   .entry-content .wp-block-cover h2 {
     4111  line-height: 1.25;
     4112  padding: 0;
     4113  color: #fff;
     4114}
     4115
     4116@media only screen and (min-width: 768px) {
     4117  .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text,
     4118  .entry .entry-content .wp-block-cover-image .wp-block-cover-text,
     4119  .entry .entry-content .wp-block-cover-image h2,
     4120  .entry .entry-content .wp-block-cover .wp-block-cover-image-text,
     4121  .entry .entry-content .wp-block-cover .wp-block-cover-text,
     4122  .entry .entry-content .wp-block-cover h2 {
    33604123    font-size: 2.25em;
    3361     width: calc(8 * (100vw / 12));
    3362     max-width: calc(8 * (100vw / 12));
    3363   }
    3364 }
    3365 
    3366 @media only screen and (min-width: 1168px) {
    3367   .entry-content .wp-block-cover-image .wp-block-cover-image-text,
    3368   .entry-content .wp-block-cover-image .wp-block-cover-text,
    3369   .entry-content .wp-block-cover-image h2,
    3370   .entry-content .wp-block-cover .wp-block-cover-image-text,
    3371   .entry-content .wp-block-cover .wp-block-cover-text,
    3372   .entry-content .wp-block-cover h2 {
    3373     width: calc(6 * (100vw / 12 ));
    3374     max-width: calc(6 * (100vw / 12 ));
    3375   }
    3376 }
    3377 
    3378 .entry-content .wp-block-cover-image.alignleft h2,
    3379 .entry-content .wp-block-cover-image.alignleft .wp-block-cover-image-text,
    3380 .entry-content .wp-block-cover-image.alignleft .wp-block-cover-text, .entry-content .wp-block-cover-image.alignright h2,
    3381 .entry-content .wp-block-cover-image.alignright .wp-block-cover-image-text,
    3382 .entry-content .wp-block-cover-image.alignright .wp-block-cover-text, .entry-content .wp-block-cover-image.aligncenter h2,
    3383 .entry-content .wp-block-cover-image.aligncenter .wp-block-cover-image-text,
    3384 .entry-content .wp-block-cover-image.aligncenter .wp-block-cover-text,
    3385 .entry-content .wp-block-cover.alignleft h2,
    3386 .entry-content .wp-block-cover.alignleft .wp-block-cover-image-text,
    3387 .entry-content .wp-block-cover.alignleft .wp-block-cover-text,
    3388 .entry-content .wp-block-cover.alignright h2,
    3389 .entry-content .wp-block-cover.alignright .wp-block-cover-image-text,
    3390 .entry-content .wp-block-cover.alignright .wp-block-cover-text,
    3391 .entry-content .wp-block-cover.aligncenter h2,
    3392 .entry-content .wp-block-cover.aligncenter .wp-block-cover-image-text,
    3393 .entry-content .wp-block-cover.aligncenter .wp-block-cover-text {
     4124    max-width: 100%;
     4125  }
     4126}
     4127
     4128.entry .entry-content .wp-block-cover-image.aligncenter h2,
     4129.entry .entry-content .wp-block-cover-image.aligncenter .wp-block-cover-image-text,
     4130.entry .entry-content .wp-block-cover-image.aligncenter .wp-block-cover-text,
     4131.entry .entry-content .wp-block-cover.aligncenter h2,
     4132.entry .entry-content .wp-block-cover.aligncenter .wp-block-cover-image-text,
     4133.entry .entry-content .wp-block-cover.aligncenter .wp-block-cover-text {
    33944134  width: 100%;
    33954135  z-index: 1;
    … …  
    34004140}
    34014141
    3402 .entry-content .wp-block-cover-image.aligncenter,
    3403 .entry-content .wp-block-cover.aligncenter {
    3404   margin: 32px calc(2 * (100vw / 12));
    3405   max-width: calc(6 * (100vw / 12));
    3406 }
    3407 
    3408 .entry-content .wp-block-cover-image.has-left-content,
    3409 .entry-content .wp-block-cover.has-left-content {
    3410   justify-content: center;
    3411 }
    3412 
    3413 .entry-content .wp-block-cover-image.has-left-content h2,
    3414 .entry-content .wp-block-cover-image.has-left-content .wp-block-cover-image-text,
    3415 .entry-content .wp-block-cover-image.has-left-content .wp-block-cover-text,
    3416 .entry-content .wp-block-cover.has-left-content h2,
    3417 .entry-content .wp-block-cover.has-left-content .wp-block-cover-image-text,
    3418 .entry-content .wp-block-cover.has-left-content .wp-block-cover-text {
    3419   padding: 1rem;
    3420 }
    3421 
    3422 .entry-content .wp-block-cover-image.has-right-content,
    3423 .entry-content .wp-block-cover.has-right-content {
    3424   justify-content: center;
    3425 }
    3426 
    3427 .entry-content .wp-block-cover-image.has-right-content h2,
    3428 .entry-content .wp-block-cover-image.has-right-content .wp-block-cover-image-text,
    3429 .entry-content .wp-block-cover-image.has-right-content .wp-block-cover-text,
    3430 .entry-content .wp-block-cover.has-right-content h2,
    3431 .entry-content .wp-block-cover.has-right-content .wp-block-cover-image-text,
    3432 .entry-content .wp-block-cover.has-right-content .wp-block-cover-text {
    3433   padding: 1rem;
    3434 }
    3435 
    3436 .entry-content .wp-block-gallery .blocks-gallery-image:last-child,
    3437 .entry-content .wp-block-gallery .blocks-gallery-item:last-child {
     4142.entry .entry-content .wp-block-cover-image.alignleft, .entry .entry-content .wp-block-cover-image.alignright,
     4143.entry .entry-content .wp-block-cover.alignleft,
     4144.entry .entry-content .wp-block-cover.alignright {
     4145  width: 100%;
     4146}
     4147
     4148@media only screen and (min-width: 768px) {
     4149  .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-image-text,
     4150  .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-text,
     4151  .entry .entry-content .wp-block-cover-image.alignfull h2,
     4152  .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-image-text,
     4153  .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-text,
     4154  .entry .entry-content .wp-block-cover.alignfull h2 {
     4155    max-width: calc(8 * (100vw / 12) - 28px);
     4156  }
     4157}
     4158
     4159@media only screen and (min-width: 1168px) {
     4160  .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-image-text,
     4161  .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-text,
     4162  .entry .entry-content .wp-block-cover-image.alignfull h2,
     4163  .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-image-text,
     4164  .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-text,
     4165  .entry .entry-content .wp-block-cover.alignfull h2 {
     4166    max-width: calc(6 * (100vw / 12) - 28px);
     4167  }
     4168}
     4169
     4170@media only screen and (min-width: 768px) {
     4171  .entry .entry-content .wp-block-cover-image.alignfull,
     4172  .entry .entry-content .wp-block-cover.alignfull {
     4173    padding-right: calc(10% + 58px + (2 * 1rem));
     4174    padding-left: calc(10% + 58px + (2 * 1rem));
     4175  }
     4176  .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-image-text,
     4177  .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-text,
     4178  .entry .entry-content .wp-block-cover-image.alignfull h2,
     4179  .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-image-text,
     4180  .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-text,
     4181  .entry .entry-content .wp-block-cover.alignfull h2 {
     4182    padding: 0;
     4183  }
     4184}
     4185
     4186.entry .entry-content .wp-block-gallery {
     4187  list-style-type: none;
     4188  padding-right: 0;
     4189}
     4190
     4191.entry .entry-content .wp-block-gallery .blocks-gallery-image:last-child,
     4192.entry .entry-content .wp-block-gallery .blocks-gallery-item:last-child {
    34384193  margin-bottom: 16px;
    34394194}
    34404195
    3441 .entry-content .wp-block-audio figcaption,
    3442 .entry-content .wp-block-video figcaption,
    3443 .entry-content .wp-block-image figcaption,
    3444 .entry-content .wp-block-gallery .blocks-gallery-image figcaption,
    3445 .entry-content .wp-block-gallery .blocks-gallery-item figcaption {
     4196.entry .entry-content .wp-block-audio figcaption,
     4197.entry .entry-content .wp-block-video figcaption,
     4198.entry .entry-content .wp-block-image figcaption,
     4199.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption,
     4200.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption {
    34464201  font-size: 0.71111em;
    34474202  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    … …  
    34524207}
    34534208
    3454 .entry-content .wp-block-separator,
    3455 .entry-content hr {
     4209.entry .entry-content .wp-block-separator,
     4210.entry .entry-content hr {
     4211  background-color: #767676;
     4212  border: 0;
     4213  height: 2px;
    34564214  margin-bottom: 2rem;
    34574215  margin-top: 2rem;
     4216  max-width: 2.25em;
    34584217  text-align: right;
    34594218  /* Remove duplicate rule-line when a separator
    … …  
    34614220}
    34624221
    3463 .entry-content .wp-block-separator:not(.is-style-dots),
    3464 .entry-content hr:not(.is-style-dots) {
    3465   background-color: #767676;
    3466   border: 0;
    3467   height: 2px;
    3468 }
    3469 
    3470 .entry-content .wp-block-separator:not(.is-style-wide):not(.is-style-dots),
    3471 .entry-content hr:not(.is-style-wide):not(.is-style-dots) {
    3472   max-width: 2.25em;
    3473 }
    3474 
    3475 .entry-content .wp-block-separator + h1:before,
    3476 .entry-content .wp-block-separator + h2:before,
    3477 .entry-content hr + h1:before,
    3478 .entry-content hr + h2:before {
    3479   display: none;
    3480 }
    3481 
    3482 .entry-content .wp-block-separator.is-style-dots,
    3483 .entry-content hr.is-style-dots {
    3484   max-width: calc(100vw - (2 * 1rem));
     4222.entry .entry-content .wp-block-separator.is-style-wide,
     4223.entry .entry-content hr.is-style-wide {
     4224  max-width: 100%;
     4225}
     4226
     4227@media only screen and (min-width: 768px) {
     4228  .entry .entry-content .wp-block-separator.is-style-wide,
     4229  .entry .entry-content hr.is-style-wide {
     4230    max-width: calc(8 * (100vw / 12) - 28px);
     4231  }
     4232}
     4233
     4234@media only screen and (min-width: 1168px) {
     4235  .entry .entry-content .wp-block-separator.is-style-wide,
     4236  .entry .entry-content hr.is-style-wide {
     4237    max-width: calc(6 * (100vw / 12) - 28px);
     4238  }
     4239}
     4240
     4241.entry .entry-content .wp-block-separator.is-style-dots,
     4242.entry .entry-content hr.is-style-dots {
     4243  max-width: 100%;
     4244  background-color: inherit;
     4245  border: inherit;
     4246  height: inherit;
    34854247  text-align: center;
    34864248}
    34874249
    34884250@media only screen and (min-width: 768px) {
    3489   .entry-content .wp-block-separator.is-style-dots,
    3490   .entry-content hr.is-style-dots {
    3491     max-width: calc(8 * (100vw / 12));
     4251  .entry .entry-content .wp-block-separator.is-style-dots,
     4252  .entry .entry-content hr.is-style-dots {
     4253    max-width: calc(8 * (100vw / 12) - 28px);
    34924254  }
    34934255}
    34944256
    34954257@media only screen and (min-width: 1168px) {
    3496   .entry-content .wp-block-separator.is-style-dots,
    3497   .entry-content hr.is-style-dots {
    3498     max-width: calc(6 * (100vw / 12));
    3499   }
    3500 }
    3501 
    3502 .entry-content .wp-block-separator.is-style-dots:before,
    3503 .entry-content hr.is-style-dots:before {
     4258  .entry .entry-content .wp-block-separator.is-style-dots,
     4259  .entry .entry-content hr.is-style-dots {
     4260    max-width: calc(6 * (100vw / 12) - 28px);
     4261  }
     4262}
     4263
     4264.entry .entry-content .wp-block-separator.is-style-dots:before,
     4265.entry .entry-content hr.is-style-dots:before {
    35044266  color: #767676;
    35054267  font-size: 1.6875em;
    … …  
    35084270}
    35094271
    3510 .entry-content .wp-block-embed-twitter {
     4272.entry .entry-content .wp-block-separator + h1:before,
     4273.entry .entry-content .wp-block-separator + h2:before,
     4274.entry .entry-content hr + h1:before,
     4275.entry .entry-content hr + h2:before {
     4276  display: none;
     4277}
     4278
     4279.entry .entry-content .wp-block-embed-twitter {
    35114280  overflow: hidden;
    35124281}
    35134282
    3514 .entry-content .wp-block-table td, .entry-content .wp-block-table th {
     4283.entry .entry-content .wp-block-table th,
     4284.entry .entry-content .wp-block-table td {
    35154285  border-color: #767676;
    35164286}
    35174287
    3518 .entry-content .wp-block-file {
     4288.entry .entry-content .wp-block-file {
    35194289  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    35204290}
    35214291
    3522 .entry-content .wp-block-file .wp-block-file__button {
     4292.entry .entry-content .wp-block-file .wp-block-file__button {
    35234293  transition: background 150ms ease-in-out;
    35244294  border: none;
    … …  
    35284298  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    35294299  line-height: 1.2;
     4300  text-decoration: none;
    35304301  font-weight: bold;
    35314302  padding: 0.75rem 1rem;
     4303  color: #fff;
    35324304}
    35334305
    35344306@media only screen and (min-width: 1168px) {
    3535   .entry-content .wp-block-file .wp-block-file__button {
     4307  .entry .entry-content .wp-block-file .wp-block-file__button {
    35364308    font-size: 22px;
    35374309    padding: 0.875rem 1.5rem;
    … …  
    35394311}
    35404312
    3541 .entry-content .wp-block-file .wp-block-file__button:hover {
     4313.entry .entry-content .wp-block-file .wp-block-file__button:hover {
     4314  background: #111;
    35424315  cursor: pointer;
    35434316}
    35444317
    3545 .entry-content .wp-block-file .wp-block-file__button:hover, .entry-content .wp-block-file .wp-block-file__button:focus {
     4318.entry .entry-content .wp-block-file .wp-block-file__button:focus {
    35464319  background: #111;
    3547 }
    3548 
    3549 .entry-content .wp-block-file .wp-block-file__button:focus {
    35504320  outline: thin dotted;
    35514321  outline-offset: -4px;
    35524322}
    35534323
    3554 .entry-content .wp-block-code {
     4324.entry .entry-content .wp-block-file * + .wp-block-file__button {
     4325  margin-right: 0.75rem;
     4326}
     4327
     4328.entry .entry-content .wp-block-code {
    35554329  border-radius: 0;
    35564330}
    35574331
    3558 .entry-content .wp-block-code code {
     4332.entry .entry-content .wp-block-code code {
    35594333  font-size: 1.125em;
    35604334  white-space: pre-wrap;
    … …  
    35624336}
    35634337
    3564 .entry-content .wp-block-columns .wp-block-column > *:first-child {
    3565   margin-top: 0;
    3566 }
    3567 
    3568 .entry-content .wp-block-columns .wp-block-column > *:last-child {
    3569   margin-bottom: 0;
    3570 }
    3571 
    3572 .entry-content .wp-block-columns[class*='has-'] > * {
    3573   margin-left: 1rem;
    3574 }
    3575 
    3576 .entry-content .wp-block-columns[class*='has-'] > *:last-child {
    3577   margin-left: 0;
    3578 }
    3579 
    3580 .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta {
     4338@media only screen and (min-width: 768px) {
     4339  .entry .entry-content .wp-block-columns .wp-block-column > *:first-child {
     4340    margin-top: 0;
     4341  }
     4342  .entry .entry-content .wp-block-columns .wp-block-column > *:last-child {
     4343    margin-bottom: 0;
     4344  }
     4345  .entry .entry-content .wp-block-columns[class*='has-'] > * {
     4346    margin-left: 1rem;
     4347  }
     4348  .entry .entry-content .wp-block-columns[class*='has-'] > *:last-child {
     4349    margin-left: 0;
     4350  }
     4351}
     4352
     4353.entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta {
    35814354  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    35824355  font-weight: bold;
    35834356}
    35844357
    3585 .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-date {
     4358.entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-date {
    35864359  font-weight: normal;
    35874360}
    35884361
    3589 .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment,
    3590 .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-date,
    3591 .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p {
     4362.entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment,
     4363.entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-date,
     4364.entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p {
    35924365  font-size: inherit;
    35934366}
    35944367
    3595 .entry-content .wp-block-latest-comments.has-dates .wp-block-latest-comments__comment-date {
     4368.entry .entry-content .wp-block-latest-comments.has-dates .wp-block-latest-comments__comment-date {
    35964369  font-size: 0.71111em;
    35974370}
    35984371
    3599 .entry-content .has-primary-background-color {
     4372.entry .entry-content .has-primary-background-color {
    36004373  background-color: #0073aa;
    36014374}
    36024375
    3603 .entry-content .has-primary-background-color p,
    3604 .entry-content .has-primary-background-color h1,
    3605 .entry-content .has-primary-background-color h2,
    3606 .entry-content .has-primary-background-color h3,
    3607 .entry-content .has-primary-background-color h4,
    3608 .entry-content .has-primary-background-color h5,
    3609 .entry-content .has-primary-background-color h6,
    3610 .entry-content .has-primary-background-color a {
     4376.entry .entry-content .has-primary-background-color p,
     4377.entry .entry-content .has-primary-background-color h1,
     4378.entry .entry-content .has-primary-background-color h2,
     4379.entry .entry-content .has-primary-background-color h3,
     4380.entry .entry-content .has-primary-background-color h4,
     4381.entry .entry-content .has-primary-background-color h5,
     4382.entry .entry-content .has-primary-background-color h6,
     4383.entry .entry-content .has-primary-background-color a {
    36114384  color: #fff;
    36124385}
    … …  
    36524425}
    36534426
     4427@media only screen and (min-width: 768px) {
     4428  .wp-caption.aligncenter {
     4429    position: relative;
     4430    right: calc( calc(8 * (100vw / 12) - 28px) / 2);
     4431    transform: translateX(50%);
     4432  }
     4433}
     4434
     4435@media only screen and (min-width: 1168px) {
     4436  .wp-caption.aligncenter {
     4437    right: calc( calc(6 * (100vw / 12) - 28px) / 2);
     4438  }
     4439}
     4440
    36544441.wp-caption img[class*="wp-image-"] {
    36554442  display: block;
    … …  
    36804467.gallery-item {
    36814468  display: inline-block;
    3682   padding-left: 1rem;
     4469  margin-left: 1rem;
    36834470  margin-bottom: 1rem;
    36844471  text-align: center;
    … …  
    36884475
    36894476.gallery-columns-2 .gallery-item {
    3690   max-width: calc( ( 12 / 2 ) * (100% / 12));
     4477  max-width: calc( ( 12 / 2 ) * (100% / 12) - ( 1rem * 0.5 ));
     4478}
     4479
     4480.gallery-columns-2 .gallery-item:nth-of-type(2n+2) {
     4481  margin-left: 0;
    36914482}
    36924483
    36934484.gallery-columns-3 .gallery-item {
    3694   max-width: calc( ( 12 / 3 ) * (100% / 12));
     4485  max-width: calc( ( 12 / 3 ) * (100% / 12) - ( 1rem * 0.66667 ));
     4486}
     4487
     4488.gallery-columns-3 .gallery-item:nth-of-type(3n+3) {
     4489  margin-left: 0;
    36954490}
    36964491
    36974492.gallery-columns-4 .gallery-item {
    3698   max-width: calc( ( 12 / 4 ) * (100% / 12));
     4493  max-width: calc( ( 12 / 4 ) * (100% / 12) - ( 1rem * 0.75 ));
     4494}
     4495
     4496.gallery-columns-4 .gallery-item:nth-of-type(4n+4) {
     4497  margin-left: 0;
    36994498}
    37004499
    37014500.gallery-columns-5 .gallery-item {
    3702   max-width: calc( ( 12 / 5 ) * (100% / 12));
     4501  max-width: calc( ( 12 / 5 ) * (100% / 12) - ( 1rem * 0.8 ));
     4502}
     4503
     4504.gallery-columns-5 .gallery-item:nth-of-type(5n+5) {
     4505  margin-left: 0;
    37034506}
    37044507
    37054508.gallery-columns-6 .gallery-item {
    3706   max-width: calc( ( 12 / 6 ) * (100% / 12));
     4509  max-width: calc( ( 12 / 6 ) * (100% / 12) - ( 1rem * 0.83333 ));
     4510}
     4511
     4512.gallery-columns-6 .gallery-item:nth-of-type(6n+6) {
     4513  margin-left: 0;
    37074514}
    37084515
    37094516.gallery-columns-7 .gallery-item {
    3710   max-width: calc( ( 12 / 7 ) * (100% / 12));
     4517  max-width: calc( ( 12 / 7 ) * (100% / 12) - ( 1rem * 0.85714 ));
     4518}
     4519
     4520.gallery-columns-7 .gallery-item:nth-of-type(7n+7) {
     4521  margin-left: 0;
    37114522}
    37124523
    37134524.gallery-columns-8 .gallery-item {
    3714   max-width: calc( ( 12 / 8 ) * (100% / 12));
     4525  max-width: calc( ( 12 / 8 ) * (100% / 12) - ( 1rem * 0.875 ));
     4526}
     4527
     4528.gallery-columns-8 .gallery-item:nth-of-type(8n+8) {
     4529  margin-left: 0;
    37154530}
    37164531
    37174532.gallery-columns-9 .gallery-item {
    3718   max-width: calc( ( 12 / 9 ) * (100% / 12));
     4533  max-width: calc( ( 12 / 9 ) * (100% / 12) - ( 1rem * 0.88889 ));
     4534}
     4535
     4536.gallery-columns-9 .gallery-item:nth-of-type(9n+9) {
     4537  margin-left: 0;
    37194538}
    37204539

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

    r43860 r43892  
    5757 * since its edges can look jagged due to lack of antialiasing. In this case, we are several
    5858 * layers of box-shadow to add the border visually, which will render the border smoother. */
     59/* Fallback for non-latin fonts */
    5960/* Calculates maximum width for post content */
     61/* Nested sub-menu padding: 10 levels deep */
    6062/* Normalize */
    6163/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
    … …  
    135137  text-decoration: underline;
    136138  /* 2 */
    137   -webkit-text-decoration: underline dotted;
    138           text-decoration: underline dotted;
     139  text-decoration: underline dotted;
    139140  /* 2 */
    140141}
    … …  
    421422}
    422423
     424.author-description .author-link,
     425.comment-metadata,
     426.comment-reply-link,
     427.comments-title,
     428.comment-author .fn,
     429.discussion-meta-info,
     430.entry-meta,
     431.entry-footer,
     432.main-navigation,
     433.no-comments,
     434.not-found .page-title,
     435.error-404 .page-title,
     436.post-navigation .post-title,
     437.page-links,
     438.page-description,
     439.pagination .nav-links,
     440.sticky-post,
     441.site-title,
     442.site-info,
     443#cancel-comment-reply-link,
     444img:after,
     445h1,
     446h2,
     447h3,
     448h4,
     449h5,
     450h6 {
     451  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
     452}
     453
    423454.main-navigation,
    424455.page-description,
    425 h2.author-title,
    426456.author-description .author-link,
    427457.not-found .page-title,
    … …  
    433463.no-comments,
    434464.site-title,
    435 h1, h2, h3, h4, h5, h6 {
    436   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
     465h1,
     466h2,
     467h3,
     468h4,
     469h5,
     470h6 {
    437471  font-weight: 700;
    438472  letter-spacing: -0.02em;
    … …  
    440474  -webkit-font-smoothing: antialiased;
    441475  -moz-osx-font-smoothing: grayscale;
    442 }
    443 
    444 .site-info,
    445 .page-description,
    446 .post-navigation .post-title,
    447 .comment-metadata,
    448 .discussion-meta-info,
    449 .entry-meta,
    450 .entry-footer,
    451 .comment-reply-link,
    452 #cancel-comment-reply-link,
    453 img:after,
    454 .page-links,
    455 .sticky-post {
    456   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    457476}
    458477
    … …  
    559578.comments-title,
    560579blockquote {
    561   -webkit-hyphens: auto;
    562       -ms-hyphens: auto;
    563           hyphens: auto;
     580  hyphens: auto;
    564581  word-break: break-word;
    565582}
    … …  
    568585@media only screen and (min-width: 768px) {
    569586  .entry-title {
    570     -webkit-hyphens: none;
    571         -ms-hyphens: none;
    572             hyphens: none;
     587    hyphens: none;
    573588  }
    574589}
    … …  
    579594}
    580595
    581 dfn, cite, em, i {
     596dfn,
     597cite,
     598em,
     599i {
    582600  font-style: italic;
    583601}
    … …  
    596614}
    597615
    598 code, kbd, tt, var {
     616code,
     617kbd,
     618tt,
     619var {
    599620  font-size: 0.88889em;
    600621  font-family: Menlo, monaco, Consolas, Lucida Console, monospace;
    … …  
    606627}
    607628
    608 mark, ins {
     629mark,
     630ins {
    609631  background: #fff9c0;
    610632  text-decoration: none;
    … …  
    625647a:focus {
    626648  text-decoration: underline;
     649}
     650
     651/* Arabic */
     652html[lang="ar"] .site *,
     653html[lang="ary"] .site *,
     654html[lang="azb"] .site *,
     655html[lang="ckb"] .site *,
     656html[lang="fa-IR"] .site *,
     657html[lang="haz"] .site *,
     658html[lang="ps"] .site * {
     659  font-family: Tahoma, Arial, sans-serif !important;
     660}
     661
     662/* Cyrillic */
     663html[lang="be"] .site *,
     664html[lang="bg-BG"] .site *,
     665html[lang="kk"] .site *,
     666html[lang="mk-MK"] .site *,
     667html[lang="mn"] .site *,
     668html[lang="ru-RU"] .site *,
     669html[lang="sah"] .site *,
     670html[lang="sr-RS"] .site *,
     671html[lang="tt-RU"] .site *,
     672html[lang="uk"] .site * {
     673  font-family: 'Helvetica Neue', Helvetica, 'Segoe UI', Arial, sans-serif !important;
     674}
     675
     676/* Chinese (Hong Kong) */
     677html[lang="zh-HK"] .site * {
     678  font-family: -apple-system, BlinkMacSystemFont, 'PingFang HK', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important;
     679}
     680
     681/* Chinese (Taiwan) */
     682html[lang="zh-TW"] .site * {
     683  font-family: -apple-system, BlinkMacSystemFont, 'PingFang TC', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important;
     684}
     685
     686/* Chinese (China) */
     687html[lang="zh-CN"] .site * {
     688  font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important;
     689}
     690
     691/* Devanagari */
     692html[lang="bn-BD"] .site *,
     693html[lang="hi-IN"] .site *,
     694html[lang="mr"] .site *,
     695html[lang="ne-NP"] .site * {
     696  font-family: Arial, sans-serif !important;
     697}
     698
     699/* Greek */
     700html[lang="el"] .site * {
     701  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
     702}
     703
     704/* Gujarati */
     705html[lang="gu"] .site * {
     706  font-family: Arial, sans-serif !important;
     707}
     708
     709/* Hebrew */
     710html[lang="he-IL"] .site * {
     711  font-family: 'Arial Hebrew', Arial, sans-serif !important;
     712}
     713
     714/* Japanese */
     715html[lang="ja"] .site * {
     716  font-family: -apple-system, BlinkMacSystemFont, "Hiragino Sans", Meiryo, "Helvetica Neue", sans-serif !important;
     717}
     718
     719/* Korean */
     720html[lang="ko-KR"] .site * {
     721  font-family: 'Apple SD Gothic Neo', 'Malgun Gothic', 'Nanum Gothic', Dotum, sans-serif !important;
     722}
     723
     724/* Thai */
     725html[lang="th"] .site * {
     726  font-family: 'Sukhumvit Set', 'Helvetica Neue', helvetica, arial, sans-serif !important;
     727}
     728
     729/* Vietnamese */
     730html[lang="vi"] .site * {
     731  font-family: 'Libre Franklin', sans-serif !important;
    627732}
    628733
    … …  
    633738
    634739::-moz-selection {
    635   background: #bfdcea;
     740  background-color: #bfdcea;
    636741}
    637742
    638743::selection {
    639   background: #bfdcea;
     744  background-color: #bfdcea;
    640745}
    641746
    … …  
    647752
    648753body {
    649   background: #fff;
     754  background-color: #fff;
    650755}
    651756
    … …  
    668773}
    669774
    670 h1, h2, h3, h4, h5, h6 {
     775h1,
     776h2,
     777h3,
     778h4,
     779h5,
     780h6 {
    671781  clear: both;
    672782  margin: 1rem 0;
    673783}
    674784
    675 h1:not(.site-title):before, h2:before {
     785h1:not(.site-title):before,
     786h2:before {
    676787  background: #767676;
    677788  content: "\020";
    … …  
    748859table {
    749860  margin: 0 0 1rem;
     861  border-collapse: collapse;
    750862  width: 100%;
    751863}
    752864
    753 table td, table th {
    754   border-color: #767676;
     865table td,
     866table th {
     867  padding: 0.5em;
     868  border: 1px solid #767676;
     869  word-break: break-all;
    755870}
    756871
    … …  
    8941009  margin-top: 0.25rem;
    8951010  /*
     1011         * Sub-menu styles
     1012         *
    8961013         * :focus-within needs its own selector so other similar
    8971014         * selectors don’t get ignored if a browser doesn’t recognize it
    8981015         */
    899   /* Only show one submenu expand button at a time (desktop vs mobile) */
     1016  /**
     1017         * Full-screen touch device styles
     1018         */
    9001019}
    9011020
    … …  
    9091028
    9101029.main-navigation .main-menu {
    911   display: inline;
     1030  display: inline-block;
    9121031  margin: 0;
    9131032  padding: 0;
    … …  
    9171036  color: #0073aa;
    9181037  display: inline;
    919 }
    920 
    921 @media only screen and (min-width: 768px) {
    922   .main-navigation .main-menu > li {
    923     position: relative;
    924   }
     1038  position: relative;
    9251039}
    9261040
    … …  
    9421056.main-navigation .main-menu > li.menu-item-has-children {
    9431057  display: inline-block;
     1058  position: inherit;
     1059}
     1060
     1061@media only screen and (min-width: 768px) {
     1062  .main-navigation .main-menu > li.menu-item-has-children {
     1063    position: relative;
     1064  }
    9441065}
    9451066
    … …  
    9541075}
    9551076
    956 .main-navigation .main-menu > li.menu-item-has-children .mobile-submenu-expand svg,
    957 .main-navigation .main-menu > li.menu-item-has-children .desktop-submenu-expand svg {
     1077.main-navigation .main-menu > li.menu-item-has-children .submenu-expand {
     1078  display: inline-block;
     1079  margin-right: 0.5rem;
     1080  /* Priority+ Menu */
     1081}
     1082
     1083.main-navigation .main-menu > li.menu-item-has-children .submenu-expand.main-menu-more-toggle {
     1084  position: relative;
     1085  height: 24px;
     1086  line-height: 1.2;
     1087  width: 24px;
     1088  padding: 0;
     1089  margin-left: 0.5rem;
     1090}
     1091
     1092.main-navigation .main-menu > li.menu-item-has-children .submenu-expand.main-menu-more-toggle svg {
     1093  height: 24px;
     1094  width: 24px;
     1095  top: -0.125rem;
     1096  vertical-align: text-bottom;
     1097}
     1098
     1099.main-navigation .main-menu > li.menu-item-has-children .submenu-expand svg {
    9581100  position: relative;
    9591101  top: 0.2rem;
    9601102}
    9611103
    962 .main-navigation .main-menu > li.menu-item-has-children .mobile-submenu-expand,
    963 .main-navigation .main-menu > li.menu-item-has-children .desktop-submenu-expand {
    964   margin-right: 0.5rem;
    965 }
    966 
    967 .main-navigation .main-menu > li:last-child > a {
     1104.main-navigation .main-menu > li:last-child > a,
     1105.main-navigation .main-menu > li:last-child.menu-item-has-children .submenu-expand {
    9681106  margin-right: 0;
    9691107}
    9701108
     1109.main-navigation .main-menu .is-hidden {
     1110  display: none;
     1111}
     1112
    9711113.main-navigation .sub-menu {
    972   background: #0073aa;
     1114  background-color: #0073aa;
    9731115  color: #fff;
    9741116  list-style: none;
    9751117  padding-left: 0;
    9761118  display: none;
    977   float: left;
    9781119  position: absolute;
    9791120  opacity: 0;
    … …  
    9841125@media only screen and (min-width: 768px) {
    9851126  .main-navigation .sub-menu {
    986     width: -webkit-max-content;
    987     width: -moz-max-content;
    988     width: max-content;
    989     max-width: calc(3 * (100vw / 12));
     1127    width: auto;
     1128    min-width: -moz-max-content;
     1129    min-width: -webkit-max-content;
     1130    min-width: max-content;
    9901131  }
    9911132}
    9921133
    9931134.main-navigation .sub-menu > li {
    994   clear: both;
    9951135  display: block;
    9961136  float: none;
    9971137  position: relative;
    998   word-break: break-word;
    999 }
    1000 
    1001 .main-navigation .sub-menu > li.menu-item-has-children .mobile-submenu-expand,
    1002 .main-navigation .sub-menu > li.menu-item-has-children .desktop-submenu-expand {
     1138}
     1139
     1140.main-navigation .sub-menu > li.menu-item-has-children .submenu-expand {
     1141  display: inline-block;
    10031142  position: absolute;
    10041143  width: calc( 24px + 1rem);
    … …  
    10111150}
    10121151
    1013 .main-navigation .sub-menu > li.menu-item-has-children .mobile-submenu-expand svg,
    1014 .main-navigation .sub-menu > li.menu-item-has-children .desktop-submenu-expand svg {
     1152.main-navigation .sub-menu > li.menu-item-has-children .submenu-expand svg {
    10151153  top: 0;
    10161154}
    10171155
    1018 .main-navigation .sub-menu > li.menu-item-has-children .mobile-submenu-expand,
    1019 .main-navigation .sub-menu > li.menu-item-has-children .desktop-submenu-expand {
     1156.main-navigation .sub-menu > li.menu-item-has-children .submenu-expand {
    10201157  margin-right: 0;
    10211158}
    … …  
    10271164}
    10281165
    1029 .main-navigation .sub-menu > li > a:not(.mobile-submenu-expand) {
     1166.main-navigation .sub-menu > li > a,
     1167.main-navigation .sub-menu > li > .menu-item-link-return {
    10301168  color: #fff;
    10311169  display: block;
    10321170  line-height: 1.2;
    10331171  padding: calc( .5 * 1rem) calc( 24px + 1rem) calc( .5 * 1rem) 1rem;
    1034 }
    1035 
    1036 .main-navigation .sub-menu > li > a:not(.mobile-submenu-expand):hover, .main-navigation .sub-menu > li > a:not(.mobile-submenu-expand):focus {
     1172  white-space: nowrap;
     1173}
     1174
     1175.main-navigation .sub-menu > li > a:hover, .main-navigation .sub-menu > li > a:focus,
     1176.main-navigation .sub-menu > li > .menu-item-link-return:hover,
     1177.main-navigation .sub-menu > li > .menu-item-link-return:focus {
    10371178  background: #005177;
    10381179}
    10391180
    1040 .main-navigation .sub-menu > li > a:not(.mobile-submenu-expand):hover:after, .main-navigation .sub-menu > li > a:not(.mobile-submenu-expand):focus:after {
     1181.main-navigation .sub-menu > li > a:hover:after, .main-navigation .sub-menu > li > a:focus:after,
     1182.main-navigation .sub-menu > li > .menu-item-link-return:hover:after,
     1183.main-navigation .sub-menu > li > .menu-item-link-return:focus:after {
    10411184  background: #005177;
    10421185}
    … …  
    10541197}
    10551198
    1056 .main-navigation .main-menu .menu-item-has-children:focus-within > .sub-menu {
     1199.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu {
    10571200  display: block;
    10581201  left: 0;
    10591202  margin-top: 0;
    10601203  opacity: 1;
    1061   width: calc( 100vw - 2rem);
    1062 }
    1063 
    1064 .main-navigation .main-menu .menu-item-has-children:focus-within > .sub-menu .sub-menu {
    1065   margin-top: inherit;
    1066   position: relative;
    1067   padding-left: 1rem;
    1068 }
    1069 
    1070 @media only screen and (min-width: 768px) {
    1071   .main-navigation .main-menu .menu-item-has-children:focus-within > .sub-menu .sub-menu {
    1072     padding-left: 0;
    1073     position: absolute;
    1074     left: 100%;
    1075     width: -webkit-max-content;
    1076     width: -moz-max-content;
    1077     width: max-content;
    1078     top: 0;
    1079   }
    1080 }
    1081 
    1082 .main-navigation .main-menu .menu-item-has-children:hover > .sub-menu,
    1083 .main-navigation .main-menu .menu-item-has-children:focus > .sub-menu,
    1084 .main-navigation .main-menu .menu-item-has-children .sub-menu:hover,
    1085 .main-navigation .main-menu .menu-item-has-children .sub-menu:focus {
     1204  width: auto;
     1205  min-width: 100%;
    10861206  /* Non-mobile position */
    1087 }
    1088 
    1089 @media only screen and (min-width: 768px) {
    1090   .main-navigation .main-menu .menu-item-has-children:hover > .sub-menu,
    1091   .main-navigation .main-menu .menu-item-has-children:focus > .sub-menu,
    1092   .main-navigation .main-menu .menu-item-has-children .sub-menu:hover,
    1093   .main-navigation .main-menu .menu-item-has-children .sub-menu:focus {
    1094     display: table;
     1207  /* Nested sub-menu padding: 10 levels deep */
     1208}
     1209
     1210.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu {
     1211  display: block;
     1212  left: 0;
     1213  margin-top: 0;
     1214  opacity: 1;
     1215  width: auto;
     1216  min-width: 100%;
     1217  /* Non-mobile position */
     1218  /* Nested sub-menu padding: 10 levels deep */
     1219}
     1220
     1221@media only screen and (min-width: 768px) {
     1222  .main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu {
     1223    display: block;
    10951224    margin-top: 0;
    10961225    opacity: 1;
    … …  
    11011230    bottom: auto;
    11021231    height: auto;
    1103     width: -webkit-max-content;
    1104     width: -moz-max-content;
     1232    min-width: -moz-max-content;
     1233    min-width: -webkit-max-content;
     1234    min-width: max-content;
     1235    transform: none;
     1236  }
     1237  .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu {
     1238    display: block;
     1239    margin-top: 0;
     1240    opacity: 1;
     1241    position: absolute;
     1242    left: 0;
     1243    right: auto;
     1244    top: auto;
     1245    bottom: auto;
     1246    height: auto;
     1247    min-width: -moz-max-content;
     1248    min-width: -webkit-max-content;
     1249    min-width: max-content;
     1250    transform: none;
     1251  }
     1252}
     1253
     1254.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu.hidden-links {
     1255  left: 0;
     1256  width: 100%;
     1257  display: table;
     1258  position: absolute;
     1259}
     1260
     1261.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu.hidden-links {
     1262  left: 0;
     1263  width: 100%;
     1264  display: table;
     1265  position: absolute;
     1266}
     1267
     1268@media only screen and (min-width: 768px) {
     1269  .main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu.hidden-links {
     1270    right: 0;
     1271    left: auto;
     1272    display: block;
    11051273    width: max-content;
     1274  }
     1275  .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu.hidden-links {
     1276    right: 0;
     1277    left: auto;
     1278    display: block;
     1279    width: max-content;
     1280  }
     1281}
     1282
     1283.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .submenu-expand {
     1284  display: none;
     1285}
     1286
     1287.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .submenu-expand {
     1288  display: none;
     1289}
     1290
     1291.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu {
     1292  display: block;
     1293  margin-top: inherit;
     1294  position: relative;
     1295  width: 100%;
     1296  left: 0;
     1297  opacity: 1;
     1298  /* Non-mobile position */
     1299}
     1300
     1301.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu {
     1302  display: block;
     1303  margin-top: inherit;
     1304  position: relative;
     1305  width: 100%;
     1306  left: 0;
     1307  opacity: 1;
     1308  /* Non-mobile position */
     1309}
     1310
     1311@media only screen and (min-width: 768px) {
     1312  .main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu {
     1313    float: none;
     1314    max-width: 100%;
     1315  }
     1316  .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu {
     1317    float: none;
     1318    max-width: 100%;
     1319  }
     1320}
     1321
     1322.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu li > a:before {
     1323  font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
     1324  font-weight: normal;
     1325}
     1326
     1327.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu li > a:before {
     1328  font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
     1329  font-weight: normal;
     1330}
     1331
     1332.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu > li > a:before {
     1333  content: "\2013\00a0";
     1334}
     1335
     1336.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu > li > a:before {
     1337  content: "\2013\00a0";
     1338}
     1339
     1340.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu .sub-menu li > a:before {
     1341  content: "\2013\00a0\2013\00a0";
     1342}
     1343
     1344.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu .sub-menu li > a:before {
     1345  content: "\2013\00a0\2013\00a0";
     1346}
     1347
     1348.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
     1349  content: "\2013\00a0\2013\00a0\2013\00a0";
     1350}
     1351
     1352.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
     1353  content: "\2013\00a0\2013\00a0\2013\00a0";
     1354}
     1355
     1356.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
     1357  content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     1358}
     1359
     1360.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
     1361  content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     1362}
     1363
     1364.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
     1365  content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     1366}
     1367
     1368.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
     1369  content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     1370}
     1371
     1372.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
     1373  content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     1374}
     1375
     1376.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
     1377  content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     1378}
     1379
     1380.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
     1381  content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     1382}
     1383
     1384.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
     1385  content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     1386}
     1387
     1388.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
     1389  content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     1390}
     1391
     1392.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
     1393  content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     1394}
     1395
     1396.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
     1397  content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     1398}
     1399
     1400.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
     1401  content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     1402}
     1403
     1404.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu,
     1405.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu,
     1406.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu {
     1407  display: block;
     1408  left: 0;
     1409  margin-top: 0;
     1410  opacity: 1;
     1411  width: auto;
     1412  min-width: 100%;
     1413  /* Non-mobile position */
     1414  /* Nested sub-menu padding: 10 levels deep */
     1415}
     1416
     1417@media only screen and (min-width: 768px) {
     1418  .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu,
     1419  .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu,
     1420  .main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu {
     1421    display: block;
     1422    float: none;
     1423    margin-top: 0;
     1424    opacity: 1;
     1425    position: absolute;
     1426    left: 0;
     1427    right: auto;
     1428    top: auto;
     1429    bottom: auto;
     1430    height: auto;
     1431    min-width: -moz-max-content;
     1432    min-width: -webkit-max-content;
     1433    min-width: max-content;
    11061434    transform: none;
    1107     animation: fade_in 0.1s forwards;
    1108   }
    1109 }
    1110 
    1111 @media only screen and (min-width: 768px) {
    1112   .main-navigation .main-menu .menu-item-has-children:hover > .sub-menu .sub-menu,
    1113   .main-navigation .main-menu .menu-item-has-children:focus > .sub-menu .sub-menu,
    1114   .main-navigation .main-menu .menu-item-has-children .sub-menu:hover .sub-menu,
    1115   .main-navigation .main-menu .menu-item-has-children .sub-menu:focus .sub-menu {
    1116     margin-top: inherit;
    1117     padding-left: 0;
    1118     position: absolute;
    1119     left: 100%;
    1120     top: 0;
    1121   }
    1122 }
    1123 
    1124 .main-navigation .main-menu .menu-item-has-children.focus .sub-menu.expanded-true {
     1435  }
     1436}
     1437
     1438.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu.hidden-links,
     1439.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu.hidden-links,
     1440.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu.hidden-links {
     1441  left: 0;
     1442  width: 100%;
     1443  display: table;
     1444  position: absolute;
     1445}
     1446
     1447@media only screen and (min-width: 768px) {
     1448  .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu.hidden-links,
     1449  .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu.hidden-links,
     1450  .main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu.hidden-links {
     1451    right: 0;
     1452    left: auto;
     1453    display: table;
     1454    width: max-content;
     1455  }
     1456}
     1457
     1458.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .submenu-expand,
     1459.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .submenu-expand,
     1460.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .submenu-expand {
     1461  display: none;
     1462}
     1463
     1464.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu,
     1465.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu,
     1466.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu {
     1467  display: block;
     1468  margin-top: inherit;
     1469  position: relative;
     1470  width: 100%;
     1471  left: 0;
     1472  opacity: 1;
     1473  /* Non-mobile position */
     1474}
     1475
     1476@media only screen and (min-width: 768px) {
     1477  .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu,
     1478  .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu,
     1479  .main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu {
     1480    float: none;
     1481    max-width: 100%;
     1482  }
     1483}
     1484
     1485.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu li > a:before,
     1486.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu li > a:before,
     1487.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu li > a:before {
     1488  font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
     1489  font-weight: normal;
     1490}
     1491
     1492.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu > li > a:before,
     1493.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu > li > a:before,
     1494.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu > li > a:before {
     1495  content: "\2013\00a0";
     1496}
     1497
     1498.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu .sub-menu li > a:before,
     1499.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu .sub-menu li > a:before,
     1500.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu .sub-menu li > a:before {
     1501  content: "\2013\00a0\2013\00a0";
     1502}
     1503
     1504.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
     1505.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
     1506.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
     1507  content: "\2013\00a0\2013\00a0\2013\00a0";
     1508}
     1509
     1510.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
     1511.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
     1512.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
     1513  content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     1514}
     1515
     1516.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
     1517.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
     1518.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
     1519  content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     1520}
     1521
     1522.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
     1523.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
     1524.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
     1525  content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     1526}
     1527
     1528.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
     1529.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
     1530.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
     1531  content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     1532}
     1533
     1534.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
     1535.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
     1536.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
     1537  content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     1538}
     1539
     1540.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
     1541.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
     1542.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
     1543  content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     1544}
     1545
     1546.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu {
     1547  animation: fade_in 0.1s forwards;
     1548}
     1549
     1550.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu .submenu-expand .svg-icon {
     1551  transform: rotate(270deg);
     1552}
     1553
     1554.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu .sub-menu {
     1555  opacity: 0;
     1556  position: absolute;
     1557  z-index: 0;
     1558  transform: translateX(-100%);
     1559}
     1560
     1561.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu li:hover,
     1562.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu li:focus,
     1563.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu li > a:hover,
     1564.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu li > a:focus {
     1565  background-color: transparent;
     1566}
     1567
     1568.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true {
    11251569  display: table;
    11261570  margin-top: 0;
    … …  
    11351579  z-index: 100000;
    11361580  /* Make sure appears above mobile admin bar */
    1137   width: 100%;
    1138   height: 100%;
     1581  width: 100vw;
     1582  height: 100vh;
     1583  max-width: 100vw;
    11391584  transform: translateX(100%);
    11401585  animation: slide_in_right 0.3s forwards;
    1141 }
    1142 
    1143 .main-navigation .main-menu .menu-item-has-children.focus .sub-menu.expanded-true > .mobile-parent-nav-menu-item {
    1144   display: inline-block;
    1145 }
    1146 
    1147 .main-navigation .desktop-submenu-expand {
    1148   display: none;
    1149 }
    1150 
    1151 @media only screen and (min-width: 768px) {
    1152   .main-navigation .desktop-submenu-expand {
    1153     display: inline-block;
    1154   }
    1155 }
    1156 
    1157 .main-navigation .mobile-submenu-expand {
    1158   display: inline-block;
    1159 }
    1160 
    1161 @media only screen and (min-width: 768px) {
    1162   .main-navigation .mobile-submenu-expand {
    1163     display: none;
    1164   }
    1165 }
    1166 
    1167 /* Menu Animation */
     1586  /* Prevent menu from being blocked by admin bar */
     1587}
     1588
     1589.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true > .mobile-parent-nav-menu-item {
     1590  display: block;
     1591}
     1592
     1593.admin-bar .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true {
     1594  top: 46px;
     1595  height: calc( 100vh - 46px);
     1596  /* WP core breakpoint */
     1597}
     1598
     1599.admin-bar .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true .sub-menu.expanded-true {
     1600  top: 0;
     1601}
     1602
     1603@media only screen and (min-width: 782px) {
     1604  .admin-bar .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true {
     1605    top: 32px;
     1606    height: calc( 100vh - 32px);
     1607  }
     1608  .admin-bar .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true .sub-menu.expanded-true {
     1609    top: 0;
     1610  }
     1611}
     1612
     1613/* Menu animation */
    11681614@keyframes slide_in_right {
    11691615  100% {
    … …  
    12361682}
    12371683
     1684/** === Footer menu === */
     1685.footer-navigation {
     1686  display: inline;
     1687}
     1688
     1689.footer-navigation > div {
     1690  display: inline;
     1691}
     1692
     1693.footer-navigation .footer-menu {
     1694  display: inline;
     1695  padding-left: 0;
     1696}
     1697
     1698.footer-navigation .footer-menu li {
     1699  display: inline;
     1700  margin-right: 1rem;
     1701}
     1702
    12381703/*--------------------------------------------------------------
    12391704## Next / Previous
    … …  
    12461711@media only screen and (min-width: 768px) {
    12471712  .post-navigation {
    1248     margin: calc(3 * 1rem) calc(2 * (100vw / 12));
     1713    margin: calc(3 * 1rem) calc(10% + 60px);
    12491714    max-width: calc(6 * (100vw / 12));
    12501715  }
    … …  
    12741739  .post-navigation .nav-links {
    12751740    flex-direction: row;
    1276     margin: 0 calc(2 * (100vw / 12));
    1277     max-width: calc(8 * (100vw / 12));
     1741    margin: 0 calc(10% + 60px);
     1742    max-width: calc(6 * (100vw / 12) - 28px);
    12781743  }
    12791744}
    … …  
    12811746.post-navigation .nav-links a .meta-nav {
    12821747  color: #767676;
    1283   -webkit-user-select: none;
    1284      -moz-user-select: none;
    1285       -ms-user-select: none;
    1286           user-select: none;
     1748  user-select: none;
    12871749}
    12881750
    … …  
    12961758
    12971759.post-navigation .nav-links a .post-title {
    1298   -webkit-hyphens: auto;
    1299       -ms-hyphens: auto;
    1300           hyphens: auto;
     1760  hyphens: auto;
    13011761}
    13021762
    … …  
    13631823}
    13641824
     1825.pagination .nav-links a:focus {
     1826  text-decoration: underline;
     1827  outline-offset: -1px;
     1828}
     1829
     1830.pagination .nav-links a:focus.prev, .pagination .nav-links a:focus.next {
     1831  text-decoration: none;
     1832}
     1833
     1834.pagination .nav-links a:focus.prev .nav-prev-text,
     1835.pagination .nav-links a:focus.prev .nav-next-text, .pagination .nav-links a:focus.next .nav-prev-text,
     1836.pagination .nav-links a:focus.next .nav-next-text {
     1837  text-decoration: underline;
     1838}
     1839
    13651840.pagination .nav-links .nav-next-text,
    13661841.pagination .nav-links .nav-prev-text {
    … …  
    13701845@media only screen and (min-width: 768px) {
    13711846  .pagination .nav-links {
    1372     margin-left: calc(2 * (100vw / 12));
     1847    margin-left: calc(10% + 60px);
    13731848    padding: 0;
    13741849  }
    … …  
    13861861  display: flex;
    13871862  flex-direction: row;
    1388   margin: 0 1rem;
    1389 }
    1390 
    1391 @media only screen and (min-width: 1168px) {
    1392   .comment-navigation .nav-links {
    1393     margin: 0 calc(2 * (100vw / 12));
    1394     max-width: calc(8 * (100vw / 12));
    1395   }
    13961863}
    13971864
    … …  
    14241891}
    14251892
    1426 .comment-navigation .nav-previous a:hover,
    1427 .comment-navigation .nav-next a:hover {
    1428   color: #0073aa;
    1429 }
    1430 
    14311893.comment-navigation .nav-next {
    14321894  text-align: right;
    … …  
    14381900  border: 0;
    14391901  clip: rect(1px, 1px, 1px, 1px);
    1440   -webkit-clip-path: inset(50%);
    1441           clip-path: inset(50%);
     1902  clip-path: inset(50%);
    14421903  height: 1px;
    14431904  margin: -1px;
    … …  
    14551916  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    14561917  clip: auto !important;
    1457   -webkit-clip-path: none;
    1458           clip-path: none;
     1918  clip-path: none;
    14591919  color: #21759b;
    14601920  display: block;
    … …  
    14821942  /*rtl:ignore*/
    14831943  float: left;
     1944  /*rtl:ignore*/
    14841945  margin-right: 1rem;
     1946}
     1947
     1948@media only screen and (min-width: 768px) {
     1949  .alignleft {
     1950    /*rtl:ignore*/
     1951    margin-right: calc(2 * 1rem);
     1952  }
    14851953}
    14861954
    … …  
    14881956  /*rtl:ignore*/
    14891957  float: right;
     1958  /*rtl:ignore*/
    14901959  margin-left: 1rem;
     1960}
     1961
     1962@media only screen and (min-width: 768px) {
     1963  .alignright {
     1964    /*rtl:ignore*/
     1965    margin-left: calc(2 * 1rem);
     1966  }
    14911967}
    14921968
    … …  
    15722048@media only screen and (min-width: 768px) {
    15732049  .site-branding {
    1574     margin: 0 calc(2 * (100vw / 12));
     2050    margin: 0 calc(10% + 60px);
    15752051  }
    15762052}
    … …  
    15862062    margin-bottom: 0;
    15872063    position: absolute;
    1588     right: calc(100% + (0.5 * 100vw / 12));
     2064    right: calc(100% + (1.25 * 1rem));
    15892065    top: 4px;
    15902066    z-index: 999;
    … …  
    16702146
    16712147.site-header.featured-image {
     2148  /* Hide overflow for overflowing featured image */
     2149  overflow: hidden;
    16722150  /* Need relative positioning to properly align layers. */
    16732151  position: relative;
    … …  
    16812159  /* Set up image filter layer positioning */
    16822160  /* Background & Effects */
    1683   /* Shared background settings between pseudo elements. See .site-branding-container */
     2161  /* Shared background settings between pseudo elements. */
    16842162  background-position: center;
    16852163  background-repeat: no-repeat;
    16862164  background-size: cover;
    16872165  /* The intensity of each blend mode is controlled via layer opacity. */
    1688   /* First layer: grayscale. */
    16892166  /* Second layer: screen. */
    16902167  /* Third layer: multiply. */
    … …  
    17592236.site-header.featured-image .site-featured-image svg {
    17602237  /* Use -webkit- only if supporting: Chrome < 54, iOS < 9.3, Android < 4.4.4 */
     2238  -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.35));
    17612239  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.35));
     2240}
     2241
     2242.site-header.featured-image .site-featured-image {
     2243  /* First layer: grayscale. */
     2244}
     2245
     2246.site-header.featured-image .site-featured-image .post-thumbnail img {
     2247  height: auto;
     2248  left: 50%;
     2249  max-width: 1000%;
     2250  min-height: 100%;
     2251  min-width: 100vw;
     2252  position: absolute;
     2253  top: 50%;
     2254  transform: translateX(-50%) translateY(-50%);
     2255  width: auto;
     2256  z-index: 1;
     2257  /* When image filters are active, make it grayscale to colorize it blue. */
     2258}
     2259
     2260@supports (object-fit: cover) {
     2261  .site-header.featured-image .site-featured-image .post-thumbnail img {
     2262    height: 100%;
     2263    left: 0;
     2264    object-fit: cover;
     2265    top: 0;
     2266    transform: none;
     2267    width: 100%;
     2268  }
     2269}
     2270
     2271.image-filters-enabled .site-header.featured-image .site-featured-image .post-thumbnail img {
     2272  filter: grayscale(100%);
    17622273}
    17632274
    … …  
    17722283@media only screen and (min-width: 768px) {
    17732284  .site-header.featured-image .site-featured-image .entry-header {
    1774     margin-left: calc(2 * (100vw / 12));
    1775     margin-right: calc(2 * (100vw / 12));
     2285    margin-left: calc(10% + 60px);
     2286    margin-right: calc(10% + 60px);
    17762287  }
    17772288}
    … …  
    18522363}
    18532364
    1854 .site-header.featured-image .site-branding-container:before,
    18552365.site-header.featured-image .site-branding-container:after,
    18562366.site-header.featured-image .site-featured-image:before,
    … …  
    18632373  width: 100%;
    18642374  height: 100%;
    1865 }
    1866 
    1867 .site-header.featured-image .site-branding-container:before {
    1868   background-position: center;
    1869   background-repeat: no-repeat;
    1870   background-size: cover;
    1871   z-index: 1;
    1872   /* When image filters are active, make it grayscale to colorize it blue. */
    1873 }
    1874 
    1875 .image-filters-enabled .site-header.featured-image .site-branding-container:before {
    1876   filter: grayscale(100%);
    18772375}
    18782376
    … …  
    19922490@media only screen and (min-width: 768px) {
    19932491  .entry .entry-header {
    1994     margin: calc(3 * 1rem) calc(2 * (100vw / 12 )) 1rem;
     2492    margin: calc(3 * 1rem) calc(10% + 60px) 1rem;
    19952493  }
    19962494}
    … …  
    20642562@media only screen and (min-width: 768px) {
    20652563  .entry .entry-footer {
    2066     margin: 1rem calc(2 * (100vw / 12)) calc(3 * 1rem);
    2067     max-width: calc(8 * (100vw / 12));
     2564    margin: 1rem calc(10% + 60px) calc(3 * 1rem);
     2565    max-width: calc(8 * (100vw / 12) - 28px);
    20682566  }
    20692567}
    … …  
    20712569@media only screen and (min-width: 768px) {
    20722570  .entry .entry-footer {
    2073     max-width: calc(6 * (100vw / 12));
     2571    max-width: calc(6 * (100vw / 12) - 28px);
    20742572  }
    20752573}
    … …  
    20812579@media only screen and (min-width: 768px) {
    20822580  .entry .post-thumbnail {
    2083     margin: 1rem calc(2 * (100vw / 12));
     2581    margin: 1rem calc(10% + 60px);
    20842582  }
    20852583}
    … …  
    21592657}
    21602658
     2659.entry .entry-content,
     2660.entry .entry-summary {
     2661  max-width: calc(100% - (2 * 1rem));
     2662  margin: 0 1rem;
     2663}
     2664
     2665@media only screen and (min-width: 768px) {
     2666  .entry .entry-content,
     2667  .entry .entry-summary {
     2668    max-width: 80%;
     2669    margin: 0 10%;
     2670    padding: 0 60px;
     2671  }
     2672}
     2673
    21612674.entry .entry-content p {
    21622675  word-wrap: break-word;
    … …  
    21882701
    21892702.entry .entry-content > iframe[style] {
    2190   margin: 32px 1rem !important;
    2191   max-width: calc(100vw - (2 * 1rem)) !important;
     2703  margin: 32px 0 !important;
     2704  max-width: 100% !important;
    21922705}
    21932706
    21942707@media only screen and (min-width: 768px) {
    21952708  .entry .entry-content > iframe[style] {
    2196     margin: 32px calc(2 * (100vw / 12)) !important;
    2197     max-width: calc(8 * (100vw / 12)) !important;
     2709    max-width: calc(8 * (100vw / 12) - 28px) !important;
    21982710  }
    21992711}
    … …  
    22012713@media only screen and (min-width: 1168px) {
    22022714  .entry .entry-content > iframe[style] {
    2203     max-width: calc(6 * (100vw / 12)) !important;
    2204   }
     2715    max-width: calc(6 * (100vw / 12) - 28px) !important;
     2716  }
     2717}
     2718
     2719.entry .entry-content .page-links a {
     2720  margin: calc(0.5 * 1rem);
     2721  text-decoration: none;
    22052722}
    22062723
    … …  
    22112728@media only screen and (min-width: 768px) {
    22122729  .entry .entry-content .wp-audio-shortcode {
    2213     max-width: calc(8 * (100vw / 12));
     2730    max-width: calc(8 * (100vw / 12) - 28px);
    22142731  }
    22152732}
    … …  
    22172734@media only screen and (min-width: 1168px) {
    22182735  .entry .entry-content .wp-audio-shortcode {
    2219     max-width: calc(6 * (100vw / 12));
     2736    max-width: calc(6 * (100vw / 12) - 28px);
    22202737  }
    22212738}
    … …  
    22282745@media only screen and (min-width: 768px) {
    22292746  .author-bio {
    2230     margin: calc(3 * 1rem) calc(2 * (100vw / 12));
    2231     max-width: calc(8 * (100vw / 12));
    2232   }
    2233 }
    2234 
    2235 @media only screen and (min-width: 768px) {
     2747    max-width: calc(8 * (100vw / 12) - 28px);
     2748  }
     2749}
     2750
     2751@media only screen and (min-width: 1168px) {
    22362752  .author-bio {
    2237     max-width: calc(6 * (100vw / 12));
     2753    max-width: calc(6 * (100vw / 12) - 28px);
     2754  }
     2755}
     2756
     2757@media only screen and (min-width: 768px) {
     2758  .author-bio {
     2759    margin: calc(3 * 1rem) calc(10% + 60px);
     2760  }
     2761}
     2762
     2763@media only screen and (min-width: 1168px) {
     2764  .author-bio {
     2765    margin: calc(3 * 1rem) calc(10% + 60px);
    22382766  }
    22392767}
    … …  
    22802808
    22812809.comments-area {
     2810  margin: calc(2 * 1rem) 1rem;
    22822811  /* Add extra margin when the comments section is located immediately after the
    22832812         * post itself (this happens on pages).
    … …  
    22852814}
    22862815
     2816@media only screen and (min-width: 768px) {
     2817  .comments-area {
     2818    max-width: calc(8 * (100vw / 12) - 28px);
     2819  }
     2820}
     2821
     2822@media only screen and (min-width: 1168px) {
     2823  .comments-area {
     2824    max-width: calc(6 * (100vw / 12) - 28px);
     2825  }
     2826}
     2827
     2828@media only screen and (min-width: 768px) {
     2829  .comments-area {
     2830    margin: calc(3 * 1rem) calc(10% + 60px);
     2831  }
     2832}
     2833
     2834.comments-area > * {
     2835  margin-top: calc(2 * 1rem);
     2836  margin-bottom: calc(2 * 1rem);
     2837}
     2838
     2839@media only screen and (min-width: 768px) {
     2840  .comments-area > * {
     2841    margin-top: calc(3 * 1rem);
     2842    margin-bottom: calc(3 * 1rem);
     2843  }
     2844}
     2845
    22872846.entry + .comments-area {
    22882847  margin-top: calc(3 * 1rem);
    2289 }
    2290 
    2291 .comments-area .comment-list,
    2292 .comments-area .comment-navigation,
    2293 .comments-area > .comment-respond,
    2294 .comments-area .comment-form-flex,
    2295 .comments-area .no-comments {
    2296   margin: calc(2 * 1rem) 1rem;
    2297 }
    2298 
    2299 @media only screen and (min-width: 768px) {
    2300   .comments-area .comment-list,
    2301   .comments-area .comment-navigation,
    2302   .comments-area > .comment-respond,
    2303   .comments-area .comment-form-flex,
    2304   .comments-area .no-comments {
    2305     margin: calc(3 * 1rem) calc(2 * (100vw / 12));
    2306     max-width: calc(6 * (100vw / 12));
    2307   }
    2308 }
    2309 
    2310 .comments-area .comments-title-wrap {
    2311   margin: calc(2 * 1rem) 1rem;
    23122848}
    23132849
    … …  
    23172853    display: flex;
    23182854    justify-content: space-between;
    2319     margin: calc(3 * 1rem) calc(2 * (100vw / 12));
    2320     max-width: calc(8 * (100vw / 12));
    23212855  }
    23222856}
    … …  
    24112945}
    24122946
    2413 .comment-list .pingback .comment-body {
     2947.comment-list .pingback .comment-body,
     2948.comment-list .trackback .comment-body {
    24142949  color: #767676;
    24152950  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    24162951  font-size: 0.71111em;
    24172952  font-weight: 500;
     2953  margin-top: 1rem;
    24182954  margin-bottom: 1rem;
    24192955}
    24202956
    2421 .comment-list .pingback .comment-body a:not(.comment-edit-link) {
     2957.comment-list .pingback .comment-body a:not(.comment-edit-link),
     2958.comment-list .trackback .comment-body a:not(.comment-edit-link) {
    24222959  font-weight: bold;
    24232960  font-size: 19.55556px;
    … …  
    24272964}
    24282965
    2429 .comment-list .pingback .comment-body .comment-edit-link {
     2966.comment-list .pingback .comment-body .comment-edit-link,
     2967.comment-list .trackback .comment-body .comment-edit-link {
    24302968  color: #767676;
    24312969  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    … …  
    24332971}
    24342972
    2435 .comment-reply {
    2436   left: calc(1rem + 100%);
    2437   bottom: 0;
    2438   position: absolute;
    2439 }
    2440 
    24412973#respond + .comment-reply {
    24422974  display: none;
    … …  
    24562988    padding-left: calc(.5 * (1rem + calc(100vw / 12 )));
    24572989  }
     2990  .comment.depth-1,
    24582991  .comment .children {
    24592992    padding-left: 0;
    24602993  }
     2994  .comment.depth-1 {
     2995    margin-left: calc(3.25 * 1rem);
     2996  }
    24612997}
    24622998
    24632999.comment .comment-body {
    2464   margin: calc(2 * 1rem) 0;
     3000  margin: calc(2 * 1rem) 0 0;
    24653001}
    24663002
    24673003.comment .comment-meta {
    24683004  position: relative;
    2469 }
    2470 
    2471 @media only screen and (min-width: 768px) {
    2472   .comment .comment-meta {
    2473     display: flex;
    2474   }
    2475 }
    2476 
    2477 @media only screen and (min-width: 768px) {
    2478   .comment .comment-author {
    2479     flex: 0 0 auto;
    2480     vertical-align: baseline;
    2481   }
    24823005}
    24833006
    … …  
    25013024  position: relative;
    25023025  display: block;
    2503 }
    2504 
    2505 @media only screen and (min-width: 768px) {
    2506   .comment .comment-author .fn {
    2507     display: inline-block;
    2508     vertical-align: baseline;
    2509   }
    25103026}
    25113027
    … …  
    25433059}
    25443060
    2545 @media only screen and (min-width: 768px) {
    2546   .comment .comment-metadata {
    2547     flex: 1 0 auto;
    2548     margin-left: 1rem;
    2549     position: relative;
    2550     vertical-align: baseline;
    2551   }
    2552 }
    2553 
    25543061.comment .comment-metadata > a,
    25553062.comment .comment-metadata .comment-edit-link {
    2556   display: inline-block;
     3063  display: inline;
    25573064  font-weight: 500;
    25583065  color: #767676;
    … …  
    25673074.comment .comment-metadata > a:hover,
    25683075.comment .comment-metadata .comment-edit-link:hover {
    2569   color: #4a4a4a;
     3076  color: #005177;
    25703077  text-decoration: none;
    25713078}
    … …  
    26063113}
    26073114
     3115@media only screen and (min-width: 1168px) {
     3116  .comment .comment-content {
     3117    padding-right: 1rem;
     3118  }
     3119}
     3120
    26083121.comment .comment-content > *:first-child {
    26093122  margin-top: 0;
    … …  
    26123125.comment .comment-content > *:last-child {
    26133126  margin-bottom: 0;
     3127}
     3128
     3129.comment .comment-content blockquote {
     3130  margin-left: 0;
    26143131}
    26153132
    … …  
    27053222  .search .page-header,
    27063223  .error404 .page-header {
    2707     margin: 0 calc(2 * (100vw / 12)) calc(3 * 1rem);
    2708     max-width: calc(8 * (100vw / 12));
     3224    margin: 0 calc(10% + 60px) calc(10% + 60px);
    27093225  }
    27103226}
    … …  
    27533269@media only screen and (min-width: 768px) {
    27543270  .hfeed .entry .entry-header {
    2755     margin: calc(3 * 1rem) calc(2 * (100vw / 12)) calc(1rem / 2);
     3271    margin: calc(3 * 1rem) calc(10% + 60px) calc(1rem / 2);
    27563272  }
    27573273}
    … …  
    27663282  .error-404.not-found .page-content,
    27673283  .no-results.not-found .page-content {
    2768     margin: calc(3 * 1rem) calc(2 * (100vw / 12)) calc(1rem / 2);
     3284    margin: calc(3 * 1rem) calc(10% + 60px) calc(1rem / 2);
    27693285  }
    27703286}
    … …  
    27933309  #colophon .widget-area,
    27943310  #colophon .site-info {
    2795     margin: calc(3 * 1rem) calc(2 * (100vw / 12));
    2796     max-width: calc(8 * (100vw / 12));
     3311    margin: calc(3 * 1rem) calc(10% + 60px);
    27973312  }
    27983313}
    … …  
    28513366
    28523367.widget_archive ul,
     3368.widget_categories ul,
     3369.widget_meta ul,
    28533370.widget_nav_menu ul,
    2854 .widget_meta ul,
     3371.widget_pages ul,
     3372.widget_recent_comments ul,
    28553373.widget_recent_entries ul,
    28563374.widget_rss ul {
    … …  
    28603378
    28613379.widget_archive ul li,
     3380.widget_categories ul li,
     3381.widget_meta ul li,
    28623382.widget_nav_menu ul li,
    2863 .widget_meta ul li,
     3383.widget_pages ul li,
     3384.widget_recent_comments ul li,
    28643385.widget_recent_entries ul li,
    28653386.widget_rss ul li {
    … …  
    28673388  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    28683389  font-size: calc(22px * 1.125);
    2869   font-weight: bold;
     3390  font-weight: 700;
    28703391  line-height: 1.2;
    2871 }
    2872 
    2873 .widget_archive ul li:not(.menu-item-has-children),
    2874 .widget_nav_menu ul li:not(.menu-item-has-children),
    2875 .widget_meta ul li:not(.menu-item-has-children),
    2876 .widget_recent_entries ul li:not(.menu-item-has-children),
    2877 .widget_rss ul li:not(.menu-item-has-children) {
    2878   padding-bottom: 0.75rem;
    2879 }
    2880 
    2881 .widget_archive ul li ul,
    2882 .widget_nav_menu ul li ul,
    2883 .widget_meta ul li ul,
    2884 .widget_recent_entries ul li ul,
    2885 .widget_rss ul li ul {
    2886   padding-left: 1rem;
    2887 }
    2888 
    2889 .widget_archive ul.sub-menu,
    2890 .widget_nav_menu ul.sub-menu,
    2891 .widget_meta ul.sub-menu,
    2892 .widget_recent_entries ul.sub-menu,
    2893 .widget_rss ul.sub-menu {
    2894   padding-top: 0.75rem;
     3392  margin-top: 0.5rem;
     3393  margin-bottom: 0.5rem;
     3394}
     3395
     3396.widget_archive ul ul li > a:before,
     3397.widget_categories ul ul li > a:before,
     3398.widget_meta ul ul li > a:before,
     3399.widget_nav_menu ul ul li > a:before,
     3400.widget_pages ul ul li > a:before,
     3401.widget_recent_comments ul ul li > a:before,
     3402.widget_recent_entries ul ul li > a:before,
     3403.widget_rss ul ul li > a:before {
     3404  font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
     3405  font-weight: normal;
     3406}
     3407
     3408.widget_archive ul ul > li > a:before,
     3409.widget_categories ul ul > li > a:before,
     3410.widget_meta ul ul > li > a:before,
     3411.widget_nav_menu ul ul > li > a:before,
     3412.widget_pages ul ul > li > a:before,
     3413.widget_recent_comments ul ul > li > a:before,
     3414.widget_recent_entries ul ul > li > a:before,
     3415.widget_rss ul ul > li > a:before {
     3416  content: "\2013\00a0";
     3417}
     3418
     3419.widget_archive ul ul ul li > a:before,
     3420.widget_categories ul ul ul li > a:before,
     3421.widget_meta ul ul ul li > a:before,
     3422.widget_nav_menu ul ul ul li > a:before,
     3423.widget_pages ul ul ul li > a:before,
     3424.widget_recent_comments ul ul ul li > a:before,
     3425.widget_recent_entries ul ul ul li > a:before,
     3426.widget_rss ul ul ul li > a:before {
     3427  content: "\2013\00a0\2013\00a0";
     3428}
     3429
     3430.widget_archive ul ul ul ul li > a:before,
     3431.widget_categories ul ul ul ul li > a:before,
     3432.widget_meta ul ul ul ul li > a:before,
     3433.widget_nav_menu ul ul ul ul li > a:before,
     3434.widget_pages ul ul ul ul li > a:before,
     3435.widget_recent_comments ul ul ul ul li > a:before,
     3436.widget_recent_entries ul ul ul ul li > a:before,
     3437.widget_rss ul ul ul ul li > a:before {
     3438  content: "\2013\00a0\2013\00a0\2013\00a0";
     3439}
     3440
     3441.widget_archive ul ul ul ul ul li > a:before,
     3442.widget_categories ul ul ul ul ul li > a:before,
     3443.widget_meta ul ul ul ul ul li > a:before,
     3444.widget_nav_menu ul ul ul ul ul li > a:before,
     3445.widget_pages ul ul ul ul ul li > a:before,
     3446.widget_recent_comments ul ul ul ul ul li > a:before,
     3447.widget_recent_entries ul ul ul ul ul li > a:before,
     3448.widget_rss ul ul ul ul ul li > a:before {
     3449  content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     3450}
     3451
     3452.widget_archive ul ul ul ul ul ul li > a:before,
     3453.widget_categories ul ul ul ul ul ul li > a:before,
     3454.widget_meta ul ul ul ul ul ul li > a:before,
     3455.widget_nav_menu ul ul ul ul ul ul li > a:before,
     3456.widget_pages ul ul ul ul ul ul li > a:before,
     3457.widget_recent_comments ul ul ul ul ul ul li > a:before,
     3458.widget_recent_entries ul ul ul ul ul ul li > a:before,
     3459.widget_rss ul ul ul ul ul ul li > a:before {
     3460  content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     3461}
     3462
     3463.widget_archive ul ul ul ul ul ul ul li > a:before,
     3464.widget_categories ul ul ul ul ul ul ul li > a:before,
     3465.widget_meta ul ul ul ul ul ul ul li > a:before,
     3466.widget_nav_menu ul ul ul ul ul ul ul li > a:before,
     3467.widget_pages ul ul ul ul ul ul ul li > a:before,
     3468.widget_recent_comments ul ul ul ul ul ul ul li > a:before,
     3469.widget_recent_entries ul ul ul ul ul ul ul li > a:before,
     3470.widget_rss ul ul ul ul ul ul ul li > a:before {
     3471  content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     3472}
     3473
     3474.widget_archive ul ul ul ul ul ul ul ul li > a:before,
     3475.widget_categories ul ul ul ul ul ul ul ul li > a:before,
     3476.widget_meta ul ul ul ul ul ul ul ul li > a:before,
     3477.widget_nav_menu ul ul ul ul ul ul ul ul li > a:before,
     3478.widget_pages ul ul ul ul ul ul ul ul li > a:before,
     3479.widget_recent_comments ul ul ul ul ul ul ul ul li > a:before,
     3480.widget_recent_entries ul ul ul ul ul ul ul ul li > a:before,
     3481.widget_rss ul ul ul ul ul ul ul ul li > a:before {
     3482  content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     3483}
     3484
     3485.widget_archive ul ul ul ul ul ul ul ul ul li > a:before,
     3486.widget_categories ul ul ul ul ul ul ul ul ul li > a:before,
     3487.widget_meta ul ul ul ul ul ul ul ul ul li > a:before,
     3488.widget_nav_menu ul ul ul ul ul ul ul ul ul li > a:before,
     3489.widget_pages ul ul ul ul ul ul ul ul ul li > a:before,
     3490.widget_recent_comments ul ul ul ul ul ul ul ul ul li > a:before,
     3491.widget_recent_entries ul ul ul ul ul ul ul ul ul li > a:before,
     3492.widget_rss ul ul ul ul ul ul ul ul ul li > a:before {
     3493  content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     3494}
     3495
     3496.widget_archive ul ul ul ul ul ul ul ul ul ul li > a:before,
     3497.widget_categories ul ul ul ul ul ul ul ul ul ul li > a:before,
     3498.widget_meta ul ul ul ul ul ul ul ul ul ul li > a:before,
     3499.widget_nav_menu ul ul ul ul ul ul ul ul ul ul li > a:before,
     3500.widget_pages ul ul ul ul ul ul ul ul ul ul li > a:before,
     3501.widget_recent_comments ul ul ul ul ul ul ul ul ul ul li > a:before,
     3502.widget_recent_entries ul ul ul ul ul ul ul ul ul ul li > a:before,
     3503.widget_rss ul ul ul ul ul ul ul ul ul ul li > a:before {
     3504  content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     3505}
     3506
     3507.widget_tag_cloud .tagcloud {
     3508  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
     3509  font-weight: 700;
    28953510}
    28963511
    … …  
    29003515}
    29013516
     3517.widget_calendar .calendar_wrap {
     3518  text-align: center;
     3519  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
     3520}
     3521
     3522.widget_calendar .calendar_wrap table td,
     3523.widget_calendar .calendar_wrap table th {
     3524  border: none;
     3525}
     3526
     3527.widget_calendar .calendar_wrap a {
     3528  text-decoration: underline;
     3529}
     3530
    29023531/* Blocks */
    29033532/* !Block styles */
    2904 .entry-content > *,
    2905 .entry-summary > * {
    2906   max-width: calc(100vw - (2 * 1rem));
    2907   margin: 32px 1rem;
    2908   /*
    2909         // Set top margins for headings
    2910         & + h1:before,
    2911         & + h2:before,
    2912         & + h3,
    2913         & + h4,
    2914         & + h5,
    2915         & + h6 {
    2916                 margin-top: calc(4 * 1rem);
    2917         }
    2918 */
    2919 }
    2920 
    2921 @media only screen and (min-width: 768px) {
    2922   .entry-content > *,
    2923   .entry-summary > * {
    2924     max-width: calc(8 * (100vw / 12));
     3533.entry .entry-content > *,
     3534.entry .entry-summary > * {
     3535  margin: 32px 0;
     3536  max-width: 100%;
     3537}
     3538
     3539@media only screen and (min-width: 768px) {
     3540  .entry .entry-content > *,
     3541  .entry .entry-summary > * {
     3542    max-width: calc(8 * (100vw / 12) - 28px);
    29253543  }
    29263544}
    29273545
    29283546@media only screen and (min-width: 1168px) {
    2929   .entry-content > *,
    2930   .entry-summary > * {
    2931     max-width: calc(6 * (100vw / 12));
    2932   }
    2933 }
    2934 
    2935 @media only screen and (min-width: 768px) {
    2936   .entry-content > *,
    2937   .entry-summary > * {
    2938     margin: 32px calc(2 * (100vw / 12));
    2939   }
    2940 }
    2941 
    2942 .entry-content > * > *:first-child,
    2943 .entry-summary > * > *:first-child {
     3547  .entry .entry-content > *,
     3548  .entry .entry-summary > * {
     3549    max-width: calc(6 * (100vw / 12) - 28px);
     3550  }
     3551}
     3552
     3553@media only screen and (min-width: 768px) {
     3554  .entry .entry-content > *,
     3555  .entry .entry-summary > * {
     3556    margin: 32px 0;
     3557  }
     3558}
     3559
     3560.entry .entry-content > * > *:first-child,
     3561.entry .entry-summary > * > *:first-child {
    29443562  margin-top: 0;
    29453563}
    29463564
    2947 .entry-content > * > *:last-child,
    2948 .entry-summary > * > *:last-child {
     3565.entry .entry-content > * > *:last-child,
     3566.entry .entry-summary > * > *:last-child {
    29493567  margin-bottom: 0;
    29503568}
    29513569
    2952 .entry-content > *.alignwide,
    2953 .entry-summary > *.alignwide {
     3570.entry .entry-content > *.alignwide,
     3571.entry .entry-summary > *.alignwide {
    29543572  margin-left: auto;
    29553573  margin-right: auto;
    2956 }
    2957 
    2958 @media only screen and (min-width: 768px) {
    2959   .entry-content > *.alignwide,
    2960   .entry-summary > *.alignwide {
    2961     margin-left: calc(2 * (100vw / 12));
    2962     margin-right: calc(2 * (100vw / 12));
    2963     max-width: calc(8 * (100vw / 12));
    2964   }
    2965 }
    2966 
    2967 .entry-content > *.alignfull,
    2968 .entry-summary > *.alignfull {
    2969   margin-top: calc(2 * 1rem);
    2970   margin-right: 0;
    2971   margin-bottom: calc(2 * 1rem);
    2972   margin-left: 0;
    2973   max-width: 100%;
    2974 }
    2975 
    2976 .entry-content > *.alignleft,
    2977 .entry-summary > *.alignleft {
     3574  clear: both;
     3575}
     3576
     3577@media only screen and (min-width: 768px) {
     3578  .entry .entry-content > *.alignwide,
     3579  .entry .entry-summary > *.alignwide {
     3580    width: 100%;
     3581    max-width: 100%;
     3582  }
     3583}
     3584
     3585.entry .entry-content > *.alignfull,
     3586.entry .entry-summary > *.alignfull {
     3587  position: relative;
     3588  left: -1rem;
     3589  width: calc( 100% + (2 * 1rem));
     3590  max-width: calc( 100% + (2 * 1rem));
     3591  clear: both;
     3592}
     3593
     3594@media only screen and (min-width: 768px) {
     3595  .entry .entry-content > *.alignfull,
     3596  .entry .entry-summary > *.alignfull {
     3597    margin-top: calc(2 * 1rem);
     3598    margin-bottom: calc(2 * 1rem);
     3599    left: calc( -12.5% - 75px);
     3600    width: calc( 125% + 150px);
     3601    max-width: calc( 125% + 150px);
     3602  }
     3603}
     3604
     3605.entry .entry-content > *.alignleft,
     3606.entry .entry-summary > *.alignleft {
     3607  /*rtl:ignore*/
    29783608  float: left;
    29793609  max-width: calc(5 * (100vw / 12));
    29803610  margin-top: 0;
    2981 }
    2982 
    2983 @media only screen and (min-width: 768px) {
    2984   .entry-content > *.alignleft,
    2985   .entry-summary > *.alignleft {
     3611  margin-left: 0;
     3612  /*rtl:ignore*/
     3613  margin-right: 1rem;
     3614}
     3615
     3616@media only screen and (min-width: 768px) {
     3617  .entry .entry-content > *.alignleft,
     3618  .entry .entry-summary > *.alignleft {
    29863619    max-width: calc(4 * (100vw / 12));
     3620    /*rtl:ignore*/
    29873621    margin-right: calc(2 * 1rem);
    29883622  }
    … …  
    29903624
    29913625@media only screen and (min-width: 1168px) {
    2992   .entry-content > *.alignleft,
    2993   .entry-summary > *.alignleft {
     3626  .entry .entry-content > *.alignleft,
     3627  .entry .entry-summary > *.alignleft {
    29943628    max-width: calc(3 * (100vw / 12));
    29953629  }
    29963630}
    29973631
    2998 .entry-content > *.alignright,
    2999 .entry-summary > *.alignright {
     3632.entry .entry-content > *.alignright,
     3633.entry .entry-summary > *.alignright {
     3634  /*rtl:ignore*/
    30003635  float: right;
    30013636  max-width: calc(5 * (100vw / 12));
    30023637  margin-top: 0;
     3638  margin-right: 0;
     3639  /*rtl:ignore*/
    30033640  margin-left: 1rem;
    3004   margin-right: 1rem;
    3005 }
    3006 
    3007 @media only screen and (min-width: 768px) {
    3008   .entry-content > *.alignright,
    3009   .entry-summary > *.alignright {
     3641}
     3642
     3643@media only screen and (min-width: 768px) {
     3644  .entry .entry-content > *.alignright,
     3645  .entry .entry-summary > *.alignright {
    30103646    max-width: calc(4 * (100vw / 12));
     3647    margin-right: 0;
     3648    /*rtl:ignore*/
    30113649    margin-left: calc(2 * 1rem);
    3012     margin-right: calc(2 * (100vw / 12));
    3013   }
    3014 }
    3015 
    3016 .entry-content > *.aligncenter,
    3017 .entry-summary > *.aligncenter {
     3650  }
     3651}
     3652
     3653.entry .entry-content > *.aligncenter,
     3654.entry .entry-summary > *.aligncenter {
    30183655  margin-left: auto;
    30193656  margin-right: auto;
    30203657}
    30213658
     3659@media only screen and (min-width: 768px) {
     3660  .entry .entry-content > *.aligncenter,
     3661  .entry .entry-summary > *.aligncenter {
     3662    max-width: calc(8 * (100vw / 12) - 28px);
     3663  }
     3664}
     3665
    30223666@media only screen and (min-width: 1168px) {
    3023   .entry-content > *.aligncenter,
    3024   .entry-summary > *.aligncenter {
    3025     margin-left: calc(2 * (100vw / 12));
    3026     margin-right: calc(2 * (100vw / 12));
    3027     max-width: calc(10 * (100vw / 12));
    3028     position: relative;
    3029     left: 25%;
    3030     transform: translate(-50%);
    3031   }
    3032 }
    3033 
    3034 .entry-content .wp-block-audio {
     3667  .entry .entry-content > *.aligncenter,
     3668  .entry .entry-summary > *.aligncenter {
     3669    max-width: calc(6 * (100vw / 12) - 28px);
     3670  }
     3671}
     3672
     3673@media only screen and (min-width: 768px) {
     3674  .entry .entry-content > *.aligncenter,
     3675  .entry .entry-summary > *.aligncenter {
     3676    margin-left: 0;
     3677    margin-right: 0;
     3678  }
     3679}
     3680
     3681/*
     3682 * Unset nested content selector styles
     3683 * - Prevents layout styles from cascading too deeply
     3684 * - helps with plugin compatibility
     3685 */
     3686.entry .entry-content .entry-content,
     3687.entry .entry-content .entry-summary,
     3688.entry .entry-content .entry,
     3689.entry .entry-summary .entry-content,
     3690.entry .entry-summary .entry-summary,
     3691.entry .entry-summary .entry {
     3692  margin: inherit;
     3693  max-width: inherit;
     3694  padding: inherit;
     3695}
     3696
     3697@media only screen and (min-width: 768px) {
     3698  .entry .entry-content .entry-content,
     3699  .entry .entry-content .entry-summary,
     3700  .entry .entry-content .entry,
     3701  .entry .entry-summary .entry-content,
     3702  .entry .entry-summary .entry-summary,
     3703  .entry .entry-summary .entry {
     3704    margin: inherit;
     3705    max-width: inherit;
     3706    padding: inherit;
     3707  }
     3708}
     3709
     3710.entry .entry-content p.has-background {
     3711  padding: 20px 30px;
     3712}
     3713
     3714.entry .entry-content .wp-block-audio {
    30353715  width: 100%;
    30363716}
    30373717
    3038 .entry-content .wp-block-audio audio {
     3718.entry .entry-content .wp-block-audio audio {
    30393719  width: 100%;
    30403720}
    30413721
    3042 .entry-content .wp-block-audio.alignleft audio,
    3043 .entry-content .wp-block-audio.alignright audio {
    3044   max-width: 190px;
    3045 }
    3046 
    3047 @media only screen and (min-width: 768px) {
    3048   .entry-content .wp-block-audio.alignleft audio,
    3049   .entry-content .wp-block-audio.alignright audio {
     3722.entry .entry-content .wp-block-audio.alignleft audio,
     3723.entry .entry-content .wp-block-audio.alignright audio {
     3724  max-width: 198px;
     3725}
     3726
     3727@media only screen and (min-width: 768px) {
     3728  .entry .entry-content .wp-block-audio.alignleft audio,
     3729  .entry .entry-content .wp-block-audio.alignright audio {
    30503730    max-width: 384px;
    30513731  }
    … …  
    30533733
    30543734@media only screen and (min-width: 1379px) {
    3055   .entry-content .wp-block-audio.alignleft audio,
    3056   .entry-content .wp-block-audio.alignright audio {
     3735  .entry .entry-content .wp-block-audio.alignleft audio,
     3736  .entry .entry-content .wp-block-audio.alignright audio {
    30573737    max-width: 385.44px;
    30583738  }
    30593739}
    30603740
    3061 .entry-content .wp-block-audio.aligncenter {
     3741.entry .entry-content .wp-block-audio.aligncenter {
    30623742  margin: 32px calc(2 * (100vw / 12));
    30633743  max-width: calc(6 * (100vw / 12));
    30643744}
    30653745
    3066 .entry-content .wp-block-video video {
     3746.entry .entry-content .wp-block-video video {
    30673747  width: 100%;
    30683748}
    30693749
    3070 .entry-content .wp-block-button .wp-block-button__link {
     3750.entry .entry-content .wp-block-button .wp-block-button__link {
    30713751  transition: background 150ms ease-in-out;
    30723752  border: none;
    … …  
    30843764}
    30853765
    3086 .entry-content .wp-block-button .wp-block-button__link:hover {
     3766.entry .entry-content .wp-block-button .wp-block-button__link:hover {
     3767  background: #111;
    30873768  cursor: pointer;
    30883769}
    30893770
    3090 .entry-content .wp-block-button .wp-block-button__link:hover, .entry-content .wp-block-button .wp-block-button__link:focus {
     3771.entry .entry-content .wp-block-button .wp-block-button__link:focus {
    30913772  background: #111;
    3092 }
    3093 
    3094 .entry-content .wp-block-button .wp-block-button__link:focus {
    30953773  outline: thin dotted;
    30963774  outline-offset: -4px;
    30973775}
    30983776
    3099 .entry-content .wp-block-button:not(.is-style-squared) .wp-block-button__link {
     3777.entry .entry-content .wp-block-button:not(.is-style-squared) .wp-block-button__link {
    31003778  border-radius: 5px;
    31013779}
    31023780
    3103 .entry-content .wp-block-button.is-style-outline .wp-block-button__link,
    3104 .entry-content .wp-block-button.is-style-outline .wp-block-button__link:focus,
    3105 .entry-content .wp-block-button.is-style-outline .wp-block-button__link:active {
     3781.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link,
     3782.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:focus,
     3783.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:active {
    31063784  transition: all 150ms ease-in-out;
    31073785  background: transparent;
    … …  
    31103788}
    31113789
    3112 .entry-content .wp-block-button.is-style-outline .wp-block-button__link:hover {
     3790.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:hover {
    31133791  color: #111;
    31143792}
    31153793
    3116 .entry-content .wp-block-archives,
    3117 .entry-content .wp-block-categories,
    3118 .entry-content .wp-block-latest-posts {
     3794.entry .entry-content .wp-block-archives,
     3795.entry .entry-content .wp-block-categories,
     3796.entry .entry-content .wp-block-latest-posts {
    31193797  padding: 0;
    31203798  list-style: none;
    31213799}
    31223800
    3123 .entry-content .wp-block-archives li,
    3124 .entry-content .wp-block-categories li,
    3125 .entry-content .wp-block-latest-posts li {
     3801.entry .entry-content .wp-block-archives li,
     3802.entry .entry-content .wp-block-categories li,
     3803.entry .entry-content .wp-block-latest-posts li {
    31263804  color: #767676;
    31273805  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    … …  
    31293807  font-weight: bold;
    31303808  line-height: 1.2;
    3131 }
    3132 
    3133 .entry-content .wp-block-archives li:not(.menu-item-has-children),
    3134 .entry-content .wp-block-categories li:not(.menu-item-has-children),
    3135 .entry-content .wp-block-latest-posts li:not(.menu-item-has-children) {
    31363809  padding-bottom: 0.75rem;
    31373810}
    31383811
    3139 .entry-content .wp-block-archives li a,
    3140 .entry-content .wp-block-categories li a,
    3141 .entry-content .wp-block-latest-posts li a {
     3812.entry .entry-content .wp-block-archives li.menu-item-has-children, .entry .entry-content .wp-block-archives li:last-child,
     3813.entry .entry-content .wp-block-categories li.menu-item-has-children,
     3814.entry .entry-content .wp-block-categories li:last-child,
     3815.entry .entry-content .wp-block-latest-posts li.menu-item-has-children,
     3816.entry .entry-content .wp-block-latest-posts li:last-child {
     3817  padding-bottom: 0;
     3818}
     3819
     3820.entry .entry-content .wp-block-archives li a,
     3821.entry .entry-content .wp-block-categories li a,
     3822.entry .entry-content .wp-block-latest-posts li a {
    31423823  text-decoration: none;
    31433824}
    31443825
    3145 .entry-content .wp-block-archives li ul,
    3146 .entry-content .wp-block-categories li ul,
    3147 .entry-content .wp-block-latest-posts li ul {
    3148   padding-left: 1rem;
    3149 }
    3150 
    3151 .entry-content .wp-block-latest-posts.is-grid li {
     3826.entry .entry-content .wp-block-categories ul {
     3827  padding-top: 0.75rem;
     3828}
     3829
     3830.entry .entry-content .wp-block-categories li ul {
     3831  list-style: none;
     3832  padding-left: 0;
     3833}
     3834
     3835.entry .entry-content .wp-block-categories ul li > a:before {
     3836  font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
     3837  font-weight: normal;
     3838}
     3839
     3840.entry .entry-content .wp-block-categories ul > li > a:before {
     3841  content: "\2013\00a0";
     3842}
     3843
     3844.entry .entry-content .wp-block-categories ul ul li > a:before {
     3845  content: "\2013\00a0\2013\00a0";
     3846}
     3847
     3848.entry .entry-content .wp-block-categories ul ul ul li > a:before {
     3849  content: "\2013\00a0\2013\00a0\2013\00a0";
     3850}
     3851
     3852.entry .entry-content .wp-block-categories ul ul ul ul li > a:before {
     3853  content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     3854}
     3855
     3856.entry .entry-content .wp-block-categories ul ul ul ul ul li > a:before {
     3857  content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     3858}
     3859
     3860.entry .entry-content .wp-block-categories ul ul ul ul ul ul li > a:before {
     3861  content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     3862}
     3863
     3864.entry .entry-content .wp-block-categories ul ul ul ul ul ul ul li > a:before {
     3865  content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     3866}
     3867
     3868.entry .entry-content .wp-block-categories ul ul ul ul ul ul ul ul li > a:before {
     3869  content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     3870}
     3871
     3872.entry .entry-content .wp-block-categories ul ul ul ul ul ul ul ul ul li > a:before {
     3873  content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     3874}
     3875
     3876.entry .entry-content .wp-block-latest-posts.is-grid li {
    31523877  border-top: 2px solid #ccc;
    31533878  padding-top: 1rem;
    … …  
    31553880}
    31563881
    3157 .entry-content .wp-block-latest-posts.is-grid li a:after {
     3882.entry .entry-content .wp-block-latest-posts.is-grid li a:after {
    31583883  content: '';
    31593884}
    31603885
    3161 .entry-content .wp-block-latest-posts.is-grid li:last-child {
     3886.entry .entry-content .wp-block-latest-posts.is-grid li:last-child {
    31623887  margin-bottom: auto;
    31633888}
    31643889
    3165 .entry-content .wp-block-latest-posts.is-grid li:last-child a:after {
     3890.entry .entry-content .wp-block-latest-posts.is-grid li:last-child a:after {
    31663891  content: '';
    31673892}
    31683893
    3169 .entry-content .wp-block-preformatted {
     3894.entry .entry-content .wp-block-preformatted {
    31703895  font-size: 0.71111em;
    31713896  line-height: 1.8;
    … …  
    31733898}
    31743899
    3175 .entry-content .wp-block-verse {
     3900.entry .entry-content .wp-block-verse {
    31763901  font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
    31773902  font-size: 22px;
    … …  
    31793904}
    31803905
    3181 .entry-content .has-drop-cap:not(:focus):first-letter {
     3906.entry .entry-content .has-drop-cap:not(:focus):first-letter {
    31823907  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    31833908  font-size: 3.375em;
    … …  
    31873912}
    31883913
    3189 .entry-content .wp-block-pullquote {
     3914.entry .entry-content .wp-block-pullquote {
    31903915  border: none;
    31913916  padding: 1rem;
    31923917}
    31933918
    3194 .entry-content .wp-block-pullquote blockquote {
     3919.entry .entry-content .wp-block-pullquote blockquote {
    31953920  color: #111;
    31963921  border: none;
    3197   padding-bottom: calc(2 * 1rem);
     3922  margin-top: calc(4 * 1rem);
     3923  margin-bottom: calc(4.33 * 1rem);
    31983924  margin-right: 0;
    31993925}
    32003926
    3201 .entry-content .wp-block-pullquote p {
     3927.entry .entry-content .wp-block-pullquote p {
    32023928  font-size: 1.6875em;
    32033929  font-style: italic;
    … …  
    32073933}
    32083934
    3209 .entry-content .wp-block-pullquote p em {
     3935.entry .entry-content .wp-block-pullquote p em {
    32103936  font-style: normal;
    32113937}
    32123938
    32133939@media only screen and (min-width: 768px) {
    3214   .entry-content .wp-block-pullquote p {
     3940  .entry .entry-content .wp-block-pullquote p {
    32153941    font-size: 2.25em;
    32163942  }
    32173943}
    32183944
    3219 .entry-content .wp-block-pullquote cite {
     3945.entry .entry-content .wp-block-pullquote cite {
    32203946  display: inline-block;
    32213947  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    3222   font-size: 0.71111em;
    32233948  line-height: 1.6;
    32243949  text-transform: none;
    3225 }
    3226 
    3227 .entry-content .wp-block-pullquote.alignleft, .entry-content .wp-block-pullquote.alignright {
     3950  color: #767676;
     3951  /*
     3952                         * This requires a rem-based font size calculation instead of our normal em-based one,
     3953                         * because the cite tag sometimes gets wrapped in a p tag. This is equivalent to $font-size_xs.
     3954                         */
     3955  font-size: calc(1rem / (1.25 * 1.125));
     3956}
     3957
     3958.entry .entry-content .wp-block-pullquote.alignleft, .entry .entry-content .wp-block-pullquote.alignright {
     3959  width: 100%;
    32283960  padding: 0;
    32293961}
    32303962
    3231 .entry-content .wp-block-pullquote.alignleft blockquote, .entry-content .wp-block-pullquote.alignright blockquote {
     3963.entry .entry-content .wp-block-pullquote.alignleft blockquote, .entry .entry-content .wp-block-pullquote.alignright blockquote {
    32323964  margin-left: 0;
    32333965  padding: 0;
    … …  
    32363968}
    32373969
    3238 .entry-content .wp-block-pullquote.is-style-solid-color {
     3970.entry .entry-content .wp-block-pullquote.is-style-solid-color {
    32393971  background-color: #0073aa;
    3240 }
    3241 
    3242 .entry-content .wp-block-pullquote.is-style-solid-color p {
     3972  padding-left: 0;
     3973  padding-right: 0;
     3974}
     3975
     3976@media only screen and (min-width: 768px) {
     3977  .entry .entry-content .wp-block-pullquote.is-style-solid-color {
     3978    padding-left: 10%;
     3979    padding-right: 10%;
     3980  }
     3981}
     3982
     3983.entry .entry-content .wp-block-pullquote.is-style-solid-color p {
    32433984  font-size: 1.6875em;
    32443985  line-height: 1.3;
    … …  
    32483989
    32493990@media only screen and (min-width: 768px) {
    3250   .entry-content .wp-block-pullquote.is-style-solid-color p {
     3991  .entry .entry-content .wp-block-pullquote.is-style-solid-color p {
    32513992    font-size: 2.25em;
    32523993  }
    32533994}
    32543995
    3255 .entry-content .wp-block-pullquote.is-style-solid-color a {
     3996.entry .entry-content .wp-block-pullquote.is-style-solid-color a {
    32563997  color: #fff;
    32573998}
    32583999
    3259 .entry-content .wp-block-pullquote.is-style-solid-color blockquote {
     4000.entry .entry-content .wp-block-pullquote.is-style-solid-color cite {
     4001  color: inherit;
     4002}
     4003
     4004.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote {
     4005  max-width: calc(100% - (2 * 1rem));
    32604006  color: #fff;
    3261   margin: 0 auto;
    3262 }
    3263 
    3264 .entry-content .wp-block-pullquote.is-style-solid-color .has-primary-background-color {
     4007  padding-left: 0;
     4008  margin-left: 1rem;
     4009}
     4010
     4011@media only screen and (min-width: 768px) {
     4012  .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote {
     4013    margin-left: 0;
     4014    margin-right: 0;
     4015  }
     4016}
     4017
     4018.entry .entry-content .wp-block-pullquote.is-style-solid-color .has-primary-background-color {
    32654019  background-color: #0073aa;
    32664020}
    32674021
    3268 .entry-content .wp-block-pullquote.is-style-solid-color.alignleft, .entry-content .wp-block-pullquote.is-style-solid-color.alignright {
    3269   padding: 1rem 1rem 0;
    3270 }
    3271 
    3272 .entry-content .wp-block-pullquote.is-style-solid-color.alignleft blockquote, .entry-content .wp-block-pullquote.is-style-solid-color.alignright blockquote {
    3273   padding: 0 0 calc( 1.5 * 1rem);
    3274   margin-left: 0;
    3275   margin-top: 0;
    3276 }
    3277 
    3278 @media only screen and (min-width: 768px) {
    3279   .entry-content .wp-block-pullquote.is-style-solid-color.alignleft, .entry-content .wp-block-pullquote.is-style-solid-color.alignright {
    3280     padding: calc( 2 * 1rem) calc( 2 * 1rem) 1rem;
    3281   }
    3282 }
    3283 
    3284 .entry-content .wp-block-quote:not(.is-large), .entry-content .wp-block-quote:not(.is-style-large) {
     4022@media only screen and (min-width: 768px) {
     4023  .entry .entry-content .wp-block-pullquote.is-style-solid-color.alignfull {
     4024    padding-left: calc(10% + 58px + (2 * 1rem));
     4025    padding-right: calc(10% + 58px + (2 * 1rem));
     4026  }
     4027}
     4028
     4029.entry .entry-content .wp-block-quote:not(.is-large), .entry .entry-content .wp-block-quote:not(.is-style-large) {
    32854030  border-left: 2px solid #0073aa;
    32864031  padding-top: 0;
    … …  
    32884033}
    32894034
    3290 .entry-content .wp-block-quote p {
     4035.entry .entry-content .wp-block-quote p {
    32914036  font-size: 1em;
    32924037  font-style: normal;
    … …  
    32944039}
    32954040
    3296 .entry-content .wp-block-quote cite {
    3297   font-size: 0.71111em;
    3298 }
    3299 
    3300 .entry-content .wp-block-quote.is-large, .entry-content .wp-block-quote.is-style-large {
    3301   padding: 1rem 0 1rem 2rem;
     4041.entry .entry-content .wp-block-quote cite {
     4042  /*
     4043                         * This requires a rem-based font size calculation instead of our normal em-based one,
     4044                         * because the cite tag sometimes gets wrapped in a p tag. This is equivalent to $font-size_xs.
     4045                         */
     4046  font-size: calc(1rem / (1.25 * 1.125));
     4047}
     4048
     4049.entry .entry-content .wp-block-quote.is-large, .entry .entry-content .wp-block-quote.is-style-large {
    33024050  margin: 1rem 0;
     4051  padding: 0;
    33034052  border-left: none;
    33044053}
    33054054
    3306 .entry-content .wp-block-quote.is-large p, .entry-content .wp-block-quote.is-style-large p {
     4055.entry .entry-content .wp-block-quote.is-large p, .entry .entry-content .wp-block-quote.is-style-large p {
    33074056  font-size: 1.6875em;
    33084057  line-height: 1.4;
    … …  
    33104059}
    33114060
    3312 .entry-content .wp-block-quote.is-large cite,
    3313 .entry-content .wp-block-quote.is-large footer, .entry-content .wp-block-quote.is-style-large cite,
    3314 .entry-content .wp-block-quote.is-style-large footer {
    3315   font-size: 0.71111em;
    3316 }
    3317 
    3318 @media only screen and (min-width: 768px) {
    3319   .entry-content .wp-block-quote.is-large, .entry-content .wp-block-quote.is-style-large {
    3320     margin: 1rem calc(2 * (100vw / 12));
    3321     max-width: calc(6 * (100vw / 12));
    3322   }
    3323   .entry-content .wp-block-quote.is-large p, .entry-content .wp-block-quote.is-style-large p {
     4061.entry .entry-content .wp-block-quote.is-large cite,
     4062.entry .entry-content .wp-block-quote.is-large footer, .entry .entry-content .wp-block-quote.is-style-large cite,
     4063.entry .entry-content .wp-block-quote.is-style-large footer {
     4064  /*
     4065                                 * This requires a rem-based font size calculation instead of our normal em-based one,
     4066                                 * because the cite tag sometimes gets wrapped in a p tag. This is equivalent to $font-size_xs.
     4067                                 */
     4068  font-size: calc(1rem / (1.25 * 1.125));
     4069}
     4070
     4071@media only screen and (min-width: 768px) {
     4072  .entry .entry-content .wp-block-quote.is-large, .entry .entry-content .wp-block-quote.is-style-large {
     4073    margin: 1rem 0;
     4074    padding: 1rem 0;
     4075  }
     4076  .entry .entry-content .wp-block-quote.is-large p, .entry .entry-content .wp-block-quote.is-style-large p {
    33244077    font-size: 1.6875em;
    33254078  }
    33264079}
    33274080
    3328 .entry-content .wp-block-image img {
     4081.entry .entry-content .wp-block-image img {
    33294082  display: block;
    33304083}
    33314084
    3332 .entry-content .wp-block-image.alignleft, .entry-content .wp-block-image.alignright {
     4085.entry .entry-content .wp-block-image.alignleft, .entry .entry-content .wp-block-image.alignright {
    33334086  max-width: 100%;
    33344087}
    33354088
    3336 .entry-content .wp-block-image.alignfull img {
     4089.entry .entry-content .wp-block-image.alignfull img {
    33374090  width: 100vw;
    3338   margin-left: auto;
    3339   margin-right: auto;
    3340 }
    3341 
    3342 .entry-content .wp-block-cover-image .wp-block-cover-image-text,
    3343 .entry-content .wp-block-cover-image .wp-block-cover-text,
    3344 .entry-content .wp-block-cover-image h2,
    3345 .entry-content .wp-block-cover .wp-block-cover-image-text,
    3346 .entry-content .wp-block-cover .wp-block-cover-text,
    3347 .entry-content .wp-block-cover h2 {
     4091}
     4092
     4093@media only screen and (min-width: 768px) {
     4094  .entry .entry-content .wp-block-image.alignfull img {
     4095    margin-left: auto;
     4096    margin-right: auto;
     4097  }
     4098}
     4099
     4100.entry .entry-content .wp-block-cover-image,
     4101.entry .entry-content .wp-block-cover {
     4102  position: relative;
     4103  min-height: 430px;
     4104  padding: 1rem;
     4105}
     4106
     4107@media only screen and (min-width: 768px) {
     4108  .entry .entry-content .wp-block-cover-image,
     4109  .entry .entry-content .wp-block-cover {
     4110    padding: 1rem 10%;
     4111  }
     4112}
     4113
     4114.entry .entry-content .wp-block-cover-image .wp-block-cover-image-text,
     4115.entry .entry-content .wp-block-cover-image .wp-block-cover-text,
     4116.entry .entry-content .wp-block-cover-image h2,
     4117.entry .entry-content .wp-block-cover .wp-block-cover-image-text,
     4118.entry .entry-content .wp-block-cover .wp-block-cover-text,
     4119.entry .entry-content .wp-block-cover h2 {
    33484120  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    33494121  font-size: 1.6875em;
    33504122  font-weight: bold;
    3351   width: calc(100vw - (2 * 1rem));
    3352   max-width: calc(100vw - (2 * 1rem));
    3353 }
    3354 
    3355 @media only screen and (min-width: 768px) {
    3356   .entry-content .wp-block-cover-image .wp-block-cover-image-text,
    3357   .entry-content .wp-block-cover-image .wp-block-cover-text,
    3358   .entry-content .wp-block-cover-image h2,
    3359   .entry-content .wp-block-cover .wp-block-cover-image-text,
    3360   .entry-content .wp-block-cover .wp-block-cover-text,
    3361   .entry-content .wp-block-cover h2 {
     4123  line-height: 1.25;
     4124  padding: 0;
     4125  color: #fff;
     4126}
     4127
     4128@media only screen and (min-width: 768px) {
     4129  .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text,
     4130  .entry .entry-content .wp-block-cover-image .wp-block-cover-text,
     4131  .entry .entry-content .wp-block-cover-image h2,
     4132  .entry .entry-content .wp-block-cover .wp-block-cover-image-text,
     4133  .entry .entry-content .wp-block-cover .wp-block-cover-text,
     4134  .entry .entry-content .wp-block-cover h2 {
    33624135    font-size: 2.25em;
    3363     width: calc(8 * (100vw / 12));
    3364     max-width: calc(8 * (100vw / 12));
    3365   }
    3366 }
    3367 
    3368 @media only screen and (min-width: 1168px) {
    3369   .entry-content .wp-block-cover-image .wp-block-cover-image-text,
    3370   .entry-content .wp-block-cover-image .wp-block-cover-text,
    3371   .entry-content .wp-block-cover-image h2,
    3372   .entry-content .wp-block-cover .wp-block-cover-image-text,
    3373   .entry-content .wp-block-cover .wp-block-cover-text,
    3374   .entry-content .wp-block-cover h2 {
    3375     width: calc(6 * (100vw / 12 ));
    3376     max-width: calc(6 * (100vw / 12 ));
    3377   }
    3378 }
    3379 
    3380 .entry-content .wp-block-cover-image.alignleft h2,
    3381 .entry-content .wp-block-cover-image.alignleft .wp-block-cover-image-text,
    3382 .entry-content .wp-block-cover-image.alignleft .wp-block-cover-text, .entry-content .wp-block-cover-image.alignright h2,
    3383 .entry-content .wp-block-cover-image.alignright .wp-block-cover-image-text,
    3384 .entry-content .wp-block-cover-image.alignright .wp-block-cover-text, .entry-content .wp-block-cover-image.aligncenter h2,
    3385 .entry-content .wp-block-cover-image.aligncenter .wp-block-cover-image-text,
    3386 .entry-content .wp-block-cover-image.aligncenter .wp-block-cover-text,
    3387 .entry-content .wp-block-cover.alignleft h2,
    3388 .entry-content .wp-block-cover.alignleft .wp-block-cover-image-text,
    3389 .entry-content .wp-block-cover.alignleft .wp-block-cover-text,
    3390 .entry-content .wp-block-cover.alignright h2,
    3391 .entry-content .wp-block-cover.alignright .wp-block-cover-image-text,
    3392 .entry-content .wp-block-cover.alignright .wp-block-cover-text,
    3393 .entry-content .wp-block-cover.aligncenter h2,
    3394 .entry-content .wp-block-cover.aligncenter .wp-block-cover-image-text,
    3395 .entry-content .wp-block-cover.aligncenter .wp-block-cover-text {
     4136    max-width: 100%;
     4137  }
     4138}
     4139
     4140.entry .entry-content .wp-block-cover-image.aligncenter h2,
     4141.entry .entry-content .wp-block-cover-image.aligncenter .wp-block-cover-image-text,
     4142.entry .entry-content .wp-block-cover-image.aligncenter .wp-block-cover-text,
     4143.entry .entry-content .wp-block-cover.aligncenter h2,
     4144.entry .entry-content .wp-block-cover.aligncenter .wp-block-cover-image-text,
     4145.entry .entry-content .wp-block-cover.aligncenter .wp-block-cover-text {
    33964146  width: 100%;
    33974147  z-index: 1;
    … …  
    34024152}
    34034153
    3404 .entry-content .wp-block-cover-image.aligncenter,
    3405 .entry-content .wp-block-cover.aligncenter {
    3406   margin: 32px calc(2 * (100vw / 12));
    3407   max-width: calc(6 * (100vw / 12));
    3408 }
    3409 
    3410 .entry-content .wp-block-cover-image.has-left-content,
    3411 .entry-content .wp-block-cover.has-left-content {
    3412   justify-content: center;
    3413 }
    3414 
    3415 .entry-content .wp-block-cover-image.has-left-content h2,
    3416 .entry-content .wp-block-cover-image.has-left-content .wp-block-cover-image-text,
    3417 .entry-content .wp-block-cover-image.has-left-content .wp-block-cover-text,
    3418 .entry-content .wp-block-cover.has-left-content h2,
    3419 .entry-content .wp-block-cover.has-left-content .wp-block-cover-image-text,
    3420 .entry-content .wp-block-cover.has-left-content .wp-block-cover-text {
    3421   padding: 1rem;
    3422 }
    3423 
    3424 .entry-content .wp-block-cover-image.has-right-content,
    3425 .entry-content .wp-block-cover.has-right-content {
    3426   justify-content: center;
    3427 }
    3428 
    3429 .entry-content .wp-block-cover-image.has-right-content h2,
    3430 .entry-content .wp-block-cover-image.has-right-content .wp-block-cover-image-text,
    3431 .entry-content .wp-block-cover-image.has-right-content .wp-block-cover-text,
    3432 .entry-content .wp-block-cover.has-right-content h2,
    3433 .entry-content .wp-block-cover.has-right-content .wp-block-cover-image-text,
    3434 .entry-content .wp-block-cover.has-right-content .wp-block-cover-text {
    3435   padding: 1rem;
    3436 }
    3437 
    3438 .entry-content .wp-block-gallery .blocks-gallery-image:last-child,
    3439 .entry-content .wp-block-gallery .blocks-gallery-item:last-child {
     4154.entry .entry-content .wp-block-cover-image.alignleft, .entry .entry-content .wp-block-cover-image.alignright,
     4155.entry .entry-content .wp-block-cover.alignleft,
     4156.entry .entry-content .wp-block-cover.alignright {
     4157  width: 100%;
     4158}
     4159
     4160@media only screen and (min-width: 768px) {
     4161  .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-image-text,
     4162  .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-text,
     4163  .entry .entry-content .wp-block-cover-image.alignfull h2,
     4164  .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-image-text,
     4165  .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-text,
     4166  .entry .entry-content .wp-block-cover.alignfull h2 {
     4167    max-width: calc(8 * (100vw / 12) - 28px);
     4168  }
     4169}
     4170
     4171@media only screen and (min-width: 1168px) {
     4172  .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-image-text,
     4173  .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-text,
     4174  .entry .entry-content .wp-block-cover-image.alignfull h2,
     4175  .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-image-text,
     4176  .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-text,
     4177  .entry .entry-content .wp-block-cover.alignfull h2 {
     4178    max-width: calc(6 * (100vw / 12) - 28px);
     4179  }
     4180}
     4181
     4182@media only screen and (min-width: 768px) {
     4183  .entry .entry-content .wp-block-cover-image.alignfull,
     4184  .entry .entry-content .wp-block-cover.alignfull {
     4185    padding-left: calc(10% + 58px + (2 * 1rem));
     4186    padding-right: calc(10% + 58px + (2 * 1rem));
     4187  }
     4188  .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-image-text,
     4189  .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-text,
     4190  .entry .entry-content .wp-block-cover-image.alignfull h2,
     4191  .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-image-text,
     4192  .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-text,
     4193  .entry .entry-content .wp-block-cover.alignfull h2 {
     4194    padding: 0;
     4195  }
     4196}
     4197
     4198.entry .entry-content .wp-block-gallery {
     4199  list-style-type: none;
     4200  padding-left: 0;
     4201}
     4202
     4203.entry .entry-content .wp-block-gallery .blocks-gallery-image:last-child,
     4204.entry .entry-content .wp-block-gallery .blocks-gallery-item:last-child {
    34404205  margin-bottom: 16px;
    34414206}
    34424207
    3443 .entry-content .wp-block-audio figcaption,
    3444 .entry-content .wp-block-video figcaption,
    3445 .entry-content .wp-block-image figcaption,
    3446 .entry-content .wp-block-gallery .blocks-gallery-image figcaption,
    3447 .entry-content .wp-block-gallery .blocks-gallery-item figcaption {
     4208.entry .entry-content .wp-block-audio figcaption,
     4209.entry .entry-content .wp-block-video figcaption,
     4210.entry .entry-content .wp-block-image figcaption,
     4211.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption,
     4212.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption {
    34484213  font-size: 0.71111em;
    34494214  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    … …  
    34544219}
    34554220
    3456 .entry-content .wp-block-separator,
    3457 .entry-content hr {
     4221.entry .entry-content .wp-block-separator,
     4222.entry .entry-content hr {
     4223  background-color: #767676;
     4224  border: 0;
     4225  height: 2px;
    34584226  margin-bottom: 2rem;
    34594227  margin-top: 2rem;
     4228  max-width: 2.25em;
    34604229  text-align: left;
    34614230  /* Remove duplicate rule-line when a separator
    … …  
    34634232}
    34644233
    3465 .entry-content .wp-block-separator:not(.is-style-dots),
    3466 .entry-content hr:not(.is-style-dots) {
    3467   background-color: #767676;
    3468   border: 0;
    3469   height: 2px;
    3470 }
    3471 
    3472 .entry-content .wp-block-separator:not(.is-style-wide):not(.is-style-dots),
    3473 .entry-content hr:not(.is-style-wide):not(.is-style-dots) {
    3474   max-width: 2.25em;
    3475 }
    3476 
    3477 .entry-content .wp-block-separator + h1:before,
    3478 .entry-content .wp-block-separator + h2:before,
    3479 .entry-content hr + h1:before,
    3480 .entry-content hr + h2:before {
    3481   display: none;
    3482 }
    3483 
    3484 .entry-content .wp-block-separator.is-style-dots,
    3485 .entry-content hr.is-style-dots {
    3486   max-width: calc(100vw - (2 * 1rem));
     4234.entry .entry-content .wp-block-separator.is-style-wide,
     4235.entry .entry-content hr.is-style-wide {
     4236  max-width: 100%;
     4237}
     4238
     4239@media only screen and (min-width: 768px) {
     4240  .entry .entry-content .wp-block-separator.is-style-wide,
     4241  .entry .entry-content hr.is-style-wide {
     4242    max-width: calc(8 * (100vw / 12) - 28px);
     4243  }
     4244}
     4245
     4246@media only screen and (min-width: 1168px) {
     4247  .entry .entry-content .wp-block-separator.is-style-wide,
     4248  .entry .entry-content hr.is-style-wide {
     4249    max-width: calc(6 * (100vw / 12) - 28px);
     4250  }
     4251}
     4252
     4253.entry .entry-content .wp-block-separator.is-style-dots,
     4254.entry .entry-content hr.is-style-dots {
     4255  max-width: 100%;
     4256  background-color: inherit;
     4257  border: inherit;
     4258  height: inherit;
    34874259  text-align: center;
    34884260}
    34894261
    34904262@media only screen and (min-width: 768px) {
    3491   .entry-content .wp-block-separator.is-style-dots,
    3492   .entry-content hr.is-style-dots {
    3493     max-width: calc(8 * (100vw / 12));
     4263  .entry .entry-content .wp-block-separator.is-style-dots,
     4264  .entry .entry-content hr.is-style-dots {
     4265    max-width: calc(8 * (100vw / 12) - 28px);
    34944266  }
    34954267}
    34964268
    34974269@media only screen and (min-width: 1168px) {
    3498   .entry-content .wp-block-separator.is-style-dots,
    3499   .entry-content hr.is-style-dots {
    3500     max-width: calc(6 * (100vw / 12));
    3501   }
    3502 }
    3503 
    3504 .entry-content .wp-block-separator.is-style-dots:before,
    3505 .entry-content hr.is-style-dots:before {
     4270  .entry .entry-content .wp-block-separator.is-style-dots,
     4271  .entry .entry-content hr.is-style-dots {
     4272    max-width: calc(6 * (100vw / 12) - 28px);
     4273  }
     4274}
     4275
     4276.entry .entry-content .wp-block-separator.is-style-dots:before,
     4277.entry .entry-content hr.is-style-dots:before {
    35064278  color: #767676;
    35074279  font-size: 1.6875em;
    … …  
    35104282}
    35114283
    3512 .entry-content .wp-block-embed-twitter {
     4284.entry .entry-content .wp-block-separator + h1:before,
     4285.entry .entry-content .wp-block-separator + h2:before,
     4286.entry .entry-content hr + h1:before,
     4287.entry .entry-content hr + h2:before {
     4288  display: none;
     4289}
     4290
     4291.entry .entry-content .wp-block-embed-twitter {
    35134292  overflow: hidden;
    35144293}
    35154294
    3516 .entry-content .wp-block-table td, .entry-content .wp-block-table th {
     4295.entry .entry-content .wp-block-table th,
     4296.entry .entry-content .wp-block-table td {
    35174297  border-color: #767676;
    35184298}
    35194299
    3520 .entry-content .wp-block-file {
     4300.entry .entry-content .wp-block-file {
    35214301  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    35224302}
    35234303
    3524 .entry-content .wp-block-file .wp-block-file__button {
     4304.entry .entry-content .wp-block-file .wp-block-file__button {
    35254305  transition: background 150ms ease-in-out;
    35264306  border: none;
    … …  
    35304310  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    35314311  line-height: 1.2;
     4312  text-decoration: none;
    35324313  font-weight: bold;
    35334314  padding: 0.75rem 1rem;
     4315  color: #fff;
    35344316}
    35354317
    35364318@media only screen and (min-width: 1168px) {
    3537   .entry-content .wp-block-file .wp-block-file__button {
     4319  .entry .entry-content .wp-block-file .wp-block-file__button {
    35384320    font-size: 22px;
    35394321    padding: 0.875rem 1.5rem;
    … …  
    35414323}
    35424324
    3543 .entry-content .wp-block-file .wp-block-file__button:hover {
     4325.entry .entry-content .wp-block-file .wp-block-file__button:hover {
     4326  background: #111;
    35444327  cursor: pointer;
    35454328}
    35464329
    3547 .entry-content .wp-block-file .wp-block-file__button:hover, .entry-content .wp-block-file .wp-block-file__button:focus {
     4330.entry .entry-content .wp-block-file .wp-block-file__button:focus {
    35484331  background: #111;
    3549 }
    3550 
    3551 .entry-content .wp-block-file .wp-block-file__button:focus {
    35524332  outline: thin dotted;
    35534333  outline-offset: -4px;
    35544334}
    35554335
    3556 .entry-content .wp-block-code {
     4336.entry .entry-content .wp-block-file * + .wp-block-file__button {
     4337  margin-left: 0.75rem;
     4338}
     4339
     4340.entry .entry-content .wp-block-code {
    35574341  border-radius: 0;
    35584342}
    35594343
    3560 .entry-content .wp-block-code code {
     4344.entry .entry-content .wp-block-code code {
    35614345  font-size: 1.125em;
    35624346  white-space: pre-wrap;
    … …  
    35644348}
    35654349
    3566 .entry-content .wp-block-columns .wp-block-column > *:first-child {
    3567   margin-top: 0;
    3568 }
    3569 
    3570 .entry-content .wp-block-columns .wp-block-column > *:last-child {
    3571   margin-bottom: 0;
    3572 }
    3573 
    3574 .entry-content .wp-block-columns[class*='has-'] > * {
    3575   margin-right: 1rem;
    3576 }
    3577 
    3578 .entry-content .wp-block-columns[class*='has-'] > *:last-child {
    3579   margin-right: 0;
    3580 }
    3581 
    3582 .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta {
     4350@media only screen and (min-width: 768px) {
     4351  .entry .entry-content .wp-block-columns .wp-block-column > *:first-child {
     4352    margin-top: 0;
     4353  }
     4354  .entry .entry-content .wp-block-columns .wp-block-column > *:last-child {
     4355    margin-bottom: 0;
     4356  }
     4357  .entry .entry-content .wp-block-columns[class*='has-'] > * {
     4358    margin-right: 1rem;
     4359  }
     4360  .entry .entry-content .wp-block-columns[class*='has-'] > *:last-child {
     4361    margin-right: 0;
     4362  }
     4363}
     4364
     4365.entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta {
    35834366  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    35844367  font-weight: bold;
    35854368}
    35864369
    3587 .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-date {
     4370.entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-date {
    35884371  font-weight: normal;
    35894372}
    35904373
    3591 .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment,
    3592 .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-date,
    3593 .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p {
     4374.entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment,
     4375.entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-date,
     4376.entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p {
    35944377  font-size: inherit;
    35954378}
    35964379
    3597 .entry-content .wp-block-latest-comments.has-dates .wp-block-latest-comments__comment-date {
     4380.entry .entry-content .wp-block-latest-comments.has-dates .wp-block-latest-comments__comment-date {
    35984381  font-size: 0.71111em;
    35994382}
    36004383
    3601 .entry-content .has-primary-background-color {
     4384.entry .entry-content .has-primary-background-color {
    36024385  background-color: #0073aa;
    36034386}
    36044387
    3605 .entry-content .has-primary-background-color p,
    3606 .entry-content .has-primary-background-color h1,
    3607 .entry-content .has-primary-background-color h2,
    3608 .entry-content .has-primary-background-color h3,
    3609 .entry-content .has-primary-background-color h4,
    3610 .entry-content .has-primary-background-color h5,
    3611 .entry-content .has-primary-background-color h6,
    3612 .entry-content .has-primary-background-color a {
     4388.entry .entry-content .has-primary-background-color p,
     4389.entry .entry-content .has-primary-background-color h1,
     4390.entry .entry-content .has-primary-background-color h2,
     4391.entry .entry-content .has-primary-background-color h3,
     4392.entry .entry-content .has-primary-background-color h4,
     4393.entry .entry-content .has-primary-background-color h5,
     4394.entry .entry-content .has-primary-background-color h6,
     4395.entry .entry-content .has-primary-background-color a {
    36134396  color: #fff;
    36144397}
    … …  
    36544437}
    36554438
     4439@media only screen and (min-width: 768px) {
     4440  .wp-caption.aligncenter {
     4441    position: relative;
     4442    left: calc( calc(8 * (100vw / 12) - 28px) / 2);
     4443    transform: translateX(-50%);
     4444  }
     4445}
     4446
     4447@media only screen and (min-width: 1168px) {
     4448  .wp-caption.aligncenter {
     4449    left: calc( calc(6 * (100vw / 12) - 28px) / 2);
     4450  }
     4451}
     4452
    36564453.wp-caption img[class*="wp-image-"] {
    36574454  display: block;
    … …  
    36824479.gallery-item {
    36834480  display: inline-block;
    3684   padding-right: 1rem;
     4481  margin-right: 1rem;
    36854482  margin-bottom: 1rem;
    36864483  text-align: center;
    … …  
    36904487
    36914488.gallery-columns-2 .gallery-item {
    3692   max-width: calc( ( 12 / 2 ) * (100% / 12));
     4489  max-width: calc( ( 12 / 2 ) * (100% / 12) - ( 1rem * 0.5 ));
     4490}
     4491
     4492.gallery-columns-2 .gallery-item:nth-of-type(2n+2) {
     4493  margin-right: 0;
    36934494}
    36944495
    36954496.gallery-columns-3 .gallery-item {
    3696   max-width: calc( ( 12 / 3 ) * (100% / 12));
     4497  max-width: calc( ( 12 / 3 ) * (100% / 12) - ( 1rem * 0.66667 ));
     4498}
     4499
     4500.gallery-columns-3 .gallery-item:nth-of-type(3n+3) {
     4501  margin-right: 0;
    36974502}
    36984503
    36994504.gallery-columns-4 .gallery-item {
    3700   max-width: calc( ( 12 / 4 ) * (100% / 12));
     4505  max-width: calc( ( 12 / 4 ) * (100% / 12) - ( 1rem * 0.75 ));
     4506}
     4507
     4508.gallery-columns-4 .gallery-item:nth-of-type(4n+4) {
     4509  margin-right: 0;
    37014510}
    37024511
    37034512.gallery-columns-5 .gallery-item {
    3704   max-width: calc( ( 12 / 5 ) * (100% / 12));
     4513  max-width: calc( ( 12 / 5 ) * (100% / 12) - ( 1rem * 0.8 ));
     4514}
     4515
     4516.gallery-columns-5 .gallery-item:nth-of-type(5n+5) {
     4517  margin-right: 0;
    37054518}
    37064519
    37074520.gallery-columns-6 .gallery-item {
    3708   max-width: calc( ( 12 / 6 ) * (100% / 12));
     4521  max-width: calc( ( 12 / 6 ) * (100% / 12) - ( 1rem * 0.83333 ));
     4522}
     4523
     4524.gallery-columns-6 .gallery-item:nth-of-type(6n+6) {
     4525  margin-right: 0;
    37094526}
    37104527
    37114528.gallery-columns-7 .gallery-item {
    3712   max-width: calc( ( 12 / 7 ) * (100% / 12));
     4529  max-width: calc( ( 12 / 7 ) * (100% / 12) - ( 1rem * 0.85714 ));
     4530}
     4531
     4532.gallery-columns-7 .gallery-item:nth-of-type(7n+7) {
     4533  margin-right: 0;
    37134534}
    37144535
    37154536.gallery-columns-8 .gallery-item {
    3716   max-width: calc( ( 12 / 8 ) * (100% / 12));
     4537  max-width: calc( ( 12 / 8 ) * (100% / 12) - ( 1rem * 0.875 ));
     4538}
     4539
     4540.gallery-columns-8 .gallery-item:nth-of-type(8n+8) {
     4541  margin-right: 0;
    37174542}
    37184543
    37194544.gallery-columns-9 .gallery-item {
    3720   max-width: calc( ( 12 / 9 ) * (100% / 12));
     4545  max-width: calc( ( 12 / 9 ) * (100% / 12) - ( 1rem * 0.88889 ));
     4546}
     4547
     4548.gallery-columns-9 .gallery-item:nth-of-type(9n+9) {
     4549  margin-right: 0;
    37214550}
    37224551

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

    r43842 r43892  
    1414<section class="no-results not-found">
    1515        <header class="page-header">
    16                 <h1 class="page-title"><?php esc_html_e( 'Nothing Found', 'twentynineteen' ); ?></h1>
     16                <h1 class="page-title"><?php _e( 'Nothing Found', 'twentynineteen' ); ?></h1>
    1717        </header><!-- .page-header -->
    1818
    … …  
    3737                        ?>
    3838
    39                         <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>
    4040                        <?php
    4141                        get_search_form();
    … …  
    4444                        ?>
    4545
    46                         <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>
    4747                        <?php
    4848                        get_search_form();

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

    r43842 r43892  
    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                        )

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

    r43842 r43892  
    3838                wp_link_pages(
    3939                        array(
    40                                 'before' => '<div class="page-links">' . esc_html__( 'Pages:', 'twentynineteen' ),
     40                                'before' => '<div class="page-links">' . __( 'Pages:', 'twentynineteen' ),
    4141                                'after'  => '</div>',
    4242                        )

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

    r43860 r43892  
    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                        )

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

    r43860 r43892  
    3737                                        'theme_location' => 'menu-1',
    3838                                        'menu_class'     => 'main-menu',
     39                                        'items_wrap'     => '<ul id="%1$s" class="%2$s" tabindex="0">%3$s</ul>',
    3940                                )
    4041                        );

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

    r43842 r43892  
    99
    1010/* Get data from current discussion on post. */
    11 $discussion = twentynineteen_get_discussion_data();
    12 
    13 $comments_number = get_comments_number();
    14 $has_responses   = $discussion->responses > 0;
     11$discussion    = twentynineteen_get_discussion_data();
     12$has_responses = $discussion->responses > 0;
    1513
    1614if ( $has_responses ) {
    17         /* translators: %1(X responses)$s from %2(X others)$s */
    18         $meta_label = sprintf(
    19                 '%1$s from %2$s.',
    20                 sprintf( _n( '%d response', '%d responses', $discussion->responses, 'twentynineteen' ), $discussion->responses ),
    21                 sprintf( _n( '%d other', '%d others', $discussion->commenters, 'twentynineteen' ), $discussion->commenters )
    22         );
    23 } elseif ( $comments_number > 0 ) {
    24         /* Show comment count if not enough discussion information */
    25 
    26         $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 );
    2717} else {
    2818        $meta_label = __( 'No comments', 'twentynineteen' );
Note: See TracChangeset for help on using the changeset viewer.