WordPress.org

Make WordPress Core

Ticket #45991: 45991.patch

File 45991.patch, 236.6 KB (added by Shital Patel, 10 months ago)

word-wrap: break-word; added in style.css file

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

    <
     
    1 @charset "UTF-8";
    2 /*
    3 Theme Name: Twenty Nineteen
    4 Theme URI: https://github.com/WordPress/twentynineteen
    5 Author: the WordPress team
    6 Author URI: https://wordpress.org/
    7 Description: Our 2019 default theme is designed to show off the power of the block editor. It features custom styles for all the default blocks, and is built so that what you see in the editor looks like what you'll see on your website. Twenty Nineteen is designed to be adaptable to a wide range of websites, whether you’re running a photo blog, launching a new business, or supporting a non-profit. Featuring ample whitespace and modern sans-serif headlines paired with classic serif body text, it's built to be beautiful on all screen sizes.
    8 Requires at least: WordPress 4.9.6
    9 Version: 1.2
    10 License: GNU General Public License v2 or later
    11 License URI: LICENSE
    12 Text Domain: twentynineteen
    13 Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready
    14 
    15 This theme, like WordPress, is licensed under the GPL.
    16 Use it to make something cool, have fun, and share what you've learned with others.
    17 
    18 Twenty Nineteen is based on Underscores https://underscores.me/, (C) 2012-2018 Automattic, Inc.
    19 Underscores is distributed under the terms of the GNU GPL v2 or later.
    20 
    21 Normalizing styles have been helped along thanks to the fine work of
    22 Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
    23 */
    24 /*--------------------------------------------------------------
    25 >>> TABLE OF CONTENTS:
    26 ----------------------------------------------------------------
    27 # Variables
    28 # Normalize
    29 # Typography
    30         ## Headings
    31         ## Copy
    32 # Elements
    33         ## Lists
    34         ## Tables
    35 # Forms
    36         ## Buttons
    37         ## Fields
    38 # Navigation
    39         ## Links
    40         ## Menus
    41         ## Next & Previous
    42 # Accessibility
    43 # Alignments
    44 # Clearings
    45 # Layout
    46 # Widgets
    47 # Content
    48         ## Archives
    49         ## Posts and pages
    50         ## Comments
    51 # Blocks
    52 # Media
    53         ## Captions
    54         ## Galleries
    55 --------------------------------------------------------------*/
    56 /*
    57  * Chrome renders extra-wide &nbsp; characters for the Hoefler Text font.
    58  * This results in a jumping cursor when typing in both the Classic and block
    59  * editors. The following font-face override fixes the issue by manually inserting
    60  * a custom font that includes just a Hoefler Text space replacement for that
    61  * character instead.
    62  */
    63 @font-face {
    64   font-family: 'NonBreakingSpaceOverride';
    65   src: url(data:application/font-woff2;charset=utf-8;base64,d09GMgABAAAAAAMoAA0AAAAACDQAAALTAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4GYACCahEICjx3CywAATYCJANUBCAFhiEHgWwbXQfILgpsY+rQRRARwyAs6uL7pxzYhxEE+32b3aeHmifR6tklkS9hiZA0ewkqGRJE+H7/+6378ASViK/PGeavqJyOzsceKi1s3BCiQsiOdn1r/RBgIJYEgCUhbm/8/8/h4saPssnTNkkiWUBrTRtjmQSajw3Ui3pZ3LYDPD+XG2C3JA/yKAS8/rU5eNfuGqRf4eNNgV4YAlIIgxglEkWe6FYpq10+wi3g+/nUgvgPFczNrz/RsTgVm/zfbPuHZlsuQECxuyqBcQwKFBjFgKO8AqP4bAN9tFJtnM9xPcbNjeXS/x1wY/xU52f5W/X1+9cnH4YwKIaoRRAkUkj/YlAAeF/624foiIDBgBmgQBeGAyhBljUPZUm/l2dTvmpqcBDUOHdbPZWd8JsBAsGr4w8/EDn82/bUPx4eh0YNrQTBuHO2FjQEAGBwK0DeI37DpQVqdERS4gZBhpeUhWCfLFz7J99aEBgsJCHvUGAdAPp4IADDCAPCEFMGpMZ9AQpTfQtQGhLbGVBZFV8BaqNyP68oTZgHNj3M8kBPfXTTC9t90UuzYhy9ciH0grVlOcqyCytisvbsERsEYztiznR0WCrmTksJwbSNK6fd1Rvr25I9oLvctUoEbNOmXJbqgYgPXEHJ82IUsrCnpkxh23F1rfZ2zcRnJYoXtauB3VTFkFXQg3uoZYD5qE0kdjDtoDoF1h2bulGmev5HbYhbrjtohQSRI4aNOkffIcT+d3v6atpaYh3JvPoQsztCcqvaBkppDSPcQ3bw3KaCBo1f5CJWTZEgW3LjLofYg51MaVezrx8xZitYbQ9KYeoRaqQdVLwSEfrKXLK1otCWOKNdR/YwYAfon5Yk8O2MJfSD10dPGA5PIJJQMkah0ugMJiv6x4Dm7LEa8xnrRGGGLAg4sAlbsA07sAt76DOsXKO3hIjtIlpnnFrt1qW4kh6NhS83P/6HB/fl1SMAAA==) format("woff2"), url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAUQAA0AAAAACDQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAE9AAAABwAAAAchf5yU0dERUYAAATYAAAAHAAAAB4AJwAbT1MvMgAAAaAAAABJAAAAYJAcgU5jbWFwAAACIAAAAF4AAAFqUUxBZ2dhc3AAAATQAAAACAAAAAgAAAAQZ2x5ZgAAApAAAAAyAAAAPL0n8y9oZWFkAAABMAAAADAAAAA2Fi93Z2hoZWEAAAFgAAAAHQAAACQOSgWaaG10eAAAAewAAAAzAAAAVC7TAQBsb2NhAAACgAAAABAAAAAsAOQBAm1heHAAAAGAAAAAHQAAACAAWQALbmFtZQAAAsQAAAF6AAADIYvD/Adwb3N0AAAEQAAAAI4AAADsapk2o3jaY2BkYGAA4ov5mwzj+W2+MnCzXwCKMNzgCBSB0LfbQDQ7AxuI4mBgAlEAFKQIRHjaY2BkYGD3+NvCwMDBAALsDAyMDKhAFAA3+wH3AAAAeNpjYGRgYBBl4GBgYgABEMnIABJzAPMZAAVmAGUAAAB42mNgZlJhnMDAysDCKsKygYGBYRqEZtrDYMT4D8gHSmEHjgUFOQwODAqqf9g9/rYwMLB7MNUAhRlBcsxBrMlASoGBEQAj8QtyAAAAeNrjYGBkAAGmWQwMjO8gmBnIZ2NA0ExAzNjAAFYJVn0ASBsD6VAIDZb7AtELAgANIgb9AHjaY2BgYGaAYBkGRgYQSAHyGMF8FgYPIM3HwMHAxMDGoMCwQIFLQV8hXvXP//9AcRCfAcb///h/ygPW+w/vb7olBjUHCTCyMcAFGZmABBO6AogThgZgIUsXAEDcEzcAAHjaY2BgECMCyoEgACZaAed42mNgYmRgYGBnYGNgYAZSDJqMgorCgoqCjECRXwwNrCAKSP5mAAFGBiRgyAAAi/YFBQAAeNqtkc1OwkAUhU/5M25cEhcsZick0AwlBJq6MWwgJkAgYV/KAA2lJeUn+hY+gktXvpKv4dLTMqKycGHsTZNv7px7z50ZAFd4hYHjdw1Ls4EiHjVncIFnzVnc4F1zDkWjrzmPW+NNcwGlzIRKI3fJlUyrEjZQxb3mDH2fNGfRx4vmHKqG0JzHg6E0F9DOlFBGBxUI1GEzLNT4S0aLuTtsGAEUuYcQHkyg3KmIum1bNUvKlrjbbAIleqHHnS4iSudpQcySMYtdFiXlAxzSbAwfMxK6kZoHKhbjjespMTioOPZnzI+4ucCeTVyKMVKLfeAS6vSWaTinuZwzyy/Dc7vaed+6KaV0kukdPUk6yOcctZPvvxxqksq2lEW8RvHjMEO2FCl/zy6p3NEm0R9OFSafJdldc4QVeyaaObMBO0/5cCaa6d9Ggyubxire+lEojscdjoWUR1xGOy8KD8mG2ZLO2l2paDc3A39qmU2z2W5YNv5+u79e6QfGJY/hAAB42m3NywrCMBQE0DupWp/1AYI7/6DEaLQu66Mrd35BKUWKJSlFv1+rue4cGM7shgR981qSon+ZNwUJ8iDgoYU2OvDRRQ99DDDECAHGmGCKmf80hZSx/Kik/LliFbtmN6xmt+yOjdg9GztV4tROnRwX/Bsaaw51nt4Lc7tWaZYHp/MlzKx51LZs5htNri+2AAAAAQAB//8AD3jaY2BkYGDgAWIxIGZiYARCESBmAfMYAAR6AEMAAAABAAAAANXtRbgAAAAA2AhRFAAAAADYCNuG) format("woff");
    66 }
    67 
    68 /* If we add the border using a regular CSS border, it won't look good on non-retina devices,
    69  * since its edges can look jagged due to lack of antialiasing. In this case, we are several
    70  * layers of box-shadow to add the border visually, which will render the border smoother. */
    71 /* Fallback for non-latin fonts */
    72 /* Calculates maximum width for post content */
    73 /* Nested sub-menu padding: 10 levels deep */
    74 /* Normalize */
    75 /*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
    76 /* Document
    77          ========================================================================== */
    78 /**
    79  * 1. Correct the line height in all browsers.
    80  * 2. Prevent adjustments of font size after orientation changes in iOS.
    81  */
    82 html {
    83   line-height: 1.15;
    84   /* 1 */
    85   -webkit-text-size-adjust: 100%;
    86   /* 2 */
    87 }
    88 
    89 /* Sections
    90          ========================================================================== */
    91 /**
    92  * Remove the margin in all browsers.
    93  */
    94 body {
    95   margin: 0;
    96 }
    97 
    98 /**
    99  * Correct the font size and margin on `h1` elements within `section` and
    100  * `article` contexts in Chrome, Firefox, and Safari.
    101  */
    102 h1 {
    103   font-size: 2em;
    104   margin: 0.67em 0;
    105 }
    106 
    107 /* Grouping content
    108          ========================================================================== */
    109 /**
    110  * 1. Add the correct box sizing in Firefox.
    111  * 2. Show the overflow in Edge and IE.
    112  */
    113 hr {
    114   box-sizing: content-box;
    115   /* 1 */
    116   height: 0;
    117   /* 1 */
    118   overflow: visible;
    119   /* 2 */
    120 }
    121 
    122 /**
    123  * 1. Correct the inheritance and scaling of font size in all browsers.
    124  * 2. Correct the odd `em` font sizing in all browsers.
    125  */
    126 pre {
    127   font-family: monospace, monospace;
    128   /* 1 */
    129   font-size: 1em;
    130   /* 2 */
    131 }
    132 
    133 /* Text-level semantics
    134          ========================================================================== */
    135 /**
    136  * Remove the gray background on active links in IE 10.
    137  */
    138 a {
    139   background-color: transparent;
    140 }
    141 
    142 /**
    143  * 1. Remove the bottom border in Chrome 57-
    144  * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
    145  */
    146 abbr[title] {
    147   border-bottom: none;
    148   /* 1 */
    149   text-decoration: underline;
    150   /* 2 */
    151   text-decoration: underline dotted;
    152   /* 2 */
    153 }
    154 
    155 /**
    156  * Add the correct font weight in Chrome, Edge, and Safari.
    157  */
    158 b,
    159 strong {
    160   font-weight: bolder;
    161 }
    162 
    163 /**
    164  * 1. Correct the inheritance and scaling of font size in all browsers.
    165  * 2. Correct the odd `em` font sizing in all browsers.
    166  */
    167 code,
    168 kbd,
    169 samp {
    170   font-family: monospace, monospace;
    171   /* 1 */
    172   font-size: 1em;
    173   /* 2 */
    174 }
    175 
    176 /**
    177  * Add the correct font size in all browsers.
    178  */
    179 small {
    180   font-size: 80%;
    181 }
    182 
    183 /**
    184  * Prevent `sub` and `sup` elements from affecting the line height in
    185  * all browsers.
    186  */
    187 sub,
    188 sup {
    189   font-size: 75%;
    190   line-height: 0;
    191   position: relative;
    192   vertical-align: baseline;
    193 }
    194 
    195 sub {
    196   bottom: -0.25em;
    197 }
    198 
    199 sup {
    200   top: -0.5em;
    201 }
    202 
    203 /* Embedded content
    204          ========================================================================== */
    205 /**
    206  * Remove the border on images inside links in IE 10.
    207  */
    208 img {
    209   border-style: none;
    210 }
    211 
    212 /* Forms
    213          ========================================================================== */
    214 /**
    215  * 1. Change the font styles in all browsers.
    216  * 2. Remove the margin in Firefox and Safari.
    217  */
    218 button,
    219 input,
    220 optgroup,
    221 select,
    222 textarea {
    223   font-family: inherit;
    224   /* 1 */
    225   font-size: 100%;
    226   /* 1 */
    227   line-height: 1.15;
    228   /* 1 */
    229   margin: 0;
    230   /* 2 */
    231 }
    232 
    233 /**
    234  * Show the overflow in IE.
    235  * 1. Show the overflow in Edge.
    236  */
    237 button,
    238 input {
    239   /* 1 */
    240   overflow: visible;
    241 }
    242 
    243 /**
    244  * Remove the inheritance of text transform in Edge, Firefox, and IE.
    245  * 1. Remove the inheritance of text transform in Firefox.
    246  */
    247 button,
    248 select {
    249   /* 1 */
    250   text-transform: none;
    251 }
    252 
    253 /**
    254  * Correct the inability to style clickable types in iOS and Safari.
    255  */
    256 button,
    257 [type="button"],
    258 [type="reset"],
    259 [type="submit"] {
    260   -webkit-appearance: button;
    261 }
    262 
    263 /**
    264  * Remove the inner border and padding in Firefox.
    265  */
    266 button::-moz-focus-inner,
    267 [type="button"]::-moz-focus-inner,
    268 [type="reset"]::-moz-focus-inner,
    269 [type="submit"]::-moz-focus-inner {
    270   border-style: none;
    271   padding: 0;
    272 }
    273 
    274 /**
    275  * Restore the focus styles unset by the previous rule.
    276  */
    277 button:-moz-focusring,
    278 [type="button"]:-moz-focusring,
    279 [type="reset"]:-moz-focusring,
    280 [type="submit"]:-moz-focusring {
    281   outline: 1px dotted ButtonText;
    282 }
    283 
    284 /**
    285  * Correct the padding in Firefox.
    286  */
    287 fieldset {
    288   padding: 0.35em 0.75em 0.625em;
    289 }
    290 
    291 /**
    292  * 1. Correct the text wrapping in Edge and IE.
    293  * 2. Correct the color inheritance from `fieldset` elements in IE.
    294  * 3. Remove the padding so developers are not caught out when they zero out
    295  *              `fieldset` elements in all browsers.
    296  */
    297 legend {
    298   box-sizing: border-box;
    299   /* 1 */
    300   color: inherit;
    301   /* 2 */
    302   display: table;
    303   /* 1 */
    304   max-width: 100%;
    305   /* 1 */
    306   padding: 0;
    307   /* 3 */
    308   white-space: normal;
    309   /* 1 */
    310 }
    311 
    312 /**
    313  * Add the correct vertical alignment in Chrome, Firefox, and Opera.
    314  */
    315 progress {
    316   vertical-align: baseline;
    317 }
    318 
    319 /**
    320  * Remove the default vertical scrollbar in IE 10+.
    321  */
    322 textarea {
    323   overflow: auto;
    324 }
    325 
    326 /**
    327  * 1. Add the correct box sizing in IE 10.
    328  * 2. Remove the padding in IE 10.
    329  */
    330 [type="checkbox"],
    331 [type="radio"] {
    332   box-sizing: border-box;
    333   /* 1 */
    334   padding: 0;
    335   /* 2 */
    336 }
    337 
    338 /**
    339  * Correct the cursor style of increment and decrement buttons in Chrome.
    340  */
    341 [type="number"]::-webkit-inner-spin-button,
    342 [type="number"]::-webkit-outer-spin-button {
    343   height: auto;
    344 }
    345 
    346 /**
    347  * 1. Correct the odd appearance in Chrome and Safari.
    348  * 2. Correct the outline style in Safari.
    349  */
    350 [type="search"] {
    351   -webkit-appearance: textfield;
    352   /* 1 */
    353   outline-offset: -2px;
    354   /* 2 */
    355 }
    356 
    357 /**
    358  * Remove the inner padding in Chrome and Safari on macOS.
    359  */
    360 [type="search"]::-webkit-search-decoration {
    361   -webkit-appearance: none;
    362 }
    363 
    364 /**
    365  * 1. Correct the inability to style clickable types in iOS and Safari.
    366  * 2. Change font properties to `inherit` in Safari.
    367  */
    368 ::-webkit-file-upload-button {
    369   -webkit-appearance: button;
    370   /* 1 */
    371   font: inherit;
    372   /* 2 */
    373 }
    374 
    375 /* Interactive
    376          ========================================================================== */
    377 /*
    378  * Add the correct display in Edge, IE 10+, and Firefox.
    379  */
    380 details {
    381   display: block;
    382 }
    383 
    384 /*
    385  * Add the correct display in all browsers.
    386  */
    387 summary {
    388   display: list-item;
    389 }
    390 
    391 /* Misc
    392          ========================================================================== */
    393 /**
    394  * Add the correct display in IE 10+.
    395  */
    396 template {
    397   display: none;
    398 }
    399 
    400 /**
    401  * Add the correct display in IE 10.
    402  */
    403 [hidden] {
    404   display: none;
    405 }
    406 
    407 /* Typography */
    408 html {
    409   font-size: 22px;
    410 }
    411 
    412 body {
    413   -webkit-font-smoothing: antialiased;
    414   -moz-osx-font-smoothing: grayscale;
    415   color: #111;
    416   font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
    417   font-weight: 400;
    418   font-size: 1em;
    419   line-height: 1.8;
    420   margin: 0;
    421   text-rendering: optimizeLegibility;
    422 }
    423 
    424 button,
    425 input,
    426 select,
    427 optgroup,
    428 textarea {
    429   color: #111;
    430   font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
    431   font-weight: 400;
    432   line-height: 1.8;
    433   text-rendering: optimizeLegibility;
    434 }
    435 
    436 .author-description .author-link,
    437 .comment-metadata,
    438 .comment-reply-link,
    439 .comments-title,
    440 .comment-author .fn,
    441 .discussion-meta-info,
    442 .entry-meta,
    443 .entry-footer,
    444 .main-navigation,
    445 .no-comments,
    446 .not-found .page-title,
    447 .error-404 .page-title,
    448 .post-navigation .post-title,
    449 .page-links,
    450 .page-description,
    451 .pagination .nav-links,
    452 .sticky-post,
    453 .site-title,
    454 .site-info,
    455 #cancel-comment-reply-link,
    456 img:after,
    457 h1,
    458 h2,
    459 h3,
    460 h4,
    461 h5,
    462 h6 {
    463   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    464 }
    465 
    466 .main-navigation,
    467 .page-description,
    468 .author-description .author-link,
    469 .not-found .page-title,
    470 .error-404 .page-title,
    471 .post-navigation .post-title,
    472 .pagination .nav-links,
    473 .comments-title,
    474 .comment-author .fn,
    475 .no-comments,
    476 .site-title,
    477 h1,
    478 h2,
    479 h3,
    480 h4,
    481 h5,
    482 h6 {
    483   font-weight: 700;
    484   letter-spacing: -0.02em;
    485   line-height: 1.2;
    486   -webkit-font-smoothing: antialiased;
    487   -moz-osx-font-smoothing: grayscale;
    488 }
    489 
    490 .page-title {
    491   font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
    492 }
    493 
    494 .site-branding,
    495 .main-navigation ul.main-menu > li,
    496 .social-navigation,
    497 .author-description .author-bio,
    498 .nav-links {
    499   line-height: 1.25;
    500 }
    501 
    502 h1 {
    503   font-size: 2.25em;
    504 }
    505 
    506 @media only screen and (min-width: 768px) {
    507   h1 {
    508     font-size: 2.8125em;
    509   }
    510 }
    511 
    512 .entry-title,
    513 .not-found .page-title,
    514 .error-404 .page-title,
    515 .has-larger-font-size,
    516 h2 {
    517   font-size: 1.6875em;
    518 }
    519 
    520 @media only screen and (min-width: 768px) {
    521   .entry-title,
    522   .not-found .page-title,
    523   .error-404 .page-title,
    524   .has-larger-font-size,
    525   h2 {
    526     font-size: 2.25em;
    527   }
    528 }
    529 
    530 .has-regular-font-size,
    531 .has-large-font-size,
    532 .comments-title,
    533 h3 {
    534   font-size: 1.6875em;
    535 }
    536 
    537 .site-title,
    538 .site-description,
    539 .main-navigation,
    540 .nav-links,
    541 .page-title,
    542 .page-description,
    543 .comment-author .fn,
    544 .no-comments,
    545 h2.author-title,
    546 p.author-bio,
    547 h4 {
    548   font-size: 1.125em;
    549 }
    550 
    551 .pagination .nav-links,
    552 .comment-content,
    553 h5 {
    554   font-size: 0.88889em;
    555 }
    556 
    557 .entry-meta,
    558 .entry-footer,
    559 .discussion-meta-info,
    560 .site-info,
    561 .has-small-font-size,
    562 .comment-reply-link,
    563 .comment-metadata,
    564 .comment-notes,
    565 .sticky-post,
    566 #cancel-comment-reply-link,
    567 img:after,
    568 h6 {
    569   font-size: 0.71111em;
    570 }
    571 
    572 .site-title,
    573 .page-title {
    574   font-weight: normal;
    575 }
    576 
    577 .page-description,
    578 .page-links a {
    579   font-weight: bold;
    580 }
    581 
    582 .site-description {
    583   letter-spacing: -0.01em;
    584 }
    585 
    586 .post-navigation .post-title,
    587 .entry-title,
    588 .not-found .page-title,
    589 .error-404 .page-title,
    590 .comments-title,
    591 blockquote {
    592   hyphens: auto;
    593   word-break: break-word;
    594 }
    595 
    596 /* Do not hyphenate entry title on tablet view and bigger. */
    597 @media only screen and (min-width: 768px) {
    598   .entry-title {
    599     hyphens: none;
    600   }
    601 }
    602 
    603 p {
    604   -webkit-font-smoothing: antialiased;
    605   -moz-osx-font-smoothing: grayscale;
    606 }
    607 
    608 dfn,
    609 cite,
    610 em,
    611 i {
    612   font-style: italic;
    613 }
    614 
    615 blockquote cite {
    616   font-size: 0.71111em;
    617   font-style: normal;
    618   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    619 }
    620 
    621 pre {
    622   font-size: 0.88889em;
    623   font-family: "Courier 10 Pitch", Courier, monospace;
    624   line-height: 1.8;
    625   overflow: auto;
    626 }
    627 
    628 code,
    629 kbd,
    630 tt,
    631 var {
    632   font-size: 0.88889em;
    633   font-family: Menlo, monaco, Consolas, Lucida Console, monospace;
    634 }
    635 
    636 abbr, acronym {
    637   border-bottom: 1px dotted #666;
    638   cursor: help;
    639 }
    640 
    641 mark,
    642 ins {
    643   background: #fff9c0;
    644   text-decoration: none;
    645 }
    646 
    647 big {
    648   font-size: 125%;
    649 }
    650 
    651 a {
    652   text-decoration: none;
    653 }
    654 
    655 a:hover {
    656   text-decoration: none;
    657 }
    658 
    659 a:focus {
    660   text-decoration: underline;
    661 }
    662 
    663 /* Arabic */
    664 html[lang="ar"] .site *,
    665 html[lang="ary"] .site *,
    666 html[lang="azb"] .site *,
    667 html[lang="ckb"] .site *,
    668 html[lang="fa-IR"] .site *,
    669 html[lang="haz"] .site *,
    670 html[lang="ps"] .site * {
    671   font-family: Tahoma, Arial, sans-serif !important;
    672 }
    673 
    674 /* Cyrillic */
    675 html[lang="be"] .site *,
    676 html[lang="bg-BG"] .site *,
    677 html[lang="kk"] .site *,
    678 html[lang="mk-MK"] .site *,
    679 html[lang="mn"] .site *,
    680 html[lang="ru-RU"] .site *,
    681 html[lang="sah"] .site *,
    682 html[lang="sr-RS"] .site *,
    683 html[lang="tt-RU"] .site *,
    684 html[lang="uk"] .site * {
    685   font-family: 'Helvetica Neue', Helvetica, 'Segoe UI', Arial, sans-serif !important;
    686 }
    687 
    688 /* Chinese (Hong Kong) */
    689 html[lang="zh-HK"] .site * {
    690   font-family: -apple-system, BlinkMacSystemFont, 'PingFang HK', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important;
    691 }
    692 
    693 /* Chinese (Taiwan) */
    694 html[lang="zh-TW"] .site * {
    695   font-family: -apple-system, BlinkMacSystemFont, 'PingFang TC', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important;
    696 }
    697 
    698 /* Chinese (China) */
    699 html[lang="zh-CN"] .site * {
    700   font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important;
    701 }
    702 
    703 /* Devanagari */
    704 html[lang="bn-BD"] .site *,
    705 html[lang="hi-IN"] .site *,
    706 html[lang="mr"] .site *,
    707 html[lang="ne-NP"] .site * {
    708   font-family: Arial, sans-serif !important;
    709 }
    710 
    711 /* Greek */
    712 html[lang="el"] .site * {
    713   font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    714 }
    715 
    716 /* Gujarati */
    717 html[lang="gu"] .site * {
    718   font-family: Arial, sans-serif !important;
    719 }
    720 
    721 /* Hebrew */
    722 html[lang="he-IL"] .site * {
    723   font-family: 'Arial Hebrew', Arial, sans-serif !important;
    724 }
    725 
    726 /* Japanese */
    727 html[lang="ja"] .site * {
    728   font-family: -apple-system, BlinkMacSystemFont, "Hiragino Sans", Meiryo, "Helvetica Neue", sans-serif !important;
    729 }
    730 
    731 /* Korean */
    732 html[lang="ko-KR"] .site * {
    733   font-family: 'Apple SD Gothic Neo', 'Malgun Gothic', 'Nanum Gothic', Dotum, sans-serif !important;
    734 }
    735 
    736 /* Thai */
    737 html[lang="th"] .site * {
    738   font-family: 'Sukhumvit Set', 'Helvetica Neue', helvetica, arial, sans-serif !important;
    739 }
    740 
    741 /* Vietnamese */
    742 html[lang="vi"] .site * {
    743   font-family: 'Libre Franklin', sans-serif !important;
    744 }
    745 
    746 /* Elements */
    747 html {
    748   box-sizing: border-box;
    749 }
    750 
    751 ::-moz-selection {
    752   background-color: #bfdcea;
    753 }
    754 
    755 ::selection {
    756   background-color: #bfdcea;
    757 }
    758 
    759 *,
    760 *:before,
    761 *:after {
    762   box-sizing: inherit;
    763 }
    764 
    765 body {
    766   background-color: #fff;
    767 }
    768 
    769 a {
    770   transition: color 110ms ease-in-out;
    771   color: #0073aa;
    772 }
    773 
    774 a:hover,
    775 a:active {
    776   color: #005177;
    777   outline: 0;
    778   text-decoration: none;
    779 }
    780 
    781 a:focus {
    782   outline: thin;
    783   outline-style: dotted;
    784   text-decoration: underline;
    785 }
    786 
    787 h1,
    788 h2,
    789 h3,
    790 h4,
    791 h5,
    792 h6 {
    793   clear: both;
    794   margin: 1rem 0;
    795 }
    796 
    797 h1:not(.site-title):before,
    798 h2:before {
    799   background: #767676;
    800   content: "\020";
    801   display: block;
    802   height: 2px;
    803   margin: 1rem 0;
    804   width: 1em;
    805 }
    806 
    807 hr {
    808   background-color: #767676;
    809   border: 0;
    810   height: 2px;
    811 }
    812 
    813 ul,
    814 ol {
    815   padding-left: 1rem;
    816 }
    817 
    818 ul {
    819   list-style: disc;
    820 }
    821 
    822 ul ul {
    823   list-style-type: circle;
    824 }
    825 
    826 ol {
    827   list-style: decimal;
    828 }
    829 
    830 li {
    831   line-height: 1.8;
    832 }
    833 
    834 li > ul,
    835 li > ol {
    836   padding-left: 2rem;
    837 }
    838 
    839 dt {
    840   font-weight: bold;
    841 }
    842 
    843 dd {
    844   margin: 0 1rem 1rem;
    845 }
    846 
    847 img {
    848   height: auto;
    849   max-width: 100%;
    850   position: relative;
    851 }
    852 
    853 figure {
    854   margin: 0;
    855 }
    856 
    857 blockquote {
    858   border-left: 2px solid #0073aa;
    859   margin-left: 0;
    860   padding: 0 0 0 1rem;
    861 }
    862 
    863 blockquote > p {
    864   margin: 0 0 1rem;
    865 }
    866 
    867 blockquote cite {
    868   color: #767676;
    869 }
    870 
    871 table {
    872   margin: 0 0 1rem;
    873   border-collapse: collapse;
    874   width: 100%;
    875   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    876 }
    877 
    878 table td,
    879 table th {
    880   padding: 0.5em;
    881   border: 1px solid #767676;
    882   word-break: break-all;
    883 }
    884 
    885 /* Forms */
    886 .button,
    887 button,
    888 input[type="button"],
    889 input[type="reset"],
    890 input[type="submit"] {
    891   transition: background 150ms ease-in-out;
    892   background: #0073aa;
    893   border: none;
    894   border-radius: 5px;
    895   box-sizing: border-box;
    896   color: #fff;
    897   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    898   font-size: 0.88889em;
    899   font-weight: 700;
    900   line-height: 1.2;
    901   outline: none;
    902   padding: 0.76rem 1rem;
    903   text-decoration: none;
    904   vertical-align: bottom;
    905 }
    906 
    907 .button:hover,
    908 button:hover,
    909 input[type="button"]:hover,
    910 input[type="reset"]:hover,
    911 input[type="submit"]:hover {
    912   background: #111;
    913   cursor: pointer;
    914 }
    915 
    916 .button:visited,
    917 button:visited,
    918 input[type="button"]:visited,
    919 input[type="reset"]:visited,
    920 input[type="submit"]:visited {
    921   color: #fff;
    922   text-decoration: none;
    923 }
    924 
    925 .button:focus,
    926 button:focus,
    927 input[type="button"]:focus,
    928 input[type="reset"]:focus,
    929 input[type="submit"]:focus {
    930   background: #111;
    931   outline: thin dotted;
    932   outline-offset: -4px;
    933 }
    934 
    935 input[type="text"],
    936 input[type="email"],
    937 input[type="url"],
    938 input[type="password"],
    939 input[type="search"],
    940 input[type="number"],
    941 input[type="tel"],
    942 input[type="range"],
    943 input[type="date"],
    944 input[type="month"],
    945 input[type="week"],
    946 input[type="time"],
    947 input[type="datetime"],
    948 input[type="datetime-local"],
    949 input[type="color"],
    950 textarea {
    951   -webkit-backface-visibility: hidden;
    952   background: #fff;
    953   border: solid 1px #ccc;
    954   box-sizing: border-box;
    955   outline: none;
    956   padding: 0.36rem 0.66rem;
    957   -webkit-appearance: none;
    958   outline-offset: 0;
    959   border-radius: 0;
    960 }
    961 
    962 input[type="text"]:focus,
    963 input[type="email"]:focus,
    964 input[type="url"]:focus,
    965 input[type="password"]:focus,
    966 input[type="search"]:focus,
    967 input[type="number"]:focus,
    968 input[type="tel"]:focus,
    969 input[type="range"]:focus,
    970 input[type="date"]:focus,
    971 input[type="month"]:focus,
    972 input[type="week"]:focus,
    973 input[type="time"]:focus,
    974 input[type="datetime"]:focus,
    975 input[type="datetime-local"]:focus,
    976 input[type="color"]:focus,
    977 textarea:focus {
    978   border-color: #0073aa;
    979   outline: thin solid rgba(0, 115, 170, 0.15);
    980   outline-offset: -4px;
    981 }
    982 
    983 input[type="search"]::-webkit-search-decoration {
    984   display: none;
    985 }
    986 
    987 textarea {
    988   box-sizing: border-box;
    989   display: block;
    990   width: 100%;
    991   max-width: 100%;
    992   resize: vertical;
    993 }
    994 
    995 form p {
    996   margin: 1rem 0;
    997 }
    998 
    999 /* Navigation */
    1000 /*--------------------------------------------------------------
    1001 ## Links
    1002 --------------------------------------------------------------*/
    1003 a {
    1004   transition: color 110ms ease-in-out;
    1005   color: #0073aa;
    1006 }
    1007 
    1008 a:visited {
    1009   color: #0073aa;
    1010 }
    1011 
    1012 a:hover, a:active {
    1013   color: #005177;
    1014   outline: 0;
    1015   text-decoration: none;
    1016 }
    1017 
    1018 a:focus {
    1019   outline: thin dotted;
    1020   text-decoration: underline;
    1021 }
    1022 
    1023 /*--------------------------------------------------------------
    1024 ## Menus
    1025 --------------------------------------------------------------*/
    1026 /** === Main menu === */
    1027 .main-navigation {
    1028   display: block;
    1029   margin-top: 0.25rem;
    1030   /* Un-style buttons */
    1031   /*
    1032          * Sub-menu styles
    1033          *
    1034          * :focus-within needs its own selector so other similar
    1035          * selectors don’t get ignored if a browser doesn’t recognize it
    1036          */
    1037   /**
    1038          * Fade-in animation for top-level submenus
    1039          */
    1040   /**
    1041          * Off-canvas touch device styles
    1042          */
    1043 }
    1044 
    1045 body.page .main-navigation {
    1046   display: block;
    1047 }
    1048 
    1049 .main-navigation > div {
    1050   display: inline;
    1051 }
    1052 
    1053 .main-navigation button {
    1054   display: inline-block;
    1055   border: none;
    1056   padding: 0;
    1057   margin: 0;
    1058   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    1059   font-weight: 700;
    1060   line-height: 1.2;
    1061   text-decoration: none;
    1062   background: transparent;
    1063   color: inherit;
    1064   cursor: pointer;
    1065   transition: background 250ms ease-in-out, transform 150ms ease;
    1066   -webkit-appearance: none;
    1067   -moz-appearance: none;
    1068 }
    1069 
    1070 .main-navigation button:hover, .main-navigation button:focus {
    1071   background: transparent;
    1072 }
    1073 
    1074 .main-navigation button:focus {
    1075   outline: 1px solid transparent;
    1076   outline-offset: -4px;
    1077 }
    1078 
    1079 .main-navigation button:active {
    1080   transform: scale(0.99);
    1081 }
    1082 
    1083 .main-navigation .main-menu {
    1084   display: inline-block;
    1085   margin: 0;
    1086   padding: 0;
    1087 }
    1088 
    1089 .main-navigation .main-menu > li {
    1090   color: #0073aa;
    1091   display: inline;
    1092   position: relative;
    1093 }
    1094 
    1095 .main-navigation .main-menu > li > a {
    1096   font-weight: 700;
    1097   color: #0073aa;
    1098   margin-right: 0.5rem;
    1099 }
    1100 
    1101 .main-navigation .main-menu > li > a + svg {
    1102   margin-right: 0.5rem;
    1103 }
    1104 
    1105 .main-navigation .main-menu > li > a:hover,
    1106 .main-navigation .main-menu > li > a:hover + svg {
    1107   color: #005177;
    1108 }
    1109 
    1110 .main-navigation .main-menu > li.menu-item-has-children {
    1111   display: inline-block;
    1112   position: inherit;
    1113 }
    1114 
    1115 @media only screen and (min-width: 768px) {
    1116   .main-navigation .main-menu > li.menu-item-has-children {
    1117     position: relative;
    1118   }
    1119 }
    1120 
    1121 .main-navigation .main-menu > li.menu-item-has-children > a {
    1122   margin-right: 0.125rem;
    1123 }
    1124 
    1125 .main-navigation .main-menu > li.menu-item-has-children > a:after,
    1126 .main-navigation .main-menu > li.menu-item-has-children .menu-item-has-children > a:after {
    1127   content: "";
    1128   display: none;
    1129 }
    1130 
    1131 .main-navigation .main-menu > li.menu-item-has-children .submenu-expand {
    1132   display: inline-block;
    1133   margin-right: 0.25rem;
    1134   /* Priority+ Menu */
    1135 }
    1136 
    1137 .main-navigation .main-menu > li.menu-item-has-children .submenu-expand.main-menu-more-toggle {
    1138   position: relative;
    1139   height: 24px;
    1140   line-height: 1.2;
    1141   width: 24px;
    1142   padding: 0;
    1143   margin-left: 0.5rem;
    1144 }
    1145 
    1146 .main-navigation .main-menu > li.menu-item-has-children .submenu-expand.main-menu-more-toggle svg {
    1147   height: 24px;
    1148   width: 24px;
    1149   top: -0.125rem;
    1150   vertical-align: text-bottom;
    1151 }
    1152 
    1153 .wp-customizer-unloading .main-navigation .main-menu > li.menu-item-has-children .submenu-expand, .main-navigation .main-menu > li.menu-item-has-children .submenu-expand.is-empty {
    1154   display: none;
    1155 }
    1156 
    1157 .main-navigation .main-menu > li.menu-item-has-children .submenu-expand svg {
    1158   position: relative;
    1159   top: 0.2rem;
    1160 }
    1161 
    1162 .main-navigation .main-menu > li:last-child > a,
    1163 .main-navigation .main-menu > li:last-child.menu-item-has-children .submenu-expand {
    1164   margin-right: 0;
    1165 }
    1166 
    1167 .main-navigation .sub-menu {
    1168   background-color: #0073aa;
    1169   color: #fff;
    1170   list-style: none;
    1171   padding-left: 0;
    1172   position: absolute;
    1173   opacity: 0;
    1174   left: -9999px;
    1175   z-index: 99999;
    1176 }
    1177 
    1178 @media only screen and (min-width: 768px) {
    1179   .main-navigation .sub-menu {
    1180     width: auto;
    1181     min-width: -moz-max-content;
    1182     min-width: -webkit-max-content;
    1183     min-width: max-content;
    1184   }
    1185 }
    1186 
    1187 .main-navigation .sub-menu > li {
    1188   display: block;
    1189   float: none;
    1190   position: relative;
    1191 }
    1192 
    1193 .main-navigation .sub-menu > li.menu-item-has-children .submenu-expand {
    1194   display: inline-block;
    1195   position: absolute;
    1196   width: calc( 24px + 1rem);
    1197   right: 0;
    1198   top: calc( .125 * 1rem);
    1199   bottom: 0;
    1200   color: white;
    1201   line-height: 1;
    1202   padding: calc( .5 * 1rem);
    1203 }
    1204 
    1205 .main-navigation .sub-menu > li.menu-item-has-children .submenu-expand svg {
    1206   top: 0;
    1207 }
    1208 
    1209 .main-navigation .sub-menu > li.menu-item-has-children .submenu-expand {
    1210   margin-right: 0;
    1211 }
    1212 
    1213 @media only screen and (min-width: 768px) {
    1214   .main-navigation .sub-menu > li.menu-item-has-children .menu-item-has-children > a:after {
    1215     content: "\203a";
    1216   }
    1217 }
    1218 
    1219 .main-navigation .sub-menu > li > a,
    1220 .main-navigation .sub-menu > li > .menu-item-link-return {
    1221   color: #fff;
    1222   display: block;
    1223   line-height: 1.2;
    1224   text-shadow: none;
    1225   padding: calc( .5 * 1rem) calc( 24px + 1rem) calc( .5 * 1rem) 1rem;
    1226   white-space: nowrap;
    1227 }
    1228 
    1229 .main-navigation .sub-menu > li > a:hover, .main-navigation .sub-menu > li > a:focus,
    1230 .main-navigation .sub-menu > li > .menu-item-link-return:hover,
    1231 .main-navigation .sub-menu > li > .menu-item-link-return:focus {
    1232   background: #005177;
    1233 }
    1234 
    1235 .main-navigation .sub-menu > li > a:hover:after, .main-navigation .sub-menu > li > a:focus:after,
    1236 .main-navigation .sub-menu > li > .menu-item-link-return:hover:after,
    1237 .main-navigation .sub-menu > li > .menu-item-link-return:focus:after {
    1238   background: #005177;
    1239 }
    1240 
    1241 .main-navigation .sub-menu > li > .menu-item-link-return {
    1242   width: 100%;
    1243   font-size: 22px;
    1244   font-weight: normal;
    1245   text-align: left;
    1246 }
    1247 
    1248 .main-navigation .sub-menu > li > a:empty {
    1249   display: none;
    1250 }
    1251 
    1252 .main-navigation .sub-menu > li.mobile-parent-nav-menu-item {
    1253   display: none;
    1254   font-size: 0.88889em;
    1255   font-weight: normal;
    1256 }
    1257 
    1258 .main-navigation .sub-menu > li.mobile-parent-nav-menu-item svg {
    1259   position: relative;
    1260   top: 0.2rem;
    1261   margin-right: calc( .25 * 1rem);
    1262 }
    1263 
    1264 .main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu {
    1265   display: block;
    1266   left: 0;
    1267   margin-top: 0;
    1268   opacity: 1;
    1269   width: auto;
    1270   min-width: 100%;
    1271   /* Non-mobile position */
    1272   /* Nested sub-menu dashes */
    1273 }
    1274 
    1275 .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu {
    1276   display: block;
    1277   left: 0;
    1278   margin-top: 0;
    1279   opacity: 1;
    1280   width: auto;
    1281   min-width: 100%;
    1282   /* Non-mobile position */
    1283   /* Nested sub-menu dashes */
    1284 }
    1285 
    1286 @media only screen and (min-width: 768px) {
    1287   .main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu {
    1288     display: block;
    1289     margin-top: 0;
    1290     opacity: 1;
    1291     position: absolute;
    1292     left: 0;
    1293     right: auto;
    1294     top: auto;
    1295     bottom: auto;
    1296     height: auto;
    1297     min-width: -moz-max-content;
    1298     min-width: -webkit-max-content;
    1299     min-width: max-content;
    1300     transform: none;
    1301   }
    1302   .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu {
    1303     display: block;
    1304     margin-top: 0;
    1305     opacity: 1;
    1306     position: absolute;
    1307     left: 0;
    1308     right: auto;
    1309     top: auto;
    1310     bottom: auto;
    1311     height: auto;
    1312     min-width: -moz-max-content;
    1313     min-width: -webkit-max-content;
    1314     min-width: max-content;
    1315     transform: none;
    1316   }
    1317 }
    1318 
    1319 .main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu.hidden-links {
    1320   left: 0;
    1321   width: 100%;
    1322   display: table;
    1323   position: absolute;
    1324 }
    1325 
    1326 .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu.hidden-links {
    1327   left: 0;
    1328   width: 100%;
    1329   display: table;
    1330   position: absolute;
    1331 }
    1332 
    1333 @media only screen and (min-width: 768px) {
    1334   .main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu.hidden-links {
    1335     right: 0;
    1336     left: auto;
    1337     display: block;
    1338     width: max-content;
    1339   }
    1340   .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu.hidden-links {
    1341     right: 0;
    1342     left: auto;
    1343     display: block;
    1344     width: max-content;
    1345   }
    1346 }
    1347 
    1348 .main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .submenu-expand {
    1349   display: none;
    1350 }
    1351 
    1352 .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .submenu-expand {
    1353   display: none;
    1354 }
    1355 
    1356 .main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu {
    1357   display: block;
    1358   margin-top: inherit;
    1359   position: relative;
    1360   width: 100%;
    1361   left: 0;
    1362   opacity: 1;
    1363   /* Non-mobile position */
    1364 }
    1365 
    1366 .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu {
    1367   display: block;
    1368   margin-top: inherit;
    1369   position: relative;
    1370   width: 100%;
    1371   left: 0;
    1372   opacity: 1;
    1373   /* Non-mobile position */
    1374 }
    1375 
    1376 @media only screen and (min-width: 768px) {
    1377   .main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu {
    1378     float: none;
    1379     max-width: 100%;
    1380   }
    1381   .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu {
    1382     float: none;
    1383     max-width: 100%;
    1384   }
    1385 }
    1386 
    1387 .main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu {
    1388   counter-reset: submenu;
    1389 }
    1390 
    1391 .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu {
    1392   counter-reset: submenu;
    1393 }
    1394 
    1395 .main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu > li > a::before {
    1396   font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
    1397   font-weight: normal;
    1398   content: "– " counters(submenu, "– ", none);
    1399   counter-increment: submenu;
    1400 }
    1401 
    1402 .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu > li > a::before {
    1403   font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
    1404   font-weight: normal;
    1405   content: "– " counters(submenu, "– ", none);
    1406   counter-increment: submenu;
    1407 }
    1408 
    1409 .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu,
    1410 .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu,
    1411 .main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu {
    1412   display: block;
    1413   left: 0;
    1414   margin-top: 0;
    1415   opacity: 1;
    1416   width: auto;
    1417   min-width: 100%;
    1418   /* Non-mobile position */
    1419   /* Nested sub-menu dashes */
    1420 }
    1421 
    1422 @media only screen and (min-width: 768px) {
    1423   .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu,
    1424   .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu,
    1425   .main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu {
    1426     display: block;
    1427     float: none;
    1428     margin-top: 0;
    1429     opacity: 1;
    1430     position: absolute;
    1431     left: 0;
    1432     right: auto;
    1433     top: auto;
    1434     bottom: auto;
    1435     height: auto;
    1436     min-width: -moz-max-content;
    1437     min-width: -webkit-max-content;
    1438     min-width: max-content;
    1439     transform: none;
    1440   }
    1441 }
    1442 
    1443 .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu.hidden-links,
    1444 .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu.hidden-links,
    1445 .main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu.hidden-links {
    1446   left: 0;
    1447   width: 100%;
    1448   display: table;
    1449   position: absolute;
    1450 }
    1451 
    1452 @media only screen and (min-width: 768px) {
    1453   .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu.hidden-links,
    1454   .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu.hidden-links,
    1455   .main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu.hidden-links {
    1456     right: 0;
    1457     left: auto;
    1458     display: table;
    1459     width: max-content;
    1460   }
    1461 }
    1462 
    1463 .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .submenu-expand,
    1464 .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .submenu-expand,
    1465 .main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .submenu-expand {
    1466   display: none;
    1467 }
    1468 
    1469 .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu,
    1470 .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu,
    1471 .main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu {
    1472   display: block;
    1473   margin-top: inherit;
    1474   position: relative;
    1475   width: 100%;
    1476   left: 0;
    1477   opacity: 1;
    1478   /* Non-mobile position */
    1479 }
    1480 
    1481 @media only screen and (min-width: 768px) {
    1482   .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu,
    1483   .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu,
    1484   .main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu {
    1485     float: none;
    1486     max-width: 100%;
    1487   }
    1488 }
    1489 
    1490 .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu,
    1491 .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu,
    1492 .main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu {
    1493   counter-reset: submenu;
    1494 }
    1495 
    1496 .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu > li > a::before,
    1497 .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu > li > a::before,
    1498 .main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu > li > a::before {
    1499   font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
    1500   font-weight: normal;
    1501   content: "– " counters(submenu, "– ", none);
    1502   counter-increment: submenu;
    1503 }
    1504 
    1505 .main-navigation .main-menu > .menu-item-has-children:not(.off-canvas):hover > .sub-menu {
    1506   animation: fade_in 0.1s forwards;
    1507 }
    1508 
    1509 .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu .submenu-expand .svg-icon {
    1510   transform: rotate(270deg);
    1511 }
    1512 
    1513 .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu .sub-menu {
    1514   opacity: 0;
    1515   position: absolute;
    1516   z-index: 0;
    1517   transform: translateX(-100%);
    1518 }
    1519 
    1520 .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu li:hover,
    1521 .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu li:focus,
    1522 .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu li > a:hover,
    1523 .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu li > a:focus {
    1524   background-color: transparent;
    1525 }
    1526 
    1527 .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu > li > a,
    1528 .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu > li > .menu-item-link-return {
    1529   white-space: inherit;
    1530 }
    1531 
    1532 .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true {
    1533   display: table;
    1534   margin-top: 0;
    1535   opacity: 1;
    1536   padding-left: 0;
    1537   /* Mobile position */
    1538   left: 0;
    1539   top: 0;
    1540   right: 0;
    1541   bottom: 0;
    1542   position: fixed;
    1543   z-index: 100000;
    1544   /* Make sure appears above mobile admin bar */
    1545   width: 100vw;
    1546   height: 100vh;
    1547   max-width: 100vw;
    1548   transform: translateX(100%);
    1549   animation: slide_in_right 0.3s forwards;
    1550   /* Prevent menu from being blocked by admin bar */
    1551 }
    1552 
    1553 .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true > .mobile-parent-nav-menu-item {
    1554   display: block;
    1555 }
    1556 
    1557 .admin-bar .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true {
    1558   top: 46px;
    1559   height: calc( 100vh - 46px);
    1560   /* WP core breakpoint */
    1561 }
    1562 
    1563 .admin-bar .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true .sub-menu.expanded-true {
    1564   top: 0;
    1565 }
    1566 
    1567 @media only screen and (min-width: 782px) {
    1568   .admin-bar .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true {
    1569     top: 32px;
    1570     height: calc( 100vh - 32px);
    1571   }
    1572   .admin-bar .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true .sub-menu.expanded-true {
    1573     top: 0;
    1574   }
    1575 }
    1576 
    1577 .main-navigation .main-menu-more:nth-child(n+3) {
    1578   display: none;
    1579 }
    1580 
    1581 /* Menu animation */
    1582 @keyframes slide_in_right {
    1583   100% {
    1584     transform: translateX(0%);
    1585   }
    1586 }
    1587 
    1588 @keyframes fade_in {
    1589   from {
    1590     opacity: 0;
    1591   }
    1592   to {
    1593     opacity: 1;
    1594   }
    1595 }
    1596 
    1597 /* Social menu */
    1598 .social-navigation {
    1599   margin-top: calc(1rem / 2);
    1600   text-align: left;
    1601 }
    1602 
    1603 .social-navigation ul.social-links-menu {
    1604   content: "";
    1605   display: table;
    1606   table-layout: fixed;
    1607   display: inline-block;
    1608   margin: 0;
    1609   padding: 0;
    1610 }
    1611 
    1612 .social-navigation ul.social-links-menu li {
    1613   display: inline-block;
    1614   vertical-align: bottom;
    1615   vertical-align: -webkit-baseline-middle;
    1616   list-style: none;
    1617 }
    1618 
    1619 .social-navigation ul.social-links-menu li:nth-child(n+2) {
    1620   margin-left: 0.1em;
    1621 }
    1622 
    1623 .social-navigation ul.social-links-menu li a {
    1624   border-bottom: 1px solid transparent;
    1625   display: block;
    1626   color: #111;
    1627   margin-bottom: -1px;
    1628   transition: opacity 110ms ease-in-out;
    1629 }
    1630 
    1631 .social-navigation ul.social-links-menu li a:hover, .social-navigation ul.social-links-menu li a:active {
    1632   color: #111;
    1633   opacity: 0.6;
    1634 }
    1635 
    1636 .social-navigation ul.social-links-menu li a:focus {
    1637   color: #111;
    1638   opacity: 1;
    1639   border-bottom: 1px solid #111;
    1640 }
    1641 
    1642 .social-navigation ul.social-links-menu li a svg {
    1643   display: block;
    1644   width: 32px;
    1645   height: 32px;
    1646   transform: translateZ(0);
    1647 }
    1648 
    1649 .social-navigation ul.social-links-menu li a svg#ui-icon-link {
    1650   transform: rotate(-45deg);
    1651 }
    1652 
    1653 @media only screen and (min-width: 768px) {
    1654   .site-title + .social-navigation,
    1655   .site-description + .social-navigation {
    1656     margin-top: calc(1rem / 5);
    1657   }
    1658 }
    1659 
    1660 /** === Footer menu === */
    1661 .footer-navigation {
    1662   display: inline;
    1663 }
    1664 
    1665 .footer-navigation > div {
    1666   display: inline;
    1667 }
    1668 
    1669 .footer-navigation .footer-menu {
    1670   display: inline;
    1671   padding-left: 0;
    1672 }
    1673 
    1674 .footer-navigation .footer-menu li {
    1675   display: inline;
    1676   margin-right: 1rem;
    1677 }
    1678 
    1679 /*--------------------------------------------------------------
    1680 ## Next / Previous
    1681 --------------------------------------------------------------*/
    1682 /* Next/Previous navigation */
    1683 .post-navigation {
    1684   margin: calc(3 * 1rem) 0;
    1685 }
    1686 
    1687 @media only screen and (min-width: 768px) {
    1688   .post-navigation {
    1689     margin: calc(3 * 1rem) calc(10% + 60px);
    1690     max-width: calc(6 * (100vw / 12));
    1691   }
    1692 }
    1693 
    1694 @media only screen and (min-width: 1168px) {
    1695   .post-navigation {
    1696     margin: calc(3 * 1rem) 0;
    1697     max-width: 100%;
    1698   }
    1699 }
    1700 
    1701 .post-navigation .nav-links {
    1702   margin: 0 1rem;
    1703   max-width: 100%;
    1704   display: flex;
    1705   flex-direction: column;
    1706 }
    1707 
    1708 @media only screen and (min-width: 768px) {
    1709   .post-navigation .nav-links {
    1710     margin: 0;
    1711   }
    1712 }
    1713 
    1714 @media only screen and (min-width: 1168px) {
    1715   .post-navigation .nav-links {
    1716     flex-direction: row;
    1717     margin: 0 calc(10% + 60px);
    1718     max-width: calc(6 * (100vw / 12) - 28px);
    1719   }
    1720 }
    1721 
    1722 .post-navigation .nav-links a .meta-nav {
    1723   color: #767676;
    1724   user-select: none;
    1725 }
    1726 
    1727 .post-navigation .nav-links a .meta-nav:before, .post-navigation .nav-links a .meta-nav:after {
    1728   display: none;
    1729   content: "—";
    1730   width: 2em;
    1731   color: #767676;
    1732   height: 1em;
    1733 }
    1734 
    1735 .post-navigation .nav-links a .post-title {
    1736   hyphens: auto;
    1737 }
    1738 
    1739 .post-navigation .nav-links a:hover {
    1740   color: #005177;
    1741 }
    1742 
    1743 @media only screen and (min-width: 1168px) {
    1744   .post-navigation .nav-links .nav-previous,
    1745   .post-navigation .nav-links .nav-next {
    1746     min-width: calc(50% - 2 * 1rem);
    1747   }
    1748 }
    1749 
    1750 .post-navigation .nav-links .nav-previous {
    1751   order: 2;
    1752 }
    1753 
    1754 @media only screen and (min-width: 1168px) {
    1755   .post-navigation .nav-links .nav-previous {
    1756     order: 1;
    1757   }
    1758 }
    1759 
    1760 .post-navigation .nav-links .nav-previous + .nav-next {
    1761   margin-bottom: 1rem;
    1762 }
    1763 
    1764 .post-navigation .nav-links .nav-previous .meta-nav:before {
    1765   display: inline;
    1766 }
    1767 
    1768 .post-navigation .nav-links .nav-next {
    1769   order: 1;
    1770 }
    1771 
    1772 @media only screen and (min-width: 1168px) {
    1773   .post-navigation .nav-links .nav-next {
    1774     order: 2;
    1775     padding-left: 1rem;
    1776   }
    1777 }
    1778 
    1779 .post-navigation .nav-links .nav-next .meta-nav:after {
    1780   display: inline;
    1781 }
    1782 
    1783 .pagination .nav-links {
    1784   display: flex;
    1785   flex-wrap: wrap;
    1786   padding: 0 calc(.5 * 1rem);
    1787 }
    1788 
    1789 .pagination .nav-links > * {
    1790   padding: calc(.5 * 1rem);
    1791 }
    1792 
    1793 .pagination .nav-links > *.dots, .pagination .nav-links > *.prev {
    1794   padding-left: 0;
    1795 }
    1796 
    1797 .pagination .nav-links > *.dots, .pagination .nav-links > *.next {
    1798   padding-right: 0;
    1799 }
    1800 
    1801 .pagination .nav-links a:focus {
    1802   text-decoration: underline;
    1803   outline-offset: -1px;
    1804 }
    1805 
    1806 .pagination .nav-links a:focus.prev, .pagination .nav-links a:focus.next {
    1807   text-decoration: none;
    1808 }
    1809 
    1810 .pagination .nav-links a:focus.prev .nav-prev-text,
    1811 .pagination .nav-links a:focus.prev .nav-next-text, .pagination .nav-links a:focus.next .nav-prev-text,
    1812 .pagination .nav-links a:focus.next .nav-next-text {
    1813   text-decoration: underline;
    1814 }
    1815 
    1816 .pagination .nav-links .nav-next-text,
    1817 .pagination .nav-links .nav-prev-text {
    1818   display: none;
    1819 }
    1820 
    1821 @media only screen and (min-width: 768px) {
    1822   .pagination .nav-links {
    1823     margin-left: calc(10% + 60px);
    1824     padding: 0;
    1825   }
    1826   .pagination .nav-links .prev > *,
    1827   .pagination .nav-links .next > * {
    1828     display: inline-block;
    1829     vertical-align: text-bottom;
    1830   }
    1831   .pagination .nav-links > * {
    1832     padding: 1rem;
    1833   }
    1834 }
    1835 
    1836 .comment-navigation .nav-links {
    1837   display: flex;
    1838   flex-direction: row;
    1839 }
    1840 
    1841 .comment-navigation .nav-previous,
    1842 .comment-navigation .nav-next {
    1843   min-width: 50%;
    1844   width: 100%;
    1845   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    1846   font-weight: bold;
    1847 }
    1848 
    1849 .comment-navigation .nav-previous .secondary-text,
    1850 .comment-navigation .nav-next .secondary-text {
    1851   display: none;
    1852 }
    1853 
    1854 @media only screen and (min-width: 768px) {
    1855   .comment-navigation .nav-previous .secondary-text,
    1856   .comment-navigation .nav-next .secondary-text {
    1857     display: inline;
    1858   }
    1859 }
    1860 
    1861 .comment-navigation .nav-previous svg,
    1862 .comment-navigation .nav-next svg {
    1863   vertical-align: middle;
    1864   position: relative;
    1865   margin: 0 -0.35em;
    1866   top: -1px;
    1867 }
    1868 
    1869 .comment-navigation .nav-next {
    1870   text-align: right;
    1871 }
    1872 
    1873 /* Accessibility */
    1874 /* Text meant only for screen readers. */
    1875 .screen-reader-text {
    1876   border: 0;
    1877   clip: rect(1px, 1px, 1px, 1px);
    1878   clip-path: inset(50%);
    1879   height: 1px;
    1880   margin: -1px;
    1881   overflow: hidden;
    1882   padding: 0;
    1883   position: absolute !important;
    1884   width: 1px;
    1885   word-wrap: normal !important;
    1886   /* Many screen reader and browser combinations announce broken words as they would appear visually. */
    1887 }
    1888 
    1889 .screen-reader-text:focus {
    1890   background-color: #f1f1f1;
    1891   border-radius: 3px;
    1892   box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    1893   clip: auto !important;
    1894   clip-path: none;
    1895   color: #21759b;
    1896   display: block;
    1897   font-size: 14px;
    1898   font-size: 0.875rem;
    1899   font-weight: bold;
    1900   height: auto;
    1901   left: 5px;
    1902   line-height: normal;
    1903   padding: 15px 23px 14px;
    1904   text-decoration: none;
    1905   top: 5px;
    1906   width: auto;
    1907   z-index: 100000;
    1908   /* Above WP toolbar. */
    1909 }
    1910 
    1911 /* Do not show the outline on the skip link target. */
    1912 #content[tabindex="-1"]:focus {
    1913   outline: 0;
    1914 }
    1915 
    1916 /* Alignments */
    1917 .alignleft {
    1918   /*rtl:ignore*/
    1919   float: left;
    1920   /*rtl:ignore*/
    1921   margin-right: 1rem;
    1922 }
    1923 
    1924 @media only screen and (min-width: 768px) {
    1925   .alignleft {
    1926     /*rtl:ignore*/
    1927     margin-right: calc(2 * 1rem);
    1928   }
    1929 }
    1930 
    1931 .alignright {
    1932   /*rtl:ignore*/
    1933   float: right;
    1934   /*rtl:ignore*/
    1935   margin-left: 1rem;
    1936 }
    1937 
    1938 @media only screen and (min-width: 768px) {
    1939   .alignright {
    1940     /*rtl:ignore*/
    1941     margin-left: calc(2 * 1rem);
    1942   }
    1943 }
    1944 
    1945 .aligncenter {
    1946   clear: both;
    1947   display: block;
    1948   margin-left: auto;
    1949   margin-right: auto;
    1950 }
    1951 
    1952 /* Clearings */
    1953 .clear:before,
    1954 .clear:after,
    1955 .entry-content:before,
    1956 .entry-content:after,
    1957 .comment-content:before,
    1958 .comment-content:after,
    1959 .site-header:before,
    1960 .site-header:after,
    1961 .site-content:before,
    1962 .site-content:after,
    1963 .site-footer:before,
    1964 .site-footer:after {
    1965   content: "";
    1966   display: table;
    1967   table-layout: fixed;
    1968 }
    1969 
    1970 .clear:after,
    1971 .entry-content:after,
    1972 .comment-content:after,
    1973 .site-header:after,
    1974 .site-content:after,
    1975 .site-footer:after {
    1976   clear: both;
    1977 }
    1978 
    1979 /* Layout */
    1980 /** === Layout === */
    1981 #page {
    1982   width: 100%;
    1983 }
    1984 
    1985 .site-content {
    1986   overflow: hidden;
    1987 }
    1988 
    1989 /* Content */
    1990 /*--------------------------------------------------------------
    1991 ## Header
    1992 --------------------------------------------------------------*/
    1993 .site-header {
    1994   padding: 1em;
    1995 }
    1996 
    1997 .site-header.featured-image {
    1998   display: flex;
    1999   flex-direction: column;
    2000   justify-content: space-between;
    2001   min-height: 90vh;
    2002 }
    2003 
    2004 .site-header.featured-image .site-branding-container {
    2005   margin-bottom: auto;
    2006 }
    2007 
    2008 @media only screen and (min-width: 768px) {
    2009   .site-header {
    2010     margin: 0;
    2011     padding: 3rem 0;
    2012   }
    2013   .site-header.featured-image {
    2014     min-height: 100vh;
    2015     margin-bottom: 3rem;
    2016   }
    2017 }
    2018 
    2019 .site-branding {
    2020   color: #767676;
    2021   position: relative;
    2022 }
    2023 
    2024 @media only screen and (min-width: 768px) {
    2025   .site-branding {
    2026     margin: 0 calc(10% + 60px);
    2027   }
    2028 }
    2029 
    2030 .site-logo {
    2031   position: relative;
    2032   z-index: 999;
    2033   margin-bottom: calc(.66 * 1rem);
    2034 }
    2035 
    2036 @media only screen and (min-width: 768px) {
    2037   .site-logo {
    2038     margin-bottom: 0;
    2039     position: absolute;
    2040     right: calc(100% + (1.25 * 1rem));
    2041     top: 4px;
    2042     z-index: 999;
    2043   }
    2044 }
    2045 
    2046 .site-logo .custom-logo-link {
    2047   border-radius: 100%;
    2048   box-sizing: content-box;
    2049   box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    2050   display: block;
    2051   width: 50px;
    2052   height: 50px;
    2053   overflow: hidden;
    2054   transition: box-shadow 200ms ease-in-out;
    2055 }
    2056 
    2057 .site-logo .custom-logo-link .custom-logo {
    2058   min-height: inherit;
    2059 }
    2060 
    2061 .site-logo .custom-logo-link:hover, .site-logo .custom-logo-link:active, .site-logo .custom-logo-link:focus {
    2062   box-shadow: 0 0 0 2px black;
    2063 }
    2064 
    2065 @media only screen and (min-width: 768px) {
    2066   .site-logo .custom-logo-link {
    2067     width: 64px;
    2068     height: 64px;
    2069   }
    2070 }
    2071 
    2072 .site-title {
    2073   margin: auto;
    2074   display: inline;
    2075   color: #111;
    2076   /* When there is no description set, make sure navigation appears below title. */
    2077 }
    2078 
    2079 .site-title a {
    2080   color: #111;
    2081 }
    2082 
    2083 .site-title a:link, .site-title a:visited {
    2084   color: #111;
    2085 }
    2086 
    2087 .site-title a:hover {
    2088   color: #4a4a4a;
    2089 }
    2090 
    2091 .featured-image .site-title {
    2092   margin: 0;
    2093 }
    2094 
    2095 @media only screen and (min-width: 768px) {
    2096   .featured-image .site-title {
    2097     display: inline-block;
    2098   }
    2099 }
    2100 
    2101 .site-title + .main-navigation {
    2102   display: block;
    2103 }
    2104 
    2105 @media only screen and (min-width: 768px) {
    2106   .site-title {
    2107     display: inline;
    2108   }
    2109 }
    2110 
    2111 .site-title:not(:empty) + .site-description:not(:empty):before {
    2112   content: "\2014";
    2113   margin: 0 .2em;
    2114 }
    2115 
    2116 .site-description {
    2117   display: inline;
    2118   color: #767676;
    2119   font-weight: normal;
    2120   margin: 0;
    2121 }
    2122 
    2123 .site-header.featured-image {
    2124   /* Hide overflow for overflowing featured image */
    2125   overflow: hidden;
    2126   /* Need relative positioning to properly align layers. */
    2127   position: relative;
    2128   /* Add text shadow to text, to increase readability. */
    2129   text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
    2130   /* Set white text color when featured image is set. */
    2131   /* add focus state to social media icons */
    2132   /* Entry header */
    2133   /* Custom Logo Link */
    2134   /* Make sure important elements are above pseudo elements used for effects. */
    2135   /* Set up image filter layer positioning */
    2136   /* Background & Effects */
    2137   /* Shared background settings between pseudo elements. */
    2138   background-position: center;
    2139   background-repeat: no-repeat;
    2140   background-size: cover;
    2141   /* The intensity of each blend mode is controlled via layer opacity. */
    2142   /* Second layer: screen. */
    2143   /* Third layer: multiply. */
    2144   /* When image filters are inactive, a black overlay is added. */
    2145   /* Fourth layer: overlay. */
    2146   /* Fifth layer: readability overlay */
    2147 }
    2148 
    2149 .site-header.featured-image .site-branding .site-title,
    2150 .site-header.featured-image .site-branding .site-description,
    2151 .site-header.featured-image .main-navigation a:after,
    2152 .site-header.featured-image .main-navigation .main-menu > li.menu-item-has-children:after,
    2153 .site-header.featured-image .main-navigation li,
    2154 .site-header.featured-image .social-navigation li,
    2155 .site-header.featured-image .entry-meta,
    2156 .site-header.featured-image .entry-title {
    2157   color: #fff;
    2158 }
    2159 
    2160 .site-header.featured-image .main-navigation a,
    2161 .site-header.featured-image .main-navigation a + svg,
    2162 .site-header.featured-image .social-navigation a,
    2163 .site-header.featured-image .site-title a,
    2164 .site-header.featured-image .site-featured-image a {
    2165   color: #fff;
    2166   transition: opacity 110ms ease-in-out;
    2167 }
    2168 
    2169 .site-header.featured-image .main-navigation a:hover, .site-header.featured-image .main-navigation a:active,
    2170 .site-header.featured-image .main-navigation a:hover + svg,
    2171 .site-header.featured-image .main-navigation a:active + svg,
    2172 .site-header.featured-image .main-navigation a + svg:hover,
    2173 .site-header.featured-image .main-navigation a + svg:active,
    2174 .site-header.featured-image .main-navigation a + svg:hover + svg,
    2175 .site-header.featured-image .main-navigation a + svg:active + svg,
    2176 .site-header.featured-image .social-navigation a:hover,
    2177 .site-header.featured-image .social-navigation a:active,
    2178 .site-header.featured-image .social-navigation a:hover + svg,
    2179 .site-header.featured-image .social-navigation a:active + svg,
    2180 .site-header.featured-image .site-title a:hover,
    2181 .site-header.featured-image .site-title a:active,
    2182 .site-header.featured-image .site-title a:hover + svg,
    2183 .site-header.featured-image .site-title a:active + svg,
    2184 .site-header.featured-image .site-featured-image a:hover,
    2185 .site-header.featured-image .site-featured-image a:active,
    2186 .site-header.featured-image .site-featured-image a:hover + svg,
    2187 .site-header.featured-image .site-featured-image a:active + svg {
    2188   color: #fff;
    2189   opacity: 0.6;
    2190 }
    2191 
    2192 .site-header.featured-image .main-navigation a:focus,
    2193 .site-header.featured-image .main-navigation a:focus + svg,
    2194 .site-header.featured-image .main-navigation a + svg:focus,
    2195 .site-header.featured-image .main-navigation a + svg:focus + svg,
    2196 .site-header.featured-image .social-navigation a:focus,
    2197 .site-header.featured-image .social-navigation a:focus + svg,
    2198 .site-header.featured-image .site-title a:focus,
    2199 .site-header.featured-image .site-title a:focus + svg,
    2200 .site-header.featured-image .site-featured-image a:focus,
    2201 .site-header.featured-image .site-featured-image a:focus + svg {
    2202   color: #fff;
    2203 }
    2204 
    2205 .site-header.featured-image .main-navigation .sub-menu a {
    2206   opacity: inherit;
    2207 }
    2208 
    2209 .site-header.featured-image .social-navigation a:focus {
    2210   color: #fff;
    2211   opacity: 1;
    2212   border-bottom: 1px solid #fff;
    2213 }
    2214 
    2215 .site-header.featured-image .social-navigation svg,
    2216 .site-header.featured-image .site-featured-image svg {
    2217   /* Use -webkit- only if supporting: Chrome < 54, iOS < 9.3, Android < 4.4.4 */
    2218   -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.35));
    2219   filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.35));
    2220 }
    2221 
    2222 .site-header.featured-image .site-featured-image {
    2223   /* First layer: grayscale. */
    2224 }
    2225 
    2226 .site-header.featured-image .site-featured-image .post-thumbnail img {
    2227   height: auto;
    2228   left: 50%;
    2229   max-width: 1000%;
    2230   min-height: 100%;
    2231   min-width: 100vw;
    2232   position: absolute;
    2233   top: 50%;
    2234   transform: translateX(-50%) translateY(-50%);
    2235   width: auto;
    2236   z-index: 1;
    2237   /* When image filters are active, make it grayscale to colorize it blue. */
    2238 }
    2239 
    2240 @supports (object-fit: cover) {
    2241   .site-header.featured-image .site-featured-image .post-thumbnail img {
    2242     height: 100%;
    2243     left: 0;
    2244     object-fit: cover;
    2245     top: 0;
    2246     transform: none;
    2247     width: 100%;
    2248   }
    2249 }
    2250 
    2251 .image-filters-enabled .site-header.featured-image .site-featured-image .post-thumbnail img {
    2252   filter: grayscale(100%);
    2253 }
    2254 
    2255 .site-header.featured-image .site-featured-image .entry-header {
    2256   margin-top: calc( 4 * 1rem);
    2257   margin-bottom: 0;
    2258   margin-left: 0;
    2259   margin-right: 0;
    2260   /* Entry meta */
    2261 }
    2262 
    2263 @media only screen and (min-width: 768px) {
    2264   .site-header.featured-image .site-featured-image .entry-header {
    2265     margin-left: calc(10% + 60px);
    2266     margin-right: calc(10% + 60px);
    2267   }
    2268 }
    2269 
    2270 .site-header.featured-image .site-featured-image .entry-header .entry-title:before {
    2271   background: #fff;
    2272 }
    2273 
    2274 .site-header.featured-image .site-featured-image .entry-header .entry-meta {
    2275   font-weight: 500;
    2276 }
    2277 
    2278 .site-header.featured-image .site-featured-image .entry-header .entry-meta > span {
    2279   margin-right: 1rem;
    2280   display: inline-block;
    2281 }
    2282 
    2283 .site-header.featured-image .site-featured-image .entry-header .entry-meta > span:last-child {
    2284   margin-right: 0;
    2285 }
    2286 
    2287 .site-header.featured-image .site-featured-image .entry-header .entry-meta a {
    2288   transition: color 110ms ease-in-out;
    2289   color: currentColor;
    2290 }
    2291 
    2292 .site-header.featured-image .site-featured-image .entry-header .entry-meta a:hover {
    2293   text-decoration: none;
    2294 }
    2295 
    2296 .site-header.featured-image .site-featured-image .entry-header .entry-meta .svg-icon {
    2297   position: relative;
    2298   display: inline-block;
    2299   vertical-align: middle;
    2300   margin-right: 0.5em;
    2301 }
    2302 
    2303 .site-header.featured-image .site-featured-image .entry-header .entry-meta .discussion-avatar-list {
    2304   display: none;
    2305 }
    2306 
    2307 @media only screen and (min-width: 768px) {
    2308   .site-header.featured-image .site-featured-image .entry-header.has-discussion .entry-meta {
    2309     display: flex;
    2310     position: relative;
    2311   }
    2312   .site-header.featured-image .site-featured-image .entry-header.has-discussion .entry-title {
    2313     padding-right: calc(1 * (100vw / 12) + 1rem);
    2314   }
    2315   .site-header.featured-image .site-featured-image .entry-header.has-discussion .entry-meta .comment-count {
    2316     position: absolute;
    2317     right: 0;
    2318   }
    2319   .site-header.featured-image .site-featured-image .entry-header.has-discussion .entry-meta .discussion-avatar-list {
    2320     display: block;
    2321     position: absolute;
    2322     bottom: 100%;
    2323   }
    2324 }
    2325 
    2326 .site-header.featured-image .custom-logo-link {
    2327   background: #fff;
    2328   box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    2329 }
    2330 
    2331 .site-header.featured-image .custom-logo-link:hover, .site-header.featured-image .custom-logo-link:active, .site-header.featured-image .custom-logo-link:focus {
    2332   box-shadow: 0 0 0 2px white;
    2333 }
    2334 
    2335 .site-header.featured-image .site-branding {
    2336   position: relative;
    2337   z-index: 10;
    2338 }
    2339 
    2340 .site-header.featured-image .site-featured-image .entry-header {
    2341   position: relative;
    2342   z-index: 9;
    2343 }
    2344 
    2345 .site-header.featured-image .site-branding-container:after,
    2346 .site-header.featured-image .site-featured-image:before,
    2347 .site-header.featured-image .site-featured-image:after, .site-header.featured-image:after {
    2348   display: block;
    2349   position: absolute;
    2350   top: 0;
    2351   left: 0;
    2352   content: "\020";
    2353   width: 100%;
    2354   height: 100%;
    2355 }
    2356 
    2357 .image-filters-enabled .site-header.featured-image .site-featured-image:before {
    2358   background: #0073aa;
    2359   mix-blend-mode: screen;
    2360   opacity: 0.1;
    2361 }
    2362 
    2363 .site-header.featured-image .site-featured-image:after {
    2364   background: #000;
    2365   mix-blend-mode: multiply;
    2366   opacity: .7;
    2367   /* When image filters are active, a blue overlay is added. */
    2368 }
    2369 
    2370 .image-filters-enabled .site-header.featured-image .site-featured-image:after {
    2371   background: #0073aa;
    2372   opacity: .8;
    2373   z-index: 3;
    2374   /* Browsers supporting mix-blend-mode don't need opacity < 1 */
    2375 }
    2376 
    2377 @supports (mix-blend-mode: multiply) {
    2378   .image-filters-enabled .site-header.featured-image .site-featured-image:after {
    2379     opacity: 1;
    2380   }
    2381 }
    2382 
    2383 .image-filters-enabled .site-header.featured-image .site-branding-container:after {
    2384   background: rgba(0, 0, 0, 0.35);
    2385   mix-blend-mode: overlay;
    2386   opacity: 0.5;
    2387   z-index: 4;
    2388   /* Browsers supporting mix-blend-mode can have a light overlay */
    2389 }
    2390 
    2391 @supports (mix-blend-mode: overlay) {
    2392   .image-filters-enabled .site-header.featured-image .site-branding-container:after {
    2393     background: rgba(255, 255, 255, 0.35);
    2394   }
    2395 }
    2396 
    2397 .site-header.featured-image:after {
    2398   background: #000;
    2399   /**
    2400                  * Add a transition to the readability overlay, to add a subtle
    2401                  * but smooth effect when resizing the screen.
    2402                  */
    2403   transition: opacity 1200ms ease-in-out;
    2404   opacity: 0.7;
    2405   z-index: 5;
    2406   /* When image filters are active, a blue overlay is added. */
    2407 }
    2408 
    2409 .image-filters-enabled .site-header.featured-image:after {
    2410   background: #000e14;
    2411   opacity: 0.38;
    2412 }
    2413 
    2414 @media only screen and (min-width: 768px) {
    2415   .image-filters-enabled .site-header.featured-image:after {
    2416     opacity: 0.18;
    2417   }
    2418 }
    2419 
    2420 .site-header.featured-image ::-moz-selection {
    2421   background: rgba(255, 255, 255, 0.17);
    2422 }
    2423 
    2424 .site-header.featured-image ::selection {
    2425   background: rgba(255, 255, 255, 0.17);
    2426 }
    2427 
    2428 /*--------------------------------------------------------------
    2429 ## Posts and pages
    2430 --------------------------------------------------------------*/
    2431 .sticky {
    2432   display: block;
    2433 }
    2434 
    2435 .sticky-post {
    2436   background: #0073aa;
    2437   color: #fff;
    2438   display: inline-block;
    2439   font-weight: bold;
    2440   line-height: 1;
    2441   padding: .25rem;
    2442   position: absolute;
    2443   text-transform: uppercase;
    2444   top: -1rem;
    2445   z-index: 1;
    2446 }
    2447 
    2448 .updated:not(.published) {
    2449   display: none;
    2450 }
    2451 
    2452 .page-links {
    2453   clear: both;
    2454   margin: 0 0 calc(1.5 * 1rem);
    2455 }
    2456 
    2457 .entry {
    2458   margin-top: calc(6 * 1rem);
    2459 }
    2460 
    2461 .entry:first-of-type {
    2462   margin-top: 0;
    2463 }
    2464 
    2465 .entry .entry-header {
    2466   margin: calc(3 * 1rem) 1rem 1rem;
    2467   position: relative;
    2468 }
    2469 
    2470 @media only screen and (min-width: 768px) {
    2471   .entry .entry-header {
    2472     margin: calc(3 * 1rem) calc(10% + 60px) 1rem;
    2473   }
    2474 }
    2475 
    2476 .entry .entry-title {
    2477   margin: 0;
    2478 }
    2479 
    2480 .entry .entry-title:before {
    2481   background: #767676;
    2482   content: "\020";
    2483   display: block;
    2484   height: 2px;
    2485   margin: 1rem 0;
    2486   width: 1em;
    2487 }
    2488 
    2489 .entry .entry-title a {
    2490   color: inherit;
    2491 }
    2492 
    2493 .entry .entry-title a:hover {
    2494   color: #4a4a4a;
    2495 }
    2496 
    2497 .entry .entry-meta,
    2498 .entry .entry-footer {
    2499   color: #767676;
    2500   font-weight: 500;
    2501 }
    2502 
    2503 .entry .entry-meta > span,
    2504 .entry .entry-footer > span {
    2505   margin-right: 1rem;
    2506   display: inline-block;
    2507 }
    2508 
    2509 .entry .entry-meta > span:last-child,
    2510 .entry .entry-footer > span:last-child {
    2511   margin-right: 0;
    2512 }
    2513 
    2514 .entry .entry-meta a,
    2515 .entry .entry-footer a {
    2516   transition: color 110ms ease-in-out;
    2517   color: currentColor;
    2518 }
    2519 
    2520 .entry .entry-meta a:hover,
    2521 .entry .entry-footer a:hover {
    2522   text-decoration: none;
    2523   color: #0073aa;
    2524 }
    2525 
    2526 .entry .entry-meta .svg-icon,
    2527 .entry .entry-footer .svg-icon {
    2528   position: relative;
    2529   display: inline-block;
    2530   vertical-align: middle;
    2531   margin-right: 0.5em;
    2532 }
    2533 
    2534 .entry .entry-meta {
    2535   margin: 1rem 0;
    2536 }
    2537 
    2538 .entry .entry-footer {
    2539   margin: calc(2 * 1rem) 1rem 1rem;
    2540 }
    2541 
    2542 @media only screen and (min-width: 768px) {
    2543   .entry .entry-footer {
    2544     margin: 1rem calc(10% + 60px) calc(3 * 1rem);
    2545     max-width: calc(8 * (100vw / 12) - 28px);
    2546   }
    2547 }
    2548 
    2549 @media only screen and (min-width: 768px) {
    2550   .entry .entry-footer {
    2551     max-width: calc(6 * (100vw / 12) - 28px);
    2552   }
    2553 }
    2554 
    2555 .entry .post-thumbnail {
    2556   margin: 1rem;
    2557 }
    2558 
    2559 @media only screen and (min-width: 768px) {
    2560   .entry .post-thumbnail {
    2561     margin: 1rem calc(10% + 60px);
    2562   }
    2563 }
    2564 
    2565 .entry .post-thumbnail:focus {
    2566   outline: none;
    2567 }
    2568 
    2569 .entry .post-thumbnail .post-thumbnail-inner {
    2570   display: block;
    2571 }
    2572 
    2573 .entry .post-thumbnail .post-thumbnail-inner img {
    2574   position: relative;
    2575   display: block;
    2576   width: 100%;
    2577 }
    2578 
    2579 .image-filters-enabled .entry .post-thumbnail {
    2580   position: relative;
    2581   display: block;
    2582 }
    2583 
    2584 .image-filters-enabled .entry .post-thumbnail .post-thumbnail-inner {
    2585   filter: grayscale(100%);
    2586 }
    2587 
    2588 .image-filters-enabled .entry .post-thumbnail .post-thumbnail-inner:after {
    2589   background: rgba(0, 0, 0, 0.35);
    2590   content: "";
    2591   display: block;
    2592   height: 100%;
    2593   opacity: .5;
    2594   pointer-events: none;
    2595   position: absolute;
    2596   top: 0;
    2597   width: 100%;
    2598   z-index: 4;
    2599 }
    2600 
    2601 @supports (mix-blend-mode: multiply) {
    2602   .image-filters-enabled .entry .post-thumbnail .post-thumbnail-inner:after {
    2603     display: none;
    2604   }
    2605 }
    2606 
    2607 .image-filters-enabled .entry .post-thumbnail:before, .image-filters-enabled .entry .post-thumbnail:after {
    2608   position: absolute;
    2609   display: block;
    2610   width: 100%;
    2611   height: 100%;
    2612   top: 0;
    2613   left: 0;
    2614   content: "\020";
    2615   pointer-events: none;
    2616 }
    2617 
    2618 .image-filters-enabled .entry .post-thumbnail:before {
    2619   background: #0073aa;
    2620   mix-blend-mode: screen;
    2621   opacity: 0.1;
    2622   z-index: 2;
    2623 }
    2624 
    2625 .image-filters-enabled .entry .post-thumbnail:after {
    2626   background: #0073aa;
    2627   mix-blend-mode: multiply;
    2628   opacity: .8;
    2629   z-index: 3;
    2630   /* Browsers supporting mix-blend-mode don't need opacity < 1 */
    2631 }
    2632 
    2633 @supports (mix-blend-mode: multiply) {
    2634   .image-filters-enabled .entry .post-thumbnail:after {
    2635     opacity: 1;
    2636   }
    2637 }
    2638 
    2639 .entry .entry-content,
    2640 .entry .entry-summary {
    2641   max-width: calc(100% - (2 * 1rem));
    2642   margin: 0 1rem;
    2643 }
    2644 
    2645 @media only screen and (min-width: 768px) {
    2646   .entry .entry-content,
    2647   .entry .entry-summary {
    2648     max-width: 80%;
    2649     margin: 0 10%;
    2650     padding: 0 60px;
    2651   }
    2652 }
    2653 
    2654 .entry .entry-content p {
    2655   word-wrap: break-word;
    2656 }
    2657 
    2658 .entry .entry-content .more-link {
    2659   transition: color 110ms ease-in-out;
    2660   display: inline;
    2661   color: inherit;
    2662 }
    2663 
    2664 .entry .entry-content .more-link:after {
    2665   content: "\02192";
    2666   display: inline-block;
    2667   margin-left: 0.5em;
    2668 }
    2669 
    2670 .entry .entry-content .more-link:hover {
    2671   color: #0073aa;
    2672   text-decoration: none;
    2673 }
    2674 
    2675 .entry .entry-content a {
    2676   text-decoration: underline;
    2677 }
    2678 
    2679 .entry .entry-content a.button, .entry .entry-content a:hover {
    2680   text-decoration: none;
    2681 }
    2682 
    2683 .entry .entry-content a.button {
    2684   display: inline-block;
    2685 }
    2686 
    2687 .entry .entry-content a.button:hover {
    2688   background: #111;
    2689   color: #fff;
    2690   cursor: pointer;
    2691 }
    2692 
    2693 .entry .entry-content > iframe[style] {
    2694   margin: 32px 0 !important;
    2695   max-width: 100% !important;
    2696 }
    2697 
    2698 @media only screen and (min-width: 768px) {
    2699   .entry .entry-content > iframe[style] {
    2700     max-width: calc(8 * (100vw / 12) - 28px) !important;
    2701   }
    2702 }
    2703 
    2704 @media only screen and (min-width: 1168px) {
    2705   .entry .entry-content > iframe[style] {
    2706     max-width: calc(6 * (100vw / 12) - 28px) !important;
    2707   }
    2708 }
    2709 
    2710 .entry .entry-content .page-links a {
    2711   margin: calc(0.5 * 1rem);
    2712   text-decoration: none;
    2713 }
    2714 
    2715 .entry .entry-content .wp-audio-shortcode {
    2716   max-width: calc(100vw - (2 * 1rem));
    2717 }
    2718 
    2719 @media only screen and (min-width: 768px) {
    2720   .entry .entry-content .wp-audio-shortcode {
    2721     max-width: calc(8 * (100vw / 12) - 28px);
    2722   }
    2723 }
    2724 
    2725 @media only screen and (min-width: 1168px) {
    2726   .entry .entry-content .wp-audio-shortcode {
    2727     max-width: calc(6 * (100vw / 12) - 28px);
    2728   }
    2729 }
    2730 
    2731 /* Author description */
    2732 .author-bio {
    2733   margin: calc(2 * 1rem) 1rem 1rem;
    2734 }
    2735 
    2736 @media only screen and (min-width: 768px) {
    2737   .author-bio {
    2738     max-width: calc(8 * (100vw / 12) - 28px);
    2739   }
    2740 }
    2741 
    2742 @media only screen and (min-width: 1168px) {
    2743   .author-bio {
    2744     max-width: calc(6 * (100vw / 12) - 28px);
    2745   }
    2746 }
    2747 
    2748 @media only screen and (min-width: 768px) {
    2749   .author-bio {
    2750     margin: calc(3 * 1rem) calc(10% + 60px);
    2751   }
    2752 }
    2753 
    2754 @media only screen and (min-width: 1168px) {
    2755   .author-bio {
    2756     margin: calc(3 * 1rem) calc(10% + 60px);
    2757   }
    2758 }
    2759 
    2760 .author-bio .author-title {
    2761   display: inline;
    2762 }
    2763 
    2764 .author-bio .author-title:before {
    2765   background: #767676;
    2766   content: "\020";
    2767   display: block;
    2768   height: 2px;
    2769   margin: 1rem 0;
    2770   width: 1em;
    2771 }
    2772 
    2773 .author-bio .author-description {
    2774   display: inline;
    2775   color: #767676;
    2776   font-size: 1.125em;
    2777   line-height: 1.2;
    2778 }
    2779 
    2780 .author-bio .author-description .author-link {
    2781   display: inline-block;
    2782 }
    2783 
    2784 .author-bio .author-description .author-link:hover {
    2785   color: #005177;
    2786   text-decoration: none;
    2787 }
    2788 
    2789 /*--------------------------------------------------------------
    2790 ## Comments
    2791 --------------------------------------------------------------*/
    2792 .comment-content a {
    2793   word-wrap: break-word;
    2794 }
    2795 
    2796 .bypostauthor {
    2797   display: block;
    2798 }
    2799 
    2800 .comments-area {
    2801   margin: calc(2 * 1rem) 1rem;
    2802   /* Add extra margin when the comments section is located immediately after the
    2803          * post itself (this happens on pages).
    2804          */
    2805 }
    2806 
    2807 @media only screen and (min-width: 768px) {
    2808   .comments-area {
    2809     max-width: calc(8 * (100vw / 12) - 28px);
    2810   }
    2811 }
    2812 
    2813 @media only screen and (min-width: 1168px) {
    2814   .comments-area {
    2815     max-width: calc(6 * (100vw / 12) - 28px);
    2816   }
    2817 }
    2818 
    2819 @media only screen and (min-width: 768px) {
    2820   .comments-area {
    2821     margin: calc(3 * 1rem) calc(10% + 60px);
    2822   }
    2823 }
    2824 
    2825 .comments-area > * {
    2826   margin-top: calc(2 * 1rem);
    2827   margin-bottom: calc(2 * 1rem);
    2828 }
    2829 
    2830 @media only screen and (min-width: 768px) {
    2831   .comments-area > * {
    2832     margin-top: calc(3 * 1rem);
    2833     margin-bottom: calc(3 * 1rem);
    2834   }
    2835 }
    2836 
    2837 .entry + .comments-area {
    2838   margin-top: calc(3 * 1rem);
    2839 }
    2840 
    2841 @media only screen and (min-width: 768px) {
    2842   .comments-area .comments-title-wrap {
    2843     align-items: baseline;
    2844     display: flex;
    2845     justify-content: space-between;
    2846   }
    2847 }
    2848 
    2849 .comments-area .comments-title-wrap .comments-title {
    2850   margin: 0;
    2851 }
    2852 
    2853 .comments-area .comments-title-wrap .comments-title:before {
    2854   background: #767676;
    2855   content: "\020";
    2856   display: block;
    2857   height: 2px;
    2858   margin: 1rem 0;
    2859   width: 1em;
    2860 }
    2861 
    2862 @media only screen and (min-width: 768px) {
    2863   .comments-area .comments-title-wrap .comments-title {
    2864     flex: 1 0 calc(3 * (100vw / 12));
    2865   }
    2866 }
    2867 
    2868 @media only screen and (min-width: 768px) {
    2869   .comments-area .comments-title-wrap .discussion-meta {
    2870     flex: 0 0 calc(2 * (100vw / 12));
    2871     margin-left: 1rem;
    2872   }
    2873 }
    2874 
    2875 #comment {
    2876   max-width: 100%;
    2877   box-sizing: border-box;
    2878 }
    2879 
    2880 #respond {
    2881   position: relative;
    2882 }
    2883 
    2884 #respond .comment-user-avatar {
    2885   margin: 1rem 0 -1rem;
    2886 }
    2887 
    2888 #respond .comment .comment-form {
    2889   padding-left: 0;
    2890 }
    2891 
    2892 #respond > small {
    2893   display: block;
    2894   font-size: 22px;
    2895   position: absolute;
    2896   left: calc(1rem + 100%);
    2897   top: calc(-3.5 * 1rem);
    2898   width: calc(100vw / 12);
    2899 }
    2900 
    2901 #comments > .comments-title:last-child {
    2902   display: none;
    2903 }
    2904 
    2905 .comment-form-flex {
    2906   display: flex;
    2907   flex-direction: column;
    2908 }
    2909 
    2910 .comment-form-flex .comments-title {
    2911   display: none;
    2912   margin: 0;
    2913   order: 1;
    2914 }
    2915 
    2916 .comment-form-flex #respond {
    2917   order: 2;
    2918 }
    2919 
    2920 .comment-form-flex #respond + .comments-title {
    2921   display: block;
    2922 }
    2923 
    2924 .comment-list {
    2925   list-style: none;
    2926   padding: 0;
    2927 }
    2928 
    2929 .comment-list .children {
    2930   margin: 0;
    2931   padding: 0 0 0 1rem;
    2932 }
    2933 
    2934 .comment-list > .comment:first-child {
    2935   margin-top: 0;
    2936 }
    2937 
    2938 .comment-list .pingback .comment-body,
    2939 .comment-list .trackback .comment-body {
    2940   color: #767676;
    2941   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    2942   font-size: 0.71111em;
    2943   font-weight: 500;
    2944   margin-top: 1rem;
    2945   margin-bottom: 1rem;
    2946 }
    2947 
    2948 .comment-list .pingback .comment-body a:not(.comment-edit-link),
    2949 .comment-list .trackback .comment-body a:not(.comment-edit-link) {
    2950   font-weight: bold;
    2951   font-size: 19.55556px;
    2952   line-height: 1.5;
    2953   padding-right: 0.5rem;
    2954   display: block;
    2955 }
    2956 
    2957 .comment-list .pingback .comment-body .comment-edit-link,
    2958 .comment-list .trackback .comment-body .comment-edit-link {
    2959   color: #767676;
    2960   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    2961   font-weight: 500;
    2962 }
    2963 
    2964 #respond + .comment-reply {
    2965   display: none;
    2966 }
    2967 
    2968 .comment-reply .comment-reply-link {
    2969   display: inline-block;
    2970 }
    2971 
    2972 .comment {
    2973   list-style: none;
    2974   position: relative;
    2975 }
    2976 
    2977 @media only screen and (min-width: 768px) {
    2978   .comment {
    2979     padding-left: calc(.5 * (1rem + calc(100vw / 12 )));
    2980   }
    2981   .comment.depth-1,
    2982   .comment .children {
    2983     padding-left: 0;
    2984   }
    2985   .comment.depth-1 {
    2986     margin-left: calc(3.25 * 1rem);
    2987   }
    2988 }
    2989 
    2990 .comment .comment-body {
    2991   margin: calc(2 * 1rem) 0 0;
    2992 }
    2993 
    2994 .comment .comment-meta {
    2995   position: relative;
    2996 }
    2997 
    2998 .comment .comment-author .avatar {
    2999   float: left;
    3000   margin-right: 1rem;
    3001   position: relative;
    3002 }
    3003 
    3004 @media only screen and (min-width: 768px) {
    3005   .comment .comment-author .avatar {
    3006     float: inherit;
    3007     margin-right: inherit;
    3008     position: absolute;
    3009     top: 0;
    3010     right: calc(100% + 1rem);
    3011   }
    3012 }
    3013 
    3014 .comment .comment-author .fn {
    3015   position: relative;
    3016   display: block;
    3017 }
    3018 
    3019 .comment .comment-author .fn a {
    3020   color: inherit;
    3021 }
    3022 
    3023 .comment .comment-author .fn a:hover {
    3024   color: #005177;
    3025 }
    3026 
    3027 .comment .comment-author .post-author-badge {
    3028   border-radius: 100%;
    3029   display: block;
    3030   height: 18px;
    3031   position: absolute;
    3032   background: #008fd3;
    3033   right: calc(100% - 2.5rem);
    3034   top: -3px;
    3035   width: 18px;
    3036 }
    3037 
    3038 @media only screen and (min-width: 768px) {
    3039   .comment .comment-author .post-author-badge {
    3040     right: calc(100% + 0.75rem);
    3041   }
    3042 }
    3043 
    3044 .comment .comment-author .post-author-badge svg {
    3045   width: inherit;
    3046   height: inherit;
    3047   display: block;
    3048   fill: white;
    3049   transform: scale(0.875);
    3050 }
    3051 
    3052 .comment .comment-metadata > a,
    3053 .comment .comment-metadata .comment-edit-link {
    3054   display: inline;
    3055   font-weight: 500;
    3056   color: #767676;
    3057   vertical-align: baseline;
    3058 }
    3059 
    3060 .comment .comment-metadata > a time,
    3061 .comment .comment-metadata .comment-edit-link time {
    3062   vertical-align: baseline;
    3063 }
    3064 
    3065 .comment .comment-metadata > a:hover,
    3066 .comment .comment-metadata .comment-edit-link:hover {
    3067   color: #005177;
    3068   text-decoration: none;
    3069 }
    3070 
    3071 .comment .comment-metadata > * {
    3072   display: inline-block;
    3073 }
    3074 
    3075 .comment .comment-metadata .edit-link-sep {
    3076   color: #767676;
    3077   margin: 0 0.2em;
    3078   vertical-align: baseline;
    3079 }
    3080 
    3081 .comment .comment-metadata .edit-link {
    3082   color: #767676;
    3083 }
    3084 
    3085 .comment .comment-metadata .edit-link svg {
    3086   transform: scale(0.8);
    3087   vertical-align: baseline;
    3088   margin-right: 0.1em;
    3089 }
    3090 
    3091 .comment .comment-metadata .comment-edit-link {
    3092   position: relative;
    3093   padding-left: 1rem;
    3094   margin-left: -1rem;
    3095   z-index: 1;
    3096 }
    3097 
    3098 .comment .comment-metadata .comment-edit-link:hover {
    3099   color: #0073aa;
    3100 }
    3101 
    3102 .comment .comment-content {
    3103   margin: 1rem 0;
    3104 }
    3105 
    3106 @media only screen and (min-width: 1168px) {
    3107   .comment .comment-content {
    3108     padding-right: 1rem;
    3109   }
    3110 }
    3111 
    3112 .comment .comment-content > *:first-child {
    3113   margin-top: 0;
    3114 }
    3115 
    3116 .comment .comment-content > *:last-child {
    3117   margin-bottom: 0;
    3118 }
    3119 
    3120 .comment .comment-content blockquote {
    3121   margin-left: 0;
    3122 }
    3123 
    3124 .comment .comment-content a {
    3125   text-decoration: underline;
    3126 }
    3127 
    3128 .comment .comment-content a:hover {
    3129   text-decoration: none;
    3130 }
    3131 
    3132 .comment-reply-link,
    3133 #cancel-comment-reply-link {
    3134   font-weight: 500;
    3135 }
    3136 
    3137 .comment-reply-link:hover,
    3138 #cancel-comment-reply-link:hover {
    3139   color: #005177;
    3140 }
    3141 
    3142 .discussion-avatar-list {
    3143   content: "";
    3144   display: table;
    3145   table-layout: fixed;
    3146   margin: 0;
    3147   padding: 0;
    3148 }
    3149 
    3150 .discussion-avatar-list li {
    3151   position: relative;
    3152   list-style: none;
    3153   margin: 0 -8px 0 0;
    3154   padding: 0;
    3155   float: left;
    3156 }
    3157 
    3158 .discussion-avatar-list .comment-user-avatar img {
    3159   height: calc(1.5 * 1rem);
    3160   width: calc(1.5 * 1rem);
    3161 }
    3162 
    3163 .discussion-meta .discussion-meta-info {
    3164   margin: 0;
    3165 }
    3166 
    3167 .discussion-meta .discussion-meta-info .svg-icon {
    3168   vertical-align: middle;
    3169   fill: currentColor;
    3170   transform: scale(0.6) scaleX(-1) translateY(-0.1em);
    3171   margin-left: -0.25rem;
    3172 }
    3173 
    3174 .comment-form .comment-notes,
    3175 .comment-form label {
    3176   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    3177   font-size: 0.71111em;
    3178   color: #767676;
    3179 }
    3180 
    3181 @media only screen and (min-width: 768px) {
    3182   .comment-form .comment-form-author,
    3183   .comment-form .comment-form-email {
    3184     width: calc(50% - 0.5rem);
    3185     float: left;
    3186   }
    3187 }
    3188 
    3189 @media only screen and (min-width: 768px) {
    3190   .comment-form .comment-form-email {
    3191     margin-left: 1rem;
    3192   }
    3193 }
    3194 
    3195 .comment-form input[name="author"],
    3196 .comment-form input[name="email"],
    3197 .comment-form input[name="url"] {
    3198   display: block;
    3199   width: 100%;
    3200 }
    3201 
    3202 /*--------------------------------------------------------------
    3203 ## Archives
    3204 --------------------------------------------------------------*/
    3205 .archive .page-header,
    3206 .search .page-header,
    3207 .error404 .page-header {
    3208   margin: 1rem 1rem calc(3 * 1rem);
    3209 }
    3210 
    3211 @media only screen and (min-width: 768px) {
    3212   .archive .page-header,
    3213   .search .page-header,
    3214   .error404 .page-header {
    3215     margin: 0 calc(10% + 60px) calc(10% + 60px);
    3216   }
    3217 }
    3218 
    3219 .archive .page-header .page-title,
    3220 .search .page-header .page-title,
    3221 .error404 .page-header .page-title {
    3222   color: #767676;
    3223   display: inline;
    3224   letter-spacing: normal;
    3225 }
    3226 
    3227 .archive .page-header .page-title:before,
    3228 .search .page-header .page-title:before,
    3229 .error404 .page-header .page-title:before {
    3230   display: none;
    3231 }
    3232 
    3233 .archive .page-header .search-term,
    3234 .archive .page-header .page-description,
    3235 .search .page-header .search-term,
    3236 .search .page-header .page-description,
    3237 .error404 .page-header .search-term,
    3238 .error404 .page-header .page-description {
    3239   display: inherit;
    3240   clear: both;
    3241 }
    3242 
    3243 .archive .page-header .search-term:after,
    3244 .archive .page-header .page-description:after,
    3245 .search .page-header .search-term:after,
    3246 .search .page-header .page-description:after,
    3247 .error404 .page-header .search-term:after,
    3248 .error404 .page-header .page-description:after {
    3249   content: ".";
    3250   font-weight: bold;
    3251   color: #767676;
    3252 }
    3253 
    3254 .archive .page-header .page-description {
    3255   display: block;
    3256   color: #111;
    3257   font-size: 1em;
    3258 }
    3259 
    3260 @media only screen and (min-width: 768px) {
    3261   .hfeed .entry .entry-header {
    3262     margin: calc(3 * 1rem) calc(10% + 60px) calc(1rem / 2);
    3263   }
    3264 }
    3265 
    3266 /* 404 & Not found */
    3267 .error-404.not-found .page-content,
    3268 .no-results.not-found .page-content {
    3269   margin: calc(3 * 1rem) 1rem;
    3270 }
    3271 
    3272 @media only screen and (min-width: 768px) {
    3273   .error-404.not-found .page-content,
    3274   .no-results.not-found .page-content {
    3275     margin: calc(3 * 1rem) calc(10% + 60px) calc(1rem / 2);
    3276   }
    3277 }
    3278 
    3279 .error-404.not-found .search-submit,
    3280 .no-results.not-found .search-submit {
    3281   vertical-align: middle;
    3282   margin: 1rem 0;
    3283 }
    3284 
    3285 .error-404.not-found .search-field,
    3286 .no-results.not-found .search-field {
    3287   width: 100%;
    3288 }
    3289 
    3290 /*--------------------------------------------------------------
    3291 ## Footer
    3292 --------------------------------------------------------------*/
    3293 /* Site footer */
    3294 #colophon .widget-area,
    3295 #colophon .site-info {
    3296   margin: calc(2 * 1rem) 1rem;
    3297 }
    3298 
    3299 @media only screen and (min-width: 768px) {
    3300   #colophon .widget-area,
    3301   #colophon .site-info {
    3302     margin: calc(3 * 1rem) calc(10% + 60px);
    3303   }
    3304 }
    3305 
    3306 #colophon .widget-column {
    3307   display: flex;
    3308   flex-wrap: wrap;
    3309 }
    3310 
    3311 #colophon .widget-column .widget {
    3312   width: 100%;
    3313 }
    3314 
    3315 @media only screen and (min-width: 1168px) {
    3316   #colophon .widget-column .widget {
    3317     margin-right: calc(3 * 1rem);
    3318     width: calc(50% - (3 * 1rem));
    3319   }
    3320 }
    3321 
    3322 #colophon .site-info {
    3323   color: #767676;
    3324 }
    3325 
    3326 #colophon .site-info a {
    3327   color: inherit;
    3328 }
    3329 
    3330 #colophon .site-info a:hover {
    3331   text-decoration: none;
    3332   color: #0073aa;
    3333 }
    3334 
    3335 #colophon .site-info .imprint,
    3336 #colophon .site-info .privacy-policy-link {
    3337   margin-right: 1rem;
    3338 }
    3339 
    3340 /* Widgets */
    3341 .widget {
    3342   margin: 0 0 1rem;
    3343   /* Make sure select elements fit in widgets. */
    3344 }
    3345 
    3346 .widget select {
    3347   max-width: 100%;
    3348 }
    3349 
    3350 .widget a {
    3351   color: #0073aa;
    3352 }
    3353 
    3354 .widget a:hover {
    3355   color: #005177;
    3356 }
    3357 
    3358 .widget_archive ul,
    3359 .widget_categories ul,
    3360 .widget_meta ul,
    3361 .widget_nav_menu ul,
    3362 .widget_pages ul,
    3363 .widget_recent_comments ul,
    3364 .widget_recent_entries ul,
    3365 .widget_rss ul {
    3366   padding: 0;
    3367   list-style: none;
    3368 }
    3369 
    3370 .widget_archive ul li,
    3371 .widget_categories ul li,
    3372 .widget_meta ul li,
    3373 .widget_nav_menu ul li,
    3374 .widget_pages ul li,
    3375 .widget_recent_comments ul li,
    3376 .widget_recent_entries ul li,
    3377 .widget_rss ul li {
    3378   color: #767676;
    3379   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    3380   font-size: calc(22px * 1.125);
    3381   font-weight: 700;
    3382   line-height: 1.2;
    3383   margin-top: 0.5rem;
    3384   margin-bottom: 0.5rem;
    3385 }
    3386 
    3387 .widget_archive ul ul,
    3388 .widget_categories ul ul,
    3389 .widget_meta ul ul,
    3390 .widget_nav_menu ul ul,
    3391 .widget_pages ul ul,
    3392 .widget_recent_comments ul ul,
    3393 .widget_recent_entries ul ul,
    3394 .widget_rss ul ul {
    3395   counter-reset: submenu;
    3396 }
    3397 
    3398 .widget_archive ul ul > li > a::before,
    3399 .widget_categories ul ul > li > a::before,
    3400 .widget_meta ul ul > li > a::before,
    3401 .widget_nav_menu ul ul > li > a::before,
    3402 .widget_pages ul ul > li > a::before,
    3403 .widget_recent_comments ul ul > li > a::before,
    3404 .widget_recent_entries ul ul > li > a::before,
    3405 .widget_rss ul ul > li > a::before {
    3406   font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
    3407   font-weight: normal;
    3408   content: "– " counters(submenu, "– ", none);
    3409   counter-increment: submenu;
    3410 }
    3411 
    3412 .widget_tag_cloud .tagcloud {
    3413   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    3414   font-weight: 700;
    3415 }
    3416 
    3417 .widget_search .search-field {
    3418   width: 100%;
    3419 }
    3420 
    3421 @media only screen and (min-width: 600px) {
    3422   .widget_search .search-field {
    3423     width: auto;
    3424   }
    3425 }
    3426 
    3427 .widget_search .search-submit {
    3428   display: block;
    3429   margin-top: 1rem;
    3430 }
    3431 
    3432 .widget_calendar .calendar_wrap {
    3433   text-align: center;
    3434 }
    3435 
    3436 .widget_calendar .calendar_wrap table td,
    3437 .widget_calendar .calendar_wrap table th {
    3438   border: none;
    3439 }
    3440 
    3441 .widget_calendar .calendar_wrap a {
    3442   text-decoration: underline;
    3443 }
    3444 
    3445 /* Blocks */
    3446 /* !Block styles */
    3447 .entry .entry-content > *,
    3448 .entry .entry-summary > * {
    3449   margin: 32px 0;
    3450   max-width: 100%;
    3451 }
    3452 
    3453 @media only screen and (min-width: 768px) {
    3454   .entry .entry-content > *,
    3455   .entry .entry-summary > * {
    3456     max-width: calc(8 * (100vw / 12) - 28px);
    3457   }
    3458 }
    3459 
    3460 @media only screen and (min-width: 1168px) {
    3461   .entry .entry-content > *,
    3462   .entry .entry-summary > * {
    3463     max-width: calc(6 * (100vw / 12) - 28px);
    3464   }
    3465 }
    3466 
    3467 @media only screen and (min-width: 768px) {
    3468   .entry .entry-content > *,
    3469   .entry .entry-summary > * {
    3470     margin: 32px 0;
    3471   }
    3472 }
    3473 
    3474 .entry .entry-content > * > *:first-child,
    3475 .entry .entry-summary > * > *:first-child {
    3476   margin-top: 0;
    3477 }
    3478 
    3479 .entry .entry-content > * > *:last-child,
    3480 .entry .entry-summary > * > *:last-child {
    3481   margin-bottom: 0;
    3482 }
    3483 
    3484 .entry .entry-content > *.alignwide,
    3485 .entry .entry-summary > *.alignwide {
    3486   margin-left: auto;
    3487   margin-right: auto;
    3488   clear: both;
    3489 }
    3490 
    3491 @media only screen and (min-width: 768px) {
    3492   .entry .entry-content > *.alignwide,
    3493   .entry .entry-summary > *.alignwide {
    3494     width: 100%;
    3495     max-width: 100%;
    3496   }
    3497 }
    3498 
    3499 .entry .entry-content > *.alignfull,
    3500 .entry .entry-summary > *.alignfull {
    3501   position: relative;
    3502   left: -1rem;
    3503   width: calc( 100% + (2 * 1rem));
    3504   max-width: calc( 100% + (2 * 1rem));
    3505   clear: both;
    3506 }
    3507 
    3508 @media only screen and (min-width: 768px) {
    3509   .entry .entry-content > *.alignfull,
    3510   .entry .entry-summary > *.alignfull {
    3511     margin-top: calc(2 * 1rem);
    3512     margin-bottom: calc(2 * 1rem);
    3513     left: calc( -12.5% - 75px);
    3514     width: calc( 125% + 150px);
    3515     max-width: calc( 125% + 150px);
    3516   }
    3517 }
    3518 
    3519 .entry .entry-content > *.alignleft,
    3520 .entry .entry-summary > *.alignleft {
    3521   /*rtl:ignore*/
    3522   float: left;
    3523   max-width: calc(5 * (100vw / 12));
    3524   margin-top: 0;
    3525   margin-left: 0;
    3526   /*rtl:ignore*/
    3527   margin-right: 1rem;
    3528 }
    3529 
    3530 @media only screen and (min-width: 768px) {
    3531   .entry .entry-content > *.alignleft,
    3532   .entry .entry-summary > *.alignleft {
    3533     max-width: calc(4 * (100vw / 12));
    3534     /*rtl:ignore*/
    3535     margin-right: calc(2 * 1rem);
    3536   }
    3537 }
    3538 
    3539 .entry .entry-content > *.alignright,
    3540 .entry .entry-summary > *.alignright {
    3541   /*rtl:ignore*/
    3542   float: right;
    3543   max-width: calc(5 * (100vw / 12));
    3544   margin-top: 0;
    3545   margin-right: 0;
    3546   /*rtl:ignore*/
    3547   margin-left: 1rem;
    3548 }
    3549 
    3550 @media only screen and (min-width: 768px) {
    3551   .entry .entry-content > *.alignright,
    3552   .entry .entry-summary > *.alignright {
    3553     max-width: calc(4 * (100vw / 12));
    3554     margin-right: 0;
    3555     /*rtl:ignore*/
    3556     margin-left: calc(2 * 1rem);
    3557   }
    3558 }
    3559 
    3560 .entry .entry-content > *.aligncenter,
    3561 .entry .entry-summary > *.aligncenter {
    3562   margin-left: auto;
    3563   margin-right: auto;
    3564 }
    3565 
    3566 @media only screen and (min-width: 768px) {
    3567   .entry .entry-content > *.aligncenter,
    3568   .entry .entry-summary > *.aligncenter {
    3569     max-width: calc(8 * (100vw / 12) - 28px);
    3570   }
    3571 }
    3572 
    3573 @media only screen and (min-width: 1168px) {
    3574   .entry .entry-content > *.aligncenter,
    3575   .entry .entry-summary > *.aligncenter {
    3576     max-width: calc(6 * (100vw / 12) - 28px);
    3577   }
    3578 }
    3579 
    3580 @media only screen and (min-width: 768px) {
    3581   .entry .entry-content > *.aligncenter,
    3582   .entry .entry-summary > *.aligncenter {
    3583     margin-left: 0;
    3584     margin-right: 0;
    3585   }
    3586 }
    3587 
    3588 /*
    3589  * Unset nested content selector styles
    3590  * - Prevents layout styles from cascading too deeply
    3591  * - helps with plugin compatibility
    3592  */
    3593 .entry .entry-content .entry-content,
    3594 .entry .entry-content .entry-summary,
    3595 .entry .entry-content .entry,
    3596 .entry .entry-summary .entry-content,
    3597 .entry .entry-summary .entry-summary,
    3598 .entry .entry-summary .entry {
    3599   margin: inherit;
    3600   max-width: inherit;
    3601   padding: inherit;
    3602 }
    3603 
    3604 @media only screen and (min-width: 768px) {
    3605   .entry .entry-content .entry-content,
    3606   .entry .entry-content .entry-summary,
    3607   .entry .entry-content .entry,
    3608   .entry .entry-summary .entry-content,
    3609   .entry .entry-summary .entry-summary,
    3610   .entry .entry-summary .entry {
    3611     margin: inherit;
    3612     max-width: inherit;
    3613     padding: inherit;
    3614   }
    3615 }
    3616 
    3617 .entry .entry-content p.has-background {
    3618   padding: 20px 30px;
    3619 }
    3620 
    3621 .entry .entry-content .wp-block-audio {
    3622   width: 100%;
    3623 }
    3624 
    3625 .entry .entry-content .wp-block-audio audio {
    3626   width: 100%;
    3627 }
    3628 
    3629 .entry .entry-content .wp-block-audio.alignleft audio,
    3630 .entry .entry-content .wp-block-audio.alignright audio {
    3631   max-width: 198px;
    3632 }
    3633 
    3634 @media only screen and (min-width: 768px) {
    3635   .entry .entry-content .wp-block-audio.alignleft audio,
    3636   .entry .entry-content .wp-block-audio.alignright audio {
    3637     max-width: 384px;
    3638   }
    3639 }
    3640 
    3641 @media only screen and (min-width: 1379px) {
    3642   .entry .entry-content .wp-block-audio.alignleft audio,
    3643   .entry .entry-content .wp-block-audio.alignright audio {
    3644     max-width: 385.44px;
    3645   }
    3646 }
    3647 
    3648 .entry .entry-content .wp-block-video video {
    3649   width: 100%;
    3650 }
    3651 
    3652 .entry .entry-content .wp-block-button .wp-block-button__link {
    3653   transition: background 150ms ease-in-out;
    3654   border: none;
    3655   font-size: 0.88889em;
    3656   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    3657   line-height: 1.2;
    3658   box-sizing: border-box;
    3659   font-weight: bold;
    3660   text-decoration: none;
    3661   padding: 0.76rem 1rem;
    3662   outline: none;
    3663   outline: none;
    3664 }
    3665 
    3666 .entry .entry-content .wp-block-button .wp-block-button__link:not(.has-background) {
    3667   background-color: #0073aa;
    3668 }
    3669 
    3670 .entry .entry-content .wp-block-button .wp-block-button__link:not(.has-text-color) {
    3671   color: white;
    3672 }
    3673 
    3674 .entry .entry-content .wp-block-button .wp-block-button__link:hover {
    3675   color: white;
    3676   background: #111;
    3677   cursor: pointer;
    3678 }
    3679 
    3680 .entry .entry-content .wp-block-button .wp-block-button__link:focus {
    3681   color: white;
    3682   background: #111;
    3683   outline: thin dotted;
    3684   outline-offset: -4px;
    3685 }
    3686 
    3687 .entry .entry-content .wp-block-button:not(.is-style-squared) .wp-block-button__link {
    3688   border-radius: 5px;
    3689 }
    3690 
    3691 .entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link,
    3692 .entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:focus,
    3693 .entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:active {
    3694   transition: all 150ms ease-in-out;
    3695   border-width: 2px;
    3696   border-style: solid;
    3697 }
    3698 
    3699 .entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background),
    3700 .entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:focus:not(.has-background),
    3701 .entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:active:not(.has-background) {
    3702   background: transparent;
    3703 }
    3704 
    3705 .entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color),
    3706 .entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:focus:not(.has-text-color),
    3707 .entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:active:not(.has-text-color) {
    3708   color: #0073aa;
    3709   border-color: currentColor;
    3710 }
    3711 
    3712 .entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:hover {
    3713   color: white;
    3714   border-color: #111;
    3715 }
    3716 
    3717 .entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:hover:not(.has-background) {
    3718   color: #111;
    3719 }
    3720 
    3721 .entry .entry-content .wp-block-archives,
    3722 .entry .entry-content .wp-block-categories,
    3723 .entry .entry-content .wp-block-latest-posts {
    3724   padding: 0;
    3725   list-style: none;
    3726 }
    3727 
    3728 .entry .entry-content .wp-block-archives li,
    3729 .entry .entry-content .wp-block-categories li,
    3730 .entry .entry-content .wp-block-latest-posts li {
    3731   color: #767676;
    3732   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    3733   font-size: calc(22px * 1.125);
    3734   font-weight: bold;
    3735   line-height: 1.2;
    3736   padding-bottom: 0.75rem;
    3737 }
    3738 
    3739 .entry .entry-content .wp-block-archives li.menu-item-has-children, .entry .entry-content .wp-block-archives li:last-child,
    3740 .entry .entry-content .wp-block-categories li.menu-item-has-children,
    3741 .entry .entry-content .wp-block-categories li:last-child,
    3742 .entry .entry-content .wp-block-latest-posts li.menu-item-has-children,
    3743 .entry .entry-content .wp-block-latest-posts li:last-child {
    3744   padding-bottom: 0;
    3745 }
    3746 
    3747 .entry .entry-content .wp-block-archives li a,
    3748 .entry .entry-content .wp-block-categories li a,
    3749 .entry .entry-content .wp-block-latest-posts li a {
    3750   text-decoration: none;
    3751 }
    3752 
    3753 .entry .entry-content .wp-block-archives.aligncenter,
    3754 .entry .entry-content .wp-block-categories.aligncenter {
    3755   text-align: center;
    3756 }
    3757 
    3758 .entry .entry-content .wp-block-categories ul {
    3759   padding-top: 0.75rem;
    3760 }
    3761 
    3762 .entry .entry-content .wp-block-categories li ul {
    3763   list-style: none;
    3764   padding-left: 0;
    3765 }
    3766 
    3767 .entry .entry-content .wp-block-categories ul {
    3768   counter-reset: submenu;
    3769 }
    3770 
    3771 .entry .entry-content .wp-block-categories ul > li > a::before {
    3772   font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
    3773   font-weight: normal;
    3774   content: "– " counters(submenu, "– ", none);
    3775   counter-increment: submenu;
    3776 }
    3777 
    3778 .entry .entry-content .wp-block-latest-posts.is-grid li {
    3779   border-top: 2px solid #ccc;
    3780   padding-top: 1rem;
    3781   margin-bottom: 2rem;
    3782 }
    3783 
    3784 .entry .entry-content .wp-block-latest-posts.is-grid li a:after {
    3785   content: '';
    3786 }
    3787 
    3788 .entry .entry-content .wp-block-latest-posts.is-grid li:last-child {
    3789   margin-bottom: auto;
    3790 }
    3791 
    3792 .entry .entry-content .wp-block-latest-posts.is-grid li:last-child a:after {
    3793   content: '';
    3794 }
    3795 
    3796 .entry .entry-content .wp-block-preformatted {
    3797   font-size: 0.71111em;
    3798   line-height: 1.8;
    3799   padding: 1rem;
    3800 }
    3801 
    3802 .entry .entry-content .wp-block-verse {
    3803   font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
    3804   font-size: 22px;
    3805   line-height: 1.8;
    3806 }
    3807 
    3808 .entry .entry-content .has-drop-cap:not(:focus):first-letter {
    3809   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    3810   font-size: 3.375em;
    3811   line-height: 1;
    3812   font-weight: bold;
    3813   margin: 0 0.25em 0 0;
    3814 }
    3815 
    3816 .entry .entry-content .wp-block-pullquote {
    3817   border-color: transparent;
    3818   border-width: 2px;
    3819   padding: 1rem;
    3820 }
    3821 
    3822 .entry .entry-content .wp-block-pullquote blockquote {
    3823   color: #111;
    3824   border: none;
    3825   margin-top: calc(4 * 1rem);
    3826   margin-bottom: calc(4.33 * 1rem);
    3827   margin-right: 0;
    3828   padding-left: 0;
    3829 }
    3830 
    3831 .entry .entry-content .wp-block-pullquote p {
    3832   font-size: 1.6875em;
    3833   font-style: italic;
    3834   line-height: 1.3;
    3835   margin-bottom: 0.5em;
    3836   margin-top: 0.5em;
    3837 }
    3838 
    3839 .entry .entry-content .wp-block-pullquote p em {
    3840   font-style: normal;
    3841 }
    3842 
    3843 @media only screen and (min-width: 768px) {
    3844   .entry .entry-content .wp-block-pullquote p {
    3845     font-size: 2.25em;
    3846   }
    3847 }
    3848 
    3849 .entry .entry-content .wp-block-pullquote cite {
    3850   display: inline-block;
    3851   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    3852   line-height: 1.6;
    3853   text-transform: none;
    3854   color: #767676;
    3855   /*
    3856                          * This requires a rem-based font size calculation instead of our normal em-based one,
    3857                          * because the cite tag sometimes gets wrapped in a p tag. This is equivalent to $font-size_xs.
    3858                          */
    3859   font-size: calc(1rem / (1.25 * 1.125));
    3860 }
    3861 
    3862 .entry .entry-content .wp-block-pullquote.alignleft, .entry .entry-content .wp-block-pullquote.alignright {
    3863   width: 100%;
    3864   padding: 0;
    3865 }
    3866 
    3867 .entry .entry-content .wp-block-pullquote.alignleft blockquote, .entry .entry-content .wp-block-pullquote.alignright blockquote {
    3868   margin: 1rem 0;
    3869   padding: 0;
    3870   text-align: left;
    3871   max-width: 100%;
    3872 }
    3873 
    3874 .entry .entry-content .wp-block-pullquote.alignleft blockquote p:first-child, .entry .entry-content .wp-block-pullquote.alignright blockquote p:first-child {
    3875   margin-top: 0;
    3876 }
    3877 
    3878 .entry .entry-content .wp-block-pullquote.is-style-solid-color {
    3879   background-color: #0073aa;
    3880   padding-left: 0;
    3881   padding-right: 0;
    3882 }
    3883 
    3884 @media only screen and (min-width: 768px) {
    3885   .entry .entry-content .wp-block-pullquote.is-style-solid-color {
    3886     padding-left: 10%;
    3887     padding-right: 10%;
    3888   }
    3889 }
    3890 
    3891 .entry .entry-content .wp-block-pullquote.is-style-solid-color p {
    3892   font-size: 1.6875em;
    3893   line-height: 1.3;
    3894   margin-bottom: 0.5em;
    3895   margin-top: 0.5em;
    3896 }
    3897 
    3898 @media only screen and (min-width: 768px) {
    3899   .entry .entry-content .wp-block-pullquote.is-style-solid-color p {
    3900     font-size: 2.25em;
    3901   }
    3902 }
    3903 
    3904 .entry .entry-content .wp-block-pullquote.is-style-solid-color a {
    3905   color: #fff;
    3906 }
    3907 
    3908 .entry .entry-content .wp-block-pullquote.is-style-solid-color cite {
    3909   color: inherit;
    3910 }
    3911 
    3912 .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote {
    3913   max-width: 100%;
    3914   color: #fff;
    3915   padding-left: 0;
    3916   margin-left: 1rem;
    3917   margin-right: 1rem;
    3918 }
    3919 
    3920 .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-text-color p,
    3921 .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-text-color a, .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-primary-color, .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-secondary-color, .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-dark-gray-color, .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-light-gray-color, .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-white-color {
    3922   color: inherit;
    3923 }
    3924 
    3925 @media only screen and (min-width: 768px) {
    3926   .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote {
    3927     margin-left: 0;
    3928     margin-right: 0;
    3929   }
    3930 }
    3931 
    3932 @media only screen and (min-width: 768px) {
    3933   .entry .entry-content .wp-block-pullquote.is-style-solid-color.alignright, .entry .entry-content .wp-block-pullquote.is-style-solid-color.alignleft {
    3934     padding: 1rem calc(2 * 1rem);
    3935   }
    3936 }
    3937 
    3938 @media only screen and (min-width: 768px) {
    3939   .entry .entry-content .wp-block-pullquote.is-style-solid-color.alignfull {
    3940     padding-left: calc(10% + 58px + (2 * 1rem));
    3941     padding-right: calc(10% + 58px + (2 * 1rem));
    3942   }
    3943 }
    3944 
    3945 .entry .entry-content .wp-block-quote:not(.is-large), .entry .entry-content .wp-block-quote:not(.is-style-large) {
    3946   border-left: 2px solid #0073aa;
    3947   padding-top: 0;
    3948   padding-bottom: 0;
    3949 }
    3950 
    3951 .entry .entry-content .wp-block-quote p {
    3952   font-size: 1em;
    3953   font-style: normal;
    3954   line-height: 1.8;
    3955 }
    3956 
    3957 .entry .entry-content .wp-block-quote cite {
    3958   /*
    3959                          * This requires a rem-based font size calculation instead of our normal em-based one,
    3960                          * because the cite tag sometimes gets wrapped in a p tag. This is equivalent to $font-size_xs.
    3961                          */
    3962   font-size: calc(1rem / (1.25 * 1.125));
    3963 }
    3964 
    3965 .entry .entry-content .wp-block-quote.is-large, .entry .entry-content .wp-block-quote.is-style-large {
    3966   margin: 1rem 0;
    3967   padding: 0;
    3968   border-left: none;
    3969 }
    3970 
    3971 .entry .entry-content .wp-block-quote.is-large p, .entry .entry-content .wp-block-quote.is-style-large p {
    3972   font-size: 1.6875em;
    3973   line-height: 1.4;
    3974   font-style: italic;
    3975 }
    3976 
    3977 .entry .entry-content .wp-block-quote.is-large cite,
    3978 .entry .entry-content .wp-block-quote.is-large footer, .entry .entry-content .wp-block-quote.is-style-large cite,
    3979 .entry .entry-content .wp-block-quote.is-style-large footer {
    3980   /*
    3981                                  * This requires a rem-based font size calculation instead of our normal em-based one,
    3982                                  * because the cite tag sometimes gets wrapped in a p tag. This is equivalent to $font-size_xs.
    3983                                  */
    3984   font-size: calc(1rem / (1.25 * 1.125));
    3985 }
    3986 
    3987 @media only screen and (min-width: 768px) {
    3988   .entry .entry-content .wp-block-quote.is-large, .entry .entry-content .wp-block-quote.is-style-large {
    3989     margin: 1rem 0;
    3990     padding: 1rem 0;
    3991   }
    3992   .entry .entry-content .wp-block-quote.is-large p, .entry .entry-content .wp-block-quote.is-style-large p {
    3993     font-size: 1.6875em;
    3994   }
    3995 }
    3996 
    3997 .entry .entry-content .wp-block-image {
    3998   max-width: 100%;
    3999 }
    4000 
    4001 .entry .entry-content .wp-block-image img {
    4002   display: block;
    4003 }
    4004 
    4005 @media only screen and (min-width: 768px) {
    4006   .entry .entry-content .wp-block-image .aligncenter {
    4007     max-width: calc(8 * (100vw / 12) - 28px);
    4008   }
    4009 }
    4010 
    4011 @media only screen and (min-width: 1168px) {
    4012   .entry .entry-content .wp-block-image .aligncenter {
    4013     max-width: calc(6 * (100vw / 12) - 28px);
    4014   }
    4015 }
    4016 
    4017 @media only screen and (min-width: 768px) {
    4018   .entry .entry-content .wp-block-image .aligncenter {
    4019     margin: 0;
    4020     width: calc(8 * (100vw / 12) - 28px);
    4021   }
    4022   .entry .entry-content .wp-block-image .aligncenter img {
    4023     margin: 0 auto;
    4024   }
    4025 }
    4026 
    4027 @media only screen and (min-width: 1168px) {
    4028   .entry .entry-content .wp-block-image .aligncenter {
    4029     width: calc(6 * (100vw / 12) - 28px);
    4030   }
    4031   .entry .entry-content .wp-block-image .aligncenter img {
    4032     margin: 0 auto;
    4033   }
    4034 }
    4035 
    4036 .entry .entry-content .wp-block-image.alignfull img {
    4037   width: 100vw;
    4038   max-width: calc( 100% + (2 * 1rem));
    4039 }
    4040 
    4041 @media only screen and (min-width: 768px) {
    4042   .entry .entry-content .wp-block-image.alignfull img {
    4043     max-width: calc( 125% + 150px);
    4044     margin-left: auto;
    4045     margin-right: auto;
    4046   }
    4047 }
    4048 
    4049 .entry .entry-content .wp-block-cover-image,
    4050 .entry .entry-content .wp-block-cover {
    4051   position: relative;
    4052   min-height: 430px;
    4053   padding: 1rem;
    4054 }
    4055 
    4056 @media only screen and (min-width: 768px) {
    4057   .entry .entry-content .wp-block-cover-image,
    4058   .entry .entry-content .wp-block-cover {
    4059     padding: 1rem 10%;
    4060   }
    4061 }
    4062 
    4063 .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text,
    4064 .entry .entry-content .wp-block-cover-image .wp-block-cover-text,
    4065 .entry .entry-content .wp-block-cover-image h2,
    4066 .entry .entry-content .wp-block-cover .wp-block-cover-image-text,
    4067 .entry .entry-content .wp-block-cover .wp-block-cover-text,
    4068 .entry .entry-content .wp-block-cover h2 {
    4069   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    4070   font-size: 1.6875em;
    4071   font-weight: bold;
    4072   line-height: 1.25;
    4073   padding: 0;
    4074   color: #fff;
    4075 }
    4076 
    4077 @media only screen and (min-width: 768px) {
    4078   .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text,
    4079   .entry .entry-content .wp-block-cover-image .wp-block-cover-text,
    4080   .entry .entry-content .wp-block-cover-image h2,
    4081   .entry .entry-content .wp-block-cover .wp-block-cover-image-text,
    4082   .entry .entry-content .wp-block-cover .wp-block-cover-text,
    4083   .entry .entry-content .wp-block-cover h2 {
    4084     font-size: 2.25em;
    4085     max-width: 100%;
    4086   }
    4087 }
    4088 
    4089 .entry .entry-content .wp-block-cover-image.alignleft, .entry .entry-content .wp-block-cover-image.alignright,
    4090 .entry .entry-content .wp-block-cover.alignleft,
    4091 .entry .entry-content .wp-block-cover.alignright {
    4092   width: 100%;
    4093 }
    4094 
    4095 @media only screen and (min-width: 768px) {
    4096   .entry .entry-content .wp-block-cover-image.alignleft, .entry .entry-content .wp-block-cover-image.alignright,
    4097   .entry .entry-content .wp-block-cover.alignleft,
    4098   .entry .entry-content .wp-block-cover.alignright {
    4099     padding: 1rem calc(2 * 1rem);
    4100   }
    4101 }
    4102 
    4103 @media only screen and (min-width: 768px) {
    4104   .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-image-text,
    4105   .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-text,
    4106   .entry .entry-content .wp-block-cover-image.alignfull h2,
    4107   .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-image-text,
    4108   .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-text,
    4109   .entry .entry-content .wp-block-cover.alignfull h2 {
    4110     max-width: calc(8 * (100vw / 12) - 28px);
    4111   }
    4112 }
    4113 
    4114 @media only screen and (min-width: 1168px) {
    4115   .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-image-text,
    4116   .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-text,
    4117   .entry .entry-content .wp-block-cover-image.alignfull h2,
    4118   .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-image-text,
    4119   .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-text,
    4120   .entry .entry-content .wp-block-cover.alignfull h2 {
    4121     max-width: calc(6 * (100vw / 12) - 28px);
    4122   }
    4123 }
    4124 
    4125 @media only screen and (min-width: 768px) {
    4126   .entry .entry-content .wp-block-cover-image.alignfull,
    4127   .entry .entry-content .wp-block-cover.alignfull {
    4128     padding-left: calc(10% + 58px + (2 * 1rem));
    4129     padding-right: calc(10% + 58px + (2 * 1rem));
    4130   }
    4131   .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-image-text,
    4132   .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-text,
    4133   .entry .entry-content .wp-block-cover-image.alignfull h2,
    4134   .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-image-text,
    4135   .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-text,
    4136   .entry .entry-content .wp-block-cover.alignfull h2 {
    4137     padding: 0;
    4138   }
    4139 }
    4140 
    4141 .entry .entry-content .wp-block-gallery {
    4142   list-style-type: none;
    4143   padding-left: 0;
    4144 }
    4145 
    4146 .entry .entry-content .wp-block-gallery .blocks-gallery-image:last-child,
    4147 .entry .entry-content .wp-block-gallery .blocks-gallery-item:last-child {
    4148   margin-bottom: 16px;
    4149 }
    4150 
    4151 .entry .entry-content .wp-block-gallery figcaption a {
    4152   color: #fff;
    4153 }
    4154 
    4155 .entry .entry-content .wp-block-audio figcaption,
    4156 .entry .entry-content .wp-block-video figcaption,
    4157 .entry .entry-content .wp-block-image figcaption,
    4158 .entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption,
    4159 .entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption {
    4160   font-size: 0.71111em;
    4161   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    4162   line-height: 1.6;
    4163   margin: 0;
    4164   padding: 0.5rem;
    4165   text-align: center;
    4166 }
    4167 
    4168 .entry .entry-content .wp-block-separator,
    4169 .entry .entry-content hr {
    4170   background-color: #767676;
    4171   border: 0;
    4172   height: 2px;
    4173   margin-bottom: 2rem;
    4174   margin-top: 2rem;
    4175   max-width: 2.25em;
    4176   text-align: left;
    4177   /* Remove duplicate rule-line when a separator
    4178                  * is followed by an H1, or H2 */
    4179 }
    4180 
    4181 .entry .entry-content .wp-block-separator.is-style-wide,
    4182 .entry .entry-content hr.is-style-wide {
    4183   max-width: 100%;
    4184 }
    4185 
    4186 @media only screen and (min-width: 768px) {
    4187   .entry .entry-content .wp-block-separator.is-style-wide,
    4188   .entry .entry-content hr.is-style-wide {
    4189     max-width: calc(8 * (100vw / 12) - 28px);
    4190   }
    4191 }
    4192 
    4193 @media only screen and (min-width: 1168px) {
    4194   .entry .entry-content .wp-block-separator.is-style-wide,
    4195   .entry .entry-content hr.is-style-wide {
    4196     max-width: calc(6 * (100vw / 12) - 28px);
    4197   }
    4198 }
    4199 
    4200 .entry .entry-content .wp-block-separator.is-style-dots,
    4201 .entry .entry-content hr.is-style-dots {
    4202   max-width: 100%;
    4203   background-color: inherit;
    4204   border: inherit;
    4205   height: inherit;
    4206   text-align: center;
    4207 }
    4208 
    4209 @media only screen and (min-width: 768px) {
    4210   .entry .entry-content .wp-block-separator.is-style-dots,
    4211   .entry .entry-content hr.is-style-dots {
    4212     max-width: calc(8 * (100vw / 12) - 28px);
    4213   }
    4214 }
    4215 
    4216 @media only screen and (min-width: 1168px) {
    4217   .entry .entry-content .wp-block-separator.is-style-dots,
    4218   .entry .entry-content hr.is-style-dots {
    4219     max-width: calc(6 * (100vw / 12) - 28px);
    4220   }
    4221 }
    4222 
    4223 .entry .entry-content .wp-block-separator.is-style-dots:before,
    4224 .entry .entry-content hr.is-style-dots:before {
    4225   color: #767676;
    4226   font-size: 1.6875em;
    4227   letter-spacing: 0.88889em;
    4228   padding-left: 0.88889em;
    4229 }
    4230 
    4231 .entry .entry-content .wp-block-separator + h1:before,
    4232 .entry .entry-content .wp-block-separator + h2:before,
    4233 .entry .entry-content hr + h1:before,
    4234 .entry .entry-content hr + h2:before {
    4235   display: none;
    4236 }
    4237 
    4238 .entry .entry-content .wp-block-embed-twitter {
    4239   word-break: break-word;
    4240 }
    4241 
    4242 .entry .entry-content .wp-block-table th,
    4243 .entry .entry-content .wp-block-table td {
    4244   border-color: #767676;
    4245 }
    4246 
    4247 .entry .entry-content .wp-block-file {
    4248   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    4249 }
    4250 
    4251 .entry .entry-content .wp-block-file .wp-block-file__button {
    4252   display: table;
    4253   transition: background 150ms ease-in-out;
    4254   border: none;
    4255   border-radius: 5px;
    4256   background: #0073aa;
    4257   font-size: 22px;
    4258   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    4259   line-height: 1.2;
    4260   text-decoration: none;
    4261   font-weight: bold;
    4262   padding: 0.75rem 1rem;
    4263   color: #fff;
    4264   margin-left: 0;
    4265   margin-top: calc(0.75 * 1rem);
    4266 }
    4267 
    4268 @media only screen and (min-width: 1168px) {
    4269   .entry .entry-content .wp-block-file .wp-block-file__button {
    4270     font-size: 22px;
    4271     padding: 0.875rem 1.5rem;
    4272   }
    4273 }
    4274 
    4275 .entry .entry-content .wp-block-file .wp-block-file__button:hover {
    4276   background: #111;
    4277   cursor: pointer;
    4278 }
    4279 
    4280 .entry .entry-content .wp-block-file .wp-block-file__button:focus {
    4281   background: #111;
    4282   outline: thin dotted;
    4283   outline-offset: -4px;
    4284 }
    4285 
    4286 .entry .entry-content .wp-block-code {
    4287   border-radius: 0;
    4288 }
    4289 
    4290 .entry .entry-content .wp-block-code code {
    4291   font-size: 1.125em;
    4292   white-space: pre-wrap;
    4293   word-break: break-word;
    4294 }
    4295 
    4296 .entry .entry-content .wp-block-columns.alignfull {
    4297   padding-left: 1rem;
    4298   padding-right: 1rem;
    4299 }
    4300 
    4301 @media only screen and (min-width: 600px) {
    4302   .entry .entry-content .wp-block-columns {
    4303     flex-wrap: nowrap;
    4304   }
    4305 }
    4306 
    4307 @media only screen and (min-width: 768px) {
    4308   .entry .entry-content .wp-block-columns .wp-block-column > *:first-child {
    4309     margin-top: 0;
    4310   }
    4311   .entry .entry-content .wp-block-columns .wp-block-column > *:last-child {
    4312     margin-bottom: 0;
    4313   }
    4314   .entry .entry-content .wp-block-columns[class*='has-'] > * {
    4315     margin-right: 1rem;
    4316   }
    4317   .entry .entry-content .wp-block-columns[class*='has-'] > *:last-child {
    4318     margin-right: 0;
    4319   }
    4320   .entry .entry-content .wp-block-columns.alignfull,
    4321   .entry .entry-content .wp-block-columns.alignfull .wp-block-column {
    4322     padding-left: calc(2 * 1rem);
    4323     padding-right: calc(2 * 1rem);
    4324   }
    4325 }
    4326 
    4327 .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta {
    4328   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    4329   font-weight: bold;
    4330 }
    4331 
    4332 .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-date {
    4333   font-weight: normal;
    4334 }
    4335 
    4336 .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment,
    4337 .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-date,
    4338 .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p {
    4339   font-size: inherit;
    4340 }
    4341 
    4342 .entry .entry-content .wp-block-latest-comments.has-dates .wp-block-latest-comments__comment-date {
    4343   font-size: 0.71111em;
    4344 }
    4345 
    4346 .entry .entry-content .has-small-font-size {
    4347   font-size: 0.88889em;
    4348 }
    4349 
    4350 .entry .entry-content .has-normal-font-size {
    4351   font-size: 1.125em;
    4352 }
    4353 
    4354 .entry .entry-content .has-large-font-size {
    4355   font-size: 1.6875em;
    4356 }
    4357 
    4358 .entry .entry-content .has-huge-font-size {
    4359   font-size: 2.25em;
    4360 }
    4361 
    4362 .entry .entry-content .has-primary-background-color,
    4363 .entry .entry-content .has-secondary-background-color,
    4364 .entry .entry-content .has-dark-gray-background-color,
    4365 .entry .entry-content .has-light-gray-background-color {
    4366   color: #fff;
    4367 }
    4368 
    4369 .entry .entry-content .has-primary-background-color p,
    4370 .entry .entry-content .has-primary-background-color h1,
    4371 .entry .entry-content .has-primary-background-color h2,
    4372 .entry .entry-content .has-primary-background-color h3,
    4373 .entry .entry-content .has-primary-background-color h4,
    4374 .entry .entry-content .has-primary-background-color h5,
    4375 .entry .entry-content .has-primary-background-color h6,
    4376 .entry .entry-content .has-primary-background-color a,
    4377 .entry .entry-content .has-secondary-background-color p,
    4378 .entry .entry-content .has-secondary-background-color h1,
    4379 .entry .entry-content .has-secondary-background-color h2,
    4380 .entry .entry-content .has-secondary-background-color h3,
    4381 .entry .entry-content .has-secondary-background-color h4,
    4382 .entry .entry-content .has-secondary-background-color h5,
    4383 .entry .entry-content .has-secondary-background-color h6,
    4384 .entry .entry-content .has-secondary-background-color a,
    4385 .entry .entry-content .has-dark-gray-background-color p,
    4386 .entry .entry-content .has-dark-gray-background-color h1,
    4387 .entry .entry-content .has-dark-gray-background-color h2,
    4388 .entry .entry-content .has-dark-gray-background-color h3,
    4389 .entry .entry-content .has-dark-gray-background-color h4,
    4390 .entry .entry-content .has-dark-gray-background-color h5,
    4391 .entry .entry-content .has-dark-gray-background-color h6,
    4392 .entry .entry-content .has-dark-gray-background-color a,
    4393 .entry .entry-content .has-light-gray-background-color p,
    4394 .entry .entry-content .has-light-gray-background-color h1,
    4395 .entry .entry-content .has-light-gray-background-color h2,
    4396 .entry .entry-content .has-light-gray-background-color h3,
    4397 .entry .entry-content .has-light-gray-background-color h4,
    4398 .entry .entry-content .has-light-gray-background-color h5,
    4399 .entry .entry-content .has-light-gray-background-color h6,
    4400 .entry .entry-content .has-light-gray-background-color a {
    4401   color: #fff;
    4402 }
    4403 
    4404 .entry .entry-content .has-white-background-color {
    4405   color: #111;
    4406 }
    4407 
    4408 .entry .entry-content .has-white-background-color p,
    4409 .entry .entry-content .has-white-background-color h1,
    4410 .entry .entry-content .has-white-background-color h2,
    4411 .entry .entry-content .has-white-background-color h3,
    4412 .entry .entry-content .has-white-background-color h4,
    4413 .entry .entry-content .has-white-background-color h5,
    4414 .entry .entry-content .has-white-background-color h6,
    4415 .entry .entry-content .has-white-background-color a {
    4416   color: #111;
    4417 }
    4418 
    4419 .entry .entry-content .has-primary-background-color,
    4420 .entry .entry-content .wp-block-pullquote.is-style-solid-color.has-primary-background-color {
    4421   background-color: #0073aa;
    4422 }
    4423 
    4424 .entry .entry-content .has-secondary-background-color,
    4425 .entry .entry-content .wp-block-pullquote.is-style-solid-color.has-secondary-background-color {
    4426   background-color: #005177;
    4427 }
    4428 
    4429 .entry .entry-content .has-dark-gray-background-color,
    4430 .entry .entry-content .wp-block-pullquote.is-style-solid-color.has-dark-gray-background-color {
    4431   background-color: #111;
    4432 }
    4433 
    4434 .entry .entry-content .has-light-gray-background-color,
    4435 .entry .entry-content .wp-block-pullquote.is-style-solid-color.has-light-gray-background-color {
    4436   background-color: #767676;
    4437 }
    4438 
    4439 .entry .entry-content .has-white-background-color,
    4440 .entry .entry-content .wp-block-pullquote.is-style-solid-color.has-white-background-color {
    4441   background-color: #FFF;
    4442 }
    4443 
    4444 .entry .entry-content .has-primary-color,
    4445 .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-primary-color,
    4446 .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-primary-color p {
    4447   color: #0073aa;
    4448 }
    4449 
    4450 .entry .entry-content .has-secondary-color,
    4451 .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-secondary-color,
    4452 .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-secondary-color p {
    4453   color: #005177;
    4454 }
    4455 
    4456 .entry .entry-content .has-dark-gray-color,
    4457 .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-dark-gray-color,
    4458 .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-dark-gray-color p {
    4459   color: #111;
    4460 }
    4461 
    4462 .entry .entry-content .has-light-gray-color,
    4463 .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-light-gray-color,
    4464 .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-light-gray-color p {
    4465   color: #767676;
    4466 }
    4467 
    4468 .entry .entry-content .has-white-color,
    4469 .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-white-color {
    4470   color: #FFF;
    4471 }
    4472 
    4473 /* Media */
    4474 .page-content .wp-smiley,
    4475 .entry-content .wp-smiley,
    4476 .comment-content .wp-smiley {
    4477   border: none;
    4478   margin-bottom: 0;
    4479   margin-top: 0;
    4480   padding: 0;
    4481 }
    4482 
    4483 embed,
    4484 iframe,
    4485 object {
    4486   max-width: 100%;
    4487 }
    4488 
    4489 .custom-logo-link {
    4490   display: inline-block;
    4491 }
    4492 
    4493 .avatar {
    4494   border-radius: 100%;
    4495   display: block;
    4496   height: calc(2.25 * 1rem);
    4497   min-height: inherit;
    4498   width: calc(2.25 * 1rem);
    4499 }
    4500 
    4501 svg {
    4502   transition: fill 120ms ease-in-out;
    4503   fill: currentColor;
    4504 }
    4505 
    4506 /*--------------------------------------------------------------
    4507 ## Captions
    4508 --------------------------------------------------------------*/
    4509 .wp-caption {
    4510   margin-bottom: calc(1.5 * 1rem);
    4511 }
    4512 
    4513 @media only screen and (min-width: 768px) {
    4514   .wp-caption.aligncenter {
    4515     position: relative;
    4516     left: calc( calc(8 * (100vw / 12) - 28px) / 2);
    4517     transform: translateX(-50%);
    4518   }
    4519 }
    4520 
    4521 @media only screen and (min-width: 1168px) {
    4522   .wp-caption.aligncenter {
    4523     left: calc( calc(6 * (100vw / 12) - 28px) / 2);
    4524   }
    4525 }
    4526 
    4527 .wp-caption img[class*="wp-image-"] {
    4528   display: block;
    4529   margin-left: auto;
    4530   margin-right: auto;
    4531 }
    4532 
    4533 .wp-caption-text {
    4534   color: #767676;
    4535   font-size: 0.71111em;
    4536   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    4537   line-height: 1.6;
    4538   margin: 0;
    4539   padding: 0.5rem;
    4540   text-align: center;
    4541 }
    4542 
    4543 /*--------------------------------------------------------------
    4544 ## Galleries
    4545 --------------------------------------------------------------*/
    4546 .gallery {
    4547   display: flex;
    4548   flex-flow: row wrap;
    4549   justify-content: center;
    4550   margin-bottom: calc(1.5 * 1rem);
    4551 }
    4552 
    4553 .gallery-item {
    4554   display: inline-block;
    4555   margin-right: 16px;
    4556   margin-bottom: 16px;
    4557   text-align: center;
    4558   vertical-align: top;
    4559   width: 100%;
    4560 }
    4561 
    4562 .gallery-columns-2 .gallery-item {
    4563   max-width: calc((100% - 16px * 1) / 2);
    4564 }
    4565 
    4566 .gallery-columns-2 .gallery-item:nth-of-type(2n+2) {
    4567   margin-right: 0;
    4568 }
    4569 
    4570 .gallery-columns-3 .gallery-item {
    4571   max-width: calc((100% - 16px * 2) / 3);
    4572 }
    4573 
    4574 .gallery-columns-3 .gallery-item:nth-of-type(3n+3) {
    4575   margin-right: 0;
    4576 }
    4577 
    4578 .gallery-columns-4 .gallery-item {
    4579   max-width: calc((100% - 16px * 3) / 4);
    4580 }
    4581 
    4582 .gallery-columns-4 .gallery-item:nth-of-type(4n+4) {
    4583   margin-right: 0;
    4584 }
    4585 
    4586 .gallery-columns-5 .gallery-item {
    4587   max-width: calc((100% - 16px * 4) / 5);
    4588 }
    4589 
    4590 .gallery-columns-5 .gallery-item:nth-of-type(5n+5) {
    4591   margin-right: 0;
    4592 }
    4593 
    4594 .gallery-columns-6 .gallery-item {
    4595   max-width: calc((100% - 16px * 5) / 6);
    4596 }
    4597 
    4598 .gallery-columns-6 .gallery-item:nth-of-type(6n+6) {
    4599   margin-right: 0;
    4600 }
    4601 
    4602 .gallery-columns-7 .gallery-item {
    4603   max-width: calc((100% - 16px * 6) / 7);
    4604 }
    4605 
    4606 .gallery-columns-7 .gallery-item:nth-of-type(7n+7) {
    4607   margin-right: 0;
    4608 }
    4609 
    4610 .gallery-columns-8 .gallery-item {
    4611   max-width: calc((100% - 16px * 7) / 8);
    4612 }
    4613 
    4614 .gallery-columns-8 .gallery-item:nth-of-type(8n+8) {
    4615   margin-right: 0;
    4616 }
    4617 
    4618 .gallery-columns-9 .gallery-item {
    4619   max-width: calc((100% - 16px * 8) / 9);
    4620 }
    4621 
    4622 .gallery-columns-9 .gallery-item:nth-of-type(9n+9) {
    4623   margin-right: 0;
    4624 }
    4625 
    4626 .gallery-item:last-of-type {
    4627   padding-right: 0;
    4628 }
    4629 
    4630 .gallery-caption {
    4631   display: block;
    4632   font-size: 0.71111em;
    4633   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    4634   line-height: 1.6;
    4635   margin: 0;
    4636   padding: 0.5rem;
    4637 }
    4638 
    4639 .gallery-item > div > a {
    4640   display: block;
    4641   line-height: 0;
    4642   box-shadow: 0 0 0 0 transparent;
    4643 }
    4644 
    4645 .gallery-item > div > a:focus {
    4646   box-shadow: 0 0 0 2px #0073aa;
    4647 }
     1@charset "UTF-8";
     2/*
     3Theme Name: Twenty Nineteen
     4Theme URI: https://github.com/WordPress/twentynineteen
     5Author: the WordPress team
     6Author URI: https://wordpress.org/
     7Description: Our 2019 default theme is designed to show off the power of the block editor. It features custom styles for all the default blocks, and is built so that what you see in the editor looks like what you'll see on your website. Twenty Nineteen is designed to be adaptable to a wide range of websites, whether you’re running a photo blog, launching a new business, or supporting a non-profit. Featuring ample whitespace and modern sans-serif headlines paired with classic serif body text, it's built to be beautiful on all screen sizes.
     8Requires at least: WordPress 4.9.6
     9Version: 1.2
     10License: GNU General Public License v2 or later
     11License URI: LICENSE
     12Text Domain: twentynineteen
     13Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready
     14
     15This theme, like WordPress, is licensed under the GPL.
     16Use it to make something cool, have fun, and share what you've learned with others.
     17
     18Twenty Nineteen is based on Underscores https://underscores.me/, (C) 2012-2018 Automattic, Inc.
     19Underscores is distributed under the terms of the GNU GPL v2 or later.
     20
     21Normalizing styles have been helped along thanks to the fine work of
     22Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
     23*/
     24/*--------------------------------------------------------------
     25>>> TABLE OF CONTENTS:
     26----------------------------------------------------------------
     27# Variables
     28# Normalize
     29# Typography
     30        ## Headings
     31        ## Copy
     32# Elements
     33        ## Lists
     34        ## Tables
     35# Forms
     36        ## Buttons
     37        ## Fields
     38# Navigation
     39        ## Links
     40        ## Menus
     41        ## Next & Previous
     42# Accessibility
     43# Alignments
     44# Clearings
     45# Layout
     46# Widgets
     47# Content
     48        ## Archives
     49        ## Posts and pages
     50        ## Comments
     51# Blocks
     52# Media
     53        ## Captions
     54        ## Galleries
     55--------------------------------------------------------------*/
     56/*
     57 * Chrome renders extra-wide &nbsp; characters for the Hoefler Text font.
     58 * This results in a jumping cursor when typing in both the Classic and block
     59 * editors. The following font-face override fixes the issue by manually inserting
     60 * a custom font that includes just a Hoefler Text space replacement for that
     61 * character instead.
     62 */
     63@font-face {
     64  font-family: 'NonBreakingSpaceOverride';
     65  src: url(data:application/font-woff2;charset=utf-8;base64,d09GMgABAAAAAAMoAA0AAAAACDQAAALTAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4GYACCahEICjx3CywAATYCJANUBCAFhiEHgWwbXQfILgpsY+rQRRARwyAs6uL7pxzYhxEE+32b3aeHmifR6tklkS9hiZA0ewkqGRJE+H7/+6378ASViK/PGeavqJyOzsceKi1s3BCiQsiOdn1r/RBgIJYEgCUhbm/8/8/h4saPssnTNkkiWUBrTRtjmQSajw3Ui3pZ3LYDPD+XG2C3JA/yKAS8/rU5eNfuGqRf4eNNgV4YAlIIgxglEkWe6FYpq10+wi3g+/nUgvgPFczNrz/RsTgVm/zfbPuHZlsuQECxuyqBcQwKFBjFgKO8AqP4bAN9tFJtnM9xPcbNjeXS/x1wY/xU52f5W/X1+9cnH4YwKIaoRRAkUkj/YlAAeF/624foiIDBgBmgQBeGAyhBljUPZUm/l2dTvmpqcBDUOHdbPZWd8JsBAsGr4w8/EDn82/bUPx4eh0YNrQTBuHO2FjQEAGBwK0DeI37DpQVqdERS4gZBhpeUhWCfLFz7J99aEBgsJCHvUGAdAPp4IADDCAPCEFMGpMZ9AQpTfQtQGhLbGVBZFV8BaqNyP68oTZgHNj3M8kBPfXTTC9t90UuzYhy9ciH0grVlOcqyCytisvbsERsEYztiznR0WCrmTksJwbSNK6fd1Rvr25I9oLvctUoEbNOmXJbqgYgPXEHJ82IUsrCnpkxh23F1rfZ2zcRnJYoXtauB3VTFkFXQg3uoZYD5qE0kdjDtoDoF1h2bulGmev5HbYhbrjtohQSRI4aNOkffIcT+d3v6atpaYh3JvPoQsztCcqvaBkppDSPcQ3bw3KaCBo1f5CJWTZEgW3LjLofYg51MaVezrx8xZitYbQ9KYeoRaqQdVLwSEfrKXLK1otCWOKNdR/YwYAfon5Yk8O2MJfSD10dPGA5PIJJQMkah0ugMJiv6x4Dm7LEa8xnrRGGGLAg4sAlbsA07sAt76DOsXKO3hIjtIlpnnFrt1qW4kh6NhS83P/6HB/fl1SMAAA==) format("woff2"), url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAUQAA0AAAAACDQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAE9AAAABwAAAAchf5yU0dERUYAAATYAAAAHAAAAB4AJwAbT1MvMgAAAaAAAABJAAAAYJAcgU5jbWFwAAACIAAAAF4AAAFqUUxBZ2dhc3AAAATQAAAACAAAAAgAAAAQZ2x5ZgAAApAAAAAyAAAAPL0n8y9oZWFkAAABMAAAADAAAAA2Fi93Z2hoZWEAAAFgAAAAHQAAACQOSgWaaG10eAAAAewAAAAzAAAAVC7TAQBsb2NhAAACgAAAABAAAAAsAOQBAm1heHAAAAGAAAAAHQAAACAAWQALbmFtZQAAAsQAAAF6AAADIYvD/Adwb3N0AAAEQAAAAI4AAADsapk2o3jaY2BkYGAA4ov5mwzj+W2+MnCzXwCKMNzgCBSB0LfbQDQ7AxuI4mBgAlEAFKQIRHjaY2BkYGD3+NvCwMDBAALsDAyMDKhAFAA3+wH3AAAAeNpjYGRgYBBl4GBgYgABEMnIABJzAPMZAAVmAGUAAAB42mNgZlJhnMDAysDCKsKygYGBYRqEZtrDYMT4D8gHSmEHjgUFOQwODAqqf9g9/rYwMLB7MNUAhRlBcsxBrMlASoGBEQAj8QtyAAAAeNrjYGBkAAGmWQwMjO8gmBnIZ2NA0ExAzNjAAFYJVn0ASBsD6VAIDZb7AtELAgANIgb9AHjaY2BgYGaAYBkGRgYQSAHyGMF8FgYPIM3HwMHAxMDGoMCwQIFLQV8hXvXP//9AcRCfAcb///h/ygPW+w/vb7olBjUHCTCyMcAFGZmABBO6AogThgZgIUsXAEDcEzcAAHjaY2BgECMCyoEgACZaAed42mNgYmRgYGBnYGNgYAZSDJqMgorCgoqCjECRXwwNrCAKSP5mAAFGBiRgyAAAi/YFBQAAeNqtkc1OwkAUhU/5M25cEhcsZick0AwlBJq6MWwgJkAgYV/KAA2lJeUn+hY+gktXvpKv4dLTMqKycGHsTZNv7px7z50ZAFd4hYHjdw1Ls4EiHjVncIFnzVnc4F1zDkWjrzmPW+NNcwGlzIRKI3fJlUyrEjZQxb3mDH2fNGfRx4vmHKqG0JzHg6E0F9DOlFBGBxUI1GEzLNT4S0aLuTtsGAEUuYcQHkyg3KmIum1bNUvKlrjbbAIleqHHnS4iSudpQcySMYtdFiXlAxzSbAwfMxK6kZoHKhbjjespMTioOPZnzI+4ucCeTVyKMVKLfeAS6vSWaTinuZwzyy/Dc7vaed+6KaV0kukdPUk6yOcctZPvvxxqksq2lEW8RvHjMEO2FCl/zy6p3NEm0R9OFSafJdldc4QVeyaaObMBO0/5cCaa6d9Ggyubxire+lEojscdjoWUR1xGOy8KD8mG2ZLO2l2paDc3A39qmU2z2W5YNv5+u79e6QfGJY/hAAB42m3NywrCMBQE0DupWp/1AYI7/6DEaLQu66Mrd35BKUWKJSlFv1+rue4cGM7shgR981qSon+ZNwUJ8iDgoYU2OvDRRQ99DDDECAHGmGCKmf80hZSx/Kik/LliFbtmN6xmt+yOjdg9GztV4tROnRwX/Bsaaw51nt4Lc7tWaZYHp/MlzKx51LZs5htNri+2AAAAAQAB//8AD3jaY2BkYGDgAWIxIGZiYARCESBmAfMYAAR6AEMAAAABAAAAANXtRbgAAAAA2AhRFAAAAADYCNuG) format("woff");
     66}
     67
     68/* If we add the border using a regular CSS border, it won't look good on non-retina devices,
     69 * since its edges can look jagged due to lack of antialiasing. In this case, we are several
     70 * layers of box-shadow to add the border visually, which will render the border smoother. */
     71/* Fallback for non-latin fonts */
     72/* Calculates maximum width for post content */
     73/* Nested sub-menu padding: 10 levels deep */
     74/* Normalize */
     75/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
     76/* Document
     77         ========================================================================== */
     78/**
     79 * 1. Correct the line height in all browsers.
     80 * 2. Prevent adjustments of font size after orientation changes in iOS.
     81 */
     82html {
     83  line-height: 1.15;
     84  /* 1 */
     85  -webkit-text-size-adjust: 100%;
     86  /* 2 */
     87}
     88
     89/* Sections
     90         ========================================================================== */
     91/**
     92 * Remove the margin in all browsers.
     93 */
     94body {
     95  margin: 0;
     96}
     97
     98/**
     99 * Correct the font size and margin on `h1` elements within `section` and
     100 * `article` contexts in Chrome, Firefox, and Safari.
     101 */
     102h1 {
     103  font-size: 2em;
     104  margin: 0.67em 0;
     105}
     106
     107/* Grouping content
     108         ========================================================================== */
     109/**
     110 * 1. Add the correct box sizing in Firefox.
     111 * 2. Show the overflow in Edge and IE.
     112 */
     113hr {
     114  box-sizing: content-box;
     115  /* 1 */
     116  height: 0;
     117  /* 1 */
     118  overflow: visible;
     119  /* 2 */
     120}
     121
     122/**
     123 * 1. Correct the inheritance and scaling of font size in all browsers.
     124 * 2. Correct the odd `em` font sizing in all browsers.
     125 */
     126pre {
     127  font-family: monospace, monospace;
     128  /* 1 */
     129  font-size: 1em;
     130  /* 2 */
     131}
     132
     133/* Text-level semantics
     134         ========================================================================== */
     135/**
     136 * Remove the gray background on active links in IE 10.
     137 */
     138a {
     139  background-color: transparent;
     140}
     141
     142/**
     143 * 1. Remove the bottom border in Chrome 57-
     144 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
     145 */
     146abbr[title] {
     147  border-bottom: none;
     148  /* 1 */
     149  text-decoration: underline;
     150  /* 2 */
     151  text-decoration: underline dotted;
     152  /* 2 */
     153}
     154
     155/**
     156 * Add the correct font weight in Chrome, Edge, and Safari.
     157 */
     158b,
     159strong {
     160  font-weight: bolder;
     161}
     162
     163/**
     164 * 1. Correct the inheritance and scaling of font size in all browsers.
     165 * 2. Correct the odd `em` font sizing in all browsers.
     166 */
     167code,
     168kbd,
     169samp {
     170  font-family: monospace, monospace;
     171  /* 1 */
     172  font-size: 1em;
     173  /* 2 */
     174}
     175
     176/**
     177 * Add the correct font size in all browsers.
     178 */
     179small {
     180  font-size: 80%;
     181}
     182
     183/**
     184 * Prevent `sub` and `sup` elements from affecting the line height in
     185 * all browsers.
     186 */
     187sub,
     188sup {
     189  font-size: 75%;
     190  line-height: 0;
     191  position: relative;
     192  vertical-align: baseline;
     193}
     194
     195sub {
     196  bottom: -0.25em;
     197}
     198
     199sup {
     200  top: -0.5em;
     201}
     202
     203/* Embedded content
     204         ========================================================================== */
     205/**
     206 * Remove the border on images inside links in IE 10.
     207 */
     208img {
     209  border-style: none;
     210}
     211
     212/* Forms
     213         ========================================================================== */
     214/**
     215 * 1. Change the font styles in all browsers.
     216 * 2. Remove the margin in Firefox and Safari.
     217 */
     218button,
     219input,
     220optgroup,
     221select,
     222textarea {
     223  font-family: inherit;
     224  /* 1 */
     225  font-size: 100%;
     226  /* 1 */
     227  line-height: 1.15;
     228  /* 1 */
     229  margin: 0;
     230  /* 2 */
     231}
     232
     233/**
     234 * Show the overflow in IE.
     235 * 1. Show the overflow in Edge.
     236 */
     237button,
     238input {
     239  /* 1 */
     240  overflow: visible;
     241}
     242
     243/**
     244 * Remove the inheritance of text transform in Edge, Firefox, and IE.
     245 * 1. Remove the inheritance of text transform in Firefox.
     246 */
     247button,
     248select {
     249  /* 1 */
     250  text-transform: none;
     251}
     252
     253/**
     254 * Correct the inability to style clickable types in iOS and Safari.
     255 */
     256button,
     257[type="button"],
     258[type="reset"],
     259[type="submit"] {
     260  -webkit-appearance: button;
     261}
     262
     263/**
     264 * Remove the inner border and padding in Firefox.
     265 */
     266button::-moz-focus-inner,
     267[type="button"]::-moz-focus-inner,
     268[type="reset"]::-moz-focus-inner,
     269[type="submit"]::-moz-focus-inner {
     270  border-style: none;
     271  padding: 0;
     272}
     273
     274/**
     275 * Restore the focus styles unset by the previous rule.
     276 */
     277button:-moz-focusring,
     278[type="button"]:-moz-focusring,
     279[type="reset"]:-moz-focusring,
     280[type="submit"]:-moz-focusring {
     281  outline: 1px dotted ButtonText;
     282}
     283
     284/**
     285 * Correct the padding in Firefox.
     286 */
     287fieldset {
     288  padding: 0.35em 0.75em 0.625em;
     289}
     290
     291/**
     292 * 1. Correct the text wrapping in Edge and IE.
     293 * 2. Correct the color inheritance from `fieldset` elements in IE.
     294 * 3. Remove the padding so developers are not caught out when they zero out
     295 *              `fieldset` elements in all browsers.
     296 */
     297legend {
     298  box-sizing: border-box;
     299  /* 1 */
     300  color: inherit;
     301  /* 2 */
     302  display: table;
     303  /* 1 */
     304  max-width: 100%;
     305  /* 1 */
     306  padding: 0;
     307  /* 3 */
     308  white-space: normal;
     309  /* 1 */
     310}
     311
     312/**
     313 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
     314 */
     315progress {
     316  vertical-align: baseline;
     317}
     318
     319/**
     320 * Remove the default vertical scrollbar in IE 10+.
     321 */
     322textarea {
     323  overflow: auto;
     324}
     325
     326/**
     327 * 1. Add the correct box sizing in IE 10.
     328 * 2. Remove the padding in IE 10.
     329 */
     330[type="checkbox"],
     331[type="radio"] {
     332  box-sizing: border-box;
     333  /* 1 */
     334  padding: 0;
     335  /* 2 */
     336}
     337
     338/**
     339 * Correct the cursor style of increment and decrement buttons in Chrome.
     340 */
     341[type="number"]::-webkit-inner-spin-button,
     342[type="number"]::-webkit-outer-spin-button {
     343  height: auto;
     344}
     345
     346/**
     347 * 1. Correct the odd appearance in Chrome and Safari.
     348 * 2. Correct the outline style in Safari.
     349 */
     350[type="search"] {
     351  -webkit-appearance: textfield;
     352  /* 1 */
     353  outline-offset: -2px;
     354  /* 2 */
     355}
     356
     357/**
     358 * Remove the inner padding in Chrome and Safari on macOS.
     359 */
     360[type="search"]::-webkit-search-decoration {
     361  -webkit-appearance: none;
     362}
     363
     364/**
     365 * 1. Correct the inability to style clickable types in iOS and Safari.
     366 * 2. Change font properties to `inherit` in Safari.
     367 */
     368::-webkit-file-upload-button {
     369  -webkit-appearance: button;
     370  /* 1 */
     371  font: inherit;
     372  /* 2 */
     373}
     374
     375/* Interactive
     376         ========================================================================== */
     377/*
     378 * Add the correct display in Edge, IE 10+, and Firefox.
     379 */
     380details {
     381  display: block;
     382}
     383
     384/*
     385 * Add the correct display in all browsers.
     386 */
     387summary {
     388  display: list-item;
     389}
     390
     391/* Misc
     392         ========================================================================== */
     393/**
     394 * Add the correct display in IE 10+.
     395 */
     396template {
     397  display: none;
     398}
     399
     400/**
     401 * Add the correct display in IE 10.
     402 */
     403[hidden] {
     404  display: none;
     405}
     406
     407/* Typography */
     408html {
     409  font-size: 22px;
     410}
     411
     412body {
     413  -webkit-font-smoothing: antialiased;
     414  -moz-osx-font-smoothing: grayscale;
     415  color: #111;
     416  font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
     417  font-weight: 400;
     418  font-size: 1em;
     419  line-height: 1.8;
     420  margin: 0;
     421  text-rendering: optimizeLegibility;
     422}
     423
     424button,
     425input,
     426select,
     427optgroup,
     428textarea {
     429  color: #111;
     430  font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
     431  font-weight: 400;
     432  line-height: 1.8;
     433  text-rendering: optimizeLegibility;
     434}
     435
     436.author-description .author-link,
     437.comment-metadata,
     438.comment-reply-link,
     439.comments-title,
     440.comment-author .fn,
     441.discussion-meta-info,
     442.entry-meta,
     443.entry-footer,
     444.main-navigation,
     445.no-comments,
     446.not-found .page-title,
     447.error-404 .page-title,
     448.post-navigation .post-title,
     449.page-links,
     450.page-description,
     451.pagination .nav-links,
     452.sticky-post,
     453.site-title,
     454.site-info,
     455#cancel-comment-reply-link,
     456img:after,
     457h1,
     458h2,
     459h3,
     460h4,
     461h5,
     462h6 {
     463  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
     464}
     465
     466.main-navigation,
     467.page-description,
     468.author-description .author-link,
     469.not-found .page-title,
     470.error-404 .page-title,
     471.post-navigation .post-title,
     472.pagination .nav-links,
     473.comments-title,
     474.comment-author .fn,
     475.no-comments,
     476.site-title,
     477h1,
     478h2,
     479h3,
     480h4,
     481h5,
     482h6 {
     483  font-weight: 700;
     484  letter-spacing: -0.02em;
     485  line-height: 1.2;
     486  -webkit-font-smoothing: antialiased;
     487  -moz-osx-font-smoothing: grayscale;
     488}
     489
     490.page-title {
     491  font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
     492}
     493
     494.site-branding,
     495.main-navigation ul.main-menu > li,
     496.social-navigation,
     497.author-description .author-bio,
     498.nav-links {
     499  line-height: 1.25;
     500}
     501
     502h1 {
     503  font-size: 2.25em;
     504}
     505
     506@media only screen and (min-width: 768px) {
     507  h1 {
     508    font-size: 2.8125em;
     509  }
     510}
     511
     512.entry-title,
     513.not-found .page-title,
     514.error-404 .page-title,
     515.has-larger-font-size,
     516h2 {
     517  font-size: 1.6875em;
     518}
     519
     520@media only screen and (min-width: 768px) {
     521  .entry-title,
     522  .not-found .page-title,
     523  .error-404 .page-title,
     524  .has-larger-font-size,
     525  h2 {
     526    font-size: 2.25em;
     527  }
     528}
     529
     530.has-regular-font-size,
     531.has-large-font-size,
     532.comments-title,
     533h3 {
     534  font-size: 1.6875em;
     535}
     536
     537.site-title,
     538.site-description,
     539.main-navigation,
     540.nav-links,
     541.page-title,
     542.page-description,
     543.comment-author .fn,
     544.no-comments,
     545h2.author-title,
     546p.author-bio,
     547h4 {
     548  font-size: 1.125em;
     549}
     550
     551.pagination .nav-links,
     552.comment-content,
     553h5 {
     554  font-size: 0.88889em;
     555}
     556
     557.entry-meta,
     558.entry-footer,
     559.discussion-meta-info,
     560.site-info,
     561.has-small-font-size,
     562.comment-reply-link,
     563.comment-metadata,
     564.comment-notes,
     565.sticky-post,
     566#cancel-comment-reply-link,
     567img:after,
     568h6 {
     569  font-size: 0.71111em;
     570}
     571
     572.site-title,
     573.page-title {
     574  font-weight: normal;
     575}
     576
     577.page-description,
     578.page-links a {
     579  font-weight: bold;
     580}
     581
     582.site-description {
     583  letter-spacing: -0.01em;
     584}
     585
     586.post-navigation .post-title,
     587.entry-title,
     588.not-found .page-title,
     589.error-404 .page-title,
     590.comments-title,
     591blockquote {
     592  hyphens: auto;
     593  word-break: break-word;
     594}
     595
     596/* Do not hyphenate entry title on tablet view and bigger. */
     597@media only screen and (min-width: 768px) {
     598  .entry-title {
     599    hyphens: none;
     600  }
     601}
     602
     603p {
     604  -webkit-font-smoothing: antialiased;
     605  -moz-osx-font-smoothing: grayscale;
     606}
     607
     608dfn,
     609cite,
     610em,
     611i {
     612  font-style: italic;
     613}
     614
     615blockquote cite {
     616  font-size: 0.71111em;
     617  font-style: normal;
     618  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
     619}
     620
     621pre {
     622  font-size: 0.88889em;
     623  font-family: "Courier 10 Pitch", Courier, monospace;
     624  line-height: 1.8;
     625  overflow: auto;
     626}
     627
     628code,
     629kbd,
     630tt,
     631var {
     632  font-size: 0.88889em;
     633  font-family: Menlo, monaco, Consolas, Lucida Console, monospace;
     634}
     635
     636abbr, acronym {
     637  border-bottom: 1px dotted #666;
     638  cursor: help;
     639}
     640
     641mark,
     642ins {
     643  background: #fff9c0;
     644  text-decoration: none;
     645}
     646
     647big {
     648  font-size: 125%;
     649}
     650
     651a {
     652  text-decoration: none;
     653}
     654
     655a:hover {
     656  text-decoration: none;
     657}
     658
     659a:focus {
     660  text-decoration: underline;
     661}
     662
     663/* Arabic */
     664html[lang="ar"] .site *,
     665html[lang="ary"] .site *,
     666html[lang="azb"] .site *,
     667html[lang="ckb"] .site *,
     668html[lang="fa-IR"] .site *,
     669html[lang="haz"] .site *,
     670html[lang="ps"] .site * {
     671  font-family: Tahoma, Arial, sans-serif !important;
     672}
     673
     674/* Cyrillic */
     675html[lang="be"] .site *,
     676html[lang="bg-BG"] .site *,
     677html[lang="kk"] .site *,
     678html[lang="mk-MK"] .site *,
     679html[lang="mn"] .site *,
     680html[lang="ru-RU"] .site *,
     681html[lang="sah"] .site *,
     682html[lang="sr-RS"] .site *,
     683html[lang="tt-RU"] .site *,
     684html[lang="uk"] .site * {
     685  font-family: 'Helvetica Neue', Helvetica, 'Segoe UI', Arial, sans-serif !important;
     686}
     687
     688/* Chinese (Hong Kong) */
     689html[lang="zh-HK"] .site * {
     690  font-family: -apple-system, BlinkMacSystemFont, 'PingFang HK', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important;
     691}
     692
     693/* Chinese (Taiwan) */
     694html[lang="zh-TW"] .site * {
     695  font-family: -apple-system, BlinkMacSystemFont, 'PingFang TC', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important;
     696}
     697
     698/* Chinese (China) */
     699html[lang="zh-CN"] .site * {
     700  font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important;
     701}
     702
     703/* Devanagari */
     704html[lang="bn-BD"] .site *,
     705html[lang="hi-IN"] .site *,
     706html[lang="mr"] .site *,
     707html[lang="ne-NP"] .site * {
     708  font-family: Arial, sans-serif !important;
     709}
     710
     711/* Greek */
     712html[lang="el"] .site * {
     713  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
     714}
     715
     716/* Gujarati */
     717html[lang="gu"] .site * {
     718  font-family: Arial, sans-serif !important;
     719}
     720
     721/* Hebrew */
     722html[lang="he-IL"] .site * {
     723  font-family: 'Arial Hebrew', Arial, sans-serif !important;
     724}
     725
     726/* Japanese */
     727html[lang="ja"] .site * {
     728  font-family: -apple-system, BlinkMacSystemFont, "Hiragino Sans", Meiryo, "Helvetica Neue", sans-serif !important;
     729}
     730
     731/* Korean */
     732html[lang="ko-KR"] .site * {
     733  font-family: 'Apple SD Gothic Neo', 'Malgun Gothic', 'Nanum Gothic', Dotum, sans-serif !important;
     734}
     735
     736/* Thai */
     737html[lang="th"] .site * {
     738  font-family: 'Sukhumvit Set', 'Helvetica Neue', helvetica, arial, sans-serif !important;
     739}
     740
     741/* Vietnamese */
     742html[lang="vi"] .site * {
     743  font-family: 'Libre Franklin', sans-serif !important;
     744}
     745
     746/* Elements */
     747html {
     748  box-sizing: border-box;
     749}
     750
     751::-moz-selection {
     752  background-color: #bfdcea;
     753}
     754
     755::selection {
     756  background-color: #bfdcea;
     757}
     758
     759*,
     760*:before,
     761*:after {
     762  box-sizing: inherit;
     763}
     764
     765body {
     766  background-color: #fff;
     767}
     768
     769a {
     770  transition: color 110ms ease-in-out;
     771  color: #0073aa;
     772}
     773
     774a:hover,
     775a:active {
     776  color: #005177;
     777  outline: 0;
     778  text-decoration: none;
     779}
     780
     781a:focus {
     782  outline: thin;
     783  outline-style: dotted;
     784  text-decoration: underline;
     785}
     786
     787h1,
     788h2,
     789h3,
     790h4,
     791h5,
     792h6 {
     793  clear: both;
     794  margin: 1rem 0;
     795}
     796
     797h1:not(.site-title):before,
     798h2:before {
     799  background: #767676;
     800  content: "\020";
     801  display: block;
     802  height: 2px;
     803  margin: 1rem 0;
     804  width: 1em;
     805}
     806
     807hr {
     808  background-color: #767676;
     809  border: 0;
     810  height: 2px;
     811}
     812
     813ul,
     814ol {
     815  padding-left: 1rem;
     816}
     817
     818ul {
     819  list-style: disc;
     820}
     821
     822ul ul {
     823  list-style-type: circle;
     824}
     825
     826ol {
     827  list-style: decimal;
     828}
     829
     830li {
     831  line-height: 1.8;
     832}
     833
     834li > ul,
     835li > ol {
     836  padding-left: 2rem;
     837}
     838
     839dt {
     840  font-weight: bold;
     841}
     842
     843dd {
     844  margin: 0 1rem 1rem;
     845}
     846
     847img {
     848  height: auto;
     849  max-width: 100%;
     850  position: relative;
     851}
     852
     853figure {
     854  margin: 0;
     855}
     856
     857blockquote {
     858  border-left: 2px solid #0073aa;
     859  margin-left: 0;
     860  padding: 0 0 0 1rem;
     861}
     862
     863blockquote > p {
     864  margin: 0 0 1rem;
     865}
     866
     867blockquote cite {
     868  color: #767676;
     869}
     870
     871table {
     872  margin: 0 0 1rem;
     873  border-collapse: collapse;
     874  width: 100%;
     875  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
     876}
     877
     878table td,
     879table th {
     880  padding: 0.5em;
     881  border: 1px solid #767676;
     882  word-break: break-all;
     883}
     884
     885/* Forms */
     886.button,
     887button,
     888input[type="button"],
     889input[type="reset"],
     890input[type="submit"] {
     891  transition: background 150ms ease-in-out;
     892  background: #0073aa;
     893  border: none;
     894  border-radius: 5px;
     895  box-sizing: border-box;
     896  color: #fff;
     897  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
     898  font-size: 0.88889em;
     899  font-weight: 700;
     900  line-height: 1.2;
     901  outline: none;
     902  padding: 0.76rem 1rem;
     903  text-decoration: none;
     904  vertical-align: bottom;
     905}
     906
     907.button:hover,
     908button:hover,
     909input[type="button"]:hover,
     910input[type="reset"]:hover,
     911input[type="submit"]:hover {
     912  background: #111;
     913  cursor: pointer;
     914}
     915
     916.button:visited,
     917button:visited,
     918input[type="button"]:visited,
     919input[type="reset"]:visited,
     920input[type="submit"]:visited {
     921  color: #fff;
     922  text-decoration: none;
     923}
     924
     925.button:focus,
     926button:focus,
     927input[type="button"]:focus,
     928input[type="reset"]:focus,
     929input[type="submit"]:focus {
     930  background: #111;
     931  outline: thin dotted;
     932  outline-offset: -4px;
     933}
     934
     935input[type="text"],
     936input[type="email"],
     937input[type="url"],
     938input[type="password"],
     939input[type="search"],
     940input[type="number"],
     941input[type="tel"],
     942input[type="range"],
     943input[type="date"],
     944input[type="month"],
     945input[type="week"],
     946input[type="time"],
     947input[type="datetime"],
     948input[type="datetime-local"],
     949input[type="color"],
     950textarea {
     951  -webkit-backface-visibility: hidden;
     952  background: #fff;
     953  border: solid 1px #ccc;
     954  box-sizing: border-box;
     955  outline: none;
     956  padding: 0.36rem 0.66rem;
     957  -webkit-appearance: none;
     958  outline-offset: 0;
     959  border-radius: 0;
     960}
     961
     962input[type="text"]:focus,
     963input[type="email"]:focus,
     964input[type="url"]:focus,
     965input[type="password"]:focus,
     966input[type="search"]:focus,
     967input[type="number"]:focus,
     968input[type="tel"]:focus,
     969input[type="range"]:focus,
     970input[type="date"]:focus,
     971input[type="month"]:focus,
     972input[type="week"]:focus,
     973input[type="time"]:focus,
     974input[type="datetime"]:focus,
     975input[type="datetime-local"]:focus,
     976input[type="color"]:focus,
     977textarea:focus {
     978  border-color: #0073aa;
     979  outline: thin solid rgba(0, 115, 170, 0.15);
     980  outline-offset: -4px;
     981}
     982
     983input[type="search"]::-webkit-search-decoration {
     984  display: none;
     985}
     986
     987textarea {
     988  box-sizing: border-box;
     989  display: block;
     990  width: 100%;
     991  max-width: 100%;
     992  resize: vertical;
     993}
     994
     995form p {
     996  margin: 1rem 0;
     997}
     998
     999/* Navigation */
     1000/*--------------------------------------------------------------
     1001## Links
     1002--------------------------------------------------------------*/
     1003a {
     1004  transition: color 110ms ease-in-out;
     1005  color: #0073aa;
     1006}
     1007
     1008a:visited {
     1009  color: #0073aa;
     1010}
     1011
     1012a:hover, a:active {
     1013  color: #005177;
     1014  outline: 0;
     1015  text-decoration: none;
     1016}
     1017
     1018a:focus {
     1019  outline: thin dotted;
     1020  text-decoration: underline;
     1021}
     1022
     1023/*--------------------------------------------------------------
     1024## Menus
     1025--------------------------------------------------------------*/
     1026/** === Main menu === */
     1027.main-navigation {
     1028  display: block;
     1029  margin-top: 0.25rem;
     1030  /* Un-style buttons */
     1031  /*
     1032         * Sub-menu styles
     1033         *
     1034         * :focus-within needs its own selector so other similar
     1035         * selectors don’t get ignored if a browser doesn’t recognize it
     1036         */
     1037  /**
     1038         * Fade-in animation for top-level submenus
     1039         */
     1040  /**
     1041         * Off-canvas touch device styles
     1042         */
     1043}
     1044
     1045body.page .main-navigation {
     1046  display: block;
     1047}
     1048
     1049.main-navigation > div {
     1050  display: inline;
     1051}
     1052
     1053.main-navigation button {
     1054  display: inline-block;
     1055  border: none;
     1056  padding: 0;
     1057  margin: 0;
     1058  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
     1059  font-weight: 700;
     1060  line-height: 1.2;
     1061  text-decoration: none;
     1062  background: transparent;
     1063  color: inherit;
     1064  cursor: pointer;
     1065  transition: background 250ms ease-in-out, transform 150ms ease;
     1066  -webkit-appearance: none;
     1067  -moz-appearance: none;
     1068}
     1069
     1070.main-navigation button:hover, .main-navigation button:focus {
     1071  background: transparent;
     1072}
     1073
     1074.main-navigation button:focus {
     1075  outline: 1px solid transparent;
     1076  outline-offset: -4px;
     1077}
     1078
     1079.main-navigation button:active {
     1080  transform: scale(0.99);
     1081}
     1082
     1083.main-navigation .main-menu {
     1084  display: inline-block;
     1085  margin: 0;
     1086  padding: 0;
     1087}
     1088
     1089.main-navigation .main-menu > li {
     1090  color: #0073aa;
     1091  display: inline;
     1092  position: relative;
     1093}
     1094
     1095.main-navigation .main-menu > li > a {
     1096  font-weight: 700;
     1097  color: #0073aa;
     1098  margin-right: 0.5rem;
     1099}
     1100
     1101.main-navigation .main-menu > li > a + svg {
     1102  margin-right: 0.5rem;
     1103}
     1104
     1105.main-navigation .main-menu > li > a:hover,
     1106.main-navigation .main-menu > li > a:hover + svg {
     1107  color: #005177;
     1108}
     1109
     1110.main-navigation .main-menu > li.menu-item-has-children {
     1111  display: inline-block;
     1112  position: inherit;
     1113}
     1114
     1115@media only screen and (min-width: 768px) {
     1116  .main-navigation .main-menu > li.menu-item-has-children {
     1117    position: relative;
     1118  }
     1119}
     1120
     1121.main-navigation .main-menu > li.menu-item-has-children > a {
     1122  margin-right: 0.125rem;
     1123}
     1124
     1125.main-navigation .main-menu > li.menu-item-has-children > a:after,
     1126.main-navigation .main-menu > li.menu-item-has-children .menu-item-has-children > a:after {
     1127  content: "";
     1128  display: none;
     1129}
     1130
     1131.main-navigation .main-menu > li.menu-item-has-children .submenu-expand {
     1132  display: inline-block;
     1133  margin-right: 0.25rem;
     1134  /* Priority+ Menu */
     1135}
     1136
     1137.main-navigation .main-menu > li.menu-item-has-children .submenu-expand.main-menu-more-toggle {
     1138  position: relative;
     1139  height: 24px;
     1140  line-height: 1.2;
     1141  width: 24px;
     1142  padding: 0;
     1143  margin-left: 0.5rem;
     1144}
     1145
     1146.main-navigation .main-menu > li.menu-item-has-children .submenu-expand.main-menu-more-toggle svg {
     1147  height: 24px;
     1148  width: 24px;
     1149  top: -0.125rem;
     1150  vertical-align: text-bottom;
     1151}
     1152
     1153.wp-customizer-unloading .main-navigation .main-menu > li.menu-item-has-children .submenu-expand, .main-navigation .main-menu > li.menu-item-has-children .submenu-expand.is-empty {
     1154  display: none;
     1155}
     1156
     1157.main-navigation .main-menu > li.menu-item-has-children .submenu-expand svg {
     1158  position: relative;
     1159  top: 0.2rem;
     1160}
     1161
     1162.main-navigation .main-menu > li:last-child > a,
     1163.main-navigation .main-menu > li:last-child.menu-item-has-children .submenu-expand {
     1164  margin-right: 0;
     1165}
     1166
     1167.main-navigation .sub-menu {
     1168  background-color: #0073aa;
     1169  color: #fff;
     1170  list-style: none;
     1171  padding-left: 0;
     1172  position: absolute;
     1173  opacity: 0;
     1174  left: -9999px;
     1175  z-index: 99999;
     1176}
     1177
     1178@media only screen and (min-width: 768px) {
     1179  .main-navigation .sub-menu {
     1180    width: auto;
     1181    min-width: -moz-max-content;
     1182    min-width: -webkit-max-content;
     1183    min-width: max-content;
     1184  }
     1185}
     1186
     1187.main-navigation .sub-menu > li {
     1188  display: block;
     1189  float: none;
     1190  position: relative;
     1191}
     1192
     1193.main-navigation .sub-menu > li.menu-item-has-children .submenu-expand {
     1194  display: inline-block;
     1195  position: absolute;
     1196  width: calc( 24px + 1rem);
     1197  right: 0;
     1198  top: calc( .125 * 1rem);
     1199  bottom: 0;
     1200  color: white;
     1201  line-height: 1;
     1202  padding: calc( .5 * 1rem);
     1203}
     1204
     1205.main-navigation .sub-menu > li.menu-item-has-children .submenu-expand svg {
     1206  top: 0;
     1207}
     1208
     1209.main-navigation .sub-menu > li.menu-item-has-children .submenu-expand {
     1210  margin-right: 0;
     1211}
     1212
     1213@media only screen and (min-width: 768px) {
     1214  .main-navigation .sub-menu > li.menu-item-has-children .menu-item-has-children > a:after {
     1215    content: "\203a";
     1216  }
     1217}
     1218
     1219.main-navigation .sub-menu > li > a,
     1220.main-navigation .sub-menu > li > .menu-item-link-return {
     1221  color: #fff;
     1222  display: block;
     1223  line-height: 1.2;
     1224  text-shadow: none;
     1225  padding: calc( .5 * 1rem) calc( 24px + 1rem) calc( .5 * 1rem) 1rem;
     1226  white-space: nowrap;
     1227}
     1228
     1229.main-navigation .sub-menu > li > a:hover, .main-navigation .sub-menu > li > a:focus,
     1230.main-navigation .sub-menu > li > .menu-item-link-return:hover,
     1231.main-navigation .sub-menu > li > .menu-item-link-return:focus {
     1232  background: #005177;
     1233}
     1234
     1235.main-navigation .sub-menu > li > a:hover:after, .main-navigation .sub-menu > li > a:focus:after,
     1236.main-navigation .sub-menu > li > .menu-item-link-return:hover:after,
     1237.main-navigation .sub-menu > li > .menu-item-link-return:focus:after {
     1238  background: #005177;
     1239}
     1240
     1241.main-navigation .sub-menu > li > .menu-item-link-return {
     1242  width: 100%;
     1243  font-size: 22px;
     1244  font-weight: normal;
     1245  text-align: left;
     1246}
     1247
     1248.main-navigation .sub-menu > li > a:empty {
     1249  display: none;
     1250}
     1251
     1252.main-navigation .sub-menu > li.mobile-parent-nav-menu-item {
     1253  display: none;
     1254  font-size: 0.88889em;
     1255  font-weight: normal;
     1256}
     1257
     1258.main-navigation .sub-menu > li.mobile-parent-nav-menu-item svg {
     1259  position: relative;
     1260  top: 0.2rem;
     1261  margin-right: calc( .25 * 1rem);
     1262}
     1263
     1264.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu {
     1265  display: block;
     1266  left: 0;
     1267  margin-top: 0;
     1268  opacity: 1;
     1269  width: auto;
     1270  min-width: 100%;
     1271  /* Non-mobile position */
     1272  /* Nested sub-menu dashes */
     1273}
     1274
     1275.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu {
     1276  display: block;
     1277  left: 0;
     1278  margin-top: 0;
     1279  opacity: 1;
     1280  width: auto;
     1281  min-width: 100%;
     1282  /* Non-mobile position */
     1283  /* Nested sub-menu dashes */
     1284}
     1285
     1286@media only screen and (min-width: 768px) {
     1287  .main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu {
     1288    display: block;
     1289    margin-top: 0;
     1290    opacity: 1;
     1291    position: absolute;
     1292    left: 0;
     1293    right: auto;
     1294    top: auto;
     1295    bottom: auto;
     1296    height: auto;
     1297    min-width: -moz-max-content;
     1298    min-width: -webkit-max-content;
     1299    min-width: max-content;
     1300    transform: none;
     1301  }
     1302  .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu {
     1303    display: block;
     1304    margin-top: 0;
     1305    opacity: 1;
     1306    position: absolute;
     1307    left: 0;
     1308    right: auto;
     1309    top: auto;
     1310    bottom: auto;
     1311    height: auto;
     1312    min-width: -moz-max-content;
     1313    min-width: -webkit-max-content;
     1314    min-width: max-content;
     1315    transform: none;
     1316  }
     1317}
     1318
     1319.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu.hidden-links {
     1320  left: 0;
     1321  width: 100%;
     1322  display: table;
     1323  position: absolute;
     1324}
     1325
     1326.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu.hidden-links {
     1327  left: 0;
     1328  width: 100%;
     1329  display: table;
     1330  position: absolute;
     1331}
     1332
     1333@media only screen and (min-width: 768px) {
     1334  .main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu.hidden-links {
     1335    right: 0;
     1336    left: auto;
     1337    display: block;
     1338    width: max-content;
     1339  }
     1340  .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu.hidden-links {
     1341    right: 0;
     1342    left: auto;
     1343    display: block;
     1344    width: max-content;
     1345  }
     1346}
     1347
     1348.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .submenu-expand {
     1349  display: none;
     1350}
     1351
     1352.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .submenu-expand {
     1353  display: none;
     1354}
     1355
     1356.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu {
     1357  display: block;
     1358  margin-top: inherit;
     1359  position: relative;
     1360  width: 100%;
     1361  left: 0;
     1362  opacity: 1;
     1363  /* Non-mobile position */
     1364}
     1365
     1366.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu {
     1367  display: block;
     1368  margin-top: inherit;
     1369  position: relative;
     1370  width: 100%;
     1371  left: 0;
     1372  opacity: 1;
     1373  /* Non-mobile position */
     1374}
     1375
     1376@media only screen and (min-width: 768px) {
     1377  .main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu {
     1378    float: none;
     1379    max-width: 100%;
     1380  }
     1381  .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu {
     1382    float: none;
     1383    max-width: 100%;
     1384  }
     1385}
     1386
     1387.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu {
     1388  counter-reset: submenu;
     1389}
     1390
     1391.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu {
     1392  counter-reset: submenu;
     1393}
     1394
     1395.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu > li > a::before {
     1396  font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
     1397  font-weight: normal;
     1398  content: "– " counters(submenu, "– ", none);
     1399  counter-increment: submenu;
     1400}
     1401
     1402.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu > li > a::before {
     1403  font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
     1404  font-weight: normal;
     1405  content: "– " counters(submenu, "– ", none);
     1406  counter-increment: submenu;
     1407}
     1408
     1409.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu,
     1410.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu,
     1411.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu {
     1412  display: block;
     1413  left: 0;
     1414  margin-top: 0;
     1415  opacity: 1;
     1416  width: auto;
     1417  min-width: 100%;
     1418  /* Non-mobile position */
     1419  /* Nested sub-menu dashes */
     1420}
     1421
     1422@media only screen and (min-width: 768px) {
     1423  .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu,
     1424  .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu,
     1425  .main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu {
     1426    display: block;
     1427    float: none;
     1428    margin-top: 0;
     1429    opacity: 1;
     1430    position: absolute;
     1431    left: 0;
     1432    right: auto;
     1433    top: auto;
     1434    bottom: auto;
     1435    height: auto;
     1436    min-width: -moz-max-content;
     1437    min-width: -webkit-max-content;
     1438    min-width: max-content;
     1439    transform: none;
     1440  }
     1441}
     1442
     1443.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu.hidden-links,
     1444.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu.hidden-links,
     1445.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu.hidden-links {
     1446  left: 0;
     1447  width: 100%;
     1448  display: table;
     1449  position: absolute;
     1450}
     1451
     1452@media only screen and (min-width: 768px) {
     1453  .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu.hidden-links,
     1454  .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu.hidden-links,
     1455  .main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu.hidden-links {
     1456    right: 0;
     1457    left: auto;
     1458    display: table;
     1459    width: max-content;
     1460  }
     1461}
     1462
     1463.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .submenu-expand,
     1464.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .submenu-expand,
     1465.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .submenu-expand {
     1466  display: none;
     1467}
     1468
     1469.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu,
     1470.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu,
     1471.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu {
     1472  display: block;
     1473  margin-top: inherit;
     1474  position: relative;
     1475  width: 100%;
     1476  left: 0;
     1477  opacity: 1;
     1478  /* Non-mobile position */
     1479}
     1480
     1481@media only screen and (min-width: 768px) {
     1482  .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu,
     1483  .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu,
     1484  .main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu {
     1485    float: none;
     1486    max-width: 100%;
     1487  }
     1488}
     1489
     1490.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu,
     1491.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu,
     1492.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu {
     1493  counter-reset: submenu;
     1494}
     1495
     1496.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu > li > a::before,
     1497.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu > li > a::before,
     1498.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu > li > a::before {
     1499  font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
     1500  font-weight: normal;
     1501  content: "– " counters(submenu, "– ", none);
     1502  counter-increment: submenu;
     1503}
     1504
     1505.main-navigation .main-menu > .menu-item-has-children:not(.off-canvas):hover > .sub-menu {
     1506  animation: fade_in 0.1s forwards;
     1507}
     1508
     1509.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu .submenu-expand .svg-icon {
     1510  transform: rotate(270deg);
     1511}
     1512
     1513.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu .sub-menu {
     1514  opacity: 0;
     1515  position: absolute;
     1516  z-index: 0;
     1517  transform: translateX(-100%);
     1518}
     1519
     1520.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu li:hover,
     1521.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu li:focus,
     1522.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu li > a:hover,
     1523.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu li > a:focus {
     1524  background-color: transparent;
     1525}
     1526
     1527.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu > li > a,
     1528.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu > li > .menu-item-link-return {
     1529  white-space: inherit;
     1530}
     1531
     1532.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true {
     1533  display: table;
     1534  margin-top: 0;
     1535  opacity: 1;
     1536  padding-left: 0;
     1537  /* Mobile position */
     1538  left: 0;
     1539  top: 0;
     1540  right: 0;
     1541  bottom: 0;
     1542  position: fixed;
     1543  z-index: 100000;
     1544  /* Make sure appears above mobile admin bar */
     1545  width: 100vw;
     1546  height: 100vh;
     1547  max-width: 100vw;
     1548  transform: translateX(100%);
     1549  animation: slide_in_right 0.3s forwards;
     1550  /* Prevent menu from being blocked by admin bar */
     1551}
     1552
     1553.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true > .mobile-parent-nav-menu-item {
     1554  display: block;
     1555}
     1556
     1557.admin-bar .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true {
     1558  top: 46px;
     1559  height: calc( 100vh - 46px);
     1560  /* WP core breakpoint */
     1561}
     1562
     1563.admin-bar .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true .sub-menu.expanded-true {
     1564  top: 0;
     1565}
     1566
     1567@media only screen and (min-width: 782px) {
     1568  .admin-bar .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true {
     1569    top: 32px;
     1570    height: calc( 100vh - 32px);
     1571  }
     1572  .admin-bar .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true .sub-menu.expanded-true {
     1573    top: 0;
     1574  }
     1575}
     1576
     1577.main-navigation .main-menu-more:nth-child(n+3) {
     1578  display: none;
     1579}
     1580
     1581/* Menu animation */
     1582@keyframes slide_in_right {
     1583  100% {
     1584    transform: translateX(0%);
     1585  }
     1586}
     1587
     1588@keyframes fade_in {
     1589  from {
     1590    opacity: 0;
     1591  }
     1592  to {
     1593    opacity: 1;
     1594  }
     1595}
     1596
     1597/* Social menu */
     1598.social-navigation {
     1599  margin-top: calc(1rem / 2);
     1600  text-align: left;
     1601}
     1602
     1603.social-navigation ul.social-links-menu {
     1604  content: "";
     1605  display: table;
     1606  table-layout: fixed;
     1607  display: inline-block;
     1608  margin: 0;
     1609  padding: 0;
     1610}
     1611
     1612.social-navigation ul.social-links-menu li {
     1613  display: inline-block;
     1614  vertical-align: bottom;
     1615  vertical-align: -webkit-baseline-middle;
     1616  list-style: none;
     1617}
     1618
     1619.social-navigation ul.social-links-menu li:nth-child(n+2) {
     1620  margin-left: 0.1em;
     1621}
     1622
     1623.social-navigation ul.social-links-menu li a {
     1624  border-bottom: 1px solid transparent;
     1625  display: block;
     1626  color: #111;
     1627  margin-bottom: -1px;
     1628  transition: opacity 110ms ease-in-out;
     1629}
     1630
     1631.social-navigation ul.social-links-menu li a:hover, .social-navigation ul.social-links-menu li a:active {
     1632  color: #111;
     1633  opacity: 0.6;
     1634}
     1635
     1636.social-navigation ul.social-links-menu li a:focus {
     1637  color: #111;
     1638  opacity: 1;
     1639  border-bottom: 1px solid #111;
     1640}
     1641
     1642.social-navigation ul.social-links-menu li a svg {
     1643  display: block;
     1644  width: 32px;
     1645  height: 32px;
     1646  transform: translateZ(0);
     1647}
     1648
     1649.social-navigation ul.social-links-menu li a svg#ui-icon-link {
     1650  transform: rotate(-45deg);
     1651}
     1652
     1653@media only screen and (min-width: 768px) {
     1654  .site-title + .social-navigation,
     1655  .site-description + .social-navigation {
     1656    margin-top: calc(1rem / 5);
     1657  }
     1658}
     1659
     1660/** === Footer menu === */
     1661.footer-navigation {
     1662  display: inline;
     1663}
     1664
     1665.footer-navigation > div {
     1666  display: inline;
     1667}
     1668
     1669.footer-navigation .footer-menu {
     1670  display: inline;
     1671  padding-left: 0;
     1672}
     1673
     1674.footer-navigation .footer-menu li {
     1675  display: inline;
     1676  margin-right: 1rem;
     1677}
     1678
     1679/*--------------------------------------------------------------
     1680## Next / Previous
     1681--------------------------------------------------------------*/
     1682/* Next/Previous navigation */
     1683.post-navigation {
     1684  margin: calc(3 * 1rem) 0;
     1685}
     1686
     1687@media only screen and (min-width: 768px) {
     1688  .post-navigation {
     1689    margin: calc(3 * 1rem) calc(10% + 60px);
     1690    max-width: calc(6 * (100vw / 12));
     1691  }
     1692}
     1693
     1694@media only screen and (min-width: 1168px) {
     1695  .post-navigation {
     1696    margin: calc(3 * 1rem) 0;
     1697    max-width: 100%;
     1698  }
     1699}
     1700
     1701.post-navigation .nav-links {
     1702  margin: 0 1rem;
     1703  max-width: 100%;
     1704  display: flex;
     1705  flex-direction: column;
     1706}
     1707
     1708@media only screen and (min-width: 768px) {
     1709  .post-navigation .nav-links {
     1710    margin: 0;
     1711  }
     1712}
     1713
     1714@media only screen and (min-width: 1168px) {
     1715  .post-navigation .nav-links {
     1716    flex-direction: row;
     1717    margin: 0 calc(10% + 60px);
     1718    max-width: calc(6 * (100vw / 12) - 28px);
     1719  }
     1720}
     1721
     1722.post-navigation .nav-links a .meta-nav {
     1723  color: #767676;
     1724  user-select: none;
     1725}
     1726
     1727.post-navigation .nav-links a .meta-nav:before, .post-navigation .nav-links a .meta-nav:after {
     1728  display: none;
     1729  content: "—";
     1730  width: 2em;
     1731  color: #767676;
     1732  height: 1em;
     1733}
     1734
     1735.post-navigation .nav-links a .post-title {
     1736  hyphens: auto;
     1737}
     1738
     1739.post-navigation .nav-links a:hover {
     1740  color: #005177;
     1741}
     1742
     1743@media only screen and (min-width: 1168px) {
     1744  .post-navigation .nav-links .nav-previous,
     1745  .post-navigation .nav-links .nav-next {
     1746    min-width: calc(50% - 2 * 1rem);
     1747  }
     1748}
     1749
     1750.post-navigation .nav-links .nav-previous {
     1751  order: 2;
     1752}
     1753
     1754@media only screen and (min-width: 1168px) {
     1755  .post-navigation .nav-links .nav-previous {
     1756    order: 1;
     1757  }
     1758}
     1759
     1760.post-navigation .nav-links .nav-previous + .nav-next {
     1761  margin-bottom: 1rem;
     1762}
     1763
     1764.post-navigation .nav-links .nav-previous .meta-nav:before {
     1765  display: inline;
     1766}
     1767
     1768.post-navigation .nav-links .nav-next {
     1769  order: 1;
     1770}
     1771
     1772@media only screen and (min-width: 1168px) {
     1773  .post-navigation .nav-links .nav-next {
     1774    order: 2;
     1775    padding-left: 1rem;
     1776  }
     1777}
     1778
     1779.post-navigation .nav-links .nav-next .meta-nav:after {
     1780  display: inline;
     1781}
     1782
     1783.pagination .nav-links {
     1784  display: flex;
     1785  flex-wrap: wrap;
     1786  padding: 0 calc(.5 * 1rem);
     1787}
     1788
     1789.pagination .nav-links > * {
     1790  padding: calc(.5 * 1rem);
     1791}
     1792
     1793.pagination .nav-links > *.dots, .pagination .nav-links > *.prev {
     1794  padding-left: 0;
     1795}
     1796
     1797.pagination .nav-links > *.dots, .pagination .nav-links > *.next {
     1798  padding-right: 0;
     1799}
     1800
     1801.pagination .nav-links a:focus {
     1802  text-decoration: underline;
     1803  outline-offset: -1px;
     1804}
     1805
     1806.pagination .nav-links a:focus.prev, .pagination .nav-links a:focus.next {
     1807  text-decoration: none;
     1808}
     1809
     1810.pagination .nav-links a:focus.prev .nav-prev-text,
     1811.pagination .nav-links a:focus.prev .nav-next-text, .pagination .nav-links a:focus.next .nav-prev-text,
     1812.pagination .nav-links a:focus.next .nav-next-text {
     1813  text-decoration: underline;
     1814}
     1815
     1816.pagination .nav-links .nav-next-text,
     1817.pagination .nav-links .nav-prev-text {
     1818  display: none;
     1819}
     1820
     1821@media only screen and (min-width: 768px) {
     1822  .pagination .nav-links {
     1823    margin-left: calc(10% + 60px);
     1824    padding: 0;
     1825  }
     1826  .pagination .nav-links .prev > *,
     1827  .pagination .nav-links .next > * {
     1828    display: inline-block;
     1829    vertical-align: text-bottom;
     1830  }
     1831  .pagination .nav-links > * {
     1832    padding: 1rem;
     1833  }
     1834}
     1835
     1836.comment-navigation .nav-links {
     1837  display: flex;
     1838  flex-direction: row;
     1839}
     1840
     1841.comment-navigation .nav-previous,
     1842.comment-navigation .nav-next {
     1843  min-width: 50%;
     1844  width: 100%;
     1845  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
     1846  font-weight: bold;
     1847}
     1848
     1849.comment-navigation .nav-previous .secondary-text,
     1850.comment-navigation .nav-next .secondary-text {
     1851  display: none;
     1852}
     1853
     1854@media only screen and (min-width: 768px) {
     1855  .comment-navigation .nav-previous .secondary-text,
     1856  .comment-navigation .nav-next .secondary-text {
     1857    display: inline;
     1858  }
     1859}
     1860
     1861.comment-navigation .nav-previous svg,
     1862.comment-navigation .nav-next svg {
     1863  vertical-align: middle;
     1864  position: relative;
     1865  margin: 0 -0.35em;
     1866  top: -1px;
     1867}
     1868
     1869.comment-navigation .nav-next {
     1870  text-align: right;
     1871}
     1872
     1873/* Accessibility */
     1874/* Text meant only for screen readers. */
     1875.screen-reader-text {
     1876  border: 0;
     1877  clip: rect(1px, 1px, 1px, 1px);
     1878  clip-path: inset(50%);
     1879  height: 1px;
     1880  margin: -1px;
     1881  overflow: hidden;
     1882  padding: 0;
     1883  position: absolute !important;
     1884  width: 1px;
     1885  word-wrap: normal !important;
     1886  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
     1887}
     1888
     1889.screen-reader-text:focus {
     1890  background-color: #f1f1f1;
     1891  border-radius: 3px;
     1892  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
     1893  clip: auto !important;
     1894  clip-path: none;
     1895  color: #21759b;
     1896  display: block;
     1897  font-size: 14px;
     1898  font-size: 0.875rem;
     1899  font-weight: bold;
     1900  height: auto;
     1901  left: 5px;
     1902  line-height: normal;
     1903  padding: 15px 23px 14px;
     1904  text-decoration: none;
     1905  top: 5px;
     1906  width: auto;
     1907  z-index: 100000;
     1908  /* Above WP toolbar. */
     1909}
     1910
     1911/* Do not show the outline on the skip link target. */
     1912#content[tabindex="-1"]:focus {
     1913  outline: 0;
     1914}
     1915
     1916/* Alignments */
     1917.alignleft {
     1918  /*rtl:ignore*/
     1919  float: left;
     1920  /*rtl:ignore*/
     1921  margin-right: 1rem;
     1922}
     1923
     1924@media only screen and (min-width: 768px) {
     1925  .alignleft {
     1926    /*rtl:ignore*/
     1927    margin-right: calc(2 * 1rem);
     1928  }
     1929}
     1930
     1931.alignright {
     1932  /*rtl:ignore*/
     1933  float: right;
     1934  /*rtl:ignore*/
     1935  margin-left: 1rem;
     1936}
     1937
     1938@media only screen and (min-width: 768px) {
     1939  .alignright {
     1940    /*rtl:ignore*/
     1941    margin-left: calc(2 * 1rem);
     1942  }
     1943}
     1944
     1945.aligncenter {
     1946  clear: both;
     1947  display: block;
     1948  margin-left: auto;
     1949  margin-right: auto;
     1950}
     1951
     1952/* Clearings */
     1953.clear:before,
     1954.clear:after,
     1955.entry-content:before,
     1956.entry-content:after,
     1957.comment-content:before,
     1958.comment-content:after,
     1959.site-header:before,
     1960.site-header:after,
     1961.site-content:before,
     1962.site-content:after,
     1963.site-footer:before,
     1964.site-footer:after {
     1965  content: "";
     1966  display: table;
     1967  table-layout: fixed;
     1968}
     1969
     1970.clear:after,
     1971.entry-content:after,
     1972.comment-content:after,
     1973.site-header:after,
     1974.site-content:after,
     1975.site-footer:after {
     1976  clear: both;
     1977}
     1978
     1979/* Layout */
     1980/** === Layout === */
     1981#page {
     1982  width: 100%;
     1983  word-wrap: break-word;
     1984}
     1985
     1986.site-content {
     1987  overflow: hidden;
     1988}
     1989
     1990/* Content */
     1991/*--------------------------------------------------------------
     1992## Header
     1993--------------------------------------------------------------*/
     1994.site-header {
     1995  padding: 1em;
     1996}
     1997
     1998.site-header.featured-image {
     1999  display: flex;
     2000  flex-direction: column;
     2001  justify-content: space-between;
     2002  min-height: 90vh;
     2003}
     2004
     2005.site-header.featured-image .site-branding-container {
     2006  margin-bottom: auto;
     2007}
     2008
     2009@media only screen and (min-width: 768px) {
     2010  .site-header {
     2011    margin: 0;
     2012    padding: 3rem 0;
     2013  }
     2014  .site-header.featured-image {
     2015    min-height: 100vh;
     2016    margin-bottom: 3rem;
     2017  }
     2018}
     2019
     2020.site-branding {
     2021  color: #767676;
     2022  position: relative;
     2023}
     2024
     2025@media only screen and (min-width: 768px) {
     2026  .site-branding {
     2027    margin: 0 calc(10% + 60px);
     2028  }
     2029}
     2030
     2031.site-logo {
     2032  position: relative;
     2033  z-index: 999;
     2034  margin-bottom: calc(.66 * 1rem);
     2035}
     2036
     2037@media only screen and (min-width: 768px) {
     2038  .site-logo {
     2039    margin-bottom: 0;
     2040    position: absolute;
     2041    right: calc(100% + (1.25 * 1rem));
     2042    top: 4px;
     2043    z-index: 999;
     2044  }
     2045}
     2046
     2047.site-logo .custom-logo-link {
     2048  border-radius: 100%;
     2049  box-sizing: content-box;
     2050  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
     2051  display: block;
     2052  width: 50px;
     2053  height: 50px;
     2054  overflow: hidden;
     2055  transition: box-shadow 200ms ease-in-out;
     2056}
     2057
     2058.site-logo .custom-logo-link .custom-logo {
     2059  min-height: inherit;
     2060}
     2061
     2062.site-logo .custom-logo-link:hover, .site-logo .custom-logo-link:active, .site-logo .custom-logo-link:focus {
     2063  box-shadow: 0 0 0 2px black;
     2064}
     2065
     2066@media only screen and (min-width: 768px) {
     2067  .site-logo .custom-logo-link {
     2068    width: 64px;
     2069    height: 64px;
     2070  }
     2071}
     2072
     2073.site-title {
     2074  margin: auto;
     2075  display: inline;
     2076  color: #111;
     2077  /* When there is no description set, make sure navigation appears below title. */
     2078}
     2079
     2080.site-title a {
     2081  color: #111;
     2082}
     2083
     2084.site-title a:link, .site-title a:visited {
     2085  color: #111;
     2086}
     2087
     2088.site-title a:hover {
     2089  color: #4a4a4a;
     2090}
     2091
     2092.featured-image .site-title {
     2093  margin: 0;
     2094}
     2095
     2096@media only screen and (min-width: 768px) {
     2097  .featured-image .site-title {
     2098    display: inline-block;
     2099  }
     2100}
     2101
     2102.site-title + .main-navigation {
     2103  display: block;
     2104}
     2105
     2106@media only screen and (min-width: 768px) {
     2107  .site-title {
     2108    display: inline;
     2109  }
     2110}
     2111
     2112.site-title:not(:empty) + .site-description:not(:empty):before {
     2113  content: "\2014";
     2114  margin: 0 .2em;
     2115}
     2116
     2117.site-description {
     2118  display: inline;
     2119  color: #767676;
     2120  font-weight: normal;
     2121  margin: 0;
     2122}
     2123
     2124.site-header.featured-image {
     2125  /* Hide overflow for overflowing featured image */
     2126  overflow: hidden;
     2127  /* Need relative positioning to properly align layers. */
     2128  position: relative;
     2129  /* Add text shadow to text, to increase readability. */
     2130  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
     2131  /* Set white text color when featured image is set. */
     2132  /* add focus state to social media icons */
     2133  /* Entry header */
     2134  /* Custom Logo Link */
     2135  /* Make sure important elements are above pseudo elements used for effects. */
     2136  /* Set up image filter layer positioning */
     2137  /* Background & Effects */
     2138  /* Shared background settings between pseudo elements. */
     2139  background-position: center;
     2140  background-repeat: no-repeat;
     2141  background-size: cover;
     2142  /* The intensity of each blend mode is controlled via layer opacity. */
     2143  /* Second layer: screen. */
     2144  /* Third layer: multiply. */
     2145  /* When image filters are inactive, a black overlay is added. */
     2146  /* Fourth layer: overlay. */
     2147  /* Fifth layer: readability overlay */
     2148}
     2149
     2150.site-header.featured-image .site-branding .site-title,
     2151.site-header.featured-image .site-branding .site-description,
     2152.site-header.featured-image .main-navigation a:after,
     2153.site-header.featured-image .main-navigation .main-menu > li.menu-item-has-children:after,
     2154.site-header.featured-image .main-navigation li,
     2155.site-header.featured-image .social-navigation li,
     2156.site-header.featured-image .entry-meta,
     2157.site-header.featured-image .entry-title {
     2158  color: #fff;
     2159}
     2160
     2161.site-header.featured-image .main-navigation a,
     2162.site-header.featured-image .main-navigation a + svg,
     2163.site-header.featured-image .social-navigation a,
     2164.site-header.featured-image .site-title a,
     2165.site-header.featured-image .site-featured-image a {
     2166  color: #fff;
     2167  transition: opacity 110ms ease-in-out;
     2168}
     2169
     2170.site-header.featured-image .main-navigation a:hover, .site-header.featured-image .main-navigation a:active,
     2171.site-header.featured-image .main-navigation a:hover + svg,
     2172.site-header.featured-image .main-navigation a:active + svg,
     2173.site-header.featured-image .main-navigation a + svg:hover,
     2174.site-header.featured-image .main-navigation a + svg:active,
     2175.site-header.featured-image .main-navigation a + svg:hover + svg,
     2176.site-header.featured-image .main-navigation a + svg:active + svg,
     2177.site-header.featured-image .social-navigation a:hover,
     2178.site-header.featured-image .social-navigation a:active,
     2179.site-header.featured-image .social-navigation a:hover + svg,
     2180.site-header.featured-image .social-navigation a:active + svg,
     2181.site-header.featured-image .site-title a:hover,
     2182.site-header.featured-image .site-title a:active,
     2183.site-header.featured-image .site-title a:hover + svg,
     2184.site-header.featured-image .site-title a:active + svg,
     2185.site-header.featured-image .site-featured-image a:hover,
     2186.site-header.featured-image .site-featured-image a:active,
     2187.site-header.featured-image .site-featured-image a:hover + svg,
     2188.site-header.featured-image .site-featured-image a:active + svg {
     2189  color: #fff;
     2190  opacity: 0.6;
     2191}
     2192
     2193.site-header.featured-image .main-navigation a:focus,
     2194.site-header.featured-image .main-navigation a:focus + svg,
     2195.site-header.featured-image .main-navigation a + svg:focus,
     2196.site-header.featured-image .main-navigation a + svg:focus + svg,
     2197.site-header.featured-image .social-navigation a:focus,
     2198.site-header.featured-image .social-navigation a:focus + svg,
     2199.site-header.featured-image .site-title a:focus,
     2200.site-header.featured-image .site-title a:focus + svg,
     2201.site-header.featured-image .site-featured-image a:focus,
     2202.site-header.featured-image .site-featured-image a:focus + svg {
     2203  color: #fff;
     2204}
     2205
     2206.site-header.featured-image .main-navigation .sub-menu a {
     2207  opacity: inherit;
     2208}
     2209
     2210.site-header.featured-image .social-navigation a:focus {
     2211  color: #fff;
     2212  opacity: 1;
     2213  border-bottom: 1px solid #fff;
     2214}
     2215
     2216.site-header.featured-image .social-navigation svg,
     2217.site-header.featured-image .site-featured-image svg {
     2218  /* Use -webkit- only if supporting: Chrome < 54, iOS < 9.3, Android < 4.4.4 */
     2219  -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.35));
     2220  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.35));
     2221}
     2222
     2223.site-header.featured-image .site-featured-image {
     2224  /* First layer: grayscale. */
     2225}
     2226
     2227.site-header.featured-image .site-featured-image .post-thumbnail img {
     2228  height: auto;
     2229  left: 50%;
     2230  max-width: 1000%;
     2231  min-height: 100%;
     2232  min-width: 100vw;
     2233  position: absolute;
     2234  top: 50%;
     2235  transform: translateX(-50%) translateY(-50%);
     2236  width: auto;
     2237  z-index: 1;
     2238  /* When image filters are active, make it grayscale to colorize it blue. */
     2239}
     2240
     2241@supports (object-fit: cover) {
     2242  .site-header.featured-image .site-featured-image .post-thumbnail img {
     2243    height: 100%;
     2244    left: 0;
     2245    object-fit: cover;
     2246    top: 0;
     2247    transform: none;
     2248    width: 100%;
     2249  }
     2250}
     2251
     2252.image-filters-enabled .site-header.featured-image .site-featured-image .post-thumbnail img {
     2253  filter: grayscale(100%);
     2254}
     2255
     2256.site-header.featured-image .site-featured-image .entry-header {
     2257  margin-top: calc( 4 * 1rem);
     2258  margin-bottom: 0;
     2259  margin-left: 0;
     2260  margin-right: 0;
     2261  /* Entry meta */
     2262}
     2263
     2264@media only screen and (min-width: 768px) {
     2265  .site-header.featured-image .site-featured-image .entry-header {
     2266    margin-left: calc(10% + 60px);
     2267    margin-right: calc(10% + 60px);
     2268  }
     2269}
     2270
     2271.site-header.featured-image .site-featured-image .entry-header .entry-title:before {
     2272  background: #fff;
     2273}
     2274
     2275.site-header.featured-image .site-featured-image .entry-header .entry-meta {
     2276  font-weight: 500;
     2277}
     2278
     2279.site-header.featured-image .site-featured-image .entry-header .entry-meta > span {
     2280  margin-right: 1rem;
     2281  display: inline-block;
     2282}
     2283
     2284.site-header.featured-image .site-featured-image .entry-header .entry-meta > span:last-child {
     2285  margin-right: 0;
     2286}
     2287
     2288.site-header.featured-image .site-featured-image .entry-header .entry-meta a {
     2289  transition: color 110ms ease-in-out;
     2290  color: currentColor;
     2291}
     2292
     2293.site-header.featured-image .site-featured-image .entry-header .entry-meta a:hover {
     2294  text-decoration: none;
     2295}
     2296
     2297.site-header.featured-image .site-featured-image .entry-header .entry-meta .svg-icon {
     2298  position: relative;
     2299  display: inline-block;
     2300  vertical-align: middle;
     2301  margin-right: 0.5em;
     2302}
     2303
     2304.site-header.featured-image .site-featured-image .entry-header .entry-meta .discussion-avatar-list {
     2305  display: none;
     2306}
     2307
     2308@media only screen and (min-width: 768px) {
     2309  .site-header.featured-image .site-featured-image .entry-header.has-discussion .entry-meta {
     2310    display: flex;
     2311    position: relative;
     2312  }
     2313  .site-header.featured-image .site-featured-image .entry-header.has-discussion .entry-title {
     2314    padding-right: calc(1 * (100vw / 12) + 1rem);
     2315  }
     2316  .site-header.featured-image .site-featured-image .entry-header.has-discussion .entry-meta .comment-count {
     2317    position: absolute;
     2318    right: 0;
     2319  }
     2320  .site-header.featured-image .site-featured-image .entry-header.has-discussion .entry-meta .discussion-avatar-list {
     2321    display: block;
     2322    position: absolute;
     2323    bottom: 100%;
     2324  }
     2325}
     2326
     2327.site-header.featured-image .custom-logo-link {
     2328  background: #fff;
     2329  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
     2330}
     2331
     2332.site-header.featured-image .custom-logo-link:hover, .site-header.featured-image .custom-logo-link:active, .site-header.featured-image .custom-logo-link:focus {
     2333  box-shadow: 0 0 0 2px white;
     2334}
     2335
     2336.site-header.featured-image .site-branding {
     2337  position: relative;
     2338  z-index: 10;
     2339}
     2340
     2341.site-header.featured-image .site-featured-image .entry-header {
     2342  position: relative;
     2343  z-index: 9;
     2344}
     2345
     2346.site-header.featured-image .site-branding-container:after,
     2347.site-header.featured-image .site-featured-image:before,
     2348.site-header.featured-image .site-featured-image:after, .site-header.featured-image:after {
     2349  display: block;
     2350  position: absolute;
     2351  top: 0;
     2352  left: 0;
     2353  content: "\020";
     2354  width: 100%;
     2355  height: 100%;
     2356}
     2357
     2358.image-filters-enabled .site-header.featured-image .site-featured-image:before {
     2359  background: #0073aa;
     2360  mix-blend-mode: screen;
     2361  opacity: 0.1;
     2362}
     2363
     2364.site-header.featured-image .site-featured-image:after {
     2365  background: #000;
     2366  mix-blend-mode: multiply;
     2367  opacity: .7;
     2368  /* When image filters are active, a blue overlay is added. */
     2369}
     2370
     2371.image-filters-enabled .site-header.featured-image .site-featured-image:after {
     2372  background: #0073aa;
     2373  opacity: .8;
     2374  z-index: 3;
     2375  /* Browsers supporting mix-blend-mode don't need opacity < 1 */
     2376}
     2377
     2378@supports (mix-blend-mode: multiply) {
     2379  .image-filters-enabled .site-header.featured-image .site-featured-image:after {
     2380    opacity: 1;
     2381  }
     2382}
     2383
     2384.image-filters-enabled .site-header.featured-image .site-branding-container:after {
     2385  background: rgba(0, 0, 0, 0.35);
     2386  mix-blend-mode: overlay;
     2387  opacity: 0.5;
     2388  z-index: 4;
     2389  /* Browsers supporting mix-blend-mode can have a light overlay */
     2390}
     2391
     2392@supports (mix-blend-mode: overlay) {
     2393  .image-filters-enabled .site-header.featured-image .site-branding-container:after {
     2394    background: rgba(255, 255, 255, 0.35);
     2395  }
     2396}
     2397
     2398.site-header.featured-image:after {
     2399  background: #000;
     2400  /**
     2401                 * Add a transition to the readability overlay, to add a subtle
     2402                 * but smooth effect when resizing the screen.
     2403                 */
     2404  transition: opacity 1200ms ease-in-out;
     2405  opacity: 0.7;
     2406  z-index: 5;
     2407  /* When image filters are active, a blue overlay is added. */
     2408}
     2409
     2410.image-filters-enabled .site-header.featured-image:after {
     2411  background: #000e14;
     2412  opacity: 0.38;
     2413}
     2414
     2415@media only screen and (min-width: 768px) {
     2416  .image-filters-enabled .site-header.featured-image:after {
     2417    opacity: 0.18;
     2418  }
     2419}
     2420
     2421.site-header.featured-image ::-moz-selection {
     2422  background: rgba(255, 255, 255, 0.17);
     2423}
     2424
     2425.site-header.featured-image ::selection {
     2426  background: rgba(255, 255, 255, 0.17);
     2427}
     2428
     2429/*--------------------------------------------------------------
     2430## Posts and pages
     2431--------------------------------------------------------------*/
     2432.sticky {
     2433  display: block;
     2434}
     2435
     2436.sticky-post {
     2437  background: #0073aa;
     2438  color: #fff;
     2439  display: inline-block;
     2440  font-weight: bold;
     2441  line-height: 1;
     2442  padding: .25rem;
     2443  position: absolute;
     2444  text-transform: uppercase;
     2445  top: -1rem;
     2446  z-index: 1;
     2447}
     2448
     2449.updated:not(.published) {
     2450  display: none;
     2451}
     2452
     2453.page-links {
     2454  clear: both;
     2455  margin: 0 0 calc(1.5 * 1rem);
     2456}
     2457
     2458.entry {
     2459  margin-top: calc(6 * 1rem);
     2460}
     2461
     2462.entry:first-of-type {
     2463  margin-top: 0;
     2464}
     2465
     2466.entry .entry-header {
     2467  margin: calc(3 * 1rem) 1rem 1rem;
     2468  position: relative;
     2469}
     2470
     2471@media only screen and (min-width: 768px) {
     2472  .entry .entry-header {
     2473    margin: calc(3 * 1rem) calc(10% + 60px) 1rem;
     2474  }
     2475}
     2476
     2477.entry .entry-title {
     2478  margin: 0;
     2479}
     2480
     2481.entry .entry-title:before {
     2482  background: #767676;
     2483  content: "\020";
     2484  display: block;
     2485  height: 2px;
     2486  margin: 1rem 0;
     2487  width: 1em;
     2488}
     2489
     2490.entry .entry-title a {
     2491  color: inherit;
     2492}
     2493
     2494.entry .entry-title a:hover {
     2495  color: #4a4a4a;
     2496}
     2497
     2498.entry .entry-meta,
     2499.entry .entry-footer {
     2500  color: #767676;
     2501  font-weight: 500;
     2502}
     2503
     2504.entry .entry-meta > span,
     2505.entry .entry-footer > span {
     2506  margin-right: 1rem;
     2507  display: inline-block;
     2508}
     2509
     2510.entry .entry-meta > span:last-child,
     2511.entry .entry-footer > span:last-child {
     2512  margin-right: 0;
     2513}
     2514
     2515.entry .entry-meta a,
     2516.entry .entry-footer a {
     2517  transition: color 110ms ease-in-out;
     2518  color: currentColor;
     2519}
     2520
     2521.entry .entry-meta a:hover,
     2522.entry .entry-footer a:hover {
     2523  text-decoration: none;
     2524  color: #0073aa;
     2525}
     2526
     2527.entry .entry-meta .svg-icon,
     2528.entry .entry-footer .svg-icon {
     2529  position: relative;
     2530  display: inline-block;
     2531  vertical-align: middle;
     2532  margin-right: 0.5em;
     2533}
     2534
     2535.entry .entry-meta {
     2536  margin: 1rem 0;
     2537}
     2538
     2539.entry .entry-footer {
     2540  margin: calc(2 * 1rem) 1rem 1rem;
     2541}
     2542
     2543@media only screen and (min-width: 768px) {
     2544  .entry .entry-footer {
     2545    margin: 1rem calc(10% + 60px) calc(3 * 1rem);
     2546    max-width: calc(8 * (100vw / 12) - 28px);
     2547  }
     2548}
     2549
     2550@media only screen and (min-width: 768px) {
     2551  .entry .entry-footer {
     2552    max-width: calc(6 * (100vw / 12) - 28px);
     2553  }
     2554}
     2555
     2556.entry .post-thumbnail {
     2557  margin: 1rem;
     2558}
     2559
     2560@media only screen and (min-width: 768px) {
     2561  .entry .post-thumbnail {
     2562    margin: 1rem calc(10% + 60px);
     2563  }
     2564}
     2565
     2566.entry .post-thumbnail:focus {
     2567  outline: none;
     2568}
     2569
     2570.entry .post-thumbnail .post-thumbnail-inner {
     2571  display: block;
     2572}
     2573
     2574.entry .post-thumbnail .post-thumbnail-inner img {
     2575  position: relative;
     2576  display: block;
     2577  width: 100%;
     2578}
     2579
     2580.image-filters-enabled .entry .post-thumbnail {
     2581  position: relative;
     2582  display: block;
     2583}
     2584
     2585.image-filters-enabled .entry .post-thumbnail .post-thumbnail-inner {
     2586  filter: grayscale(100%);
     2587}
     2588
     2589.image-filters-enabled .entry .post-thumbnail .post-thumbnail-inner:after {
     2590  background: rgba(0, 0, 0, 0.35);
     2591  content: "";
     2592  display: block;
     2593  height: 100%;
     2594  opacity: .5;
     2595  pointer-events: none;
     2596  position: absolute;
     2597  top: 0;
     2598  width: 100%;
     2599  z-index: 4;
     2600}
     2601
     2602@supports (mix-blend-mode: multiply) {
     2603  .image-filters-enabled .entry .post-thumbnail .post-thumbnail-inner:after {
     2604    display: none;
     2605  }
     2606}
     2607
     2608.image-filters-enabled .entry .post-thumbnail:before, .image-filters-enabled .entry .post-thumbnail:after {
     2609  position: absolute;
     2610  display: block;
     2611  width: 100%;
     2612  height: 100%;
     2613  top: 0;
     2614  left: 0;
     2615  content: "\020";
     2616  pointer-events: none;
     2617}
     2618
     2619.image-filters-enabled .entry .post-thumbnail:before {
     2620  background: #0073aa;
     2621  mix-blend-mode: screen;
     2622  opacity: 0.1;
     2623  z-index: 2;
     2624}
     2625
     2626.image-filters-enabled .entry .post-thumbnail:after {
     2627  background: #0073aa;
     2628  mix-blend-mode: multiply;
     2629  opacity: .8;
     2630  z-index: 3;
     2631  /* Browsers supporting mix-blend-mode don't need opacity < 1 */
     2632}
     2633
     2634@supports (mix-blend-mode: multiply) {
     2635  .image-filters-enabled .entry .post-thumbnail:after {
     2636    opacity: 1;
     2637  }
     2638}
     2639
     2640.entry .entry-content,
     2641.entry .entry-summary {
     2642  max-width: calc(100% - (2 * 1rem));
     2643  margin: 0 1rem;
     2644}
     2645
     2646@media only screen and (min-width: 768px) {
     2647  .entry .entry-content,
     2648  .entry .entry-summary {
     2649    max-width: 80%;
     2650    margin: 0 10%;
     2651    padding: 0 60px;
     2652  }
     2653}
     2654
     2655.entry .entry-content p {
     2656  word-wrap: break-word;
     2657}
     2658
     2659.entry .entry-content .more-link {
     2660  transition: color 110ms ease-in-out;
     2661  display: inline;
     2662  color: inherit;
     2663}
     2664
     2665.entry .entry-content .more-link:after {
     2666  content: "\02192";
     2667  display: inline-block;
     2668  margin-left: 0.5em;
     2669}
     2670
     2671.entry .entry-content .more-link:hover {
     2672  color: #0073aa;
     2673  text-decoration: none;
     2674}
     2675
     2676.entry .entry-content a {
     2677  text-decoration: underline;
     2678}
     2679
     2680.entry .entry-content a.button, .entry .entry-content a:hover {
     2681  text-decoration: none;
     2682}
     2683
     2684.entry .entry-content a.button {
     2685  display: inline-block;
     2686}
     2687
     2688.entry .entry-content a.button:hover {
     2689  background: #111;
     2690  color: #fff;
     2691  cursor: pointer;
     2692}
     2693
     2694.entry .entry-content > iframe[style] {
     2695  margin: 32px 0 !important;
     2696  max-width: 100% !important;
     2697}
     2698
     2699@media only screen and (min-width: 768px) {
     2700  .entry .entry-content > iframe[style] {
     2701    max-width: calc(8 * (100vw / 12) - 28px) !important;
     2702  }
     2703}
     2704
     2705@media only screen and (min-width: 1168px) {
     2706  .entry .entry-content > iframe[style] {
     2707    max-width: calc(6 * (100vw / 12) - 28px) !important;
     2708  }
     2709}
     2710
     2711.entry .entry-content .page-links a {
     2712  margin: calc(0.5 * 1rem);
     2713  text-decoration: none;
     2714}
     2715
     2716.entry .entry-content .wp-audio-shortcode {
     2717  max-width: calc(100vw - (2 * 1rem));
     2718}
     2719
     2720@media only screen and (min-width: 768px) {
     2721  .entry .entry-content .wp-audio-shortcode {
     2722    max-width: calc(8 * (100vw / 12) - 28px);
     2723  }
     2724}
     2725
     2726@media only screen and (min-width: 1168px) {
     2727  .entry .entry-content .wp-audio-shortcode {
     2728    max-width: calc(6 * (100vw / 12) - 28px);
     2729  }
     2730}
     2731
     2732/* Author description */
     2733.author-bio {
     2734  margin: calc(2 * 1rem) 1rem 1rem;
     2735}
     2736
     2737@media only screen and (min-width: 768px) {
     2738  .author-bio {
     2739    max-width: calc(8 * (100vw / 12) - 28px);
     2740  }
     2741}
     2742
     2743@media only screen and (min-width: 1168px) {
     2744  .author-bio {
     2745    max-width: calc(6 * (100vw / 12) - 28px);
     2746  }
     2747}
     2748
     2749@media only screen and (min-width: 768px) {
     2750  .author-bio {
     2751    margin: calc(3 * 1rem) calc(10% + 60px);
     2752  }
     2753}
     2754
     2755@media only screen and (min-width: 1168px) {
     2756  .author-bio {
     2757    margin: calc(3 * 1rem) calc(10% + 60px);
     2758  }
     2759}
     2760
     2761.author-bio .author-title {
     2762  display: inline;
     2763}
     2764
     2765.author-bio .author-title:before {
     2766  background: #767676;
     2767  content: "\020";
     2768  display: block;
     2769  height: 2px;
     2770  margin: 1rem 0;
     2771  width: 1em;
     2772}
     2773
     2774.author-bio .author-description {
     2775  display: inline;
     2776  color: #767676;
     2777  font-size: 1.125em;
     2778  line-height: 1.2;
     2779}
     2780
     2781.author-bio .author-description .author-link {
     2782  display: inline-block;
     2783}
     2784
     2785.author-bio .author-description .author-link:hover {
     2786  color: #005177;
     2787  text-decoration: none;
     2788}
     2789
     2790/*--------------------------------------------------------------
     2791## Comments
     2792--------------------------------------------------------------*/
     2793.comment-content a {
     2794  word-wrap: break-word;
     2795}
     2796
     2797.bypostauthor {
     2798  display: block;
     2799}
     2800
     2801.comments-area {
     2802  margin: calc(2 * 1rem) 1rem;
     2803  /* Add extra margin when the comments section is located immediately after the
     2804         * post itself (this happens on pages).
     2805         */
     2806}
     2807