WordPress.org
Get WordPress

Make WordPress Core

Changeset 43892


Ignore:
Timestamp:
11/12/2018 11:19:13 PM (6 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.