From d3938a055583e9613b126f1f7fbddef654a1df7b Mon Sep 17 00:00:00 2001 From: Jeffrey Pearce Date: Thu, 16 May 2019 14:35:26 +0200 Subject: [PATCH 1/2] Fixes Elegant Business Responsive widths for columns block. #752 --- elegant-business/sass/blocks/_blocks.scss | 2 +- elegant-business/sass/mixins/_utilities.scss | 6 + .../sass/variables-site/_structure.scss | 1 + elegant-business/style-editor-customizer.css | 39 +- elegant-business/style-editor.css | 789 +-- elegant-business/style-jetpack.css | 57 +- elegant-business/style.css | 5170 +++++++---------- 7 files changed, 2334 insertions(+), 3730 deletions(-) diff --git a/elegant-business/sass/blocks/_blocks.scss b/elegant-business/sass/blocks/_blocks.scss index 75f5b6bf3..a497b009b 100644 --- a/elegant-business/sass/blocks/_blocks.scss +++ b/elegant-business/sass/blocks/_blocks.scss @@ -814,7 +814,7 @@ padding-right: $size__spacing-unit; } - @include media(tablet) { + @include media(tabletalt) { .wp-block-column > * { &:first-child { diff --git a/elegant-business/sass/mixins/_utilities.scss b/elegant-business/sass/mixins/_utilities.scss index c753fe278..052764fed 100644 --- a/elegant-business/sass/mixins/_utilities.scss +++ b/elegant-business/sass/mixins/_utilities.scss @@ -12,6 +12,12 @@ } } + @if tabletalt == $res { + @media only screen and (min-width: $tablet_alt_width) { + @content; + } + } + @if desktop == $res { @media only screen and (min-width: $desktop_width) { @content; diff --git a/elegant-business/sass/variables-site/_structure.scss b/elegant-business/sass/variables-site/_structure.scss index cdeee82ee..f0e6650af 100644 --- a/elegant-business/sass/variables-site/_structure.scss +++ b/elegant-business/sass/variables-site/_structure.scss @@ -12,6 +12,7 @@ $size__site-desktop-content: calc(6 * (100vw / 12) - 28px); $mobile_width: 600px; $tablet_width: 768px; +$tablet_alt_width: 782px; $desktop_width: 1168px; $wide_width: 1379px; diff --git a/elegant-business/style-editor-customizer.css b/elegant-business/style-editor-customizer.css index 4dca61e4b..6c1d36142 100644 --- a/elegant-business/style-editor-customizer.css +++ b/elegant-business/style-editor-customizer.css @@ -19,8 +19,7 @@ html[lang="ckb"] .wp-block *, html[lang="fa-IR"] .wp-block *, html[lang="haz"] .wp-block *, html[lang="ps"] .wp-block * { - font-family: Tahoma, Arial, sans-serif !important; -} + font-family: Tahoma, Arial, sans-serif !important; } /* Cyrillic */ html[lang="be"] .wp-block *, @@ -33,63 +32,51 @@ html[lang="sah"] .wp-block *, html[lang="sr-RS"] .wp-block *, html[lang="tt-RU"] .wp-block *, html[lang="uk"] .wp-block * { - font-family: 'Helvetica Neue', Helvetica, 'Segoe UI', Arial, sans-serif !important; -} + font-family: 'Helvetica Neue', Helvetica, 'Segoe UI', Arial, sans-serif !important; } /* Chinese (Hong Kong) */ html[lang="zh-HK"] .wp-block * { - font-family: -apple-system, BlinkMacSystemFont, 'PingFang HK', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important; -} + font-family: -apple-system, BlinkMacSystemFont, 'PingFang HK', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important; } /* Chinese (Taiwan) */ html[lang="zh-TW"] .wp-block * { - font-family: -apple-system, BlinkMacSystemFont, 'PingFang TC', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important; -} + font-family: -apple-system, BlinkMacSystemFont, 'PingFang TC', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important; } /* Chinese (China) */ html[lang="zh-CN"] .wp-block * { - font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important; -} + font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important; } /* Devanagari */ html[lang="bn-BD"] .wp-block *, html[lang="hi-IN"] .wp-block *, html[lang="mr"] .wp-block *, html[lang="ne-NP"] .wp-block * { - font-family: Arial, sans-serif !important; -} + font-family: Arial, sans-serif !important; } /* Greek */ html[lang="el"] .wp-block * { - font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important; -} + font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important; } /* Gujarati */ html[lang="gu"] .wp-block * { - font-family: Arial, sans-serif !important; -} + font-family: Arial, sans-serif !important; } /* Hebrew */ html[lang="he-IL"] .wp-block * { - font-family: 'Arial Hebrew', Arial, sans-serif !important; -} + font-family: 'Arial Hebrew', Arial, sans-serif !important; } /* Japanese */ html[lang="ja"] .wp-block * { - font-family: -apple-system, BlinkMacSystemFont, "Hiragino Sans", Meiryo, "Helvetica Neue", sans-serif !important; -} + font-family: -apple-system, BlinkMacSystemFont, "Hiragino Sans", Meiryo, "Helvetica Neue", sans-serif !important; } /* Korean */ html[lang="ko-KR"] .wp-block * { - font-family: 'Apple SD Gothic Neo', 'Malgun Gothic', 'Nanum Gothic', Dotum, sans-serif !important; -} + font-family: 'Apple SD Gothic Neo', 'Malgun Gothic', 'Nanum Gothic', Dotum, sans-serif !important; } /* Thai */ html[lang="th"] .wp-block * { - font-family: 'Sukhumvit Set', 'Helvetica Neue', helvetica, arial, sans-serif !important; -} + font-family: 'Sukhumvit Set', 'Helvetica Neue', helvetica, arial, sans-serif !important; } /* Vietnamese */ html[lang="vi"] .wp-block * { - font-family: 'Libre Franklin', sans-serif !important; -} + font-family: 'Libre Franklin', sans-serif !important; } diff --git a/elegant-business/style-editor.css b/elegant-business/style-editor.css index 641d6cd84..9262f65bd 100644 --- a/elegant-business/style-editor.css +++ b/elegant-business/style-editor.css @@ -14,74 +14,54 @@ Twenty Nineteen Editor Styles /* Nested sub-menu padding: 10 levels deep */ /** === Editor Frame === */ body .wp-block[data-align="full"] { - width: 100%; -} + width: 100%; } @media only screen and (min-width: 600px) { body .wp-block[data-align="full"] { width: calc( 100% + 90px); - max-width: calc( 100% + 90px); - } -} + max-width: calc( 100% + 90px); } } @media only screen and (min-width: 768px) { body .editor-writing-flow { max-width: 80%; - margin: 0 10%; - } + margin: 0 10%; } body .wp-block[data-align="wide"] { - width: 100%; - } + width: 100%; } body .wp-block[data-align="full"] { position: relative; left: calc( -12.5% - 14px); width: calc( 125% + 116px); - max-width: calc( 125% + 115px); - } + max-width: calc( 125% + 115px); } body .wp-block[data-align="right"] { - max-width: 125%; - } -} + max-width: 125%; } } /** === Editor Block Toolbar Position === */ .editor-block-list__block[data-align="wide"] .editor-block-contextual-toolbar .editor-block-toolbar.editor-block-toolbar, .editor-block-list__block[data-align="full"] .editor-block-contextual-toolbar .editor-block-toolbar.editor-block-toolbar { - max-width: none; -} + max-width: none; } /** === Content Width === */ .wp-block { width: calc(100vw - (2 * 1rem)); - max-width: 100%; -} - -@media only screen and (min-width: 768px) { - .wp-block { - width: calc(8 * (100vw / 12)); - } -} - -@media only screen and (min-width: 1168px) { - .wp-block { - width: calc(6 * (100vw / 12 )); - } -} - -.wp-block .wp-block { - width: 100%; -} + max-width: 100%; } + @media only screen and (min-width: 768px) { + .wp-block { + width: calc(8 * (100vw / 12)); } } + @media only screen and (min-width: 1168px) { + .wp-block { + width: calc(6 * (100vw / 12 )); } } + .wp-block .wp-block { + width: 100%; } /** === Base Typography === */ body { font-size: 22px; font-family: "Source Serif Pro", "Baskerville Old Face", Garamond, "Times New Roman", serif; line-height: 1.8; - color: #111; -} + color: #111; } p { - font-size: 22px; -} + font-size: 22px; } h1, h2, @@ -93,8 +73,7 @@ h6 { font-weight: 700; margin-top: 3rem; margin-bottom: 3rem; - text-align: center; -} + text-align: center; } h1 { font-size: 1.125em; @@ -107,14 +86,10 @@ h1 { margin: $size__spacing-unit 0; width: 1em; } -*/ -} - -@media only screen and (min-width: 768px) { - h1 { - font-size: 1.6875em; - } -} +*/ } + @media only screen and (min-width: 768px) { + h1 { + font-size: 1.6875em; } } h2 { font-size: 22px; @@ -127,111 +102,91 @@ h2 { margin: $size__spacing-unit 0; width: 1em; } -*/ -} - -@media only screen and (min-width: 768px) { - h2 { - font-size: 1.125em; - } -} +*/ } + @media only screen and (min-width: 768px) { + h2 { + font-size: 1.125em; } } h3 { - font-size: 22px; -} + font-size: 22px; } h4 { - font-size: 0.88889em; -} + font-size: 0.8888888889em; } h5 { - font-size: 0.71111em; -} + font-size: 0.7111111111em; } h6 { - font-size: 0.59259em; -} + font-size: 0.5925925926em; } a { transition: color 110ms ease-in-out; - color: #c43d80; -} - -a:hover, a:active { - color: #9e3067; - outline: 0; - text-decoration: none; -} - -a:focus { - outline: 0; - text-decoration: underline; -} + color: #c43d80; } + a:hover, a:active { + color: #9e3067; + outline: 0; + text-decoration: none; } + a:focus { + outline: 0; + text-decoration: underline; } .has-primary-background-color, .has-secondary-background-color, .has-dark-gray-background-color, .has-light-gray-background-color { - color: #fff; -} - -.has-primary-background-color p, -.has-primary-background-color h1, -.has-primary-background-color h2, -.has-primary-background-color h3, -.has-primary-background-color h4, -.has-primary-background-color h5, -.has-primary-background-color h6, -.has-primary-background-color a, -.has-secondary-background-color p, -.has-secondary-background-color h1, -.has-secondary-background-color h2, -.has-secondary-background-color h3, -.has-secondary-background-color h4, -.has-secondary-background-color h5, -.has-secondary-background-color h6, -.has-secondary-background-color a, -.has-dark-gray-background-color p, -.has-dark-gray-background-color h1, -.has-dark-gray-background-color h2, -.has-dark-gray-background-color h3, -.has-dark-gray-background-color h4, -.has-dark-gray-background-color h5, -.has-dark-gray-background-color h6, -.has-dark-gray-background-color a, -.has-light-gray-background-color p, -.has-light-gray-background-color h1, -.has-light-gray-background-color h2, -.has-light-gray-background-color h3, -.has-light-gray-background-color h4, -.has-light-gray-background-color h5, -.has-light-gray-background-color h6, -.has-light-gray-background-color a { - color: #fff; -} + color: #fff; } + .has-primary-background-color p, + .has-primary-background-color h1, + .has-primary-background-color h2, + .has-primary-background-color h3, + .has-primary-background-color h4, + .has-primary-background-color h5, + .has-primary-background-color h6, + .has-primary-background-color a, + .has-secondary-background-color p, + .has-secondary-background-color h1, + .has-secondary-background-color h2, + .has-secondary-background-color h3, + .has-secondary-background-color h4, + .has-secondary-background-color h5, + .has-secondary-background-color h6, + .has-secondary-background-color a, + .has-dark-gray-background-color p, + .has-dark-gray-background-color h1, + .has-dark-gray-background-color h2, + .has-dark-gray-background-color h3, + .has-dark-gray-background-color h4, + .has-dark-gray-background-color h5, + .has-dark-gray-background-color h6, + .has-dark-gray-background-color a, + .has-light-gray-background-color p, + .has-light-gray-background-color h1, + .has-light-gray-background-color h2, + .has-light-gray-background-color h3, + .has-light-gray-background-color h4, + .has-light-gray-background-color h5, + .has-light-gray-background-color h6, + .has-light-gray-background-color a { + color: #fff; } .has-white-background-color { - color: #111; -} - -.has-white-background-color p, -.has-white-background-color h1, -.has-white-background-color h2, -.has-white-background-color h3, -.has-white-background-color h4, -.has-white-background-color h5, -.has-white-background-color h6, -.has-white-background-color a { - color: #111; -} + color: #111; } + .has-white-background-color p, + .has-white-background-color h1, + .has-white-background-color h2, + .has-white-background-color h3, + .has-white-background-color h4, + .has-white-background-color h5, + .has-white-background-color h6, + .has-white-background-color a { + color: #111; } figcaption, .gallery-caption { font-family: "Source Serif Pro", "Baskerville Old Face", Garamond, "Times New Roman", serif; - font-size: 0.71111em; + font-size: 0.7111111111em; line-height: 1.6; - color: #767676; -} + color: #767676; } /** === Post Title === */ .editor-post-title__block { @@ -244,34 +199,27 @@ figcaption, margin: $size__spacing-unit 0; width: 1em; } -*/ -} - -.editor-post-title__block:before { - width: 2.8125em; - margin-top: 0; - margin-bottom: 0; - margin-left: 1em; - position: relative; - top: 0.5em; -} - -.editor-post-title__block .editor-post-title__input { - font-family: "Source Serif Pro", "Baskerville Old Face", Garamond, "Times New Roman", serif; - font-size: 2.8125em; - font-weight: 700; -} +*/ } + .editor-post-title__block:before { + width: 2.8125em; + margin-top: 0; + margin-bottom: 0; + margin-left: 1em; + position: relative; + top: 0.5em; } + .editor-post-title__block .editor-post-title__input { + font-family: "Source Serif Pro", "Baskerville Old Face", Garamond, "Times New Roman", serif; + font-size: 2.8125em; + font-weight: 700; } /** === Default Appender === */ .editor-default-block-appender .editor-default-block-appender__content { font-family: "Source Serif Pro", "Baskerville Old Face", Garamond, "Times New Roman", serif; - font-size: 22px; -} + font-size: 22px; } /** === Heading === */ .wp-block-heading strong { - font-weight: bolder; -} + font-weight: bolder; } /** === Paragraph === */ .wp-block-paragraph.has-drop-cap:not(:focus)::first-letter { @@ -279,217 +227,161 @@ figcaption, font-size: 5.7375em; line-height: 1; font-weight: normal; - margin: 0 0.25em 0 0; -} + margin: 0 0.25em 0 0; } /** === Table === */ .wp-block-table { - font-family: "Source Serif Pro", "Baskerville Old Face", Garamond, "Times New Roman", serif; -} + font-family: "Source Serif Pro", "Baskerville Old Face", Garamond, "Times New Roman", serif; } /** === Cover === */ .wp-block-cover, .wp-block-cover-image { - min-height: 420px; -} - -.wp-block-cover h2, -.wp-block-cover .wp-block-cover-text, -.wp-block-cover-image h2, -.wp-block-cover-image .wp-block-cover-text { - font-family: "Source Serif Pro", "Baskerville Old Face", Garamond, "Times New Roman", serif; - font-size: 1.6875em; - font-weight: bold; - line-height: 1.4; - padding-left: 1rem; - padding-right: 1rem; -} - -.wp-block-cover h2 strong, -.wp-block-cover .wp-block-cover-text strong, -.wp-block-cover-image h2 strong, -.wp-block-cover-image .wp-block-cover-text strong { - font-weight: bolder; -} - -@media only screen and (min-width: 768px) { + min-height: 420px; } .wp-block-cover h2, .wp-block-cover .wp-block-cover-text, .wp-block-cover-image h2, .wp-block-cover-image .wp-block-cover-text { - margin-left: auto; - margin-right: auto; - padding: 0; - } -} - -@media only screen and (min-width: 768px) { - .wp-block-cover, - .wp-block-cover-image { - min-height: 560px; - padding-left: 10%; - padding-right: 10%; - } - .wp-block-cover h2, - .wp-block-cover .wp-block-cover-text, - .wp-block-cover-image h2, - .wp-block-cover-image .wp-block-cover-text { - font-size: 2.25em; - } -} + font-family: "Source Serif Pro", "Baskerville Old Face", Garamond, "Times New Roman", serif; + font-size: 1.6875em; + font-weight: bold; + line-height: 1.4; + padding-left: 1rem; + padding-right: 1rem; } + .wp-block-cover h2 strong, + .wp-block-cover .wp-block-cover-text strong, + .wp-block-cover-image h2 strong, + .wp-block-cover-image .wp-block-cover-text strong { + font-weight: bolder; } + @media only screen and (min-width: 768px) { + .wp-block-cover h2, + .wp-block-cover .wp-block-cover-text, + .wp-block-cover-image h2, + .wp-block-cover-image .wp-block-cover-text { + margin-left: auto; + margin-right: auto; + padding: 0; } } + @media only screen and (min-width: 768px) { + .wp-block-cover, + .wp-block-cover-image { + min-height: 560px; + padding-left: 10%; + padding-right: 10%; } + .wp-block-cover h2, + .wp-block-cover .wp-block-cover-text, + .wp-block-cover-image h2, + .wp-block-cover-image .wp-block-cover-text { + font-size: 2.25em; } } .wp-block[data-type="core/cover"][data-align="left"] .editor-block-list__block-edit, .wp-block[data-type="core/cover"][data-align="right"] .editor-block-list__block-edit { - width: calc(4 * (100vw / 12)); -} + width: calc(4 * (100vw / 12)); } .wp-block[data-type="core/cover"][data-align="left"] .wp-block-cover, .wp-block[data-type="core/cover"][data-align="right"] .wp-block-cover { width: 100%; - max-width: 100%; -} + max-width: 100%; } @media only screen and (min-width: 768px) { .wp-block[data-type="core/cover"][data-align="left"] .wp-block-cover, .wp-block[data-type="core/cover"][data-align="right"] .wp-block-cover { - padding: 1rem; - } -} + padding: 1rem; } } @media only screen and (min-width: 768px) { .wp-block[data-type="core/cover"][data-align="wide"] h2, .wp-block[data-type="core/cover"][data-align="wide"] .wp-block-cover-text { - max-width: calc(8 * (100vw / 12)); - } -} + max-width: calc(8 * (100vw / 12)); } } @media only screen and (min-width: 1168px) { .wp-block[data-type="core/cover"][data-align="wide"] h2, .wp-block[data-type="core/cover"][data-align="wide"] .wp-block-cover-text { - max-width: calc(6 * (100vw / 12)); - } -} + max-width: calc(6 * (100vw / 12)); } } @media only screen and (min-width: 768px) { .wp-block[data-type="core/cover"][data-align="full"] h2, .wp-block[data-type="core/cover"][data-align="full"] .wp-block-cover-text { - max-width: 100%; - } + max-width: 100%; } .wp-block[data-type="core/cover"][data-align="full"] .wp-block-cover { padding-left: calc(10% + 64px); - padding-right: calc(10% + 64px); - } -} + padding-right: calc(10% + 64px); } } /** === Gallery === */ .wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption, .wp-block-gallery .gallery-item .gallery-caption { - font-size: 0.71111em; - line-height: 1.6; -} + font-size: 0.7111111111em; + line-height: 1.6; } /** === Button === */ .wp-block-button .wp-block-button__link { line-height: 1.8; font-family: "Source Serif Pro", "Baskerville Old Face", Garamond, "Times New Roman", serif; - font-size: 0.88889em; - font-weight: bold; -} + font-size: 0.8888888889em; + font-weight: bold; } .wp-block-button:not(.is-style-outline) .wp-block-button__link { - background: #c43d80; -} + background: #c43d80; } .wp-block-button:not(.is-style-squared) .wp-block-button__link { - border-radius: 5px; -} + border-radius: 5px; } .wp-block-button.is-style-outline, .wp-block-button.is-style-outline:hover, .wp-block-button.is-style-outline:focus, .wp-block-button.is-style-outline:active { background: transparent; - color: #c43d80; -} - -.wp-block-button.is-style-outline .wp-block-button__link, .wp-block-button.is-style-outline:hover .wp-block-button__link, .wp-block-button.is-style-outline:focus .wp-block-button__link, .wp-block-button.is-style-outline:active .wp-block-button__link { - background: transparent; -} - -.wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color), .wp-block-button.is-style-outline:hover .wp-block-button__link:not(.has-text-color), .wp-block-button.is-style-outline:focus .wp-block-button__link:not(.has-text-color), .wp-block-button.is-style-outline:active .wp-block-button__link:not(.has-text-color) { - color: #c43d80; -} + color: #c43d80; } + .wp-block-button.is-style-outline .wp-block-button__link, .wp-block-button.is-style-outline:hover .wp-block-button__link, .wp-block-button.is-style-outline:focus .wp-block-button__link, .wp-block-button.is-style-outline:active .wp-block-button__link { + background: transparent; } + .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color), .wp-block-button.is-style-outline:hover .wp-block-button__link:not(.has-text-color), .wp-block-button.is-style-outline:focus .wp-block-button__link:not(.has-text-color), .wp-block-button.is-style-outline:active .wp-block-button__link:not(.has-text-color) { + color: #c43d80; } /** === Blockquote === */ .wp-block-quote:not(.is-large):not(.is-style-large) { border-color: #c43d80; - border-width: 2px; -} + border-width: 2px; } .wp-block-quote.is-large, .wp-block-quote.is-style-large { margin-top: 2.8125em; - margin-bottom: 2.8125em; -} + margin-bottom: 2.8125em; } .wp-block-quote.is-large p, .wp-block-quote.is-style-large p { font-size: 1.6875em; line-height: 1.3; margin-bottom: 0.5em; - margin-top: 0.5em; -} + margin-top: 0.5em; } .wp-block-quote cite, .wp-block-quote footer, .wp-block-quote .wp-block-quote__citation { font-family: "Source Serif Pro", "Baskerville Old Face", Garamond, "Times New Roman", serif; - font-size: 0.71111em; + font-size: 0.7111111111em; line-height: 1.6; - color: #767676; -} + color: #767676; } /** === Pullquote === */ .wp-block-pullquote { border-color: transparent; border-width: 2px; - color: #000; -} - -.wp-block-pullquote blockquote { - margin-top: calc(3 * 1rem); - margin-bottom: calc(3.33 * 1rem); - -webkit-hyphens: auto; - -ms-hyphens: auto; - hyphens: auto; - word-break: break-word; -} - -.wp-block-pullquote:not(.is-style-solid-color) .wp-block-pullquote__citation { - color: #767676; -} - -.wp-block-pullquote.is-style-solid-color blockquote { - width: calc(100% - (2 * 1rem)); - max-width: calc( 100% - (2 * 1rem)); -} - -.wp-block-pullquote.is-style-solid-color blockquote a, -.wp-block-pullquote.is-style-solid-color blockquote.has-text-color p, -.wp-block-pullquote.is-style-solid-color blockquote.has-text-color a { - color: inherit; -} - -.wp-block-pullquote.is-style-solid-color blockquote:not(.has-text-color) { - color: #fff; -} - -@media only screen and (min-width: 768px) { + color: #000; } + .wp-block-pullquote blockquote { + margin-top: calc(3 * 1rem); + margin-bottom: calc(3.33 * 1rem); + hyphens: auto; + word-break: break-word; } + .wp-block-pullquote:not(.is-style-solid-color) .wp-block-pullquote__citation { + color: #767676; } .wp-block-pullquote.is-style-solid-color blockquote { - max-width: 80%; - } -} - -.wp-block-pullquote.is-style-solid-color:not(.has-background-color) { - background-color: #c43d80; -} + width: calc(100% - (2 * 1rem)); + max-width: calc( 100% - (2 * 1rem)); } + .wp-block-pullquote.is-style-solid-color blockquote a, + .wp-block-pullquote.is-style-solid-color blockquote.has-text-color p, + .wp-block-pullquote.is-style-solid-color blockquote.has-text-color a { + color: inherit; } + .wp-block-pullquote.is-style-solid-color blockquote:not(.has-text-color) { + color: #fff; } + @media only screen and (min-width: 768px) { + .wp-block-pullquote.is-style-solid-color blockquote { + max-width: 80%; } } + .wp-block-pullquote.is-style-solid-color:not(.has-background-color) { + background-color: #c43d80; } .wp-block[data-type="core/pullquote"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before, .wp-block[data-type="core/pullquote"] blockquote > .editor-rich-text p, @@ -504,53 +396,42 @@ figcaption, font-style: italic; line-height: 1.3; margin-bottom: 0.5em; - margin-top: 0.5em; -} - -@media only screen and (min-width: 768px) { - .wp-block[data-type="core/pullquote"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before, - .wp-block[data-type="core/pullquote"] blockquote > .editor-rich-text p, - .wp-block[data-type="core/pullquote"] p, - .wp-block[data-type="core/pullquote"][data-align="left"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before, - .wp-block[data-type="core/pullquote"][data-align="left"] blockquote > .editor-rich-text p, - .wp-block[data-type="core/pullquote"][data-align="left"] p, - .wp-block[data-type="core/pullquote"][data-align="right"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before, - .wp-block[data-type="core/pullquote"][data-align="right"] blockquote > .editor-rich-text p, - .wp-block[data-type="core/pullquote"][data-align="right"] p { - font-size: 2.25em; - } -} + margin-top: 0.5em; } + @media only screen and (min-width: 768px) { + .wp-block[data-type="core/pullquote"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before, + .wp-block[data-type="core/pullquote"] blockquote > .editor-rich-text p, + .wp-block[data-type="core/pullquote"] p, + .wp-block[data-type="core/pullquote"][data-align="left"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before, + .wp-block[data-type="core/pullquote"][data-align="left"] blockquote > .editor-rich-text p, + .wp-block[data-type="core/pullquote"][data-align="left"] p, + .wp-block[data-type="core/pullquote"][data-align="right"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before, + .wp-block[data-type="core/pullquote"][data-align="right"] blockquote > .editor-rich-text p, + .wp-block[data-type="core/pullquote"][data-align="right"] p { + font-size: 2.25em; } } .wp-block[data-type="core/pullquote"] .wp-block-pullquote__citation, .wp-block[data-type="core/pullquote"][data-align="left"] .wp-block-pullquote__citation, .wp-block[data-type="core/pullquote"][data-align="right"] .wp-block-pullquote__citation { font-family: "Source Serif Pro", "Baskerville Old Face", Garamond, "Times New Roman", serif; - font-size: 0.71111em; + font-size: 0.7111111111em; line-height: 1.6; - text-transform: none; -} + text-transform: none; } .wp-block[data-type="core/pullquote"] em, .wp-block[data-type="core/pullquote"][data-align="left"] em, .wp-block[data-type="core/pullquote"][data-align="right"] em { - font-style: normal; -} + font-style: normal; } .wp-block[data-type="core/pullquote"][data-align="left"] .editor-block-list__block-edit, .wp-block[data-type="core/pullquote"][data-align="right"] .editor-block-list__block-edit { width: calc(4 * (100vw / 12)); - max-width: 50%; -} - -.wp-block[data-type="core/pullquote"][data-align="left"] .editor-block-list__block-edit .wp-block-pullquote:not(.is-style-solid-color), -.wp-block[data-type="core/pullquote"][data-align="right"] .editor-block-list__block-edit .wp-block-pullquote:not(.is-style-solid-color) { - padding: 0; -} - -.wp-block[data-type="core/pullquote"][data-align="left"] .editor-block-list__block-edit .wp-block-pullquote.is-style-solid-color, -.wp-block[data-type="core/pullquote"][data-align="right"] .editor-block-list__block-edit .wp-block-pullquote.is-style-solid-color { - padding: 1em; -} + max-width: 50%; } + .wp-block[data-type="core/pullquote"][data-align="left"] .editor-block-list__block-edit .wp-block-pullquote:not(.is-style-solid-color), + .wp-block[data-type="core/pullquote"][data-align="right"] .editor-block-list__block-edit .wp-block-pullquote:not(.is-style-solid-color) { + padding: 0; } + .wp-block[data-type="core/pullquote"][data-align="left"] .editor-block-list__block-edit .wp-block-pullquote.is-style-solid-color, + .wp-block[data-type="core/pullquote"][data-align="right"] .editor-block-list__block-edit .wp-block-pullquote.is-style-solid-color { + padding: 1em; } .wp-block[data-type="core/pullquote"][data-align="left"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before, .wp-block[data-type="core/pullquote"][data-align="left"] blockquote > .editor-rich-text p, @@ -560,61 +441,46 @@ figcaption, .wp-block[data-type="core/pullquote"][data-align="right"] blockquote > .editor-rich-text p, .wp-block[data-type="core/pullquote"][data-align="right"] p, .wp-block[data-type="core/pullquote"][data-align="right"] .wp-block-pullquote__citation { - text-align: left; -} + text-align: left; } @media only screen and (min-width: 768px) { .wp-block[data-type="core/pullquote"][data-align="full"] .wp-block-pullquote blockquote { - max-width: calc(80% - 128px); - } -} + max-width: calc(80% - 128px); } } /** === File === */ .wp-block-file { - font-family: "Source Serif Pro", "Baskerville Old Face", Garamond, "Times New Roman", serif; -} - -.wp-block-file .wp-block-file__textlink { - text-decoration: underline; - color: #c43d80; -} - -.wp-block-file .wp-block-file__textlink:hover { - color: #9e3067; - text-decoration: none; -} - -.wp-block-file .wp-block-file__button { - display: table; - line-height: 1.8; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; - font-size: 0.88889em; - font-weight: bold; - background-color: #c43d80; - border-radius: 5px; -} - -.wp-block-file .wp-block-file__button-richtext-wrapper { - display: block; - margin-top: calc(0.75 * 1rem); - margin-left: 0; -} + font-family: "Source Serif Pro", "Baskerville Old Face", Garamond, "Times New Roman", serif; } + .wp-block-file .wp-block-file__textlink { + text-decoration: underline; + color: #c43d80; } + .wp-block-file .wp-block-file__textlink:hover { + color: #9e3067; + text-decoration: none; } + .wp-block-file .wp-block-file__button { + display: table; + line-height: 1.8; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; + font-size: 0.8888888889em; + font-weight: bold; + background-color: #c43d80; + border-radius: 5px; } + .wp-block-file .wp-block-file__button-richtext-wrapper { + display: block; + margin-top: calc(0.75 * 1rem); + margin-left: 0; } /** === Verse === */ .wp-block-verse, .wp-block-verse pre { - padding: 0; -} + padding: 0; } /** === Code === */ .wp-block-code { - border-radius: 0; -} + border-radius: 0; } /** === Media & Text === */ [data-type="core/media-text"] .wp-block-media-text { - background: #f7f7f7; -} + background: #f7f7f7; } [data-type="core/media-text"] .wp-block-heading h1, [data-type="core/media-text"] .wp-block-heading h2, @@ -624,154 +490,114 @@ figcaption, [data-type="core/media-text"] .wp-block-heading h6 { text-align: inherit; margin-bottom: 1rem; - margin-top: 1rem; -} + margin-top: 1rem; } [data-type="core/media-text"] + [data-type="core/media-text"] { - margin-top: -32px; -} + margin-top: -32px; } [data-type="core/media-text"] a { - color: inherit; -} + color: inherit; } /** === Table === */ .wp-block-table td, .wp-block-table th { - border-color: #767676; -} + border-color: #767676; } /** === Separator === */ .wp-block-separator { margin-top: 3rem; - margin-bottom: 3rem; -} - -.wp-block-separator:not(.is-style-dots) { - border-bottom: 2px solid #f1f1f1; -} - -.wp-block-separator:not(.is-style-wide):not(.is-style-dots) { - width: 5em; -} - -.wp-block-separator.is-style-dots:before { - color: #767676; - font-size: 1.6875em; - letter-spacing: calc(2 * 1rem); - padding-left: calc(2 * 1rem); -} + margin-bottom: 3rem; } + .wp-block-separator:not(.is-style-dots) { + border-bottom: 2px solid #f1f1f1; } + .wp-block-separator:not(.is-style-wide):not(.is-style-dots) { + width: 5em; } + .wp-block-separator.is-style-dots:before { + color: #767676; + font-size: 1.6875em; + letter-spacing: calc(2 * 1rem); + padding-left: calc(2 * 1rem); } /** === Latest Posts, Archives, Categories === */ ul.wp-block-archives, .wp-block-categories, .wp-block-latest-posts { padding: 0; - list-style-type: none; -} - -ul.wp-block-archives ul, -.wp-block-categories ul, -.wp-block-latest-posts ul { - padding: 0; - list-style-type: none; -} - -ul.wp-block-archives li, -.wp-block-categories li, -.wp-block-latest-posts li { - color: #767676; - font-family: "Source Serif Pro", "Baskerville Old Face", Garamond, "Times New Roman", serif; - font-size: calc(22px * 1.125); - font-weight: bold; - line-height: 1.2; - padding-bottom: 0.75rem; -} - -ul.wp-block-archives li.menu-item-has-children, ul.wp-block-archives li:last-child, -.wp-block-categories li.menu-item-has-children, -.wp-block-categories li:last-child, -.wp-block-latest-posts li.menu-item-has-children, -.wp-block-latest-posts li:last-child { - padding-bottom: 0; -} - -ul.wp-block-archives li a, -.wp-block-categories li a, -.wp-block-latest-posts li a { - text-decoration: none; -} - -ul.wp-block-archives li ul, -.wp-block-categories li ul, -.wp-block-latest-posts li ul { - padding-left: 1rem; -} + list-style-type: none; } + ul.wp-block-archives ul, + .wp-block-categories ul, + .wp-block-latest-posts ul { + padding: 0; + list-style-type: none; } + ul.wp-block-archives li, + .wp-block-categories li, + .wp-block-latest-posts li { + color: #767676; + font-family: "Source Serif Pro", "Baskerville Old Face", Garamond, "Times New Roman", serif; + font-size: calc(22px * 1.125); + font-weight: bold; + line-height: 1.2; + padding-bottom: 0.75rem; } + ul.wp-block-archives li.menu-item-has-children, ul.wp-block-archives li:last-child, + .wp-block-categories li.menu-item-has-children, + .wp-block-categories li:last-child, + .wp-block-latest-posts li.menu-item-has-children, + .wp-block-latest-posts li:last-child { + padding-bottom: 0; } + ul.wp-block-archives li a, + .wp-block-categories li a, + .wp-block-latest-posts li a { + text-decoration: none; } + ul.wp-block-archives li ul, + .wp-block-categories li ul, + .wp-block-latest-posts li ul { + padding-left: 1rem; } .wp-block-categories ul { - padding-top: 0.75rem; -} - -.wp-block-categories ul ul { - counter-reset: submenu; -} - -.wp-block-categories ul ul > li > a::before { - font-family: "Source Serif Pro", "Baskerville Old Face", Garamond, "Times New Roman", serif; - font-weight: normal; - content: "– " counters(submenu, "– ", none); - counter-increment: submenu; -} + padding-top: 0.75rem; } + .wp-block-categories ul ul { + counter-reset: submenu; } + .wp-block-categories ul ul > li > a::before { + font-family: "Source Serif Pro", "Baskerville Old Face", Garamond, "Times New Roman", serif; + font-weight: normal; + content: "– " counters(submenu, "– ", none); + counter-increment: submenu; } .wp-block-categories li ul { list-style: none; padding-left: 0; - margin-bottom: -0.75rem; -} + margin-bottom: -0.75rem; } /** === Latest Posts grid view === */ .wp-block-latest-posts.is-grid li { border-top: 2px solid rgba(0, 0, 0, 0.03); padding-top: 1rem; - margin-bottom: 2rem; -} - -.wp-block-latest-posts.is-grid li a:after { - content: ''; -} - -.wp-block-latest-posts.is-grid li:last-child { - margin-bottom: auto; -} - -.wp-block-latest-posts.is-grid li:last-child a:after { - content: ''; -} + margin-bottom: 2rem; } + .wp-block-latest-posts.is-grid li a:after { + content: ''; } + .wp-block-latest-posts.is-grid li:last-child { + margin-bottom: auto; } + .wp-block-latest-posts.is-grid li:last-child a:after { + content: ''; } /** === Latest Comments === */ .wp-block-latest-comments .wp-block-latest-comments__comment-meta { font-family: "Source Serif Pro", "Baskerville Old Face", Garamond, "Times New Roman", serif; - font-weight: bold; -} - -.wp-block-latest-comments .wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-date { - font-weight: normal; -} + font-weight: bold; } + .wp-block-latest-comments .wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-date { + font-weight: normal; } .wp-block-latest-comments .wp-block-latest-comments__comment, .wp-block-latest-comments .wp-block-latest-comments__comment-date, .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p { - font-size: inherit; -} + font-size: inherit; } .wp-block-latest-comments .wp-block-latest-comments__comment-date { - font-size: 0.71111em; -} + font-size: 0.7111111111em; } /** === Classic Editor === */ /* Properly center-align captions in the classic-editor block */ .wp-caption dd { color: #767676; - font-size: 0.71111em; + font-size: 0.7111111111em; font-family: "Source Serif Pro", "Baskerville Old Face", Garamond, "Times New Roman", serif; line-height: 1.6; margin: 0; @@ -779,47 +605,36 @@ ul.wp-block-archives li ul, text-align: left; text-align: center; -webkit-margin-start: 0px; - margin-inline-start: 0px; -} + margin-inline-start: 0px; } .wp-block-freeform { - /* Add style for galleries in classic-editor block */ -} - -.wp-block-freeform blockquote { - border-left: 2px solid #c43d80; -} - -.wp-block-freeform blockquote cite { - font-family: "Source Serif Pro", "Baskerville Old Face", Garamond, "Times New Roman", serif; - font-size: 0.71111em; - font-style: normal; - line-height: 1.6; - color: #767676; -} + /* Add style for galleries in classic-editor block */ } + .wp-block-freeform blockquote { + border-left: 2px solid #c43d80; } + .wp-block-freeform blockquote cite { + font-family: "Source Serif Pro", "Baskerville Old Face", Garamond, "Times New Roman", serif; + font-size: 0.7111111111em; + font-style: normal; + line-height: 1.6; + color: #767676; } /* Make sure our non-latin font overrides don't overwrite the iconfont used in the classic editor toolbar */ .wp-block[data-type="core/freeform"] .mce-btn i { - font-family: dashicons !important; -} + font-family: dashicons !important; } /** === Mailchimp Block - Temp Fix === */ .wp-block-jetpack-mailchimp p { - font-size: 0.71111em; -} + font-size: 0.7111111111em; } /** === Business Hours Block - Temp Fix === */ .wp-block-jetpack-business-hours dt, .wp-block-jetpack-business-hours dd { - float: left; -} + float: left; } .wp-block-jetpack-business-hours dt { clear: both; font-weight: bold; - margin-right: 0.5rem; -} + margin-right: 0.5rem; } .wp-block-jetpack-business-hours dd { - margin: 0; -} + margin: 0; } diff --git a/elegant-business/style-jetpack.css b/elegant-business/style-jetpack.css index e9fc11dd7..2aa52c84a 100644 --- a/elegant-business/style-jetpack.css +++ b/elegant-business/style-jetpack.css @@ -12,8 +12,7 @@ .site-main #infinite-handle span button:hover, .site-main #infinite-handle span button:focus { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; - background: #c43d80; -} + background: #c43d80; } .site-main #infinite-handle span button, .site-main #infinite-handle span button:hover, @@ -21,44 +20,37 @@ div.sharedaddy > *, #content div.sharedaddy > *, #main div.sharedaddy > * { - margin-bottom: 1rem; -} + margin-bottom: 1rem; } .entry div.sharedaddy h3.sd-title, .entry h3.sd-title { font-family: "Source Serif Pro", "Baskerville Old Face", Garamond, "Times New Roman", serif; - letter-spacing: normal; -} + letter-spacing: normal; } .entry div.sharedaddy h3.sd-title:before, .entry h3.sd-title:before, .entry #jp-relatedposts h3.jp-relatedposts-headline:before { - display: none; -} + display: none; } /** * Related Posts */ .entry #jp-relatedposts h3.jp-relatedposts-headline { font-family: "Source Serif Pro", "Baskerville Old Face", Garamond, "Times New Roman", serif; - letter-spacing: normal; -} + letter-spacing: normal; } .entry #jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title, .entry #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post { font-family: "Source Serif Pro", "Baskerville Old Face", Garamond, "Times New Roman", serif; - letter-spacing: normal; -} + letter-spacing: normal; } .entry #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-context, .entry #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-date { - font-family: "Source Serif Pro", "Baskerville Old Face", Garamond, "Times New Roman", serif; -} + font-family: "Source Serif Pro", "Baskerville Old Face", Garamond, "Times New Roman", serif; } div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a { - font-size: 0.88889em; - font-weight: 700; -} + font-size: 0.8888888889em; + font-weight: 700; } /** * Stats @@ -71,54 +63,43 @@ div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post .jp-relatedp */ /* Authors Widget */ .widget_authors > ul > li > a { - font-family: "Source Serif Pro", "Baskerville Old Face", Garamond, "Times New Roman", serif; -} + font-family: "Source Serif Pro", "Baskerville Old Face", Garamond, "Times New Roman", serif; } /* Display WordPress Posts */ /* GoodReads */ /* EU cookie law */ .widget_eu_cookie_law_widget #eu-cookie-law { - font-family: "Source Serif Pro", "Baskerville Old Face", Garamond, "Times New Roman", serif; -} + font-family: "Source Serif Pro", "Baskerville Old Face", Garamond, "Times New Roman", serif; } /* RSS Links */ .widget_rss_links li { - font-family: "Source Serif Pro", "Baskerville Old Face", Garamond, "Times New Roman", serif; -} + font-family: "Source Serif Pro", "Baskerville Old Face", Garamond, "Times New Roman", serif; } /** * Content Options */ - /** * Blocks */ - -/* Contact Form */ +/* Content Form */ .contact-form label span { - color: #767676; -} + color: #767676; } /* Mailchimp Block - Temp Fix */ .wp-block-jetpack-mailchimp input[type="email"] { - width: 100%; -} + width: 100%; } .wp-block-jetpack-mailchimp #wp-block-jetpack-mailchimp_consent-text { - font-size: 0.71111em; -} + font-size: 0.7111111111em; } /* Business Hours - Temp Fix */ .jetpack-business-hours dt, .jetpack-business-hours dd { - float: left; -} + float: left; } .jetpack-business-hours dt { clear: both; - margin-right: 0.5rem; -} + margin-right: 0.5rem; } .jetpack-business-hours dd { - margin: 0; -} + margin: 0; } diff --git a/elegant-business/style.css b/elegant-business/style.css index 7667d4c12..55e346606 100644 --- a/elegant-business/style.css +++ b/elegant-business/style.css @@ -75,8 +75,7 @@ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; - /* 2 */ -} + /* 2 */ } /* Sections ========================================================================== */ @@ -84,8 +83,7 @@ html { * Remove the margin in all browsers. */ body { - margin: 0; -} + margin: 0; } /** * Correct the font size and margin on `h1` elements within `section` and @@ -93,8 +91,7 @@ body { */ h1 { font-size: 2em; - margin: 0.67em 0; -} + margin: 0.67em 0; } /* Grouping content ========================================================================== */ @@ -108,8 +105,7 @@ hr { height: 0; /* 1 */ overflow: visible; - /* 2 */ -} + /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. @@ -119,8 +115,7 @@ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; - /* 2 */ -} + /* 2 */ } /* Text-level semantics ========================================================================== */ @@ -128,8 +123,7 @@ pre { * Remove the gray background on active links in IE 10. */ a { - background-color: transparent; -} + background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- @@ -140,18 +134,15 @@ abbr[title] { /* 1 */ text-decoration: underline; /* 2 */ - -webkit-text-decoration: underline dotted; - text-decoration: underline dotted; - /* 2 */ -} + text-decoration: underline dotted; + /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { - font-weight: bolder; -} + font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. @@ -163,15 +154,13 @@ samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; - /* 2 */ -} + /* 2 */ } /** * Add the correct font size in all browsers. */ small { - font-size: 80%; -} + font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in @@ -182,16 +171,13 @@ sup { font-size: 75%; line-height: 0; position: relative; - vertical-align: baseline; -} + vertical-align: baseline; } sub { - bottom: -0.25em; -} + bottom: -0.25em; } sup { - top: -0.5em; -} + top: -0.5em; } /* Embedded content ========================================================================== */ @@ -199,8 +185,7 @@ sup { * Remove the border on images inside links in IE 10. */ img { - border-style: none; -} + border-style: none; } /* Forms ========================================================================== */ @@ -220,8 +205,7 @@ textarea { line-height: 1.15; /* 1 */ margin: 0; - /* 2 */ -} + /* 2 */ } /** * Show the overflow in IE. @@ -230,8 +214,7 @@ textarea { button, input { /* 1 */ - overflow: visible; -} + overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. @@ -240,8 +223,7 @@ input { button, select { /* 1 */ - text-transform: none; -} + text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. @@ -250,8 +232,7 @@ button, [type="button"], [type="reset"], [type="submit"] { - -webkit-appearance: button; -} + -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. @@ -261,8 +242,7 @@ button::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; - padding: 0; -} + padding: 0; } /** * Restore the focus styles unset by the previous rule. @@ -271,15 +251,13 @@ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { - outline: 1px dotted ButtonText; -} + outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { - padding: 0.35em 0.75em 0.625em; -} + padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. @@ -299,22 +277,19 @@ legend { padding: 0; /* 3 */ white-space: normal; - /* 1 */ -} + /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { - vertical-align: baseline; -} + vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { - overflow: auto; -} + overflow: auto; } /** * 1. Add the correct box sizing in IE 10. @@ -325,16 +300,14 @@ textarea { box-sizing: border-box; /* 1 */ padding: 0; - /* 2 */ -} + /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { - height: auto; -} + height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. @@ -344,15 +317,13 @@ textarea { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; - /* 2 */ -} + /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { - -webkit-appearance: none; -} + -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. @@ -362,8 +333,7 @@ textarea { -webkit-appearance: button; /* 1 */ font: inherit; - /* 2 */ -} + /* 2 */ } /* Interactive ========================================================================== */ @@ -371,15 +341,13 @@ textarea { * Add the correct display in Edge, IE 10+, and Firefox. */ details { - display: block; -} + display: block; } /* * Add the correct display in all browsers. */ summary { - display: list-item; -} + display: list-item; } /* Misc ========================================================================== */ @@ -387,20 +355,17 @@ summary { * Add the correct display in IE 10+. */ template { - display: none; -} + display: none; } /** * Add the correct display in IE 10. */ [hidden] { - display: none; -} + display: none; } /* Typography */ html { - font-size: 22px; -} + font-size: 22px; } body { -webkit-font-smoothing: antialiased; @@ -411,8 +376,7 @@ body { font-size: 1em; line-height: 1.8; margin: 0; - text-rendering: optimizeLegibility; -} + text-rendering: optimizeLegibility; } button, input, @@ -423,8 +387,7 @@ textarea { font-family: "Source Serif Pro", "Baskerville Old Face", Garamond, "Times New Roman", serif; font-weight: 400; line-height: 1.8; - text-rendering: optimizeLegibility; -} + text-rendering: optimizeLegibility; } .author-description .author-link, .comment-metadata, @@ -453,8 +416,7 @@ h3, h4, h5, h6 { - font-family: "Source Serif Pro", "Baskerville Old Face", Garamond, "Times New Roman", serif; -} + font-family: "Source Serif Pro", "Baskerville Old Face", Garamond, "Times New Roman", serif; } .main-navigation, .page-description, @@ -476,50 +438,39 @@ h6 { font-weight: 700; line-height: 1.2; -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} + -moz-osx-font-smoothing: grayscale; } .page-title { - font-family: "Source Serif Pro", "Baskerville Old Face", Garamond, "Times New Roman", serif; -} + font-family: "Source Serif Pro", "Baskerville Old Face", Garamond, "Times New Roman", serif; } .site-branding, .main-navigation ul.main-menu > li, .social-navigation, .author-bio .author-description, .nav-links { - line-height: 1.25; -} + line-height: 1.25; } .entry-title, h1 { - font-size: 1.125em; -} - -@media only screen and (min-width: 768px) { - .entry-title, - h1 { - font-size: 1.6875em; - } -} + font-size: 1.125em; } + @media only screen and (min-width: 768px) { + .entry-title, + h1 { + font-size: 1.6875em; } } .site-title, .not-found .page-title, .error-404 .page-title, .has-larger-font-size, h2 { - font-size: 22px; -} - -@media only screen and (min-width: 768px) { - .site-title, - .not-found .page-title, - .error-404 .page-title, - .has-larger-font-size, - h2 { - font-size: 1.125em; - } -} + font-size: 22px; } + @media only screen and (min-width: 768px) { + .site-title, + .not-found .page-title, + .error-404 .page-title, + .has-larger-font-size, + h2 { + font-size: 1.125em; } } .has-regular-font-size, .has-large-font-size, @@ -527,8 +478,7 @@ h2 { h2.author-title, .author-description, h3 { - font-size: 22px; -} + font-size: 22px; } .site-description, .main-navigation, @@ -539,15 +489,13 @@ h3 { .no-comments, p.author-bio, h4 { - font-size: 0.88889em; -} + font-size: 0.8888888889em; } .site-info, .pagination .nav-links, .comment-content, h5 { - font-size: 0.71111em; -} + font-size: 0.7111111111em; } .entry-meta, .entry-footer, @@ -560,21 +508,17 @@ h5 { #cancel-comment-reply-link, img:after, h6 { - font-size: 0.59259em; -} + font-size: 0.5925925926em; } .page-title { - font-weight: normal; -} + font-weight: normal; } .page-description, .page-links a { - font-weight: bold; -} + font-weight: bold; } .page-id-3669 .entry .entry-header { - display: none; -} + display: none; } .post-navigation .post-title, .entry-title, @@ -582,80 +526,60 @@ h6 { .error-404 .page-title, .comments-title, blockquote { - -webkit-hyphens: auto; - -ms-hyphens: auto; - hyphens: auto; - word-break: break-word; -} + hyphens: auto; + word-break: break-word; } /* Do not hyphenate entry title on tablet view and bigger. */ @media only screen and (min-width: 768px) { .entry-title { - -webkit-hyphens: none; - -ms-hyphens: none; - hyphens: none; - } -} + hyphens: none; } } p { -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} + -moz-osx-font-smoothing: grayscale; } dfn, cite, em, i { - font-style: italic; -} + font-style: italic; } blockquote cite { - font-size: 0.71111em; + font-size: 0.7111111111em; font-style: normal; - font-family: "Source Serif Pro", "Baskerville Old Face", Garamond, "Times New Roman", serif; -} + font-family: "Source Serif Pro", "Baskerville Old Face", Garamond, "Times New Roman", serif; } pre { - font-size: 0.88889em; + font-size: 0.8888888889em; font-family: "Courier 10 Pitch", Courier, monospace; line-height: 1.8; - overflow: auto; -} + overflow: auto; } code, kbd, tt, var { - font-size: 0.88889em; - font-family: Menlo, monaco, Consolas, Lucida Console, monospace; -} + font-size: 0.8888888889em; + font-family: Menlo, monaco, Consolas, Lucida Console, monospace; } abbr, acronym { border-bottom: 1px dotted #666; - cursor: help; -} + cursor: help; } mark, ins { background: #fff9c0; - text-decoration: none; -} + text-decoration: none; } big { - font-size: 125%; -} + font-size: 125%; } a { - text-decoration: none; -} - -a:hover { - text-decoration: none; -} - -a:focus { - text-decoration: underline; -} + text-decoration: none; } + a:hover { + text-decoration: none; } + a:focus { + text-decoration: underline; } /* Arabic */ html[lang="ar"] .site *, @@ -665,8 +589,7 @@ html[lang="ckb"] .site *, html[lang="fa-IR"] .site *, html[lang="haz"] .site *, html[lang="ps"] .site * { - font-family: Tahoma, Arial, sans-serif !important; -} + font-family: Tahoma, Arial, sans-serif !important; } /* Cyrillic */ html[lang="be"] .site *, @@ -679,103 +602,87 @@ html[lang="sah"] .site *, html[lang="sr-RS"] .site *, html[lang="tt-RU"] .site *, html[lang="uk"] .site * { - font-family: 'Helvetica Neue', Helvetica, 'Segoe UI', Arial, sans-serif !important; -} + font-family: 'Helvetica Neue', Helvetica, 'Segoe UI', Arial, sans-serif !important; } /* Chinese (Hong Kong) */ html[lang="zh-HK"] .site * { - font-family: -apple-system, BlinkMacSystemFont, 'PingFang HK', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important; -} + font-family: -apple-system, BlinkMacSystemFont, 'PingFang HK', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important; } /* Chinese (Taiwan) */ html[lang="zh-TW"] .site * { - font-family: -apple-system, BlinkMacSystemFont, 'PingFang TC', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important; -} + font-family: -apple-system, BlinkMacSystemFont, 'PingFang TC', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important; } /* Chinese (China) */ html[lang="zh-CN"] .site * { - font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important; -} + font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important; } /* Devanagari */ html[lang="bn-BD"] .site *, html[lang="hi-IN"] .site *, html[lang="mr"] .site *, html[lang="ne-NP"] .site * { - font-family: Arial, sans-serif !important; -} + font-family: Arial, sans-serif !important; } /* Greek */ html[lang="el"] .site * { - font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important; -} + font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important; } /* Gujarati */ html[lang="gu"] .site * { - font-family: Arial, sans-serif !important; -} + font-family: Arial, sans-serif !important; } /* Hebrew */ html[lang="he-IL"] .site * { - font-family: 'Arial Hebrew', Arial, sans-serif !important; -} + font-family: 'Arial Hebrew', Arial, sans-serif !important; } /* Japanese */ html[lang="ja"] .site * { - font-family: -apple-system, BlinkMacSystemFont, "Hiragino Sans", Meiryo, "Helvetica Neue", sans-serif !important; -} + font-family: -apple-system, BlinkMacSystemFont, "Hiragino Sans", Meiryo, "Helvetica Neue", sans-serif !important; } /* Korean */ html[lang="ko-KR"] .site * { - font-family: 'Apple SD Gothic Neo', 'Malgun Gothic', 'Nanum Gothic', Dotum, sans-serif !important; -} + font-family: 'Apple SD Gothic Neo', 'Malgun Gothic', 'Nanum Gothic', Dotum, sans-serif !important; } /* Thai */ html[lang="th"] .site * { - font-family: 'Sukhumvit Set', 'Helvetica Neue', helvetica, arial, sans-serif !important; -} + font-family: 'Sukhumvit Set', 'Helvetica Neue', helvetica, arial, sans-serif !important; } /* Vietnamese */ html[lang="vi"] .site * { - font-family: 'Libre Franklin', sans-serif !important; -} + font-family: 'Libre Franklin', sans-serif !important; } /* Elements */ html { - box-sizing: border-box; -} + box-sizing: border-box; } + +::-moz-selection { + background-color: #f0cfdf; } ::selection { - background-color: #f0cfdf; -} + background-color: #f0cfdf; } *, *:before, *:after { - box-sizing: inherit; -} + box-sizing: inherit; } body { - background-color: #fff; -} + background-color: #fff; } a { transition: color 110ms ease-in-out; - color: #c43d80; -} + color: #c43d80; } a:hover, a:active { color: #9e3067; outline: 0; - text-decoration: none; -} + text-decoration: none; } a:focus { outline: thin; outline-style: dotted; - text-decoration: underline; -} + text-decoration: underline; } h1, h2, @@ -784,8 +691,7 @@ h4, h5, h6 { clear: both; - margin: 1rem 0; -} + margin: 1rem 0; } h1:not(.site-title), h2 { @@ -798,86 +704,65 @@ h2 { margin: $size__spacing-unit 0; width: 1em; } -*/ -} +*/ } hr { background-color: #767676; border: 0; - height: 2px; -} + height: 2px; } ul, ol { - padding-left: 1rem; -} + padding-left: 1rem; } ul { - list-style: disc; -} - -ul ul { - list-style-type: circle; -} + list-style: disc; } + ul ul { + list-style-type: circle; } ol { - list-style: decimal; -} + list-style: decimal; } li { - line-height: 1.8; -} + line-height: 1.8; } li > ul, li > ol { - padding-left: 2rem; -} + padding-left: 2rem; } dt { - font-weight: bold; -} + font-weight: bold; } dd { - margin: 0 1rem 1rem; -} + margin: 0 1rem 1rem; } img { height: auto; max-width: 100%; - position: relative; -} + position: relative; } figure { - margin: 0; -} + margin: 0; } blockquote { border-left: 2px solid #c43d80; margin-left: 0; - padding: 0 0 0 1rem; -} - -blockquote > p { - margin: 0 0 1rem; -} - -blockquote cite { - color: #767676; -} + padding: 0 0 0 1rem; } + blockquote > p { + margin: 0 0 1rem; } + blockquote cite { + color: #767676; } table { margin: 0 0 1rem; border-collapse: collapse; width: 100%; - font-family: "Source Serif Pro", "Baskerville Old Face", Garamond, "Times New Roman", serif; -} - -table td, -table th { - padding: 0.5em; - border: 1px solid #767676; - word-break: break-all; -} + font-family: "Source Serif Pro", "Baskerville Old Face", Garamond, "Times New Roman", serif; } + table td, + table th { + padding: 0.5em; + border: 1px solid #767676; + word-break: break-all; } /* Forms */ .button, @@ -892,42 +777,35 @@ input[type="submit"] { box-sizing: border-box; color: #fff; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; - font-size: 0.88889em; + font-size: 0.8888888889em; font-weight: 700; line-height: 1.2; outline: none; padding: 0.76rem 1rem; text-decoration: none; - vertical-align: bottom; -} - -.button:hover, -button:hover, -input[type="button"]:hover, -input[type="reset"]:hover, -input[type="submit"]:hover { - background: #111; - cursor: pointer; -} - -.button:visited, -button:visited, -input[type="button"]:visited, -input[type="reset"]:visited, -input[type="submit"]:visited { - color: #fff; - text-decoration: none; -} - -.button:focus, -button:focus, -input[type="button"]:focus, -input[type="reset"]:focus, -input[type="submit"]:focus { - background: #111; - outline: thin dotted; - outline-offset: -4px; -} + vertical-align: bottom; } + .button:hover, + button:hover, + input[type="button"]:hover, + input[type="reset"]:hover, + input[type="submit"]:hover { + background: #111; + cursor: pointer; } + .button:visited, + button:visited, + input[type="button"]:visited, + input[type="reset"]:visited, + input[type="submit"]:visited { + color: #fff; + text-decoration: none; } + .button:focus, + button:focus, + input[type="button"]:focus, + input[type="reset"]:focus, + input[type="submit"]:focus { + background: #111; + outline: thin dotted; + outline-offset: -4px; } input[type="text"], input[type="email"], @@ -953,45 +831,39 @@ textarea { padding: 0.36rem 0.66rem; -webkit-appearance: none; outline-offset: 0; - border-radius: 3px; -} - -input[type="text"]:focus, -input[type="email"]:focus, -input[type="url"]:focus, -input[type="password"]:focus, -input[type="search"]:focus, -input[type="number"]:focus, -input[type="tel"]:focus, -input[type="range"]:focus, -input[type="date"]:focus, -input[type="month"]:focus, -input[type="week"]:focus, -input[type="time"]:focus, -input[type="datetime"]:focus, -input[type="datetime-local"]:focus, -input[type="color"]:focus, -textarea:focus { - border-color: #c43d80; - outline: thin solid rgba(196, 61, 128, 0.15); - outline-offset: -4px; -} + border-radius: 3px; } + input[type="text"]:focus, + input[type="email"]:focus, + input[type="url"]:focus, + input[type="password"]:focus, + input[type="search"]:focus, + input[type="number"]:focus, + input[type="tel"]:focus, + input[type="range"]:focus, + input[type="date"]:focus, + input[type="month"]:focus, + input[type="week"]:focus, + input[type="time"]:focus, + input[type="datetime"]:focus, + input[type="datetime-local"]:focus, + input[type="color"]:focus, + textarea:focus { + border-color: #c43d80; + outline: thin solid rgba(196, 61, 128, 0.15); + outline-offset: -4px; } input[type="search"]::-webkit-search-decoration { - display: none; -} + display: none; } textarea { box-sizing: border-box; display: block; width: 100%; max-width: 100%; - resize: vertical; -} + resize: vertical; } form p { - margin: 1rem 0; -} + margin: 1rem 0; } /* Navigation */ /*-------------------------------------------------------------- @@ -999,23 +871,16 @@ form p { --------------------------------------------------------------*/ a { transition: color 110ms ease-in-out; - color: #c43d80; -} - -a:visited { - color: #c43d80; -} - -a:hover, a:active { - color: #9e3067; - outline: 0; - text-decoration: none; -} - -a:focus { - outline: thin dotted; - text-decoration: underline; -} + color: #c43d80; } + a:visited { + color: #c43d80; } + a:hover, a:active { + color: #9e3067; + outline: 0; + text-decoration: none; } + a:focus { + outline: thin dotted; + text-decoration: underline; } /*-------------------------------------------------------------- ## Menus @@ -1036,778 +901,527 @@ a:focus { */ /** * Off-canvas touch device styles - */ -} - -body.page .main-navigation { - display: block; -} - -.main-navigation > div { - display: inline; -} - -.main-navigation button { - display: inline-block; - border: none; - padding: 0; - margin: 0; - font-family: "Source Serif Pro", "Baskerville Old Face", Garamond, "Times New Roman", serif; - font-weight: 700; - line-height: 1.2; - text-decoration: none; - background: transparent; - color: inherit; - cursor: pointer; - transition: background 250ms ease-in-out, transform 150ms ease; - -webkit-appearance: none; - -moz-appearance: none; -} - -.main-navigation button:hover, .main-navigation button:focus { - background: transparent; -} - -.main-navigation button:focus { - outline: 1px solid transparent; - outline-offset: -4px; -} - -.main-navigation button:active { - transform: scale(0.99); -} - -.main-navigation .main-menu { - display: inline-block; - margin: 0; - padding: 0; -} - -.main-navigation .main-menu > li { - color: #c43d80; - display: inline; - position: relative; -} - -.main-navigation .main-menu > li > a { - font-weight: 700; - color: #c43d80; - margin-right: 0.5rem; -} - -.main-navigation .main-menu > li > a + svg { - margin-right: 0.5rem; -} - -.main-navigation .main-menu > li > a:hover, -.main-navigation .main-menu > li > a:hover + svg { - color: #9e3067; -} - -.main-navigation .main-menu > li.menu-item-has-children { - display: inline-block; - position: inherit; -} - -@media only screen and (min-width: 768px) { - .main-navigation .main-menu > li.menu-item-has-children { - position: relative; - } -} - -.main-navigation .main-menu > li.menu-item-has-children > a { - margin-right: 0.125rem; -} - -.main-navigation .main-menu > li.menu-item-has-children > a:after, -.main-navigation .main-menu > li.menu-item-has-children .menu-item-has-children > a:after { - content: ""; - display: none; -} - -.main-navigation .main-menu > li.menu-item-has-children .submenu-expand { - display: inline-block; - margin-right: 0.25rem; - /* Priority+ Menu */ -} - -.main-navigation .main-menu > li.menu-item-has-children .submenu-expand.main-menu-more-toggle { - position: relative; - height: 24px; - line-height: 1.2; - width: 24px; - padding: 0; - margin-left: 0.5rem; -} - -.main-navigation .main-menu > li.menu-item-has-children .submenu-expand.main-menu-more-toggle svg { - height: 24px; - width: 24px; - top: -0.125rem; - vertical-align: text-bottom; -} - -.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 { - display: none; -} - -.main-navigation .main-menu > li.menu-item-has-children .submenu-expand svg { - position: relative; - top: 0.2rem; -} - -.main-navigation .main-menu > li:last-child > a, -.main-navigation .main-menu > li:last-child.menu-item-has-children .submenu-expand { - margin-right: 0; -} - -.main-navigation .sub-menu { - background-color: #c43d80; - color: #fff; - list-style: none; - padding-left: 0; - position: absolute; - opacity: 0; - text-align: left; - left: -9999px; - z-index: 99999; -} - -@media only screen and (min-width: 768px) { + */ } + body.page .main-navigation { + display: block; } + .main-navigation > div { + display: inline; } + .main-navigation button { + display: inline-block; + border: none; + padding: 0; + margin: 0; + font-family: "Source Serif Pro", "Baskerville Old Face", Garamond, "Times New Roman", serif; + font-weight: 700; + line-height: 1.2; + text-decoration: none; + background: transparent; + color: inherit; + cursor: pointer; + transition: background 250ms ease-in-out, transform 150ms ease; + -webkit-appearance: none; + -moz-appearance: none; } + .main-navigation button:hover, .main-navigation button:focus { + background: transparent; } + .main-navigation button:focus { + outline: 1px solid transparent; + outline-offset: -4px; } + .main-navigation button:active { + transform: scale(0.99); } + .main-navigation .main-menu { + display: inline-block; + margin: 0; + padding: 0; } + .main-navigation .main-menu > li { + color: #c43d80; + display: inline; + position: relative; } + .main-navigation .main-menu > li > a { + font-weight: 700; + color: #c43d80; + margin-right: 0.5rem; } + .main-navigation .main-menu > li > a + svg { + margin-right: 0.5rem; } + .main-navigation .main-menu > li > a:hover, + .main-navigation .main-menu > li > a:hover + svg { + color: #9e3067; } + .main-navigation .main-menu > li.menu-item-has-children { + display: inline-block; + position: inherit; } + @media only screen and (min-width: 768px) { + .main-navigation .main-menu > li.menu-item-has-children { + position: relative; } } + .main-navigation .main-menu > li.menu-item-has-children > a { + margin-right: 0.125rem; } + .main-navigation .main-menu > li.menu-item-has-children > a:after, + .main-navigation .main-menu > li.menu-item-has-children .menu-item-has-children > a:after { + content: ""; + display: none; } + .main-navigation .main-menu > li.menu-item-has-children .submenu-expand { + display: inline-block; + margin-right: 0.25rem; + /* Priority+ Menu */ } + .main-navigation .main-menu > li.menu-item-has-children .submenu-expand.main-menu-more-toggle { + position: relative; + height: 24px; + line-height: 1.2; + width: 24px; + padding: 0; + margin-left: 0.5rem; } + .main-navigation .main-menu > li.menu-item-has-children .submenu-expand.main-menu-more-toggle svg { + height: 24px; + width: 24px; + top: -0.125rem; + vertical-align: text-bottom; } + .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 { + display: none; } + .main-navigation .main-menu > li.menu-item-has-children .submenu-expand svg { + position: relative; + top: 0.2rem; } + .main-navigation .main-menu > li:last-child > a, + .main-navigation .main-menu > li:last-child.menu-item-has-children .submenu-expand { + margin-right: 0; } .main-navigation .sub-menu { - width: auto; - min-width: -moz-max-content; - min-width: -webkit-max-content; - min-width: max-content; - } -} - -.main-navigation .sub-menu > li { - display: block; - float: none; - position: relative; -} - -.main-navigation .sub-menu > li.menu-item-has-children .submenu-expand { - display: inline-block; - position: absolute; - width: calc( 24px + 1rem); - right: 0; - top: calc( .125 * 1rem); - bottom: 0; - color: white; - line-height: 1; - padding: calc( .5 * 1rem); -} - -.main-navigation .sub-menu > li.menu-item-has-children .submenu-expand svg { - top: 0; -} - -.main-navigation .sub-menu > li.menu-item-has-children .submenu-expand { - margin-right: 0; -} - -@media only screen and (min-width: 768px) { - .main-navigation .sub-menu > li.menu-item-has-children .menu-item-has-children > a:after { - content: "\203a"; - } -} - -.main-navigation .sub-menu > li > a, -.main-navigation .sub-menu > li > .menu-item-link-return { - color: #fff; - display: block; - line-height: 1.2; - padding: calc( .5 * 1rem) calc( 24px + 1rem) calc( .5 * 1rem) 1rem; - white-space: nowrap; -} - -.main-navigation .sub-menu > li > a:hover, .main-navigation .sub-menu > li > a:focus, -.main-navigation .sub-menu > li > .menu-item-link-return:hover, -.main-navigation .sub-menu > li > .menu-item-link-return:focus { - background: #9e3067; -} - -.main-navigation .sub-menu > li > a:hover:after, .main-navigation .sub-menu > li > a:focus:after, -.main-navigation .sub-menu > li > .menu-item-link-return:hover:after, -.main-navigation .sub-menu > li > .menu-item-link-return:focus:after { - background: #9e3067; -} - -.main-navigation .sub-menu > li > a:empty { - display: none; -} - -.main-navigation .sub-menu > li.mobile-parent-nav-menu-item { - display: none; - font-size: 0.88889em; - font-weight: normal; -} - -.main-navigation .sub-menu > li.mobile-parent-nav-menu-item svg { - position: relative; - top: 0.2rem; - margin-right: calc( .25 * 1rem); -} - -.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu { - display: block; - left: 0; - margin-top: 0; - opacity: 1; - width: auto; - min-width: 100%; - /* Non-mobile position */ - /* Nested sub-menu dashes */ -} - -@media only screen and (min-width: 768px) { + background-color: #c43d80; + color: #fff; + list-style: none; + padding-left: 0; + position: absolute; + opacity: 0; + text-align: left; + left: -9999px; + z-index: 99999; } + @media only screen and (min-width: 768px) { + .main-navigation .sub-menu { + width: auto; + min-width: -moz-max-content; + min-width: -webkit-max-content; + min-width: max-content; } } + .main-navigation .sub-menu > li { + display: block; + float: none; + position: relative; } + .main-navigation .sub-menu > li.menu-item-has-children .submenu-expand { + display: inline-block; + position: absolute; + width: calc( 24px + 1rem); + right: 0; + top: calc( .125 * 1rem); + bottom: 0; + color: white; + line-height: 1; + padding: calc( .5 * 1rem); } + .main-navigation .sub-menu > li.menu-item-has-children .submenu-expand svg { + top: 0; } + .main-navigation .sub-menu > li.menu-item-has-children .submenu-expand { + margin-right: 0; } + @media only screen and (min-width: 768px) { + .main-navigation .sub-menu > li.menu-item-has-children .menu-item-has-children > a:after { + content: "\203a"; } } + .main-navigation .sub-menu > li > a, + .main-navigation .sub-menu > li > .menu-item-link-return { + color: #fff; + display: block; + line-height: 1.2; + padding: calc( .5 * 1rem) calc( 24px + 1rem) calc( .5 * 1rem) 1rem; + white-space: nowrap; } + .main-navigation .sub-menu > li > a:hover, .main-navigation .sub-menu > li > a:focus, + .main-navigation .sub-menu > li > .menu-item-link-return:hover, + .main-navigation .sub-menu > li > .menu-item-link-return:focus { + background: #9e3067; } + .main-navigation .sub-menu > li > a:hover:after, .main-navigation .sub-menu > li > a:focus:after, + .main-navigation .sub-menu > li > .menu-item-link-return:hover:after, + .main-navigation .sub-menu > li > .menu-item-link-return:focus:after { + background: #9e3067; } + .main-navigation .sub-menu > li > a:empty { + display: none; } + .main-navigation .sub-menu > li.mobile-parent-nav-menu-item { + display: none; + font-size: 0.8888888889em; + font-weight: normal; } + .main-navigation .sub-menu > li.mobile-parent-nav-menu-item svg { + position: relative; + top: 0.2rem; + margin-right: calc( .25 * 1rem); } .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu { display: block; + left: 0; margin-top: 0; opacity: 1; - position: absolute; - left: 0; - right: auto; - top: auto; - bottom: auto; - height: auto; - min-width: -moz-max-content; - min-width: -webkit-max-content; - min-width: max-content; - transform: none; - } -} - -.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu.hidden-links { - left: 0; - width: 100%; - display: table; - position: absolute; -} - -@media only screen and (min-width: 768px) { - .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu.hidden-links { - right: 0; - left: auto; - display: block; - width: -webkit-max-content; - width: -moz-max-content; - width: max-content; - } -} - -.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .submenu-expand { - display: none; -} - -.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu { - display: block; - margin-top: inherit; - position: relative; - width: 100%; - left: 0; - opacity: 1; - /* Non-mobile position */ -} - -@media only screen and (min-width: 768px) { - .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu { - float: none; - max-width: 100%; - } -} - -.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu { - counter-reset: submenu; -} - -.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu > li > a::before { - font-family: "Source Serif Pro", "Baskerville Old Face", Garamond, "Times New Roman", serif; - font-weight: normal; - content: "– " counters(submenu, "– ", none); - counter-increment: submenu; -} - -.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu, -.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu, -.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu { - display: block; - left: 0; - margin-top: 0; - opacity: 1; - width: auto; - min-width: 100%; - /* Non-mobile position */ - /* Nested sub-menu dashes */ -} - -@media only screen and (min-width: 768px) { + width: auto; + min-width: 100%; + /* Non-mobile position */ + /* Nested sub-menu dashes */ } + @media only screen and (min-width: 768px) { + .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu { + display: block; + margin-top: 0; + opacity: 1; + position: absolute; + left: 0; + right: auto; + top: auto; + bottom: auto; + height: auto; + min-width: -moz-max-content; + min-width: -webkit-max-content; + min-width: max-content; + transform: none; } } + .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu.hidden-links { + left: 0; + width: 100%; + display: table; + position: absolute; } + @media only screen and (min-width: 768px) { + .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu.hidden-links { + right: 0; + left: auto; + display: block; + width: max-content; } } + .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .submenu-expand { + display: none; } + .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu { + display: block; + margin-top: inherit; + position: relative; + width: 100%; + left: 0; + opacity: 1; + /* Non-mobile position */ } + @media only screen and (min-width: 768px) { + .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu { + float: none; + max-width: 100%; } } + .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu { + counter-reset: submenu; } + .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu > li > a::before { + font-family: "Source Serif Pro", "Baskerville Old Face", Garamond, "Times New Roman", serif; + font-weight: normal; + content: "– " counters(submenu, "– ", none); + counter-increment: submenu; } .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu, .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu, .main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu { display: block; - float: none; + left: 0; margin-top: 0; opacity: 1; + width: auto; + min-width: 100%; + /* Non-mobile position */ + /* Nested sub-menu dashes */ } + @media only screen and (min-width: 768px) { + .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu, + .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu, + .main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu { + display: block; + float: none; + margin-top: 0; + opacity: 1; + position: absolute; + left: 0; + right: auto; + top: auto; + bottom: auto; + height: auto; + min-width: -moz-max-content; + min-width: -webkit-max-content; + min-width: max-content; + transform: none; } } + .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu.hidden-links, + .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu.hidden-links, + .main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu.hidden-links { + left: 0; + width: 100%; + display: table; + position: absolute; } + @media only screen and (min-width: 768px) { + .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu.hidden-links, + .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu.hidden-links, + .main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu.hidden-links { + right: 0; + left: auto; + display: table; + width: max-content; } } + .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .submenu-expand, + .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .submenu-expand, + .main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .submenu-expand { + display: none; } + .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu, + .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu, + .main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu { + display: block; + margin-top: inherit; + position: relative; + width: 100%; + left: 0; + opacity: 1; + /* Non-mobile position */ } + @media only screen and (min-width: 768px) { + .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu, + .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu, + .main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu { + float: none; + max-width: 100%; } } + .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu, + .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu, + .main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu { + counter-reset: submenu; } + .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu > li > a::before, + .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu > li > a::before, + .main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu > li > a::before { + font-family: "Source Serif Pro", "Baskerville Old Face", Garamond, "Times New Roman", serif; + font-weight: normal; + content: "– " counters(submenu, "– ", none); + counter-increment: submenu; } + .main-navigation .main-menu > .menu-item-has-children:not(.off-canvas):hover > .sub-menu { + animation: fade_in 0.1s forwards; } + .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu .submenu-expand .svg-icon { + transform: rotate(270deg); } + .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu .sub-menu { + opacity: 0; position: absolute; - left: 0; - right: auto; - top: auto; - bottom: auto; - height: auto; - min-width: -moz-max-content; - min-width: -webkit-max-content; - min-width: max-content; - transform: none; - } -} - -.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu.hidden-links, -.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu.hidden-links, -.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu.hidden-links { - left: 0; - width: 100%; - display: table; - position: absolute; -} - -@media only screen and (min-width: 768px) { - .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu.hidden-links, - .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu.hidden-links, - .main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu.hidden-links { - right: 0; - left: auto; + z-index: 0; + transform: translateX(-100%); } + .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu li:hover, + .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu li:focus, + .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu li > a:hover, + .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu li > a:focus { + background-color: transparent; } + .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu > li > a, + .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu > li > .menu-item-link-return { + white-space: inherit; } + .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true { display: table; - width: -webkit-max-content; - width: -moz-max-content; - width: max-content; - } -} - -.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .submenu-expand, -.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .submenu-expand, -.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .submenu-expand { - display: none; -} - -.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu, -.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu, -.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu { - display: block; - margin-top: inherit; - position: relative; - width: 100%; - left: 0; - opacity: 1; - /* Non-mobile position */ -} - -@media only screen and (min-width: 768px) { - .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu, - .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu, - .main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu { - float: none; - max-width: 100%; - } -} - -.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu, -.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu, -.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu { - counter-reset: submenu; -} - -.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu > li > a::before, -.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu > li > a::before, -.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu > li > a::before { - font-family: "Source Serif Pro", "Baskerville Old Face", Garamond, "Times New Roman", serif; - font-weight: normal; - content: "– " counters(submenu, "– ", none); - counter-increment: submenu; -} - -.main-navigation .main-menu > .menu-item-has-children:not(.off-canvas):hover > .sub-menu { - animation: fade_in 0.1s forwards; -} - -.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu .submenu-expand .svg-icon { - transform: rotate(270deg); -} - -.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu .sub-menu { - opacity: 0; - position: absolute; - z-index: 0; - transform: translateX(-100%); -} - -.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu li:hover, -.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu li:focus, -.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu li > a:hover, -.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu li > a:focus { - background-color: transparent; -} - -.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu > li > a, -.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu > li > .menu-item-link-return { - white-space: inherit; -} - -.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true { - display: table; - margin-top: 0; - opacity: 1; - padding-left: 0; - /* Mobile position */ - left: 0; - top: 0; - right: 0; - bottom: 0; - position: fixed; - z-index: 100000; - /* Make sure appears above mobile admin bar */ - width: 100vw; - height: 100vh; - max-width: 100vw; - transform: translateX(100%); - animation: slide_in_right 0.3s forwards; - /* Prevent menu from being blocked by admin bar */ -} - -.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true > .mobile-parent-nav-menu-item { - display: block; -} - -.admin-bar .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true { - top: 46px; - height: calc( 100vh - 46px); - /* WP core breakpoint */ -} - -.admin-bar .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true .sub-menu.expanded-true { - top: 0; -} - -@media only screen and (min-width: 782px) { - .admin-bar .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true { - top: 32px; - height: calc( 100vh - 32px); - } - .admin-bar .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true .sub-menu.expanded-true { + margin-top: 0; + opacity: 1; + padding-left: 0; + /* Mobile position */ + left: 0; top: 0; - } -} - -.main-navigation .main-menu-more:nth-child(n+3) { - display: none; -} + right: 0; + bottom: 0; + position: fixed; + z-index: 100000; + /* Make sure appears above mobile admin bar */ + width: 100vw; + height: 100vh; + max-width: 100vw; + transform: translateX(100%); + animation: slide_in_right 0.3s forwards; + /* Prevent menu from being blocked by admin bar */ } + .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true > .mobile-parent-nav-menu-item { + display: block; } + .admin-bar .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true { + top: 46px; + height: calc( 100vh - 46px); + /* WP core breakpoint */ } + .admin-bar .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true .sub-menu.expanded-true { + top: 0; } + @media only screen and (min-width: 782px) { + .admin-bar .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true { + top: 32px; + height: calc( 100vh - 32px); } + .admin-bar .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true .sub-menu.expanded-true { + top: 0; } } + .main-navigation .main-menu-more:nth-child(n+3) { + display: none; } /* Menu animation */ @keyframes slide_in_right { 100% { - transform: translateX(0%); - } -} + transform: translateX(0%); } } @keyframes fade_in { from { - opacity: 0; - } + opacity: 0; } to { - opacity: 1; - } -} + opacity: 1; } } /* Social menu */ .social-navigation { margin-top: calc(1rem / 2); - text-align: center; -} - -.social-navigation ul.social-links-menu { - content: ""; - display: table; - table-layout: fixed; - display: inline-block; - margin: 0; - padding: 0; -} - -.social-navigation ul.social-links-menu li { - display: inline-block; - vertical-align: bottom; - vertical-align: -webkit-baseline-middle; - list-style: none; -} - -.social-navigation ul.social-links-menu li:nth-child(n+2) { - margin-left: 0.1em; -} - -.social-navigation ul.social-links-menu li a { - border-bottom: 1px solid transparent; - display: block; - color: #111; - margin-bottom: -1px; - transition: opacity 110ms ease-in-out; -} - -.social-navigation ul.social-links-menu li a:hover, .social-navigation ul.social-links-menu li a:active { - color: #111; - opacity: 0.6; -} - -.social-navigation ul.social-links-menu li a:focus { - color: #111; - opacity: 1; - border-bottom: 1px solid #111; -} - -.social-navigation ul.social-links-menu li a svg { - display: block; - width: 32px; - height: 32px; -} - -.social-navigation ul.social-links-menu li a svg#ui-icon-link { - transform: rotate(-45deg); -} + text-align: center; } + .social-navigation ul.social-links-menu { + content: ""; + display: table; + table-layout: fixed; + display: inline-block; + margin: 0; + padding: 0; } + .social-navigation ul.social-links-menu li { + display: inline-block; + vertical-align: bottom; + vertical-align: -webkit-baseline-middle; + list-style: none; } + .social-navigation ul.social-links-menu li:nth-child(n+2) { + margin-left: 0.1em; } + .social-navigation ul.social-links-menu li a { + border-bottom: 1px solid transparent; + display: block; + color: #111; + margin-bottom: -1px; + transition: opacity 110ms ease-in-out; } + .social-navigation ul.social-links-menu li a:hover, .social-navigation ul.social-links-menu li a:active { + color: #111; + opacity: 0.6; } + .social-navigation ul.social-links-menu li a:focus { + color: #111; + opacity: 1; + border-bottom: 1px solid #111; } + .social-navigation ul.social-links-menu li a svg { + display: block; + width: 32px; + height: 32px; } + .social-navigation ul.social-links-menu li a svg#ui-icon-link { + transform: rotate(-45deg); } @media only screen and (min-width: 768px) { .site-title + .social-navigation, .site-description + .social-navigation { - margin-top: calc(1rem / 5); - } -} + margin-top: calc(1rem / 5); } } /** === Footer menu === */ .footer-navigation { - display: inline; -} - -.footer-navigation > div { - display: inline; -} - -.footer-navigation .footer-menu { - display: inline; - padding-left: 0; -} - -.footer-navigation .footer-menu li { - display: inline; - margin-right: 1rem; -} + display: inline; } + .footer-navigation > div { + display: inline; } + .footer-navigation .footer-menu { + display: inline; + padding-left: 0; } + .footer-navigation .footer-menu li { + display: inline; + margin-right: 1rem; } /*-------------------------------------------------------------- ## Next / Previous --------------------------------------------------------------*/ /* Next/Previous navigation */ .post-navigation { - margin: calc(3 * 1rem) 0; -} - -@media only screen and (min-width: 768px) { - .post-navigation { - margin: calc(3 * 1rem) auto; - max-width: calc(8 * (100vw / 12) - 28px); - } -} - -@media only screen and (min-width: 1168px) { - .post-navigation { + margin: calc(3 * 1rem) 0; } + @media only screen and (min-width: 768px) { + .post-navigation { + margin: calc(3 * 1rem) auto; + max-width: calc(8 * (100vw / 12) - 28px); } } + @media only screen and (min-width: 1168px) { + .post-navigation { + max-width: 100%; } } + .post-navigation .nav-links { + margin: 0 1rem; max-width: 100%; - } -} - -.post-navigation .nav-links { - margin: 0 1rem; - max-width: 100%; - display: flex; - flex-direction: column; -} - -@media only screen and (min-width: 768px) { - .post-navigation .nav-links { - margin: 0; - } -} - -@media only screen and (min-width: 1168px) { - .post-navigation .nav-links { - flex-direction: row; - margin: 0 auto; - max-width: calc(6 * (100vw / 12) - 28px); - } -} - -.post-navigation .nav-links a .meta-nav { - color: #767676; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - -.post-navigation .nav-links a .meta-nav:before, .post-navigation .nav-links a .meta-nav:after { - display: none; - content: "—"; - width: 2em; - color: #767676; - height: 1em; -} - -.post-navigation .nav-links a .post-title { - -webkit-hyphens: auto; - -ms-hyphens: auto; - hyphens: auto; -} - -.post-navigation .nav-links a:hover { - color: #9e3067; -} - -@media only screen and (min-width: 1168px) { - .post-navigation .nav-links .nav-previous, - .post-navigation .nav-links .nav-next { - min-width: calc(50% - 2 * 1rem); - } -} - -.post-navigation .nav-links .nav-previous { - order: 2; -} - -@media only screen and (min-width: 1168px) { - .post-navigation .nav-links .nav-previous { - order: 1; - } -} - -.post-navigation .nav-links .nav-previous + .nav-next { - margin-bottom: 1rem; -} - -.post-navigation .nav-links .nav-previous .meta-nav:before { - display: inline; -} - -.post-navigation .nav-links .nav-next { - order: 1; -} - -@media only screen and (min-width: 1168px) { - .post-navigation .nav-links .nav-next { - order: 2; - padding-left: 1rem; - } -} - -.post-navigation .nav-links .nav-next .meta-nav:after { - display: inline; -} + display: flex; + flex-direction: column; } + @media only screen and (min-width: 768px) { + .post-navigation .nav-links { + margin: 0; } } + @media only screen and (min-width: 1168px) { + .post-navigation .nav-links { + flex-direction: row; + margin: 0 auto; + max-width: calc(6 * (100vw / 12) - 28px); } } + .post-navigation .nav-links a .meta-nav { + color: #767676; + user-select: none; } + .post-navigation .nav-links a .meta-nav:before, .post-navigation .nav-links a .meta-nav:after { + display: none; + content: "—"; + width: 2em; + color: #767676; + height: 1em; } + .post-navigation .nav-links a .post-title { + hyphens: auto; } + .post-navigation .nav-links a:hover { + color: #9e3067; } + @media only screen and (min-width: 1168px) { + .post-navigation .nav-links .nav-previous, + .post-navigation .nav-links .nav-next { + min-width: calc(50% - 2 * 1rem); } } + .post-navigation .nav-links .nav-previous { + order: 2; } + @media only screen and (min-width: 1168px) { + .post-navigation .nav-links .nav-previous { + order: 1; } } + .post-navigation .nav-links .nav-previous + .nav-next { + margin-bottom: 1rem; } + .post-navigation .nav-links .nav-previous .meta-nav:before { + display: inline; } + .post-navigation .nav-links .nav-next { + order: 1; } + @media only screen and (min-width: 1168px) { + .post-navigation .nav-links .nav-next { + order: 2; + padding-left: 1rem; } } + .post-navigation .nav-links .nav-next .meta-nav:after { + display: inline; } .pagination .nav-links { display: flex; flex-wrap: wrap; justify-content: center; - padding: 0 calc(.5 * 1rem); -} - -.pagination .nav-links > * { - padding: calc(.5 * 1rem); -} - -.pagination .nav-links > *.dots, .pagination .nav-links > *.prev { - padding-left: 0; -} - -.pagination .nav-links > *.dots, .pagination .nav-links > *.next { - padding-right: 0; -} - -.pagination .nav-links a:focus { - text-decoration: underline; - outline-offset: -1px; -} - -.pagination .nav-links a:focus.prev, .pagination .nav-links a:focus.next { - text-decoration: none; -} - -.pagination .nav-links a:focus.prev .nav-prev-text, -.pagination .nav-links a:focus.prev .nav-next-text, .pagination .nav-links a:focus.next .nav-prev-text, -.pagination .nav-links a:focus.next .nav-next-text { - text-decoration: underline; -} - -.pagination .nav-links .nav-next-text, -.pagination .nav-links .nav-prev-text { - display: none; -} - -@media only screen and (min-width: 768px) { - .pagination .nav-links { - margin-left: calc(10% + 60px); - margin-right: calc(10% + 60px); - padding: 0; - } - .pagination .nav-links .prev > *, - .pagination .nav-links .next > * { - display: inline-block; - vertical-align: text-bottom; - } + padding: 0 calc(.5 * 1rem); } .pagination .nav-links > * { - padding: 1rem; - } -} + padding: calc(.5 * 1rem); } + .pagination .nav-links > *.dots, .pagination .nav-links > *.prev { + padding-left: 0; } + .pagination .nav-links > *.dots, .pagination .nav-links > *.next { + padding-right: 0; } + .pagination .nav-links a:focus { + text-decoration: underline; + outline-offset: -1px; } + .pagination .nav-links a:focus.prev, .pagination .nav-links a:focus.next { + text-decoration: none; } + .pagination .nav-links a:focus.prev .nav-prev-text, + .pagination .nav-links a:focus.prev .nav-next-text, .pagination .nav-links a:focus.next .nav-prev-text, + .pagination .nav-links a:focus.next .nav-next-text { + text-decoration: underline; } + .pagination .nav-links .nav-next-text, + .pagination .nav-links .nav-prev-text { + display: none; } + @media only screen and (min-width: 768px) { + .pagination .nav-links { + margin-left: calc(10% + 60px); + margin-right: calc(10% + 60px); + padding: 0; } + .pagination .nav-links .prev > *, + .pagination .nav-links .next > * { + display: inline-block; + vertical-align: text-bottom; } + .pagination .nav-links > * { + padding: 1rem; } } .comment-navigation .nav-links { display: flex; - flex-direction: row; -} + flex-direction: row; } .comment-navigation .nav-previous, .comment-navigation .nav-next { min-width: 50%; width: 100%; font-family: "Source Serif Pro", "Baskerville Old Face", Garamond, "Times New Roman", serif; - font-weight: bold; -} - -.comment-navigation .nav-previous .secondary-text, -.comment-navigation .nav-next .secondary-text { - display: none; -} - -@media only screen and (min-width: 768px) { + font-weight: bold; } .comment-navigation .nav-previous .secondary-text, .comment-navigation .nav-next .secondary-text { - display: inline; - } -} - -.comment-navigation .nav-previous svg, -.comment-navigation .nav-next svg { - vertical-align: middle; - position: relative; - margin: 0 -0.35em; - top: -1px; -} + display: none; } + @media only screen and (min-width: 768px) { + .comment-navigation .nav-previous .secondary-text, + .comment-navigation .nav-next .secondary-text { + display: inline; } } + .comment-navigation .nav-previous svg, + .comment-navigation .nav-next svg { + vertical-align: middle; + position: relative; + margin: 0 -0.35em; + top: -1px; } .comment-navigation .nav-next { - text-align: right; -} + text-align: right; } /* Accessibility */ /* Text meant only for screen readers. */ .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); - -webkit-clip-path: inset(50%); - clip-path: inset(50%); + clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; @@ -1815,72 +1429,58 @@ body.page .main-navigation { position: absolute !important; width: 1px; word-wrap: normal !important; - /* Many screen reader and browser combinations announce broken words as they would appear visually. */ -} - -.screen-reader-text:focus { - background-color: #f7f7f7; - border-radius: 3px; - box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); - clip: auto !important; - -webkit-clip-path: none; - clip-path: none; - color: #21759b; - display: block; - font-size: 14px; - font-size: 0.875rem; - font-weight: bold; - height: auto; - left: 5px; - line-height: normal; - padding: 15px 23px 14px; - text-decoration: none; - top: 5px; - width: auto; - z-index: 100000; - /* Above WP toolbar. */ -} + /* Many screen reader and browser combinations announce broken words as they would appear visually. */ } + .screen-reader-text:focus { + background-color: #f7f7f7; + border-radius: 3px; + box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); + clip: auto !important; + clip-path: none; + color: #21759b; + display: block; + font-size: 14px; + font-size: 0.875rem; + font-weight: bold; + height: auto; + left: 5px; + line-height: normal; + padding: 15px 23px 14px; + text-decoration: none; + top: 5px; + width: auto; + z-index: 100000; + /* Above WP toolbar. */ } /* Do not show the outline on the skip link target. */ #content[tabindex="-1"]:focus { - outline: 0; -} + outline: 0; } /* Alignments */ .alignleft { /*rtl:ignore*/ float: left; /*rtl:ignore*/ - margin-right: 1rem; -} - -@media only screen and (min-width: 768px) { - .alignleft { - /*rtl:ignore*/ - margin-right: calc(2 * 1rem); - } -} + margin-right: 1rem; } + @media only screen and (min-width: 768px) { + .alignleft { + /*rtl:ignore*/ + margin-right: calc(2 * 1rem); } } .alignright { /*rtl:ignore*/ float: right; /*rtl:ignore*/ - margin-left: 1rem; -} - -@media only screen and (min-width: 768px) { - .alignright { - /*rtl:ignore*/ - margin-left: calc(2 * 1rem); - } -} + margin-left: 1rem; } + @media only screen and (min-width: 768px) { + .alignright { + /*rtl:ignore*/ + margin-left: calc(2 * 1rem); } } .aligncenter { clear: both; display: block; margin-left: auto; - margin-right: auto; -} + margin-right: auto; } /* Clearings */ .clear:before, @@ -1897,8 +1497,7 @@ body.page .main-navigation { .site-footer:after { content: ""; display: table; - table-layout: fixed; -} + table-layout: fixed; } .clear:after, .entry-content:after, @@ -1906,114 +1505,80 @@ body.page .main-navigation { .site-header:after, .site-content:after, .site-footer:after { - clear: both; -} + clear: both; } /* Layout */ /** === Layout === */ #page { - width: 100%; -} + width: 100%; } .site-content { - overflow: hidden; -} + overflow: hidden; } /* Content */ /*-------------------------------------------------------------- ## Header --------------------------------------------------------------*/ .site-header { - padding: 1.5em 1em 1em; -} - -.site-header.featured-image { - display: flex; - flex-direction: column; - justify-content: space-between; - min-height: 90vh; -} - -.site-header.featured-image .site-branding-container { - margin-bottom: auto; -} - -@media only screen and (min-width: 768px) { - .site-header { - margin: 0; - padding: 3rem 0 2rem; - } + padding: 1.5em 1em 1em; } .site-header.featured-image { - min-height: 100vh; - margin-bottom: 2rem; - } -} + display: flex; + flex-direction: column; + justify-content: space-between; + min-height: 90vh; } + .site-header.featured-image .site-branding-container { + margin-bottom: auto; } + @media only screen and (min-width: 768px) { + .site-header { + margin: 0; + padding: 3rem 0 2rem; } + .site-header.featured-image { + min-height: 100vh; + margin-bottom: 2rem; } } .site-branding { color: #767676; position: relative; - text-align: center; -} - -@media only screen and (min-width: 768px) { - .site-branding { - margin: 0 calc(10% + 60px); - } -} + text-align: center; } + @media only screen and (min-width: 768px) { + .site-branding { + margin: 0 calc(10% + 60px); } } .site-logo { position: relative; z-index: 999; - margin-bottom: calc(.66 * 1rem); -} - -.site-logo .custom-logo-link .custom-logo { - max-height: 64px; - min-height: inherit; - vertical-align: top; - width: auto; -} + margin-bottom: calc(.66 * 1rem); } + .site-logo .custom-logo-link .custom-logo { + max-height: 64px; + min-height: inherit; + vertical-align: top; + width: auto; } .site-title { margin: auto; display: inline; color: #111; - /* When there is no description set, make sure navigation appears below title. */ -} - -.site-title a { - color: #111; -} - -.site-title a:link, .site-title a:visited { - color: #111; -} - -.site-title a:hover { - color: #4a4a4a; -} - -.featured-image .site-title { - margin: 0; -} - -@media only screen and (min-width: 768px) { + /* When there is no description set, make sure navigation appears below title. */ } + .site-title a { + color: #111; } + .site-title a:link, .site-title a:visited { + color: #111; } + .site-title a:hover { + color: #4a4a4a; } .featured-image .site-title { - display: inline-block; - } -} - -.site-title + .main-navigation { - display: block; -} + margin: 0; } + @media only screen and (min-width: 768px) { + .featured-image .site-title { + display: inline-block; } } + .site-title + .main-navigation { + display: block; } .site-description { color: #111; display: block; - font-size: 0.71111em; + font-size: 0.7111111111em; font-weight: normal; - margin: 8px 0 0; -} + margin: 8px 0 0; } .site-header.featured-image { /* Hide overflow for overflowing featured image */ @@ -2037,271 +1602,195 @@ body.page .main-navigation { /* Third layer: multiply. */ /* When image filters are inactive, a black overlay is added. */ /* Fourth layer: overlay. */ - /* Fifth layer: readability overlay */ -} - -.site-header.featured-image .site-branding .site-title, -.site-header.featured-image .site-branding .site-description, -.site-header.featured-image .main-navigation a:after, -.site-header.featured-image .main-navigation .main-menu > li.menu-item-has-children:after, -.site-header.featured-image .main-navigation li, -.site-header.featured-image .social-navigation li, -.site-header.featured-image .entry-meta, -.site-header.featured-image .entry-title { - color: #fff; -} - -.site-header.featured-image .main-navigation a, -.site-header.featured-image .main-navigation a + svg, -.site-header.featured-image .social-navigation a, -.site-header.featured-image .site-title a, -.site-header.featured-image .site-featured-image a { - color: #fff; - transition: opacity 110ms ease-in-out; -} - -.site-header.featured-image .main-navigation a:hover, .site-header.featured-image .main-navigation a:active, -.site-header.featured-image .main-navigation a:hover + svg, -.site-header.featured-image .main-navigation a:active + svg, -.site-header.featured-image .main-navigation a + svg:hover, -.site-header.featured-image .main-navigation a + svg:active, -.site-header.featured-image .main-navigation a + svg:hover + svg, -.site-header.featured-image .main-navigation a + svg:active + svg, -.site-header.featured-image .social-navigation a:hover, -.site-header.featured-image .social-navigation a:active, -.site-header.featured-image .social-navigation a:hover + svg, -.site-header.featured-image .social-navigation a:active + svg, -.site-header.featured-image .site-title a:hover, -.site-header.featured-image .site-title a:active, -.site-header.featured-image .site-title a:hover + svg, -.site-header.featured-image .site-title a:active + svg, -.site-header.featured-image .site-featured-image a:hover, -.site-header.featured-image .site-featured-image a:active, -.site-header.featured-image .site-featured-image a:hover + svg, -.site-header.featured-image .site-featured-image a:active + svg { - color: #fff; - opacity: 0.6; -} - -.site-header.featured-image .main-navigation a:focus, -.site-header.featured-image .main-navigation a:focus + svg, -.site-header.featured-image .main-navigation a + svg:focus, -.site-header.featured-image .main-navigation a + svg:focus + svg, -.site-header.featured-image .social-navigation a:focus, -.site-header.featured-image .social-navigation a:focus + svg, -.site-header.featured-image .site-title a:focus, -.site-header.featured-image .site-title a:focus + svg, -.site-header.featured-image .site-featured-image a:focus, -.site-header.featured-image .site-featured-image a:focus + svg { - color: #fff; -} - -.site-header.featured-image .social-navigation a:focus { - color: #fff; - opacity: 1; - border-bottom: 1px solid #fff; -} - -.site-header.featured-image .social-navigation svg, -.site-header.featured-image .site-featured-image svg { - /* Use -webkit- only if supporting: Chrome < 54, iOS < 9.3, Android < 4.4.4 */ - filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.35)); -} - -.site-header.featured-image .site-featured-image { - /* First layer: grayscale. */ -} - -.site-header.featured-image .site-featured-image .post-thumbnail img { - height: auto; - left: 50%; - max-width: 1000%; - min-height: 100%; - min-width: 100vw; - position: absolute; - top: 50%; - transform: translateX(-50%) translateY(-50%); - width: auto; - z-index: 1; - /* When image filters are active, make it grayscale to colorize it blue. */ -} - -@supports ((-o-object-fit: cover) or (object-fit: cover)) { - .site-header.featured-image .site-featured-image .post-thumbnail img { - height: 100%; - left: 0; - -o-object-fit: cover; - object-fit: cover; - top: 0; - transform: none; - width: 100%; - } -} - -.image-filters-enabled .site-header.featured-image .site-featured-image .post-thumbnail img { - filter: grayscale(100%); -} - -.site-header.featured-image .site-featured-image .entry-header { - margin-top: calc( 4 * 1rem); - margin-bottom: 0; - margin-left: 0; - margin-right: 0; - /* Entry meta */ -} - -@media only screen and (min-width: 768px) { - .site-header.featured-image .site-featured-image .entry-header { - margin-left: calc(10% + 60px); - margin-right: calc(10% + 60px); - } -} - -.site-header.featured-image .site-featured-image .entry-header .entry-title { - text-align: center; -} - -.site-header.featured-image .site-featured-image .entry-header .entry-title:before { - background: #fff; -} - -.site-header.featured-image .site-featured-image .entry-header .entry-meta { - font-weight: 500; - text-align: center; -} - -.site-header.featured-image .site-featured-image .entry-header .entry-meta > span { - margin-right: 1rem; - display: inline-block; -} - -.site-header.featured-image .site-featured-image .entry-header .entry-meta > span:last-child { - margin-right: 0; -} - -.site-header.featured-image .site-featured-image .entry-header .entry-meta a { - transition: color 110ms ease-in-out; - color: currentColor; -} - -.site-header.featured-image .site-featured-image .entry-header .entry-meta a:hover { - text-decoration: none; -} - -.site-header.featured-image .site-featured-image .entry-header .entry-meta .svg-icon { - position: relative; - display: inline-block; - vertical-align: middle; - margin-right: 0.5em; -} - -.site-header.featured-image .site-featured-image .entry-header .entry-meta .discussion-avatar-list { - display: none; -} - -@media only screen and (min-width: 768px) { - .site-header.featured-image .site-featured-image .entry-header.has-discussion .entry-meta { - display: flex; - position: relative; - justify-content: center; - } -} - -.site-header.featured-image .site-branding { - position: relative; - z-index: 10; -} - -.site-header.featured-image .site-featured-image .entry-header { - position: relative; - z-index: 9; -} - -.site-header.featured-image .site-branding-container:after, -.site-header.featured-image .site-featured-image:before, -.site-header.featured-image .site-featured-image:after, .site-header.featured-image:after { - display: block; - position: absolute; - top: 0; - left: 0; - content: "\020"; - width: 100%; - height: 100%; -} - -.image-filters-enabled .site-header.featured-image .site-featured-image:before { - background: #c43d80; - mix-blend-mode: screen; - opacity: 0.1; -} - -.site-header.featured-image .site-featured-image:after { - background: #000; - mix-blend-mode: multiply; - opacity: .7; - /* When image filters are active, a blue overlay is added. */ -} - -.image-filters-enabled .site-header.featured-image .site-featured-image:after { - background: #c43d80; - opacity: .8; - z-index: 3; - /* Browsers supporting mix-blend-mode don't need opacity < 1 */ -} - -@supports (mix-blend-mode: multiply) { - .image-filters-enabled .site-header.featured-image .site-featured-image:after { + /* Fifth layer: readability overlay */ } + .site-header.featured-image .site-branding .site-title, + .site-header.featured-image .site-branding .site-description, + .site-header.featured-image .main-navigation a:after, + .site-header.featured-image .main-navigation .main-menu > li.menu-item-has-children:after, + .site-header.featured-image .main-navigation li, + .site-header.featured-image .social-navigation li, + .site-header.featured-image .entry-meta, + .site-header.featured-image .entry-title { + color: #fff; } + .site-header.featured-image .main-navigation a, + .site-header.featured-image .main-navigation a + svg, + .site-header.featured-image .social-navigation a, + .site-header.featured-image .site-title a, + .site-header.featured-image .site-featured-image a { + color: #fff; + transition: opacity 110ms ease-in-out; } + .site-header.featured-image .main-navigation a:hover, .site-header.featured-image .main-navigation a:active, + .site-header.featured-image .main-navigation a:hover + svg, + .site-header.featured-image .main-navigation a:active + svg, + .site-header.featured-image .main-navigation a + svg:hover, + .site-header.featured-image .main-navigation a + svg:active, + .site-header.featured-image .main-navigation a + svg:hover + svg, + .site-header.featured-image .main-navigation a + svg:active + svg, + .site-header.featured-image .social-navigation a:hover, + .site-header.featured-image .social-navigation a:active, + .site-header.featured-image .social-navigation a:hover + svg, + .site-header.featured-image .social-navigation a:active + svg, + .site-header.featured-image .site-title a:hover, + .site-header.featured-image .site-title a:active, + .site-header.featured-image .site-title a:hover + svg, + .site-header.featured-image .site-title a:active + svg, + .site-header.featured-image .site-featured-image a:hover, + .site-header.featured-image .site-featured-image a:active, + .site-header.featured-image .site-featured-image a:hover + svg, + .site-header.featured-image .site-featured-image a:active + svg { + color: #fff; + opacity: 0.6; } + .site-header.featured-image .main-navigation a:focus, + .site-header.featured-image .main-navigation a:focus + svg, + .site-header.featured-image .main-navigation a + svg:focus, + .site-header.featured-image .main-navigation a + svg:focus + svg, + .site-header.featured-image .social-navigation a:focus, + .site-header.featured-image .social-navigation a:focus + svg, + .site-header.featured-image .site-title a:focus, + .site-header.featured-image .site-title a:focus + svg, + .site-header.featured-image .site-featured-image a:focus, + .site-header.featured-image .site-featured-image a:focus + svg { + color: #fff; } + .site-header.featured-image .social-navigation a:focus { + color: #fff; opacity: 1; - } -} - -.image-filters-enabled .site-header.featured-image .site-branding-container:after { - background: rgba(0, 0, 0, 0.35); - mix-blend-mode: overlay; - opacity: 0.5; - z-index: 4; - /* Browsers supporting mix-blend-mode can have a light overlay */ -} - -@supports (mix-blend-mode: overlay) { + border-bottom: 1px solid #fff; } + .site-header.featured-image .social-navigation svg, + .site-header.featured-image .site-featured-image svg { + /* Use -webkit- only if supporting: Chrome < 54, iOS < 9.3, Android < 4.4.4 */ + -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.35)); + filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.35)); } + .site-header.featured-image .site-featured-image { + /* First layer: grayscale. */ } + .site-header.featured-image .site-featured-image .post-thumbnail img { + height: auto; + left: 50%; + max-width: 1000%; + min-height: 100%; + min-width: 100vw; + position: absolute; + top: 50%; + transform: translateX(-50%) translateY(-50%); + width: auto; + z-index: 1; + /* When image filters are active, make it grayscale to colorize it blue. */ } + @supports (object-fit: cover) { + .site-header.featured-image .site-featured-image .post-thumbnail img { + height: 100%; + left: 0; + object-fit: cover; + top: 0; + transform: none; + width: 100%; } } + .image-filters-enabled .site-header.featured-image .site-featured-image .post-thumbnail img { + filter: grayscale(100%); } + .site-header.featured-image .site-featured-image .entry-header { + margin-top: calc( 4 * 1rem); + margin-bottom: 0; + margin-left: 0; + margin-right: 0; + /* Entry meta */ } + @media only screen and (min-width: 768px) { + .site-header.featured-image .site-featured-image .entry-header { + margin-left: calc(10% + 60px); + margin-right: calc(10% + 60px); } } + .site-header.featured-image .site-featured-image .entry-header .entry-title { + text-align: center; } + .site-header.featured-image .site-featured-image .entry-header .entry-title:before { + background: #fff; } + .site-header.featured-image .site-featured-image .entry-header .entry-meta { + font-weight: 500; + text-align: center; } + .site-header.featured-image .site-featured-image .entry-header .entry-meta > span { + margin-right: 1rem; + display: inline-block; } + .site-header.featured-image .site-featured-image .entry-header .entry-meta > span:last-child { + margin-right: 0; } + .site-header.featured-image .site-featured-image .entry-header .entry-meta a { + transition: color 110ms ease-in-out; + color: currentColor; } + .site-header.featured-image .site-featured-image .entry-header .entry-meta a:hover { + text-decoration: none; } + .site-header.featured-image .site-featured-image .entry-header .entry-meta .svg-icon { + position: relative; + display: inline-block; + vertical-align: middle; + margin-right: 0.5em; } + .site-header.featured-image .site-featured-image .entry-header .entry-meta .discussion-avatar-list { + display: none; } + @media only screen and (min-width: 768px) { + .site-header.featured-image .site-featured-image .entry-header.has-discussion .entry-meta { + display: flex; + position: relative; + justify-content: center; } } + .site-header.featured-image .site-branding { + position: relative; + z-index: 10; } + .site-header.featured-image .site-featured-image .entry-header { + position: relative; + z-index: 9; } + .site-header.featured-image .site-branding-container:after, + .site-header.featured-image .site-featured-image:before, + .site-header.featured-image .site-featured-image:after, .site-header.featured-image:after { + display: block; + position: absolute; + top: 0; + left: 0; + content: "\020"; + width: 100%; + height: 100%; } + .image-filters-enabled .site-header.featured-image .site-featured-image:before { + background: #c43d80; + mix-blend-mode: screen; + opacity: 0.1; } + .site-header.featured-image .site-featured-image:after { + background: #000; + mix-blend-mode: multiply; + opacity: .7; + /* When image filters are active, a blue overlay is added. */ } + .image-filters-enabled .site-header.featured-image .site-featured-image:after { + background: #c43d80; + opacity: .8; + z-index: 3; + /* Browsers supporting mix-blend-mode don't need opacity < 1 */ } + @supports (mix-blend-mode: multiply) { + .image-filters-enabled .site-header.featured-image .site-featured-image:after { + opacity: 1; } } .image-filters-enabled .site-header.featured-image .site-branding-container:after { - background: rgba(255, 255, 255, 0.35); - } -} - -.site-header.featured-image:after { - background: #000; - /** + background: rgba(0, 0, 0, 0.35); + mix-blend-mode: overlay; + opacity: 0.5; + z-index: 4; + /* Browsers supporting mix-blend-mode can have a light overlay */ } + @supports (mix-blend-mode: overlay) { + .image-filters-enabled .site-header.featured-image .site-branding-container:after { + background: rgba(255, 255, 255, 0.35); } } + .site-header.featured-image:after { + background: #000; + /** * Add a transition to the readability overlay, to add a subtle * but smooth effect when resizing the screen. */ - transition: opacity 1200ms ease-in-out; - opacity: 0.7; - z-index: 5; - /* When image filters are active, a blue overlay is added. */ -} - -.image-filters-enabled .site-header.featured-image:after { - background: #18070f; - opacity: 0.38; -} - -@media only screen and (min-width: 768px) { - .image-filters-enabled .site-header.featured-image:after { - opacity: 0.18; - } -} - -.site-header.featured-image ::selection { - background: rgba(255, 255, 255, 0.17); -} + transition: opacity 1200ms ease-in-out; + opacity: 0.7; + z-index: 5; + /* When image filters are active, a blue overlay is added. */ } + .image-filters-enabled .site-header.featured-image:after { + background: #18070f; + opacity: 0.38; } + @media only screen and (min-width: 768px) { + .image-filters-enabled .site-header.featured-image:after { + opacity: 0.18; } } + .site-header.featured-image ::-moz-selection { + background: rgba(255, 255, 255, 0.17); } + .site-header.featured-image ::selection { + background: rgba(255, 255, 255, 0.17); } /*-------------------------------------------------------------- ## Posts and pages --------------------------------------------------------------*/ .sticky { - display: block; -} + display: block; } .sticky-post { background: #c43d80; @@ -2311,40 +1800,28 @@ body.page .main-navigation { line-height: 1; padding: .25rem; text-transform: uppercase; - z-index: 1; -} + z-index: 1; } .updated:not(.published) { - display: none; -} + display: none; } .page-links { clear: both; - margin: 0 0 calc(1.5 * 1rem); -} + margin: 0 0 calc(1.5 * 1rem); } .entry { - margin-top: calc(6 * 1rem); -} - -.entry:first-of-type { - margin-top: 0; -} - -.entry .entry-header { - margin: calc(3 * 1rem) 1rem 1rem; - position: relative; - text-align: center; -} - -@media only screen and (min-width: 768px) { + margin-top: calc(6 * 1rem); } + .entry:first-of-type { + margin-top: 0; } .entry .entry-header { - margin: calc(3 * 1rem) calc(10% + 60px) 1rem; - } -} - -.entry .entry-title { - /* + margin: calc(3 * 1rem) 1rem 1rem; + position: relative; + text-align: center; } + @media only screen and (min-width: 768px) { + .entry .entry-header { + margin: calc(3 * 1rem) calc(10% + 60px) 1rem; } } + .entry .entry-title { + /* &:before { background: $color__text-light; content: "\020"; @@ -2354,270 +1831,167 @@ body.page .main-navigation { width: 1em; } */ - margin: 0; -} - -.entry .entry-title a { - color: inherit; -} - -.entry .entry-title a:hover { - color: #4a4a4a; -} - -.entry .entry-meta, -.entry .entry-footer { - color: #767676; - font-weight: 500; - text-align: center; -} - -.entry .entry-meta > span, -.entry .entry-footer > span { - margin-right: 1rem; - display: inline-block; -} - -.entry .entry-meta > span:last-child, -.entry .entry-footer > span:last-child { - margin-right: 0; -} - -.entry .entry-meta a, -.entry .entry-footer a { - transition: color 110ms ease-in-out; - color: currentColor; -} - -.entry .entry-meta a:hover, -.entry .entry-footer a:hover { - text-decoration: none; - color: #c43d80; -} - -.entry .entry-meta .svg-icon, -.entry .entry-footer .svg-icon { - position: relative; - display: inline-block; - vertical-align: middle; - margin-right: 0.5em; -} - -.entry .entry-meta { - margin: 1rem auto; -} - -.entry .entry-footer { - margin: calc(2 * 1rem) 1rem 1rem; -} - -@media only screen and (min-width: 768px) { + margin: 0; } + .entry .entry-title a { + color: inherit; } + .entry .entry-title a:hover { + color: #4a4a4a; } + .entry .entry-meta, .entry .entry-footer { - margin: 1rem auto calc(3 * 1rem); - max-width: calc(8 * (100vw / 12) - 28px); - } -} - -.entry .post-thumbnail { - margin: 1rem; -} - -@media only screen and (min-width: 768px) { + color: #767676; + font-weight: 500; + text-align: center; } + .entry .entry-meta > span, + .entry .entry-footer > span { + margin-right: 1rem; + display: inline-block; } + .entry .entry-meta > span:last-child, + .entry .entry-footer > span:last-child { + margin-right: 0; } + .entry .entry-meta a, + .entry .entry-footer a { + transition: color 110ms ease-in-out; + color: currentColor; } + .entry .entry-meta a:hover, + .entry .entry-footer a:hover { + text-decoration: none; + color: #c43d80; } + .entry .entry-meta .svg-icon, + .entry .entry-footer .svg-icon { + position: relative; + display: inline-block; + vertical-align: middle; + margin-right: 0.5em; } + .entry .entry-meta { + margin: 1rem auto; } + .entry .entry-footer { + margin: calc(2 * 1rem) 1rem 1rem; } + @media only screen and (min-width: 768px) { + .entry .entry-footer { + margin: 1rem auto calc(3 * 1rem); + max-width: calc(8 * (100vw / 12) - 28px); } } .entry .post-thumbnail { - margin: 1rem calc(10% + 60px); - } -} - -.entry .post-thumbnail:focus { - outline: none; -} - -.entry .post-thumbnail .post-thumbnail-inner { - display: block; -} - -.entry .post-thumbnail .post-thumbnail-inner img { - position: relative; - display: block; - width: 100%; -} - -.image-filters-enabled .entry .post-thumbnail { - position: relative; - display: block; -} - -.image-filters-enabled .entry .post-thumbnail .post-thumbnail-inner { - filter: grayscale(100%); -} - -.image-filters-enabled .entry .post-thumbnail .post-thumbnail-inner:after { - background: rgba(0, 0, 0, 0.35); - content: ""; - display: block; - height: 100%; - opacity: .5; - pointer-events: none; - position: absolute; - top: 0; - width: 100%; - z-index: 4; -} - -@supports (mix-blend-mode: multiply) { - .image-filters-enabled .entry .post-thumbnail .post-thumbnail-inner:after { - display: none; - } -} - -.image-filters-enabled .entry .post-thumbnail:before, .image-filters-enabled .entry .post-thumbnail:after { - position: absolute; - display: block; - width: 100%; - height: 100%; - top: 0; - left: 0; - content: "\020"; - pointer-events: none; -} - -.image-filters-enabled .entry .post-thumbnail:before { - background: #c43d80; - mix-blend-mode: screen; - opacity: 0.1; - z-index: 2; -} - -.image-filters-enabled .entry .post-thumbnail:after { - background: #c43d80; - mix-blend-mode: multiply; - opacity: .8; - z-index: 3; - /* Browsers supporting mix-blend-mode don't need opacity < 1 */ -} - -@supports (mix-blend-mode: multiply) { - .image-filters-enabled .entry .post-thumbnail:after { - opacity: 1; - } -} - -.entry .entry-content, -.entry .entry-summary { - max-width: calc(100% - (2 * 1rem)); - margin: 0 1rem; -} - -@media only screen and (min-width: 768px) { + margin: 1rem; } + @media only screen and (min-width: 768px) { + .entry .post-thumbnail { + margin: 1rem calc(10% + 60px); } } + .entry .post-thumbnail:focus { + outline: none; } + .entry .post-thumbnail .post-thumbnail-inner { + display: block; } + .entry .post-thumbnail .post-thumbnail-inner img { + position: relative; + display: block; + width: 100%; } + .image-filters-enabled .entry .post-thumbnail { + position: relative; + display: block; } + .image-filters-enabled .entry .post-thumbnail .post-thumbnail-inner { + filter: grayscale(100%); } + .image-filters-enabled .entry .post-thumbnail .post-thumbnail-inner:after { + background: rgba(0, 0, 0, 0.35); + content: ""; + display: block; + height: 100%; + opacity: .5; + pointer-events: none; + position: absolute; + top: 0; + width: 100%; + z-index: 4; } + @supports (mix-blend-mode: multiply) { + .image-filters-enabled .entry .post-thumbnail .post-thumbnail-inner:after { + display: none; } } + .image-filters-enabled .entry .post-thumbnail:before, .image-filters-enabled .entry .post-thumbnail:after { + position: absolute; + display: block; + width: 100%; + height: 100%; + top: 0; + left: 0; + content: "\020"; + pointer-events: none; } + .image-filters-enabled .entry .post-thumbnail:before { + background: #c43d80; + mix-blend-mode: screen; + opacity: 0.1; + z-index: 2; } + .image-filters-enabled .entry .post-thumbnail:after { + background: #c43d80; + mix-blend-mode: multiply; + opacity: .8; + z-index: 3; + /* Browsers supporting mix-blend-mode don't need opacity < 1 */ } + @supports (mix-blend-mode: multiply) { + .image-filters-enabled .entry .post-thumbnail:after { + opacity: 1; } } .entry .entry-content, .entry .entry-summary { - max-width: 80%; - margin: 0 10%; - padding: 0 60px; - } -} - -.entry .entry-content p { - word-wrap: break-word; -} - -.entry .entry-content .more-link { - transition: color 110ms ease-in-out; - display: inline; - color: inherit; -} - -.entry .entry-content .more-link:after { - content: "\02192"; - margin-left: 0.5em; -} - -.entry .entry-content .more-link:hover { - color: #c43d80; - text-decoration: none; -} - -.entry .entry-content a { - text-decoration: underline; -} - -.entry .entry-content a.button, .entry .entry-content a:hover { - text-decoration: none; -} - -.entry .entry-content a.button { - display: inline-block; -} - -.entry .entry-content a.button:hover { - background: #111; - color: #fff; - cursor: pointer; -} - -.entry .entry-content > iframe[style] { - margin: 32px 0 !important; - max-width: 100% !important; -} - -@media only screen and (min-width: 768px) { + max-width: calc(100% - (2 * 1rem)); + margin: 0 1rem; } + @media only screen and (min-width: 768px) { + .entry .entry-content, + .entry .entry-summary { + max-width: 80%; + margin: 0 10%; + padding: 0 60px; } } + .entry .entry-content p { + word-wrap: break-word; } + .entry .entry-content .more-link { + transition: color 110ms ease-in-out; + display: inline; + color: inherit; } + .entry .entry-content .more-link:after { + content: "\02192"; + margin-left: 0.5em; } + .entry .entry-content .more-link:hover { + color: #c43d80; + text-decoration: none; } + .entry .entry-content a { + text-decoration: underline; } + .entry .entry-content a.button, .entry .entry-content a:hover { + text-decoration: none; } + .entry .entry-content a.button { + display: inline-block; } + .entry .entry-content a.button:hover { + background: #111; + color: #fff; + cursor: pointer; } .entry .entry-content > iframe[style] { - max-width: calc(8 * (100vw / 12) - 28px) !important; - } -} - -@media only screen and (min-width: 1168px) { - .entry .entry-content > iframe[style] { - max-width: calc(6 * (100vw / 12) - 28px) !important; - } -} - -.entry .entry-content .page-links a { - margin: calc(0.5 * 1rem); - text-decoration: none; -} - -.entry .entry-content .wp-audio-shortcode { - max-width: calc(100vw - (2 * 1rem)); -} - -@media only screen and (min-width: 768px) { + margin: 32px 0 !important; + max-width: 100% !important; } + @media only screen and (min-width: 768px) { + .entry .entry-content > iframe[style] { + max-width: calc(8 * (100vw / 12) - 28px) !important; } } + @media only screen and (min-width: 1168px) { + .entry .entry-content > iframe[style] { + max-width: calc(6 * (100vw / 12) - 28px) !important; } } + .entry .entry-content .page-links a { + margin: calc(0.5 * 1rem); + text-decoration: none; } .entry .entry-content .wp-audio-shortcode { - max-width: calc(8 * (100vw / 12) - 28px); - } -} - -@media only screen and (min-width: 1168px) { - .entry .entry-content .wp-audio-shortcode { - max-width: calc(6 * (100vw / 12) - 28px); - } -} + max-width: calc(100vw - (2 * 1rem)); } + @media only screen and (min-width: 768px) { + .entry .entry-content .wp-audio-shortcode { + max-width: calc(8 * (100vw / 12) - 28px); } } + @media only screen and (min-width: 1168px) { + .entry .entry-content .wp-audio-shortcode { + max-width: calc(6 * (100vw / 12) - 28px); } } /* Author description */ .author-bio { - margin: calc(2 * 1rem) 1rem 1rem; -} - -@media only screen and (min-width: 768px) { - .author-bio { - max-width: calc(8 * (100vw / 12) - 28px); - } -} - -@media only screen and (min-width: 1168px) { - .author-bio { - max-width: calc(6 * (100vw / 12) - 28px); - } -} - -@media only screen and (min-width: 768px) { - .author-bio { - margin: calc(3 * 1rem) auto; - } -} - -.author-bio .author-title { - /* + margin: calc(2 * 1rem) 1rem 1rem; } + @media only screen and (min-width: 768px) { + .author-bio { + max-width: calc(8 * (100vw / 12) - 28px); } } + @media only screen and (min-width: 1168px) { + .author-bio { + max-width: calc(6 * (100vw / 12) - 28px); } } + @media only screen and (min-width: 768px) { + .author-bio { + margin: calc(3 * 1rem) auto; } } + .author-bio .author-title { + /* &:before { background: $color__text-light; content: "\020"; @@ -2627,85 +2001,55 @@ body.page .main-navigation { width: 1em; } */ - display: inline; -} - -.author-bio .author-description { - display: inline; - color: #767676; -} - -.author-bio .author-description .author-link { - display: inline-block; -} - -.author-bio .author-description .author-link:hover { - color: #9e3067; - text-decoration: none; -} + display: inline; } + .author-bio .author-description { + display: inline; + color: #767676; } + .author-bio .author-description .author-link { + display: inline-block; } + .author-bio .author-description .author-link:hover { + color: #9e3067; + text-decoration: none; } /*-------------------------------------------------------------- ## Comments --------------------------------------------------------------*/ .comment-content a { - word-wrap: break-word; -} + word-wrap: break-word; } .bypostauthor { - display: block; -} + display: block; } .comments-area { margin: calc(2 * 1rem) 1rem; /* Add extra margin when the comments section is located immediately after the * post itself (this happens on pages). - */ -} - -@media only screen and (min-width: 768px) { - .comments-area { - max-width: calc(8 * (100vw / 12) - 28px); - } -} - -@media only screen and (min-width: 1168px) { - .comments-area { - max-width: calc(6 * (100vw / 12) - 28px); - } -} - -@media only screen and (min-width: 768px) { - .comments-area { - margin: calc(3 * 1rem) auto; - } -} - -.comments-area > * { - margin-top: calc(2 * 1rem); - margin-bottom: calc(2 * 1rem); -} - -@media only screen and (min-width: 768px) { + */ } + @media only screen and (min-width: 768px) { + .comments-area { + max-width: calc(8 * (100vw / 12) - 28px); } } + @media only screen and (min-width: 1168px) { + .comments-area { + max-width: calc(6 * (100vw / 12) - 28px); } } + @media only screen and (min-width: 768px) { + .comments-area { + margin: calc(3 * 1rem) auto; } } .comments-area > * { - margin-top: calc(3 * 1rem); - margin-bottom: calc(3 * 1rem); - } -} - -.entry + .comments-area { - margin-top: calc(3 * 1rem); -} - -@media only screen and (min-width: 768px) { - .comments-area .comments-title-wrap { - align-items: baseline; - display: flex; - justify-content: space-between; - } -} - -.comments-area .comments-title-wrap .comments-title { - /* + margin-top: calc(2 * 1rem); + margin-bottom: calc(2 * 1rem); } + @media only screen and (min-width: 768px) { + .comments-area > * { + margin-top: calc(3 * 1rem); + margin-bottom: calc(3 * 1rem); } } + .entry + .comments-area { + margin-top: calc(3 * 1rem); } + @media only screen and (min-width: 768px) { + .comments-area .comments-title-wrap { + align-items: baseline; + display: flex; + justify-content: space-between; } } + .comments-area .comments-title-wrap .comments-title { + /* &:before { background: $color__text-light; content: "\020"; @@ -2715,348 +2059,234 @@ body.page .main-navigation { width: 1em; } */ - margin: 0; -} - -@media only screen and (min-width: 768px) { - .comments-area .comments-title-wrap .comments-title { - flex: 1 0 calc(3 * (100vw / 12)); - } -} - -@media only screen and (min-width: 768px) { - .comments-area .comments-title-wrap .discussion-meta { - flex: 0 0 calc(2 * (100vw / 12)); - margin-left: 1rem; - } -} + margin: 0; } + @media only screen and (min-width: 768px) { + .comments-area .comments-title-wrap .comments-title { + flex: 1 0 calc(3 * (100vw / 12)); } } + @media only screen and (min-width: 768px) { + .comments-area .comments-title-wrap .discussion-meta { + flex: 0 0 calc(2 * (100vw / 12)); + margin-left: 1rem; } } #comment { max-width: 100%; - box-sizing: border-box; -} + box-sizing: border-box; } #respond { - position: relative; -} - -#respond .comment-user-avatar { - margin: 1rem 0 -1rem; -} - -#respond .comment .comment-form { - padding-left: 0; -} - -#respond > small { - display: block; - font-size: 22px; - position: absolute; - left: calc(1rem + 100%); - top: calc(-3.5 * 1rem); - width: calc(100vw / 12); -} + position: relative; } + #respond .comment-user-avatar { + margin: 1rem 0 -1rem; } + #respond .comment .comment-form { + padding-left: 0; } + #respond > small { + display: block; + font-size: 22px; + position: absolute; + left: calc(1rem + 100%); + top: calc(-3.5 * 1rem); + width: calc(100vw / 12); } #comments > .comments-title:last-child { - display: none; -} + display: none; } .comment-form-flex { display: flex; - flex-direction: column; -} - -.comment-form-flex .comments-title { - display: none; - margin: 0; - order: 1; -} - -.comment-form-flex #respond { - order: 2; -} - -.comment-form-flex #respond + .comments-title { - display: block; -} + flex-direction: column; } + .comment-form-flex .comments-title { + display: none; + margin: 0; + order: 1; } + .comment-form-flex #respond { + order: 2; } + .comment-form-flex #respond + .comments-title { + display: block; } .comment-list { list-style: none; - padding: 0; -} - -.comment-list .children { - margin: 0; - padding: 0 0 0 1rem; -} - -.comment-list > .comment:first-child { - margin-top: 0; -} - -.comment-list .pingback .comment-body, -.comment-list .trackback .comment-body { - color: #767676; - font-family: "Source Serif Pro", "Baskerville Old Face", Garamond, "Times New Roman", serif; - font-size: 0.71111em; - font-weight: 500; - margin-top: 1rem; - margin-bottom: 1rem; -} - -.comment-list .pingback .comment-body a:not(.comment-edit-link), -.comment-list .trackback .comment-body a:not(.comment-edit-link) { - font-weight: bold; - font-size: 19.55556px; - line-height: 1.5; - padding-right: 0.5rem; - display: block; -} - -.comment-list .pingback .comment-body .comment-edit-link, -.comment-list .trackback .comment-body .comment-edit-link { - color: #767676; - font-family: "Source Serif Pro", "Baskerville Old Face", Garamond, "Times New Roman", serif; - font-weight: 500; -} + padding: 0; } + .comment-list .children { + margin: 0; + padding: 0 0 0 1rem; } + .comment-list > .comment:first-child { + margin-top: 0; } + .comment-list .pingback .comment-body, + .comment-list .trackback .comment-body { + color: #767676; + font-family: "Source Serif Pro", "Baskerville Old Face", Garamond, "Times New Roman", serif; + font-size: 0.7111111111em; + font-weight: 500; + margin-top: 1rem; + margin-bottom: 1rem; } + .comment-list .pingback .comment-body a:not(.comment-edit-link), + .comment-list .trackback .comment-body a:not(.comment-edit-link) { + font-weight: bold; + font-size: 19.5555555556px; + line-height: 1.5; + padding-right: 0.5rem; + display: block; } + .comment-list .pingback .comment-body .comment-edit-link, + .comment-list .trackback .comment-body .comment-edit-link { + color: #767676; + font-family: "Source Serif Pro", "Baskerville Old Face", Garamond, "Times New Roman", serif; + font-weight: 500; } #respond + .comment-reply { - display: none; -} + display: none; } .comment-reply .comment-reply-link { - display: inline-block; -} + display: inline-block; } .comment { list-style: none; - position: relative; -} - -@media only screen and (min-width: 768px) { - .comment { - padding-left: calc(.5 * (1rem + calc(100vw / 12 ))); - } - .comment.depth-1, - .comment .children { - padding-left: 0; - } - .comment.depth-1 { - margin-left: calc(3.25 * 1rem); - } -} - -.comment .comment-body { - margin: calc(2 * 1rem) 0 0; -} - -.comment .comment-meta { - position: relative; -} - -.comment .comment-author .avatar { - float: left; - margin-right: 1rem; - position: relative; -} - -@media only screen and (min-width: 768px) { + position: relative; } + @media only screen and (min-width: 768px) { + .comment { + padding-left: calc(.5 * (1rem + calc(100vw / 12 ))); } + .comment.depth-1, + .comment .children { + padding-left: 0; } + .comment.depth-1 { + margin-left: calc(3.25 * 1rem); } } + .comment .comment-body { + margin: calc(2 * 1rem) 0 0; } + .comment .comment-meta { + position: relative; } .comment .comment-author .avatar { - float: inherit; - margin-right: inherit; - position: absolute; - top: 0; - right: calc(100% + 1rem); - } -} - -.comment .comment-author .fn { - position: relative; - display: block; -} - -.comment .comment-author .fn a { - color: inherit; -} - -.comment .comment-author .fn a:hover { - color: #9e3067; -} - -.comment .comment-author .post-author-badge { - border-radius: 100%; - display: block; - height: 18px; - position: absolute; - background: #ce5c94; - right: calc(100% - 2.5rem); - top: -3px; - width: 18px; -} - -@media only screen and (min-width: 768px) { + float: left; + margin-right: 1rem; + position: relative; } + @media only screen and (min-width: 768px) { + .comment .comment-author .avatar { + float: inherit; + margin-right: inherit; + position: absolute; + top: 0; + right: calc(100% + 1rem); } } + .comment .comment-author .fn { + position: relative; + display: block; } + .comment .comment-author .fn a { + color: inherit; } + .comment .comment-author .fn a:hover { + color: #9e3067; } .comment .comment-author .post-author-badge { - right: calc(100% + 0.75rem); - } -} - -.comment .comment-author .post-author-badge svg { - width: inherit; - height: inherit; - display: block; - fill: white; - transform: scale(0.875); -} - -.comment .comment-metadata > a, -.comment .comment-metadata .comment-edit-link { - display: inline; - font-weight: 500; - color: #767676; - vertical-align: baseline; -} - -.comment .comment-metadata > a time, -.comment .comment-metadata .comment-edit-link time { - vertical-align: baseline; -} - -.comment .comment-metadata > a:hover, -.comment .comment-metadata .comment-edit-link:hover { - color: #9e3067; - text-decoration: none; -} - -.comment .comment-metadata > * { - display: inline-block; -} - -.comment .comment-metadata .edit-link-sep { - color: #767676; - margin: 0 0.2em; - vertical-align: baseline; -} - -.comment .comment-metadata .edit-link { - color: #767676; -} - -.comment .comment-metadata .edit-link svg { - transform: scale(0.8); - vertical-align: baseline; - margin-right: 0.1em; -} - -.comment .comment-metadata .comment-edit-link { - position: relative; - padding-left: 1rem; - margin-left: -1rem; - z-index: 1; -} - -.comment .comment-metadata .comment-edit-link:hover { - color: #c43d80; -} - -.comment .comment-content { - margin: 1rem 0; -} - -@media only screen and (min-width: 1168px) { + border-radius: 100%; + display: block; + height: 18px; + position: absolute; + background: #ce5c94; + right: calc(100% - 2.5rem); + top: -3px; + width: 18px; } + @media only screen and (min-width: 768px) { + .comment .comment-author .post-author-badge { + right: calc(100% + 0.75rem); } } + .comment .comment-author .post-author-badge svg { + width: inherit; + height: inherit; + display: block; + fill: white; + transform: scale(0.875); } + .comment .comment-metadata > a, + .comment .comment-metadata .comment-edit-link { + display: inline; + font-weight: 500; + color: #767676; + vertical-align: baseline; } + .comment .comment-metadata > a time, + .comment .comment-metadata .comment-edit-link time { + vertical-align: baseline; } + .comment .comment-metadata > a:hover, + .comment .comment-metadata .comment-edit-link:hover { + color: #9e3067; + text-decoration: none; } + .comment .comment-metadata > * { + display: inline-block; } + .comment .comment-metadata .edit-link-sep { + color: #767676; + margin: 0 0.2em; + vertical-align: baseline; } + .comment .comment-metadata .edit-link { + color: #767676; } + .comment .comment-metadata .edit-link svg { + transform: scale(0.8); + vertical-align: baseline; + margin-right: 0.1em; } + .comment .comment-metadata .comment-edit-link { + position: relative; + padding-left: 1rem; + margin-left: -1rem; + z-index: 1; } + .comment .comment-metadata .comment-edit-link:hover { + color: #c43d80; } .comment .comment-content { - padding-right: 1rem; - } -} - -.comment .comment-content > *:first-child { - margin-top: 0; -} - -.comment .comment-content > *:last-child { - margin-bottom: 0; -} - -.comment .comment-content blockquote { - margin-left: 0; -} - -.comment .comment-content a { - text-decoration: underline; -} - -.comment .comment-content a:hover { - text-decoration: none; -} + margin: 1rem 0; } + @media only screen and (min-width: 1168px) { + .comment .comment-content { + padding-right: 1rem; } } + .comment .comment-content > *:first-child { + margin-top: 0; } + .comment .comment-content > *:last-child { + margin-bottom: 0; } + .comment .comment-content blockquote { + margin-left: 0; } + .comment .comment-content a { + text-decoration: underline; } + .comment .comment-content a:hover { + text-decoration: none; } .comment-reply-link, #cancel-comment-reply-link { - font-weight: 500; -} - -.comment-reply-link:hover, -#cancel-comment-reply-link:hover { - color: #9e3067; -} + font-weight: 500; } + .comment-reply-link:hover, + #cancel-comment-reply-link:hover { + color: #9e3067; } .discussion-avatar-list { content: ""; display: table; table-layout: fixed; margin: 0; - padding: 0; -} - -.discussion-avatar-list li { - position: relative; - list-style: none; - margin: 0 -8px 0 0; - padding: 0; - float: left; -} - -.discussion-avatar-list .comment-user-avatar img { - height: calc(1.5 * 1rem); - width: calc(1.5 * 1rem); -} + padding: 0; } + .discussion-avatar-list li { + position: relative; + list-style: none; + margin: 0 -8px 0 0; + padding: 0; + float: left; } + .discussion-avatar-list .comment-user-avatar img { + height: calc(1.5 * 1rem); + width: calc(1.5 * 1rem); } .discussion-meta .discussion-meta-info { - margin: 0; -} - -.discussion-meta .discussion-meta-info .svg-icon { - vertical-align: middle; - fill: currentColor; - transform: scale(0.6) scaleX(-1) translateY(-0.1em); - margin-left: -0.25rem; -} + margin: 0; } + .discussion-meta .discussion-meta-info .svg-icon { + vertical-align: middle; + fill: currentColor; + transform: scale(0.6) scaleX(-1) translateY(-0.1em); + margin-left: -0.25rem; } .comment-form .comment-notes, .comment-form label { font-family: "Source Serif Pro", "Baskerville Old Face", Garamond, "Times New Roman", serif; - font-size: 0.88889em; - color: #767676; -} + font-size: 0.8888888889em; + color: #767676; } @media only screen and (min-width: 768px) { .comment-form .comment-form-author, .comment-form .comment-form-email { width: calc(50% - 0.5rem); - float: left; - } -} + float: left; } } @media only screen and (min-width: 768px) { .comment-form .comment-form-email { - margin-left: 1rem; - } -} + margin-left: 1rem; } } .comment-form input[name="author"], .comment-form input[name="email"], .comment-form input[name="url"] { display: block; - width: 100%; -} + width: 100%; } /*-------------------------------------------------------------- ## Archives @@ -3065,167 +2295,118 @@ body.page .main-navigation { .search .page-header, .error404 .page-header { margin: 1rem 1rem; - text-align: center; -} - -@media only screen and (min-width: 768px) { - .archive .page-header, - .search .page-header, - .error404 .page-header { - margin: 0 calc(10% + 60px); - } -} - -.archive .page-header .page-title, -.search .page-header .page-title, -.error404 .page-header .page-title { - color: #767676; - display: inline; -} - -.archive .page-header .page-title:before, -.search .page-header .page-title:before, -.error404 .page-header .page-title:before { - display: none; -} - -.archive .page-header .search-term, -.archive .page-header .page-description, -.search .page-header .search-term, -.search .page-header .page-description, -.error404 .page-header .search-term, -.error404 .page-header .page-description { - display: inherit; - clear: both; -} - -.archive .page-header .search-term:after, -.archive .page-header .page-description:after, -.search .page-header .search-term:after, -.search .page-header .page-description:after, -.error404 .page-header .search-term:after, -.error404 .page-header .page-description:after { - content: "."; - font-weight: bold; - color: #767676; -} + text-align: center; } + @media only screen and (min-width: 768px) { + .archive .page-header, + .search .page-header, + .error404 .page-header { + margin: 0 calc(10% + 60px); } } + .archive .page-header .page-title, + .search .page-header .page-title, + .error404 .page-header .page-title { + color: #767676; + display: inline; } + .archive .page-header .page-title:before, + .search .page-header .page-title:before, + .error404 .page-header .page-title:before { + display: none; } + .archive .page-header .search-term, + .archive .page-header .page-description, + .search .page-header .search-term, + .search .page-header .page-description, + .error404 .page-header .search-term, + .error404 .page-header .page-description { + display: inherit; + clear: both; } + .archive .page-header .search-term:after, + .archive .page-header .page-description:after, + .search .page-header .search-term:after, + .search .page-header .page-description:after, + .error404 .page-header .search-term:after, + .error404 .page-header .page-description:after { + content: "."; + font-weight: bold; + color: #767676; } .archive .page-header .page-description { display: block; color: #111; - font-size: 1em; -} + font-size: 1em; } @media only screen and (min-width: 768px) { .hfeed .entry .entry-header { - margin: calc(3 * 1rem) calc(10% + 60px) calc(1rem / 2); - } -} + margin: calc(3 * 1rem) calc(10% + 60px) calc(1rem / 2); } } /* 404 & Not found */ .error-404.not-found .page-title, .error-404.not-found .page-content, .no-results.not-found .page-title, .no-results.not-found .page-content { - margin: calc(3 * 1rem) 1rem; -} - -@media only screen and (min-width: 768px) { - .error-404.not-found .page-title, - .error-404.not-found .page-content, - .no-results.not-found .page-title, - .no-results.not-found .page-content { - margin: calc(3 * 1rem) calc(10% + 60px) calc(1rem / 2); - } -} + margin: calc(3 * 1rem) 1rem; } + @media only screen and (min-width: 768px) { + .error-404.not-found .page-title, + .error-404.not-found .page-content, + .no-results.not-found .page-title, + .no-results.not-found .page-content { + margin: calc(3 * 1rem) calc(10% + 60px) calc(1rem / 2); } } .error-404.not-found .search-submit, .no-results.not-found .search-submit { vertical-align: middle; - margin: 1rem 0; -} + margin: 1rem 0; } .error-404.not-found .search-field, .no-results.not-found .search-field { - width: 100%; -} + width: 100%; } /*-------------------------------------------------------------- ## Footer --------------------------------------------------------------*/ /* Site footer */ #colophon .widget-area { - margin: calc(2 * 1rem) 1rem; -} - -@media only screen and (min-width: 768px) { - #colophon .widget-area { - margin: calc(3 * 1rem) auto; - max-width: calc(8 * (100vw / 12) - 28px); - } -} - -@media only screen and (min-width: 1168px) { - #colophon .widget-area { - max-width: calc(6 * (100vw / 12) - 28px); - } -} + margin: calc(2 * 1rem) 1rem; } + @media only screen and (min-width: 768px) { + #colophon .widget-area { + margin: calc(3 * 1rem) auto; + max-width: calc(8 * (100vw / 12) - 28px); } } + @media only screen and (min-width: 1168px) { + #colophon .widget-area { + max-width: calc(6 * (100vw / 12) - 28px); } } #colophon .widget-column { display: flex; - flex-wrap: wrap; -} - -#colophon .widget-column .widget { - width: 100%; -} + flex-wrap: wrap; } + #colophon .widget-column .widget { + width: 100%; } #colophon .site-info { - margin: calc(2 * 1rem) 1rem; -} - -@media only screen and (min-width: 768px) { - #colophon .site-info { - margin: calc(3 * 1rem) calc(10% + 60px); - } -} + margin: calc(2 * 1rem) 1rem; } + @media only screen and (min-width: 768px) { + #colophon .site-info { + margin: calc(3 * 1rem) calc(10% + 60px); } } #colophon .site-info { color: #767676; - text-align: center; -} - -#colophon .site-info a { - color: inherit; -} - -#colophon .site-info a:hover { - text-decoration: none; - color: #c43d80; -} - -#colophon .site-info .imprint, -#colophon .site-info .privacy-policy-link { - margin-right: 1rem; -} + text-align: center; } + #colophon .site-info a { + color: inherit; } + #colophon .site-info a:hover { + text-decoration: none; + color: #c43d80; } + #colophon .site-info .imprint, + #colophon .site-info .privacy-policy-link { + margin-right: 1rem; } /* Widgets */ .widget { margin: 0 0 1rem; - /* Make sure select elements fit in widgets. */ -} - -.widget select { - max-width: 100%; -} - -.widget a { - color: #c43d80; -} - -.widget a:hover { - color: #9e3067; -} + /* Make sure select elements fit in widgets. */ } + .widget select { + max-width: 100%; } + .widget a { + color: #c43d80; } + .widget a:hover { + color: #9e3067; } .widget_archive ul, .widget_categories ul, @@ -3236,224 +2417,163 @@ body.page .main-navigation { .widget_recent_entries ul, .widget_rss ul { padding: 0; - list-style: none; -} - -.widget_archive ul li, -.widget_categories ul li, -.widget_meta ul li, -.widget_nav_menu ul li, -.widget_pages ul li, -.widget_recent_comments ul li, -.widget_recent_entries ul li, -.widget_rss ul li { - color: #767676; - font-family: "Source Serif Pro", "Baskerville Old Face", Garamond, "Times New Roman", serif; - font-size: calc(22px * 1.125); - font-weight: 700; - line-height: 1.2; - margin-top: 0.5rem; - margin-bottom: 0.5rem; -} - -.widget_archive ul ul, -.widget_categories ul ul, -.widget_meta ul ul, -.widget_nav_menu ul ul, -.widget_pages ul ul, -.widget_recent_comments ul ul, -.widget_recent_entries ul ul, -.widget_rss ul ul { - counter-reset: submenu; -} - -.widget_archive ul ul > li > a::before, -.widget_categories ul ul > li > a::before, -.widget_meta ul ul > li > a::before, -.widget_nav_menu ul ul > li > a::before, -.widget_pages ul ul > li > a::before, -.widget_recent_comments ul ul > li > a::before, -.widget_recent_entries ul ul > li > a::before, -.widget_rss ul ul > li > a::before { - font-family: "Source Serif Pro", "Baskerville Old Face", Garamond, "Times New Roman", serif; - font-weight: normal; - content: "– " counters(submenu, "– ", none); - counter-increment: submenu; -} + list-style: none; } + .widget_archive ul li, + .widget_categories ul li, + .widget_meta ul li, + .widget_nav_menu ul li, + .widget_pages ul li, + .widget_recent_comments ul li, + .widget_recent_entries ul li, + .widget_rss ul li { + color: #767676; + font-family: "Source Serif Pro", "Baskerville Old Face", Garamond, "Times New Roman", serif; + font-size: calc(22px * 1.125); + font-weight: 700; + line-height: 1.2; + margin-top: 0.5rem; + margin-bottom: 0.5rem; } + .widget_archive ul ul, + .widget_categories ul ul, + .widget_meta ul ul, + .widget_nav_menu ul ul, + .widget_pages ul ul, + .widget_recent_comments ul ul, + .widget_recent_entries ul ul, + .widget_rss ul ul { + counter-reset: submenu; } + .widget_archive ul ul > li > a::before, + .widget_categories ul ul > li > a::before, + .widget_meta ul ul > li > a::before, + .widget_nav_menu ul ul > li > a::before, + .widget_pages ul ul > li > a::before, + .widget_recent_comments ul ul > li > a::before, + .widget_recent_entries ul ul > li > a::before, + .widget_rss ul ul > li > a::before { + font-family: "Source Serif Pro", "Baskerville Old Face", Garamond, "Times New Roman", serif; + font-weight: normal; + content: "– " counters(submenu, "– ", none); + counter-increment: submenu; } .widget_tag_cloud .tagcloud { font-family: "Source Serif Pro", "Baskerville Old Face", Garamond, "Times New Roman", serif; - font-weight: 700; -} + font-weight: 700; } .widget_search .search-field { - width: 100%; -} - -@media only screen and (min-width: 600px) { - .widget_search .search-field { - width: auto; - } -} + width: 100%; } + @media only screen and (min-width: 600px) { + .widget_search .search-field { + width: auto; } } .widget_search .search-submit { display: block; - margin-top: 1rem; -} + margin-top: 1rem; } .widget_calendar .calendar_wrap { - text-align: center; -} - -.widget_calendar .calendar_wrap table td, -.widget_calendar .calendar_wrap table th { - border: none; -} - -.widget_calendar .calendar_wrap a { - text-decoration: underline; -} + text-align: center; } + .widget_calendar .calendar_wrap table td, + .widget_calendar .calendar_wrap table th { + border: none; } + .widget_calendar .calendar_wrap a { + text-decoration: underline; } .widget_links li, .widget_jp_blogs_i_follow li, .widget_rss_links li { - font-family: inherit; -} + font-family: inherit; } /* Blocks */ /* !Block styles */ .entry .entry-content > *, .entry .entry-summary > * { margin: 32px 0; - max-width: 100%; -} - -@media only screen and (min-width: 768px) { - .entry .entry-content > *, - .entry .entry-summary > * { - max-width: calc(8 * (100vw / 12) - 28px); - } -} - -@media only screen and (min-width: 1168px) { - .entry .entry-content > *, - .entry .entry-summary > * { - max-width: calc(6 * (100vw / 12) - 28px); - } -} - -@media only screen and (min-width: 768px) { - .entry .entry-content > *, - .entry .entry-summary > * { - margin: 32px auto; - } -} - -.entry .entry-content > * > *:first-child, -.entry .entry-summary > * > *:first-child { - margin-top: 0; -} - -.entry .entry-content > * > *:last-child, -.entry .entry-summary > * > *:last-child { - margin-bottom: 0; -} - -.entry .entry-content > *.alignwide, -.entry .entry-summary > *.alignwide { - margin-left: auto; - margin-right: auto; - clear: both; -} - -@media only screen and (min-width: 768px) { + max-width: 100%; } + @media only screen and (min-width: 768px) { + .entry .entry-content > *, + .entry .entry-summary > * { + max-width: calc(8 * (100vw / 12) - 28px); } } + @media only screen and (min-width: 1168px) { + .entry .entry-content > *, + .entry .entry-summary > * { + max-width: calc(6 * (100vw / 12) - 28px); } } + @media only screen and (min-width: 768px) { + .entry .entry-content > *, + .entry .entry-summary > * { + margin: 32px auto; } } + .entry .entry-content > * > *:first-child, + .entry .entry-summary > * > *:first-child { + margin-top: 0; } + .entry .entry-content > * > *:last-child, + .entry .entry-summary > * > *:last-child { + margin-bottom: 0; } .entry .entry-content > *.alignwide, .entry .entry-summary > *.alignwide { - width: 100%; - max-width: 100%; - } -} - -.entry .entry-content > *.alignfull, -.entry .entry-summary > *.alignfull { - position: relative; - left: -1rem; - width: calc( 100% + 2rem); - max-width: calc( 100% + 2rem); - clear: both; -} - -@media only screen and (min-width: 768px) { + margin-left: auto; + margin-right: auto; + clear: both; } + @media only screen and (min-width: 768px) { + .entry .entry-content > *.alignwide, + .entry .entry-summary > *.alignwide { + width: 100%; + max-width: 100%; } } .entry .entry-content > *.alignfull, .entry .entry-summary > *.alignfull { - margin-top: 32px; - margin-bottom: 32px; - left: calc( -12.5% - 75px + 1rem); - width: calc( 125% + 150px); - max-width: calc( 125% + 150px - 2rem); - } -} - -.entry .entry-content > *.alignleft, -.entry .entry-summary > *.alignleft { - /*rtl:ignore*/ - float: left; - max-width: calc(5 * (100vw / 12)); - margin-top: 0; - margin-left: 0; - /*rtl:ignore*/ - margin-right: 1rem; -} - -@media only screen and (min-width: 768px) { + position: relative; + left: -1rem; + width: calc( 100% + 2rem); + max-width: calc( 100% + 2rem); + clear: both; } + @media only screen and (min-width: 768px) { + .entry .entry-content > *.alignfull, + .entry .entry-summary > *.alignfull { + margin-top: 32px; + margin-bottom: 32px; + left: calc( -12.5% - 75px + 1rem); + width: calc( 125% + 150px); + max-width: calc( 125% + 150px - 2rem); } } .entry .entry-content > *.alignleft, .entry .entry-summary > *.alignleft { - max-width: calc(4 * (100vw / 12)); /*rtl:ignore*/ - margin-right: calc(2 * 1rem); - } -} - -.entry .entry-content > *.alignright, -.entry .entry-summary > *.alignright { - /*rtl:ignore*/ - float: right; - max-width: calc(5 * (100vw / 12)); - margin-top: 0; - margin-right: 0; - /*rtl:ignore*/ - margin-left: 1rem; -} - -@media only screen and (min-width: 768px) { + float: left; + max-width: calc(5 * (100vw / 12)); + margin-top: 0; + margin-left: 0; + /*rtl:ignore*/ + margin-right: 1rem; } + @media only screen and (min-width: 768px) { + .entry .entry-content > *.alignleft, + .entry .entry-summary > *.alignleft { + max-width: calc(4 * (100vw / 12)); + /*rtl:ignore*/ + margin-right: calc(2 * 1rem); } } .entry .entry-content > *.alignright, .entry .entry-summary > *.alignright { - max-width: calc(4 * (100vw / 12)); + /*rtl:ignore*/ + float: right; + max-width: calc(5 * (100vw / 12)); + margin-top: 0; margin-right: 0; /*rtl:ignore*/ - margin-left: calc(2 * 1rem); - } -} - -.entry .entry-content > *.aligncenter, -.entry .entry-summary > *.aligncenter { - margin-left: auto; - margin-right: auto; -} - -@media only screen and (min-width: 768px) { + margin-left: 1rem; } + @media only screen and (min-width: 768px) { + .entry .entry-content > *.alignright, + .entry .entry-summary > *.alignright { + max-width: calc(4 * (100vw / 12)); + margin-right: 0; + /*rtl:ignore*/ + margin-left: calc(2 * 1rem); } } .entry .entry-content > *.aligncenter, .entry .entry-summary > *.aligncenter { - max-width: calc(8 * (100vw / 12) - 28px); - } -} - -@media only screen and (min-width: 1168px) { - .entry .entry-content > *.aligncenter, - .entry .entry-summary > *.aligncenter { - max-width: calc(6 * (100vw / 12) - 28px); - } -} + margin-left: auto; + margin-right: auto; } + @media only screen and (min-width: 768px) { + .entry .entry-content > *.aligncenter, + .entry .entry-summary > *.aligncenter { + max-width: calc(8 * (100vw / 12) - 28px); } } + @media only screen and (min-width: 1168px) { + .entry .entry-content > *.aligncenter, + .entry .entry-summary > *.aligncenter { + max-width: calc(6 * (100vw / 12) - 28px); } } /* * Unset nested content selector styles @@ -3468,21 +2588,17 @@ body.page .main-navigation { .entry .entry-summary .entry { margin: inherit; max-width: inherit; - padding: inherit; -} - -@media only screen and (min-width: 768px) { - .entry .entry-content .entry-content, - .entry .entry-content .entry-summary, - .entry .entry-content .entry, - .entry .entry-summary .entry-content, - .entry .entry-summary .entry-summary, - .entry .entry-summary .entry { - margin: inherit; - max-width: inherit; - padding: inherit; - } -} + padding: inherit; } + @media only screen and (min-width: 768px) { + .entry .entry-content .entry-content, + .entry .entry-content .entry-summary, + .entry .entry-content .entry, + .entry .entry-summary .entry-content, + .entry .entry-summary .entry-summary, + .entry .entry-summary .entry { + margin: inherit; + max-width: inherit; + padding: inherit; } } .entry .entry-content > h1, .entry .entry-content > h2, @@ -3492,48 +2608,34 @@ body.page .main-navigation { .entry .entry-content > h6 { text-align: center; margin-top: 32px; - margin-bottom: 32px; -} + margin-bottom: 32px; } .entry .entry-content p.has-background { - padding: 20px 30px; -} + padding: 20px 30px; } .entry .entry-content .wp-block-audio { - width: 100%; -} - -.entry .entry-content .wp-block-audio audio { - width: 100%; -} - -.entry .entry-content .wp-block-audio.alignleft audio, -.entry .entry-content .wp-block-audio.alignright audio { - max-width: 198px; -} - -@media only screen and (min-width: 768px) { + width: 100%; } + .entry .entry-content .wp-block-audio audio { + width: 100%; } .entry .entry-content .wp-block-audio.alignleft audio, .entry .entry-content .wp-block-audio.alignright audio { - max-width: 384px; - } -} - -@media only screen and (min-width: 1379px) { - .entry .entry-content .wp-block-audio.alignleft audio, - .entry .entry-content .wp-block-audio.alignright audio { - max-width: 385.44px; - } -} + max-width: 198px; } + @media only screen and (min-width: 768px) { + .entry .entry-content .wp-block-audio.alignleft audio, + .entry .entry-content .wp-block-audio.alignright audio { + max-width: 384px; } } + @media only screen and (min-width: 1379px) { + .entry .entry-content .wp-block-audio.alignleft audio, + .entry .entry-content .wp-block-audio.alignright audio { + max-width: 385.44px; } } .entry .entry-content .wp-block-video video { - width: 100%; -} + width: 100%; } .entry .entry-content .wp-block-button .wp-block-button__link { transition: background 150ms ease-in-out; border: none; - font-size: 0.88889em; + font-size: 0.8888888889em; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; line-height: 1.2; box-sizing: border-box; @@ -3541,488 +2643,360 @@ body.page .main-navigation { text-decoration: none; padding: 0.76rem 1rem; outline: none; - outline: none; -} - -.entry .entry-content .wp-block-button .wp-block-button__link:not(.has-background) { - background-color: #c43d80; -} - -.entry .entry-content .wp-block-button .wp-block-button__link:not(.has-text-color) { - color: white; -} - -.entry .entry-content .wp-block-button .wp-block-button__link:not(.has-background):hover, .entry .entry-content .wp-block-button .wp-block-button__link:hover { - color: white; - background-color: #111; - cursor: pointer; -} - -.entry .entry-content .wp-block-button .wp-block-button__link:focus { - color: white; - background-color: #111; - outline: thin dotted; - outline-offset: -4px; -} + outline: none; } + .entry .entry-content .wp-block-button .wp-block-button__link:not(.has-background) { + background-color: #c43d80; } + .entry .entry-content .wp-block-button .wp-block-button__link:not(.has-text-color) { + color: white; } + .entry .entry-content .wp-block-button .wp-block-button__link:not(.has-background):hover, .entry .entry-content .wp-block-button .wp-block-button__link:hover { + color: white; + background-color: #111; + cursor: pointer; } + .entry .entry-content .wp-block-button .wp-block-button__link:focus { + color: white; + background-color: #111; + outline: thin dotted; + outline-offset: -4px; } .entry .entry-content .wp-block-button:not(.is-style-squared) .wp-block-button__link { - border-radius: 5px; -} + border-radius: 5px; } .entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link, .entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:focus, .entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:active { transition: all 150ms ease-in-out; border-width: 2px; - border-style: solid; -} - -.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background), -.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:focus:not(.has-background), -.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:active:not(.has-background) { - background: transparent; -} - -.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color), -.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:focus:not(.has-text-color), -.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:active:not(.has-text-color) { - color: #c43d80; - border-color: currentColor; -} + border-style: solid; } + .entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background), + .entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:focus:not(.has-background), + .entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:active:not(.has-background) { + background: transparent; } + .entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color), + .entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:focus:not(.has-text-color), + .entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:active:not(.has-text-color) { + color: #c43d80; + border-color: currentColor; } .entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:hover { color: white; - border-color: #111; -} + border-color: #111; } .entry .entry-content .wp-block-archives, .entry .entry-content .wp-block-categories, .entry .entry-content .wp-block-latest-posts { padding: 0; - list-style: none; -} - -.entry .entry-content .wp-block-archives li, -.entry .entry-content .wp-block-categories li, -.entry .entry-content .wp-block-latest-posts li { - color: #767676; - font-family: "Source Serif Pro", "Baskerville Old Face", Garamond, "Times New Roman", serif; - font-size: calc(22px * 1.125); - font-weight: bold; - line-height: 1.2; - padding-bottom: 0.75rem; -} - -.entry .entry-content .wp-block-archives li.menu-item-has-children, .entry .entry-content .wp-block-archives li:last-child, -.entry .entry-content .wp-block-categories li.menu-item-has-children, -.entry .entry-content .wp-block-categories li:last-child, -.entry .entry-content .wp-block-latest-posts li.menu-item-has-children, -.entry .entry-content .wp-block-latest-posts li:last-child { - padding-bottom: 0; -} - -.entry .entry-content .wp-block-archives li a, -.entry .entry-content .wp-block-categories li a, -.entry .entry-content .wp-block-latest-posts li a { - text-decoration: none; -} + list-style: none; } + .entry .entry-content .wp-block-archives li, + .entry .entry-content .wp-block-categories li, + .entry .entry-content .wp-block-latest-posts li { + color: #767676; + font-family: "Source Serif Pro", "Baskerville Old Face", Garamond, "Times New Roman", serif; + font-size: calc(22px * 1.125); + font-weight: bold; + line-height: 1.2; + padding-bottom: 0.75rem; } + .entry .entry-content .wp-block-archives li.menu-item-has-children, .entry .entry-content .wp-block-archives li:last-child, + .entry .entry-content .wp-block-categories li.menu-item-has-children, + .entry .entry-content .wp-block-categories li:last-child, + .entry .entry-content .wp-block-latest-posts li.menu-item-has-children, + .entry .entry-content .wp-block-latest-posts li:last-child { + padding-bottom: 0; } + .entry .entry-content .wp-block-archives li a, + .entry .entry-content .wp-block-categories li a, + .entry .entry-content .wp-block-latest-posts li a { + text-decoration: none; } .entry .entry-content .wp-block-categories ul { - padding-top: 0.75rem; -} + padding-top: 0.75rem; } .entry .entry-content .wp-block-categories li ul { list-style: none; - padding-left: 0; -} + padding-left: 0; } .entry .entry-content .wp-block-categories ul { - counter-reset: submenu; -} + counter-reset: submenu; } .entry .entry-content .wp-block-categories ul > li > a::before { font-family: "Source Serif Pro", "Baskerville Old Face", Garamond, "Times New Roman", serif; font-weight: normal; content: "– " counters(submenu, "– ", none); - counter-increment: submenu; -} + counter-increment: submenu; } .entry .entry-content .wp-block-latest-posts.is-grid li { border-top: 2px solid rgba(0, 0, 0, 0.03); padding-top: 1rem; - margin-bottom: 32px; -} - -.entry .entry-content .wp-block-latest-posts.is-grid li a:after { - content: ''; -} - -.entry .entry-content .wp-block-latest-posts.is-grid li:last-child { - margin-bottom: auto; -} - -.entry .entry-content .wp-block-latest-posts.is-grid li:last-child a:after { - content: ''; -} + margin-bottom: 32px; } + .entry .entry-content .wp-block-latest-posts.is-grid li a:after { + content: ''; } + .entry .entry-content .wp-block-latest-posts.is-grid li:last-child { + margin-bottom: auto; } + .entry .entry-content .wp-block-latest-posts.is-grid li:last-child a:after { + content: ''; } .entry .entry-content .wp-block-preformatted { - font-size: 0.71111em; + font-size: 0.7111111111em; line-height: 1.8; - padding: 1rem; -} + padding: 1rem; } .entry .entry-content .wp-block-verse { font-family: "Source Serif Pro", "Baskerville Old Face", Garamond, "Times New Roman", serif; font-size: 22px; - line-height: 1.8; -} + line-height: 1.8; } .entry .entry-content .has-drop-cap:not(:focus):first-letter { font-family: "Source Serif Pro", "Baskerville Old Face", Garamond, "Times New Roman", serif; font-size: 5.7375em; line-height: 1; font-weight: normal; - margin: 0 0.25em 0 0; -} + margin: 0 0.25em 0 0; } .entry .entry-content .wp-block-pullquote { border-color: transparent; border-width: 2px; - padding: 1rem; -} - -.entry .entry-content .wp-block-pullquote blockquote { - color: #111; - border: none; - margin-top: calc(3 * 32px); - margin-bottom: calc(3.33 * 32px); - margin-right: 0; - padding-left: 0; -} - -.entry .entry-content .wp-block-pullquote p { - font-size: 1.6875em; - font-style: italic; - line-height: 1.3; - margin-bottom: 0.5em; - margin-top: 0.5em; -} - -.entry .entry-content .wp-block-pullquote p em { - font-style: normal; -} - -@media only screen and (min-width: 768px) { + padding: 1rem; } + .entry .entry-content .wp-block-pullquote blockquote { + color: #111; + border: none; + margin-top: calc(3 * 32px); + margin-bottom: calc(3.33 * 32px); + margin-right: 0; + padding-left: 0; } .entry .entry-content .wp-block-pullquote p { - font-size: 2.25em; - } -} - -.entry .entry-content .wp-block-pullquote cite { - display: inline-block; - font-family: "Source Serif Pro", "Baskerville Old Face", Garamond, "Times New Roman", serif; - line-height: 1.6; - text-transform: none; - color: #767676; - /* + font-size: 1.6875em; + font-style: italic; + line-height: 1.3; + margin-bottom: 0.5em; + margin-top: 0.5em; } + .entry .entry-content .wp-block-pullquote p em { + font-style: normal; } + @media only screen and (min-width: 768px) { + .entry .entry-content .wp-block-pullquote p { + font-size: 2.25em; } } + .entry .entry-content .wp-block-pullquote cite { + display: inline-block; + font-family: "Source Serif Pro", "Baskerville Old Face", Garamond, "Times New Roman", serif; + line-height: 1.6; + text-transform: none; + color: #767676; + /* * This requires a rem-based font size calculation instead of our normal em-based one, * because the cite tag sometimes gets wrapped in a p tag. This is equivalent to $font-size_xs. */ - font-size: calc(1rem / (1.25 * 1.125)); -} - -.entry .entry-content .wp-block-pullquote.alignleft, .entry .entry-content .wp-block-pullquote.alignright { - width: 100%; - padding: 0; -} - -.entry .entry-content .wp-block-pullquote.alignleft blockquote, .entry .entry-content .wp-block-pullquote.alignright blockquote { - margin-left: 0; - padding: 0; - text-align: left; - max-width: 100%; -} - -.entry .entry-content .wp-block-pullquote.is-style-solid-color { - background-color: #c43d80; - padding-left: 0; - padding-right: 0; -} - -@media only screen and (min-width: 768px) { + font-size: calc(1rem / (1.25 * 1.125)); } + .entry .entry-content .wp-block-pullquote.alignleft, .entry .entry-content .wp-block-pullquote.alignright { + width: 100%; + padding: 0; } + .entry .entry-content .wp-block-pullquote.alignleft blockquote, .entry .entry-content .wp-block-pullquote.alignright blockquote { + margin-left: 0; + padding: 0; + text-align: left; + max-width: 100%; } .entry .entry-content .wp-block-pullquote.is-style-solid-color { - padding-left: 10%; - padding-right: 10%; - } -} - -.entry .entry-content .wp-block-pullquote.is-style-solid-color p { - font-size: 1.6875em; - line-height: 1.3; - margin-bottom: 0.5em; - margin-top: 0.5em; -} - -@media only screen and (min-width: 768px) { - .entry .entry-content .wp-block-pullquote.is-style-solid-color p { - font-size: 2.25em; - } -} - -.entry .entry-content .wp-block-pullquote.is-style-solid-color a { - color: #fff; -} - -.entry .entry-content .wp-block-pullquote.is-style-solid-color cite { - color: inherit; -} - -.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote { - max-width: calc(100% - (2 * 1rem)); - color: #fff; - padding-left: 0; - margin-left: 1rem; -} - -.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-text-color p, -.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 { - color: inherit; -} - -@media only screen and (min-width: 768px) { - .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote { - margin-left: 0; - margin-right: 0; - } -} - -@media only screen and (min-width: 768px) { - .entry .entry-content .wp-block-pullquote.is-style-solid-color.alignfull { - padding-left: calc(10% + 58px + (2 * 1rem)); - padding-right: calc(10% + 58px + (2 * 1rem)); - } -} + background-color: #c43d80; + padding-left: 0; + padding-right: 0; } + @media only screen and (min-width: 768px) { + .entry .entry-content .wp-block-pullquote.is-style-solid-color { + padding-left: 10%; + padding-right: 10%; } } + .entry .entry-content .wp-block-pullquote.is-style-solid-color p { + font-size: 1.6875em; + line-height: 1.3; + margin-bottom: 0.5em; + margin-top: 0.5em; } + @media only screen and (min-width: 768px) { + .entry .entry-content .wp-block-pullquote.is-style-solid-color p { + font-size: 2.25em; } } + .entry .entry-content .wp-block-pullquote.is-style-solid-color a { + color: #fff; } + .entry .entry-content .wp-block-pullquote.is-style-solid-color cite { + color: inherit; } + .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote { + max-width: calc(100% - (2 * 1rem)); + color: #fff; + padding-left: 0; + margin-left: 1rem; } + .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-text-color p, + .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 { + color: inherit; } + @media only screen and (min-width: 768px) { + .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote { + margin-left: 0; + margin-right: 0; } } + @media only screen and (min-width: 768px) { + .entry .entry-content .wp-block-pullquote.is-style-solid-color.alignfull { + padding-left: calc(10% + 58px + (2 * 1rem)); + padding-right: calc(10% + 58px + (2 * 1rem)); } } .entry .entry-content .wp-block-quote:not(.is-large), .entry .entry-content .wp-block-quote:not(.is-style-large) { border-color: #c43d80; border-width: 2px; padding-top: 0; - padding-bottom: 0; -} + padding-bottom: 0; } .entry .entry-content .wp-block-quote p { font-size: 1em; font-style: normal; - line-height: 1.8; -} + line-height: 1.8; } .entry .entry-content .wp-block-quote cite { /* * This requires a rem-based font size calculation instead of our normal em-based one, * because the cite tag sometimes gets wrapped in a p tag. This is equivalent to $font-size_xs. */ - font-size: calc(1rem / (1.25 * 1.125)); -} + font-size: calc(1rem / (1.25 * 1.125)); } .entry .entry-content .wp-block-quote.is-large, .entry .entry-content .wp-block-quote.is-style-large { margin: 32px auto; padding: 0; - border-left: none; -} - -.entry .entry-content .wp-block-quote.is-large p, .entry .entry-content .wp-block-quote.is-style-large p { - font-size: 1.6875em; - line-height: 1.4; - font-style: italic; -} - -.entry .entry-content .wp-block-quote.is-large cite, -.entry .entry-content .wp-block-quote.is-large footer, .entry .entry-content .wp-block-quote.is-style-large cite, -.entry .entry-content .wp-block-quote.is-style-large footer { - /* + border-left: none; } + .entry .entry-content .wp-block-quote.is-large p, .entry .entry-content .wp-block-quote.is-style-large p { + font-size: 1.6875em; + line-height: 1.4; + font-style: italic; } + .entry .entry-content .wp-block-quote.is-large cite, + .entry .entry-content .wp-block-quote.is-large footer, .entry .entry-content .wp-block-quote.is-style-large cite, + .entry .entry-content .wp-block-quote.is-style-large footer { + /* * This requires a rem-based font size calculation instead of our normal em-based one, * because the cite tag sometimes gets wrapped in a p tag. This is equivalent to $font-size_xs. */ - font-size: calc(1rem / (1.25 * 1.125)); -} - -@media only screen and (min-width: 768px) { - .entry .entry-content .wp-block-quote.is-large, .entry .entry-content .wp-block-quote.is-style-large { - margin: 32px auto; - padding: 1rem 0; - } - .entry .entry-content .wp-block-quote.is-large p, .entry .entry-content .wp-block-quote.is-style-large p { - font-size: 1.6875em; - } -} + font-size: calc(1rem / (1.25 * 1.125)); } + @media only screen and (min-width: 768px) { + .entry .entry-content .wp-block-quote.is-large, .entry .entry-content .wp-block-quote.is-style-large { + margin: 32px auto; + padding: 1rem 0; } + .entry .entry-content .wp-block-quote.is-large p, .entry .entry-content .wp-block-quote.is-style-large p { + font-size: 1.6875em; } } .entry .entry-content .wp-block-image img { - display: block; -} + display: block; } .entry .entry-content .wp-block-image.alignleft, .entry .entry-content .wp-block-image.alignright { - max-width: 100%; -} + max-width: 100%; } .entry .entry-content .wp-block-image.alignfull img { - width: 100vw; -} - -@media only screen and (min-width: 768px) { - .entry .entry-content .wp-block-image.alignfull img { - margin-left: auto; - margin-right: auto; - } -} + width: 100vw; } + @media only screen and (min-width: 768px) { + .entry .entry-content .wp-block-image.alignfull img { + margin-left: auto; + margin-right: auto; } } .entry .entry-content .wp-block-cover-image, .entry .entry-content .wp-block-cover { position: relative; min-height: 420px; - padding: 1rem; -} - -@media only screen and (min-width: 768px) { - .entry .entry-content .wp-block-cover-image, - .entry .entry-content .wp-block-cover { - min-height: 560px; - padding: 1rem 10%; - } -} - -.entry .entry-content .wp-block-cover-image + .wp-block-cover:not(.alignleft):not(.alignrights), -.entry .entry-content .wp-block-cover-image + .wp-block-cover-image:not(.alignleft):not(.alignrights), -.entry .entry-content .wp-block-cover + .wp-block-cover:not(.alignleft):not(.alignrights), -.entry .entry-content .wp-block-cover + .wp-block-cover-image:not(.alignleft):not(.alignrights) { - margin-top: 32px; -} - -.entry .entry-content .wp-block-cover-image .wp-block-cover-image-text, -.entry .entry-content .wp-block-cover-image .wp-block-cover-text, -.entry .entry-content .wp-block-cover-image h2, -.entry .entry-content .wp-block-cover .wp-block-cover-image-text, -.entry .entry-content .wp-block-cover .wp-block-cover-text, -.entry .entry-content .wp-block-cover h2 { - font-family: "Source Serif Pro", "Baskerville Old Face", Garamond, "Times New Roman", serif; - font-size: 1.6875em; - font-weight: bold; - line-height: 1.25; - padding: 0; - color: #fff; - text-align: center; - -ms-hyphens: auto; - -webkit-hyphens: auto; - hyphens: auto; -} - -@media only screen and (min-width: 768px) { + padding: 1rem; } + @media only screen and (min-width: 768px) { + .entry .entry-content .wp-block-cover-image, + .entry .entry-content .wp-block-cover { + min-height: 560px; + padding: 1rem 10%; } } + .entry .entry-content .wp-block-cover-image + .wp-block-cover:not(.alignleft):not(.alignrights), + .entry .entry-content .wp-block-cover-image + .wp-block-cover-image:not(.alignleft):not(.alignrights), + .entry .entry-content .wp-block-cover + .wp-block-cover:not(.alignleft):not(.alignrights), + .entry .entry-content .wp-block-cover + .wp-block-cover-image:not(.alignleft):not(.alignrights) { + margin-top: 32px; } .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text, .entry .entry-content .wp-block-cover-image .wp-block-cover-text, .entry .entry-content .wp-block-cover-image h2, .entry .entry-content .wp-block-cover .wp-block-cover-image-text, .entry .entry-content .wp-block-cover .wp-block-cover-text, .entry .entry-content .wp-block-cover h2 { - font-size: 2.25em; - max-width: 100%; - } -} - -.entry .entry-content .wp-block-cover-image.has-left-content .wp-block-cover-image-text, -.entry .entry-content .wp-block-cover-image.has-left-content .wp-block-cover-text, -.entry .entry-content .wp-block-cover-image.has-left-content h2, -.entry .entry-content .wp-block-cover.has-left-content .wp-block-cover-image-text, -.entry .entry-content .wp-block-cover.has-left-content .wp-block-cover-text, -.entry .entry-content .wp-block-cover.has-left-content h2 { - text-align: left; -} - -.entry .entry-content .wp-block-cover-image.has-right-content .wp-block-cover-image-text, -.entry .entry-content .wp-block-cover-image.has-right-content .wp-block-cover-text, -.entry .entry-content .wp-block-cover-image.has-right-content h2, -.entry .entry-content .wp-block-cover.has-right-content .wp-block-cover-image-text, -.entry .entry-content .wp-block-cover.has-right-content .wp-block-cover-text, -.entry .entry-content .wp-block-cover.has-right-content h2 { - text-align: right; -} - -.entry .entry-content .wp-block-cover-image.alignleft, .entry .entry-content .wp-block-cover-image.alignright, -.entry .entry-content .wp-block-cover.alignleft, -.entry .entry-content .wp-block-cover.alignright { - width: 100%; -} - -@media only screen and (min-width: 768px) { + font-family: "Source Serif Pro", "Baskerville Old Face", Garamond, "Times New Roman", serif; + font-size: 1.6875em; + font-weight: bold; + line-height: 1.25; + padding: 0; + color: #fff; + text-align: center; + -ms-hyphens: auto; + -moz-hyphens: auto; + -webkit-hyphens: auto; + hyphens: auto; } + @media only screen and (min-width: 768px) { + .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text, + .entry .entry-content .wp-block-cover-image .wp-block-cover-text, + .entry .entry-content .wp-block-cover-image h2, + .entry .entry-content .wp-block-cover .wp-block-cover-image-text, + .entry .entry-content .wp-block-cover .wp-block-cover-text, + .entry .entry-content .wp-block-cover h2 { + font-size: 2.25em; + max-width: 100%; } } + .entry .entry-content .wp-block-cover-image.has-left-content .wp-block-cover-image-text, + .entry .entry-content .wp-block-cover-image.has-left-content .wp-block-cover-text, + .entry .entry-content .wp-block-cover-image.has-left-content h2, + .entry .entry-content .wp-block-cover.has-left-content .wp-block-cover-image-text, + .entry .entry-content .wp-block-cover.has-left-content .wp-block-cover-text, + .entry .entry-content .wp-block-cover.has-left-content h2 { + text-align: left; } + .entry .entry-content .wp-block-cover-image.has-right-content .wp-block-cover-image-text, + .entry .entry-content .wp-block-cover-image.has-right-content .wp-block-cover-text, + .entry .entry-content .wp-block-cover-image.has-right-content h2, + .entry .entry-content .wp-block-cover.has-right-content .wp-block-cover-image-text, + .entry .entry-content .wp-block-cover.has-right-content .wp-block-cover-text, + .entry .entry-content .wp-block-cover.has-right-content h2 { + text-align: right; } .entry .entry-content .wp-block-cover-image.alignleft, .entry .entry-content .wp-block-cover-image.alignright, .entry .entry-content .wp-block-cover.alignleft, .entry .entry-content .wp-block-cover.alignright { - padding: 1rem; - } -} - -@media only screen and (min-width: 768px) { - .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-image-text, - .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-text, - .entry .entry-content .wp-block-cover-image.alignfull h2, - .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-image-text, - .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-text, - .entry .entry-content .wp-block-cover.alignfull h2 { - max-width: calc(8 * (100vw / 12) - 28px); - } -} - -@media only screen and (min-width: 1168px) { - .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-image-text, - .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-text, - .entry .entry-content .wp-block-cover-image.alignfull h2, - .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-image-text, - .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-text, - .entry .entry-content .wp-block-cover.alignfull h2 { - max-width: calc(6 * (100vw / 12) - 28px); - } -} - -@media only screen and (min-width: 768px) { - .entry .entry-content .wp-block-cover-image.alignfull, - .entry .entry-content .wp-block-cover.alignfull { - padding-left: calc(10% + 58px + 2rem); - padding-right: calc(10% + 58px + 2rem); - left: calc( -12.5% - 75px); - width: calc( 125% + 150px); - max-width: calc( 125% + 150px); - } - .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-image-text, - .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-text, - .entry .entry-content .wp-block-cover-image.alignfull h2, - .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-image-text, - .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-text, - .entry .entry-content .wp-block-cover.alignfull h2 { - padding: 0; - max-width: 100%; - } -} + width: 100%; } + @media only screen and (min-width: 768px) { + .entry .entry-content .wp-block-cover-image.alignleft, .entry .entry-content .wp-block-cover-image.alignright, + .entry .entry-content .wp-block-cover.alignleft, + .entry .entry-content .wp-block-cover.alignright { + padding: 1rem; } } + @media only screen and (min-width: 768px) { + .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-image-text, + .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-text, + .entry .entry-content .wp-block-cover-image.alignfull h2, + .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-image-text, + .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-text, + .entry .entry-content .wp-block-cover.alignfull h2 { + max-width: calc(8 * (100vw / 12) - 28px); } } + @media only screen and (min-width: 1168px) { + .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-image-text, + .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-text, + .entry .entry-content .wp-block-cover-image.alignfull h2, + .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-image-text, + .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-text, + .entry .entry-content .wp-block-cover.alignfull h2 { + max-width: calc(6 * (100vw / 12) - 28px); } } + @media only screen and (min-width: 768px) { + .entry .entry-content .wp-block-cover-image.alignfull, + .entry .entry-content .wp-block-cover.alignfull { + padding-left: calc(10% + 58px + 2rem); + padding-right: calc(10% + 58px + 2rem); + left: calc( -12.5% - 75px); + width: calc( 125% + 150px); + max-width: calc( 125% + 150px); } + .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-image-text, + .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-text, + .entry .entry-content .wp-block-cover-image.alignfull h2, + .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-image-text, + .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-text, + .entry .entry-content .wp-block-cover.alignfull h2 { + padding: 0; + max-width: 100%; } } .entry .entry-content .wp-block-gallery { list-style-type: none; - padding-left: 0; -} - -.entry .entry-content .wp-block-gallery .blocks-gallery-image:last-child, -.entry .entry-content .wp-block-gallery .blocks-gallery-item:last-child { - margin-bottom: 16px; -} + padding-left: 0; } + .entry .entry-content .wp-block-gallery .blocks-gallery-image:last-child, + .entry .entry-content .wp-block-gallery .blocks-gallery-item:last-child { + margin-bottom: 16px; } .entry .entry-content .wp-block-audio figcaption, .entry .entry-content .wp-block-video figcaption, .entry .entry-content .wp-block-image figcaption, .entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption, .entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption { - font-size: 0.71111em; + font-size: 0.7111111111em; font-family: "Source Serif Pro", "Baskerville Old Face", Garamond, "Times New Roman", serif; line-height: 1.6; margin: 0; padding: 0.5rem; - text-align: center; -} + text-align: center; } .entry .entry-content .wp-block-separator, .entry .entry-content hr { @@ -4036,364 +3010,267 @@ body.page .main-navigation { max-width: 5em; text-align: center; /* Remove duplicate rule-line when a separator - * is followed by an H1, or H2 */ -} - -.entry .entry-content .wp-block-separator.is-style-wide, -.entry .entry-content hr.is-style-wide { - max-width: 100%; -} - -@media only screen and (min-width: 768px) { + * is followed by an H1, or H2 */ } .entry .entry-content .wp-block-separator.is-style-wide, .entry .entry-content hr.is-style-wide { - max-width: calc(8 * (100vw / 12) - 28px); - } -} - -@media only screen and (min-width: 1168px) { - .entry .entry-content .wp-block-separator.is-style-wide, - .entry .entry-content hr.is-style-wide { - max-width: calc(6 * (100vw / 12) - 28px); - } -} - -.entry .entry-content .wp-block-separator.is-style-dots, -.entry .entry-content hr.is-style-dots { - max-width: 100%; - background-color: inherit; - border: inherit; - height: inherit; - text-align: center; -} - -@media only screen and (min-width: 768px) { + max-width: 100%; } + @media only screen and (min-width: 768px) { + .entry .entry-content .wp-block-separator.is-style-wide, + .entry .entry-content hr.is-style-wide { + max-width: calc(8 * (100vw / 12) - 28px); } } + @media only screen and (min-width: 1168px) { + .entry .entry-content .wp-block-separator.is-style-wide, + .entry .entry-content hr.is-style-wide { + max-width: calc(6 * (100vw / 12) - 28px); } } .entry .entry-content .wp-block-separator.is-style-dots, .entry .entry-content hr.is-style-dots { - max-width: calc(8 * (100vw / 12) - 28px); - } -} - -@media only screen and (min-width: 1168px) { - .entry .entry-content .wp-block-separator.is-style-dots, - .entry .entry-content hr.is-style-dots { - max-width: calc(6 * (100vw / 12) - 28px); - } -} - -.entry .entry-content .wp-block-separator.is-style-dots:before, -.entry .entry-content hr.is-style-dots:before { - color: #767676; - font-size: 1.6875em; - letter-spacing: 0.88889em; - padding-left: 0.88889em; -} - -.entry .entry-content .wp-block-separator + h1:before, -.entry .entry-content .wp-block-separator + h2:before, -.entry .entry-content hr + h1:before, -.entry .entry-content hr + h2:before { - display: none; -} + max-width: 100%; + background-color: inherit; + border: inherit; + height: inherit; + text-align: center; } + @media only screen and (min-width: 768px) { + .entry .entry-content .wp-block-separator.is-style-dots, + .entry .entry-content hr.is-style-dots { + max-width: calc(8 * (100vw / 12) - 28px); } } + @media only screen and (min-width: 1168px) { + .entry .entry-content .wp-block-separator.is-style-dots, + .entry .entry-content hr.is-style-dots { + max-width: calc(6 * (100vw / 12) - 28px); } } + .entry .entry-content .wp-block-separator.is-style-dots:before, + .entry .entry-content hr.is-style-dots:before { + color: #767676; + font-size: 1.6875em; + letter-spacing: 0.8888888889em; + padding-left: 0.8888888889em; } + .entry .entry-content .wp-block-separator + h1:before, + .entry .entry-content .wp-block-separator + h2:before, + .entry .entry-content hr + h1:before, + .entry .entry-content hr + h2:before { + display: none; } .entry .entry-content .wp-block-spacer { margin-bottom: 32px; - margin-top: 32px; -} + margin-top: 32px; } .entry .entry-content .wp-block-embed-twitter { - word-break: break-word; -} + word-break: break-word; } .entry .entry-content .wp-block-table th, .entry .entry-content .wp-block-table td { - border-color: #767676; -} + border-color: #767676; } .entry .entry-content .wp-block-file { - font-family: "Source Serif Pro", "Baskerville Old Face", Garamond, "Times New Roman", serif; -} - -.entry .entry-content .wp-block-file .wp-block-file__button { - display: table; - transition: background 150ms ease-in-out; - border: none; - border-radius: 5px; - background: #c43d80; - font-size: 22px; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; - line-height: 1.2; - text-decoration: none; - font-weight: bold; - padding: 0.75rem 1rem; - color: #fff; - margin-left: 0; - margin-top: calc(0.75 * 32px); -} - -@media only screen and (min-width: 1168px) { + font-family: "Source Serif Pro", "Baskerville Old Face", Garamond, "Times New Roman", serif; } .entry .entry-content .wp-block-file .wp-block-file__button { + display: table; + transition: background 150ms ease-in-out; + border: none; + border-radius: 5px; + background: #c43d80; font-size: 22px; - padding: 0.875rem 1.5rem; - } -} - -.entry .entry-content .wp-block-file .wp-block-file__button:hover { - background-color: #111; - cursor: pointer; -} - -.entry .entry-content .wp-block-file .wp-block-file__button:focus { - background-color: #111; - outline: thin dotted; - outline-offset: -4px; -} + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; + line-height: 1.2; + text-decoration: none; + font-weight: bold; + padding: 0.75rem 1rem; + color: #fff; + margin-left: 0; + margin-top: calc(0.75 * 32px); } + @media only screen and (min-width: 1168px) { + .entry .entry-content .wp-block-file .wp-block-file__button { + font-size: 22px; + padding: 0.875rem 1.5rem; } } + .entry .entry-content .wp-block-file .wp-block-file__button:hover { + background-color: #111; + cursor: pointer; } + .entry .entry-content .wp-block-file .wp-block-file__button:focus { + background-color: #111; + outline: thin dotted; + outline-offset: -4px; } .entry .entry-content .wp-block-code { - border-radius: 0; -} - -.entry .entry-content .wp-block-code code { - font-size: 1.125em; - white-space: pre-wrap; - word-break: break-word; -} + border-radius: 0; } + .entry .entry-content .wp-block-code code { + font-size: 1.125em; + white-space: pre-wrap; + word-break: break-word; } .entry .entry-content .wp-block-media-text { - background: #f7f7f7; -} - -.entry .entry-content .wp-block-media-text + .wp-block-media-text { - margin-top: -32px; -} - -.entry .entry-content .wp-block-media-text a { - color: inherit; -} - -.entry .entry-content .wp-block-media-text.has-media-on-the-right.is-stacked-on-mobile .wp-block-media-text__media { - grid-area: media-text-content; -} - -.entry .entry-content .wp-block-media-text.has-media-on-the-right.is-stacked-on-mobile .wp-block-media-text__content { - grid-area: media-text-media; -} - -@media only screen and (min-width: 600px) { + background: #f7f7f7; } + .entry .entry-content .wp-block-media-text + .wp-block-media-text { + margin-top: -32px; } + .entry .entry-content .wp-block-media-text a { + color: inherit; } .entry .entry-content .wp-block-media-text.has-media-on-the-right.is-stacked-on-mobile .wp-block-media-text__media { - grid-area: media-text-media; - } + grid-area: media-text-content; } .entry .entry-content .wp-block-media-text.has-media-on-the-right.is-stacked-on-mobile .wp-block-media-text__content { - grid-area: media-text-content; - } -} - -@media only screen and (min-width: 768px) { - .entry .entry-content .wp-block-media-text.alignfull { - left: calc( -12.5% - 75px); - max-width: calc( 125% + 150px); - } -} - -@media all and (-ms-high-contrast: none) { - .entry .entry-content .wp-block-media-text:after { - display: table; - content: ""; - clear: both; - } - .entry .entry-content .wp-block-media-text figure { - float: left; - width: 50%; - } - .entry .entry-content .wp-block-media-text .wp-block-media-text__content { - float: right; - width: 50%; - } - .entry .entry-content .wp-block-media-text.has-media-on-the-right figure { - float: right; - } - .entry .entry-content .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content { - float: left; - } -} + grid-area: media-text-media; } + @media only screen and (min-width: 600px) { + .entry .entry-content .wp-block-media-text.has-media-on-the-right.is-stacked-on-mobile .wp-block-media-text__media { + grid-area: media-text-media; } + .entry .entry-content .wp-block-media-text.has-media-on-the-right.is-stacked-on-mobile .wp-block-media-text__content { + grid-area: media-text-content; } } + @media only screen and (min-width: 768px) { + .entry .entry-content .wp-block-media-text.alignfull { + left: calc( -12.5% - 75px); + max-width: calc( 125% + 150px); } } + @media all and (-ms-high-contrast: none) { + .entry .entry-content .wp-block-media-text:after { + display: table; + content: ""; + clear: both; } + .entry .entry-content .wp-block-media-text figure { + float: left; + width: 50%; } + .entry .entry-content .wp-block-media-text .wp-block-media-text__content { + float: right; + width: 50%; } + .entry .entry-content .wp-block-media-text.has-media-on-the-right figure { + float: right; } + .entry .entry-content .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content { + float: left; } } .entry .entry-content .wp-block-columns.alignfull { padding-left: 1rem; - padding-right: 1rem; -} + padding-right: 1rem; } -@media only screen and (min-width: 768px) { +@media only screen and (min-width: 782px) { .entry .entry-content .wp-block-columns .wp-block-column > *:first-child { - margin-top: 0; - } + margin-top: 0; } .entry .entry-content .wp-block-columns .wp-block-column > *:last-child { - margin-bottom: 0; - } + margin-bottom: 0; } .entry .entry-content .wp-block-columns[class*='has-'] > * { margin-left: 1rem; - margin-right: 1rem; - } - .entry .entry-content .wp-block-columns[class*='has-'] > *:first-child { - margin-left: 0; - } - .entry .entry-content .wp-block-columns[class*='has-'] > *:last-child { - margin-right: 0; - } + margin-right: 1rem; } + .entry .entry-content .wp-block-columns[class*='has-'] > *:first-child { + margin-left: 0; } + .entry .entry-content .wp-block-columns[class*='has-'] > *:last-child { + margin-right: 0; } .entry .entry-content .wp-block-columns.alignfull { padding-left: calc(2 * 1rem); - padding-right: calc(2 * 1rem); - } -} + padding-right: calc(2 * 1rem); } } .entry .entry-content .wp-block-latest-comments { - padding-left: 0; -} - -.entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta { - font-family: "Source Serif Pro", "Baskerville Old Face", Garamond, "Times New Roman", serif; - font-weight: bold; -} - -.entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-date { - font-weight: normal; -} - -.entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment, -.entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-date, -.entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p { - font-size: inherit; -} - -.entry .entry-content .wp-block-latest-comments.has-dates .wp-block-latest-comments__comment-date { - font-size: 0.71111em; -} + padding-left: 0; } + .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta { + font-family: "Source Serif Pro", "Baskerville Old Face", Garamond, "Times New Roman", serif; + font-weight: bold; } + .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-date { + font-weight: normal; } + .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment, + .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-date, + .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p { + font-size: inherit; } + .entry .entry-content .wp-block-latest-comments.has-dates .wp-block-latest-comments__comment-date { + font-size: 0.7111111111em; } .entry .entry-content .has-small-font-size { - font-size: 0.88889em; -} + font-size: 0.8888888889em; } .entry .entry-content .has-normal-font-size { - font-size: 22px; -} + font-size: 22px; } .entry .entry-content .has-large-font-size { - font-size: 1.6875em; -} + font-size: 1.6875em; } .entry .entry-content .has-huge-font-size { - font-size: 2.25em; -} + font-size: 2.25em; } .entry .entry-content .has-primary-background-color, .entry .entry-content .has-secondary-background-color, .entry .entry-content .has-dark-gray-background-color, .entry .entry-content .has-light-gray-background-color { - color: #fff; -} - -.entry .entry-content .has-primary-background-color p, -.entry .entry-content .has-primary-background-color h1, -.entry .entry-content .has-primary-background-color h2, -.entry .entry-content .has-primary-background-color h3, -.entry .entry-content .has-primary-background-color h4, -.entry .entry-content .has-primary-background-color h5, -.entry .entry-content .has-primary-background-color h6, -.entry .entry-content .has-primary-background-color a, -.entry .entry-content .has-secondary-background-color p, -.entry .entry-content .has-secondary-background-color h1, -.entry .entry-content .has-secondary-background-color h2, -.entry .entry-content .has-secondary-background-color h3, -.entry .entry-content .has-secondary-background-color h4, -.entry .entry-content .has-secondary-background-color h5, -.entry .entry-content .has-secondary-background-color h6, -.entry .entry-content .has-secondary-background-color a, -.entry .entry-content .has-dark-gray-background-color p, -.entry .entry-content .has-dark-gray-background-color h1, -.entry .entry-content .has-dark-gray-background-color h2, -.entry .entry-content .has-dark-gray-background-color h3, -.entry .entry-content .has-dark-gray-background-color h4, -.entry .entry-content .has-dark-gray-background-color h5, -.entry .entry-content .has-dark-gray-background-color h6, -.entry .entry-content .has-dark-gray-background-color a, -.entry .entry-content .has-light-gray-background-color p, -.entry .entry-content .has-light-gray-background-color h1, -.entry .entry-content .has-light-gray-background-color h2, -.entry .entry-content .has-light-gray-background-color h3, -.entry .entry-content .has-light-gray-background-color h4, -.entry .entry-content .has-light-gray-background-color h5, -.entry .entry-content .has-light-gray-background-color h6, -.entry .entry-content .has-light-gray-background-color a { - color: #fff; -} + color: #fff; } + .entry .entry-content .has-primary-background-color p, + .entry .entry-content .has-primary-background-color h1, + .entry .entry-content .has-primary-background-color h2, + .entry .entry-content .has-primary-background-color h3, + .entry .entry-content .has-primary-background-color h4, + .entry .entry-content .has-primary-background-color h5, + .entry .entry-content .has-primary-background-color h6, + .entry .entry-content .has-primary-background-color a, + .entry .entry-content .has-secondary-background-color p, + .entry .entry-content .has-secondary-background-color h1, + .entry .entry-content .has-secondary-background-color h2, + .entry .entry-content .has-secondary-background-color h3, + .entry .entry-content .has-secondary-background-color h4, + .entry .entry-content .has-secondary-background-color h5, + .entry .entry-content .has-secondary-background-color h6, + .entry .entry-content .has-secondary-background-color a, + .entry .entry-content .has-dark-gray-background-color p, + .entry .entry-content .has-dark-gray-background-color h1, + .entry .entry-content .has-dark-gray-background-color h2, + .entry .entry-content .has-dark-gray-background-color h3, + .entry .entry-content .has-dark-gray-background-color h4, + .entry .entry-content .has-dark-gray-background-color h5, + .entry .entry-content .has-dark-gray-background-color h6, + .entry .entry-content .has-dark-gray-background-color a, + .entry .entry-content .has-light-gray-background-color p, + .entry .entry-content .has-light-gray-background-color h1, + .entry .entry-content .has-light-gray-background-color h2, + .entry .entry-content .has-light-gray-background-color h3, + .entry .entry-content .has-light-gray-background-color h4, + .entry .entry-content .has-light-gray-background-color h5, + .entry .entry-content .has-light-gray-background-color h6, + .entry .entry-content .has-light-gray-background-color a { + color: #fff; } .entry .entry-content .has-white-background-color { - color: #111; -} - -.entry .entry-content .has-white-background-color p, -.entry .entry-content .has-white-background-color h1, -.entry .entry-content .has-white-background-color h2, -.entry .entry-content .has-white-background-color h3, -.entry .entry-content .has-white-background-color h4, -.entry .entry-content .has-white-background-color h5, -.entry .entry-content .has-white-background-color h6, -.entry .entry-content .has-white-background-color a { - color: #111; -} + color: #111; } + .entry .entry-content .has-white-background-color p, + .entry .entry-content .has-white-background-color h1, + .entry .entry-content .has-white-background-color h2, + .entry .entry-content .has-white-background-color h3, + .entry .entry-content .has-white-background-color h4, + .entry .entry-content .has-white-background-color h5, + .entry .entry-content .has-white-background-color h6, + .entry .entry-content .has-white-background-color a { + color: #111; } .entry .entry-content .has-primary-background-color, .entry .entry-content .wp-block-pullquote.is-style-solid-color.has-primary-background-color { - background-color: #c43d80; -} + background-color: #c43d80; } .entry .entry-content .has-secondary-background-color, .entry .entry-content .wp-block-pullquote.is-style-solid-color.has-secondary-background-color { - background-color: #9e3067; -} + background-color: #9e3067; } .entry .entry-content .has-dark-gray-background-color, .entry .entry-content .wp-block-pullquote.is-style-solid-color.has-dark-gray-background-color { - background-color: #111; -} + background-color: #111; } .entry .entry-content .has-light-gray-background-color, .entry .entry-content .wp-block-pullquote.is-style-solid-color.has-light-gray-background-color { - background-color: #767676; -} + background-color: #767676; } .entry .entry-content .has-white-background-color, .entry .entry-content .wp-block-pullquote.is-style-solid-color.has-white-background-color { - background-color: #FFF; -} + background-color: #FFF; } .entry .entry-content .has-primary-color, .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-primary-color p { - color: #c43d80; -} + color: #c43d80; } .entry .entry-content .has-secondary-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-secondary-color p { - color: #9e3067; -} + color: #9e3067; } .entry .entry-content .has-dark-gray-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-dark-gray-color p { - color: #111; -} + color: #111; } .entry .entry-content .has-light-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-light-gray-color p { - color: #767676; -} + color: #767676; } .entry .entry-content .has-white-color, .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-white-color { - color: #FFF; -} + color: #FFF; } /* Site Builder */ /* !Site Builder styles */ @@ -4402,8 +3279,7 @@ body.page .main-navigation { line-height: 1.25; max-width: 100%; position: relative; - text-align: center; -} + text-align: center; } .entry .entry-content .site-builder__title { color: #111; @@ -4414,29 +3290,21 @@ body.page .main-navigation { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1.2; - margin: auto; -} - -.entry .entry-content .site-builder__title a { - color: #111; - text-decoration: none; -} - -.entry .entry-content .site-builder__title a:link, .entry .entry-content .site-builder__title a:visited { - color: #111; -} - -.entry .entry-content .site-builder__title a:hover { - color: #4a4a4a; -} + margin: auto; } + .entry .entry-content .site-builder__title a { + color: #111; + text-decoration: none; } + .entry .entry-content .site-builder__title a:link, .entry .entry-content .site-builder__title a:visited { + color: #111; } + .entry .entry-content .site-builder__title a:hover { + color: #4a4a4a; } .entry .entry-content .site-builder__description { color: #111; display: block; - font-size: 0.71111em; + font-size: 0.7111111111em; font-weight: normal; - margin: 8px 0 0; -} + margin: 8px 0 0; } /* Media */ .page-content .wp-smiley, @@ -4445,68 +3313,54 @@ body.page .main-navigation { border: none; margin-bottom: 0; margin-top: 0; - padding: 0; -} + padding: 0; } embed, iframe, object { - max-width: 100%; -} + max-width: 100%; } .custom-logo-link { - display: inline-block; -} + display: inline-block; } .avatar { border-radius: 100%; display: block; height: calc(2.25 * 1rem); min-height: inherit; - width: calc(2.25 * 1rem); -} + width: calc(2.25 * 1rem); } svg { transition: fill 120ms ease-in-out; - fill: currentColor; -} + fill: currentColor; } /*-------------------------------------------------------------- ## Captions --------------------------------------------------------------*/ .wp-caption { - margin-bottom: calc(1.5 * 1rem); -} - -@media only screen and (min-width: 768px) { - .wp-caption.aligncenter { - position: relative; - left: calc( calc(8 * (100vw / 12) - 28px) / 2); - transform: translateX(-50%); - } -} - -@media only screen and (min-width: 1168px) { - .wp-caption.aligncenter { - left: calc( calc(6 * (100vw / 12) - 28px) / 2); - } -} + margin-bottom: calc(1.5 * 1rem); } + @media only screen and (min-width: 768px) { + .wp-caption.aligncenter { + position: relative; + left: calc( calc(8 * (100vw / 12) - 28px) / 2); + transform: translateX(-50%); } } + @media only screen and (min-width: 1168px) { + .wp-caption.aligncenter { + left: calc( calc(6 * (100vw / 12) - 28px) / 2); } } .wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; - margin-right: auto; -} + margin-right: auto; } .wp-caption-text { color: #767676; - font-size: 0.71111em; + font-size: 0.7111111111em; font-family: "Source Serif Pro", "Baskerville Old Face", Garamond, "Times New Roman", serif; line-height: 1.6; margin: 0; padding: 0.5rem; - text-align: center; -} + text-align: center; } /*-------------------------------------------------------------- ## Galleries @@ -4515,8 +3369,7 @@ svg { display: flex; flex-flow: row wrap; justify-content: center; - margin-bottom: calc(1.5 * 1rem); -} + margin-bottom: calc(1.5 * 1rem); } .gallery-item { display: inline-block; @@ -4524,92 +3377,53 @@ svg { margin-bottom: 16px; text-align: center; vertical-align: top; - width: 100%; -} - -.gallery-columns-2 .gallery-item { - max-width: calc((100% - 16px * 1) / 2); -} - -.gallery-columns-2 .gallery-item:nth-of-type(2n+2) { - margin-right: 0; -} - -.gallery-columns-3 .gallery-item { - max-width: calc((100% - 16px * 2) / 3); -} - -.gallery-columns-3 .gallery-item:nth-of-type(3n+3) { - margin-right: 0; -} - -.gallery-columns-4 .gallery-item { - max-width: calc((100% - 16px * 3) / 4); -} - -.gallery-columns-4 .gallery-item:nth-of-type(4n+4) { - margin-right: 0; -} - -.gallery-columns-5 .gallery-item { - max-width: calc((100% - 16px * 4) / 5); -} - -.gallery-columns-5 .gallery-item:nth-of-type(5n+5) { - margin-right: 0; -} - -.gallery-columns-6 .gallery-item { - max-width: calc((100% - 16px * 5) / 6); -} - -.gallery-columns-6 .gallery-item:nth-of-type(6n+6) { - margin-right: 0; -} - -.gallery-columns-7 .gallery-item { - max-width: calc((100% - 16px * 6) / 7); -} - -.gallery-columns-7 .gallery-item:nth-of-type(7n+7) { - margin-right: 0; -} - -.gallery-columns-8 .gallery-item { - max-width: calc((100% - 16px * 7) / 8); -} - -.gallery-columns-8 .gallery-item:nth-of-type(8n+8) { - margin-right: 0; -} - -.gallery-columns-9 .gallery-item { - max-width: calc((100% - 16px * 8) / 9); -} - -.gallery-columns-9 .gallery-item:nth-of-type(9n+9) { - margin-right: 0; -} - -.gallery-item:last-of-type { - padding-right: 0; -} + width: 100%; } + .gallery-columns-2 .gallery-item { + max-width: calc((100% - 16px * 1) / 2); } + .gallery-columns-2 .gallery-item:nth-of-type(2n+2) { + margin-right: 0; } + .gallery-columns-3 .gallery-item { + max-width: calc((100% - 16px * 2) / 3); } + .gallery-columns-3 .gallery-item:nth-of-type(3n+3) { + margin-right: 0; } + .gallery-columns-4 .gallery-item { + max-width: calc((100% - 16px * 3) / 4); } + .gallery-columns-4 .gallery-item:nth-of-type(4n+4) { + margin-right: 0; } + .gallery-columns-5 .gallery-item { + max-width: calc((100% - 16px * 4) / 5); } + .gallery-columns-5 .gallery-item:nth-of-type(5n+5) { + margin-right: 0; } + .gallery-columns-6 .gallery-item { + max-width: calc((100% - 16px * 5) / 6); } + .gallery-columns-6 .gallery-item:nth-of-type(6n+6) { + margin-right: 0; } + .gallery-columns-7 .gallery-item { + max-width: calc((100% - 16px * 6) / 7); } + .gallery-columns-7 .gallery-item:nth-of-type(7n+7) { + margin-right: 0; } + .gallery-columns-8 .gallery-item { + max-width: calc((100% - 16px * 7) / 8); } + .gallery-columns-8 .gallery-item:nth-of-type(8n+8) { + margin-right: 0; } + .gallery-columns-9 .gallery-item { + max-width: calc((100% - 16px * 8) / 9); } + .gallery-columns-9 .gallery-item:nth-of-type(9n+9) { + margin-right: 0; } + .gallery-item:last-of-type { + padding-right: 0; } .gallery-caption { display: block; - font-size: 0.71111em; + font-size: 0.7111111111em; font-family: "Source Serif Pro", "Baskerville Old Face", Garamond, "Times New Roman", serif; line-height: 1.6; margin: 0; - padding: 0.5rem; -} + padding: 0.5rem; } .gallery-item > div > a { display: block; line-height: 0; - box-shadow: 0 0 0 0 transparent; -} - -.gallery-item > div > a:focus { - box-shadow: 0 0 0 2px #c43d80; -} + box-shadow: 0 0 0 0 transparent; } + .gallery-item > div > a:focus { + box-shadow: 0 0 0 2px #c43d80; } From 5537b4811a53f238f2433fb6c67a101dbf461a9f Mon Sep 17 00:00:00 2001 From: Jeffrey Pearce Date: Thu, 16 May 2019 14:36:19 +0200 Subject: [PATCH 2/2] Closes #752 - Fixes Professional Business Responsive widths for columns block. --- .../sass/blocks/_blocks.scss | 2 +- .../sass/mixins/_utilities.scss | 6 + .../sass/variables-site/_structure.scss | 1 + .../style-editor-customizer.css | 39 +- professional-business/style-editor.css | 815 +-- professional-business/style-jetpack.css | 41 +- professional-business/style.css | 5319 +++++++---------- 7 files changed, 2392 insertions(+), 3831 deletions(-) diff --git a/professional-business/sass/blocks/_blocks.scss b/professional-business/sass/blocks/_blocks.scss index 95ee63e62..56f2ef178 100644 --- a/professional-business/sass/blocks/_blocks.scss +++ b/professional-business/sass/blocks/_blocks.scss @@ -819,7 +819,7 @@ padding-right: $size__spacing-unit; } - @include media(tablet) { + @include media(tabletalt) { .wp-block-column > * { &:first-child { diff --git a/professional-business/sass/mixins/_utilities.scss b/professional-business/sass/mixins/_utilities.scss index c753fe278..052764fed 100644 --- a/professional-business/sass/mixins/_utilities.scss +++ b/professional-business/sass/mixins/_utilities.scss @@ -12,6 +12,12 @@ } } + @if tabletalt == $res { + @media only screen and (min-width: $tablet_alt_width) { + @content; + } + } + @if desktop == $res { @media only screen and (min-width: $desktop_width) { @content; diff --git a/professional-business/sass/variables-site/_structure.scss b/professional-business/sass/variables-site/_structure.scss index cdeee82ee..f0e6650af 100644 --- a/professional-business/sass/variables-site/_structure.scss +++ b/professional-business/sass/variables-site/_structure.scss @@ -12,6 +12,7 @@ $size__site-desktop-content: calc(6 * (100vw / 12) - 28px); $mobile_width: 600px; $tablet_width: 768px; +$tablet_alt_width: 782px; $desktop_width: 1168px; $wide_width: 1379px; diff --git a/professional-business/style-editor-customizer.css b/professional-business/style-editor-customizer.css index 953bffd8a..3347cb748 100644 --- a/professional-business/style-editor-customizer.css +++ b/professional-business/style-editor-customizer.css @@ -19,8 +19,7 @@ html[lang="ckb"] .wp-block *, html[lang="fa-IR"] .wp-block *, html[lang="haz"] .wp-block *, html[lang="ps"] .wp-block * { - font-family: Tahoma, Arial, sans-serif !important; -} + font-family: Tahoma, Arial, sans-serif !important; } /* Cyrillic */ html[lang="be"] .wp-block *, @@ -33,63 +32,51 @@ html[lang="sah"] .wp-block *, html[lang="sr-RS"] .wp-block *, html[lang="tt-RU"] .wp-block *, html[lang="uk"] .wp-block * { - font-family: 'Helvetica Neue', Helvetica, 'Segoe UI', Arial, sans-serif !important; -} + font-family: 'Helvetica Neue', Helvetica, 'Segoe UI', Arial, sans-serif !important; } /* Chinese (Hong Kong) */ html[lang="zh-HK"] .wp-block * { - font-family: -apple-system, BlinkMacSystemFont, 'PingFang HK', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important; -} + font-family: -apple-system, BlinkMacSystemFont, 'PingFang HK', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important; } /* Chinese (Taiwan) */ html[lang="zh-TW"] .wp-block * { - font-family: -apple-system, BlinkMacSystemFont, 'PingFang TC', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important; -} + font-family: -apple-system, BlinkMacSystemFont, 'PingFang TC', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important; } /* Chinese (China) */ html[lang="zh-CN"] .wp-block * { - font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important; -} + font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important; } /* Devanagari */ html[lang="bn-BD"] .wp-block *, html[lang="hi-IN"] .wp-block *, html[lang="mr"] .wp-block *, html[lang="ne-NP"] .wp-block * { - font-family: Arial, sans-serif !important; -} + font-family: Arial, sans-serif !important; } /* Greek */ html[lang="el"] .wp-block * { - font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important; -} + font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important; } /* Gujarati */ html[lang="gu"] .wp-block * { - font-family: Arial, sans-serif !important; -} + font-family: Arial, sans-serif !important; } /* Hebrew */ html[lang="he-IL"] .wp-block * { - font-family: 'Arial Hebrew', Arial, sans-serif !important; -} + font-family: 'Arial Hebrew', Arial, sans-serif !important; } /* Japanese */ html[lang="ja"] .wp-block * { - font-family: -apple-system, BlinkMacSystemFont, "Hiragino Sans", Meiryo, "Helvetica Neue", sans-serif !important; -} + font-family: -apple-system, BlinkMacSystemFont, "Hiragino Sans", Meiryo, "Helvetica Neue", sans-serif !important; } /* Korean */ html[lang="ko-KR"] .wp-block * { - font-family: 'Apple SD Gothic Neo', 'Malgun Gothic', 'Nanum Gothic', Dotum, sans-serif !important; -} + font-family: 'Apple SD Gothic Neo', 'Malgun Gothic', 'Nanum Gothic', Dotum, sans-serif !important; } /* Thai */ html[lang="th"] .wp-block * { - font-family: 'Sukhumvit Set', 'Helvetica Neue', helvetica, arial, sans-serif !important; -} + font-family: 'Sukhumvit Set', 'Helvetica Neue', helvetica, arial, sans-serif !important; } /* Vietnamese */ html[lang="vi"] .wp-block * { - font-family: 'Libre Franklin', sans-serif !important; -} + font-family: 'Libre Franklin', sans-serif !important; } diff --git a/professional-business/style-editor.css b/professional-business/style-editor.css index b33cc9e9f..11352ee0c 100644 --- a/professional-business/style-editor.css +++ b/professional-business/style-editor.css @@ -11,74 +11,54 @@ Professional Business Editor Styles /* Nested sub-menu padding: 10 levels deep */ /** === Editor Frame === */ body .wp-block[data-align="full"] { - width: 100%; -} + width: 100%; } @media only screen and (min-width: 600px) { body .wp-block[data-align="full"] { width: calc( 100% + 90px); - max-width: calc( 100% + 90px); - } -} + max-width: calc( 100% + 90px); } } @media only screen and (min-width: 768px) { body .editor-writing-flow { max-width: 80%; - margin: 0 10%; - } + margin: 0 10%; } body .editor-post-title__block, body .editor-default-block-appender, body .editor-block-list__block { margin-left: auto; - margin-right: auto; - } + margin-right: auto; } body .wp-block[data-align="wide"] { - width: 100%; - } + width: 100%; } body .wp-block[data-align="full"] { position: relative; left: calc( -12.5% - 14px); width: calc( 125% + 116px); - max-width: calc( 125% + 115px); - } + max-width: calc( 125% + 115px); } body .wp-block[data-align="right"] { - max-width: 125%; - } -} + max-width: 125%; } } /** === Content Width === */ .wp-block { width: calc(100vw - (2 * 1rem)); - max-width: 100%; -} - -@media only screen and (min-width: 768px) { - .wp-block { - width: calc(8 * (100vw / 12) - 28px); - } -} - -@media only screen and (min-width: 1168px) { - .wp-block { - width: calc(6 * (100vw / 12 ) - 28px); - } -} - -.wp-block .wp-block { - width: 100%; -} + max-width: 100%; } + @media only screen and (min-width: 768px) { + .wp-block { + width: calc(8 * (100vw / 12) - 28px); } } + @media only screen and (min-width: 1168px) { + .wp-block { + width: calc(6 * (100vw / 12 ) - 28px); } } + .wp-block .wp-block { + width: 100%; } /** === Base Typography === */ body { font-size: 22px; font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; line-height: 1.8; - color: #1e1e1e; -} + color: #1e1e1e; } p { - font-size: 22px; -} + font-size: 22px; } h1, h2, @@ -87,119 +67,97 @@ h4, h5, h6 { font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; - font-weight: 600; -} + font-weight: 600; } h1 { - font-size: 2.25em; -} - -@media only screen and (min-width: 768px) { - h1 { - font-size: 2.8125em; - } -} + font-size: 2.25em; } + @media only screen and (min-width: 768px) { + h1 { + font-size: 2.8125em; } } h2 { - font-size: 1.6875em; -} + font-size: 1.6875em; } h3 { - font-size: 1.125em; -} + font-size: 1.125em; } h4 { - font-size: 0.88889em; -} + font-size: 0.8888888889em; } h5 { - font-size: 0.88889em; -} + font-size: 0.8888888889em; } h6 { - font-size: 0.71111em; -} + font-size: 0.7111111111em; } a { transition: color 110ms ease-in-out; - color: #0073aa; -} - -a:hover, a:active { - color: #005177; - outline: 0; - text-decoration: none; -} - -a:focus { - outline: 0; - text-decoration: underline; -} + color: #0073aa; } + a:hover, a:active { + color: #005177; + outline: 0; + text-decoration: none; } + a:focus { + outline: 0; + text-decoration: underline; } .has-primary-background-color, .has-secondary-background-color, .has-dark-gray-background-color, .has-light-gray-background-color { - color: #fff; -} - -.has-primary-background-color p, -.has-primary-background-color h1, -.has-primary-background-color h2, -.has-primary-background-color h3, -.has-primary-background-color h4, -.has-primary-background-color h5, -.has-primary-background-color h6, -.has-primary-background-color a, -.has-secondary-background-color p, -.has-secondary-background-color h1, -.has-secondary-background-color h2, -.has-secondary-background-color h3, -.has-secondary-background-color h4, -.has-secondary-background-color h5, -.has-secondary-background-color h6, -.has-secondary-background-color a, -.has-dark-gray-background-color p, -.has-dark-gray-background-color h1, -.has-dark-gray-background-color h2, -.has-dark-gray-background-color h3, -.has-dark-gray-background-color h4, -.has-dark-gray-background-color h5, -.has-dark-gray-background-color h6, -.has-dark-gray-background-color a, -.has-light-gray-background-color p, -.has-light-gray-background-color h1, -.has-light-gray-background-color h2, -.has-light-gray-background-color h3, -.has-light-gray-background-color h4, -.has-light-gray-background-color h5, -.has-light-gray-background-color h6, -.has-light-gray-background-color a { - color: #fff; -} + color: #fff; } + .has-primary-background-color p, + .has-primary-background-color h1, + .has-primary-background-color h2, + .has-primary-background-color h3, + .has-primary-background-color h4, + .has-primary-background-color h5, + .has-primary-background-color h6, + .has-primary-background-color a, + .has-secondary-background-color p, + .has-secondary-background-color h1, + .has-secondary-background-color h2, + .has-secondary-background-color h3, + .has-secondary-background-color h4, + .has-secondary-background-color h5, + .has-secondary-background-color h6, + .has-secondary-background-color a, + .has-dark-gray-background-color p, + .has-dark-gray-background-color h1, + .has-dark-gray-background-color h2, + .has-dark-gray-background-color h3, + .has-dark-gray-background-color h4, + .has-dark-gray-background-color h5, + .has-dark-gray-background-color h6, + .has-dark-gray-background-color a, + .has-light-gray-background-color p, + .has-light-gray-background-color h1, + .has-light-gray-background-color h2, + .has-light-gray-background-color h3, + .has-light-gray-background-color h4, + .has-light-gray-background-color h5, + .has-light-gray-background-color h6, + .has-light-gray-background-color a { + color: #fff; } .has-white-background-color { - color: #1e1e1e; -} - -.has-white-background-color p, -.has-white-background-color h1, -.has-white-background-color h2, -.has-white-background-color h3, -.has-white-background-color h4, -.has-white-background-color h5, -.has-white-background-color h6, -.has-white-background-color a { - color: #1e1e1e; -} + color: #1e1e1e; } + .has-white-background-color p, + .has-white-background-color h1, + .has-white-background-color h2, + .has-white-background-color h3, + .has-white-background-color h4, + .has-white-background-color h5, + .has-white-background-color h6, + .has-white-background-color a { + color: #1e1e1e; } figcaption, .gallery-caption { font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; - font-size: 0.71111em; + font-size: 0.7111111111em; line-height: 1.6; - color: #767676; -} + color: #767676; } /** === Post Title === */ .editor-post-title__block:before { @@ -208,25 +166,21 @@ figcaption, margin-bottom: 0; margin-left: 1em; position: relative; - top: 0.5em; -} + top: 0.5em; } .editor-post-title__block .editor-post-title__input { font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; font-size: 2.8125em; - font-weight: 600; -} + font-weight: 600; } /** === Default Appender === */ .editor-default-block-appender .editor-default-block-appender__content { font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; - font-size: 22px; -} + font-size: 22px; } /** === Heading === */ .wp-block-heading strong { - font-weight: bolder; -} + font-weight: bolder; } /** === Paragraph === */ .wp-block-paragraph.has-drop-cap:not(:focus)::first-letter { @@ -234,210 +188,153 @@ figcaption, font-size: 3.375em; line-height: 1; font-weight: bold; - margin: 0 0.25em 0 0; -} + margin: 0 0.25em 0 0; } /** === Table === */ .wp-block-table { - font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; -} + font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; } /** === Cover === */ .wp-block-cover { - min-height: 345px; -} - -.wp-block-cover .editor-rich-text { - margin: auto; -} - -.wp-block-cover h2, -.wp-block-cover .wp-block-cover-text { - font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; - font-size: 1.6875em; - line-height: 1.4; - padding-left: 1rem; - padding-right: 1rem; -} - -.wp-block-cover h2 strong, -.wp-block-cover .wp-block-cover-text strong { - font-weight: bolder; -} - -@media only screen and (min-width: 768px) { + min-height: 345px; } + .wp-block-cover .editor-rich-text { + margin: auto; } .wp-block-cover h2, .wp-block-cover .wp-block-cover-text { - margin-left: auto; - margin-right: auto; - padding: 0; - } -} - -@media only screen and (min-width: 768px) { - .wp-block-cover { - min-height: 460px; - padding-left: 10%; - padding-right: 10%; - } - .wp-block-cover h2, - .wp-block-cover .wp-block-cover-text { - font-size: 2.25em; - } -} + font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; + font-size: 1.6875em; + line-height: 1.4; + padding-left: 1rem; + padding-right: 1rem; } + .wp-block-cover h2 strong, + .wp-block-cover .wp-block-cover-text strong { + font-weight: bolder; } + @media only screen and (min-width: 768px) { + .wp-block-cover h2, + .wp-block-cover .wp-block-cover-text { + margin-left: auto; + margin-right: auto; + padding: 0; } } + @media only screen and (min-width: 768px) { + .wp-block-cover { + min-height: 460px; + padding-left: 10%; + padding-right: 10%; } + .wp-block-cover h2, + .wp-block-cover .wp-block-cover-text { + font-size: 2.25em; } } .wp-block[data-type="core/cover"][data-align="left"] .editor-block-list__block-edit, .wp-block[data-type="core/cover"][data-align="right"] .editor-block-list__block-edit { - width: calc(4 * (100vw / 12)); -} + width: calc(4 * (100vw / 12)); } .wp-block[data-type="core/cover"][data-align="left"] .wp-block-cover, .wp-block[data-type="core/cover"][data-align="right"] .wp-block-cover { width: 100%; - max-width: 100%; -} + max-width: 100%; } @media only screen and (min-width: 768px) { .wp-block[data-type="core/cover"][data-align="left"] .wp-block-cover, .wp-block[data-type="core/cover"][data-align="right"] .wp-block-cover { - padding: 1rem; - } -} + padding: 1rem; } } @media only screen and (min-width: 768px) { .wp-block[data-type="core/cover"][data-align="wide"] h2, .wp-block[data-type="core/cover"][data-align="wide"] .wp-block-cover-text, .wp-block[data-type="core/cover"][data-align="full"] h2, .wp-block[data-type="core/cover"][data-align="full"] .wp-block-cover-text { - max-width: calc(8 * (100vw / 12) - 43px); - } -} + max-width: calc(8 * (100vw / 12) - 43px); } } @media only screen and (min-width: 1168px) { .wp-block[data-type="core/cover"][data-align="wide"] h2, .wp-block[data-type="core/cover"][data-align="wide"] .wp-block-cover-text, .wp-block[data-type="core/cover"][data-align="full"] h2, .wp-block[data-type="core/cover"][data-align="full"] .wp-block-cover-text { - max-width: calc(6 * (100vw / 12) - 43px); - } -} + max-width: calc(6 * (100vw / 12) - 43px); } } @media only screen and (min-width: 768px) { .wp-block[data-type="core/cover"][data-align="full"] .wp-block-cover { padding-left: calc(10% + 64px); - padding-right: calc(10% + 64px); - } -} + padding-right: calc(10% + 64px); } } /** === Gallery === */ .wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption, .wp-block-gallery .gallery-item .gallery-caption { - font-size: 0.71111em; - line-height: 1.6; -} + font-size: 0.7111111111em; + line-height: 1.6; } /** === Button === */ .wp-block-button .wp-block-button__link { line-height: 1.8; font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; - font-size: 0.88889em; - font-weight: bold; -} + font-size: 0.8888888889em; + font-weight: bold; } .wp-block-button:not(.is-style-outline) .wp-block-button__link { - background: #0073aa; -} + background: #0073aa; } .wp-block-button:not(.is-style-squared) .wp-block-button__link { - border-radius: 5px; -} + border-radius: 5px; } .wp-block-button.is-style-outline, .wp-block-button.is-style-outline:hover, .wp-block-button.is-style-outline:focus, .wp-block-button.is-style-outline:active { background: transparent; - color: #0073aa; -} - -.wp-block-button.is-style-outline .wp-block-button__link, .wp-block-button.is-style-outline:hover .wp-block-button__link, .wp-block-button.is-style-outline:focus .wp-block-button__link, .wp-block-button.is-style-outline:active .wp-block-button__link { - background: transparent; -} - -.wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color), .wp-block-button.is-style-outline:hover .wp-block-button__link:not(.has-text-color), .wp-block-button.is-style-outline:focus .wp-block-button__link:not(.has-text-color), .wp-block-button.is-style-outline:active .wp-block-button__link:not(.has-text-color) { - color: #0073aa; -} + color: #0073aa; } + .wp-block-button.is-style-outline .wp-block-button__link, .wp-block-button.is-style-outline:hover .wp-block-button__link, .wp-block-button.is-style-outline:focus .wp-block-button__link, .wp-block-button.is-style-outline:active .wp-block-button__link { + background: transparent; } + .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color), .wp-block-button.is-style-outline:hover .wp-block-button__link:not(.has-text-color), .wp-block-button.is-style-outline:focus .wp-block-button__link:not(.has-text-color), .wp-block-button.is-style-outline:active .wp-block-button__link:not(.has-text-color) { + color: #0073aa; } /** === Blockquote === */ .wp-block-quote:not(.is-large):not(.is-style-large) { border-color: #0073aa; - border-width: 2px; -} + border-width: 2px; } .wp-block-quote.is-large, .wp-block-quote.is-style-large { margin-top: 2.8125em; - margin-bottom: 2.8125em; -} + margin-bottom: 2.8125em; } .wp-block-quote.is-large p, .wp-block-quote.is-style-large p { font-size: 1.6875em; line-height: 1.3; margin-bottom: 0.5em; - margin-top: 0.5em; -} + margin-top: 0.5em; } .wp-block-quote cite, .wp-block-quote footer, .wp-block-quote .wp-block-quote__citation { font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; - font-size: 0.71111em; + font-size: 0.7111111111em; line-height: 1.6; - color: #767676; -} + color: #767676; } /** === Pullquote === */ .wp-block-pullquote { border-color: transparent; border-width: 2px; - color: #000; -} - -.wp-block-pullquote blockquote { - margin-top: calc(3 * 1rem); - margin-bottom: calc(3.33 * 1rem); - -webkit-hyphens: auto; - -ms-hyphens: auto; - hyphens: auto; - word-break: break-word; -} - -.wp-block-pullquote:not(.is-style-solid-color) .wp-block-pullquote__citation { - color: #767676; -} - -.wp-block-pullquote.is-style-solid-color blockquote { - width: calc(100% - (2 * 1rem)); - max-width: calc( 100% - (2 * 1rem)); -} - -.wp-block-pullquote.is-style-solid-color blockquote a, -.wp-block-pullquote.is-style-solid-color blockquote.has-text-color p, -.wp-block-pullquote.is-style-solid-color blockquote.has-text-color a { - color: inherit; -} - -.wp-block-pullquote.is-style-solid-color blockquote:not(.has-text-color) { - color: #fff; -} - -@media only screen and (min-width: 768px) { + color: #000; } + .wp-block-pullquote blockquote { + margin-top: calc(3 * 1rem); + margin-bottom: calc(3.33 * 1rem); + hyphens: auto; + word-break: break-word; } + .wp-block-pullquote:not(.is-style-solid-color) .wp-block-pullquote__citation { + color: #767676; } .wp-block-pullquote.is-style-solid-color blockquote { - max-width: 80%; - } -} - -.wp-block-pullquote.is-style-solid-color:not(.has-background-color) { - background-color: #0073aa; -} + width: calc(100% - (2 * 1rem)); + max-width: calc( 100% - (2 * 1rem)); } + .wp-block-pullquote.is-style-solid-color blockquote a, + .wp-block-pullquote.is-style-solid-color blockquote.has-text-color p, + .wp-block-pullquote.is-style-solid-color blockquote.has-text-color a { + color: inherit; } + .wp-block-pullquote.is-style-solid-color blockquote:not(.has-text-color) { + color: #fff; } + @media only screen and (min-width: 768px) { + .wp-block-pullquote.is-style-solid-color blockquote { + max-width: 80%; } } + .wp-block-pullquote.is-style-solid-color:not(.has-background-color) { + background-color: #0073aa; } .wp-block[data-type="core/pullquote"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before, .wp-block[data-type="core/pullquote"] blockquote > .editor-rich-text p, @@ -452,53 +349,42 @@ figcaption, font-style: italic; line-height: 1.3; margin-bottom: 0.5em; - margin-top: 0.5em; -} - -@media only screen and (min-width: 768px) { - .wp-block[data-type="core/pullquote"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before, - .wp-block[data-type="core/pullquote"] blockquote > .editor-rich-text p, - .wp-block[data-type="core/pullquote"] p, - .wp-block[data-type="core/pullquote"][data-align="left"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before, - .wp-block[data-type="core/pullquote"][data-align="left"] blockquote > .editor-rich-text p, - .wp-block[data-type="core/pullquote"][data-align="left"] p, - .wp-block[data-type="core/pullquote"][data-align="right"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before, - .wp-block[data-type="core/pullquote"][data-align="right"] blockquote > .editor-rich-text p, - .wp-block[data-type="core/pullquote"][data-align="right"] p { - font-size: 2.25em; - } -} + margin-top: 0.5em; } + @media only screen and (min-width: 768px) { + .wp-block[data-type="core/pullquote"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before, + .wp-block[data-type="core/pullquote"] blockquote > .editor-rich-text p, + .wp-block[data-type="core/pullquote"] p, + .wp-block[data-type="core/pullquote"][data-align="left"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before, + .wp-block[data-type="core/pullquote"][data-align="left"] blockquote > .editor-rich-text p, + .wp-block[data-type="core/pullquote"][data-align="left"] p, + .wp-block[data-type="core/pullquote"][data-align="right"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before, + .wp-block[data-type="core/pullquote"][data-align="right"] blockquote > .editor-rich-text p, + .wp-block[data-type="core/pullquote"][data-align="right"] p { + font-size: 2.25em; } } .wp-block[data-type="core/pullquote"] .wp-block-pullquote__citation, .wp-block[data-type="core/pullquote"][data-align="left"] .wp-block-pullquote__citation, .wp-block[data-type="core/pullquote"][data-align="right"] .wp-block-pullquote__citation { font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; - font-size: 0.71111em; + font-size: 0.7111111111em; line-height: 1.6; - text-transform: none; -} + text-transform: none; } .wp-block[data-type="core/pullquote"] em, .wp-block[data-type="core/pullquote"][data-align="left"] em, .wp-block[data-type="core/pullquote"][data-align="right"] em { - font-style: normal; -} + font-style: normal; } .wp-block[data-type="core/pullquote"][data-align="left"] .editor-block-list__block-edit, .wp-block[data-type="core/pullquote"][data-align="right"] .editor-block-list__block-edit { width: calc(4 * (100vw / 12)); - max-width: 50%; -} - -.wp-block[data-type="core/pullquote"][data-align="left"] .editor-block-list__block-edit .wp-block-pullquote:not(.is-style-solid-color), -.wp-block[data-type="core/pullquote"][data-align="right"] .editor-block-list__block-edit .wp-block-pullquote:not(.is-style-solid-color) { - padding: 0; -} - -.wp-block[data-type="core/pullquote"][data-align="left"] .editor-block-list__block-edit .wp-block-pullquote.is-style-solid-color, -.wp-block[data-type="core/pullquote"][data-align="right"] .editor-block-list__block-edit .wp-block-pullquote.is-style-solid-color { - padding: 1em; -} + max-width: 50%; } + .wp-block[data-type="core/pullquote"][data-align="left"] .editor-block-list__block-edit .wp-block-pullquote:not(.is-style-solid-color), + .wp-block[data-type="core/pullquote"][data-align="right"] .editor-block-list__block-edit .wp-block-pullquote:not(.is-style-solid-color) { + padding: 0; } + .wp-block[data-type="core/pullquote"][data-align="left"] .editor-block-list__block-edit .wp-block-pullquote.is-style-solid-color, + .wp-block[data-type="core/pullquote"][data-align="right"] .editor-block-list__block-edit .wp-block-pullquote.is-style-solid-color { + padding: 1em; } .wp-block[data-type="core/pullquote"][data-align="left"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before, .wp-block[data-type="core/pullquote"][data-align="left"] blockquote > .editor-rich-text p, @@ -508,250 +394,180 @@ figcaption, .wp-block[data-type="core/pullquote"][data-align="right"] blockquote > .editor-rich-text p, .wp-block[data-type="core/pullquote"][data-align="right"] p, .wp-block[data-type="core/pullquote"][data-align="right"] .wp-block-pullquote__citation { - text-align: left; -} + text-align: left; } @media only screen and (min-width: 768px) { .wp-block[data-type="core/pullquote"][data-align="full"] .wp-block-pullquote blockquote { - max-width: calc(80% - 128px); - } -} + max-width: calc(80% - 128px); } } /** === File === */ .wp-block-file { - font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; -} - -.wp-block-file .wp-block-file__textlink { - text-decoration: underline; - color: #0073aa; -} - -.wp-block-file .wp-block-file__textlink:hover { - color: #005177; - text-decoration: none; -} - -.wp-block-file .wp-block-file__button { - display: table; - line-height: 1.8; - font-size: 0.88889em; - font-weight: bold; - background-color: #0073aa; - border-radius: 5px; -} - -.wp-block-file .wp-block-file__button-richtext-wrapper { - display: block; - margin-top: calc(0.75 * 1rem); - margin-left: 0; -} + font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; } + .wp-block-file .wp-block-file__textlink { + text-decoration: underline; + color: #0073aa; } + .wp-block-file .wp-block-file__textlink:hover { + color: #005177; + text-decoration: none; } + .wp-block-file .wp-block-file__button { + display: table; + line-height: 1.8; + font-size: 0.8888888889em; + font-weight: bold; + background-color: #0073aa; + border-radius: 5px; } + .wp-block-file .wp-block-file__button-richtext-wrapper { + display: block; + margin-top: calc(0.75 * 1rem); + margin-left: 0; } /** === Verse === */ .wp-block-verse, .wp-block-verse pre { - padding: 0; -} + padding: 0; } /** === Code === */ .wp-block-code { - border-radius: 0; -} + border-radius: 0; } /** === Media & Text === */ .wp-block-media-text { background: #0d1b24; color: #fff; - position: relative; -} - -.wp-block-media-text a, -.wp-block-media-text a:hover { - color: inherit; -} - -.wp-block-media-text:before { - content: ''; - position: absolute; - top: 10px; - right: 10px; - bottom: 10px; - left: 10px; - border: 1px solid #fff; - z-index: 1; -} - -.wp-block-media-text .editor-inner-blocks { - z-index: 2; -} - -.wp-block-media-text .components-resizable-box__handle { - z-index: 3; -} + position: relative; } + .wp-block-media-text a, + .wp-block-media-text a:hover { + color: inherit; } + .wp-block-media-text:before { + content: ''; + position: absolute; + top: 10px; + right: 10px; + bottom: 10px; + left: 10px; + border: 1px solid #fff; + z-index: 1; } + .wp-block-media-text .editor-inner-blocks { + z-index: 2; } + .wp-block-media-text .components-resizable-box__handle { + z-index: 3; } /** === Table === */ .wp-block-table td, .wp-block-table th { - border-color: #767676; -} + border-color: #767676; } /** === Separator === */ .wp-block-separator { background: #fff; - max-width: 100%; -} - -@media only screen and (min-width: 768px) { - .wp-block-separator { - max-width: calc(8 * (100vw / 12) - 28px); - } -} - -@media only screen and (min-width: 1168px) { - .wp-block-separator { - max-width: calc(6 * (100vw / 12) - 28px); - } -} - -.wp-block-separator:after { - background-color: #ececec; - content: ''; - display: block; - height: 2px; - max-width: 3.25em; -} - -.wp-block-separator.is-style-dots:after, .wp-block-separator.is-style-wide:after { - display: none; -} - -.wp-block-separator:not(.is-style-wide):not(.is-style-dots) { - border-bottom: 0; - margin-left: 0; - margin-right: 0; -} - -.wp-block-separator.is-style-wide { - border-bottom: 2px solid #ececec; -} - -.wp-block-separator.is-style-dots:before { - color: #767676; - font-size: 1.6875em; - letter-spacing: calc(2 * 1rem); - padding-left: calc(2 * 1rem); -} + max-width: 100%; } + @media only screen and (min-width: 768px) { + .wp-block-separator { + max-width: calc(8 * (100vw / 12) - 28px); } } + @media only screen and (min-width: 1168px) { + .wp-block-separator { + max-width: calc(6 * (100vw / 12) - 28px); } } + .wp-block-separator:after { + background-color: #ececec; + content: ''; + display: block; + height: 2px; + max-width: 3.25em; } + .wp-block-separator.is-style-dots:after, .wp-block-separator.is-style-wide:after { + display: none; } + .wp-block-separator:not(.is-style-wide):not(.is-style-dots) { + border-bottom: 0; + margin-left: 0; + margin-right: 0; } + .wp-block-separator.is-style-wide { + border-bottom: 2px solid #ececec; } + .wp-block-separator.is-style-dots:before { + color: #767676; + font-size: 1.6875em; + letter-spacing: calc(2 * 1rem); + padding-left: calc(2 * 1rem); } /** === Latest Posts, Archives, Categories === */ ul.wp-block-archives, .wp-block-categories, .wp-block-latest-posts { padding: 0; - list-style-type: none; -} - -ul.wp-block-archives ul, -.wp-block-categories ul, -.wp-block-latest-posts ul { - padding: 0; - list-style-type: none; -} - -ul.wp-block-archives li, -.wp-block-categories li, -.wp-block-latest-posts li { - color: #767676; - font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; - font-size: calc(22px * 1.125); - font-weight: bold; - line-height: 1.2; - padding-bottom: 0.75rem; -} - -ul.wp-block-archives li.menu-item-has-children, ul.wp-block-archives li:last-child, -.wp-block-categories li.menu-item-has-children, -.wp-block-categories li:last-child, -.wp-block-latest-posts li.menu-item-has-children, -.wp-block-latest-posts li:last-child { - padding-bottom: 0; -} - -ul.wp-block-archives li a, -.wp-block-categories li a, -.wp-block-latest-posts li a { - text-decoration: none; -} - -ul.wp-block-archives li ul, -.wp-block-categories li ul, -.wp-block-latest-posts li ul { - padding-left: 1rem; -} + list-style-type: none; } + ul.wp-block-archives ul, + .wp-block-categories ul, + .wp-block-latest-posts ul { + padding: 0; + list-style-type: none; } + ul.wp-block-archives li, + .wp-block-categories li, + .wp-block-latest-posts li { + color: #767676; + font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; + font-size: calc(22px * 1.125); + font-weight: bold; + line-height: 1.2; + padding-bottom: 0.75rem; } + ul.wp-block-archives li.menu-item-has-children, ul.wp-block-archives li:last-child, + .wp-block-categories li.menu-item-has-children, + .wp-block-categories li:last-child, + .wp-block-latest-posts li.menu-item-has-children, + .wp-block-latest-posts li:last-child { + padding-bottom: 0; } + ul.wp-block-archives li a, + .wp-block-categories li a, + .wp-block-latest-posts li a { + text-decoration: none; } + ul.wp-block-archives li ul, + .wp-block-categories li ul, + .wp-block-latest-posts li ul { + padding-left: 1rem; } .wp-block-categories ul { - padding-top: 0.75rem; -} - -.wp-block-categories ul ul { - counter-reset: submenu; -} - -.wp-block-categories ul ul > li > a::before { - font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; - font-weight: normal; - content: "– " counters(submenu, "– ", none); - counter-increment: submenu; -} + padding-top: 0.75rem; } + .wp-block-categories ul ul { + counter-reset: submenu; } + .wp-block-categories ul ul > li > a::before { + font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; + font-weight: normal; + content: "– " counters(submenu, "– ", none); + counter-increment: submenu; } .wp-block-categories li ul { list-style: none; padding-left: 0; - margin-bottom: -0.75rem; -} + margin-bottom: -0.75rem; } /** === Latest Posts grid view === */ .wp-block-latest-posts.is-grid li { border-top: 2px solid #ccc; padding-top: 1rem; - margin-bottom: 2rem; -} - -.wp-block-latest-posts.is-grid li a:after { - content: ''; -} - -.wp-block-latest-posts.is-grid li:last-child { - margin-bottom: auto; -} - -.wp-block-latest-posts.is-grid li:last-child a:after { - content: ''; -} + margin-bottom: 2rem; } + .wp-block-latest-posts.is-grid li a:after { + content: ''; } + .wp-block-latest-posts.is-grid li:last-child { + margin-bottom: auto; } + .wp-block-latest-posts.is-grid li:last-child a:after { + content: ''; } /** === Latest Comments === */ .wp-block-latest-comments .wp-block-latest-comments__comment-meta { font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; - font-weight: bold; -} - -.wp-block-latest-comments .wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-date { - font-weight: normal; -} + font-weight: bold; } + .wp-block-latest-comments .wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-date { + font-weight: normal; } .wp-block-latest-comments .wp-block-latest-comments__comment, .wp-block-latest-comments .wp-block-latest-comments__comment-date, .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p { - font-size: inherit; -} + font-size: inherit; } .wp-block-latest-comments .wp-block-latest-comments__comment-date { - font-size: 0.71111em; -} + font-size: 0.7111111111em; } /** === Classic Editor === */ /* Properly center-align captions in the classic-editor block */ .wp-caption dd { color: #767676; - font-size: 0.71111em; + font-size: 0.7111111111em; font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; line-height: 1.6; margin: 0; @@ -759,47 +575,36 @@ ul.wp-block-archives li ul, text-align: left; text-align: center; -webkit-margin-start: 0px; - margin-inline-start: 0px; -} + margin-inline-start: 0px; } .wp-block-freeform { - /* Add style for galleries in classic-editor block */ -} - -.wp-block-freeform blockquote { - border-left: 2px solid #0073aa; -} - -.wp-block-freeform blockquote cite { - font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; - font-size: 0.71111em; - font-style: normal; - line-height: 1.6; - color: #767676; -} + /* Add style for galleries in classic-editor block */ } + .wp-block-freeform blockquote { + border-left: 2px solid #0073aa; } + .wp-block-freeform blockquote cite { + font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; + font-size: 0.7111111111em; + font-style: normal; + line-height: 1.6; + color: #767676; } /* Make sure our non-latin font overrides don't overwrite the iconfont used in the classic editor toolbar */ .wp-block[data-type="core/freeform"] .mce-btn i { - font-family: dashicons !important; -} + font-family: dashicons !important; } /** === Mailchimp Block - Temp Fix === */ .wp-block-jetpack-mailchimp p { - font-size: 0.71111em; -} + font-size: 0.7111111111em; } /** === Business Hours Block - Temp Fix === */ .wp-block-jetpack-business-hours dt, .wp-block-jetpack-business-hours dd { - float: left; -} + float: left; } .wp-block-jetpack-business-hours dt { clear: both; font-weight: bold; - margin-right: 0.5rem; -} + margin-right: 0.5rem; } .wp-block-jetpack-business-hours dd { - margin: 0; -} + margin: 0; } diff --git a/professional-business/style-jetpack.css b/professional-business/style-jetpack.css index 08ab392af..567fca32f 100644 --- a/professional-business/style-jetpack.css +++ b/professional-business/style-jetpack.css @@ -8,8 +8,7 @@ .site-main #infinite-handle span button, .site-main #infinite-handle span button:hover, .site-main #infinite-handle span button:focus { - font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; -} + font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; } /** * Responsive Videos @@ -19,25 +18,21 @@ */ .entry div.sharedaddy h3.sd-title, .entry h3.sd-title { - font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; -} + font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; } /** * Related Posts */ .entry #jp-relatedposts h3.jp-relatedposts-headline { - font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; -} + font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; } .entry #jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title, .entry #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post { - font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; -} + font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; } .entry #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-context, .entry #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-date { - font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; -} + font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; } /** * Stats @@ -50,49 +45,39 @@ */ /* Authors Widget */ .widget_authors > ul > li > a { - font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; -} + font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; } /* Display WordPress Posts */ /* GoodReads */ /* EU cookie law */ .widget_eu_cookie_law_widget #eu-cookie-law { - font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; -} + font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; } /* RSS Links */ .widget_rss_links li { - font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; -} + font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; } /** * Content Options */ - /** * Blocks */ - /* Mailchimp Block - Temp Fix */ .wp-block-jetpack-mailchimp input[type="email"] { - width: 100%; -} + width: 100%; } .wp-block-jetpack-mailchimp #wp-block-jetpack-mailchimp_consent-text { - font-size: 0.71111em; -} + font-size: 0.7111111111em; } /* Business Hours - Temp Fix */ .jetpack-business-hours dt, .jetpack-business-hours dd { - float: left; -} + float: left; } .jetpack-business-hours dt { clear: both; - margin-right: 0.5rem; -} + margin-right: 0.5rem; } .jetpack-business-hours dd { - margin: 0; -} + margin: 0; } diff --git a/professional-business/style.css b/professional-business/style.css index 9035e6cc2..3a7e8dca2 100644 --- a/professional-business/style.css +++ b/professional-business/style.css @@ -72,8 +72,7 @@ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; - /* 2 */ -} + /* 2 */ } /* Sections ========================================================================== */ @@ -81,8 +80,7 @@ html { * Remove the margin in all browsers. */ body { - margin: 0; -} + margin: 0; } /** * Correct the font size and margin on `h1` elements within `section` and @@ -90,8 +88,7 @@ body { */ h1 { font-size: 2em; - margin: 0.67em 0; -} + margin: 0.67em 0; } /* Grouping content ========================================================================== */ @@ -105,8 +102,7 @@ hr { height: 0; /* 1 */ overflow: visible; - /* 2 */ -} + /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. @@ -116,8 +112,7 @@ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; - /* 2 */ -} + /* 2 */ } /* Text-level semantics ========================================================================== */ @@ -125,8 +120,7 @@ pre { * Remove the gray background on active links in IE 10. */ a { - background-color: transparent; -} + background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- @@ -137,18 +131,15 @@ abbr[title] { /* 1 */ text-decoration: underline; /* 2 */ - -webkit-text-decoration: underline dotted; - text-decoration: underline dotted; - /* 2 */ -} + text-decoration: underline dotted; + /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { - font-weight: bolder; -} + font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. @@ -160,15 +151,13 @@ samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; - /* 2 */ -} + /* 2 */ } /** * Add the correct font size in all browsers. */ small { - font-size: 80%; -} + font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in @@ -179,16 +168,13 @@ sup { font-size: 75%; line-height: 0; position: relative; - vertical-align: baseline; -} + vertical-align: baseline; } sub { - bottom: -0.25em; -} + bottom: -0.25em; } sup { - top: -0.5em; -} + top: -0.5em; } /* Embedded content ========================================================================== */ @@ -196,8 +182,7 @@ sup { * Remove the border on images inside links in IE 10. */ img { - border-style: none; -} + border-style: none; } /* Forms ========================================================================== */ @@ -217,8 +202,7 @@ textarea { line-height: 1.15; /* 1 */ margin: 0; - /* 2 */ -} + /* 2 */ } /** * Show the overflow in IE. @@ -227,8 +211,7 @@ textarea { button, input { /* 1 */ - overflow: visible; -} + overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. @@ -237,8 +220,7 @@ input { button, select { /* 1 */ - text-transform: none; -} + text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. @@ -247,8 +229,7 @@ button, [type="button"], [type="reset"], [type="submit"] { - -webkit-appearance: button; -} + -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. @@ -258,8 +239,7 @@ button::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; - padding: 0; -} + padding: 0; } /** * Restore the focus styles unset by the previous rule. @@ -268,15 +248,13 @@ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { - outline: 1px dotted ButtonText; -} + outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { - padding: 0.35em 0.75em 0.625em; -} + padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. @@ -296,22 +274,19 @@ legend { padding: 0; /* 3 */ white-space: normal; - /* 1 */ -} + /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { - vertical-align: baseline; -} + vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { - overflow: auto; -} + overflow: auto; } /** * 1. Add the correct box sizing in IE 10. @@ -322,16 +297,14 @@ textarea { box-sizing: border-box; /* 1 */ padding: 0; - /* 2 */ -} + /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { - height: auto; -} + height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. @@ -341,15 +314,13 @@ textarea { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; - /* 2 */ -} + /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { - -webkit-appearance: none; -} + -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. @@ -359,8 +330,7 @@ textarea { -webkit-appearance: button; /* 1 */ font: inherit; - /* 2 */ -} + /* 2 */ } /* Interactive ========================================================================== */ @@ -368,15 +338,13 @@ textarea { * Add the correct display in Edge, IE 10+, and Firefox. */ details { - display: block; -} + display: block; } /* * Add the correct display in all browsers. */ summary { - display: list-item; -} + display: list-item; } /* Misc ========================================================================== */ @@ -384,20 +352,17 @@ summary { * Add the correct display in IE 10+. */ template { - display: none; -} + display: none; } /** * Add the correct display in IE 10. */ [hidden] { - display: none; -} + display: none; } /* Typography */ html { - font-size: 22px; -} + font-size: 22px; } body { -webkit-font-smoothing: antialiased; @@ -408,8 +373,7 @@ body { font-size: 1em; line-height: 1.8; margin: 0; - text-rendering: optimizeLegibility; -} + text-rendering: optimizeLegibility; } button, input, @@ -420,8 +384,7 @@ textarea { font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; font-weight: 400; line-height: 1.8; - text-rendering: optimizeLegibility; -} + text-rendering: optimizeLegibility; } .author-description .author-link, .comment-metadata, @@ -450,8 +413,7 @@ h3, h4, h5, h6 { - font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; -} + font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; } .main-navigation, .page-description, @@ -473,48 +435,39 @@ h6 { font-weight: 600; line-height: 1.2; -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} + -moz-osx-font-smoothing: grayscale; } .page-title { - font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; -} + font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; } .site-branding, .main-navigation ul.main-menu > li, .social-navigation, .author-description .author-bio, .nav-links { - line-height: 1.25; -} + line-height: 1.25; } .entry-title, .not-found .page-title, .error-404 .page-title, .has-larger-font-size, h1 { - font-size: 1.6875em; -} - -@media only screen and (min-width: 768px) { - .entry-title, - .not-found .page-title, - .error-404 .page-title, - .has-larger-font-size, - h1 { - font-size: 2.25em; - } -} + font-size: 1.6875em; } + @media only screen and (min-width: 768px) { + .entry-title, + .not-found .page-title, + .error-404 .page-title, + .has-larger-font-size, + h1 { + font-size: 2.25em; } } h2 { - font-size: 1.6875em; -} + font-size: 1.6875em; } .has-regular-font-size, .has-large-font-size, h3 { - font-size: 1.125em; -} + font-size: 1.125em; } .site-title, .site-description, @@ -526,14 +479,12 @@ h3 { h2.author-title, p.author-bio, h4 { - font-size: 1.125em; -} + font-size: 1.125em; } .pagination .nav-links, .comment-content, h5 { - font-size: 0.88889em; -} + font-size: 0.8888888889em; } .entry-meta, .entry-footer, @@ -547,25 +498,20 @@ h5 { #cancel-comment-reply-link, img:after, h6 { - font-size: 0.88889em; -} + font-size: 0.8888888889em; } .site-info { - font-size: 0.71111em; -} + font-size: 0.7111111111em; } .page-title { - font-weight: normal; -} + font-weight: normal; } .page-description, .page-links a { - font-weight: bold; -} + font-weight: bold; } .page-id-3669 .entry .entry-header { - display: none; -} + display: none; } .post-navigation .post-title, .entry-title, @@ -573,80 +519,60 @@ h6 { .error-404 .page-title, .comments-title, blockquote { - -webkit-hyphens: auto; - -ms-hyphens: auto; - hyphens: auto; - word-break: break-word; -} + hyphens: auto; + word-break: break-word; } /* Do not hyphenate entry title on tablet view and bigger. */ @media only screen and (min-width: 768px) { .entry-title { - -webkit-hyphens: none; - -ms-hyphens: none; - hyphens: none; - } -} + hyphens: none; } } p { -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} + -moz-osx-font-smoothing: grayscale; } dfn, cite, em, i { - font-style: italic; -} + font-style: italic; } blockquote cite { - font-size: 0.71111em; + font-size: 0.7111111111em; font-style: normal; - font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; -} + font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; } pre { - font-size: 0.88889em; + font-size: 0.8888888889em; font-family: "Courier 10 Pitch", Courier, monospace; line-height: 1.8; - overflow: auto; -} + overflow: auto; } code, kbd, tt, var { - font-size: 0.88889em; - font-family: Menlo, monaco, Consolas, Lucida Console, monospace; -} + font-size: 0.8888888889em; + font-family: Menlo, monaco, Consolas, Lucida Console, monospace; } abbr, acronym { border-bottom: 1px dotted #666; - cursor: help; -} + cursor: help; } mark, ins { background: #fff9c0; - text-decoration: none; -} + text-decoration: none; } big { - font-size: 125%; -} + font-size: 125%; } a { - text-decoration: none; -} - -a:hover { - text-decoration: none; -} - -a:focus { - text-decoration: underline; -} + text-decoration: none; } + a:hover { + text-decoration: none; } + a:focus { + text-decoration: underline; } /* Arabic */ html[lang="ar"] .site *, @@ -656,8 +582,7 @@ html[lang="ckb"] .site *, html[lang="fa-IR"] .site *, html[lang="haz"] .site *, html[lang="ps"] .site * { - font-family: Tahoma, Arial, sans-serif !important; -} + font-family: Tahoma, Arial, sans-serif !important; } /* Cyrillic */ html[lang="be"] .site *, @@ -670,103 +595,87 @@ html[lang="sah"] .site *, html[lang="sr-RS"] .site *, html[lang="tt-RU"] .site *, html[lang="uk"] .site * { - font-family: 'Helvetica Neue', Helvetica, 'Segoe UI', Arial, sans-serif !important; -} + font-family: 'Helvetica Neue', Helvetica, 'Segoe UI', Arial, sans-serif !important; } /* Chinese (Hong Kong) */ html[lang="zh-HK"] .site * { - font-family: -apple-system, BlinkMacSystemFont, 'PingFang HK', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important; -} + font-family: -apple-system, BlinkMacSystemFont, 'PingFang HK', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important; } /* Chinese (Taiwan) */ html[lang="zh-TW"] .site * { - font-family: -apple-system, BlinkMacSystemFont, 'PingFang TC', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important; -} + font-family: -apple-system, BlinkMacSystemFont, 'PingFang TC', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important; } /* Chinese (China) */ html[lang="zh-CN"] .site * { - font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important; -} + font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important; } /* Devanagari */ html[lang="bn-BD"] .site *, html[lang="hi-IN"] .site *, html[lang="mr"] .site *, html[lang="ne-NP"] .site * { - font-family: Arial, sans-serif !important; -} + font-family: Arial, sans-serif !important; } /* Greek */ html[lang="el"] .site * { - font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important; -} + font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important; } /* Gujarati */ html[lang="gu"] .site * { - font-family: Arial, sans-serif !important; -} + font-family: Arial, sans-serif !important; } /* Hebrew */ html[lang="he-IL"] .site * { - font-family: 'Arial Hebrew', Arial, sans-serif !important; -} + font-family: 'Arial Hebrew', Arial, sans-serif !important; } /* Japanese */ html[lang="ja"] .site * { - font-family: -apple-system, BlinkMacSystemFont, "Hiragino Sans", Meiryo, "Helvetica Neue", sans-serif !important; -} + font-family: -apple-system, BlinkMacSystemFont, "Hiragino Sans", Meiryo, "Helvetica Neue", sans-serif !important; } /* Korean */ html[lang="ko-KR"] .site * { - font-family: 'Apple SD Gothic Neo', 'Malgun Gothic', 'Nanum Gothic', Dotum, sans-serif !important; -} + font-family: 'Apple SD Gothic Neo', 'Malgun Gothic', 'Nanum Gothic', Dotum, sans-serif !important; } /* Thai */ html[lang="th"] .site * { - font-family: 'Sukhumvit Set', 'Helvetica Neue', helvetica, arial, sans-serif !important; -} + font-family: 'Sukhumvit Set', 'Helvetica Neue', helvetica, arial, sans-serif !important; } /* Vietnamese */ html[lang="vi"] .site * { - font-family: 'Libre Franklin', sans-serif !important; -} + font-family: 'Libre Franklin', sans-serif !important; } /* Elements */ html { - box-sizing: border-box; -} + box-sizing: border-box; } + +::-moz-selection { + background-color: #bfdcea; } ::selection { - background-color: #bfdcea; -} + background-color: #bfdcea; } *, *:before, *:after { - box-sizing: inherit; -} + box-sizing: inherit; } body { - background-color: #fff; -} + background-color: #fff; } a { transition: color 110ms ease-in-out; - color: #0073aa; -} + color: #0073aa; } a:hover, a:active { color: #005177; outline: 0; - text-decoration: none; -} + text-decoration: none; } a:focus { outline: thin; outline-style: dotted; - text-decoration: underline; -} + text-decoration: underline; } h1, h2, @@ -775,86 +684,65 @@ h4, h5, h6 { clear: both; - margin: 1rem 0; -} + margin: 1rem 0; } hr { background-color: #767676; border: 0; - height: 2px; -} + height: 2px; } ul, ol { - padding-left: 1rem; -} + padding-left: 1rem; } ul { - list-style: disc; -} - -ul ul { - list-style-type: circle; -} + list-style: disc; } + ul ul { + list-style-type: circle; } ol { - list-style: decimal; -} + list-style: decimal; } li { - line-height: 1.8; -} + line-height: 1.8; } li > ul, li > ol { - padding-left: 2rem; -} + padding-left: 2rem; } dt { - font-weight: bold; -} + font-weight: bold; } dd { - margin: 0 1rem 1rem; -} + margin: 0 1rem 1rem; } img { height: auto; max-width: 100%; - position: relative; -} + position: relative; } figure { - margin: 0; -} + margin: 0; } blockquote { border-left: 2px solid #0073aa; margin-left: 0; - padding: 0 0 0 1rem; -} - -blockquote > p { - margin: 0 0 1rem; -} - -blockquote cite { - color: #767676; -} + padding: 0 0 0 1rem; } + blockquote > p { + margin: 0 0 1rem; } + blockquote cite { + color: #767676; } table { margin: 0 0 1rem; border-collapse: collapse; width: 100%; - font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; -} - -table td, -table th { - padding: 0.5em; - border: 1px solid #767676; - word-break: break-all; -} + font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; } + table td, + table th { + padding: 0.5em; + border: 1px solid #767676; + word-break: break-all; } /* Forms */ .button, @@ -869,42 +757,35 @@ input[type="submit"] { box-sizing: border-box; color: #fff; font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; - font-size: 0.88889em; + font-size: 0.8888888889em; font-weight: 700; line-height: 1.2; outline: none; padding: 0.76rem 1rem 0.5rem; text-decoration: none; - vertical-align: bottom; -} - -.button:hover, -button:hover, -input[type="button"]:hover, -input[type="reset"]:hover, -input[type="submit"]:hover { - background: #111; - cursor: pointer; -} - -.button:visited, -button:visited, -input[type="button"]:visited, -input[type="reset"]:visited, -input[type="submit"]:visited { - color: #fff; - text-decoration: none; -} - -.button:focus, -button:focus, -input[type="button"]:focus, -input[type="reset"]:focus, -input[type="submit"]:focus { - background: #111; - outline: thin dotted; - outline-offset: -4px; -} + vertical-align: bottom; } + .button:hover, + button:hover, + input[type="button"]:hover, + input[type="reset"]:hover, + input[type="submit"]:hover { + background: #111; + cursor: pointer; } + .button:visited, + button:visited, + input[type="button"]:visited, + input[type="reset"]:visited, + input[type="submit"]:visited { + color: #fff; + text-decoration: none; } + .button:focus, + button:focus, + input[type="button"]:focus, + input[type="reset"]:focus, + input[type="submit"]:focus { + background: #111; + outline: thin dotted; + outline-offset: -4px; } input[type="text"], input[type="email"], @@ -930,53 +811,44 @@ textarea { padding: 0.36rem 0.66rem; -webkit-appearance: none; outline-offset: 0; - border-radius: 3px; -} - -input[type="text"]:focus, -input[type="email"]:focus, -input[type="url"]:focus, -input[type="password"]:focus, -input[type="search"]:focus, -input[type="number"]:focus, -input[type="tel"]:focus, -input[type="range"]:focus, -input[type="date"]:focus, -input[type="month"]:focus, -input[type="week"]:focus, -input[type="time"]:focus, -input[type="datetime"]:focus, -input[type="datetime-local"]:focus, -input[type="color"]:focus, -textarea:focus { - border-color: #0073aa; - outline: thin solid rgba(0, 115, 170, 0.15); - outline-offset: -4px; -} + border-radius: 3px; } + input[type="text"]:focus, + input[type="email"]:focus, + input[type="url"]:focus, + input[type="password"]:focus, + input[type="search"]:focus, + input[type="number"]:focus, + input[type="tel"]:focus, + input[type="range"]:focus, + input[type="date"]:focus, + input[type="month"]:focus, + input[type="week"]:focus, + input[type="time"]:focus, + input[type="datetime"]:focus, + input[type="datetime-local"]:focus, + input[type="color"]:focus, + textarea:focus { + border-color: #0073aa; + outline: thin solid rgba(0, 115, 170, 0.15); + outline-offset: -4px; } input[type="search"]::-webkit-search-decoration { - display: none; -} + display: none; } textarea { box-sizing: border-box; display: block; width: 100%; max-width: 100%; - resize: vertical; -} + resize: vertical; } form p { - margin: 1rem 0; -} + margin: 1rem 0; } .contact-form label { - font-weight: 600 !important; -} - -.contact-form label span { - color: #767676 !important; -} + font-weight: 600 !important; } + .contact-form label span { + color: #767676 !important; } /* Navigation */ /*-------------------------------------------------------------- @@ -984,23 +856,16 @@ form p { --------------------------------------------------------------*/ a { transition: color 110ms ease-in-out; - color: #0073aa; -} - -a:visited { - color: #0073aa; -} - -a:hover, a:active { - color: #005177; - outline: 0; - text-decoration: none; -} - -a:focus { - outline: thin dotted; - text-decoration: underline; -} + color: #0073aa; } + a:visited { + color: #0073aa; } + a:hover, a:active { + color: #005177; + outline: 0; + text-decoration: none; } + a:focus { + outline: thin dotted; + text-decoration: underline; } /*-------------------------------------------------------------- ## Menus @@ -1022,775 +887,524 @@ a:focus { */ /** * Off-canvas touch device styles - */ -} - -body.page .main-navigation { - display: block; -} - -.main-navigation > div { - display: inline; -} - -.main-navigation button { - display: inline-block; - border: none; - padding: 0; - margin: 0; - font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; - font-weight: 700; - line-height: 1.2; - text-decoration: none; - background: transparent; - color: inherit; - cursor: pointer; - transition: background 250ms ease-in-out, transform 150ms ease; - -webkit-appearance: none; - -moz-appearance: none; -} - -.main-navigation button:hover, .main-navigation button:focus { - background: transparent; -} - -.main-navigation button:focus { - outline: 1px solid transparent; - outline-offset: -4px; -} - -.main-navigation button:active { - transform: scale(0.99); -} - -.main-navigation .main-menu { - display: inline-block; - margin: 0; - padding: 0; -} - -.main-navigation .main-menu > li { - color: #0073aa; - display: inline; - position: relative; -} - -.main-navigation .main-menu > li > a { - font-weight: 600; - color: #0073aa; - margin-right: 0.5rem; -} - -.main-navigation .main-menu > li > a + svg { - margin-right: 0.5rem; -} - -.main-navigation .main-menu > li > a:hover, -.main-navigation .main-menu > li > a:hover + svg { - color: #005177; -} - -.main-navigation .main-menu > li.menu-item-has-children { - display: inline-block; - position: inherit; -} - -@media only screen and (min-width: 768px) { - .main-navigation .main-menu > li.menu-item-has-children { - position: relative; - } -} - -.main-navigation .main-menu > li.menu-item-has-children > a { - margin-right: 0.125rem; -} - -.main-navigation .main-menu > li.menu-item-has-children > a:after, -.main-navigation .main-menu > li.menu-item-has-children .menu-item-has-children > a:after { - content: ""; - display: none; -} - -.main-navigation .main-menu > li.menu-item-has-children .submenu-expand { - display: inline-block; - margin-right: 0.25rem; - /* Priority+ Menu */ -} - -.main-navigation .main-menu > li.menu-item-has-children .submenu-expand.main-menu-more-toggle { - position: relative; - height: 24px; - line-height: 1.2; - width: 24px; - padding: 0; - margin-left: 0.5rem; -} - -.main-navigation .main-menu > li.menu-item-has-children .submenu-expand.main-menu-more-toggle svg { - height: 24px; - width: 24px; - top: -0.125rem; - vertical-align: text-bottom; -} - -.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 { - display: none; -} - -.main-navigation .main-menu > li.menu-item-has-children .submenu-expand svg { - position: relative; - top: 0.4rem; -} - -.main-navigation .main-menu > li:last-child > a, -.main-navigation .main-menu > li:last-child.menu-item-has-children .submenu-expand { - margin-right: 0; -} - -.main-navigation .sub-menu { - background-color: #0073aa; - color: #fff; - list-style: none; - padding-left: 0; - position: absolute; - opacity: 0; - left: -9999px; - z-index: 99999; -} - -@media only screen and (min-width: 768px) { + */ } + body.page .main-navigation { + display: block; } + .main-navigation > div { + display: inline; } + .main-navigation button { + display: inline-block; + border: none; + padding: 0; + margin: 0; + font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; + font-weight: 700; + line-height: 1.2; + text-decoration: none; + background: transparent; + color: inherit; + cursor: pointer; + transition: background 250ms ease-in-out, transform 150ms ease; + -webkit-appearance: none; + -moz-appearance: none; } + .main-navigation button:hover, .main-navigation button:focus { + background: transparent; } + .main-navigation button:focus { + outline: 1px solid transparent; + outline-offset: -4px; } + .main-navigation button:active { + transform: scale(0.99); } + .main-navigation .main-menu { + display: inline-block; + margin: 0; + padding: 0; } + .main-navigation .main-menu > li { + color: #0073aa; + display: inline; + position: relative; } + .main-navigation .main-menu > li > a { + font-weight: 600; + color: #0073aa; + margin-right: 0.5rem; } + .main-navigation .main-menu > li > a + svg { + margin-right: 0.5rem; } + .main-navigation .main-menu > li > a:hover, + .main-navigation .main-menu > li > a:hover + svg { + color: #005177; } + .main-navigation .main-menu > li.menu-item-has-children { + display: inline-block; + position: inherit; } + @media only screen and (min-width: 768px) { + .main-navigation .main-menu > li.menu-item-has-children { + position: relative; } } + .main-navigation .main-menu > li.menu-item-has-children > a { + margin-right: 0.125rem; } + .main-navigation .main-menu > li.menu-item-has-children > a:after, + .main-navigation .main-menu > li.menu-item-has-children .menu-item-has-children > a:after { + content: ""; + display: none; } + .main-navigation .main-menu > li.menu-item-has-children .submenu-expand { + display: inline-block; + margin-right: 0.25rem; + /* Priority+ Menu */ } + .main-navigation .main-menu > li.menu-item-has-children .submenu-expand.main-menu-more-toggle { + position: relative; + height: 24px; + line-height: 1.2; + width: 24px; + padding: 0; + margin-left: 0.5rem; } + .main-navigation .main-menu > li.menu-item-has-children .submenu-expand.main-menu-more-toggle svg { + height: 24px; + width: 24px; + top: -0.125rem; + vertical-align: text-bottom; } + .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 { + display: none; } + .main-navigation .main-menu > li.menu-item-has-children .submenu-expand svg { + position: relative; + top: 0.4rem; } + .main-navigation .main-menu > li:last-child > a, + .main-navigation .main-menu > li:last-child.menu-item-has-children .submenu-expand { + margin-right: 0; } .main-navigation .sub-menu { - width: auto; - min-width: -moz-max-content; - min-width: -webkit-max-content; - min-width: max-content; - } -} - -.main-navigation .sub-menu > li { - display: block; - float: none; - position: relative; -} - -.main-navigation .sub-menu > li.menu-item-has-children .submenu-expand { - display: inline-block; - position: absolute; - width: calc( 24px + 1rem); - right: 0; - top: calc( .125 * 1rem); - bottom: 0; - color: white; - line-height: 1; - padding: calc( .5 * 1rem); -} - -.main-navigation .sub-menu > li.menu-item-has-children .submenu-expand svg { - top: 0; -} - -.main-navigation .sub-menu > li.menu-item-has-children .submenu-expand { - margin-right: 0; -} - -@media only screen and (min-width: 768px) { - .main-navigation .sub-menu > li.menu-item-has-children .menu-item-has-children > a:after { - content: "\203a"; - } -} - -.main-navigation .sub-menu > li > a, -.main-navigation .sub-menu > li > .menu-item-link-return { - color: #fff; - display: block; - line-height: 1.2; - padding: calc( .5 * 1rem) calc( 24px + 1rem) calc( .5 * 1rem) 1rem; - white-space: nowrap; -} - -.main-navigation .sub-menu > li > a:hover, .main-navigation .sub-menu > li > a:focus, -.main-navigation .sub-menu > li > .menu-item-link-return:hover, -.main-navigation .sub-menu > li > .menu-item-link-return:focus { - background: #005177; -} - -.main-navigation .sub-menu > li > a:hover:after, .main-navigation .sub-menu > li > a:focus:after, -.main-navigation .sub-menu > li > .menu-item-link-return:hover:after, -.main-navigation .sub-menu > li > .menu-item-link-return:focus:after { - background: #005177; -} - -.main-navigation .sub-menu > li > a:empty { - display: none; -} - -.main-navigation .sub-menu > li.mobile-parent-nav-menu-item { - display: none; - font-size: 0.88889em; - font-weight: normal; -} - -.main-navigation .sub-menu > li.mobile-parent-nav-menu-item svg { - position: relative; - top: 0.2rem; - margin-right: calc( .25 * 1rem); -} - -.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu { - display: block; - left: 0; - margin-top: 0; - opacity: 1; - width: auto; - min-width: 100%; - /* Non-mobile position */ - /* Nested sub-menu dashes */ -} - -@media only screen and (min-width: 768px) { + background-color: #0073aa; + color: #fff; + list-style: none; + padding-left: 0; + position: absolute; + opacity: 0; + left: -9999px; + z-index: 99999; } + @media only screen and (min-width: 768px) { + .main-navigation .sub-menu { + width: auto; + min-width: -moz-max-content; + min-width: -webkit-max-content; + min-width: max-content; } } + .main-navigation .sub-menu > li { + display: block; + float: none; + position: relative; } + .main-navigation .sub-menu > li.menu-item-has-children .submenu-expand { + display: inline-block; + position: absolute; + width: calc( 24px + 1rem); + right: 0; + top: calc( .125 * 1rem); + bottom: 0; + color: white; + line-height: 1; + padding: calc( .5 * 1rem); } + .main-navigation .sub-menu > li.menu-item-has-children .submenu-expand svg { + top: 0; } + .main-navigation .sub-menu > li.menu-item-has-children .submenu-expand { + margin-right: 0; } + @media only screen and (min-width: 768px) { + .main-navigation .sub-menu > li.menu-item-has-children .menu-item-has-children > a:after { + content: "\203a"; } } + .main-navigation .sub-menu > li > a, + .main-navigation .sub-menu > li > .menu-item-link-return { + color: #fff; + display: block; + line-height: 1.2; + padding: calc( .5 * 1rem) calc( 24px + 1rem) calc( .5 * 1rem) 1rem; + white-space: nowrap; } + .main-navigation .sub-menu > li > a:hover, .main-navigation .sub-menu > li > a:focus, + .main-navigation .sub-menu > li > .menu-item-link-return:hover, + .main-navigation .sub-menu > li > .menu-item-link-return:focus { + background: #005177; } + .main-navigation .sub-menu > li > a:hover:after, .main-navigation .sub-menu > li > a:focus:after, + .main-navigation .sub-menu > li > .menu-item-link-return:hover:after, + .main-navigation .sub-menu > li > .menu-item-link-return:focus:after { + background: #005177; } + .main-navigation .sub-menu > li > a:empty { + display: none; } + .main-navigation .sub-menu > li.mobile-parent-nav-menu-item { + display: none; + font-size: 0.8888888889em; + font-weight: normal; } + .main-navigation .sub-menu > li.mobile-parent-nav-menu-item svg { + position: relative; + top: 0.2rem; + margin-right: calc( .25 * 1rem); } .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu { display: block; + left: 0; margin-top: 0; opacity: 1; - position: absolute; - left: 0; - right: auto; - top: auto; - bottom: auto; - height: auto; - min-width: -moz-max-content; - min-width: -webkit-max-content; - min-width: max-content; - transform: none; - } -} - -.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu.hidden-links { - left: 0; - width: 100%; - display: table; - position: absolute; -} - -@media only screen and (min-width: 768px) { - .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu.hidden-links { - right: 0; - left: auto; - display: block; - width: -webkit-max-content; - width: -moz-max-content; - width: max-content; - } -} - -.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .submenu-expand { - display: none; -} - -.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu { - display: block; - margin-top: inherit; - position: relative; - width: 100%; - left: 0; - opacity: 1; - /* Non-mobile position */ -} - -@media only screen and (min-width: 768px) { - .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu { - float: none; - max-width: 100%; - } -} - -.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu { - counter-reset: submenu; -} - -.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu > li > a::before { - font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; - font-weight: normal; - content: "– " counters(submenu, "– ", none); - counter-increment: submenu; -} - -.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu, -.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu, -.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu { - display: block; - left: 0; - margin-top: 0; - opacity: 1; - width: auto; - min-width: 100%; - /* Non-mobile position */ - /* Nested sub-menu dashes */ -} - -@media only screen and (min-width: 768px) { + width: auto; + min-width: 100%; + /* Non-mobile position */ + /* Nested sub-menu dashes */ } + @media only screen and (min-width: 768px) { + .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu { + display: block; + margin-top: 0; + opacity: 1; + position: absolute; + left: 0; + right: auto; + top: auto; + bottom: auto; + height: auto; + min-width: -moz-max-content; + min-width: -webkit-max-content; + min-width: max-content; + transform: none; } } + .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu.hidden-links { + left: 0; + width: 100%; + display: table; + position: absolute; } + @media only screen and (min-width: 768px) { + .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu.hidden-links { + right: 0; + left: auto; + display: block; + width: max-content; } } + .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .submenu-expand { + display: none; } + .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu { + display: block; + margin-top: inherit; + position: relative; + width: 100%; + left: 0; + opacity: 1; + /* Non-mobile position */ } + @media only screen and (min-width: 768px) { + .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu { + float: none; + max-width: 100%; } } + .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu { + counter-reset: submenu; } + .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu > li > a::before { + font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; + font-weight: normal; + content: "– " counters(submenu, "– ", none); + counter-increment: submenu; } .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu, .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu, .main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu { display: block; - float: none; + left: 0; margin-top: 0; opacity: 1; + width: auto; + min-width: 100%; + /* Non-mobile position */ + /* Nested sub-menu dashes */ } + @media only screen and (min-width: 768px) { + .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu, + .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu, + .main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu { + display: block; + float: none; + margin-top: 0; + opacity: 1; + position: absolute; + left: 0; + right: auto; + top: auto; + bottom: auto; + height: auto; + min-width: -moz-max-content; + min-width: -webkit-max-content; + min-width: max-content; + transform: none; } } + .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu.hidden-links, + .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu.hidden-links, + .main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu.hidden-links { + left: 0; + width: 100%; + display: table; + position: absolute; } + @media only screen and (min-width: 768px) { + .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu.hidden-links, + .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu.hidden-links, + .main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu.hidden-links { + right: 0; + left: auto; + display: table; + width: max-content; } } + .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .submenu-expand, + .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .submenu-expand, + .main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .submenu-expand { + display: none; } + .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu, + .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu, + .main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu { + display: block; + margin-top: inherit; + position: relative; + width: 100%; + left: 0; + opacity: 1; + /* Non-mobile position */ } + @media only screen and (min-width: 768px) { + .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu, + .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu, + .main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu { + float: none; + max-width: 100%; } } + .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu, + .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu, + .main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu { + counter-reset: submenu; } + .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu > li > a::before, + .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu > li > a::before, + .main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu > li > a::before { + font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; + font-weight: normal; + content: "– " counters(submenu, "– ", none); + counter-increment: submenu; } + .main-navigation .main-menu > .menu-item-has-children:not(.off-canvas):hover > .sub-menu { + animation: fade_in 0.1s forwards; } + .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu .submenu-expand .svg-icon { + transform: rotate(270deg); } + .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu .sub-menu { + opacity: 0; position: absolute; - left: 0; - right: auto; - top: auto; - bottom: auto; - height: auto; - min-width: -moz-max-content; - min-width: -webkit-max-content; - min-width: max-content; - transform: none; - } -} - -.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu.hidden-links, -.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu.hidden-links, -.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu.hidden-links { - left: 0; - width: 100%; - display: table; - position: absolute; -} - -@media only screen and (min-width: 768px) { - .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu.hidden-links, - .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu.hidden-links, - .main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu.hidden-links { - right: 0; - left: auto; + z-index: 0; + transform: translateX(-100%); } + .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu li:hover, + .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu li:focus, + .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu li > a:hover, + .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu li > a:focus { + background-color: transparent; } + .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu > li > a, + .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu > li > .menu-item-link-return { + white-space: inherit; } + .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true { display: table; - width: -webkit-max-content; - width: -moz-max-content; - width: max-content; - } -} - -.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .submenu-expand, -.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .submenu-expand, -.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .submenu-expand { - display: none; -} - -.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu, -.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu, -.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu { - display: block; - margin-top: inherit; - position: relative; - width: 100%; - left: 0; - opacity: 1; - /* Non-mobile position */ -} - -@media only screen and (min-width: 768px) { - .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu, - .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu, - .main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu { - float: none; - max-width: 100%; - } -} - -.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu, -.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu, -.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu { - counter-reset: submenu; -} - -.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu > li > a::before, -.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu > li > a::before, -.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu > li > a::before { - font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; - font-weight: normal; - content: "– " counters(submenu, "– ", none); - counter-increment: submenu; -} - -.main-navigation .main-menu > .menu-item-has-children:not(.off-canvas):hover > .sub-menu { - animation: fade_in 0.1s forwards; -} - -.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu .submenu-expand .svg-icon { - transform: rotate(270deg); -} - -.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu .sub-menu { - opacity: 0; - position: absolute; - z-index: 0; - transform: translateX(-100%); -} - -.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu li:hover, -.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu li:focus, -.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu li > a:hover, -.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu li > a:focus { - background-color: transparent; -} - -.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu > li > a, -.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu > li > .menu-item-link-return { - white-space: inherit; -} - -.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true { - display: table; - margin-top: 0; - opacity: 1; - padding-left: 0; - /* Mobile position */ - left: 0; - top: 0; - right: 0; - bottom: 0; - position: fixed; - z-index: 100000; - /* Make sure appears above mobile admin bar */ - width: 100vw; - height: 100vh; - max-width: 100vw; - transform: translateX(100%); - animation: slide_in_right 0.3s forwards; - /* Prevent menu from being blocked by admin bar */ -} - -.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true > .mobile-parent-nav-menu-item { - display: block; -} - -.admin-bar .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true { - top: 46px; - height: calc( 100vh - 46px); - /* WP core breakpoint */ -} - -.admin-bar .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true .sub-menu.expanded-true { - top: 0; -} - -@media only screen and (min-width: 782px) { - .admin-bar .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true { - top: 32px; - height: calc( 100vh - 32px); - } - .admin-bar .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true .sub-menu.expanded-true { + margin-top: 0; + opacity: 1; + padding-left: 0; + /* Mobile position */ + left: 0; top: 0; - } -} - -.main-navigation .main-menu-more:nth-child(n+3) { - display: none; -} + right: 0; + bottom: 0; + position: fixed; + z-index: 100000; + /* Make sure appears above mobile admin bar */ + width: 100vw; + height: 100vh; + max-width: 100vw; + transform: translateX(100%); + animation: slide_in_right 0.3s forwards; + /* Prevent menu from being blocked by admin bar */ } + .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true > .mobile-parent-nav-menu-item { + display: block; } + .admin-bar .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true { + top: 46px; + height: calc( 100vh - 46px); + /* WP core breakpoint */ } + .admin-bar .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true .sub-menu.expanded-true { + top: 0; } + @media only screen and (min-width: 782px) { + .admin-bar .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true { + top: 32px; + height: calc( 100vh - 32px); } + .admin-bar .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true .sub-menu.expanded-true { + top: 0; } } + .main-navigation .main-menu-more:nth-child(n+3) { + display: none; } /* Menu animation */ @keyframes slide_in_right { 100% { - transform: translateX(0%); - } -} + transform: translateX(0%); } } @keyframes fade_in { from { - opacity: 0; - } + opacity: 0; } to { - opacity: 1; - } -} + opacity: 1; } } /* Social menu */ .social-navigation { - margin-top: calc(1rem / 2); -} - -.social-navigation ul.social-links-menu { - content: ""; - display: table; - table-layout: fixed; - display: inline-block; - margin: 0; - padding: 0; -} - -.social-navigation ul.social-links-menu li { - display: inline-block; - vertical-align: bottom; - vertical-align: -webkit-baseline-middle; - list-style: none; -} - -.social-navigation ul.social-links-menu li:nth-child(n+2) { - margin-left: 0.1em; -} - -.social-navigation ul.social-links-menu li a { - border-bottom: 1px solid transparent; - display: block; - color: #1e1e1e; - margin-bottom: -1px; - transition: opacity 110ms ease-in-out; -} - -.social-navigation ul.social-links-menu li a:hover, .social-navigation ul.social-links-menu li a:active { - color: #1e1e1e; - opacity: 0.6; -} - -.social-navigation ul.social-links-menu li a:focus { - color: #1e1e1e; - opacity: 1; - border-bottom: 1px solid #1e1e1e; -} - -.social-navigation ul.social-links-menu li a svg { - display: block; - width: 32px; - height: 32px; -} - -.social-navigation ul.social-links-menu li a svg#ui-icon-link { - transform: rotate(-45deg); -} + margin-top: calc(1rem / 2); } + .social-navigation ul.social-links-menu { + content: ""; + display: table; + table-layout: fixed; + display: inline-block; + margin: 0; + padding: 0; } + .social-navigation ul.social-links-menu li { + display: inline-block; + vertical-align: bottom; + vertical-align: -webkit-baseline-middle; + list-style: none; } + .social-navigation ul.social-links-menu li:nth-child(n+2) { + margin-left: 0.1em; } + .social-navigation ul.social-links-menu li a { + border-bottom: 1px solid transparent; + display: block; + color: #1e1e1e; + margin-bottom: -1px; + transition: opacity 110ms ease-in-out; } + .social-navigation ul.social-links-menu li a:hover, .social-navigation ul.social-links-menu li a:active { + color: #1e1e1e; + opacity: 0.6; } + .social-navigation ul.social-links-menu li a:focus { + color: #1e1e1e; + opacity: 1; + border-bottom: 1px solid #1e1e1e; } + .social-navigation ul.social-links-menu li a svg { + display: block; + width: 32px; + height: 32px; } + .social-navigation ul.social-links-menu li a svg#ui-icon-link { + transform: rotate(-45deg); } @media only screen and (min-width: 768px) { .site-title + .social-navigation, .site-description + .social-navigation { - margin-top: calc(1rem / 5); - } -} + margin-top: calc(1rem / 5); } } /** === Footer menu === */ .footer-navigation { - display: inline; -} - -.footer-navigation > div { - display: inline; -} - -.footer-navigation .footer-menu { - display: inline; - padding-left: 0; -} - -.footer-navigation .footer-menu li { - display: inline; - margin-right: 1rem; -} + display: inline; } + .footer-navigation > div { + display: inline; } + .footer-navigation .footer-menu { + display: inline; + padding-left: 0; } + .footer-navigation .footer-menu li { + display: inline; + margin-right: 1rem; } /*-------------------------------------------------------------- ## Next / Previous --------------------------------------------------------------*/ /* Next/Previous navigation */ .post-navigation { - margin: calc(3 * 1rem) 0; -} - -@media only screen and (min-width: 768px) { - .post-navigation { - margin: calc(3 * 1rem) calc(10% + 60px); - max-width: calc(6 * (100vw / 12)); - } -} - -@media only screen and (min-width: 1168px) { - .post-navigation { - margin: calc(3 * 1rem) 0; + margin: calc(3 * 1rem) 0; } + @media only screen and (min-width: 768px) { + .post-navigation { + margin: calc(3 * 1rem) calc(10% + 60px); + max-width: calc(6 * (100vw / 12)); } } + @media only screen and (min-width: 1168px) { + .post-navigation { + margin: calc(3 * 1rem) 0; + max-width: 100%; } } + .post-navigation .nav-links { + margin: 0 1rem; max-width: 100%; - } -} - -.post-navigation .nav-links { - margin: 0 1rem; - max-width: 100%; - display: flex; - flex-direction: column; -} - -@media only screen and (min-width: 768px) { - .post-navigation .nav-links { - margin: 0; - } -} - -@media only screen and (min-width: 1168px) { - .post-navigation .nav-links { - flex-direction: row; - margin: 0 auto; - max-width: calc(6 * (100vw / 12) - 28px); - } -} - -.post-navigation .nav-links a .meta-nav { - color: #767676; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - -.post-navigation .nav-links a .meta-nav:before, .post-navigation .nav-links a .meta-nav:after { - display: none; - content: "—"; - width: 2em; - color: #767676; - height: 1em; -} - -.post-navigation .nav-links a .post-title { - -webkit-hyphens: auto; - -ms-hyphens: auto; - hyphens: auto; -} - -.post-navigation .nav-links a:hover { - color: #005177; -} - -@media only screen and (min-width: 1168px) { - .post-navigation .nav-links .nav-previous, - .post-navigation .nav-links .nav-next { - min-width: calc(50% - 2 * 1rem); - } -} - -.post-navigation .nav-links .nav-previous { - order: 2; -} - -@media only screen and (min-width: 1168px) { - .post-navigation .nav-links .nav-previous { - order: 1; - } -} - -.post-navigation .nav-links .nav-previous + .nav-next { - margin-bottom: 1rem; -} - -.post-navigation .nav-links .nav-previous .meta-nav:before { - display: inline; -} - -.post-navigation .nav-links .nav-next { - order: 1; -} - -@media only screen and (min-width: 1168px) { - .post-navigation .nav-links .nav-next { - order: 2; - padding-left: 1rem; - } -} - -.post-navigation .nav-links .nav-next .meta-nav:after { - display: inline; -} + display: flex; + flex-direction: column; } + @media only screen and (min-width: 768px) { + .post-navigation .nav-links { + margin: 0; } } + @media only screen and (min-width: 1168px) { + .post-navigation .nav-links { + flex-direction: row; + margin: 0 auto; + max-width: calc(6 * (100vw / 12) - 28px); } } + .post-navigation .nav-links a .meta-nav { + color: #767676; + user-select: none; } + .post-navigation .nav-links a .meta-nav:before, .post-navigation .nav-links a .meta-nav:after { + display: none; + content: "—"; + width: 2em; + color: #767676; + height: 1em; } + .post-navigation .nav-links a .post-title { + hyphens: auto; } + .post-navigation .nav-links a:hover { + color: #005177; } + @media only screen and (min-width: 1168px) { + .post-navigation .nav-links .nav-previous, + .post-navigation .nav-links .nav-next { + min-width: calc(50% - 2 * 1rem); } } + .post-navigation .nav-links .nav-previous { + order: 2; } + @media only screen and (min-width: 1168px) { + .post-navigation .nav-links .nav-previous { + order: 1; } } + .post-navigation .nav-links .nav-previous + .nav-next { + margin-bottom: 1rem; } + .post-navigation .nav-links .nav-previous .meta-nav:before { + display: inline; } + .post-navigation .nav-links .nav-next { + order: 1; } + @media only screen and (min-width: 1168px) { + .post-navigation .nav-links .nav-next { + order: 2; + padding-left: 1rem; } } + .post-navigation .nav-links .nav-next .meta-nav:after { + display: inline; } .pagination .nav-links { display: flex; flex-wrap: wrap; - padding: 0 calc(.5 * 1rem); -} - -.pagination .nav-links > * { - padding: calc(.5 * 1rem); -} - -.pagination .nav-links > *.dots, .pagination .nav-links > *.prev { - padding-left: 0; -} - -.pagination .nav-links > *.dots, .pagination .nav-links > *.next { - padding-right: 0; -} - -.pagination .nav-links a:focus { - text-decoration: underline; - outline-offset: -1px; -} - -.pagination .nav-links a:focus.prev, .pagination .nav-links a:focus.next { - text-decoration: none; -} - -.pagination .nav-links a:focus.prev .nav-prev-text, -.pagination .nav-links a:focus.prev .nav-next-text, .pagination .nav-links a:focus.next .nav-prev-text, -.pagination .nav-links a:focus.next .nav-next-text { - text-decoration: underline; -} - -.pagination .nav-links .nav-next-text, -.pagination .nav-links .nav-prev-text { - display: none; -} - -@media only screen and (min-width: 768px) { - .pagination .nav-links { - margin-left: calc(10% + 60px); - padding: 0; - } - .pagination .nav-links .prev > *, - .pagination .nav-links .next > * { - display: inline-block; - vertical-align: text-bottom; - } + padding: 0 calc(.5 * 1rem); } .pagination .nav-links > * { - padding: 1rem; - } -} + padding: calc(.5 * 1rem); } + .pagination .nav-links > *.dots, .pagination .nav-links > *.prev { + padding-left: 0; } + .pagination .nav-links > *.dots, .pagination .nav-links > *.next { + padding-right: 0; } + .pagination .nav-links a:focus { + text-decoration: underline; + outline-offset: -1px; } + .pagination .nav-links a:focus.prev, .pagination .nav-links a:focus.next { + text-decoration: none; } + .pagination .nav-links a:focus.prev .nav-prev-text, + .pagination .nav-links a:focus.prev .nav-next-text, .pagination .nav-links a:focus.next .nav-prev-text, + .pagination .nav-links a:focus.next .nav-next-text { + text-decoration: underline; } + .pagination .nav-links .nav-next-text, + .pagination .nav-links .nav-prev-text { + display: none; } + @media only screen and (min-width: 768px) { + .pagination .nav-links { + margin-left: calc(10% + 60px); + padding: 0; } + .pagination .nav-links .prev > *, + .pagination .nav-links .next > * { + display: inline-block; + vertical-align: text-bottom; } + .pagination .nav-links > * { + padding: 1rem; } } .comment-navigation .nav-links { display: flex; - flex-direction: row; -} + flex-direction: row; } .comment-navigation .nav-previous, .comment-navigation .nav-next { min-width: 50%; width: 100%; font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; - font-weight: bold; -} - -.comment-navigation .nav-previous .secondary-text, -.comment-navigation .nav-next .secondary-text { - display: none; -} - -@media only screen and (min-width: 768px) { + font-weight: bold; } .comment-navigation .nav-previous .secondary-text, .comment-navigation .nav-next .secondary-text { - display: inline; - } -} - -.comment-navigation .nav-previous svg, -.comment-navigation .nav-next svg { - vertical-align: middle; - position: relative; - margin: 0 -0.35em; - top: -1px; -} + display: none; } + @media only screen and (min-width: 768px) { + .comment-navigation .nav-previous .secondary-text, + .comment-navigation .nav-next .secondary-text { + display: inline; } } + .comment-navigation .nav-previous svg, + .comment-navigation .nav-next svg { + vertical-align: middle; + position: relative; + margin: 0 -0.35em; + top: -1px; } .comment-navigation .nav-next { - text-align: right; -} + text-align: right; } /* Accessibility */ /* Text meant only for screen readers. */ .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); - -webkit-clip-path: inset(50%); - clip-path: inset(50%); + clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; @@ -1798,72 +1412,58 @@ body.page .main-navigation { position: absolute !important; width: 1px; word-wrap: normal !important; - /* Many screen reader and browser combinations announce broken words as they would appear visually. */ -} - -.screen-reader-text:focus { - background-color: #0d1b24; - border-radius: 3px; - box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); - clip: auto !important; - -webkit-clip-path: none; - clip-path: none; - color: #21759b; - display: block; - font-size: 14px; - font-size: 0.875rem; - font-weight: bold; - height: auto; - left: 5px; - line-height: normal; - padding: 15px 23px 14px; - text-decoration: none; - top: 5px; - width: auto; - z-index: 100000; - /* Above WP toolbar. */ -} + /* Many screen reader and browser combinations announce broken words as they would appear visually. */ } + .screen-reader-text:focus { + background-color: #0d1b24; + border-radius: 3px; + box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); + clip: auto !important; + clip-path: none; + color: #21759b; + display: block; + font-size: 14px; + font-size: 0.875rem; + font-weight: bold; + height: auto; + left: 5px; + line-height: normal; + padding: 15px 23px 14px; + text-decoration: none; + top: 5px; + width: auto; + z-index: 100000; + /* Above WP toolbar. */ } /* Do not show the outline on the skip link target. */ #content[tabindex="-1"]:focus { - outline: 0; -} + outline: 0; } /* Alignments */ .alignleft { /*rtl:ignore*/ float: left; /*rtl:ignore*/ - margin-right: 1rem; -} - -@media only screen and (min-width: 768px) { - .alignleft { - /*rtl:ignore*/ - margin-right: calc(2 * 1rem); - } -} + margin-right: 1rem; } + @media only screen and (min-width: 768px) { + .alignleft { + /*rtl:ignore*/ + margin-right: calc(2 * 1rem); } } .alignright { /*rtl:ignore*/ float: right; /*rtl:ignore*/ - margin-left: 1rem; -} - -@media only screen and (min-width: 768px) { - .alignright { - /*rtl:ignore*/ - margin-left: calc(2 * 1rem); - } -} + margin-left: 1rem; } + @media only screen and (min-width: 768px) { + .alignright { + /*rtl:ignore*/ + margin-left: calc(2 * 1rem); } } .aligncenter { clear: both; display: block; margin-left: auto; - margin-right: auto; -} + margin-right: auto; } /* Clearings */ .clear:before, @@ -1880,8 +1480,7 @@ body.page .main-navigation { .site-footer:after { content: ""; display: table; - table-layout: fixed; -} + table-layout: fixed; } .clear:after, .entry-content:after, @@ -1889,48 +1488,36 @@ body.page .main-navigation { .site-header:after, .site-content:after, .site-footer:after { - clear: both; -} + clear: both; } /* Layout */ /** === Layout === */ #page { - width: 100%; -} + width: 100%; } .site-content { - overflow: hidden; -} + overflow: hidden; } /* Content */ /*-------------------------------------------------------------- ## Header --------------------------------------------------------------*/ .site-header { - padding: 1rem; -} - -.site-header.featured-image { - display: flex; - flex-direction: column; - justify-content: space-between; - min-height: 90vh; -} - -.site-header.featured-image .site-branding-container { - margin-bottom: auto; -} - -@media only screen and (min-width: 768px) { - .site-header { - margin: 0; - padding: 2rem 0; - } + padding: 1rem; } .site-header.featured-image { - min-height: 100vh; - margin-bottom: 3rem; - } -} + display: flex; + flex-direction: column; + justify-content: space-between; + min-height: 90vh; } + .site-header.featured-image .site-branding-container { + margin-bottom: auto; } + @media only screen and (min-width: 768px) { + .site-header { + margin: 0; + padding: 2rem 0; } + .site-header.featured-image { + min-height: 100vh; + margin-bottom: 3rem; } } .site-branding { display: flex; @@ -1938,67 +1525,46 @@ body.page .main-navigation { align-items: center; justify-content: space-between; color: #767676; - position: relative; -} - -@media only screen and (min-width: 768px) { - .site-branding { - margin: 0 calc(10% + 60px); - } -} + position: relative; } + @media only screen and (min-width: 768px) { + .site-branding { + margin: 0 calc(10% + 60px); } } .site-logo { - margin-right: 1rem; -} - -.site-logo .custom-logo-link { - box-sizing: content-box; - display: block; - overflow: hidden; -} - -.site-logo .custom-logo-link .custom-logo { - max-height: 60px; - width: auto; -} + margin-right: 1rem; } + .site-logo .custom-logo-link { + box-sizing: content-box; + display: block; + overflow: hidden; } + .site-logo .custom-logo-link .custom-logo { + max-height: 60px; + width: auto; } .site-title { color: #1e1e1e; font-size: 1.125em; flex: 1 1 auto; - margin: 0; -} - -.site-title a { - color: #1e1e1e; -} - -.site-title a:link, .site-title a:visited { - color: #1e1e1e; -} - -.site-title a:hover { - color: #4a4a4a; -} - -.featured-image .site-title { - margin: 0; -} + margin: 0; } + .site-title a { + color: #1e1e1e; } + .site-title a:link, .site-title a:visited { + color: #1e1e1e; } + .site-title a:hover { + color: #4a4a4a; } + .featured-image .site-title { + margin: 0; } /* Adjust Crimson Text font vertical alignment in Firefox */ @-moz-document url-prefix() { .site-title { - padding-top: 8px; - } -} + padding-top: 8px; } } .site-description { color: #1e1e1e; flex: initial; - font-size: 0.71111em; + font-size: 0.7111111111em; font-weight: normal; - margin: 7px 0 0; -} + margin: 7px 0 0; } .site-header.featured-image { /* Hide overflow for overflowing featured image */ @@ -2022,289 +1588,206 @@ body.page .main-navigation { /* Third layer: multiply. */ /* When image filters are inactive, a black overlay is added. */ /* Fourth layer: overlay. */ - /* Fifth layer: readability overlay */ -} - -.site-header.featured-image .site-branding .site-title, -.site-header.featured-image .site-branding .site-description, -.site-header.featured-image .main-navigation a:after, -.site-header.featured-image .main-navigation .main-menu > li.menu-item-has-children:after, -.site-header.featured-image .main-navigation li, -.site-header.featured-image .social-navigation li, -.site-header.featured-image .entry-meta, -.site-header.featured-image .entry-title { - color: #fff; -} - -.site-header.featured-image .main-navigation a, -.site-header.featured-image .main-navigation a + svg, -.site-header.featured-image .social-navigation a, -.site-header.featured-image .site-title a, -.site-header.featured-image .site-featured-image a { - color: #fff; - transition: opacity 110ms ease-in-out; -} - -.site-header.featured-image .main-navigation a:hover, .site-header.featured-image .main-navigation a:active, -.site-header.featured-image .main-navigation a:hover + svg, -.site-header.featured-image .main-navigation a:active + svg, -.site-header.featured-image .main-navigation a + svg:hover, -.site-header.featured-image .main-navigation a + svg:active, -.site-header.featured-image .main-navigation a + svg:hover + svg, -.site-header.featured-image .main-navigation a + svg:active + svg, -.site-header.featured-image .social-navigation a:hover, -.site-header.featured-image .social-navigation a:active, -.site-header.featured-image .social-navigation a:hover + svg, -.site-header.featured-image .social-navigation a:active + svg, -.site-header.featured-image .site-title a:hover, -.site-header.featured-image .site-title a:active, -.site-header.featured-image .site-title a:hover + svg, -.site-header.featured-image .site-title a:active + svg, -.site-header.featured-image .site-featured-image a:hover, -.site-header.featured-image .site-featured-image a:active, -.site-header.featured-image .site-featured-image a:hover + svg, -.site-header.featured-image .site-featured-image a:active + svg { - color: #fff; - opacity: 0.6; -} - -.site-header.featured-image .main-navigation a:focus, -.site-header.featured-image .main-navigation a:focus + svg, -.site-header.featured-image .main-navigation a + svg:focus, -.site-header.featured-image .main-navigation a + svg:focus + svg, -.site-header.featured-image .social-navigation a:focus, -.site-header.featured-image .social-navigation a:focus + svg, -.site-header.featured-image .site-title a:focus, -.site-header.featured-image .site-title a:focus + svg, -.site-header.featured-image .site-featured-image a:focus, -.site-header.featured-image .site-featured-image a:focus + svg { - color: #fff; -} - -.site-header.featured-image .social-navigation a:focus { - color: #fff; - opacity: 1; - border-bottom: 1px solid #fff; -} - -.site-header.featured-image .social-navigation svg, -.site-header.featured-image .site-featured-image svg { - /* Use -webkit- only if supporting: Chrome < 54, iOS < 9.3, Android < 4.4.4 */ - filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.35)); -} - -.site-header.featured-image .site-featured-image { - /* First layer: grayscale. */ -} - -.site-header.featured-image .site-featured-image .post-thumbnail img { - height: auto; - left: 50%; - max-width: 1000%; - min-height: 100%; - min-width: 100vw; - position: absolute; - top: 50%; - transform: translateX(-50%) translateY(-50%); - width: auto; - z-index: 1; - /* When image filters are active, make it grayscale to colorize it blue. */ -} - -@supports ((-o-object-fit: cover) or (object-fit: cover)) { - .site-header.featured-image .site-featured-image .post-thumbnail img { - height: 100%; - left: 0; - -o-object-fit: cover; - object-fit: cover; - top: 0; - transform: none; - width: 100%; - } -} - -.image-filters-enabled .site-header.featured-image .site-featured-image .post-thumbnail img { - filter: grayscale(100%); -} - -.site-header.featured-image .site-featured-image .entry-header { - margin-top: calc( 4 * 1rem); - margin-bottom: 0; - margin-left: 0; - margin-right: 0; - /* Entry meta */ -} - -@media only screen and (min-width: 768px) { - .site-header.featured-image .site-featured-image .entry-header { - max-width: calc(8 * (100vw / 12) - 28px); - } -} - -@media only screen and (min-width: 1168px) { - .site-header.featured-image .site-featured-image .entry-header { - max-width: calc(6 * (100vw / 12) - 28px); - } -} - -@media only screen and (min-width: 768px) { - .site-header.featured-image .site-featured-image .entry-header { - margin-left: auto; - margin-right: auto; - } -} - -.site-header.featured-image .site-featured-image .entry-header .entry-title:before { - background: #fff; -} - -.site-header.featured-image .site-featured-image .entry-header .entry-meta { - font-weight: 500; -} - -.site-header.featured-image .site-featured-image .entry-header .entry-meta > span { - margin-right: 1rem; - display: inline-block; -} - -.site-header.featured-image .site-featured-image .entry-header .entry-meta > span:last-child { - margin-right: 0; -} - -.site-header.featured-image .site-featured-image .entry-header .entry-meta a { - transition: color 110ms ease-in-out; - color: currentColor; -} - -.site-header.featured-image .site-featured-image .entry-header .entry-meta a:hover { - text-decoration: none; -} - -.site-header.featured-image .site-featured-image .entry-header .entry-meta .svg-icon { - position: relative; - display: inline-block; - vertical-align: middle; - margin-right: 0.5em; -} - -.site-header.featured-image .site-featured-image .entry-header .entry-meta .discussion-avatar-list { - display: none; -} - -@media only screen and (min-width: 768px) { - .site-header.featured-image .site-featured-image .entry-header.has-discussion .entry-meta { - display: flex; + /* Fifth layer: readability overlay */ } + .site-header.featured-image .site-branding .site-title, + .site-header.featured-image .site-branding .site-description, + .site-header.featured-image .main-navigation a:after, + .site-header.featured-image .main-navigation .main-menu > li.menu-item-has-children:after, + .site-header.featured-image .main-navigation li, + .site-header.featured-image .social-navigation li, + .site-header.featured-image .entry-meta, + .site-header.featured-image .entry-title { + color: #fff; } + .site-header.featured-image .main-navigation a, + .site-header.featured-image .main-navigation a + svg, + .site-header.featured-image .social-navigation a, + .site-header.featured-image .site-title a, + .site-header.featured-image .site-featured-image a { + color: #fff; + transition: opacity 110ms ease-in-out; } + .site-header.featured-image .main-navigation a:hover, .site-header.featured-image .main-navigation a:active, + .site-header.featured-image .main-navigation a:hover + svg, + .site-header.featured-image .main-navigation a:active + svg, + .site-header.featured-image .main-navigation a + svg:hover, + .site-header.featured-image .main-navigation a + svg:active, + .site-header.featured-image .main-navigation a + svg:hover + svg, + .site-header.featured-image .main-navigation a + svg:active + svg, + .site-header.featured-image .social-navigation a:hover, + .site-header.featured-image .social-navigation a:active, + .site-header.featured-image .social-navigation a:hover + svg, + .site-header.featured-image .social-navigation a:active + svg, + .site-header.featured-image .site-title a:hover, + .site-header.featured-image .site-title a:active, + .site-header.featured-image .site-title a:hover + svg, + .site-header.featured-image .site-title a:active + svg, + .site-header.featured-image .site-featured-image a:hover, + .site-header.featured-image .site-featured-image a:active, + .site-header.featured-image .site-featured-image a:hover + svg, + .site-header.featured-image .site-featured-image a:active + svg { + color: #fff; + opacity: 0.6; } + .site-header.featured-image .main-navigation a:focus, + .site-header.featured-image .main-navigation a:focus + svg, + .site-header.featured-image .main-navigation a + svg:focus, + .site-header.featured-image .main-navigation a + svg:focus + svg, + .site-header.featured-image .social-navigation a:focus, + .site-header.featured-image .social-navigation a:focus + svg, + .site-header.featured-image .site-title a:focus, + .site-header.featured-image .site-title a:focus + svg, + .site-header.featured-image .site-featured-image a:focus, + .site-header.featured-image .site-featured-image a:focus + svg { + color: #fff; } + .site-header.featured-image .social-navigation a:focus { + color: #fff; + opacity: 1; + border-bottom: 1px solid #fff; } + .site-header.featured-image .social-navigation svg, + .site-header.featured-image .site-featured-image svg { + /* Use -webkit- only if supporting: Chrome < 54, iOS < 9.3, Android < 4.4.4 */ + -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.35)); + filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.35)); } + .site-header.featured-image .site-featured-image { + /* First layer: grayscale. */ } + .site-header.featured-image .site-featured-image .post-thumbnail img { + height: auto; + left: 50%; + max-width: 1000%; + min-height: 100%; + min-width: 100vw; + position: absolute; + top: 50%; + transform: translateX(-50%) translateY(-50%); + width: auto; + z-index: 1; + /* When image filters are active, make it grayscale to colorize it blue. */ } + @supports (object-fit: cover) { + .site-header.featured-image .site-featured-image .post-thumbnail img { + height: 100%; + left: 0; + object-fit: cover; + top: 0; + transform: none; + width: 100%; } } + .image-filters-enabled .site-header.featured-image .site-featured-image .post-thumbnail img { + filter: grayscale(100%); } + .site-header.featured-image .site-featured-image .entry-header { + margin-top: calc( 4 * 1rem); + margin-bottom: 0; + margin-left: 0; + margin-right: 0; + /* Entry meta */ } + @media only screen and (min-width: 768px) { + .site-header.featured-image .site-featured-image .entry-header { + max-width: calc(8 * (100vw / 12) - 28px); } } + @media only screen and (min-width: 1168px) { + .site-header.featured-image .site-featured-image .entry-header { + max-width: calc(6 * (100vw / 12) - 28px); } } + @media only screen and (min-width: 768px) { + .site-header.featured-image .site-featured-image .entry-header { + margin-left: auto; + margin-right: auto; } } + .site-header.featured-image .site-featured-image .entry-header .entry-title:before { + background: #fff; } + .site-header.featured-image .site-featured-image .entry-header .entry-meta { + font-weight: 500; } + .site-header.featured-image .site-featured-image .entry-header .entry-meta > span { + margin-right: 1rem; + display: inline-block; } + .site-header.featured-image .site-featured-image .entry-header .entry-meta > span:last-child { + margin-right: 0; } + .site-header.featured-image .site-featured-image .entry-header .entry-meta a { + transition: color 110ms ease-in-out; + color: currentColor; } + .site-header.featured-image .site-featured-image .entry-header .entry-meta a:hover { + text-decoration: none; } + .site-header.featured-image .site-featured-image .entry-header .entry-meta .svg-icon { + position: relative; + display: inline-block; + vertical-align: middle; + margin-right: 0.5em; } + .site-header.featured-image .site-featured-image .entry-header .entry-meta .discussion-avatar-list { + display: none; } + @media only screen and (min-width: 768px) { + .site-header.featured-image .site-featured-image .entry-header.has-discussion .entry-meta { + display: flex; + position: relative; } + .site-header.featured-image .site-featured-image .entry-header.has-discussion .entry-title { + padding-right: calc(1 * (100vw / 12) + 1rem); } + .site-header.featured-image .site-featured-image .entry-header.has-discussion .entry-meta .comment-count { + position: absolute; + right: 0; } + .site-header.featured-image .site-featured-image .entry-header.has-discussion .entry-meta .discussion-avatar-list { + display: block; + position: absolute; + bottom: 100%; } } + .site-header.featured-image .site-branding { position: relative; - } - .site-header.featured-image .site-featured-image .entry-header.has-discussion .entry-title { - padding-right: calc(1 * (100vw / 12) + 1rem); - } - .site-header.featured-image .site-featured-image .entry-header.has-discussion .entry-meta .comment-count { - position: absolute; - right: 0; - } - .site-header.featured-image .site-featured-image .entry-header.has-discussion .entry-meta .discussion-avatar-list { + z-index: 10; } + .site-header.featured-image .site-featured-image .entry-header { + position: relative; + z-index: 9; } + .site-header.featured-image .site-branding-container:after, + .site-header.featured-image .site-featured-image:before, + .site-header.featured-image .site-featured-image:after, .site-header.featured-image:after { display: block; position: absolute; - bottom: 100%; - } -} - -.site-header.featured-image .site-branding { - position: relative; - z-index: 10; -} - -.site-header.featured-image .site-featured-image .entry-header { - position: relative; - z-index: 9; -} - -.site-header.featured-image .site-branding-container:after, -.site-header.featured-image .site-featured-image:before, -.site-header.featured-image .site-featured-image:after, .site-header.featured-image:after { - display: block; - position: absolute; - top: 0; - left: 0; - content: "\020"; - width: 100%; - height: 100%; -} - -.image-filters-enabled .site-header.featured-image .site-featured-image:before { - background: #0073aa; - mix-blend-mode: screen; - opacity: 0.1; -} - -.site-header.featured-image .site-featured-image:after { - background: #000; - mix-blend-mode: multiply; - opacity: .7; - /* When image filters are active, a blue overlay is added. */ -} - -.image-filters-enabled .site-header.featured-image .site-featured-image:after { - background: #0073aa; - opacity: .8; - z-index: 3; - /* Browsers supporting mix-blend-mode don't need opacity < 1 */ -} - -@supports (mix-blend-mode: multiply) { - .image-filters-enabled .site-header.featured-image .site-featured-image:after { - opacity: 1; - } -} - -.image-filters-enabled .site-header.featured-image .site-branding-container:after { - background: rgba(0, 0, 0, 0.35); - mix-blend-mode: overlay; - opacity: 0.5; - z-index: 4; - /* Browsers supporting mix-blend-mode can have a light overlay */ -} - -@supports (mix-blend-mode: overlay) { + top: 0; + left: 0; + content: "\020"; + width: 100%; + height: 100%; } + .image-filters-enabled .site-header.featured-image .site-featured-image:before { + background: #0073aa; + mix-blend-mode: screen; + opacity: 0.1; } + .site-header.featured-image .site-featured-image:after { + background: #000; + mix-blend-mode: multiply; + opacity: .7; + /* When image filters are active, a blue overlay is added. */ } + .image-filters-enabled .site-header.featured-image .site-featured-image:after { + background: #0073aa; + opacity: .8; + z-index: 3; + /* Browsers supporting mix-blend-mode don't need opacity < 1 */ } + @supports (mix-blend-mode: multiply) { + .image-filters-enabled .site-header.featured-image .site-featured-image:after { + opacity: 1; } } .image-filters-enabled .site-header.featured-image .site-branding-container:after { - background: rgba(255, 255, 255, 0.35); - } -} - -.site-header.featured-image:after { - background: #000; - /** + background: rgba(0, 0, 0, 0.35); + mix-blend-mode: overlay; + opacity: 0.5; + z-index: 4; + /* Browsers supporting mix-blend-mode can have a light overlay */ } + @supports (mix-blend-mode: overlay) { + .image-filters-enabled .site-header.featured-image .site-branding-container:after { + background: rgba(255, 255, 255, 0.35); } } + .site-header.featured-image:after { + background: #000; + /** * Add a transition to the readability overlay, to add a subtle * but smooth effect when resizing the screen. */ - transition: opacity 1200ms ease-in-out; - opacity: 0.7; - z-index: 5; - /* When image filters are active, a blue overlay is added. */ -} - -.image-filters-enabled .site-header.featured-image:after { - background: #000e14; - opacity: 0.38; -} - -@media only screen and (min-width: 768px) { - .image-filters-enabled .site-header.featured-image:after { - opacity: 0.18; - } -} - -.site-header.featured-image ::selection { - background: rgba(255, 255, 255, 0.17); -} + transition: opacity 1200ms ease-in-out; + opacity: 0.7; + z-index: 5; + /* When image filters are active, a blue overlay is added. */ } + .image-filters-enabled .site-header.featured-image:after { + background: #000e14; + opacity: 0.38; } + @media only screen and (min-width: 768px) { + .image-filters-enabled .site-header.featured-image:after { + opacity: 0.18; } } + .site-header.featured-image ::-moz-selection { + background: rgba(255, 255, 255, 0.17); } + .site-header.featured-image ::selection { + background: rgba(255, 255, 255, 0.17); } /*-------------------------------------------------------------- ## Posts and pages --------------------------------------------------------------*/ .sticky { - display: block; -} + display: block; } .sticky-post { background: #0073aa; @@ -2313,755 +1796,482 @@ body.page .main-navigation { font-weight: bold; line-height: 1; padding: .25rem; - z-index: 1; -} + z-index: 1; } .updated:not(.published) { - display: none; -} + display: none; } .page-links { clear: both; - margin: 0 0 calc(1.5 * 1rem); -} + margin: 0 0 calc(1.5 * 1rem); } .entry { - margin-top: calc(6 * 1rem); -} - -.entry:first-of-type { - margin-top: 0; -} - -.entry .entry-header { - margin: calc(3 * 1rem) 1rem 1rem; - position: relative; -} - -@media only screen and (min-width: 768px) { + margin-top: calc(6 * 1rem); } + .entry:first-of-type { + margin-top: 0; } .entry .entry-header { - margin: calc(3 * 1rem) auto 1rem; - } -} - -@media only screen and (min-width: 768px) and (min-width: 768px) { - .entry .entry-header { - max-width: calc(8 * (100vw / 12) - 28px); - } -} - -@media only screen and (min-width: 768px) and (min-width: 1168px) { - .entry .entry-header { - max-width: calc(6 * (100vw / 12) - 28px); - } -} - -.entry .entry-title { - margin: 0; -} - -.entry .entry-title a { - color: inherit; -} - -.entry .entry-title a:hover { - color: #4a4a4a; -} - -.entry .entry-meta, -.entry .entry-footer { - color: #767676; - font-weight: 500; -} - -.entry .entry-meta > span, -.entry .entry-footer > span { - margin-right: 1rem; - display: inline-block; -} - -.entry .entry-meta > span:last-child, -.entry .entry-footer > span:last-child { - margin-right: 0; -} - -.entry .entry-meta a, -.entry .entry-footer a { - transition: color 110ms ease-in-out; - color: currentColor; -} - -.entry .entry-meta a:hover, -.entry .entry-footer a:hover { - text-decoration: none; - color: #0073aa; -} - -.entry .entry-meta .svg-icon, -.entry .entry-footer .svg-icon { - position: relative; - display: inline-block; - vertical-align: middle; - margin-right: 0.5em; -} - -.entry .entry-meta { - margin: 1rem auto; -} - -.entry .entry-footer { - margin: calc(2 * 1rem) 1rem 1rem; -} - -@media only screen and (min-width: 768px) { + margin: calc(3 * 1rem) 1rem 1rem; + position: relative; } + @media only screen and (min-width: 768px) { + .entry .entry-header { + margin: calc(3 * 1rem) auto 1rem; } } + @media only screen and (min-width: 768px) and (min-width: 768px) { + .entry .entry-header { + max-width: calc(8 * (100vw / 12) - 28px); } } + @media only screen and (min-width: 768px) and (min-width: 1168px) { + .entry .entry-header { + max-width: calc(6 * (100vw / 12) - 28px); } } + .entry .entry-title { + margin: 0; } + .entry .entry-title a { + color: inherit; } + .entry .entry-title a:hover { + color: #4a4a4a; } + .entry .entry-meta, .entry .entry-footer { - margin: 1rem auto calc(3 * 1rem); - max-width: calc(8 * (100vw / 12) - 28px); - } -} - -@media only screen and (min-width: 768px) { + color: #767676; + font-weight: 500; } + .entry .entry-meta > span, + .entry .entry-footer > span { + margin-right: 1rem; + display: inline-block; } + .entry .entry-meta > span:last-child, + .entry .entry-footer > span:last-child { + margin-right: 0; } + .entry .entry-meta a, + .entry .entry-footer a { + transition: color 110ms ease-in-out; + color: currentColor; } + .entry .entry-meta a:hover, + .entry .entry-footer a:hover { + text-decoration: none; + color: #0073aa; } + .entry .entry-meta .svg-icon, + .entry .entry-footer .svg-icon { + position: relative; + display: inline-block; + vertical-align: middle; + margin-right: 0.5em; } + .entry .entry-meta { + margin: 1rem auto; } .entry .entry-footer { - max-width: calc(6 * (100vw / 12) - 28px); - } -} - -.entry .post-thumbnail { - margin: 1rem; -} - -@media only screen and (min-width: 768px) { + margin: calc(2 * 1rem) 1rem 1rem; } + @media only screen and (min-width: 768px) { + .entry .entry-footer { + margin: 1rem auto calc(3 * 1rem); + max-width: calc(8 * (100vw / 12) - 28px); } } + @media only screen and (min-width: 768px) { + .entry .entry-footer { + max-width: calc(6 * (100vw / 12) - 28px); } } .entry .post-thumbnail { - margin: 1rem calc(10% + 60px); - } -} - -.entry .post-thumbnail:focus { - outline: none; -} - -.entry .post-thumbnail .post-thumbnail-inner { - display: block; -} - -.entry .post-thumbnail .post-thumbnail-inner img { - position: relative; - display: block; - width: 100%; -} - -.image-filters-enabled .entry .post-thumbnail { - position: relative; - display: block; -} - -.image-filters-enabled .entry .post-thumbnail .post-thumbnail-inner { - filter: grayscale(100%); -} - -.image-filters-enabled .entry .post-thumbnail .post-thumbnail-inner:after { - background: rgba(0, 0, 0, 0.35); - content: ""; - display: block; - height: 100%; - opacity: .5; - pointer-events: none; - position: absolute; - top: 0; - width: 100%; - z-index: 4; -} - -@supports (mix-blend-mode: multiply) { - .image-filters-enabled .entry .post-thumbnail .post-thumbnail-inner:after { - display: none; - } -} - -.image-filters-enabled .entry .post-thumbnail:before, .image-filters-enabled .entry .post-thumbnail:after { - position: absolute; - display: block; - width: 100%; - height: 100%; - top: 0; - left: 0; - content: "\020"; - pointer-events: none; -} - -.image-filters-enabled .entry .post-thumbnail:before { - background: #0073aa; - mix-blend-mode: screen; - opacity: 0.1; - z-index: 2; -} - -.image-filters-enabled .entry .post-thumbnail:after { - background: #0073aa; - mix-blend-mode: multiply; - opacity: .8; - z-index: 3; - /* Browsers supporting mix-blend-mode don't need opacity < 1 */ -} - -@supports (mix-blend-mode: multiply) { - .image-filters-enabled .entry .post-thumbnail:after { - opacity: 1; - } -} - -.entry .entry-content, -.entry .entry-summary { - max-width: calc(100% - (2 * 1rem)); - margin: 0 1rem; -} - -@media only screen and (min-width: 768px) { + margin: 1rem; } + @media only screen and (min-width: 768px) { + .entry .post-thumbnail { + margin: 1rem calc(10% + 60px); } } + .entry .post-thumbnail:focus { + outline: none; } + .entry .post-thumbnail .post-thumbnail-inner { + display: block; } + .entry .post-thumbnail .post-thumbnail-inner img { + position: relative; + display: block; + width: 100%; } + .image-filters-enabled .entry .post-thumbnail { + position: relative; + display: block; } + .image-filters-enabled .entry .post-thumbnail .post-thumbnail-inner { + filter: grayscale(100%); } + .image-filters-enabled .entry .post-thumbnail .post-thumbnail-inner:after { + background: rgba(0, 0, 0, 0.35); + content: ""; + display: block; + height: 100%; + opacity: .5; + pointer-events: none; + position: absolute; + top: 0; + width: 100%; + z-index: 4; } + @supports (mix-blend-mode: multiply) { + .image-filters-enabled .entry .post-thumbnail .post-thumbnail-inner:after { + display: none; } } + .image-filters-enabled .entry .post-thumbnail:before, .image-filters-enabled .entry .post-thumbnail:after { + position: absolute; + display: block; + width: 100%; + height: 100%; + top: 0; + left: 0; + content: "\020"; + pointer-events: none; } + .image-filters-enabled .entry .post-thumbnail:before { + background: #0073aa; + mix-blend-mode: screen; + opacity: 0.1; + z-index: 2; } + .image-filters-enabled .entry .post-thumbnail:after { + background: #0073aa; + mix-blend-mode: multiply; + opacity: .8; + z-index: 3; + /* Browsers supporting mix-blend-mode don't need opacity < 1 */ } + @supports (mix-blend-mode: multiply) { + .image-filters-enabled .entry .post-thumbnail:after { + opacity: 1; } } .entry .entry-content, .entry .entry-summary { - max-width: 80%; - margin: 0 10%; - padding: 0 60px; - } -} - -.entry .entry-content p { - word-wrap: break-word; -} - -.entry .entry-content .more-link { - transition: color 110ms ease-in-out; - display: inline; - color: inherit; -} - -.entry .entry-content .more-link:after { - content: "\02192"; - margin-left: 0.5em; -} - -.entry .entry-content .more-link:hover { - color: #0073aa; - text-decoration: none; -} - -.entry .entry-content a { - text-decoration: underline; -} - -.entry .entry-content a.button, .entry .entry-content a:hover { - text-decoration: none; -} - -.entry .entry-content a.button { - display: inline-block; -} - -.entry .entry-content a.button:hover { - background: #111; - color: #fff; - cursor: pointer; -} - -.entry .entry-content > iframe[style] { - margin: 32px 0 !important; - max-width: 100% !important; -} - -@media only screen and (min-width: 768px) { + max-width: calc(100% - (2 * 1rem)); + margin: 0 1rem; } + @media only screen and (min-width: 768px) { + .entry .entry-content, + .entry .entry-summary { + max-width: 80%; + margin: 0 10%; + padding: 0 60px; } } + .entry .entry-content p { + word-wrap: break-word; } + .entry .entry-content .more-link { + transition: color 110ms ease-in-out; + display: inline; + color: inherit; } + .entry .entry-content .more-link:after { + content: "\02192"; + margin-left: 0.5em; } + .entry .entry-content .more-link:hover { + color: #0073aa; + text-decoration: none; } + .entry .entry-content a { + text-decoration: underline; } + .entry .entry-content a.button, .entry .entry-content a:hover { + text-decoration: none; } + .entry .entry-content a.button { + display: inline-block; } + .entry .entry-content a.button:hover { + background: #111; + color: #fff; + cursor: pointer; } .entry .entry-content > iframe[style] { - max-width: calc(8 * (100vw / 12) - 28px) !important; - } -} - -@media only screen and (min-width: 1168px) { - .entry .entry-content > iframe[style] { - max-width: calc(6 * (100vw / 12) - 28px) !important; - } -} - -.entry .entry-content .page-links a { - margin: calc(0.5 * 1rem); - text-decoration: none; -} - -.entry .entry-content .wp-audio-shortcode { - max-width: calc(100vw - (2 * 1rem)); -} - -@media only screen and (min-width: 768px) { + margin: 32px 0 !important; + max-width: 100% !important; } + @media only screen and (min-width: 768px) { + .entry .entry-content > iframe[style] { + max-width: calc(8 * (100vw / 12) - 28px) !important; } } + @media only screen and (min-width: 1168px) { + .entry .entry-content > iframe[style] { + max-width: calc(6 * (100vw / 12) - 28px) !important; } } + .entry .entry-content .page-links a { + margin: calc(0.5 * 1rem); + text-decoration: none; } .entry .entry-content .wp-audio-shortcode { - max-width: calc(8 * (100vw / 12) - 28px); - } -} - -@media only screen and (min-width: 1168px) { - .entry .entry-content .wp-audio-shortcode { - max-width: calc(6 * (100vw / 12) - 28px); - } -} + max-width: calc(100vw - (2 * 1rem)); } + @media only screen and (min-width: 768px) { + .entry .entry-content .wp-audio-shortcode { + max-width: calc(8 * (100vw / 12) - 28px); } } + @media only screen and (min-width: 1168px) { + .entry .entry-content .wp-audio-shortcode { + max-width: calc(6 * (100vw / 12) - 28px); } } /* Author description */ .author-bio { - margin: calc(2 * 1rem) 1rem 1rem; -} - -@media only screen and (min-width: 768px) { - .author-bio { - max-width: calc(8 * (100vw / 12) - 28px); - } -} - -@media only screen and (min-width: 1168px) { - .author-bio { - max-width: calc(6 * (100vw / 12) - 28px); - } -} - -@media only screen and (min-width: 768px) { - .author-bio { - margin: calc(3 * 1rem) calc(10% + 60px); - } -} - -@media only screen and (min-width: 1168px) { - .author-bio { - margin: calc(3 * 1rem) auto; - } -} - -.author-bio .author-title { - display: inline; -} - -.author-bio .author-title:before { - background: #767676; - content: "\020"; - display: block; - height: 2px; - margin: 1rem 0; - width: 1em; -} - -.author-bio .author-description { - display: inline; - color: #767676; - font-size: 1.125em; - line-height: 1.2; -} - -.author-bio .author-description .author-link { - display: inline-block; -} - -.author-bio .author-description .author-link:hover { - color: #005177; - text-decoration: none; -} + margin: calc(2 * 1rem) 1rem 1rem; } + @media only screen and (min-width: 768px) { + .author-bio { + max-width: calc(8 * (100vw / 12) - 28px); } } + @media only screen and (min-width: 1168px) { + .author-bio { + max-width: calc(6 * (100vw / 12) - 28px); } } + @media only screen and (min-width: 768px) { + .author-bio { + margin: calc(3 * 1rem) calc(10% + 60px); } } + @media only screen and (min-width: 1168px) { + .author-bio { + margin: calc(3 * 1rem) auto; } } + .author-bio .author-title { + display: inline; } + .author-bio .author-title:before { + background: #767676; + content: "\020"; + display: block; + height: 2px; + margin: 1rem 0; + width: 1em; } + .author-bio .author-description { + display: inline; + color: #767676; + font-size: 1.125em; + line-height: 1.2; } + .author-bio .author-description .author-link { + display: inline-block; } + .author-bio .author-description .author-link:hover { + color: #005177; + text-decoration: none; } /*-------------------------------------------------------------- ## Comments --------------------------------------------------------------*/ .comment-content a { - word-wrap: break-word; -} + word-wrap: break-word; } .bypostauthor { - display: block; -} + display: block; } .comments-area { margin: calc(2 * 1rem) 1rem; /* Add extra margin when the comments section is located immediately after the * post itself (this happens on pages). - */ -} - -@media only screen and (min-width: 768px) { - .comments-area { - max-width: calc(8 * (100vw / 12) - 28px); - } -} - -@media only screen and (min-width: 1168px) { - .comments-area { - max-width: calc(6 * (100vw / 12) - 28px); - } -} - -@media only screen and (min-width: 768px) { - .comments-area { - margin: calc(3 * 1rem) auto; - } -} - -.comments-area > * { - margin-top: calc(2 * 1rem); - margin-bottom: calc(2 * 1rem); -} - -@media only screen and (min-width: 768px) { + */ } + @media only screen and (min-width: 768px) { + .comments-area { + max-width: calc(8 * (100vw / 12) - 28px); } } + @media only screen and (min-width: 1168px) { + .comments-area { + max-width: calc(6 * (100vw / 12) - 28px); } } + @media only screen and (min-width: 768px) { + .comments-area { + margin: calc(3 * 1rem) auto; } } .comments-area > * { - margin-top: calc(3 * 1rem); - margin-bottom: calc(3 * 1rem); - } -} - -.entry + .comments-area { - margin-top: calc(3 * 1rem); -} - -@media only screen and (min-width: 768px) { - .comments-area .comments-title-wrap { - align-items: baseline; - display: flex; - justify-content: space-between; - } -} - -.comments-area .comments-title-wrap .comments-title { - margin: 0; -} - -@media only screen and (min-width: 768px) { + margin-top: calc(2 * 1rem); + margin-bottom: calc(2 * 1rem); } + @media only screen and (min-width: 768px) { + .comments-area > * { + margin-top: calc(3 * 1rem); + margin-bottom: calc(3 * 1rem); } } + .entry + .comments-area { + margin-top: calc(3 * 1rem); } + @media only screen and (min-width: 768px) { + .comments-area .comments-title-wrap { + align-items: baseline; + display: flex; + justify-content: space-between; } } .comments-area .comments-title-wrap .comments-title { - flex: 1 0 calc(3 * (100vw / 12)); - } -} - -@media only screen and (min-width: 768px) { - .comments-area .comments-title-wrap .discussion-meta { - flex: 0 0 calc(2 * (100vw / 12)); - margin-left: 1rem; - } -} + margin: 0; } + @media only screen and (min-width: 768px) { + .comments-area .comments-title-wrap .comments-title { + flex: 1 0 calc(3 * (100vw / 12)); } } + @media only screen and (min-width: 768px) { + .comments-area .comments-title-wrap .discussion-meta { + flex: 0 0 calc(2 * (100vw / 12)); + margin-left: 1rem; } } #comment { max-width: 100%; - box-sizing: border-box; -} + box-sizing: border-box; } #respond { - position: relative; -} - -#respond .comment-user-avatar { - margin: 1rem 0 -1rem; -} - -#respond .comment .comment-form { - padding-left: 0; -} - -#respond > small { - display: block; - font-size: 22px; - position: absolute; - left: calc(1rem + 100%); - top: calc(-3.5 * 1rem); - width: calc(100vw / 12); -} + position: relative; } + #respond .comment-user-avatar { + margin: 1rem 0 -1rem; } + #respond .comment .comment-form { + padding-left: 0; } + #respond > small { + display: block; + font-size: 22px; + position: absolute; + left: calc(1rem + 100%); + top: calc(-3.5 * 1rem); + width: calc(100vw / 12); } #comments > .comments-title:last-child { - display: none; -} + display: none; } .comment-form-flex { display: flex; - flex-direction: column; -} - -.comment-form-flex .comments-title { - display: none; - margin: 0; - order: 1; -} - -.comment-form-flex #respond { - order: 2; -} - -.comment-form-flex #respond + .comments-title { - display: block; -} + flex-direction: column; } + .comment-form-flex .comments-title { + display: none; + margin: 0; + order: 1; } + .comment-form-flex #respond { + order: 2; } + .comment-form-flex #respond + .comments-title { + display: block; } .comment-list { list-style: none; - padding: 0; -} - -.comment-list .children { - margin: 0; - padding: 0 0 0 1rem; -} - -.comment-list > .comment:first-child { - margin-top: 0; -} - -.comment-list .pingback .comment-body, -.comment-list .trackback .comment-body { - color: #767676; - font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; - font-size: 0.71111em; - font-weight: 500; - margin-top: 1rem; - margin-bottom: 1rem; -} - -.comment-list .pingback .comment-body a:not(.comment-edit-link), -.comment-list .trackback .comment-body a:not(.comment-edit-link) { - font-weight: bold; - font-size: 19.55556px; - line-height: 1.5; - padding-right: 0.5rem; - display: block; -} - -.comment-list .pingback .comment-body .comment-edit-link, -.comment-list .trackback .comment-body .comment-edit-link { - color: #767676; - font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; - font-weight: 500; -} + padding: 0; } + .comment-list .children { + margin: 0; + padding: 0 0 0 1rem; } + .comment-list > .comment:first-child { + margin-top: 0; } + .comment-list .pingback .comment-body, + .comment-list .trackback .comment-body { + color: #767676; + font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; + font-size: 0.7111111111em; + font-weight: 500; + margin-top: 1rem; + margin-bottom: 1rem; } + .comment-list .pingback .comment-body a:not(.comment-edit-link), + .comment-list .trackback .comment-body a:not(.comment-edit-link) { + font-weight: bold; + font-size: 19.5555555556px; + line-height: 1.5; + padding-right: 0.5rem; + display: block; } + .comment-list .pingback .comment-body .comment-edit-link, + .comment-list .trackback .comment-body .comment-edit-link { + color: #767676; + font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; + font-weight: 500; } #respond + .comment-reply { - display: none; -} + display: none; } .comment-reply .comment-reply-link { - display: inline-block; -} + display: inline-block; } .comment { list-style: none; - position: relative; -} - -@media only screen and (min-width: 768px) { - .comment { - padding-left: calc(.5 * (1rem + calc(100vw / 12 ))); - } - .comment.depth-1, - .comment .children { - padding-left: 0; - } - .comment.depth-1 { - margin-left: calc(3.25 * 1rem); - } -} - -.comment .comment-body { - margin: calc(2 * 1rem) 0 0; -} - -.comment .comment-meta { - position: relative; -} - -.comment .comment-author .avatar { - float: left; - margin-right: 1rem; - position: relative; -} - -@media only screen and (min-width: 768px) { + position: relative; } + @media only screen and (min-width: 768px) { + .comment { + padding-left: calc(.5 * (1rem + calc(100vw / 12 ))); } + .comment.depth-1, + .comment .children { + padding-left: 0; } + .comment.depth-1 { + margin-left: calc(3.25 * 1rem); } } + .comment .comment-body { + margin: calc(2 * 1rem) 0 0; } + .comment .comment-meta { + position: relative; } .comment .comment-author .avatar { - float: inherit; - margin-right: inherit; - position: absolute; - top: 0; - right: calc(100% + 1rem); - } -} - -.comment .comment-author .fn { - position: relative; - display: block; -} - -.comment .comment-author .fn a { - color: inherit; -} - -.comment .comment-author .fn a:hover { - color: #005177; -} - -.comment .comment-author .post-author-badge { - border-radius: 100%; - display: block; - height: 18px; - position: absolute; - background: #008fd3; - right: calc(100% - 2.5rem); - top: -3px; - width: 18px; -} - -@media only screen and (min-width: 768px) { + float: left; + margin-right: 1rem; + position: relative; } + @media only screen and (min-width: 768px) { + .comment .comment-author .avatar { + float: inherit; + margin-right: inherit; + position: absolute; + top: 0; + right: calc(100% + 1rem); } } + .comment .comment-author .fn { + position: relative; + display: block; } + .comment .comment-author .fn a { + color: inherit; } + .comment .comment-author .fn a:hover { + color: #005177; } .comment .comment-author .post-author-badge { - right: calc(100% + 0.75rem); - } -} - -.comment .comment-author .post-author-badge svg { - width: inherit; - height: inherit; - display: block; - fill: white; - transform: scale(0.875); -} - -.comment .comment-metadata > a, -.comment .comment-metadata .comment-edit-link { - display: inline; - font-weight: 500; - color: #767676; - vertical-align: baseline; -} - -.comment .comment-metadata > a time, -.comment .comment-metadata .comment-edit-link time { - vertical-align: baseline; -} - -.comment .comment-metadata > a:hover, -.comment .comment-metadata .comment-edit-link:hover { - color: #005177; - text-decoration: none; -} - -.comment .comment-metadata > * { - display: inline-block; -} - -.comment .comment-metadata .edit-link-sep { - color: #767676; - margin: 0 0.2em; - vertical-align: baseline; -} - -.comment .comment-metadata .edit-link { - color: #767676; -} - -.comment .comment-metadata .edit-link svg { - transform: scale(0.8); - vertical-align: baseline; - margin-right: 0.1em; -} - -.comment .comment-metadata .comment-edit-link { - position: relative; - padding-left: 1rem; - margin-left: -1rem; - z-index: 1; -} - -.comment .comment-metadata .comment-edit-link:hover { - color: #0073aa; -} - -.comment .comment-content { - margin: 1rem 0; -} - -@media only screen and (min-width: 1168px) { + border-radius: 100%; + display: block; + height: 18px; + position: absolute; + background: #008fd3; + right: calc(100% - 2.5rem); + top: -3px; + width: 18px; } + @media only screen and (min-width: 768px) { + .comment .comment-author .post-author-badge { + right: calc(100% + 0.75rem); } } + .comment .comment-author .post-author-badge svg { + width: inherit; + height: inherit; + display: block; + fill: white; + transform: scale(0.875); } + .comment .comment-metadata > a, + .comment .comment-metadata .comment-edit-link { + display: inline; + font-weight: 500; + color: #767676; + vertical-align: baseline; } + .comment .comment-metadata > a time, + .comment .comment-metadata .comment-edit-link time { + vertical-align: baseline; } + .comment .comment-metadata > a:hover, + .comment .comment-metadata .comment-edit-link:hover { + color: #005177; + text-decoration: none; } + .comment .comment-metadata > * { + display: inline-block; } + .comment .comment-metadata .edit-link-sep { + color: #767676; + margin: 0 0.2em; + vertical-align: baseline; } + .comment .comment-metadata .edit-link { + color: #767676; } + .comment .comment-metadata .edit-link svg { + transform: scale(0.8); + vertical-align: baseline; + margin-right: 0.1em; } + .comment .comment-metadata .comment-edit-link { + position: relative; + padding-left: 1rem; + margin-left: -1rem; + z-index: 1; } + .comment .comment-metadata .comment-edit-link:hover { + color: #0073aa; } .comment .comment-content { - padding-right: 1rem; - } -} - -.comment .comment-content > *:first-child { - margin-top: 0; -} - -.comment .comment-content > *:last-child { - margin-bottom: 0; -} - -.comment .comment-content blockquote { - margin-left: 0; -} - -.comment .comment-content a { - text-decoration: underline; -} - -.comment .comment-content a:hover { - text-decoration: none; -} + margin: 1rem 0; } + @media only screen and (min-width: 1168px) { + .comment .comment-content { + padding-right: 1rem; } } + .comment .comment-content > *:first-child { + margin-top: 0; } + .comment .comment-content > *:last-child { + margin-bottom: 0; } + .comment .comment-content blockquote { + margin-left: 0; } + .comment .comment-content a { + text-decoration: underline; } + .comment .comment-content a:hover { + text-decoration: none; } .comment-reply-link, #cancel-comment-reply-link { - font-weight: 500; -} - -.comment-reply-link:hover, -#cancel-comment-reply-link:hover { - color: #005177; -} + font-weight: 500; } + .comment-reply-link:hover, + #cancel-comment-reply-link:hover { + color: #005177; } .discussion-avatar-list { content: ""; display: table; table-layout: fixed; margin: 0; - padding: 0; -} - -.discussion-avatar-list li { - position: relative; - list-style: none; - margin: 0 -8px 0 0; - padding: 0; - float: left; -} - -.discussion-avatar-list .comment-user-avatar img { - height: calc(1.5 * 1rem); - width: calc(1.5 * 1rem); -} + padding: 0; } + .discussion-avatar-list li { + position: relative; + list-style: none; + margin: 0 -8px 0 0; + padding: 0; + float: left; } + .discussion-avatar-list .comment-user-avatar img { + height: calc(1.5 * 1rem); + width: calc(1.5 * 1rem); } .discussion-meta .discussion-meta-info { - margin: 0; -} - -.discussion-meta .discussion-meta-info .svg-icon { - vertical-align: middle; - fill: currentColor; - transform: scale(0.6) scaleX(-1) translateY(-0.1em); - margin-left: -0.25rem; -} + margin: 0; } + .discussion-meta .discussion-meta-info .svg-icon { + vertical-align: middle; + fill: currentColor; + transform: scale(0.6) scaleX(-1) translateY(-0.1em); + margin-left: -0.25rem; } .comment-form .comment-notes, .comment-form label { font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; - font-size: 0.71111em; - color: #767676; -} + font-size: 0.7111111111em; + color: #767676; } @media only screen and (min-width: 768px) { .comment-form .comment-form-author, .comment-form .comment-form-email { width: calc(50% - 0.5rem); - float: left; - } -} + float: left; } } @media only screen and (min-width: 768px) { .comment-form .comment-form-email { - margin-left: 1rem; - } -} + margin-left: 1rem; } } .comment-form input[name="author"], .comment-form input[name="email"], .comment-form input[name="url"] { display: block; - width: 100%; -} + width: 100%; } /*-------------------------------------------------------------- ## Archives @@ -3069,91 +2279,70 @@ body.page .main-navigation { .archive .page-header, .search .page-header, .error404 .page-header { - margin: 1rem 1rem calc(3 * 1rem); -} - -@media only screen and (min-width: 768px) { - .archive .page-header, - .search .page-header, - .error404 .page-header { - margin: 0 calc(10% + 60px) calc(10% + 60px); - } -} - -.archive .page-header .page-title, -.search .page-header .page-title, -.error404 .page-header .page-title { - color: #767676; - display: inline; - letter-spacing: normal; -} - -.archive .page-header .page-title:before, -.search .page-header .page-title:before, -.error404 .page-header .page-title:before { - display: none; -} - -.archive .page-header .search-term, -.archive .page-header .page-description, -.search .page-header .search-term, -.search .page-header .page-description, -.error404 .page-header .search-term, -.error404 .page-header .page-description { - display: inherit; - clear: both; -} - -.archive .page-header .search-term:after, -.archive .page-header .page-description:after, -.search .page-header .search-term:after, -.search .page-header .page-description:after, -.error404 .page-header .search-term:after, -.error404 .page-header .page-description:after { - content: "."; - font-weight: bold; - color: #767676; -} + margin: 1rem 1rem calc(3 * 1rem); } + @media only screen and (min-width: 768px) { + .archive .page-header, + .search .page-header, + .error404 .page-header { + margin: 0 calc(10% + 60px) calc(10% + 60px); } } + .archive .page-header .page-title, + .search .page-header .page-title, + .error404 .page-header .page-title { + color: #767676; + display: inline; + letter-spacing: normal; } + .archive .page-header .page-title:before, + .search .page-header .page-title:before, + .error404 .page-header .page-title:before { + display: none; } + .archive .page-header .search-term, + .archive .page-header .page-description, + .search .page-header .search-term, + .search .page-header .page-description, + .error404 .page-header .search-term, + .error404 .page-header .page-description { + display: inherit; + clear: both; } + .archive .page-header .search-term:after, + .archive .page-header .page-description:after, + .search .page-header .search-term:after, + .search .page-header .page-description:after, + .error404 .page-header .search-term:after, + .error404 .page-header .page-description:after { + content: "."; + font-weight: bold; + color: #767676; } .archive .page-header .page-description { display: block; color: #1e1e1e; - font-size: 1em; -} + font-size: 1em; } @media only screen and (min-width: 768px) { .hfeed .entry .entry-header { - margin: calc(3 * 1rem) auto calc(1rem / 2); - } -} + margin: calc(3 * 1rem) auto calc(1rem / 2); } } /* 404 & Not found */ .error-404.not-found .page-title, .error-404.not-found .page-content, .no-results.not-found .page-title, .no-results.not-found .page-content { - margin: calc(3 * 1rem) 1rem; -} - -@media only screen and (min-width: 768px) { - .error-404.not-found .page-title, - .error-404.not-found .page-content, - .no-results.not-found .page-title, - .no-results.not-found .page-content { - margin: calc(3 * 1rem) calc(10% + 60px) calc(1rem / 2); - } -} + margin: calc(3 * 1rem) 1rem; } + @media only screen and (min-width: 768px) { + .error-404.not-found .page-title, + .error-404.not-found .page-content, + .no-results.not-found .page-title, + .no-results.not-found .page-content { + margin: calc(3 * 1rem) calc(10% + 60px) calc(1rem / 2); } } .error-404.not-found .search-submit, .no-results.not-found .search-submit { vertical-align: middle; - margin: 1rem 0; -} + margin: 1rem 0; } .error-404.not-found .search-field, .no-results.not-found .search-field { - width: 100%; -} + width: 100%; } /*-------------------------------------------------------------- ## Footer @@ -3161,81 +2350,51 @@ body.page .main-navigation { /* Site footer */ #colophon .widget-area, #colophon .site-info { - margin: calc(2 * 1rem) 1rem; -} - -@media only screen and (min-width: 768px) { - #colophon .widget-area, - #colophon .site-info { - max-width: calc(8 * (100vw / 12) - 28px); - } -} - -@media only screen and (min-width: 1168px) { - #colophon .widget-area, - #colophon .site-info { - max-width: calc(6 * (100vw / 12) - 28px); - } -} - -@media only screen and (min-width: 768px) { - #colophon .widget-area, - #colophon .site-info { - margin: calc(1.5 * 1rem) auto; - } -} + margin: calc(2 * 1rem) 1rem; } + @media only screen and (min-width: 768px) { + #colophon .widget-area, + #colophon .site-info { + max-width: calc(8 * (100vw / 12) - 28px); } } + @media only screen and (min-width: 1168px) { + #colophon .widget-area, + #colophon .site-info { + max-width: calc(6 * (100vw / 12) - 28px); } } + @media only screen and (min-width: 768px) { + #colophon .widget-area, + #colophon .site-info { + margin: calc(1.5 * 1rem) auto; } } #colophon .widget-column { display: flex; - flex-wrap: wrap; -} - -#colophon .widget-column .widget { - width: 100%; -} - -@media only screen and (min-width: 1168px) { + flex-wrap: wrap; } #colophon .widget-column .widget { - margin-right: calc(3 * 1rem); - width: calc(50% - (3 * 1rem)); - } -} + width: 100%; } + @media only screen and (min-width: 1168px) { + #colophon .widget-column .widget { + margin-right: calc(3 * 1rem); + width: calc(50% - (3 * 1rem)); } } #colophon .site-info { - color: #767676; -} - -#colophon .site-info a { - color: inherit; -} - -#colophon .site-info a:hover { - text-decoration: none; - color: #0073aa; -} - -#colophon .site-info .imprint, -#colophon .site-info .privacy-policy-link { - margin-right: 1rem; -} + color: #767676; } + #colophon .site-info a { + color: inherit; } + #colophon .site-info a:hover { + text-decoration: none; + color: #0073aa; } + #colophon .site-info .imprint, + #colophon .site-info .privacy-policy-link { + margin-right: 1rem; } /* Widgets */ .widget { margin: 0 0 1rem; - /* Make sure select elements fit in widgets. */ -} - -.widget select { - max-width: 100%; -} - -.widget a { - color: #0073aa; -} - -.widget a:hover { - color: #005177; -} + /* Make sure select elements fit in widgets. */ } + .widget select { + max-width: 100%; } + .widget a { + color: #0073aa; } + .widget a:hover { + color: #005177; } .widget_archive ul, .widget_categories ul, @@ -3246,218 +2405,158 @@ body.page .main-navigation { .widget_recent_entries ul, .widget_rss ul { padding: 0; - list-style: none; -} - -.widget_archive ul li, -.widget_categories ul li, -.widget_meta ul li, -.widget_nav_menu ul li, -.widget_pages ul li, -.widget_recent_comments ul li, -.widget_recent_entries ul li, -.widget_rss ul li { - color: #767676; - font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; - font-size: calc(22px * 1.125); - font-weight: 600; - line-height: 1.2; - margin-top: 0.5rem; - margin-bottom: 0.5rem; -} - -.widget_archive ul ul, -.widget_categories ul ul, -.widget_meta ul ul, -.widget_nav_menu ul ul, -.widget_pages ul ul, -.widget_recent_comments ul ul, -.widget_recent_entries ul ul, -.widget_rss ul ul { - counter-reset: submenu; -} - -.widget_archive ul ul > li > a::before, -.widget_categories ul ul > li > a::before, -.widget_meta ul ul > li > a::before, -.widget_nav_menu ul ul > li > a::before, -.widget_pages ul ul > li > a::before, -.widget_recent_comments ul ul > li > a::before, -.widget_recent_entries ul ul > li > a::before, -.widget_rss ul ul > li > a::before { - font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; - font-weight: normal; - content: "– " counters(submenu, "– ", none); - counter-increment: submenu; -} + list-style: none; } + .widget_archive ul li, + .widget_categories ul li, + .widget_meta ul li, + .widget_nav_menu ul li, + .widget_pages ul li, + .widget_recent_comments ul li, + .widget_recent_entries ul li, + .widget_rss ul li { + color: #767676; + font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; + font-size: calc(22px * 1.125); + font-weight: 600; + line-height: 1.2; + margin-top: 0.5rem; + margin-bottom: 0.5rem; } + .widget_archive ul ul, + .widget_categories ul ul, + .widget_meta ul ul, + .widget_nav_menu ul ul, + .widget_pages ul ul, + .widget_recent_comments ul ul, + .widget_recent_entries ul ul, + .widget_rss ul ul { + counter-reset: submenu; } + .widget_archive ul ul > li > a::before, + .widget_categories ul ul > li > a::before, + .widget_meta ul ul > li > a::before, + .widget_nav_menu ul ul > li > a::before, + .widget_pages ul ul > li > a::before, + .widget_recent_comments ul ul > li > a::before, + .widget_recent_entries ul ul > li > a::before, + .widget_rss ul ul > li > a::before { + font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; + font-weight: normal; + content: "– " counters(submenu, "– ", none); + counter-increment: submenu; } .widget_tag_cloud .tagcloud { font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; - font-weight: 600; -} + font-weight: 600; } .widget_search .search-field { - width: 100%; -} - -@media only screen and (min-width: 600px) { - .widget_search .search-field { - width: auto; - } -} + width: 100%; } + @media only screen and (min-width: 600px) { + .widget_search .search-field { + width: auto; } } .widget_search .search-submit { display: block; - margin-top: 1rem; -} + margin-top: 1rem; } .widget_calendar .calendar_wrap { - text-align: center; -} - -.widget_calendar .calendar_wrap table td, -.widget_calendar .calendar_wrap table th { - border: none; -} - -.widget_calendar .calendar_wrap a { - text-decoration: underline; -} + text-align: center; } + .widget_calendar .calendar_wrap table td, + .widget_calendar .calendar_wrap table th { + border: none; } + .widget_calendar .calendar_wrap a { + text-decoration: underline; } /* Blocks */ /* !Block styles */ .entry .entry-content > *, .entry .entry-summary > * { margin: 32px 0; - max-width: 100%; -} - -@media only screen and (min-width: 768px) { - .entry .entry-content > *, - .entry .entry-summary > * { - max-width: calc(8 * (100vw / 12) - 28px); - } -} - -@media only screen and (min-width: 1168px) { - .entry .entry-content > *, - .entry .entry-summary > * { - max-width: calc(6 * (100vw / 12) - 28px); - } -} - -@media only screen and (min-width: 768px) { - .entry .entry-content > *, - .entry .entry-summary > * { - margin: 32px auto; - } -} - -.entry .entry-content > * > *:first-child, -.entry .entry-summary > * > *:first-child { - margin-top: 0; -} - -.entry .entry-content > * > *:last-child, -.entry .entry-summary > * > *:last-child { - margin-bottom: 0; -} - -.entry .entry-content > *.alignwide, -.entry .entry-summary > *.alignwide { - margin-left: auto; - margin-right: auto; - clear: both; -} - -@media only screen and (min-width: 768px) { + max-width: 100%; } + @media only screen and (min-width: 768px) { + .entry .entry-content > *, + .entry .entry-summary > * { + max-width: calc(8 * (100vw / 12) - 28px); } } + @media only screen and (min-width: 1168px) { + .entry .entry-content > *, + .entry .entry-summary > * { + max-width: calc(6 * (100vw / 12) - 28px); } } + @media only screen and (min-width: 768px) { + .entry .entry-content > *, + .entry .entry-summary > * { + margin: 32px auto; } } + .entry .entry-content > * > *:first-child, + .entry .entry-summary > * > *:first-child { + margin-top: 0; } + .entry .entry-content > * > *:last-child, + .entry .entry-summary > * > *:last-child { + margin-bottom: 0; } .entry .entry-content > *.alignwide, .entry .entry-summary > *.alignwide { - width: 100%; - max-width: 100%; - } -} - -.entry .entry-content > *.alignfull, -.entry .entry-summary > *.alignfull { - position: relative; - left: -1rem; - width: calc( 100% + (2 * 1rem)); - max-width: calc( 100% + (2 * 1rem)); - clear: both; -} - -@media only screen and (min-width: 768px) { + margin-left: auto; + margin-right: auto; + clear: both; } + @media only screen and (min-width: 768px) { + .entry .entry-content > *.alignwide, + .entry .entry-summary > *.alignwide { + width: 100%; + max-width: 100%; } } .entry .entry-content > *.alignfull, .entry .entry-summary > *.alignfull { - margin-top: 32px; - margin-bottom: 32px; - left: calc( -12.5% - 75px); - width: calc( 125% + 150px); - max-width: calc( 125% + 150px); - } -} - -.entry .entry-content > *.alignleft, -.entry .entry-summary > *.alignleft { - /*rtl:ignore*/ - float: left; - max-width: calc(5 * (100vw / 12)); - margin-top: 0; - margin-left: 0; - /*rtl:ignore*/ - margin-right: 1rem; -} - -@media only screen and (min-width: 768px) { + position: relative; + left: -1rem; + width: calc( 100% + (2 * 1rem)); + max-width: calc( 100% + (2 * 1rem)); + clear: both; } + @media only screen and (min-width: 768px) { + .entry .entry-content > *.alignfull, + .entry .entry-summary > *.alignfull { + margin-top: 32px; + margin-bottom: 32px; + left: calc( -12.5% - 75px); + width: calc( 125% + 150px); + max-width: calc( 125% + 150px); } } .entry .entry-content > *.alignleft, .entry .entry-summary > *.alignleft { - max-width: calc(4 * (100vw / 12)); /*rtl:ignore*/ - margin-right: calc(2 * 1rem); - } -} - -.entry .entry-content > *.alignright, -.entry .entry-summary > *.alignright { - /*rtl:ignore*/ - float: right; - max-width: calc(5 * (100vw / 12)); - margin-top: 0; - margin-right: 0; - /*rtl:ignore*/ - margin-left: 1rem; -} - -@media only screen and (min-width: 768px) { + float: left; + max-width: calc(5 * (100vw / 12)); + margin-top: 0; + margin-left: 0; + /*rtl:ignore*/ + margin-right: 1rem; } + @media only screen and (min-width: 768px) { + .entry .entry-content > *.alignleft, + .entry .entry-summary > *.alignleft { + max-width: calc(4 * (100vw / 12)); + /*rtl:ignore*/ + margin-right: calc(2 * 1rem); } } .entry .entry-content > *.alignright, .entry .entry-summary > *.alignright { - max-width: calc(4 * (100vw / 12)); + /*rtl:ignore*/ + float: right; + max-width: calc(5 * (100vw / 12)); + margin-top: 0; margin-right: 0; /*rtl:ignore*/ - margin-left: calc(2 * 1rem); - } -} - -.entry .entry-content > *.aligncenter, -.entry .entry-summary > *.aligncenter { - margin-left: auto; - margin-right: auto; -} - -@media only screen and (min-width: 768px) { + margin-left: 1rem; } + @media only screen and (min-width: 768px) { + .entry .entry-content > *.alignright, + .entry .entry-summary > *.alignright { + max-width: calc(4 * (100vw / 12)); + margin-right: 0; + /*rtl:ignore*/ + margin-left: calc(2 * 1rem); } } .entry .entry-content > *.aligncenter, .entry .entry-summary > *.aligncenter { - max-width: calc(8 * (100vw / 12) - 28px); - } -} - -@media only screen and (min-width: 1168px) { - .entry .entry-content > *.aligncenter, - .entry .entry-summary > *.aligncenter { - max-width: calc(6 * (100vw / 12) - 28px); - } -} + margin-left: auto; + margin-right: auto; } + @media only screen and (min-width: 768px) { + .entry .entry-content > *.aligncenter, + .entry .entry-summary > *.aligncenter { + max-width: calc(8 * (100vw / 12) - 28px); } } + @media only screen and (min-width: 1168px) { + .entry .entry-content > *.aligncenter, + .entry .entry-summary > *.aligncenter { + max-width: calc(6 * (100vw / 12) - 28px); } } /* * Unset nested content selector styles @@ -3472,61 +2571,44 @@ body.page .main-navigation { .entry .entry-summary .entry { margin: inherit; max-width: inherit; - padding: inherit; -} - -@media only screen and (min-width: 768px) { - .entry .entry-content .entry-content, - .entry .entry-content .entry-summary, - .entry .entry-content .entry, - .entry .entry-summary .entry-content, - .entry .entry-summary .entry-summary, - .entry .entry-summary .entry { - margin: inherit; - max-width: inherit; - padding: inherit; - } -} + padding: inherit; } + @media only screen and (min-width: 768px) { + .entry .entry-content .entry-content, + .entry .entry-content .entry-summary, + .entry .entry-content .entry, + .entry .entry-summary .entry-content, + .entry .entry-summary .entry-summary, + .entry .entry-summary .entry { + margin: inherit; + max-width: inherit; + padding: inherit; } } .entry .entry-content p.has-background { - padding: 20px 30px; -} + padding: 20px 30px; } .entry .entry-content .wp-block-audio { - width: 100%; -} - -.entry .entry-content .wp-block-audio audio { - width: 100%; -} - -.entry .entry-content .wp-block-audio.alignleft audio, -.entry .entry-content .wp-block-audio.alignright audio { - max-width: 198px; -} - -@media only screen and (min-width: 768px) { + width: 100%; } + .entry .entry-content .wp-block-audio audio { + width: 100%; } .entry .entry-content .wp-block-audio.alignleft audio, .entry .entry-content .wp-block-audio.alignright audio { - max-width: 384px; - } -} - -@media only screen and (min-width: 1379px) { - .entry .entry-content .wp-block-audio.alignleft audio, - .entry .entry-content .wp-block-audio.alignright audio { - max-width: 385.44px; - } -} + max-width: 198px; } + @media only screen and (min-width: 768px) { + .entry .entry-content .wp-block-audio.alignleft audio, + .entry .entry-content .wp-block-audio.alignright audio { + max-width: 384px; } } + @media only screen and (min-width: 1379px) { + .entry .entry-content .wp-block-audio.alignleft audio, + .entry .entry-content .wp-block-audio.alignright audio { + max-width: 385.44px; } } .entry .entry-content .wp-block-video video { - width: 100%; -} + width: 100%; } .entry .entry-content .wp-block-button .wp-block-button__link { transition: background 150ms ease-in-out; border: none; - font-size: 0.88889em; + font-size: 0.8888888889em; font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; line-height: 1.2; box-sizing: border-box; @@ -3534,474 +2616,348 @@ body.page .main-navigation { text-decoration: none; padding: 0.76rem 1rem; outline: none; - outline: none; -} - -.entry .entry-content .wp-block-button .wp-block-button__link:not(.has-background) { - background-color: #0073aa; -} - -.entry .entry-content .wp-block-button .wp-block-button__link:not(.has-text-color) { - color: white; -} - -.entry .entry-content .wp-block-button .wp-block-button__link:hover { - color: white; - background: #111; - cursor: pointer; -} - -.entry .entry-content .wp-block-button .wp-block-button__link:focus { - color: white; - background: #111; - outline: thin dotted; - outline-offset: -4px; -} + outline: none; } + .entry .entry-content .wp-block-button .wp-block-button__link:not(.has-background) { + background-color: #0073aa; } + .entry .entry-content .wp-block-button .wp-block-button__link:not(.has-text-color) { + color: white; } + .entry .entry-content .wp-block-button .wp-block-button__link:hover { + color: white; + background: #111; + cursor: pointer; } + .entry .entry-content .wp-block-button .wp-block-button__link:focus { + color: white; + background: #111; + outline: thin dotted; + outline-offset: -4px; } .entry .entry-content .wp-block-button:not(.is-style-squared) .wp-block-button__link { - border-radius: 5px; -} + border-radius: 5px; } .entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link, .entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:focus, .entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:active { transition: all 150ms ease-in-out; border-width: 2px; - border-style: solid; -} - -.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background), -.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:focus:not(.has-background), -.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:active:not(.has-background) { - background: transparent; -} - -.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color), -.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:focus:not(.has-text-color), -.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:active:not(.has-text-color) { - color: #0073aa; - border-color: currentColor; -} + border-style: solid; } + .entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background), + .entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:focus:not(.has-background), + .entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:active:not(.has-background) { + background: transparent; } + .entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color), + .entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:focus:not(.has-text-color), + .entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:active:not(.has-text-color) { + color: #0073aa; + border-color: currentColor; } .entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:hover { color: white; - border-color: #111; -} + border-color: #111; } .entry .entry-content .wp-block-archives, .entry .entry-content .wp-block-categories, .entry .entry-content .wp-block-latest-posts { padding: 0; - list-style: none; -} - -.entry .entry-content .wp-block-archives li, -.entry .entry-content .wp-block-categories li, -.entry .entry-content .wp-block-latest-posts li { - color: #767676; - font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; - font-size: calc(22px * 1.125); - font-weight: bold; - line-height: 1.2; - padding-bottom: 0.75rem; -} - -.entry .entry-content .wp-block-archives li.menu-item-has-children, .entry .entry-content .wp-block-archives li:last-child, -.entry .entry-content .wp-block-categories li.menu-item-has-children, -.entry .entry-content .wp-block-categories li:last-child, -.entry .entry-content .wp-block-latest-posts li.menu-item-has-children, -.entry .entry-content .wp-block-latest-posts li:last-child { - padding-bottom: 0; -} - -.entry .entry-content .wp-block-archives li a, -.entry .entry-content .wp-block-categories li a, -.entry .entry-content .wp-block-latest-posts li a { - text-decoration: none; -} + list-style: none; } + .entry .entry-content .wp-block-archives li, + .entry .entry-content .wp-block-categories li, + .entry .entry-content .wp-block-latest-posts li { + color: #767676; + font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; + font-size: calc(22px * 1.125); + font-weight: bold; + line-height: 1.2; + padding-bottom: 0.75rem; } + .entry .entry-content .wp-block-archives li.menu-item-has-children, .entry .entry-content .wp-block-archives li:last-child, + .entry .entry-content .wp-block-categories li.menu-item-has-children, + .entry .entry-content .wp-block-categories li:last-child, + .entry .entry-content .wp-block-latest-posts li.menu-item-has-children, + .entry .entry-content .wp-block-latest-posts li:last-child { + padding-bottom: 0; } + .entry .entry-content .wp-block-archives li a, + .entry .entry-content .wp-block-categories li a, + .entry .entry-content .wp-block-latest-posts li a { + text-decoration: none; } .entry .entry-content .wp-block-categories ul { - padding-top: 0.75rem; -} + padding-top: 0.75rem; } .entry .entry-content .wp-block-categories li ul { list-style: none; - padding-left: 0; -} + padding-left: 0; } .entry .entry-content .wp-block-categories ul { - counter-reset: submenu; -} + counter-reset: submenu; } .entry .entry-content .wp-block-categories ul > li > a::before { font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; font-weight: normal; content: "– " counters(submenu, "– ", none); - counter-increment: submenu; -} + counter-increment: submenu; } .entry .entry-content .wp-block-latest-posts.is-grid li { border-top: 2px solid #ccc; padding-top: 1rem; - margin-bottom: 32px; -} - -.entry .entry-content .wp-block-latest-posts.is-grid li a:after { - content: ''; -} - -.entry .entry-content .wp-block-latest-posts.is-grid li:last-child { - margin-bottom: auto; -} - -.entry .entry-content .wp-block-latest-posts.is-grid li:last-child a:after { - content: ''; -} + margin-bottom: 32px; } + .entry .entry-content .wp-block-latest-posts.is-grid li a:after { + content: ''; } + .entry .entry-content .wp-block-latest-posts.is-grid li:last-child { + margin-bottom: auto; } + .entry .entry-content .wp-block-latest-posts.is-grid li:last-child a:after { + content: ''; } .entry .entry-content .wp-block-preformatted { - font-size: 0.71111em; + font-size: 0.7111111111em; line-height: 1.8; - padding: 1rem; -} + padding: 1rem; } .entry .entry-content .wp-block-verse { font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; font-size: 22px; - line-height: 1.8; -} + line-height: 1.8; } .entry .entry-content .has-drop-cap:not(:focus):first-letter { font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; font-size: 5.7375em; line-height: 1; font-weight: normal; - margin: 0 0.25em 0 0; -} + margin: 0 0.25em 0 0; } .entry .entry-content .wp-block-pullquote { border-color: transparent; border-width: 2px; - padding: 1rem; -} - -.entry .entry-content .wp-block-pullquote blockquote { - color: #1e1e1e; - border: none; - margin-top: calc(3 * 32px); - margin-bottom: calc(3.33 * 32px); - margin-right: 0; -} - -.entry .entry-content .wp-block-pullquote p { - font-size: 1.6875em; - font-style: italic; - line-height: 1.3; - margin-bottom: 0.5em; - margin-top: 0.5em; -} - -.entry .entry-content .wp-block-pullquote p em { - font-style: normal; -} - -@media only screen and (min-width: 768px) { + padding: 1rem; } + .entry .entry-content .wp-block-pullquote blockquote { + color: #1e1e1e; + border: none; + margin-top: calc(3 * 32px); + margin-bottom: calc(3.33 * 32px); + margin-right: 0; } .entry .entry-content .wp-block-pullquote p { - font-size: 2.25em; - } -} - -.entry .entry-content .wp-block-pullquote cite { - display: inline-block; - font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; - line-height: 1.6; - text-transform: none; - color: #767676; - /* + font-size: 1.6875em; + font-style: italic; + line-height: 1.3; + margin-bottom: 0.5em; + margin-top: 0.5em; } + .entry .entry-content .wp-block-pullquote p em { + font-style: normal; } + @media only screen and (min-width: 768px) { + .entry .entry-content .wp-block-pullquote p { + font-size: 2.25em; } } + .entry .entry-content .wp-block-pullquote cite { + display: inline-block; + font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; + line-height: 1.6; + text-transform: none; + color: #767676; + /* * This requires a rem-based font size calculation instead of our normal em-based one, * because the cite tag sometimes gets wrapped in a p tag. This is equivalent to $font-size_xs. */ - font-size: calc(1rem / (1.25 * 1.125)); -} - -.entry .entry-content .wp-block-pullquote.alignleft, .entry .entry-content .wp-block-pullquote.alignright { - width: 100%; - padding: 0; -} - -.entry .entry-content .wp-block-pullquote.alignleft blockquote, .entry .entry-content .wp-block-pullquote.alignright blockquote { - margin-left: 0; - padding: 0; - text-align: left; - max-width: 100%; -} - -.entry .entry-content .wp-block-pullquote.is-style-solid-color { - background-color: #0073aa; - padding-left: 0; - padding-right: 0; -} - -@media only screen and (min-width: 768px) { + font-size: calc(1rem / (1.25 * 1.125)); } + .entry .entry-content .wp-block-pullquote.alignleft, .entry .entry-content .wp-block-pullquote.alignright { + width: 100%; + padding: 0; } + .entry .entry-content .wp-block-pullquote.alignleft blockquote, .entry .entry-content .wp-block-pullquote.alignright blockquote { + margin-left: 0; + padding: 0; + text-align: left; + max-width: 100%; } .entry .entry-content .wp-block-pullquote.is-style-solid-color { - padding-left: 10%; - padding-right: 10%; - } -} - -.entry .entry-content .wp-block-pullquote.is-style-solid-color p { - font-size: 1.6875em; - line-height: 1.3; - margin-bottom: 0.5em; - margin-top: 0.5em; -} - -@media only screen and (min-width: 768px) { - .entry .entry-content .wp-block-pullquote.is-style-solid-color p { - font-size: 2.25em; - } -} - -.entry .entry-content .wp-block-pullquote.is-style-solid-color a { - color: #fff; -} - -.entry .entry-content .wp-block-pullquote.is-style-solid-color cite { - color: inherit; -} - -.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote { - max-width: calc(100% - (2 * 1rem)); - color: #fff; - padding-left: 0; - margin-left: 1rem; -} - -.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-text-color p, -.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 { - color: inherit; -} - -@media only screen and (min-width: 768px) { - .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote { - margin-left: 0; - margin-right: 0; - } -} - -@media only screen and (min-width: 768px) { - .entry .entry-content .wp-block-pullquote.is-style-solid-color.alignfull { - padding-left: calc(10% + 58px + (2 * 1rem)); - padding-right: calc(10% + 58px + (2 * 1rem)); - } -} + background-color: #0073aa; + padding-left: 0; + padding-right: 0; } + @media only screen and (min-width: 768px) { + .entry .entry-content .wp-block-pullquote.is-style-solid-color { + padding-left: 10%; + padding-right: 10%; } } + .entry .entry-content .wp-block-pullquote.is-style-solid-color p { + font-size: 1.6875em; + line-height: 1.3; + margin-bottom: 0.5em; + margin-top: 0.5em; } + @media only screen and (min-width: 768px) { + .entry .entry-content .wp-block-pullquote.is-style-solid-color p { + font-size: 2.25em; } } + .entry .entry-content .wp-block-pullquote.is-style-solid-color a { + color: #fff; } + .entry .entry-content .wp-block-pullquote.is-style-solid-color cite { + color: inherit; } + .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote { + max-width: calc(100% - (2 * 1rem)); + color: #fff; + padding-left: 0; + margin-left: 1rem; } + .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-text-color p, + .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 { + color: inherit; } + @media only screen and (min-width: 768px) { + .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote { + margin-left: 0; + margin-right: 0; } } + @media only screen and (min-width: 768px) { + .entry .entry-content .wp-block-pullquote.is-style-solid-color.alignfull { + padding-left: calc(10% + 58px + (2 * 1rem)); + padding-right: calc(10% + 58px + (2 * 1rem)); } } .entry .entry-content .wp-block-quote:not(.is-large), .entry .entry-content .wp-block-quote:not(.is-style-large) { border-color: #0073aa; border-width: 2px; padding-top: 0; - padding-bottom: 0; -} + padding-bottom: 0; } .entry .entry-content .wp-block-quote p { font-size: 1em; font-style: normal; - line-height: 1.8; -} + line-height: 1.8; } .entry .entry-content .wp-block-quote cite { /* * This requires a rem-based font size calculation instead of our normal em-based one, * because the cite tag sometimes gets wrapped in a p tag. This is equivalent to $font-size_xs. */ - font-size: calc(1rem / (1.25 * 1.125)); -} + font-size: calc(1rem / (1.25 * 1.125)); } .entry .entry-content .wp-block-quote.is-large, .entry .entry-content .wp-block-quote.is-style-large { margin: 1rem auto; padding: 0; - border-left: none; -} - -.entry .entry-content .wp-block-quote.is-large p, .entry .entry-content .wp-block-quote.is-style-large p { - font-size: 1.6875em; - line-height: 1.4; - font-style: italic; -} - -.entry .entry-content .wp-block-quote.is-large cite, -.entry .entry-content .wp-block-quote.is-large footer, .entry .entry-content .wp-block-quote.is-style-large cite, -.entry .entry-content .wp-block-quote.is-style-large footer { - /* + border-left: none; } + .entry .entry-content .wp-block-quote.is-large p, .entry .entry-content .wp-block-quote.is-style-large p { + font-size: 1.6875em; + line-height: 1.4; + font-style: italic; } + .entry .entry-content .wp-block-quote.is-large cite, + .entry .entry-content .wp-block-quote.is-large footer, .entry .entry-content .wp-block-quote.is-style-large cite, + .entry .entry-content .wp-block-quote.is-style-large footer { + /* * This requires a rem-based font size calculation instead of our normal em-based one, * because the cite tag sometimes gets wrapped in a p tag. This is equivalent to $font-size_xs. */ - font-size: calc(1rem / (1.25 * 1.125)); -} - -@media only screen and (min-width: 768px) { - .entry .entry-content .wp-block-quote.is-large, .entry .entry-content .wp-block-quote.is-style-large { - margin: 32px auto; - padding: 1rem 0; - } - .entry .entry-content .wp-block-quote.is-large p, .entry .entry-content .wp-block-quote.is-style-large p { - font-size: 1.6875em; - } -} + font-size: calc(1rem / (1.25 * 1.125)); } + @media only screen and (min-width: 768px) { + .entry .entry-content .wp-block-quote.is-large, .entry .entry-content .wp-block-quote.is-style-large { + margin: 32px auto; + padding: 1rem 0; } + .entry .entry-content .wp-block-quote.is-large p, .entry .entry-content .wp-block-quote.is-style-large p { + font-size: 1.6875em; } } .entry .entry-content .wp-block-image img { - display: block; -} + display: block; } .entry .entry-content .wp-block-image.alignleft, .entry .entry-content .wp-block-image.alignright { - max-width: 100%; -} + max-width: 100%; } .entry .entry-content .wp-block-image.alignfull img { - width: 100vw; -} - -@media only screen and (min-width: 768px) { - .entry .entry-content .wp-block-image.alignfull img { - margin-left: auto; - margin-right: auto; - } -} + width: 100vw; } + @media only screen and (min-width: 768px) { + .entry .entry-content .wp-block-image.alignfull img { + margin-left: auto; + margin-right: auto; } } .entry .entry-content .wp-block-cover-image, .entry .entry-content .wp-block-cover { position: relative; min-height: 345px; - padding: 1rem; -} - -@media only screen and (min-width: 768px) { - .entry .entry-content .wp-block-cover-image, - .entry .entry-content .wp-block-cover { - padding: 1rem 10%; - min-height: 460px; - } -} - -.entry .entry-content .wp-block-cover-image + .wp-block-cover:not(.alignleft):not(.alignrights), -.entry .entry-content .wp-block-cover-image + .wp-block-cover-image:not(.alignleft):not(.alignrights), -.entry .entry-content .wp-block-cover + .wp-block-cover:not(.alignleft):not(.alignrights), -.entry .entry-content .wp-block-cover + .wp-block-cover-image:not(.alignleft):not(.alignrights) { - margin-top: 32px; -} - -.entry .entry-content .wp-block-cover-image .wp-block-cover-image-text, -.entry .entry-content .wp-block-cover-image .wp-block-cover-text, -.entry .entry-content .wp-block-cover-image h2, -.entry .entry-content .wp-block-cover .wp-block-cover-image-text, -.entry .entry-content .wp-block-cover .wp-block-cover-text, -.entry .entry-content .wp-block-cover h2 { - font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; - font-size: 1.6875em; - line-height: 1.25; - padding: 0; - color: #fff; - -ms-hyphens: auto; - -webkit-hyphens: auto; - hyphens: auto; -} - -@media only screen and (min-width: 768px) { + padding: 1rem; } + @media only screen and (min-width: 768px) { + .entry .entry-content .wp-block-cover-image, + .entry .entry-content .wp-block-cover { + padding: 1rem 10%; + min-height: 460px; } } + .entry .entry-content .wp-block-cover-image + .wp-block-cover:not(.alignleft):not(.alignrights), + .entry .entry-content .wp-block-cover-image + .wp-block-cover-image:not(.alignleft):not(.alignrights), + .entry .entry-content .wp-block-cover + .wp-block-cover:not(.alignleft):not(.alignrights), + .entry .entry-content .wp-block-cover + .wp-block-cover-image:not(.alignleft):not(.alignrights) { + margin-top: 32px; } .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text, .entry .entry-content .wp-block-cover-image .wp-block-cover-text, .entry .entry-content .wp-block-cover-image h2, .entry .entry-content .wp-block-cover .wp-block-cover-image-text, .entry .entry-content .wp-block-cover .wp-block-cover-text, .entry .entry-content .wp-block-cover h2 { - font-size: 2.25em; - max-width: 100%; - } -} - -.entry .entry-content .wp-block-cover-image.alignleft, .entry .entry-content .wp-block-cover-image.alignright, -.entry .entry-content .wp-block-cover.alignleft, -.entry .entry-content .wp-block-cover.alignright { - width: 100%; -} - -@media only screen and (min-width: 768px) { + font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; + font-size: 1.6875em; + line-height: 1.25; + padding: 0; + color: #fff; + -ms-hyphens: auto; + -moz-hyphens: auto; + -webkit-hyphens: auto; + hyphens: auto; } + @media only screen and (min-width: 768px) { + .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text, + .entry .entry-content .wp-block-cover-image .wp-block-cover-text, + .entry .entry-content .wp-block-cover-image h2, + .entry .entry-content .wp-block-cover .wp-block-cover-image-text, + .entry .entry-content .wp-block-cover .wp-block-cover-text, + .entry .entry-content .wp-block-cover h2 { + font-size: 2.25em; + max-width: 100%; } } .entry .entry-content .wp-block-cover-image.alignleft, .entry .entry-content .wp-block-cover-image.alignright, .entry .entry-content .wp-block-cover.alignleft, .entry .entry-content .wp-block-cover.alignright { - padding: 1rem; - } -} - -.entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-image-text, -.entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-text, -.entry .entry-content .wp-block-cover-image.alignfull h2, -.entry .entry-content .wp-block-cover.alignfull .wp-block-cover-image-text, -.entry .entry-content .wp-block-cover.alignfull .wp-block-cover-text, -.entry .entry-content .wp-block-cover.alignfull h2 { - width: 100%; - margin-left: auto; - margin-right: auto; -} - -@media only screen and (min-width: 768px) { + width: 100%; } + @media only screen and (min-width: 768px) { + .entry .entry-content .wp-block-cover-image.alignleft, .entry .entry-content .wp-block-cover-image.alignright, + .entry .entry-content .wp-block-cover.alignleft, + .entry .entry-content .wp-block-cover.alignright { + padding: 1rem; } } .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-image-text, .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-text, .entry .entry-content .wp-block-cover-image.alignfull h2, .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-image-text, .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-text, .entry .entry-content .wp-block-cover.alignfull h2 { - max-width: calc(8 * (100vw / 12) - 28px); - } -} - -@media only screen and (min-width: 1168px) { - .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-image-text, - .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-text, - .entry .entry-content .wp-block-cover-image.alignfull h2, - .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-image-text, - .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-text, - .entry .entry-content .wp-block-cover.alignfull h2 { - max-width: calc(6 * (100vw / 12) - 28px); - } -} - -@media only screen and (min-width: 768px) { - .entry .entry-content .wp-block-cover-image.alignfull, - .entry .entry-content .wp-block-cover.alignfull { - padding-left: calc(10% + 58px + (2 * 1rem)); - padding-right: calc(10% + 58px + (2 * 1rem)); - } - .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-image-text, - .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-text, - .entry .entry-content .wp-block-cover-image.alignfull h2, - .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-image-text, - .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-text, - .entry .entry-content .wp-block-cover.alignfull h2 { - padding: 0; - } -} + width: 100%; + margin-left: auto; + margin-right: auto; } + @media only screen and (min-width: 768px) { + .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-image-text, + .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-text, + .entry .entry-content .wp-block-cover-image.alignfull h2, + .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-image-text, + .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-text, + .entry .entry-content .wp-block-cover.alignfull h2 { + max-width: calc(8 * (100vw / 12) - 28px); } } + @media only screen and (min-width: 1168px) { + .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-image-text, + .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-text, + .entry .entry-content .wp-block-cover-image.alignfull h2, + .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-image-text, + .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-text, + .entry .entry-content .wp-block-cover.alignfull h2 { + max-width: calc(6 * (100vw / 12) - 28px); } } + @media only screen and (min-width: 768px) { + .entry .entry-content .wp-block-cover-image.alignfull, + .entry .entry-content .wp-block-cover.alignfull { + padding-left: calc(10% + 58px + (2 * 1rem)); + padding-right: calc(10% + 58px + (2 * 1rem)); } + .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-image-text, + .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-text, + .entry .entry-content .wp-block-cover-image.alignfull h2, + .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-image-text, + .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-text, + .entry .entry-content .wp-block-cover.alignfull h2 { + padding: 0; } } .entry .entry-content .wp-block-gallery { list-style-type: none; - padding-left: 0; -} - -.entry .entry-content .wp-block-gallery .blocks-gallery-image:last-child, -.entry .entry-content .wp-block-gallery .blocks-gallery-item:last-child { - margin-bottom: 16px; -} + padding-left: 0; } + .entry .entry-content .wp-block-gallery .blocks-gallery-image:last-child, + .entry .entry-content .wp-block-gallery .blocks-gallery-item:last-child { + margin-bottom: 16px; } .entry .entry-content .wp-block-audio figcaption, .entry .entry-content .wp-block-video figcaption, .entry .entry-content .wp-block-image figcaption, .entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption, .entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption { - font-size: 0.71111em; + font-size: 0.7111111111em; font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; line-height: 1.6; margin: 0; padding: 0.5rem; - text-align: center; -} + text-align: center; } .entry .entry-content .wp-block-separator, .entry .entry-content hr { @@ -4011,468 +2967,343 @@ body.page .main-navigation { margin-top: 32px; max-width: 100%; /* Remove duplicate rule-line when a separator - * is followed by an H1, or H2 */ -} - -@media only screen and (min-width: 768px) { - .entry .entry-content .wp-block-separator, - .entry .entry-content hr { - max-width: calc(8 * (100vw / 12) - 28px); - } -} - -@media only screen and (min-width: 1168px) { - .entry .entry-content .wp-block-separator, - .entry .entry-content hr { - max-width: calc(6 * (100vw / 12) - 28px); - } -} - -.entry .entry-content .wp-block-separator:after, -.entry .entry-content hr:after { - background-color: #ececec; - content: ''; - display: block; - height: 2px; - max-width: 3.25em; -} - -.entry .entry-content .wp-block-separator.is-style-wide, -.entry .entry-content hr.is-style-wide { - background-color: #ececec; - max-width: 100%; -} - -@media only screen and (min-width: 768px) { + * is followed by an H1, or H2 */ } + @media only screen and (min-width: 768px) { + .entry .entry-content .wp-block-separator, + .entry .entry-content hr { + max-width: calc(8 * (100vw / 12) - 28px); } } + @media only screen and (min-width: 1168px) { + .entry .entry-content .wp-block-separator, + .entry .entry-content hr { + max-width: calc(6 * (100vw / 12) - 28px); } } + .entry .entry-content .wp-block-separator:after, + .entry .entry-content hr:after { + background-color: #ececec; + content: ''; + display: block; + height: 2px; + max-width: 3.25em; } .entry .entry-content .wp-block-separator.is-style-wide, .entry .entry-content hr.is-style-wide { - max-width: calc(8 * (100vw / 12) - 28px); - } -} - -@media only screen and (min-width: 1168px) { - .entry .entry-content .wp-block-separator.is-style-wide, - .entry .entry-content hr.is-style-wide { - max-width: calc(6 * (100vw / 12) - 28px); - } -} - -.entry .entry-content .wp-block-separator.is-style-wide:after, -.entry .entry-content hr.is-style-wide:after { - display: none; -} - -.entry .entry-content .wp-block-separator.is-style-dots, -.entry .entry-content hr.is-style-dots { - max-width: 100%; - background-color: inherit; - border: inherit; - height: inherit; - text-align: center; -} - -@media only screen and (min-width: 768px) { + background-color: #ececec; + max-width: 100%; } + @media only screen and (min-width: 768px) { + .entry .entry-content .wp-block-separator.is-style-wide, + .entry .entry-content hr.is-style-wide { + max-width: calc(8 * (100vw / 12) - 28px); } } + @media only screen and (min-width: 1168px) { + .entry .entry-content .wp-block-separator.is-style-wide, + .entry .entry-content hr.is-style-wide { + max-width: calc(6 * (100vw / 12) - 28px); } } + .entry .entry-content .wp-block-separator.is-style-wide:after, + .entry .entry-content hr.is-style-wide:after { + display: none; } .entry .entry-content .wp-block-separator.is-style-dots, .entry .entry-content hr.is-style-dots { - max-width: calc(8 * (100vw / 12) - 28px); - } -} - -@media only screen and (min-width: 1168px) { - .entry .entry-content .wp-block-separator.is-style-dots, - .entry .entry-content hr.is-style-dots { - max-width: calc(6 * (100vw / 12) - 28px); - } -} - -.entry .entry-content .wp-block-separator.is-style-dots:before, -.entry .entry-content hr.is-style-dots:before { - color: #767676; - font-size: 1.6875em; - letter-spacing: 0.88889em; - padding-left: 0.88889em; -} - -.entry .entry-content .wp-block-separator.is-style-dots:after, -.entry .entry-content hr.is-style-dots:after { - display: none; -} - -.entry .entry-content .wp-block-separator + h1:before, -.entry .entry-content .wp-block-separator + h2:before, -.entry .entry-content hr + h1:before, -.entry .entry-content hr + h2:before { - display: none; -} + max-width: 100%; + background-color: inherit; + border: inherit; + height: inherit; + text-align: center; } + @media only screen and (min-width: 768px) { + .entry .entry-content .wp-block-separator.is-style-dots, + .entry .entry-content hr.is-style-dots { + max-width: calc(8 * (100vw / 12) - 28px); } } + @media only screen and (min-width: 1168px) { + .entry .entry-content .wp-block-separator.is-style-dots, + .entry .entry-content hr.is-style-dots { + max-width: calc(6 * (100vw / 12) - 28px); } } + .entry .entry-content .wp-block-separator.is-style-dots:before, + .entry .entry-content hr.is-style-dots:before { + color: #767676; + font-size: 1.6875em; + letter-spacing: 0.8888888889em; + padding-left: 0.8888888889em; } + .entry .entry-content .wp-block-separator.is-style-dots:after, + .entry .entry-content hr.is-style-dots:after { + display: none; } + .entry .entry-content .wp-block-separator + h1:before, + .entry .entry-content .wp-block-separator + h2:before, + .entry .entry-content hr + h1:before, + .entry .entry-content hr + h2:before { + display: none; } .entry .entry-content .wp-block-embed-twitter { - word-break: break-word; -} + word-break: break-word; } .entry .entry-content .wp-block-table th, .entry .entry-content .wp-block-table td { - border-color: #767676; -} + border-color: #767676; } .entry .entry-content .wp-block-file { - font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; -} - -.entry .entry-content .wp-block-file .wp-block-file__button { - display: table; - transition: background 150ms ease-in-out; - border: none; - border-radius: 5px; - background: #0073aa; - font-size: 22px; - font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; - line-height: 1.2; - text-decoration: none; - font-weight: bold; - padding: 0.75rem 1rem; - color: #fff; - margin-left: 0; - margin-top: calc(0.75 * 32px); -} - -@media only screen and (min-width: 1168px) { + font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; } .entry .entry-content .wp-block-file .wp-block-file__button { + display: table; + transition: background 150ms ease-in-out; + border: none; + border-radius: 5px; + background: #0073aa; font-size: 22px; - padding: 0.875rem 1.5rem; - } -} - -.entry .entry-content .wp-block-file .wp-block-file__button:hover { - background: #111; - cursor: pointer; -} - -.entry .entry-content .wp-block-file .wp-block-file__button:focus { - background: #111; - outline: thin dotted; - outline-offset: -4px; -} + font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; + line-height: 1.2; + text-decoration: none; + font-weight: bold; + padding: 0.75rem 1rem; + color: #fff; + margin-left: 0; + margin-top: calc(0.75 * 32px); } + @media only screen and (min-width: 1168px) { + .entry .entry-content .wp-block-file .wp-block-file__button { + font-size: 22px; + padding: 0.875rem 1.5rem; } } + .entry .entry-content .wp-block-file .wp-block-file__button:hover { + background: #111; + cursor: pointer; } + .entry .entry-content .wp-block-file .wp-block-file__button:focus { + background: #111; + outline: thin dotted; + outline-offset: -4px; } .entry .entry-content .wp-block-code { - border-radius: 0; -} - -.entry .entry-content .wp-block-code code { - font-size: 1.125em; - white-space: pre-wrap; - word-break: break-word; -} + border-radius: 0; } + .entry .entry-content .wp-block-code code { + font-size: 1.125em; + white-space: pre-wrap; + word-break: break-word; } .entry .entry-content .wp-block-media-text { background: #0d1b24; color: #fff; - position: relative; -} - -.entry .entry-content .wp-block-media-text.has-media-on-the-right.is-stacked-on-mobile .wp-block-media-text__media { - grid-area: media-text-content; -} - -.entry .entry-content .wp-block-media-text.has-media-on-the-right.is-stacked-on-mobile .wp-block-media-text__content { - grid-area: media-text-media; -} - -@media only screen and (min-width: 600px) { + position: relative; } .entry .entry-content .wp-block-media-text.has-media-on-the-right.is-stacked-on-mobile .wp-block-media-text__media { - grid-area: media-text-media; - } + grid-area: media-text-content; } .entry .entry-content .wp-block-media-text.has-media-on-the-right.is-stacked-on-mobile .wp-block-media-text__content { - grid-area: media-text-content; - } -} - -.entry .entry-content .wp-block-media-text:before { - content: ''; - position: absolute; - top: 10px; - right: 10px; - bottom: 10px; - left: 10px; - border: 1px solid #fff; - z-index: 1; -} - -.entry .entry-content .wp-block-media-text .wp-block-media-text__content { - margin-bottom: 10px; - z-index: 2; -} - -.entry .entry-content .wp-block-media-text .wp-block-media-text__content a, -.entry .entry-content .wp-block-media-text .wp-block-media-text__content a:hover { - color: inherit; -} - -@media only screen and (min-width: 600px) { + grid-area: media-text-media; } + @media only screen and (min-width: 600px) { + .entry .entry-content .wp-block-media-text.has-media-on-the-right.is-stacked-on-mobile .wp-block-media-text__media { + grid-area: media-text-media; } + .entry .entry-content .wp-block-media-text.has-media-on-the-right.is-stacked-on-mobile .wp-block-media-text__content { + grid-area: media-text-content; } } + .entry .entry-content .wp-block-media-text:before { + content: ''; + position: absolute; + top: 10px; + right: 10px; + bottom: 10px; + left: 10px; + border: 1px solid #fff; + z-index: 1; } .entry .entry-content .wp-block-media-text .wp-block-media-text__content { - margin-top: 10px; - } -} - -@media only screen and (min-width: 768px) { - .entry .entry-content .wp-block-media-text .wp-block-media-text__content { - padding-right: calc(8% + 10px); - } - .entry .entry-content .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content { - padding-left: calc(8% + 10px); - padding-right: 8%; - } -} - -@media all and (-ms-high-contrast: none) { - .entry .entry-content .wp-block-media-text:after { - display: table; - content: ""; - clear: both; - } - .entry .entry-content .wp-block-media-text figure { - float: left; - width: 50%; - } - .entry .entry-content .wp-block-media-text .wp-block-media-text__content { - float: right; - width: 50%; - } - .entry .entry-content .wp-block-media-text.has-media-on-the-right figure { - float: right; - } - .entry .entry-content .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content { - float: left; - } -} + margin-bottom: 10px; + z-index: 2; } + .entry .entry-content .wp-block-media-text .wp-block-media-text__content a, + .entry .entry-content .wp-block-media-text .wp-block-media-text__content a:hover { + color: inherit; } + @media only screen and (min-width: 600px) { + .entry .entry-content .wp-block-media-text .wp-block-media-text__content { + margin-top: 10px; } } + @media only screen and (min-width: 768px) { + .entry .entry-content .wp-block-media-text .wp-block-media-text__content { + padding-right: calc(8% + 10px); } + .entry .entry-content .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content { + padding-left: calc(8% + 10px); + padding-right: 8%; } } + @media all and (-ms-high-contrast: none) { + .entry .entry-content .wp-block-media-text:after { + display: table; + content: ""; + clear: both; } + .entry .entry-content .wp-block-media-text figure { + float: left; + width: 50%; } + .entry .entry-content .wp-block-media-text .wp-block-media-text__content { + float: right; + width: 50%; } + .entry .entry-content .wp-block-media-text.has-media-on-the-right figure { + float: right; } + .entry .entry-content .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content { + float: left; } } .entry .entry-content .wp-block-columns.alignfull { padding-left: 1rem; - padding-right: 1rem; -} + padding-right: 1rem; } -@media only screen and (min-width: 768px) { +@media only screen and (min-width: 782px) { .entry .entry-content .wp-block-columns .wp-block-column > *:first-child { - margin-top: 0; - } + margin-top: 0; } .entry .entry-content .wp-block-columns .wp-block-column > *:last-child { - margin-bottom: 0; - } + margin-bottom: 0; } .entry .entry-content .wp-block-columns[class*='has-'] > * { margin-left: 1rem; - margin-right: 1rem; - } - .entry .entry-content .wp-block-columns[class*='has-'] > *:first-child { - margin-left: 0; - } - .entry .entry-content .wp-block-columns[class*='has-'] > *:last-child { - margin-right: 0; - } + margin-right: 1rem; } + .entry .entry-content .wp-block-columns[class*='has-'] > *:first-child { + margin-left: 0; } + .entry .entry-content .wp-block-columns[class*='has-'] > *:last-child { + margin-right: 0; } .entry .entry-content .wp-block-columns.alignfull { padding-left: calc( 2 * 1rem); - padding-right: calc( 2 * 1rem); - } -} + padding-right: calc( 2 * 1rem); } } .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta { font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; - font-weight: bold; -} - -.entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-date { - font-weight: normal; -} + font-weight: bold; } + .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-date { + font-weight: normal; } .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment, .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-date, .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p { - font-size: inherit; -} + font-size: inherit; } .entry .entry-content .wp-block-latest-comments.has-dates .wp-block-latest-comments__comment-date { - font-size: 0.71111em; -} + font-size: 0.7111111111em; } .entry .entry-content .has-small-font-size { - font-size: 0.88889em; -} + font-size: 0.8888888889em; } .entry .entry-content .has-normal-font-size { - font-size: 1.125em; -} + font-size: 1.125em; } .entry .entry-content .has-large-font-size { - font-size: 1.6875em; -} + font-size: 1.6875em; } .entry .entry-content .has-huge-font-size { - font-size: 2.25em; -} + font-size: 2.25em; } .entry .entry-content .has-primary-background-color, .entry .entry-content .has-secondary-background-color, .entry .entry-content .has-dark-gray-background-color, .entry .entry-content .has-light-gray-background-color { - color: #fff; -} - -.entry .entry-content .has-primary-background-color p, -.entry .entry-content .has-primary-background-color h1, -.entry .entry-content .has-primary-background-color h2, -.entry .entry-content .has-primary-background-color h3, -.entry .entry-content .has-primary-background-color h4, -.entry .entry-content .has-primary-background-color h5, -.entry .entry-content .has-primary-background-color h6, -.entry .entry-content .has-primary-background-color a, -.entry .entry-content .has-secondary-background-color p, -.entry .entry-content .has-secondary-background-color h1, -.entry .entry-content .has-secondary-background-color h2, -.entry .entry-content .has-secondary-background-color h3, -.entry .entry-content .has-secondary-background-color h4, -.entry .entry-content .has-secondary-background-color h5, -.entry .entry-content .has-secondary-background-color h6, -.entry .entry-content .has-secondary-background-color a, -.entry .entry-content .has-dark-gray-background-color p, -.entry .entry-content .has-dark-gray-background-color h1, -.entry .entry-content .has-dark-gray-background-color h2, -.entry .entry-content .has-dark-gray-background-color h3, -.entry .entry-content .has-dark-gray-background-color h4, -.entry .entry-content .has-dark-gray-background-color h5, -.entry .entry-content .has-dark-gray-background-color h6, -.entry .entry-content .has-dark-gray-background-color a, -.entry .entry-content .has-light-gray-background-color p, -.entry .entry-content .has-light-gray-background-color h1, -.entry .entry-content .has-light-gray-background-color h2, -.entry .entry-content .has-light-gray-background-color h3, -.entry .entry-content .has-light-gray-background-color h4, -.entry .entry-content .has-light-gray-background-color h5, -.entry .entry-content .has-light-gray-background-color h6, -.entry .entry-content .has-light-gray-background-color a { - color: #fff; -} + color: #fff; } + .entry .entry-content .has-primary-background-color p, + .entry .entry-content .has-primary-background-color h1, + .entry .entry-content .has-primary-background-color h2, + .entry .entry-content .has-primary-background-color h3, + .entry .entry-content .has-primary-background-color h4, + .entry .entry-content .has-primary-background-color h5, + .entry .entry-content .has-primary-background-color h6, + .entry .entry-content .has-primary-background-color a, + .entry .entry-content .has-secondary-background-color p, + .entry .entry-content .has-secondary-background-color h1, + .entry .entry-content .has-secondary-background-color h2, + .entry .entry-content .has-secondary-background-color h3, + .entry .entry-content .has-secondary-background-color h4, + .entry .entry-content .has-secondary-background-color h5, + .entry .entry-content .has-secondary-background-color h6, + .entry .entry-content .has-secondary-background-color a, + .entry .entry-content .has-dark-gray-background-color p, + .entry .entry-content .has-dark-gray-background-color h1, + .entry .entry-content .has-dark-gray-background-color h2, + .entry .entry-content .has-dark-gray-background-color h3, + .entry .entry-content .has-dark-gray-background-color h4, + .entry .entry-content .has-dark-gray-background-color h5, + .entry .entry-content .has-dark-gray-background-color h6, + .entry .entry-content .has-dark-gray-background-color a, + .entry .entry-content .has-light-gray-background-color p, + .entry .entry-content .has-light-gray-background-color h1, + .entry .entry-content .has-light-gray-background-color h2, + .entry .entry-content .has-light-gray-background-color h3, + .entry .entry-content .has-light-gray-background-color h4, + .entry .entry-content .has-light-gray-background-color h5, + .entry .entry-content .has-light-gray-background-color h6, + .entry .entry-content .has-light-gray-background-color a { + color: #fff; } .entry .entry-content .has-white-background-color { - color: #1e1e1e; -} - -.entry .entry-content .has-white-background-color p, -.entry .entry-content .has-white-background-color h1, -.entry .entry-content .has-white-background-color h2, -.entry .entry-content .has-white-background-color h3, -.entry .entry-content .has-white-background-color h4, -.entry .entry-content .has-white-background-color h5, -.entry .entry-content .has-white-background-color h6, -.entry .entry-content .has-white-background-color a { - color: #1e1e1e; -} + color: #1e1e1e; } + .entry .entry-content .has-white-background-color p, + .entry .entry-content .has-white-background-color h1, + .entry .entry-content .has-white-background-color h2, + .entry .entry-content .has-white-background-color h3, + .entry .entry-content .has-white-background-color h4, + .entry .entry-content .has-white-background-color h5, + .entry .entry-content .has-white-background-color h6, + .entry .entry-content .has-white-background-color a { + color: #1e1e1e; } .entry .entry-content .has-primary-background-color, .entry .entry-content .wp-block-pullquote.is-style-solid-color.has-primary-background-color { - background-color: #0073aa; -} + background-color: #0073aa; } .entry .entry-content .has-secondary-background-color, .entry .entry-content .wp-block-pullquote.is-style-solid-color.has-secondary-background-color { - background-color: #005177; -} + background-color: #005177; } .entry .entry-content .has-dark-gray-background-color, .entry .entry-content .wp-block-pullquote.is-style-solid-color.has-dark-gray-background-color { - background-color: #1e1e1e; -} + background-color: #1e1e1e; } .entry .entry-content .has-light-gray-background-color, .entry .entry-content .wp-block-pullquote.is-style-solid-color.has-light-gray-background-color { - background-color: #767676; -} + background-color: #767676; } .entry .entry-content .has-white-background-color, .entry .entry-content .wp-block-pullquote.is-style-solid-color.has-white-background-color { - background-color: #FFF; -} + background-color: #FFF; } .entry .entry-content .has-primary-color, .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-primary-color p { - color: #0073aa; -} + color: #0073aa; } .entry .entry-content .has-secondary-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-secondary-color p { - color: #005177; -} + color: #005177; } .entry .entry-content .has-dark-gray-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-dark-gray-color p { - color: #1e1e1e; -} + color: #1e1e1e; } .entry .entry-content .has-light-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-light-gray-color p { - color: #767676; -} + color: #767676; } .entry .entry-content .has-white-color, .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-white-color { - color: #FFF; -} + color: #FFF; } /* Site Builder */ /* !Site Builder styles */ .entry .entry-content { - /* Adjust Crimson Text font vertical alignment in Firefox */ -} - -.entry .entry-content .site-builder__header { - align-items: center; - color: #767676; - display: flex; - flex-wrap: wrap; - justify-content: space-between; - max-width: 100%; - position: relative; -} - -.entry .entry-content .site-builder__title { - color: #1e1e1e; - flex: 1 1 auto; - font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; - font-size: 1.125em; - font-weight: 600; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - line-height: 1.2; - margin: 0; -} - -.entry .entry-content .site-builder__title a { - color: #1e1e1e; - text-decoration: none; -} - -.entry .entry-content .site-builder__title a:link, .entry .entry-content .site-builder__title a:visited { - color: #1e1e1e; -} - -.entry .entry-content .site-builder__title a:hover { - color: #4a4a4a; -} + /* Adjust Crimson Text font vertical alignment in Firefox */ } + .entry .entry-content .site-builder__header { + align-items: center; + color: #767676; + display: flex; + flex-wrap: wrap; + justify-content: space-between; + max-width: 100%; + position: relative; } + .entry .entry-content .site-builder__title { + color: #1e1e1e; + flex: 1 1 auto; + font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; + font-size: 1.125em; + font-weight: 600; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + line-height: 1.2; + margin: 0; } + .entry .entry-content .site-builder__title a { + color: #1e1e1e; + text-decoration: none; } + .entry .entry-content .site-builder__title a:link, .entry .entry-content .site-builder__title a:visited { + color: #1e1e1e; } + .entry .entry-content .site-builder__title a:hover { + color: #4a4a4a; } @-moz-document url-prefix() { .entry .entry-content .site-builder__title { - padding-top: 8px; - } -} - -.entry .entry-content .site-builder__description { - color: #1e1e1e; - flex: initial; - font-size: 0.71111em; - font-weight: normal; - margin: 7px 0 0; -} + padding-top: 8px; } } + .entry .entry-content .site-builder__description { + color: #1e1e1e; + flex: initial; + font-size: 0.7111111111em; + font-weight: normal; + margin: 7px 0 0; } /* Media */ .page-content .wp-smiley, @@ -4481,68 +3312,54 @@ body.page .main-navigation { border: none; margin-bottom: 0; margin-top: 0; - padding: 0; -} + padding: 0; } embed, iframe, object { - max-width: 100%; -} + max-width: 100%; } .custom-logo-link { - display: inline-block; -} + display: inline-block; } .avatar { border-radius: 100%; display: block; height: calc(2.25 * 1rem); min-height: inherit; - width: calc(2.25 * 1rem); -} + width: calc(2.25 * 1rem); } svg { transition: fill 120ms ease-in-out; - fill: currentColor; -} + fill: currentColor; } /*-------------------------------------------------------------- ## Captions --------------------------------------------------------------*/ .wp-caption { - margin-bottom: calc(1.5 * 1rem); -} - -@media only screen and (min-width: 768px) { - .wp-caption.aligncenter { - position: relative; - left: calc( calc(8 * (100vw / 12) - 28px) / 2); - transform: translateX(-50%); - } -} - -@media only screen and (min-width: 1168px) { - .wp-caption.aligncenter { - left: calc( calc(6 * (100vw / 12) - 28px) / 2); - } -} + margin-bottom: calc(1.5 * 1rem); } + @media only screen and (min-width: 768px) { + .wp-caption.aligncenter { + position: relative; + left: calc( calc(8 * (100vw / 12) - 28px) / 2); + transform: translateX(-50%); } } + @media only screen and (min-width: 1168px) { + .wp-caption.aligncenter { + left: calc( calc(6 * (100vw / 12) - 28px) / 2); } } .wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; - margin-right: auto; -} + margin-right: auto; } .wp-caption-text { color: #767676; - font-size: 0.71111em; + font-size: 0.7111111111em; font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; line-height: 1.6; margin: 0; padding: 0.5rem; - text-align: center; -} + text-align: center; } /*-------------------------------------------------------------- ## Galleries @@ -4551,8 +3368,7 @@ svg { display: flex; flex-flow: row wrap; justify-content: center; - margin-bottom: calc(1.5 * 1rem); -} + margin-bottom: calc(1.5 * 1rem); } .gallery-item { display: inline-block; @@ -4560,92 +3376,53 @@ svg { margin-bottom: 16px; text-align: center; vertical-align: top; - width: 100%; -} - -.gallery-columns-2 .gallery-item { - max-width: calc((100% - 16px * 1) / 2); -} - -.gallery-columns-2 .gallery-item:nth-of-type(2n+2) { - margin-right: 0; -} - -.gallery-columns-3 .gallery-item { - max-width: calc((100% - 16px * 2) / 3); -} - -.gallery-columns-3 .gallery-item:nth-of-type(3n+3) { - margin-right: 0; -} - -.gallery-columns-4 .gallery-item { - max-width: calc((100% - 16px * 3) / 4); -} - -.gallery-columns-4 .gallery-item:nth-of-type(4n+4) { - margin-right: 0; -} - -.gallery-columns-5 .gallery-item { - max-width: calc((100% - 16px * 4) / 5); -} - -.gallery-columns-5 .gallery-item:nth-of-type(5n+5) { - margin-right: 0; -} - -.gallery-columns-6 .gallery-item { - max-width: calc((100% - 16px * 5) / 6); -} - -.gallery-columns-6 .gallery-item:nth-of-type(6n+6) { - margin-right: 0; -} - -.gallery-columns-7 .gallery-item { - max-width: calc((100% - 16px * 6) / 7); -} - -.gallery-columns-7 .gallery-item:nth-of-type(7n+7) { - margin-right: 0; -} - -.gallery-columns-8 .gallery-item { - max-width: calc((100% - 16px * 7) / 8); -} - -.gallery-columns-8 .gallery-item:nth-of-type(8n+8) { - margin-right: 0; -} - -.gallery-columns-9 .gallery-item { - max-width: calc((100% - 16px * 8) / 9); -} - -.gallery-columns-9 .gallery-item:nth-of-type(9n+9) { - margin-right: 0; -} - -.gallery-item:last-of-type { - padding-right: 0; -} + width: 100%; } + .gallery-columns-2 .gallery-item { + max-width: calc((100% - 16px * 1) / 2); } + .gallery-columns-2 .gallery-item:nth-of-type(2n+2) { + margin-right: 0; } + .gallery-columns-3 .gallery-item { + max-width: calc((100% - 16px * 2) / 3); } + .gallery-columns-3 .gallery-item:nth-of-type(3n+3) { + margin-right: 0; } + .gallery-columns-4 .gallery-item { + max-width: calc((100% - 16px * 3) / 4); } + .gallery-columns-4 .gallery-item:nth-of-type(4n+4) { + margin-right: 0; } + .gallery-columns-5 .gallery-item { + max-width: calc((100% - 16px * 4) / 5); } + .gallery-columns-5 .gallery-item:nth-of-type(5n+5) { + margin-right: 0; } + .gallery-columns-6 .gallery-item { + max-width: calc((100% - 16px * 5) / 6); } + .gallery-columns-6 .gallery-item:nth-of-type(6n+6) { + margin-right: 0; } + .gallery-columns-7 .gallery-item { + max-width: calc((100% - 16px * 6) / 7); } + .gallery-columns-7 .gallery-item:nth-of-type(7n+7) { + margin-right: 0; } + .gallery-columns-8 .gallery-item { + max-width: calc((100% - 16px * 7) / 8); } + .gallery-columns-8 .gallery-item:nth-of-type(8n+8) { + margin-right: 0; } + .gallery-columns-9 .gallery-item { + max-width: calc((100% - 16px * 8) / 9); } + .gallery-columns-9 .gallery-item:nth-of-type(9n+9) { + margin-right: 0; } + .gallery-item:last-of-type { + padding-right: 0; } .gallery-caption { display: block; - font-size: 0.71111em; + font-size: 0.7111111111em; font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; line-height: 1.6; margin: 0; - padding: 0.5rem; -} + padding: 0.5rem; } .gallery-item > div > a { display: block; line-height: 0; - box-shadow: 0 0 0 0 transparent; -} - -.gallery-item > div > a:focus { - box-shadow: 0 0 0 2px #0073aa; -} + box-shadow: 0 0 0 0 transparent; } + .gallery-item > div > a:focus { + box-shadow: 0 0 0 2px #0073aa; }