Make WordPress Core

Ticket #45424: 45424.20.patch

File 45424.20.patch, 39.0 KB (added by allancole, 6 years ago)

Fix left/right-aligned pullquote spacing. More info here: https://github.com/WordPress/twentynineteen/pull/695

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

     
    198198                &.is-style-outline .wp-block-button__link,
    199199                &.is-style-outline .wp-block-button__link:focus,
    200200                &.is-style-outline .wp-block-button__link:active {
    201                         @include button-all-transition; 
     201                        @include button-all-transition;
    202202                        border-width: 2px;
    203                         border-style: solid;           
     203                        border-style: solid;
    204204
    205205                        &:not(.has-background) {
    206206                                background: transparent;
     
    244244                }
    245245        }
    246246
     247        .wp-block-archives,
     248        .wp-block-categories {
     249
     250                &.aligncenter {
     251                        text-align: center;
     252                }
     253        }
     254
    247255        //! Latest categories
    248256        .wp-block-categories {
    249257
     
    316324                        margin-top: calc(4 * #{ $size__spacing-unit});
    317325                        margin-bottom: calc(4.33 * #{ $size__spacing-unit});
    318326                        margin-right: 0;
     327                        padding-left: 0;
    319328                }
    320329
    321330                p {
     
    354363                        padding: 0;
    355364
    356365                        blockquote {
    357                                 margin-left: 0;
     366                                margin: $size__spacing-unit 0;
    358367                                padding: 0;
    359368                                text-align: left;
    360369                                max-width: 100%;
     370
     371                                p:first-child {
     372                                        margin-top: 0;
     373                                }
    361374                        }
    362375                }
    363376
     
    391404                        }
    392405
    393406                        blockquote {
    394                                 max-width: calc(100% - (2 * #{$size__spacing-unit}));
     407                                max-width: 100%;
    395408                                color: $color__background-body;
    396409                                padding-left: 0;
    397410                                margin-left: $size__spacing-unit;
     411                                margin-right: $size__spacing-unit;
    398412
    399413                                &.has-text-color p,
    400414                                &.has-text-color a,
     
    412426                                }
    413427                        }
    414428
     429                        &.alignright,
     430                        &.alignleft {
     431
     432                                @include media(tablet) {
     433                                        padding: $size__spacing-unit calc(2 * #{$size__spacing-unit});
     434                                }
     435                        }
     436
    415437                        &.alignfull {
    416438
    417439                                @include media(tablet) {
     
    520542                        line-height: 1.25;
    521543                        padding: 0;
    522544                        color: #fff;
    523                         -ms-hyphens: auto;
    524                         -moz-hyphens: auto;
    525                         -webkit-hyphens: auto;
    526                         hyphens: auto;
    527545
    528546                        @include media(tablet) {
    529547                                font-size: $font__size-xl;
     
    536554                        width: 100%;
    537555
    538556                        @include media(tablet) {
    539                                 padding: $size__spacing-unit;
     557                                padding: $size__spacing-unit calc(2 * #{$size__spacing-unit});
    540558                        }
    541559                }
    542560
     
    570588                .blocks-gallery-item:last-child {
    571589                        margin-bottom: 16px;
    572590                }
     591
     592                figcaption a {
     593                        color: #fff;
     594                }
    573595        }
    574596
    575597        //! Captions
     
    700722                        padding-right: $size__spacing-unit;
    701723                }
    702724
     725                @include media(mobile) {
     726                        flex-wrap: nowrap;
     727                }
     728
    703729                @include media(tablet) {
    704730                        .wp-block-column > * {
    705731
     
    784810        .has-secondary-background-color,
    785811        .has-dark-gray-background-color,
    786812        .has-light-gray-background-color {
    787                
     813
    788814                // Use white text against these backgrounds by default.
    789815                color: $color__background-body;
    790816
  • src/wp-content/themes/twentynineteen/style-editor.css

     
    33Twenty Nineteen Editor Styles
    44*/
    55/** === Includes === */
    6 /* If we add the border using a regular CSS border, it won't look good on non-retina devices,
    7  * since its edges can look jagged due to lack of antialiasing. In this case, we are several
    8  * layers of box-shadow to add the border visually, which will render the border smoother. */
    9 /* Fallback for non-latin fonts */
    10 /* Calculates maximum width for post content */
    11 /* Nested sub-menu padding: 10 levels deep */
    12 /** === Font Overide === */
    136/*
    147 * Chrome renders extra-wide   characters for the Hoefler Text font.
    158 * This results in a jumping cursor when typing in both the Classic and block
     
    2215  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");
    2316}
    2417
     18/* If we add the border using a regular CSS border, it won't look good on non-retina devices,
     19 * since its edges can look jagged due to lack of antialiasing. In this case, we are several
     20 * layers of box-shadow to add the border visually, which will render the border smoother. */
     21/* Fallback for non-latin fonts */
     22/* Calculates maximum width for post content */
     23/* Nested sub-menu padding: 10 levels deep */
    2524/** === Editor Frame === */
    2625body .wp-block[data-align="full"] {
    2726  width: 100%;
     
    5958  }
    6059}
    6160
    62 /** === Editor Block Toolbar Position === */
    63 .editor-block-list__block[data-align="wide"] .editor-block-contextual-toolbar .editor-block-toolbar.editor-block-toolbar,
    64 .editor-block-list__block[data-align="full"] .editor-block-contextual-toolbar .editor-block-toolbar.editor-block-toolbar {
    65   max-width: none;
    66 }
    67 
    6861/** === Content Width === */
    6962.wp-block {
    7063  width: calc(100vw - (2 * 1rem));
     
    339332.wp-block[data-type="core/cover"][data-align="right"] .wp-block-cover {
    340333  width: 100%;
    341334  max-width: 100%;
     335  padding: calc(1.375 * 1rem);
    342336}
    343337
     338.wp-block[data-type="core/cover"][data-align="left"] .wp-block-cover p,
     339.wp-block[data-type="core/cover"][data-align="right"] .wp-block-cover p {
     340  padding-left: 0;
     341  padding-right: 0;
     342}
     343
    344344@media only screen and (min-width: 768px) {
    345345  .wp-block[data-type="core/cover"][data-align="left"] .wp-block-cover,
    346346  .wp-block[data-type="core/cover"][data-align="right"] .wp-block-cover {
    347     padding: 1rem;
     347    padding: calc(2.75 * 1rem) calc(2.75 * 1rem) calc(3.125 * 1rem);
    348348  }
    349349}
    350350
     
    531531  max-width: 50%;
    532532}
    533533
    534 .wp-block[data-type="core/pullquote"][data-align="left"] .editor-block-list__block-edit .wp-block-pullquote:not(.is-style-solid-color),
    535 .wp-block[data-type="core/pullquote"][data-align="right"] .editor-block-list__block-edit .wp-block-pullquote:not(.is-style-solid-color) {
     534.wp-block[data-type="core/pullquote"][data-align="left"] .editor-block-list__block-edit .wp-block-pullquote,
     535.wp-block[data-type="core/pullquote"][data-align="right"] .editor-block-list__block-edit .wp-block-pullquote {
     536  margin-top: 0;
     537  margin-bottom: 0;
     538}
     539
     540.wp-block[data-type="core/pullquote"][data-align="left"] .editor-block-list__block-edit .wp-block-pullquote,
     541.wp-block[data-type="core/pullquote"][data-align="right"] .editor-block-list__block-edit .wp-block-pullquote {
    536542  padding: 0;
    537543}
    538544
    539 .wp-block[data-type="core/pullquote"][data-align="left"] .editor-block-list__block-edit .wp-block-pullquote.is-style-solid-color,
    540 .wp-block[data-type="core/pullquote"][data-align="right"] .editor-block-list__block-edit .wp-block-pullquote.is-style-solid-color {
    541   padding: 1em;
     545.wp-block[data-type="core/pullquote"][data-align="left"] .editor-block-list__block-edit .wp-block-pullquote.is-style-solid-color blockquote,
     546.wp-block[data-type="core/pullquote"][data-align="right"] .editor-block-list__block-edit .wp-block-pullquote.is-style-solid-color blockquote {
     547  width: 100%;
     548  max-width: 100%;
     549  padding: calc(1.375 * 1rem);
    542550}
    543551
     552@media only screen and (min-width: 768px) {
     553  .wp-block[data-type="core/pullquote"][data-align="left"] .editor-block-list__block-edit .wp-block-pullquote.is-style-solid-color blockquote,
     554  .wp-block[data-type="core/pullquote"][data-align="right"] .editor-block-list__block-edit .wp-block-pullquote.is-style-solid-color blockquote {
     555    padding: calc(2.75 * 1rem) calc(2.75 * 1rem) calc(3.125 * 1rem);
     556  }
     557}
     558
     559.wp-block[data-type="core/pullquote"][data-align="left"] blockquote,
     560.wp-block[data-type="core/pullquote"][data-align="right"] blockquote {
     561  margin: 1rem 0;
     562}
     563
     564.wp-block[data-type="core/pullquote"][data-align="left"] blockquote p:first-child,
     565.wp-block[data-type="core/pullquote"][data-align="right"] blockquote p:first-child {
     566  margin-top: 0;
     567}
     568
    544569.wp-block[data-type="core/pullquote"][data-align="left"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
    545570.wp-block[data-type="core/pullquote"][data-align="left"] blockquote > .editor-rich-text p,
    546571.wp-block[data-type="core/pullquote"][data-align="left"] p,
     
    621646  padding-left: calc(2 * 1rem);
    622647}
    623648
     649/* Remove duplicate rule-line when a separator
     650 * is followed by an H1, or H2 */
     651.wp-block[data-type="core/separator"] + .wp-block[data-type="core/heading"] h1:before,
     652.wp-block[data-type="core/separator"] + .wp-block[data-type="core/heading"] h2:before {
     653  display: none;
     654}
     655
    624656/** === Latest Posts, Archives, Categories === */
    625657ul.wp-block-archives,
    626658.wp-block-categories,
     
    757789  line-height: 1.6;
    758790  color: #767676;
    759791}
     792
     793/* Make sure our non-latin font overrides don't overwrite the iconfont used in the classic editor toolbar */
     794.wp-block[data-type="core/freeform"] .mce-btn i {
     795  font-family: dashicons !important;
     796}
  • src/wp-content/themes/twentynineteen/style-editor.scss

     
    77@import "sass/variables-site/variables-site";
    88@import "sass/mixins/mixins-master";
    99
    10 /** === Font Overide === */
    11 
    12 /*
    13  * Chrome renders extra-wide   characters for the Hoefler Text font.
    14  * This results in a jumping cursor when typing in both the Classic and block
    15  * editors. The following font-face override fixes the issue by manually inserting
    16  * a custom font that includes just a Hoefler Text space replacement for that
    17  * character instead.
    18  */
    19 @font-face {
    20         font-family: 'NonBreakingSpaceOverride';
    21         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'),
    22                  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');
    23 }
    24 
    25 $font__body: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
    26 
    2710/** === Editor Frame === */
    2811
    2912body {
     
    7154        }
    7255}
    7356
    74 /** === Editor Block Toolbar Position === */
    75 
    76 // Since 2019 left-aligns wide and fullwide blocks, left align the toolbar too.
    77 .editor-block-list__block[data-align="wide"] .editor-block-contextual-toolbar .editor-block-toolbar.editor-block-toolbar,
    78 .editor-block-list__block[data-align="full"] .editor-block-contextual-toolbar .editor-block-toolbar.editor-block-toolbar {
    79                 max-width: none;
    80 }
    81 
    8257/** === Content Width === */
    8358
    8459.wp-block {
     
    319294        .wp-block-cover {
    320295                width: 100%;
    321296                max-width: 100%;
    322         }
     297                padding: calc(1.375 * #{$size__spacing-unit});
    323298
    324         @include media(tablet) {
     299                p {
     300                        padding-left: 0;
     301                        padding-right: 0;
     302                }
    325303
    326                 .wp-block-cover {
    327                         padding: $size__spacing-unit;
     304                @include media(tablet) {
     305                        padding: calc(2.75 * #{$size__spacing-unit}) calc(2.75 * #{$size__spacing-unit}) calc(3.125 * #{$size__spacing-unit});
    328306                }
    329307        }
    330308}
     
    522500                width: calc(4 * (100vw / 12));
    523501                max-width: 50%;
    524502
    525                 .wp-block-pullquote:not(.is-style-solid-color) {
     503                .wp-block-pullquote {
     504                        margin-top: 0;
     505                        margin-bottom: 0;
     506                }
     507
     508                .wp-block-pullquote {
    526509                        padding: 0;
    527510                }
    528511
    529512                .wp-block-pullquote.is-style-solid-color {
    530                         padding: 1em;
     513
     514                        blockquote {
     515                                width: 100%;
     516                                max-width: 100%;
     517                                padding: calc(1.375 * #{$size__spacing-unit});
     518
     519                                @include media(tablet) {
     520                                        padding: calc(2.75 * #{$size__spacing-unit}) calc(2.75 * #{$size__spacing-unit}) calc(3.125 * #{$size__spacing-unit});
     521                                }
     522                        }
    531523                }
    532524        }
    533525
     526        blockquote {
     527                margin: $size__spacing-unit 0;
     528
     529                p:first-child {
     530                        margin-top: 0;
     531                }
     532        }
     533
    534534        blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
    535535        blockquote > .editor-rich-text p,
    536536        p,
     
    625625        }
    626626}
    627627
     628/* Remove duplicate rule-line when a separator
     629 * is followed by an H1, or H2 */
     630.wp-block[data-type="core/separator"] + .wp-block[data-type="core/heading"] {
     631
     632        h1,
     633        h2 {
     634                &:before {
     635                        display: none;
     636                }
     637        }
     638}
     639
    628640/** === Latest Posts, Archives, Categories === */
    629641
    630642ul.wp-block-archives,
     
    753765                }
    754766        }
    755767}
     768
     769/* Make sure our non-latin font overrides don't overwrite the iconfont used in the classic editor toolbar */
     770.wp-block[data-type="core/freeform"] .mce-btn i {
     771        font-family: dashicons !important;
     772}
  • src/wp-content/themes/twentynineteen/style-rtl.css

     
    5353        ## Captions
    5454        ## Galleries
    5555--------------------------------------------------------------*/
     56/*
     57 * Chrome renders extra-wide   characters for the Hoefler Text font.
     58 * This results in a jumping cursor when typing in both the Classic and block
     59 * editors. The following font-face override fixes the issue by manually inserting
     60 * a custom font that includes just a Hoefler Text space replacement for that
     61 * character instead.
     62 */
     63@font-face {
     64  font-family: 'NonBreakingSpaceOverride';
     65  src: url(data:application/font-woff2;charset=utf-8;base64,d09GMgABAAAAAAMoAA0AAAAACDQAAALTAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4GYACCahEICjx3CywAATYCJANUBCAFhiEHgWwbXQfILgpsY+rQRRARwyAs6uL7pxzYhxEE+32b3aeHmifR6tklkS9hiZA0ewkqGRJE+H7/+6378ASViK/PGeavqJyOzsceKi1s3BCiQsiOdn1r/RBgIJYEgCUhbm/8/8/h4saPssnTNkkiWUBrTRtjmQSajw3Ui3pZ3LYDPD+XG2C3JA/yKAS8/rU5eNfuGqRf4eNNgV4YAlIIgxglEkWe6FYpq10+wi3g+/nUgvgPFczNrz/RsTgVm/zfbPuHZlsuQECxuyqBcQwKFBjFgKO8AqP4bAN9tFJtnM9xPcbNjeXS/x1wY/xU52f5W/X1+9cnH4YwKIaoRRAkUkj/YlAAeF/624foiIDBgBmgQBeGAyhBljUPZUm/l2dTvmpqcBDUOHdbPZWd8JsBAsGr4w8/EDn82/bUPx4eh0YNrQTBuHO2FjQEAGBwK0DeI37DpQVqdERS4gZBhpeUhWCfLFz7J99aEBgsJCHvUGAdAPp4IADDCAPCEFMGpMZ9AQpTfQtQGhLbGVBZFV8BaqNyP68oTZgHNj3M8kBPfXTTC9t90UuzYhy9ciH0grVlOcqyCytisvbsERsEYztiznR0WCrmTksJwbSNK6fd1Rvr25I9oLvctUoEbNOmXJbqgYgPXEHJ82IUsrCnpkxh23F1rfZ2zcRnJYoXtauB3VTFkFXQg3uoZYD5qE0kdjDtoDoF1h2bulGmev5HbYhbrjtohQSRI4aNOkffIcT+d3v6atpaYh3JvPoQsztCcqvaBkppDSPcQ3bw3KaCBo1f5CJWTZEgW3LjLofYg51MaVezrx8xZitYbQ9KYeoRaqQdVLwSEfrKXLK1otCWOKNdR/YwYAfon5Yk8O2MJfSD10dPGA5PIJJQMkah0ugMJiv6x4Dm7LEa8xnrRGGGLAg4sAlbsA07sAt76DOsXKO3hIjtIlpnnFrt1qW4kh6NhS83P/6HB/fl1SMAAA==) format("woff2"), url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAUQAA0AAAAACDQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAE9AAAABwAAAAchf5yU0dERUYAAATYAAAAHAAAAB4AJwAbT1MvMgAAAaAAAABJAAAAYJAcgU5jbWFwAAACIAAAAF4AAAFqUUxBZ2dhc3AAAATQAAAACAAAAAgAAAAQZ2x5ZgAAApAAAAAyAAAAPL0n8y9oZWFkAAABMAAAADAAAAA2Fi93Z2hoZWEAAAFgAAAAHQAAACQOSgWaaG10eAAAAewAAAAzAAAAVC7TAQBsb2NhAAACgAAAABAAAAAsAOQBAm1heHAAAAGAAAAAHQAAACAAWQALbmFtZQAAAsQAAAF6AAADIYvD/Adwb3N0AAAEQAAAAI4AAADsapk2o3jaY2BkYGAA4ov5mwzj+W2+MnCzXwCKMNzgCBSB0LfbQDQ7AxuI4mBgAlEAFKQIRHjaY2BkYGD3+NvCwMDBAALsDAyMDKhAFAA3+wH3AAAAeNpjYGRgYBBl4GBgYgABEMnIABJzAPMZAAVmAGUAAAB42mNgZlJhnMDAysDCKsKygYGBYRqEZtrDYMT4D8gHSmEHjgUFOQwODAqqf9g9/rYwMLB7MNUAhRlBcsxBrMlASoGBEQAj8QtyAAAAeNrjYGBkAAGmWQwMjO8gmBnIZ2NA0ExAzNjAAFYJVn0ASBsD6VAIDZb7AtELAgANIgb9AHjaY2BgYGaAYBkGRgYQSAHyGMF8FgYPIM3HwMHAxMDGoMCwQIFLQV8hXvXP//9AcRCfAcb///h/ygPW+w/vb7olBjUHCTCyMcAFGZmABBO6AogThgZgIUsXAEDcEzcAAHjaY2BgECMCyoEgACZaAed42mNgYmRgYGBnYGNgYAZSDJqMgorCgoqCjECRXwwNrCAKSP5mAAFGBiRgyAAAi/YFBQAAeNqtkc1OwkAUhU/5M25cEhcsZick0AwlBJq6MWwgJkAgYV/KAA2lJeUn+hY+gktXvpKv4dLTMqKycGHsTZNv7px7z50ZAFd4hYHjdw1Ls4EiHjVncIFnzVnc4F1zDkWjrzmPW+NNcwGlzIRKI3fJlUyrEjZQxb3mDH2fNGfRx4vmHKqG0JzHg6E0F9DOlFBGBxUI1GEzLNT4S0aLuTtsGAEUuYcQHkyg3KmIum1bNUvKlrjbbAIleqHHnS4iSudpQcySMYtdFiXlAxzSbAwfMxK6kZoHKhbjjespMTioOPZnzI+4ucCeTVyKMVKLfeAS6vSWaTinuZwzyy/Dc7vaed+6KaV0kukdPUk6yOcctZPvvxxqksq2lEW8RvHjMEO2FCl/zy6p3NEm0R9OFSafJdldc4QVeyaaObMBO0/5cCaa6d9Ggyubxire+lEojscdjoWUR1xGOy8KD8mG2ZLO2l2paDc3A39qmU2z2W5YNv5+u79e6QfGJY/hAAB42m3NywrCMBQE0DupWp/1AYI7/6DEaLQu66Mrd35BKUWKJSlFv1+rue4cGM7shgR981qSon+ZNwUJ8iDgoYU2OvDRRQ99DDDECAHGmGCKmf80hZSx/Kik/LliFbtmN6xmt+yOjdg9GztV4tROnRwX/Bsaaw51nt4Lc7tWaZYHp/MlzKx51LZs5htNri+2AAAAAQAB//8AD3jaY2BkYGDgAWIxIGZiYARCESBmAfMYAAR6AEMAAAABAAAAANXtRbgAAAAA2AhRFAAAAADYCNuG) format("woff");
     66}
     67
    5668/* If we add the border using a regular CSS border, it won't look good on non-retina devices,
    5769 * since its edges can look jagged due to lack of antialiasing. In this case, we are several
    5870 * layers of box-shadow to add the border visually, which will render the border smoother. */
     
    401413  -webkit-font-smoothing: antialiased;
    402414  -moz-osx-font-smoothing: grayscale;
    403415  color: #111;
    404   font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
     416  font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
    405417  font-weight: 400;
    406418  font-size: 1em;
    407419  line-height: 1.8;
     
    415427optgroup,
    416428textarea {
    417429  color: #111;
    418   font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
     430  font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
    419431  font-weight: 400;
    420432  line-height: 1.8;
    421433  text-rendering: optimizeLegibility;
     
    476488}
    477489
    478490.page-title {
    479   font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
     491  font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
    480492}
    481493
    482494.site-branding,
     
    13421354}
    13431355
    13441356.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu > li > a::before {
    1345   font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
     1357  font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
    13461358  font-weight: normal;
    13471359  content: "– " counters(submenu, "– ", none);
    13481360  counter-increment: submenu;
     
    13491361}
    13501362
    13511363.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu > li > a::before {
    1352   font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
     1364  font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
    13531365  font-weight: normal;
    13541366  content: "– " counters(submenu, "– ", none);
    13551367  counter-increment: submenu;
     
    14451457.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu > li > a::before,
    14461458.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu > li > a::before,
    14471459.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu > li > a::before {
    1448   font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
     1460  font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
    14491461  font-weight: normal;
    14501462  content: "– " counters(submenu, "– ", none);
    14511463  counter-increment: submenu;
     
    15921604  display: block;
    15931605  width: 32px;
    15941606  height: 32px;
     1607  transform: translateZ(0);
    15951608}
    15961609
    15971610.social-navigation ul.social-links-menu li a svg#ui-icon-link {
     
    33403353.widget_recent_comments ul ul > li > a::before,
    33413354.widget_recent_entries ul ul > li > a::before,
    33423355.widget_rss ul ul > li > a::before {
    3343   font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
     3356  font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
    33443357  font-weight: normal;
    33453358  content: "– " counters(submenu, "– ", none);
    33463359  counter-increment: submenu;
     
    36773690  text-decoration: none;
    36783691}
    36793692
     3693.entry .entry-content .wp-block-archives.aligncenter,
     3694.entry .entry-content .wp-block-categories.aligncenter {
     3695  text-align: center;
     3696}
     3697
    36803698.entry .entry-content .wp-block-categories ul {
    36813699  padding-top: 0.75rem;
    36823700}
     
    36913709}
    36923710
    36933711.entry .entry-content .wp-block-categories ul > li > a::before {
    3694   font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
     3712  font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
    36953713  font-weight: normal;
    36963714  content: "– " counters(submenu, "– ", none);
    36973715  counter-increment: submenu;
     
    37223740}
    37233741
    37243742.entry .entry-content .wp-block-verse {
    3725   font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
     3743  font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
    37263744  font-size: 22px;
    37273745  line-height: 1.8;
    37283746}
     
    37473765  margin-top: calc(4 * 1rem);
    37483766  margin-bottom: calc(4.33 * 1rem);
    37493767  margin-left: 0;
     3768  padding-right: 0;
    37503769}
    37513770
    37523771.entry .entry-content .wp-block-pullquote p {
     
    37863805}
    37873806
    37883807.entry .entry-content .wp-block-pullquote.alignleft blockquote, .entry .entry-content .wp-block-pullquote.alignright blockquote {
    3789   margin-right: 0;
     3808  margin: 1rem 0;
    37903809  padding: 0;
    37913810  text-align: right;
    37923811  max-width: 100%;
    37933812}
    37943813
     3814.entry .entry-content .wp-block-pullquote.alignleft blockquote p:first-child, .entry .entry-content .wp-block-pullquote.alignright blockquote p:first-child {
     3815  margin-top: 0;
     3816}
     3817
    37953818.entry .entry-content .wp-block-pullquote.is-style-solid-color {
    37963819  background-color: #0073aa;
    37973820  padding-right: 0;
     
    38273850}
    38283851
    38293852.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote {
    3830   max-width: calc(100% - (2 * 1rem));
     3853  max-width: 100%;
    38313854  color: #fff;
    38323855  padding-right: 0;
    38333856  margin-right: 1rem;
     3857  margin-left: 1rem;
    38343858}
    38353859
    38363860.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-text-color p,
     
    38463870}
    38473871
    38483872@media only screen and (min-width: 768px) {
     3873  .entry .entry-content .wp-block-pullquote.is-style-solid-color.alignright, .entry .entry-content .wp-block-pullquote.is-style-solid-color.alignleft {
     3874    padding: 1rem calc(2 * 1rem);
     3875  }
     3876}
     3877
     3878@media only screen and (min-width: 768px) {
    38493879  .entry .entry-content .wp-block-pullquote.is-style-solid-color.alignfull {
    38503880    padding-right: calc(10% + 58px + (2 * 1rem));
    38513881    padding-left: calc(10% + 58px + (2 * 1rem));
     
    39493979  line-height: 1.25;
    39503980  padding: 0;
    39513981  color: #fff;
    3952   -ms-hyphens: auto;
    3953   -moz-hyphens: auto;
    3954   -webkit-hyphens: auto;
    3955   hyphens: auto;
    39563982}
    39573983
    39583984@media only screen and (min-width: 768px) {
     
    39774003  .entry .entry-content .wp-block-cover-image.alignleft, .entry .entry-content .wp-block-cover-image.alignright,
    39784004  .entry .entry-content .wp-block-cover.alignleft,
    39794005  .entry .entry-content .wp-block-cover.alignright {
    3980     padding: 1rem;
     4006    padding: 1rem calc(2 * 1rem);
    39814007  }
    39824008}
    39834009
     
    40294055  margin-bottom: 16px;
    40304056}
    40314057
     4058.entry .entry-content .wp-block-gallery figcaption a {
     4059  color: #fff;
     4060}
     4061
    40324062.entry .entry-content .wp-block-audio figcaption,
    40334063.entry .entry-content .wp-block-video figcaption,
    40344064.entry .entry-content .wp-block-image figcaption,
     
    41754205  padding-left: 1rem;
    41764206}
    41774207
     4208@media only screen and (min-width: 600px) {
     4209  .entry .entry-content .wp-block-columns {
     4210    flex-wrap: nowrap;
     4211  }
     4212}
     4213
    41784214@media only screen and (min-width: 768px) {
    41794215  .entry .entry-content .wp-block-columns .wp-block-column > *:first-child {
    41804216    margin-top: 0;
  • src/wp-content/themes/twentynineteen/style.css

     
    5353        ## Captions
    5454        ## Galleries
    5555--------------------------------------------------------------*/
     56/*
     57 * Chrome renders extra-wide   characters for the Hoefler Text font.
     58 * This results in a jumping cursor when typing in both the Classic and block
     59 * editors. The following font-face override fixes the issue by manually inserting
     60 * a custom font that includes just a Hoefler Text space replacement for that
     61 * character instead.
     62 */
     63@font-face {
     64  font-family: 'NonBreakingSpaceOverride';
     65  src: url(data:application/font-woff2;charset=utf-8;base64,d09GMgABAAAAAAMoAA0AAAAACDQAAALTAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4GYACCahEICjx3CywAATYCJANUBCAFhiEHgWwbXQfILgpsY+rQRRARwyAs6uL7pxzYhxEE+32b3aeHmifR6tklkS9hiZA0ewkqGRJE+H7/+6378ASViK/PGeavqJyOzsceKi1s3BCiQsiOdn1r/RBgIJYEgCUhbm/8/8/h4saPssnTNkkiWUBrTRtjmQSajw3Ui3pZ3LYDPD+XG2C3JA/yKAS8/rU5eNfuGqRf4eNNgV4YAlIIgxglEkWe6FYpq10+wi3g+/nUgvgPFczNrz/RsTgVm/zfbPuHZlsuQECxuyqBcQwKFBjFgKO8AqP4bAN9tFJtnM9xPcbNjeXS/x1wY/xU52f5W/X1+9cnH4YwKIaoRRAkUkj/YlAAeF/624foiIDBgBmgQBeGAyhBljUPZUm/l2dTvmpqcBDUOHdbPZWd8JsBAsGr4w8/EDn82/bUPx4eh0YNrQTBuHO2FjQEAGBwK0DeI37DpQVqdERS4gZBhpeUhWCfLFz7J99aEBgsJCHvUGAdAPp4IADDCAPCEFMGpMZ9AQpTfQtQGhLbGVBZFV8BaqNyP68oTZgHNj3M8kBPfXTTC9t90UuzYhy9ciH0grVlOcqyCytisvbsERsEYztiznR0WCrmTksJwbSNK6fd1Rvr25I9oLvctUoEbNOmXJbqgYgPXEHJ82IUsrCnpkxh23F1rfZ2zcRnJYoXtauB3VTFkFXQg3uoZYD5qE0kdjDtoDoF1h2bulGmev5HbYhbrjtohQSRI4aNOkffIcT+d3v6atpaYh3JvPoQsztCcqvaBkppDSPcQ3bw3KaCBo1f5CJWTZEgW3LjLofYg51MaVezrx8xZitYbQ9KYeoRaqQdVLwSEfrKXLK1otCWOKNdR/YwYAfon5Yk8O2MJfSD10dPGA5PIJJQMkah0ugMJiv6x4Dm7LEa8xnrRGGGLAg4sAlbsA07sAt76DOsXKO3hIjtIlpnnFrt1qW4kh6NhS83P/6HB/fl1SMAAA==) format("woff2"), url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAUQAA0AAAAACDQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAE9AAAABwAAAAchf5yU0dERUYAAATYAAAAHAAAAB4AJwAbT1MvMgAAAaAAAABJAAAAYJAcgU5jbWFwAAACIAAAAF4AAAFqUUxBZ2dhc3AAAATQAAAACAAAAAgAAAAQZ2x5ZgAAApAAAAAyAAAAPL0n8y9oZWFkAAABMAAAADAAAAA2Fi93Z2hoZWEAAAFgAAAAHQAAACQOSgWaaG10eAAAAewAAAAzAAAAVC7TAQBsb2NhAAACgAAAABAAAAAsAOQBAm1heHAAAAGAAAAAHQAAACAAWQALbmFtZQAAAsQAAAF6AAADIYvD/Adwb3N0AAAEQAAAAI4AAADsapk2o3jaY2BkYGAA4ov5mwzj+W2+MnCzXwCKMNzgCBSB0LfbQDQ7AxuI4mBgAlEAFKQIRHjaY2BkYGD3+NvCwMDBAALsDAyMDKhAFAA3+wH3AAAAeNpjYGRgYBBl4GBgYgABEMnIABJzAPMZAAVmAGUAAAB42mNgZlJhnMDAysDCKsKygYGBYRqEZtrDYMT4D8gHSmEHjgUFOQwODAqqf9g9/rYwMLB7MNUAhRlBcsxBrMlASoGBEQAj8QtyAAAAeNrjYGBkAAGmWQwMjO8gmBnIZ2NA0ExAzNjAAFYJVn0ASBsD6VAIDZb7AtELAgANIgb9AHjaY2BgYGaAYBkGRgYQSAHyGMF8FgYPIM3HwMHAxMDGoMCwQIFLQV8hXvXP//9AcRCfAcb///h/ygPW+w/vb7olBjUHCTCyMcAFGZmABBO6AogThgZgIUsXAEDcEzcAAHjaY2BgECMCyoEgACZaAed42mNgYmRgYGBnYGNgYAZSDJqMgorCgoqCjECRXwwNrCAKSP5mAAFGBiRgyAAAi/YFBQAAeNqtkc1OwkAUhU/5M25cEhcsZick0AwlBJq6MWwgJkAgYV/KAA2lJeUn+hY+gktXvpKv4dLTMqKycGHsTZNv7px7z50ZAFd4hYHjdw1Ls4EiHjVncIFnzVnc4F1zDkWjrzmPW+NNcwGlzIRKI3fJlUyrEjZQxb3mDH2fNGfRx4vmHKqG0JzHg6E0F9DOlFBGBxUI1GEzLNT4S0aLuTtsGAEUuYcQHkyg3KmIum1bNUvKlrjbbAIleqHHnS4iSudpQcySMYtdFiXlAxzSbAwfMxK6kZoHKhbjjespMTioOPZnzI+4ucCeTVyKMVKLfeAS6vSWaTinuZwzyy/Dc7vaed+6KaV0kukdPUk6yOcctZPvvxxqksq2lEW8RvHjMEO2FCl/zy6p3NEm0R9OFSafJdldc4QVeyaaObMBO0/5cCaa6d9Ggyubxire+lEojscdjoWUR1xGOy8KD8mG2ZLO2l2paDc3A39qmU2z2W5YNv5+u79e6QfGJY/hAAB42m3NywrCMBQE0DupWp/1AYI7/6DEaLQu66Mrd35BKUWKJSlFv1+rue4cGM7shgR981qSon+ZNwUJ8iDgoYU2OvDRRQ99DDDECAHGmGCKmf80hZSx/Kik/LliFbtmN6xmt+yOjdg9GztV4tROnRwX/Bsaaw51nt4Lc7tWaZYHp/MlzKx51LZs5htNri+2AAAAAQAB//8AD3jaY2BkYGDgAWIxIGZiYARCESBmAfMYAAR6AEMAAAABAAAAANXtRbgAAAAA2AhRFAAAAADYCNuG) format("woff");
     66}
     67
    5668/* If we add the border using a regular CSS border, it won't look good on non-retina devices,
    5769 * since its edges can look jagged due to lack of antialiasing. In this case, we are several
    5870 * layers of box-shadow to add the border visually, which will render the border smoother. */
     
    401413  -webkit-font-smoothing: antialiased;
    402414  -moz-osx-font-smoothing: grayscale;
    403415  color: #111;
    404   font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
     416  font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
    405417  font-weight: 400;
    406418  font-size: 1em;
    407419  line-height: 1.8;
     
    415427optgroup,
    416428textarea {
    417429  color: #111;
    418   font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
     430  font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
    419431  font-weight: 400;
    420432  line-height: 1.8;
    421433  text-rendering: optimizeLegibility;
     
    476488}
    477489
    478490.page-title {
    479   font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
     491  font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
    480492}
    481493
    482494.site-branding,
     
    13421354}
    13431355
    13441356.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu > li > a::before {
    1345   font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
     1357  font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
    13461358  font-weight: normal;
    13471359  content: "– " counters(submenu, "– ", none);
    13481360  counter-increment: submenu;
     
    13491361}
    13501362
    13511363.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu > li > a::before {
    1352   font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
     1364  font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
    13531365  font-weight: normal;
    13541366  content: "– " counters(submenu, "– ", none);
    13551367  counter-increment: submenu;
     
    14451457.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu > li > a::before,
    14461458.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu > li > a::before,
    14471459.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu > li > a::before {
    1448   font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
     1460  font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
    14491461  font-weight: normal;
    14501462  content: "– " counters(submenu, "– ", none);
    14511463  counter-increment: submenu;
     
    15921604  display: block;
    15931605  width: 32px;
    15941606  height: 32px;
     1607  transform: translateZ(0);
    15951608}
    15961609
    15971610.social-navigation ul.social-links-menu li a svg#ui-icon-link {
     
    33463359.widget_recent_comments ul ul > li > a::before,
    33473360.widget_recent_entries ul ul > li > a::before,
    33483361.widget_rss ul ul > li > a::before {
    3349   font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
     3362  font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
    33503363  font-weight: normal;
    33513364  content: "– " counters(submenu, "– ", none);
    33523365  counter-increment: submenu;
     
    36893702  text-decoration: none;
    36903703}
    36913704
     3705.entry .entry-content .wp-block-archives.aligncenter,
     3706.entry .entry-content .wp-block-categories.aligncenter {
     3707  text-align: center;
     3708}
     3709
    36923710.entry .entry-content .wp-block-categories ul {
    36933711  padding-top: 0.75rem;
    36943712}
     
    37033721}
    37043722
    37053723.entry .entry-content .wp-block-categories ul > li > a::before {
    3706   font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
     3724  font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
    37073725  font-weight: normal;
    37083726  content: "– " counters(submenu, "– ", none);
    37093727  counter-increment: submenu;
     
    37343752}
    37353753
    37363754.entry .entry-content .wp-block-verse {
    3737   font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
     3755  font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
    37383756  font-size: 22px;
    37393757  line-height: 1.8;
    37403758}
     
    37593777  margin-top: calc(4 * 1rem);
    37603778  margin-bottom: calc(4.33 * 1rem);
    37613779  margin-right: 0;
     3780  padding-left: 0;
    37623781}
    37633782
    37643783.entry .entry-content .wp-block-pullquote p {
     
    37983817}
    37993818
    38003819.entry .entry-content .wp-block-pullquote.alignleft blockquote, .entry .entry-content .wp-block-pullquote.alignright blockquote {
    3801   margin-left: 0;
     3820  margin: 1rem 0;
    38023821  padding: 0;
    38033822  text-align: left;
    38043823  max-width: 100%;
    38053824}
    38063825
     3826.entry .entry-content .wp-block-pullquote.alignleft blockquote p:first-child, .entry .entry-content .wp-block-pullquote.alignright blockquote p:first-child {
     3827  margin-top: 0;
     3828}
     3829
    38073830.entry .entry-content .wp-block-pullquote.is-style-solid-color {
    38083831  background-color: #0073aa;
    38093832  padding-left: 0;
     
    38393862}
    38403863
    38413864.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote {
    3842   max-width: calc(100% - (2 * 1rem));
     3865  max-width: 100%;
    38433866  color: #fff;
    38443867  padding-left: 0;
    38453868  margin-left: 1rem;
     3869  margin-right: 1rem;
    38463870}
    38473871
    38483872.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-text-color p,
     
    38583882}
    38593883
    38603884@media only screen and (min-width: 768px) {
     3885  .entry .entry-content .wp-block-pullquote.is-style-solid-color.alignright, .entry .entry-content .wp-block-pullquote.is-style-solid-color.alignleft {
     3886    padding: 1rem calc(2 * 1rem);
     3887  }
     3888}
     3889
     3890@media only screen and (min-width: 768px) {
    38613891  .entry .entry-content .wp-block-pullquote.is-style-solid-color.alignfull {
    38623892    padding-left: calc(10% + 58px + (2 * 1rem));
    38633893    padding-right: calc(10% + 58px + (2 * 1rem));
     
    39613991  line-height: 1.25;
    39623992  padding: 0;
    39633993  color: #fff;
    3964   -ms-hyphens: auto;
    3965   -moz-hyphens: auto;
    3966   -webkit-hyphens: auto;
    3967   hyphens: auto;
    39683994}
    39693995
    39703996@media only screen and (min-width: 768px) {
     
    39894015  .entry .entry-content .wp-block-cover-image.alignleft, .entry .entry-content .wp-block-cover-image.alignright,
    39904016  .entry .entry-content .wp-block-cover.alignleft,
    39914017  .entry .entry-content .wp-block-cover.alignright {
    3992     padding: 1rem;
     4018    padding: 1rem calc(2 * 1rem);
    39934019  }
    39944020}
    39954021
     
    40414067  margin-bottom: 16px;
    40424068}
    40434069
     4070.entry .entry-content .wp-block-gallery figcaption a {
     4071  color: #fff;
     4072}
     4073
    40444074.entry .entry-content .wp-block-audio figcaption,
    40454075.entry .entry-content .wp-block-video figcaption,
    40464076.entry .entry-content .wp-block-image figcaption,
     
    41874217  padding-right: 1rem;
    41884218}
    41894219
     4220@media only screen and (min-width: 600px) {
     4221  .entry .entry-content .wp-block-columns {
     4222    flex-wrap: nowrap;
     4223  }
     4224}
     4225
    41904226@media only screen and (min-width: 768px) {
    41914227  .entry .entry-content .wp-block-columns .wp-block-column > *:first-child {
    41924228    margin-top: 0;