diff -r 34716fd837a4 -r be944660c56a wp/wp-includes/css/dist/block-library/style.css --- a/wp/wp-includes/css/dist/block-library/style.css Tue Dec 15 15:52:01 2020 +0100 +++ b/wp/wp-includes/css/dist/block-library/style.css Wed Sep 21 18:19:35 2022 +0200 @@ -1,19 +1,19 @@ +@charset "UTF-8"; /** * Colors */ /** - * Deprecated colors. - * Please avoid using these. - */ -/** * Breakpoints & Media Queries */ /** - * Colors + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. */ /** - * Deprecated colors. - * Please avoid using these. + * Colors */ /** * Fonts & basic variables. @@ -32,10 +32,14 @@ * Editor widths. */ /** - * Block UI. + * Block & Editor UI. */ /** - * Border radii. + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. */ /** * Breakpoint mixins @@ -65,176 +69,332 @@ /** * Reset the WP Admin page styles for Gutenberg-like pages. */ -:root { - --wp-admin-theme-color: #007cba; - --wp-admin-theme-color-darker-10: #006ba1; - --wp-admin-theme-color-darker-20: #005a87; } +#start-resizable-editor-section { + display: none; +} -#start-resizable-editor-section { - display: none; } - +.wp-block-audio { + margin: 0 0 1em 0; +} .wp-block-audio figcaption { margin-top: 0.5em; - margin-bottom: 1em; } - + margin-bottom: 1em; +} .wp-block-audio audio { width: 100%; - min-width: 300px; } + min-width: 300px; +} .wp-block-button__link { color: #fff; background-color: #32373c; - border: none; - border-radius: 28px; + border-radius: 9999px; box-shadow: none; cursor: pointer; display: inline-block; - font-size: 18px; - padding: 12px 24px; + font-size: 1.125em; + padding: calc(0.667em + 2px) calc(1.333em + 2px); text-align: center; text-decoration: none; - overflow-wrap: break-word; } - .wp-block-button__link:hover, .wp-block-button__link:focus, .wp-block-button__link:active, .wp-block-button__link:visited { - color: #fff; } - .wp-block-button__link.aligncenter { - text-align: center; } - .wp-block-button__link.alignright { - /*rtl:ignore*/ - text-align: right; } + overflow-wrap: break-word; + box-sizing: border-box; +} +.wp-block-button__link:hover, .wp-block-button__link:focus, .wp-block-button__link:active, .wp-block-button__link:visited { + color: #fff; +} +.wp-block-button__link.aligncenter { + text-align: center; +} +.wp-block-button__link.alignright { + /*rtl:ignore*/ + text-align: right; +} +.wp-block-buttons > .wp-block-button.has-custom-width { + max-width: none; +} +.wp-block-buttons > .wp-block-button.has-custom-width .wp-block-button__link { + width: 100%; +} +.wp-block-buttons > .wp-block-button.has-custom-font-size .wp-block-button__link { + font-size: inherit; +} +.wp-block-buttons > .wp-block-button.wp-block-button__width-25 { + width: calc(25% - 0.5em); +} +.wp-block-buttons > .wp-block-button.wp-block-button__width-50 { + width: calc(50% - 0.5em); +} +.wp-block-buttons > .wp-block-button.wp-block-button__width-75 { + width: calc(75% - 0.5em); +} +.wp-block-buttons > .wp-block-button.wp-block-button__width-100 { + width: calc(100% - 0.5em); +} +.wp-block-buttons > .wp-block-button.wp-block-button__width-100:only-child { + margin-right: 0; + width: 100%; +} + +@supports (column-gap: 0.5em) { + .wp-block-buttons > .wp-block-button.wp-block-button, .wp-block-buttons.is-content-justification-right > .wp-block-button.wp-block-button { + margin-right: 0; + margin-left: 0; + } + .wp-block-buttons > .wp-block-button.wp-block-button__width-25 { + width: calc(25% - 0.375em); + } + .wp-block-buttons > .wp-block-button.wp-block-button__width-50 { + width: calc(50% - 0.25em); + } + .wp-block-buttons > .wp-block-button.wp-block-button__width-75 { + width: calc(75% - 0.125em); + } + .wp-block-buttons > .wp-block-button.wp-block-button__width-100 { + width: auto; + flex-basis: 100%; + } +} .wp-block-button.is-style-squared, .wp-block-button__link.wp-block-button.is-style-squared { - border-radius: 0; } + border-radius: 0; +} .wp-block-button.no-border-radius, .wp-block-button__link.no-border-radius { - border-radius: 0 !important; } + border-radius: 0 !important; +} -.is-style-outline .wp-block-button__link, +.is-style-outline > .wp-block-button__link, .wp-block-button__link.is-style-outline { - color: #32373c; + border: 2px solid currentColor; + padding: 0.667em 1.333em; +} + +.is-style-outline > .wp-block-button__link:not(.has-text-color), +.wp-block-button__link.is-style-outline:not(.has-text-color) { + color: currentColor; +} + +.is-style-outline > .wp-block-button__link:not(.has-background), +.wp-block-button__link.is-style-outline:not(.has-background) { background-color: transparent; - border: 2px solid; } +} -.wp-block-buttons .wp-block-button { +.wp-block-buttons { + display: flex; + flex-direction: row; + flex-wrap: wrap; + column-gap: 0.5em; + /* stylelint-disable indentation */ +} +.wp-block-buttons.is-vertical { + flex-direction: column; +} +.wp-block-buttons.is-vertical > .wp-block-button { + /*rtl:ignore*/ + margin-right: 0; +} +.wp-block-buttons.is-vertical > .wp-block-button:last-child { + margin-bottom: 0; +} +.wp-block-buttons > .wp-block-button { display: inline-block; - margin-right: 8px; - margin-bottom: 8px; } - .wp-block-buttons .wp-block-button:last-child { - margin-right: 0; } - + /*rtl:ignore*/ + margin-left: 0; + /*rtl:ignore*/ + margin-right: 0.5em; + margin-bottom: 0.5em; +} +.wp-block-buttons > .wp-block-button:last-child { + /*rtl:ignore*/ + margin-right: 0; +} +.wp-block-buttons.is-content-justification-left { + justify-content: flex-start; +} +.wp-block-buttons.is-content-justification-left.is-vertical { + align-items: flex-start; +} +.wp-block-buttons.is-content-justification-center { + justify-content: center; +} +.wp-block-buttons.is-content-justification-center.is-vertical { + align-items: center; +} +.wp-block-buttons.is-content-justification-right { + justify-content: flex-end; +} +.wp-block-buttons.is-content-justification-right > .wp-block-button { + /*rtl:ignore*/ + margin-left: 0.5em; + /*rtl:ignore*/ + margin-right: 0; +} +.wp-block-buttons.is-content-justification-right > .wp-block-button:first-child { + /*rtl:ignore*/ + margin-left: 0; +} +.wp-block-buttons.is-content-justification-right.is-vertical { + align-items: flex-end; +} +.wp-block-buttons.is-content-justification-space-between { + justify-content: space-between; +} +.wp-block-buttons.aligncenter { + text-align: center; +} +.wp-block-buttons.alignleft .wp-block-button { + /*rtl:ignore*/ + margin-left: 0; + /*rtl:ignore*/ + margin-right: 0.5em; +} +.wp-block-buttons.alignleft .wp-block-button:last-child { + /*rtl:ignore*/ + margin-right: 0; +} .wp-block-buttons.alignright .wp-block-button { /*rtl:ignore*/ margin-right: 0; /*rtl:ignore*/ - margin-left: 8px; } - .wp-block-buttons.alignright .wp-block-button:first-child { - margin-left: 0; } - -.wp-block-buttons.alignleft .wp-block-button { + margin-left: 0.5em; +} +.wp-block-buttons.alignright .wp-block-button:first-child { /*rtl:ignore*/ margin-left: 0; - /*rtl:ignore*/ - margin-right: 8px; } - .wp-block-buttons.alignleft .wp-block-button:last-child { - margin-right: 0; } +} +.wp-block-buttons:not(.is-content-justification-space-between, +.is-content-justification-right, +.is-content-justification-left, +.is-content-justification-center) .wp-block-button.aligncenter { + /* stylelint-enable indentation */ + margin-left: auto; + margin-right: auto; + margin-bottom: 0.5em; + width: 100%; +} -.wp-block-button.aligncenter, -.wp-block-buttons.aligncenter { - text-align: center; } +.wp-block-button.aligncenter { + text-align: center; +} .wp-block-calendar { - text-align: center; } - .wp-block-calendar th, - .wp-block-calendar tbody td { - padding: 4px; - border: 1px solid #ddd; } - .wp-block-calendar tfoot td { - border: none; } - .wp-block-calendar table { - width: 100%; - border-collapse: collapse; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; } - .wp-block-calendar table th { - font-weight: 400; - background: #ddd; } - .wp-block-calendar a { - text-decoration: underline; } - .wp-block-calendar tfoot a { - color: #007cba; - color: var(--wp-admin-theme-color); } - .wp-block-calendar table tbody, - .wp-block-calendar table caption { - color: #40464d; } + text-align: center; +} +.wp-block-calendar th, +.wp-block-calendar tbody td { + padding: 0.25em; + border: 1px solid #ddd; +} +.wp-block-calendar tfoot td { + border: none; +} +.wp-block-calendar table { + width: 100%; + border-collapse: collapse; +} +.wp-block-calendar table th { + font-weight: 400; + background: #ddd; +} +.wp-block-calendar a { + text-decoration: underline; +} +.wp-block-calendar table tbody, +.wp-block-calendar table caption { + color: #40464d; +} .wp-block-categories.alignleft { /*rtl:ignore*/ - margin-right: 2em; } - + margin-right: 2em; +} .wp-block-categories.alignright { /*rtl:ignore*/ - margin-left: 2em; } + margin-left: 2em; +} + +.wp-block-code code { + display: block; + white-space: pre-wrap; + overflow-wrap: break-word; +} .wp-block-columns { display: flex; - margin-bottom: 28px; - flex-wrap: wrap; } - @media (min-width: 782px) { - .wp-block-columns { - flex-wrap: nowrap; } } - .wp-block-columns.has-background { - padding: 20px 38px; } + margin-bottom: 1.75em; + box-sizing: border-box; + flex-wrap: wrap; + /** + * All Columns Alignment + */ +} +@media (min-width: 782px) { + .wp-block-columns { + flex-wrap: nowrap; + } +} +.wp-block-columns.has-background { + padding: 1.25em 2.375em; +} +.wp-block-columns.are-vertically-aligned-top { + align-items: flex-start; +} +.wp-block-columns.are-vertically-aligned-center { + align-items: center; +} +.wp-block-columns.are-vertically-aligned-bottom { + align-items: flex-end; +} .wp-block-column { flex-grow: 1; min-width: 0; word-break: break-word; - overflow-wrap: break-word; } - @media (max-width: 599px) { - .wp-block-column { - flex-basis: 100% !important; } } - @media (min-width: 600px) and (max-width: 781px) { - .wp-block-column { - flex-basis: calc(50% - 16px) !important; - flex-grow: 0; } - .wp-block-column:nth-child(even) { - margin-left: 32px; } } - @media (min-width: 782px) { - .wp-block-column { - flex-basis: 0; - flex-grow: 1; } - .wp-block-column[style*="flex-basis"] { - flex-grow: 0; } - .wp-block-column:not(:first-child) { - margin-left: 32px; } } - -/** - * All Columns Alignment - */ -.wp-block-columns.are-vertically-aligned-top { - align-items: flex-start; } - -.wp-block-columns.are-vertically-aligned-center { - align-items: center; } - -.wp-block-columns.are-vertically-aligned-bottom { - align-items: flex-end; } - -/** - * Individual Column Alignment - */ + overflow-wrap: break-word; + /** + * Individual Column Alignment + */ +} +@media (max-width: 599px) { + .wp-block-column { + flex-basis: 100% !important; + } +} +@media (min-width: 600px) and (max-width: 781px) { + .wp-block-column:not(:only-child) { + flex-basis: calc(50% - 1em) !important; + flex-grow: 0; + } + .wp-block-column:nth-child(even) { + margin-left: 2em; + } +} +@media (min-width: 782px) { + .wp-block-column { + flex-basis: 0; + flex-grow: 1; + } + .wp-block-column[style*=flex-basis] { + flex-grow: 0; + } + .wp-block-column:not(:first-child) { + margin-left: 2em; + } +} .wp-block-column.is-vertically-aligned-top { - align-self: flex-start; } - + align-self: flex-start; +} .wp-block-column.is-vertically-aligned-center { - -ms-grid-row-align: center; - align-self: center; } - + align-self: center; +} .wp-block-column.is-vertically-aligned-bottom { - align-self: flex-end; } - + align-self: flex-end; +} .wp-block-column.is-vertically-aligned-top, .wp-block-column.is-vertically-aligned-center, .wp-block-column.is-vertically-aligned-bottom { - width: 100%; } + width: 100%; +} .wp-block-cover-image, .wp-block-cover { @@ -242,235 +402,292 @@ background-size: cover; background-position: center center; min-height: 430px; - height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; - padding: 16px; } + padding: 1em; + box-sizing: border-box; + /** + * Set a default background color for has-background-dim _unless_ it includes another + * background-color class (e.g. has-green-background-color). The presence of another + * background-color class implies that another style will provide the background color + * for the overlay. + * + * See: + * - Issue with background color specificity: https://github.com/WordPress/gutenberg/issues/26545 + * - Issue with alternative fix: https://github.com/WordPress/gutenberg/issues/26545 + */ +} +.wp-block-cover-image.has-parallax, +.wp-block-cover.has-parallax { + background-attachment: fixed; +} +@supports (-webkit-overflow-scrolling: touch) { + .wp-block-cover-image.has-parallax, +.wp-block-cover.has-parallax { + background-attachment: scroll; + } +} +@media (prefers-reduced-motion: reduce) { .wp-block-cover-image.has-parallax, - .wp-block-cover.has-parallax { - background-attachment: fixed; } - @supports (-webkit-overflow-scrolling: touch) { - .wp-block-cover-image.has-parallax, - .wp-block-cover.has-parallax { - background-attachment: scroll; } } - @media (prefers-reduced-motion: reduce) { - .wp-block-cover-image.has-parallax, - .wp-block-cover.has-parallax { - background-attachment: scroll; } } - .wp-block-cover-image.has-background-dim, - .wp-block-cover.has-background-dim { - background-color: #000; } - .wp-block-cover-image.has-background-dim::before, - .wp-block-cover.has-background-dim::before { - content: ""; - background-color: inherit; } - .wp-block-cover-image.has-background-dim:not(.has-background-gradient)::before, - .wp-block-cover-image .wp-block-cover__gradient-background, - .wp-block-cover.has-background-dim:not(.has-background-gradient)::before, - .wp-block-cover .wp-block-cover__gradient-background { - position: absolute; - top: 0; - left: 0; - bottom: 0; - right: 0; - z-index: 1; } - .wp-block-cover-image.has-background-dim:not(.has-background-gradient)::before, - .wp-block-cover-image .wp-block-cover__gradient-background, - .wp-block-cover.has-background-dim:not(.has-background-gradient)::before, - .wp-block-cover .wp-block-cover__gradient-background { - opacity: 0.5; } - .wp-block-cover-image.has-background-dim.has-background-dim-10:not(.has-background-gradient)::before, - .wp-block-cover.has-background-dim.has-background-dim-10:not(.has-background-gradient)::before { - opacity: 0.1; } - .wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background, - .wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background { - opacity: 0.1; } - .wp-block-cover-image.has-background-dim.has-background-dim-20:not(.has-background-gradient)::before, - .wp-block-cover.has-background-dim.has-background-dim-20:not(.has-background-gradient)::before { - opacity: 0.2; } - .wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background, - .wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background { - opacity: 0.2; } - .wp-block-cover-image.has-background-dim.has-background-dim-30:not(.has-background-gradient)::before, - .wp-block-cover.has-background-dim.has-background-dim-30:not(.has-background-gradient)::before { - opacity: 0.3; } - .wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background, - .wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background { - opacity: 0.3; } - .wp-block-cover-image.has-background-dim.has-background-dim-40:not(.has-background-gradient)::before, - .wp-block-cover.has-background-dim.has-background-dim-40:not(.has-background-gradient)::before { - opacity: 0.4; } - .wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background, - .wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background { - opacity: 0.4; } - .wp-block-cover-image.has-background-dim.has-background-dim-50:not(.has-background-gradient)::before, - .wp-block-cover.has-background-dim.has-background-dim-50:not(.has-background-gradient)::before { - opacity: 0.5; } - .wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background, - .wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background { - opacity: 0.5; } - .wp-block-cover-image.has-background-dim.has-background-dim-60:not(.has-background-gradient)::before, - .wp-block-cover.has-background-dim.has-background-dim-60:not(.has-background-gradient)::before { - opacity: 0.6; } - .wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background, - .wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background { - opacity: 0.6; } - .wp-block-cover-image.has-background-dim.has-background-dim-70:not(.has-background-gradient)::before, - .wp-block-cover.has-background-dim.has-background-dim-70:not(.has-background-gradient)::before { - opacity: 0.7; } - .wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background, - .wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background { - opacity: 0.7; } - .wp-block-cover-image.has-background-dim.has-background-dim-80:not(.has-background-gradient)::before, - .wp-block-cover.has-background-dim.has-background-dim-80:not(.has-background-gradient)::before { - opacity: 0.8; } - .wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background, - .wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background { - opacity: 0.8; } - .wp-block-cover-image.has-background-dim.has-background-dim-90:not(.has-background-gradient)::before, - .wp-block-cover.has-background-dim.has-background-dim-90:not(.has-background-gradient)::before { - opacity: 0.9; } - .wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background, - .wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background { - opacity: 0.9; } - .wp-block-cover-image.has-background-dim.has-background-dim-100:not(.has-background-gradient)::before, - .wp-block-cover.has-background-dim.has-background-dim-100:not(.has-background-gradient)::before { - opacity: 1; } - .wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background, - .wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background { - opacity: 1; } - .wp-block-cover-image.alignleft, .wp-block-cover-image.alignright, - .wp-block-cover.alignleft, - .wp-block-cover.alignright { - max-width: 290px; - width: 100%; } +.wp-block-cover.has-parallax { + background-attachment: scroll; + } +} +.wp-block-cover-image.is-repeated, +.wp-block-cover.is-repeated { + background-repeat: repeat; + background-size: auto; +} +.wp-block-cover-image.has-background-dim:not([class*=-background-color]), +.wp-block-cover.has-background-dim:not([class*=-background-color]) { + background-color: #000; +} +.wp-block-cover-image.has-background-dim::before, +.wp-block-cover.has-background-dim::before { + content: ""; + background-color: inherit; +} +.wp-block-cover-image.has-background-dim:not(.has-background-gradient)::before, +.wp-block-cover-image .wp-block-cover__gradient-background, +.wp-block-cover.has-background-dim:not(.has-background-gradient)::before, +.wp-block-cover .wp-block-cover__gradient-background { + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + z-index: 1; + opacity: 0.5; +} +.wp-block-cover-image.has-background-dim.has-background-dim-10:not(.has-background-gradient)::before, +.wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background, +.wp-block-cover.has-background-dim.has-background-dim-10:not(.has-background-gradient)::before, +.wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background { + opacity: 0.1; +} +.wp-block-cover-image.has-background-dim.has-background-dim-20:not(.has-background-gradient)::before, +.wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background, +.wp-block-cover.has-background-dim.has-background-dim-20:not(.has-background-gradient)::before, +.wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background { + opacity: 0.2; +} +.wp-block-cover-image.has-background-dim.has-background-dim-30:not(.has-background-gradient)::before, +.wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background, +.wp-block-cover.has-background-dim.has-background-dim-30:not(.has-background-gradient)::before, +.wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background { + opacity: 0.3; +} +.wp-block-cover-image.has-background-dim.has-background-dim-40:not(.has-background-gradient)::before, +.wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background, +.wp-block-cover.has-background-dim.has-background-dim-40:not(.has-background-gradient)::before, +.wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background { + opacity: 0.4; +} +.wp-block-cover-image.has-background-dim.has-background-dim-50:not(.has-background-gradient)::before, +.wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background, +.wp-block-cover.has-background-dim.has-background-dim-50:not(.has-background-gradient)::before, +.wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background { + opacity: 0.5; +} +.wp-block-cover-image.has-background-dim.has-background-dim-60:not(.has-background-gradient)::before, +.wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background, +.wp-block-cover.has-background-dim.has-background-dim-60:not(.has-background-gradient)::before, +.wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background { + opacity: 0.6; +} +.wp-block-cover-image.has-background-dim.has-background-dim-70:not(.has-background-gradient)::before, +.wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background, +.wp-block-cover.has-background-dim.has-background-dim-70:not(.has-background-gradient)::before, +.wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background { + opacity: 0.7; +} +.wp-block-cover-image.has-background-dim.has-background-dim-80:not(.has-background-gradient)::before, +.wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background, +.wp-block-cover.has-background-dim.has-background-dim-80:not(.has-background-gradient)::before, +.wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background { + opacity: 0.8; +} +.wp-block-cover-image.has-background-dim.has-background-dim-90:not(.has-background-gradient)::before, +.wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background, +.wp-block-cover.has-background-dim.has-background-dim-90:not(.has-background-gradient)::before, +.wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background { + opacity: 0.9; +} +.wp-block-cover-image.has-background-dim.has-background-dim-100:not(.has-background-gradient)::before, +.wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background, +.wp-block-cover.has-background-dim.has-background-dim-100:not(.has-background-gradient)::before, +.wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background { + opacity: 1; +} +.wp-block-cover-image.alignleft, .wp-block-cover-image.alignright, +.wp-block-cover.alignleft, +.wp-block-cover.alignright { + max-width: 420px; + width: 100%; +} +.wp-block-cover-image::after, +.wp-block-cover::after { + display: block; + content: ""; + font-size: 0; + min-height: inherit; +} +@supports (position: sticky) { .wp-block-cover-image::after, - .wp-block-cover::after { - display: block; - content: ""; - font-size: 0; - min-height: inherit; } - @supports ((position: -webkit-sticky) or (position: sticky)) { - .wp-block-cover-image::after, - .wp-block-cover::after { - content: none; } } - .wp-block-cover-image.aligncenter, .wp-block-cover-image.alignleft, .wp-block-cover-image.alignright, - .wp-block-cover.aligncenter, - .wp-block-cover.alignleft, - .wp-block-cover.alignright { - display: flex; } - .wp-block-cover-image .wp-block-cover__inner-container, - .wp-block-cover .wp-block-cover__inner-container { - width: calc(100% - 70px); - z-index: 1; - color: #fff; } - .wp-block-cover-image p:not(.has-text-color), - .wp-block-cover-image h1:not(.has-text-color), - .wp-block-cover-image h2:not(.has-text-color), - .wp-block-cover-image h3:not(.has-text-color), - .wp-block-cover-image h4:not(.has-text-color), - .wp-block-cover-image h5:not(.has-text-color), - .wp-block-cover-image h6:not(.has-text-color), - .wp-block-cover-image .wp-block-subhead:not(.has-text-color), - .wp-block-cover p:not(.has-text-color), - .wp-block-cover h1:not(.has-text-color), - .wp-block-cover h2:not(.has-text-color), - .wp-block-cover h3:not(.has-text-color), - .wp-block-cover h4:not(.has-text-color), - .wp-block-cover h5:not(.has-text-color), - .wp-block-cover h6:not(.has-text-color), - .wp-block-cover .wp-block-subhead:not(.has-text-color) { - color: inherit; } - .wp-block-cover-image.is-position-top-left, - .wp-block-cover.is-position-top-left { - align-items: flex-start; - justify-content: flex-start; } - .wp-block-cover-image.is-position-top-center, - .wp-block-cover.is-position-top-center { - align-items: flex-start; - justify-content: center; } - .wp-block-cover-image.is-position-top-right, - .wp-block-cover.is-position-top-right { - align-items: flex-start; - justify-content: flex-end; } - .wp-block-cover-image.is-position-center-left, - .wp-block-cover.is-position-center-left { - align-items: center; - justify-content: flex-start; } - .wp-block-cover-image.is-position-center-center, - .wp-block-cover.is-position-center-center { - align-items: center; - justify-content: center; } - .wp-block-cover-image.is-position-center-right, - .wp-block-cover.is-position-center-right { - align-items: center; - justify-content: flex-end; } - .wp-block-cover-image.is-position-bottom-left, - .wp-block-cover.is-position-bottom-left { - align-items: flex-end; - justify-content: flex-start; } - .wp-block-cover-image.is-position-bottom-center, - .wp-block-cover.is-position-bottom-center { - align-items: flex-end; - justify-content: center; } - .wp-block-cover-image.is-position-bottom-right, - .wp-block-cover.is-position-bottom-right { - align-items: flex-end; - justify-content: flex-end; } - .wp-block-cover-image.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container, - .wp-block-cover.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container { - margin: 0; - width: auto; } +.wp-block-cover::after { + content: none; + } +} +.wp-block-cover-image.aligncenter, .wp-block-cover-image.alignleft, .wp-block-cover-image.alignright, +.wp-block-cover.aligncenter, +.wp-block-cover.alignleft, +.wp-block-cover.alignright { + display: flex; +} +.wp-block-cover-image .wp-block-cover__inner-container, +.wp-block-cover .wp-block-cover__inner-container { + width: 100%; + z-index: 1; + color: #fff; +} +.wp-block-cover-image p:not(.has-text-color), +.wp-block-cover-image h1:not(.has-text-color), +.wp-block-cover-image h2:not(.has-text-color), +.wp-block-cover-image h3:not(.has-text-color), +.wp-block-cover-image h4:not(.has-text-color), +.wp-block-cover-image h5:not(.has-text-color), +.wp-block-cover-image h6:not(.has-text-color), +.wp-block-cover p:not(.has-text-color), +.wp-block-cover h1:not(.has-text-color), +.wp-block-cover h2:not(.has-text-color), +.wp-block-cover h3:not(.has-text-color), +.wp-block-cover h4:not(.has-text-color), +.wp-block-cover h5:not(.has-text-color), +.wp-block-cover h6:not(.has-text-color) { + color: inherit; +} +.wp-block-cover-image.is-position-top-left, +.wp-block-cover.is-position-top-left { + align-items: flex-start; + justify-content: flex-start; +} +.wp-block-cover-image.is-position-top-center, +.wp-block-cover.is-position-top-center { + align-items: flex-start; + justify-content: center; +} +.wp-block-cover-image.is-position-top-right, +.wp-block-cover.is-position-top-right { + align-items: flex-start; + justify-content: flex-end; +} +.wp-block-cover-image.is-position-center-left, +.wp-block-cover.is-position-center-left { + align-items: center; + justify-content: flex-start; +} +.wp-block-cover-image.is-position-center-center, +.wp-block-cover.is-position-center-center { + align-items: center; + justify-content: center; +} +.wp-block-cover-image.is-position-center-right, +.wp-block-cover.is-position-center-right { + align-items: center; + justify-content: flex-end; +} +.wp-block-cover-image.is-position-bottom-left, +.wp-block-cover.is-position-bottom-left { + align-items: flex-end; + justify-content: flex-start; +} +.wp-block-cover-image.is-position-bottom-center, +.wp-block-cover.is-position-bottom-center { + align-items: flex-end; + justify-content: center; +} +.wp-block-cover-image.is-position-bottom-right, +.wp-block-cover.is-position-bottom-right { + align-items: flex-end; + justify-content: flex-end; +} +.wp-block-cover-image.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container, +.wp-block-cover.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container { + margin: 0; + width: auto; +} +.wp-block-cover-image img.wp-block-cover__image-background, +.wp-block-cover-image video.wp-block-cover__video-background, +.wp-block-cover img.wp-block-cover__image-background, +.wp-block-cover video.wp-block-cover__video-background { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + margin: 0; + padding: 0; + width: 100%; + height: 100%; + max-width: none; + max-height: none; + -o-object-fit: cover; + object-fit: cover; + outline: none; + border: none; + box-shadow: none; +} .wp-block-cover__video-background { - position: absolute; - top: 50%; - left: 50%; - transform: translateX(-50%) translateY(-50%); - width: 100%; - height: 100%; z-index: 0; - object-fit: cover; } +} + +.wp-block-cover__image-background { + z-index: 0; +} section.wp-block-cover-image h2, .wp-block-cover-image-text, .wp-block-cover-text { - color: #fff; } - section.wp-block-cover-image h2 a, - section.wp-block-cover-image h2 a:hover, - section.wp-block-cover-image h2 a:focus, - section.wp-block-cover-image h2 a:active, - .wp-block-cover-image-text a, - .wp-block-cover-image-text a:hover, - .wp-block-cover-image-text a:focus, - .wp-block-cover-image-text a:active, - .wp-block-cover-text a, - .wp-block-cover-text a:hover, - .wp-block-cover-text a:focus, - .wp-block-cover-text a:active { - color: #fff; } + color: #fff; +} +section.wp-block-cover-image h2 a, +section.wp-block-cover-image h2 a:hover, +section.wp-block-cover-image h2 a:focus, +section.wp-block-cover-image h2 a:active, +.wp-block-cover-image-text a, +.wp-block-cover-image-text a:hover, +.wp-block-cover-image-text a:focus, +.wp-block-cover-image-text a:active, +.wp-block-cover-text a, +.wp-block-cover-text a:hover, +.wp-block-cover-text a:focus, +.wp-block-cover-text a:active { + color: #fff; +} -.wp-block-cover-image -.wp-block-cover.has-left-content { - justify-content: flex-start; } - -.wp-block-cover-image -.wp-block-cover.has-right-content { - justify-content: flex-end; } +.wp-block-cover-image .wp-block-cover.has-left-content { + justify-content: flex-start; +} +.wp-block-cover-image .wp-block-cover.has-right-content { + justify-content: flex-end; +} section.wp-block-cover-image.has-left-content > h2, .wp-block-cover-image.has-left-content .wp-block-cover-image-text, .wp-block-cover.has-left-content .wp-block-cover-text { margin-left: 0; - text-align: left; } + text-align: left; +} section.wp-block-cover-image.has-right-content > h2, .wp-block-cover-image.has-right-content .wp-block-cover-image-text, .wp-block-cover.has-right-content .wp-block-cover-text { margin-right: 0; - text-align: right; } + text-align: right; +} section.wp-block-cover-image > h2, .wp-block-cover-image .wp-block-cover-image-text, @@ -479,38 +696,50 @@ line-height: 1.25; z-index: 1; margin-bottom: 0; - max-width: 580px; - padding: 14px; - text-align: center; } + max-width: 840px; + padding: 0.44em; + text-align: center; +} -.wp-block[data-align="left"] > [data-type^="core-embed"], -.wp-block[data-align="right"] > [data-type^="core-embed"], +.wp-block[data-align=left] > [data-type="core/embed"], +.wp-block[data-align=right] > [data-type="core/embed"], .wp-block-embed.alignleft, .wp-block-embed.alignright { max-width: 360px; - width: 100%; } - .wp-block[data-align="left"] > [data-type^="core-embed"] .wp-block-embed__wrapper, - .wp-block[data-align="right"] > [data-type^="core-embed"] .wp-block-embed__wrapper, - .wp-block-embed.alignleft .wp-block-embed__wrapper, - .wp-block-embed.alignright .wp-block-embed__wrapper { - min-width: 280px; } + width: 100%; +} +.wp-block[data-align=left] > [data-type="core/embed"] .wp-block-embed__wrapper, +.wp-block[data-align=right] > [data-type="core/embed"] .wp-block-embed__wrapper, +.wp-block-embed.alignleft .wp-block-embed__wrapper, +.wp-block-embed.alignright .wp-block-embed__wrapper { + min-width: 280px; +} + +.wp-block-cover .wp-block-embed { + min-width: 320px; + min-height: 240px; +} .wp-block-embed { - margin-bottom: 1em; } - .wp-block-embed figcaption { - margin-top: 0.5em; - margin-bottom: 1em; } - .wp-block-embed iframe { - max-width: 100%; } + margin: 0 0 1em 0; +} +.wp-block-embed figcaption { + margin-top: 0.5em; + margin-bottom: 1em; +} +.wp-block-embed iframe { + max-width: 100%; +} .wp-block-embed__wrapper { - position: relative; } + position: relative; +} .wp-embed-responsive .wp-has-aspect-ratio .wp-block-embed__wrapper::before { content: ""; display: block; - padding-top: 50%; } - + padding-top: 50%; +} .wp-embed-responsive .wp-has-aspect-ratio iframe { position: absolute; top: 0; @@ -518,51 +747,63 @@ bottom: 0; left: 0; height: 100%; - width: 100%; } + width: 100%; +} .wp-embed-responsive .wp-embed-aspect-21-9 .wp-block-embed__wrapper::before { - padding-top: 42.85%; } - + padding-top: 42.85%; +} .wp-embed-responsive .wp-embed-aspect-18-9 .wp-block-embed__wrapper::before { - padding-top: 50%; } - + padding-top: 50%; +} .wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper::before { - padding-top: 56.25%; } - + padding-top: 56.25%; +} .wp-embed-responsive .wp-embed-aspect-4-3 .wp-block-embed__wrapper::before { - padding-top: 75%; } - + padding-top: 75%; +} .wp-embed-responsive .wp-embed-aspect-1-1 .wp-block-embed__wrapper::before { - padding-top: 100%; } - -.wp-embed-responsive .wp-embed-aspect-9-6 .wp-block-embed__wrapper::before { - padding-top: 66.66%; } - + padding-top: 100%; +} +.wp-embed-responsive .wp-embed-aspect-9-16 .wp-block-embed__wrapper::before { + padding-top: 177.77%; +} .wp-embed-responsive .wp-embed-aspect-1-2 .wp-block-embed__wrapper::before { - padding-top: 200%; } + padding-top: 200%; +} .wp-block-file { - margin-bottom: 1.5em; } - .wp-block-file.aligncenter { - text-align: center; } - .wp-block-file.alignright { - /*rtl:ignore*/ - text-align: right; } - .wp-block-file .wp-block-file__button { - background: #32373c; - border-radius: 2em; - color: #fff; - font-size: 13px; - padding: 0.5em 1em; } - .wp-block-file a.wp-block-file__button { - text-decoration: none; } - .wp-block-file a.wp-block-file__button:hover, .wp-block-file a.wp-block-file__button:visited, .wp-block-file a.wp-block-file__button:focus, .wp-block-file a.wp-block-file__button:active { - box-shadow: none; - color: #fff; - opacity: 0.85; - text-decoration: none; } - .wp-block-file * + .wp-block-file__button { - margin-left: 0.75em; } + margin-bottom: 1.5em; +} +.wp-block-file.aligncenter { + text-align: center; +} +.wp-block-file.alignright { + /*rtl:ignore*/ + text-align: right; +} +.wp-block-file .wp-block-file__embed { + margin-bottom: 1em; +} +.wp-block-file .wp-block-file__button { + background: #32373c; + border-radius: 2em; + color: #fff; + font-size: 0.8em; + padding: 0.5em 1em; +} +.wp-block-file a.wp-block-file__button { + text-decoration: none; +} +.wp-block-file a.wp-block-file__button:hover, .wp-block-file a.wp-block-file__button:visited, .wp-block-file a.wp-block-file__button:focus, .wp-block-file a.wp-block-file__button:active { + box-shadow: none; + color: #fff; + opacity: 0.85; + text-decoration: none; +} +.wp-block-file * + .wp-block-file__button { + margin-left: 0.75em; +} .wp-block-gallery, .blocks-gallery-grid { @@ -570,195 +811,220 @@ flex-wrap: wrap; list-style-type: none; padding: 0; - margin: 0; } - .wp-block-gallery .blocks-gallery-image, - .wp-block-gallery .blocks-gallery-item, - .blocks-gallery-grid .blocks-gallery-image, - .blocks-gallery-grid .blocks-gallery-item { - margin: 0 16px 16px 0; + margin: 0; +} +.wp-block-gallery .blocks-gallery-image, +.wp-block-gallery .blocks-gallery-item, +.blocks-gallery-grid .blocks-gallery-image, +.blocks-gallery-grid .blocks-gallery-item { + margin: 0 1em 1em 0; + display: flex; + flex-grow: 1; + flex-direction: column; + justify-content: center; + position: relative; + align-self: flex-start; + width: calc(50% - 1em); +} +.wp-block-gallery .blocks-gallery-image:nth-of-type(even), +.wp-block-gallery .blocks-gallery-item:nth-of-type(even), +.blocks-gallery-grid .blocks-gallery-image:nth-of-type(even), +.blocks-gallery-grid .blocks-gallery-item:nth-of-type(even) { + margin-right: 0; +} +.wp-block-gallery .blocks-gallery-image figure, +.wp-block-gallery .blocks-gallery-item figure, +.blocks-gallery-grid .blocks-gallery-image figure, +.blocks-gallery-grid .blocks-gallery-item figure { + margin: 0; + height: 100%; +} +@supports (position: sticky) { + .wp-block-gallery .blocks-gallery-image figure, +.wp-block-gallery .blocks-gallery-item figure, +.blocks-gallery-grid .blocks-gallery-image figure, +.blocks-gallery-grid .blocks-gallery-item figure { display: flex; - flex-grow: 1; - flex-direction: column; - justify-content: center; - position: relative; } - .wp-block-gallery .blocks-gallery-image figure, - .wp-block-gallery .blocks-gallery-item figure, - .blocks-gallery-grid .blocks-gallery-image figure, - .blocks-gallery-grid .blocks-gallery-item figure { - margin: 0; - height: 100%; } - @supports ((position: -webkit-sticky) or (position: sticky)) { - .wp-block-gallery .blocks-gallery-image figure, - .wp-block-gallery .blocks-gallery-item figure, - .blocks-gallery-grid .blocks-gallery-image figure, - .blocks-gallery-grid .blocks-gallery-item figure { - display: flex; - align-items: flex-end; - justify-content: flex-start; } } - .wp-block-gallery .blocks-gallery-image img, - .wp-block-gallery .blocks-gallery-item img, - .blocks-gallery-grid .blocks-gallery-image img, - .blocks-gallery-grid .blocks-gallery-item img { - display: block; - max-width: 100%; - height: auto; } - .wp-block-gallery .blocks-gallery-image img, - .wp-block-gallery .blocks-gallery-item img, - .blocks-gallery-grid .blocks-gallery-image img, - .blocks-gallery-grid .blocks-gallery-item img { - width: 100%; } - @supports ((position: -webkit-sticky) or (position: sticky)) { - .wp-block-gallery .blocks-gallery-image img, - .wp-block-gallery .blocks-gallery-item img, - .blocks-gallery-grid .blocks-gallery-image img, - .blocks-gallery-grid .blocks-gallery-item img { - width: auto; } } - .wp-block-gallery .blocks-gallery-image figcaption, - .wp-block-gallery .blocks-gallery-item figcaption, - .blocks-gallery-grid .blocks-gallery-image figcaption, - .blocks-gallery-grid .blocks-gallery-item figcaption { - position: absolute; - bottom: 0; - width: 100%; - max-height: 100%; - overflow: auto; - padding: 40px 10px 9px; - color: #fff; - text-align: center; - font-size: 13px; - background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0.3) 70%, transparent); } - .wp-block-gallery .blocks-gallery-image figcaption img, - .wp-block-gallery .blocks-gallery-item figcaption img, - .blocks-gallery-grid .blocks-gallery-image figcaption img, - .blocks-gallery-grid .blocks-gallery-item figcaption img { - display: inline; } + align-items: flex-end; + justify-content: flex-start; + } +} +.wp-block-gallery .blocks-gallery-image img, +.wp-block-gallery .blocks-gallery-item img, +.blocks-gallery-grid .blocks-gallery-image img, +.blocks-gallery-grid .blocks-gallery-item img { + display: block; + max-width: 100%; + height: auto; + width: 100%; +} +@supports (position: sticky) { + .wp-block-gallery .blocks-gallery-image img, +.wp-block-gallery .blocks-gallery-item img, +.blocks-gallery-grid .blocks-gallery-image img, +.blocks-gallery-grid .blocks-gallery-item img { + width: auto; + } +} +.wp-block-gallery .blocks-gallery-image figcaption, +.wp-block-gallery .blocks-gallery-item figcaption, +.blocks-gallery-grid .blocks-gallery-image figcaption, +.blocks-gallery-grid .blocks-gallery-item figcaption { + position: absolute; + bottom: 0; + width: 100%; + max-height: 100%; + overflow: auto; + padding: 3em 0.77em 0.7em; + color: #fff; + text-align: center; + font-size: 0.8em; + background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0.3) 70%, transparent); + box-sizing: border-box; + margin: 0; +} +.wp-block-gallery .blocks-gallery-image figcaption img, +.wp-block-gallery .blocks-gallery-item figcaption img, +.blocks-gallery-grid .blocks-gallery-image figcaption img, +.blocks-gallery-grid .blocks-gallery-item figcaption img { + display: inline; +} +.wp-block-gallery figcaption, +.blocks-gallery-grid figcaption { + flex-grow: 1; +} +.wp-block-gallery.is-cropped .blocks-gallery-image, .wp-block-gallery.is-cropped .blocks-gallery-item, +.blocks-gallery-grid.is-cropped .blocks-gallery-image, +.blocks-gallery-grid.is-cropped .blocks-gallery-item { + align-self: inherit; +} +.wp-block-gallery.is-cropped .blocks-gallery-image a, +.wp-block-gallery.is-cropped .blocks-gallery-image img, .wp-block-gallery.is-cropped .blocks-gallery-item a, +.wp-block-gallery.is-cropped .blocks-gallery-item img, +.blocks-gallery-grid.is-cropped .blocks-gallery-image a, +.blocks-gallery-grid.is-cropped .blocks-gallery-image img, +.blocks-gallery-grid.is-cropped .blocks-gallery-item a, +.blocks-gallery-grid.is-cropped .blocks-gallery-item img { + width: 100%; +} +@supports (position: sticky) { .wp-block-gallery.is-cropped .blocks-gallery-image a, - .wp-block-gallery.is-cropped .blocks-gallery-image img, - .wp-block-gallery.is-cropped .blocks-gallery-item a, - .wp-block-gallery.is-cropped .blocks-gallery-item img, - .blocks-gallery-grid.is-cropped .blocks-gallery-image a, - .blocks-gallery-grid.is-cropped .blocks-gallery-image img, - .blocks-gallery-grid.is-cropped .blocks-gallery-item a, - .blocks-gallery-grid.is-cropped .blocks-gallery-item img { - width: 100%; } - @supports ((position: -webkit-sticky) or (position: sticky)) { - .wp-block-gallery.is-cropped .blocks-gallery-image a, - .wp-block-gallery.is-cropped .blocks-gallery-image img, - .wp-block-gallery.is-cropped .blocks-gallery-item a, - .wp-block-gallery.is-cropped .blocks-gallery-item img, - .blocks-gallery-grid.is-cropped .blocks-gallery-image a, - .blocks-gallery-grid.is-cropped .blocks-gallery-image img, - .blocks-gallery-grid.is-cropped .blocks-gallery-item a, - .blocks-gallery-grid.is-cropped .blocks-gallery-item img { - height: 100%; - flex: 1; - object-fit: cover; } } - .wp-block-gallery .blocks-gallery-image, - .wp-block-gallery .blocks-gallery-item, - .blocks-gallery-grid .blocks-gallery-image, - .blocks-gallery-grid .blocks-gallery-item { - width: calc(50% - 16px); } - .wp-block-gallery .blocks-gallery-image:nth-of-type(even), - .wp-block-gallery .blocks-gallery-item:nth-of-type(even), - .blocks-gallery-grid .blocks-gallery-image:nth-of-type(even), - .blocks-gallery-grid .blocks-gallery-item:nth-of-type(even) { - margin-right: 0; } - .wp-block-gallery.columns-1 .blocks-gallery-image, - .wp-block-gallery.columns-1 .blocks-gallery-item, - .blocks-gallery-grid.columns-1 .blocks-gallery-image, - .blocks-gallery-grid.columns-1 .blocks-gallery-item { - width: 100%; - margin-right: 0; } - @media (min-width: 600px) { - .wp-block-gallery.columns-3 .blocks-gallery-image, - .wp-block-gallery.columns-3 .blocks-gallery-item, - .blocks-gallery-grid.columns-3 .blocks-gallery-image, - .blocks-gallery-grid.columns-3 .blocks-gallery-item { - width: calc(33.33333% - 10.66667px); - margin-right: 16px; } - .wp-block-gallery.columns-4 .blocks-gallery-image, - .wp-block-gallery.columns-4 .blocks-gallery-item, - .blocks-gallery-grid.columns-4 .blocks-gallery-image, - .blocks-gallery-grid.columns-4 .blocks-gallery-item { - width: calc(25% - 12px); - margin-right: 16px; } - .wp-block-gallery.columns-5 .blocks-gallery-image, - .wp-block-gallery.columns-5 .blocks-gallery-item, - .blocks-gallery-grid.columns-5 .blocks-gallery-image, - .blocks-gallery-grid.columns-5 .blocks-gallery-item { - width: calc(20% - 12.8px); - margin-right: 16px; } - .wp-block-gallery.columns-6 .blocks-gallery-image, - .wp-block-gallery.columns-6 .blocks-gallery-item, - .blocks-gallery-grid.columns-6 .blocks-gallery-image, - .blocks-gallery-grid.columns-6 .blocks-gallery-item { - width: calc(16.66667% - 13.33333px); - margin-right: 16px; } - .wp-block-gallery.columns-7 .blocks-gallery-image, - .wp-block-gallery.columns-7 .blocks-gallery-item, - .blocks-gallery-grid.columns-7 .blocks-gallery-image, - .blocks-gallery-grid.columns-7 .blocks-gallery-item { - width: calc(14.28571% - 13.71429px); - margin-right: 16px; } - .wp-block-gallery.columns-8 .blocks-gallery-image, - .wp-block-gallery.columns-8 .blocks-gallery-item, - .blocks-gallery-grid.columns-8 .blocks-gallery-image, - .blocks-gallery-grid.columns-8 .blocks-gallery-item { - width: calc(12.5% - 14px); - margin-right: 16px; } - .wp-block-gallery.columns-1 .blocks-gallery-image:nth-of-type(1n), - .wp-block-gallery.columns-1 .blocks-gallery-item:nth-of-type(1n), - .blocks-gallery-grid.columns-1 .blocks-gallery-image:nth-of-type(1n), - .blocks-gallery-grid.columns-1 .blocks-gallery-item:nth-of-type(1n) { - margin-right: 0; } - .wp-block-gallery.columns-2 .blocks-gallery-image:nth-of-type(2n), - .wp-block-gallery.columns-2 .blocks-gallery-item:nth-of-type(2n), - .blocks-gallery-grid.columns-2 .blocks-gallery-image:nth-of-type(2n), - .blocks-gallery-grid.columns-2 .blocks-gallery-item:nth-of-type(2n) { - margin-right: 0; } - .wp-block-gallery.columns-3 .blocks-gallery-image:nth-of-type(3n), - .wp-block-gallery.columns-3 .blocks-gallery-item:nth-of-type(3n), - .blocks-gallery-grid.columns-3 .blocks-gallery-image:nth-of-type(3n), - .blocks-gallery-grid.columns-3 .blocks-gallery-item:nth-of-type(3n) { - margin-right: 0; } - .wp-block-gallery.columns-4 .blocks-gallery-image:nth-of-type(4n), - .wp-block-gallery.columns-4 .blocks-gallery-item:nth-of-type(4n), - .blocks-gallery-grid.columns-4 .blocks-gallery-image:nth-of-type(4n), - .blocks-gallery-grid.columns-4 .blocks-gallery-item:nth-of-type(4n) { - margin-right: 0; } - .wp-block-gallery.columns-5 .blocks-gallery-image:nth-of-type(5n), - .wp-block-gallery.columns-5 .blocks-gallery-item:nth-of-type(5n), - .blocks-gallery-grid.columns-5 .blocks-gallery-image:nth-of-type(5n), - .blocks-gallery-grid.columns-5 .blocks-gallery-item:nth-of-type(5n) { - margin-right: 0; } - .wp-block-gallery.columns-6 .blocks-gallery-image:nth-of-type(6n), - .wp-block-gallery.columns-6 .blocks-gallery-item:nth-of-type(6n), - .blocks-gallery-grid.columns-6 .blocks-gallery-image:nth-of-type(6n), - .blocks-gallery-grid.columns-6 .blocks-gallery-item:nth-of-type(6n) { - margin-right: 0; } - .wp-block-gallery.columns-7 .blocks-gallery-image:nth-of-type(7n), - .wp-block-gallery.columns-7 .blocks-gallery-item:nth-of-type(7n), - .blocks-gallery-grid.columns-7 .blocks-gallery-image:nth-of-type(7n), - .blocks-gallery-grid.columns-7 .blocks-gallery-item:nth-of-type(7n) { - margin-right: 0; } - .wp-block-gallery.columns-8 .blocks-gallery-image:nth-of-type(8n), - .wp-block-gallery.columns-8 .blocks-gallery-item:nth-of-type(8n), - .blocks-gallery-grid.columns-8 .blocks-gallery-image:nth-of-type(8n), - .blocks-gallery-grid.columns-8 .blocks-gallery-item:nth-of-type(8n) { - margin-right: 0; } } - .wp-block-gallery .blocks-gallery-image:last-child, - .wp-block-gallery .blocks-gallery-item:last-child, - .blocks-gallery-grid .blocks-gallery-image:last-child, - .blocks-gallery-grid .blocks-gallery-item:last-child { - margin-right: 0; } - .wp-block-gallery.alignleft, .wp-block-gallery.alignright, - .blocks-gallery-grid.alignleft, - .blocks-gallery-grid.alignright { - max-width: 290px; - width: 100%; } - .wp-block-gallery.aligncenter .blocks-gallery-item figure, - .blocks-gallery-grid.aligncenter .blocks-gallery-item figure { - justify-content: center; } +.wp-block-gallery.is-cropped .blocks-gallery-image img, .wp-block-gallery.is-cropped .blocks-gallery-item a, +.wp-block-gallery.is-cropped .blocks-gallery-item img, +.blocks-gallery-grid.is-cropped .blocks-gallery-image a, +.blocks-gallery-grid.is-cropped .blocks-gallery-image img, +.blocks-gallery-grid.is-cropped .blocks-gallery-item a, +.blocks-gallery-grid.is-cropped .blocks-gallery-item img { + height: 100%; + flex: 1; + -o-object-fit: cover; + object-fit: cover; + } +} +.wp-block-gallery.columns-1 .blocks-gallery-image, .wp-block-gallery.columns-1 .blocks-gallery-item, +.blocks-gallery-grid.columns-1 .blocks-gallery-image, +.blocks-gallery-grid.columns-1 .blocks-gallery-item { + width: 100%; + margin-right: 0; +} +@media (min-width: 600px) { + .wp-block-gallery.columns-3 .blocks-gallery-image, .wp-block-gallery.columns-3 .blocks-gallery-item, +.blocks-gallery-grid.columns-3 .blocks-gallery-image, +.blocks-gallery-grid.columns-3 .blocks-gallery-item { + width: calc(33.3333333333% - 0.6666666667em); + margin-right: 1em; + } + .wp-block-gallery.columns-4 .blocks-gallery-image, .wp-block-gallery.columns-4 .blocks-gallery-item, +.blocks-gallery-grid.columns-4 .blocks-gallery-image, +.blocks-gallery-grid.columns-4 .blocks-gallery-item { + width: calc(25% - 0.75em); + margin-right: 1em; + } + .wp-block-gallery.columns-5 .blocks-gallery-image, .wp-block-gallery.columns-5 .blocks-gallery-item, +.blocks-gallery-grid.columns-5 .blocks-gallery-image, +.blocks-gallery-grid.columns-5 .blocks-gallery-item { + width: calc(20% - 0.8em); + margin-right: 1em; + } + .wp-block-gallery.columns-6 .blocks-gallery-image, .wp-block-gallery.columns-6 .blocks-gallery-item, +.blocks-gallery-grid.columns-6 .blocks-gallery-image, +.blocks-gallery-grid.columns-6 .blocks-gallery-item { + width: calc(16.6666666667% - 0.8333333333em); + margin-right: 1em; + } + .wp-block-gallery.columns-7 .blocks-gallery-image, .wp-block-gallery.columns-7 .blocks-gallery-item, +.blocks-gallery-grid.columns-7 .blocks-gallery-image, +.blocks-gallery-grid.columns-7 .blocks-gallery-item { + width: calc(14.2857142857% - 0.8571428571em); + margin-right: 1em; + } + .wp-block-gallery.columns-8 .blocks-gallery-image, .wp-block-gallery.columns-8 .blocks-gallery-item, +.blocks-gallery-grid.columns-8 .blocks-gallery-image, +.blocks-gallery-grid.columns-8 .blocks-gallery-item { + width: calc(12.5% - 0.875em); + margin-right: 1em; + } + .wp-block-gallery.columns-1 .blocks-gallery-image:nth-of-type(1n), .wp-block-gallery.columns-1 .blocks-gallery-item:nth-of-type(1n), +.blocks-gallery-grid.columns-1 .blocks-gallery-image:nth-of-type(1n), +.blocks-gallery-grid.columns-1 .blocks-gallery-item:nth-of-type(1n) { + margin-right: 0; + } + .wp-block-gallery.columns-2 .blocks-gallery-image:nth-of-type(2n), .wp-block-gallery.columns-2 .blocks-gallery-item:nth-of-type(2n), +.blocks-gallery-grid.columns-2 .blocks-gallery-image:nth-of-type(2n), +.blocks-gallery-grid.columns-2 .blocks-gallery-item:nth-of-type(2n) { + margin-right: 0; + } + .wp-block-gallery.columns-3 .blocks-gallery-image:nth-of-type(3n), .wp-block-gallery.columns-3 .blocks-gallery-item:nth-of-type(3n), +.blocks-gallery-grid.columns-3 .blocks-gallery-image:nth-of-type(3n), +.blocks-gallery-grid.columns-3 .blocks-gallery-item:nth-of-type(3n) { + margin-right: 0; + } + .wp-block-gallery.columns-4 .blocks-gallery-image:nth-of-type(4n), .wp-block-gallery.columns-4 .blocks-gallery-item:nth-of-type(4n), +.blocks-gallery-grid.columns-4 .blocks-gallery-image:nth-of-type(4n), +.blocks-gallery-grid.columns-4 .blocks-gallery-item:nth-of-type(4n) { + margin-right: 0; + } + .wp-block-gallery.columns-5 .blocks-gallery-image:nth-of-type(5n), .wp-block-gallery.columns-5 .blocks-gallery-item:nth-of-type(5n), +.blocks-gallery-grid.columns-5 .blocks-gallery-image:nth-of-type(5n), +.blocks-gallery-grid.columns-5 .blocks-gallery-item:nth-of-type(5n) { + margin-right: 0; + } + .wp-block-gallery.columns-6 .blocks-gallery-image:nth-of-type(6n), .wp-block-gallery.columns-6 .blocks-gallery-item:nth-of-type(6n), +.blocks-gallery-grid.columns-6 .blocks-gallery-image:nth-of-type(6n), +.blocks-gallery-grid.columns-6 .blocks-gallery-item:nth-of-type(6n) { + margin-right: 0; + } + .wp-block-gallery.columns-7 .blocks-gallery-image:nth-of-type(7n), .wp-block-gallery.columns-7 .blocks-gallery-item:nth-of-type(7n), +.blocks-gallery-grid.columns-7 .blocks-gallery-image:nth-of-type(7n), +.blocks-gallery-grid.columns-7 .blocks-gallery-item:nth-of-type(7n) { + margin-right: 0; + } + .wp-block-gallery.columns-8 .blocks-gallery-image:nth-of-type(8n), .wp-block-gallery.columns-8 .blocks-gallery-item:nth-of-type(8n), +.blocks-gallery-grid.columns-8 .blocks-gallery-image:nth-of-type(8n), +.blocks-gallery-grid.columns-8 .blocks-gallery-item:nth-of-type(8n) { + margin-right: 0; + } +} +.wp-block-gallery .blocks-gallery-image:last-child, +.wp-block-gallery .blocks-gallery-item:last-child, +.blocks-gallery-grid .blocks-gallery-image:last-child, +.blocks-gallery-grid .blocks-gallery-item:last-child { + margin-right: 0; +} +.wp-block-gallery.alignleft, .wp-block-gallery.alignright, +.blocks-gallery-grid.alignleft, +.blocks-gallery-grid.alignright { + max-width: 420px; + width: 100%; +} +.wp-block-gallery.aligncenter .blocks-gallery-item figure, +.blocks-gallery-grid.aligncenter .blocks-gallery-item figure { + justify-content: center; +} + +.wp-block-group { + box-sizing: border-box; +} h1.has-background, h2.has-background, @@ -766,244 +1032,318 @@ h4.has-background, h5.has-background, h6.has-background { - padding: 20px 38px; } + padding: 1.25em 2.375em; +} .wp-block-image { - margin-bottom: 1em; } - .wp-block-image img { - max-width: 100%; } - .wp-block-image.aligncenter { - text-align: center; } - .wp-block-image.alignfull img, - .wp-block-image.alignwide img { - width: 100%; } - .wp-block-image .alignleft, - .wp-block-image .alignright, - .wp-block-image .aligncenter, .wp-block-image.is-resized { - display: table; } - .wp-block-image .alignleft > figcaption, - .wp-block-image .alignright > figcaption, - .wp-block-image .aligncenter > figcaption, .wp-block-image.is-resized > figcaption { - display: table-caption; - caption-side: bottom; } - .wp-block-image .alignleft { - /*rtl:ignore*/ - float: left; - /*rtl:ignore*/ - margin-left: 0; - margin-right: 1em; - margin-top: 0.5em; - margin-bottom: 0.5em; } - .wp-block-image .alignright { - /*rtl:ignore*/ - float: right; - /*rtl:ignore*/ - margin-right: 0; - margin-left: 1em; - margin-top: 0.5em; - margin-bottom: 0.5em; } - .wp-block-image .aligncenter { - margin-left: auto; - margin-right: auto; } - .wp-block-image figcaption { - margin-top: 0.5em; - margin-bottom: 1em; } + margin: 0 0 1em 0; +} +.wp-block-image img { + max-width: 100%; +} +.wp-block-image:not(.is-style-rounded) img { + border-radius: inherit; +} +.wp-block-image.aligncenter { + text-align: center; +} +.wp-block-image.alignfull img, .wp-block-image.alignwide img { + width: 100%; +} +.wp-block-image .alignleft, +.wp-block-image .alignright, +.wp-block-image .aligncenter { + display: table; +} +.wp-block-image .alignleft > figcaption, +.wp-block-image .alignright > figcaption, +.wp-block-image .aligncenter > figcaption { + display: table-caption; + caption-side: bottom; +} +.wp-block-image .alignleft { + /*rtl:ignore*/ + float: left; + /*rtl:ignore*/ + margin-left: 0; + margin-right: 1em; + margin-top: 0.5em; + margin-bottom: 0.5em; +} +.wp-block-image .alignright { + /*rtl:ignore*/ + float: right; + /*rtl:ignore*/ + margin-right: 0; + margin-left: 1em; + margin-top: 0.5em; + margin-bottom: 0.5em; +} +.wp-block-image .aligncenter { + margin-left: auto; + margin-right: auto; +} +.wp-block-image figcaption { + margin-top: 0.5em; + margin-bottom: 1em; +} +.wp-block-image.is-style-rounded img { + border-radius: 9999px; +} +.wp-block-image.is-style-circle-mask img { + border-radius: 9999px; +} +@supports ((-webkit-mask-image: none) or (mask-image: none)) or (-webkit-mask-image: none) { + .wp-block-image.is-style-circle-mask img { + /* stylelint-disable */ + -webkit-mask-image: url('data:image/svg+xml;utf8,'); + mask-image: url('data:image/svg+xml;utf8,'); + /* stylelint-enable */ + mask-mode: alpha; + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-size: contain; + mask-size: contain; + -webkit-mask-position: center; + mask-position: center; + border-radius: 0; + } +} -.is-style-rounded img { - border-radius: 9999px; } +.wp-block-image figure { + margin: 0; +} -.is-style-circle-mask img { - border-radius: 9999px; } - @supports ((-webkit-mask-image: none) or (mask-image: none)) or (-webkit-mask-image: none) { - .is-style-circle-mask img { - /* stylelint-disable */ - -webkit-mask-image: url('data:image/svg+xml;utf8,'); - mask-image: url('data:image/svg+xml;utf8,'); - /* stylelint-enable */ - mask-mode: alpha; - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - -webkit-mask-size: contain; - mask-size: contain; - -webkit-mask-position: center; - mask-position: center; - border-radius: 0; } } +ol.wp-block-latest-comments { + margin-left: 0; +} + +.wp-block-latest-comments .wp-block-latest-comments { + padding-left: 0; +} .wp-block-latest-comments__comment { - font-size: 15px; line-height: 1.1; list-style: none; - margin-bottom: 1em; } - .has-avatars .wp-block-latest-comments__comment { - min-height: 36px; - list-style: none; } - .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta, - .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt { - margin-left: 52px; } - .has-dates .wp-block-latest-comments__comment, - .has-excerpts .wp-block-latest-comments__comment { - line-height: 1.5; } + margin-bottom: 1em; +} +.has-avatars .wp-block-latest-comments__comment { + min-height: 2.25em; + list-style: none; +} +.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta, +.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt { + margin-left: 3.25em; +} +.has-dates .wp-block-latest-comments__comment, .has-excerpts .wp-block-latest-comments__comment { + line-height: 1.5; +} .wp-block-latest-comments__comment-excerpt p { - font-size: 14px; + font-size: 0.875em; line-height: 1.8; - margin: 5px 0 20px; } + margin: 0.36em 0 1.4em; +} .wp-block-latest-comments__comment-date { - color: #8f98a1; display: block; - font-size: 12px; } + font-size: 0.75em; +} .wp-block-latest-comments .avatar, .wp-block-latest-comments__comment-avatar { - border-radius: 24px; + border-radius: 1.5em; display: block; float: left; - height: 40px; - margin-right: 12px; - width: 40px; } + height: 2.5em; + margin-right: 0.75em; + width: 2.5em; +} .wp-block-latest-posts.alignleft { /*rtl:ignore*/ - margin-right: 2em; } - + margin-right: 2em; +} .wp-block-latest-posts.alignright { /*rtl:ignore*/ - margin-left: 2em; } - + margin-left: 2em; +} .wp-block-latest-posts.wp-block-latest-posts__list { - list-style: none; } - .wp-block-latest-posts.wp-block-latest-posts__list li { - clear: both; } - + list-style: none; + padding-left: 0; +} +.wp-block-latest-posts.wp-block-latest-posts__list li { + clear: both; +} .wp-block-latest-posts.is-grid { display: flex; flex-wrap: wrap; - padding: 0; } - .wp-block-latest-posts.is-grid li { - margin: 0 20px 20px 0; - width: 100%; } - + padding: 0; +} +.wp-block-latest-posts.is-grid li { + margin: 0 1.25em 1.25em 0; + width: 100%; +} @media (min-width: 600px) { .wp-block-latest-posts.columns-2 li { - width: calc((100% / 2) - 20px); } + width: calc((100% / 2) - 1.25em + (1.25em / 2)); + } + .wp-block-latest-posts.columns-2 li:nth-child(2n) { + margin-right: 0; + } .wp-block-latest-posts.columns-3 li { - width: calc((100% / 3) - 20px); } + width: calc((100% / 3) - 1.25em + (1.25em / 3)); + } + .wp-block-latest-posts.columns-3 li:nth-child(3n) { + margin-right: 0; + } .wp-block-latest-posts.columns-4 li { - width: calc((100% / 4) - 20px); } + width: calc((100% / 4) - 1.25em + (1.25em / 4)); + } + .wp-block-latest-posts.columns-4 li:nth-child(4n) { + margin-right: 0; + } .wp-block-latest-posts.columns-5 li { - width: calc((100% / 5) - 20px); } + width: calc((100% / 5) - 1.25em + (1.25em / 5)); + } + .wp-block-latest-posts.columns-5 li:nth-child(5n) { + margin-right: 0; + } .wp-block-latest-posts.columns-6 li { - width: calc((100% / 6) - 20px); } } + width: calc((100% / 6) - 1.25em + (1.25em / 6)); + } + .wp-block-latest-posts.columns-6 li:nth-child(6n) { + margin-right: 0; + } +} .wp-block-latest-posts__post-date, .wp-block-latest-posts__post-author { display: block; - color: #6c7781; - font-size: 13px; } + color: #555; + font-size: 0.8125em; +} .wp-block-latest-posts__post-excerpt { - margin-top: 8px; - margin-bottom: 16px; } + margin-top: 0.5em; + margin-bottom: 1em; +} +.wp-block-latest-posts__featured-image a { + display: inline-block; +} .wp-block-latest-posts__featured-image img { height: auto; - width: auto; } - + width: auto; + max-width: 100%; +} .wp-block-latest-posts__featured-image.alignleft { /*rtl:ignore*/ - margin-right: 1em; } - + margin-right: 1em; +} .wp-block-latest-posts__featured-image.alignright { /*rtl:ignore*/ - margin-left: 1em; } - + margin-left: 1em; +} .wp-block-latest-posts__featured-image.aligncenter { margin-bottom: 1em; - text-align: center; } + text-align: center; +} -.edit-post-visual-editor .wp-block-latest-posts.is-grid li { - margin-bottom: 20px; } +.block-editor-image-alignment-control__row .components-base-control__field { + display: flex; + justify-content: space-between; + align-items: center; +} +.block-editor-image-alignment-control__row .components-base-control__field .components-base-control__label { + margin-bottom: 0; +} + +ol.has-background, +ul.has-background { + padding: 1.25em 2.375em; +} .wp-block-media-text { /*!rtl:begin:ignore*/ direction: ltr; /*!rtl:end:ignore*/ - display: -ms-grid; display: grid; - -ms-grid-columns: 50% 1fr; grid-template-columns: 50% 1fr; - -ms-grid-rows: auto; - grid-template-rows: auto; } - .wp-block-media-text.has-media-on-the-right { - -ms-grid-columns: 1fr 50%; - grid-template-columns: 1fr 50%; } + grid-template-rows: auto; +} +.wp-block-media-text.has-media-on-the-right { + grid-template-columns: 1fr 50%; +} .wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__content, .wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__media { - -ms-grid-row-align: start; - align-self: start; } + align-self: start; +} .wp-block-media-text .wp-block-media-text__content, .wp-block-media-text .wp-block-media-text__media, .wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__content, .wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__media { - -ms-grid-row-align: center; - align-self: center; } + align-self: center; +} .wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__content, .wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__media { - -ms-grid-row-align: end; - align-self: end; } + align-self: end; +} .wp-block-media-text .wp-block-media-text__media { /*!rtl:begin:ignore*/ - -ms-grid-column: 1; grid-column: 1; - -ms-grid-row: 1; grid-row: 1; /*!rtl:end:ignore*/ - margin: 0; } + margin: 0; +} .wp-block-media-text .wp-block-media-text__content { direction: ltr; /*!rtl:begin:ignore*/ - -ms-grid-column: 2; grid-column: 2; - -ms-grid-row: 1; grid-row: 1; /*!rtl:end:ignore*/ padding: 0 8% 0 8%; - word-break: break-word; } + word-break: break-word; +} .wp-block-media-text.has-media-on-the-right .wp-block-media-text__media { /*!rtl:begin:ignore*/ - -ms-grid-column: 2; grid-column: 2; - -ms-grid-row: 1; grid-row: 1; - /*!rtl:end:ignore*/ } + /*!rtl:end:ignore*/ +} .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content { /*!rtl:begin:ignore*/ - -ms-grid-column: 1; grid-column: 1; - -ms-grid-row: 1; grid-row: 1; - /*!rtl:end:ignore*/ } + /*!rtl:end:ignore*/ +} .wp-block-media-text__media img, .wp-block-media-text__media video { max-width: unset; width: 100%; - vertical-align: middle; } + vertical-align: middle; +} -.wp-block-media-text.is-image-fill figure.wp-block-media-text__media { +.wp-block-media-text.is-image-fill .wp-block-media-text__media { height: 100%; min-height: 250px; - background-size: cover; } + background-size: cover; +} -.wp-block-media-text.is-image-fill figure.wp-block-media-text__media > img { +.wp-block-media-text.is-image-fill .wp-block-media-text__media > a { + display: block; + height: 100%; +} + +.wp-block-media-text.is-image-fill .wp-block-media-text__media img { position: absolute; width: 1px; height: 1px; @@ -1011,7 +1351,8 @@ margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); - border: 0; } + border: 0; +} /* * Here we here not able to use a mobile first CSS approach. @@ -1022,151 +1363,527 @@ */ @media (max-width: 600px) { .wp-block-media-text.is-stacked-on-mobile { - -ms-grid-columns: 100% !important; - grid-template-columns: 100% !important; } - .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media { - -ms-grid-column: 1; - grid-column: 1; - -ms-grid-row: 1; - grid-row: 1; } - .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content { - -ms-grid-column: 1; - grid-column: 1; - -ms-grid-row: 2; - grid-row: 2; } - .wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right .wp-block-media-text__media { - -ms-grid-column: 1; + grid-template-columns: 100% !important; + } + .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media { grid-column: 1; - -ms-grid-row: 2; - grid-row: 2; } - .wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right .wp-block-media-text__content { - -ms-grid-column: 1; + grid-row: 1; + } + .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content { grid-column: 1; - -ms-grid-row: 1; - grid-row: 1; } } - -.wp-block-navigation .wp-block-navigation-link:not(.has-text-color), -.wp-block-navigation.is-style-light .wp-block-navigation-link:not(.has-text-color) { - color: #1e1e1e; } - -.wp-block-navigation:not(.has-background) .wp-block-navigation__container, -.wp-block-navigation.is-style-light:not(.has-background) .wp-block-navigation__container { - background-color: #fff; } - -.wp-block-navigation.is-style-dark .wp-block-navigation-link:not(.has-text-color) { - color: #fff; } - -.wp-block-navigation.is-style-dark:not(.has-background) .wp-block-navigation__container { - background-color: #1e1e1e; } - -.items-justified-left > ul { - justify-content: flex-start; } - -.items-justified-center > ul { - justify-content: center; } - -.items-justified-right > ul { - justify-content: flex-end; } - -.wp-block-navigation-link { + grid-row: 2; + } +} +.wp-block-navigation { + position: relative; +} +.wp-block-navigation ul, +.wp-block-navigation ul li { + list-style: none; + padding: 0; +} +.wp-block-navigation .wp-block-pages-list__item, +.wp-block-navigation .wp-block-navigation-link { display: flex; align-items: center; position: relative; - margin: 0; } - .wp-block-navigation-link .wp-block-navigation__container:empty { - display: none; } - -.wp-block-navigation__container { - list-style: none; - margin: 0; - padding-left: 0; - display: flex; - flex-wrap: wrap; } - .is-vertical .wp-block-navigation__container { - display: block; } - -.has-child .wp-block-navigation__container { - border: 1px solid rgba(0, 0, 0, 0.15); +} +.wp-block-navigation .wp-block-pages-list__item .wp-block-navigation-link__container:empty, +.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__container:empty { + display: none; +} +.wp-block-navigation .wp-block-pages-list__item__link, +.wp-block-navigation .wp-block-navigation-link__content { + color: inherit; + display: block; +} +.wp-block-navigation[style*=text-decoration] .wp-block-pages-list__item, +.wp-block-navigation[style*=text-decoration] .wp-block-navigation-link__container, +.wp-block-navigation[style*=text-decoration] .wp-block-navigation-link { + text-decoration: inherit; +} +.wp-block-navigation[style*=text-decoration] .wp-block-pages-list__item__link, +.wp-block-navigation[style*=text-decoration] .wp-block-navigation-link__content { + text-decoration: inherit; +} +.wp-block-navigation[style*=text-decoration] .wp-block-pages-list__item__link:focus, .wp-block-navigation[style*=text-decoration] .wp-block-pages-list__item__link:active, +.wp-block-navigation[style*=text-decoration] .wp-block-navigation-link__content:focus, +.wp-block-navigation[style*=text-decoration] .wp-block-navigation-link__content:active { + text-decoration: inherit; +} +.wp-block-navigation:not([style*=text-decoration]) .wp-block-pages-list__item__link, +.wp-block-navigation:not([style*=text-decoration]) .wp-block-navigation-link__content { + text-decoration: none; +} +.wp-block-navigation:not([style*=text-decoration]) .wp-block-pages-list__item__link:focus, .wp-block-navigation:not([style*=text-decoration]) .wp-block-pages-list__item__link:active, +.wp-block-navigation:not([style*=text-decoration]) .wp-block-navigation-link__content:focus, +.wp-block-navigation:not([style*=text-decoration]) .wp-block-navigation-link__content:active { + text-decoration: none; +} +.wp-block-navigation .wp-block-page-list__submenu-icon, +.wp-block-navigation .wp-block-navigation-link__submenu-icon { + height: inherit; +} +.wp-block-navigation .wp-block-page-list__submenu-icon svg, +.wp-block-navigation .wp-block-navigation-link__submenu-icon svg { + stroke: currentColor; +} +.wp-block-navigation .wp-block-pages-list__item .wp-block-pages-list__item__link, +.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__content.wp-block-navigation-link__content.wp-block-navigation-link__content { + padding: 0; +} +.wp-block-navigation .has-child > .wp-block-pages-list__item__link, +.wp-block-navigation .has-child > .wp-block-navigation-link__content { + margin-right: 0.5em; +} +.wp-block-navigation .has-child .submenu-container, +.wp-block-navigation .has-child .wp-block-navigation-link__container { background-color: inherit; color: inherit; position: absolute; - left: 0; - top: 100%; - width: fit-content; - z-index: 1; + z-index: 2; + flex-direction: column; + align-items: normal; + min-width: 200px; + display: none; opacity: 0; transition: opacity 0.1s linear; - visibility: hidden; } - .has-child .wp-block-navigation__container > .wp-block-navigation-link > .wp-block-navigation-link__content { - flex-grow: 1; } - .has-child .wp-block-navigation__container > .wp-block-navigation-link > .wp-block-navigation-link__submenu-icon { - padding-right: 8px; } - @media (min-width: 782px) { - .has-child .wp-block-navigation__container { - left: 24px; } - .has-child .wp-block-navigation__container .wp-block-navigation__container { - left: 100%; - top: -1px; } - .has-child .wp-block-navigation__container .wp-block-navigation__container::before { - content: ""; - position: absolute; - right: 100%; - height: 100%; - display: block; - width: 8px; - background: transparent; } - .has-child .wp-block-navigation__container .wp-block-navigation-link__submenu-icon svg { - transform: rotate(0); } } + visibility: hidden; +} +.wp-block-navigation .has-child .submenu-container > .wp-block-pages-list__item > .wp-block-pages-list__item__link, +.wp-block-navigation .has-child .submenu-container > .wp-block-pages-list__item > .wp-block-navigation-link__content, +.wp-block-navigation .has-child .submenu-container > .wp-block-navigation-link > .wp-block-pages-list__item__link, +.wp-block-navigation .has-child .submenu-container > .wp-block-navigation-link > .wp-block-navigation-link__content, +.wp-block-navigation .has-child .wp-block-navigation-link__container > .wp-block-pages-list__item > .wp-block-pages-list__item__link, +.wp-block-navigation .has-child .wp-block-navigation-link__container > .wp-block-pages-list__item > .wp-block-navigation-link__content, +.wp-block-navigation .has-child .wp-block-navigation-link__container > .wp-block-navigation-link > .wp-block-pages-list__item__link, +.wp-block-navigation .has-child .wp-block-navigation-link__container > .wp-block-navigation-link > .wp-block-navigation-link__content { + flex-grow: 1; +} +.wp-block-navigation .has-child .submenu-container > .wp-block-pages-list__item > .wp-block-page-list__submenu-icon, +.wp-block-navigation .has-child .submenu-container > .wp-block-pages-list__item > .wp-block-navigation-link__submenu-icon, +.wp-block-navigation .has-child .submenu-container > .wp-block-navigation-link > .wp-block-page-list__submenu-icon, +.wp-block-navigation .has-child .submenu-container > .wp-block-navigation-link > .wp-block-navigation-link__submenu-icon, +.wp-block-navigation .has-child .wp-block-navigation-link__container > .wp-block-pages-list__item > .wp-block-page-list__submenu-icon, +.wp-block-navigation .has-child .wp-block-navigation-link__container > .wp-block-pages-list__item > .wp-block-navigation-link__submenu-icon, +.wp-block-navigation .has-child .wp-block-navigation-link__container > .wp-block-navigation-link > .wp-block-page-list__submenu-icon, +.wp-block-navigation .has-child .wp-block-navigation-link__container > .wp-block-navigation-link > .wp-block-navigation-link__submenu-icon { + padding-right: 0.5em; +} +@media (min-width: 782px) { + .wp-block-navigation .has-child .submenu-container .submenu-container::before, +.wp-block-navigation .has-child .submenu-container .wp-block-navigation-link__container::before, +.wp-block-navigation .has-child .wp-block-navigation-link__container .submenu-container::before, +.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container::before { + content: ""; + position: absolute; + right: 100%; + height: 100%; + display: block; + width: 0.5em; + background: transparent; + } + .wp-block-navigation .has-child .submenu-container .wp-block-page-list__submenu-icon svg, +.wp-block-navigation .has-child .submenu-container .wp-block-navigation-link__submenu-icon svg, +.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-page-list__submenu-icon svg, +.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-navigation-link__submenu-icon svg { + transform: rotate(-90deg); + } +} +.wp-block-navigation .has-child:hover > .wp-block-navigation-link__container { + display: flex; + visibility: visible; + opacity: 1; +} +.wp-block-navigation .has-child:focus-within > .wp-block-navigation-link__container { + display: flex; + visibility: visible; + opacity: 1; +} +.wp-block-navigation .has-child:hover { + cursor: pointer; +} +.wp-block-navigation .has-child:hover > .submenu-container { + display: flex; + visibility: visible; + opacity: 1; +} +.wp-block-navigation .has-child:focus-within { + cursor: pointer; +} +.wp-block-navigation .has-child:focus-within > .submenu-container { + display: flex; + visibility: visible; + opacity: 1; +} +.wp-block-navigation.wp-block-navigation.items-justified-space-between > .submenu-container > .has-child:last-child .submenu-container, +.wp-block-navigation.wp-block-navigation.items-justified-space-between > .submenu-container > .has-child:last-child .wp-block-navigation-link__container, .wp-block-navigation.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .submenu-container, +.wp-block-navigation.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .wp-block-navigation-link__container, .wp-block-navigation.wp-block-navigation.items-justified-right > .submenu-container .has-child .submenu-container, +.wp-block-navigation.wp-block-navigation.items-justified-right > .submenu-container .has-child .wp-block-navigation-link__container, .wp-block-navigation.wp-block-navigation.items-justified-right > .wp-block-navigation__container .has-child .submenu-container, +.wp-block-navigation.wp-block-navigation.items-justified-right > .wp-block-navigation__container .has-child .wp-block-navigation-link__container { + left: auto; + right: 0; +} +.wp-block-navigation.wp-block-navigation.items-justified-space-between > .submenu-container > .has-child:last-child .submenu-container .submenu-container, +.wp-block-navigation.wp-block-navigation.items-justified-space-between > .submenu-container > .has-child:last-child .submenu-container .wp-block-navigation-link__container, +.wp-block-navigation.wp-block-navigation.items-justified-space-between > .submenu-container > .has-child:last-child .wp-block-navigation-link__container .submenu-container, +.wp-block-navigation.wp-block-navigation.items-justified-space-between > .submenu-container > .has-child:last-child .wp-block-navigation-link__container .wp-block-navigation-link__container, .wp-block-navigation.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .submenu-container .submenu-container, +.wp-block-navigation.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .submenu-container .wp-block-navigation-link__container, +.wp-block-navigation.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .wp-block-navigation-link__container .submenu-container, +.wp-block-navigation.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .wp-block-navigation-link__container .wp-block-navigation-link__container, .wp-block-navigation.wp-block-navigation.items-justified-right > .submenu-container .has-child .submenu-container .submenu-container, +.wp-block-navigation.wp-block-navigation.items-justified-right > .submenu-container .has-child .submenu-container .wp-block-navigation-link__container, +.wp-block-navigation.wp-block-navigation.items-justified-right > .submenu-container .has-child .wp-block-navigation-link__container .submenu-container, +.wp-block-navigation.wp-block-navigation.items-justified-right > .submenu-container .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container, .wp-block-navigation.wp-block-navigation.items-justified-right > .wp-block-navigation__container .has-child .submenu-container .submenu-container, +.wp-block-navigation.wp-block-navigation.items-justified-right > .wp-block-navigation__container .has-child .submenu-container .wp-block-navigation-link__container, +.wp-block-navigation.wp-block-navigation.items-justified-right > .wp-block-navigation__container .has-child .wp-block-navigation-link__container .submenu-container, +.wp-block-navigation.wp-block-navigation.items-justified-right > .wp-block-navigation__container .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container { + left: auto; + right: 100%; +} -.has-child:hover { - cursor: pointer; } - .has-child:hover > .wp-block-navigation__container { - visibility: visible; - opacity: 1; +.wp-block-navigation.wp-block-navigation .wp-block-page-list, +.wp-block-navigation.wp-block-navigation .wp-block-page-list > .wp-block-pages-list__item, +.wp-block-navigation.wp-block-navigation .wp-block-navigation__container > .wp-block-navigation-link { + margin: 0 2em 0 0; +} +.wp-block-navigation.wp-block-navigation .wp-block-page-list:last-child, +.wp-block-navigation.wp-block-navigation .wp-block-page-list > .wp-block-pages-list__item:last-child, +.wp-block-navigation.wp-block-navigation .wp-block-navigation__container > .wp-block-navigation-link:last-child { + margin-right: 0; +} +.wp-block-navigation.wp-block-navigation.has-background .wp-block-page-list, +.wp-block-navigation.wp-block-navigation.has-background .wp-block-page-list > .wp-block-pages-list__item, +.wp-block-navigation.wp-block-navigation.has-background .wp-block-navigation__container > .wp-block-navigation-link { + margin: 0 0.5em 0 0; +} +.wp-block-navigation.wp-block-navigation.has-background .wp-block-page-list .wp-block-pages-list__item__link, +.wp-block-navigation.wp-block-navigation.has-background .wp-block-navigation__container .wp-block-navigation-link__content { + padding: 0.5em 1em; +} +.wp-block-navigation.wp-block-navigation .has-child .submenu-container, +.wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container { + left: -1em; + top: 100%; +} +.wp-block-navigation.wp-block-navigation .has-child .submenu-container .wp-block-pages-list__item, +.wp-block-navigation.wp-block-navigation .has-child .submenu-container .wp-block-navigation-link, +.wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-pages-list__item, +.wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-navigation-link { + margin: 0; +} +.wp-block-navigation.wp-block-navigation .has-child .submenu-container .wp-block-pages-list__item__link, +.wp-block-navigation.wp-block-navigation .has-child .submenu-container .wp-block-navigation-link__content, +.wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-pages-list__item__link, +.wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-navigation-link__content { + padding: 0.5em 1em; +} +.wp-block-navigation.wp-block-navigation .has-child .submenu-container .submenu-container, +.wp-block-navigation.wp-block-navigation .has-child .submenu-container .wp-block-navigation-link__container, +.wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .submenu-container, +.wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container { + left: -1px; +} +@media (min-width: 782px) { + .wp-block-navigation.wp-block-navigation .has-child .submenu-container .submenu-container, +.wp-block-navigation.wp-block-navigation .has-child .submenu-container .wp-block-navigation-link__container, +.wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .submenu-container, +.wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container { + left: 100%; + top: -1px; + } +} +.wp-block-navigation.wp-block-navigation.has-background .has-child .submenu-container, .wp-block-navigation.wp-block-navigation.has-background .has-child .wp-block-navigation-link__container { + left: 0; + top: 100%; +} +.wp-block-navigation.wp-block-navigation.has-background .has-child .submenu-container .submenu-container, +.wp-block-navigation.wp-block-navigation.has-background .has-child .submenu-container .wp-block-navigation-link__container, .wp-block-navigation.wp-block-navigation.has-background .has-child .wp-block-navigation-link__container .submenu-container, +.wp-block-navigation.wp-block-navigation.has-background .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container { + left: 0; +} +@media (min-width: 782px) { + .wp-block-navigation.wp-block-navigation.has-background .has-child .submenu-container .submenu-container, +.wp-block-navigation.wp-block-navigation.has-background .has-child .submenu-container .wp-block-navigation-link__container, .wp-block-navigation.wp-block-navigation.has-background .has-child .wp-block-navigation-link__container .submenu-container, +.wp-block-navigation.wp-block-navigation.has-background .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container { + left: 100%; + top: 0; + } +} + +.wp-block-navigation:not(.has-background) .submenu-container, +.wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-navigation-link__container { + background-color: #fff; + color: #000; + border: 1px solid rgba(0, 0, 0, 0.15); +} + +.wp-block-navigation__container { + align-items: center; + list-style: none; + margin: 0; + padding-left: 0; +} +.wp-block-navigation__container .is-responsive { + display: none; +} +@media (min-width: 600px) { + .wp-block-navigation__container { display: flex; - flex-direction: column; } + flex-wrap: wrap; + } + .is-vertical .wp-block-navigation__container { + display: block; + flex-direction: column; + align-items: flex-start; + } +} + +.items-justified-center .wp-block-navigation__container { + justify-content: center; +} + +.items-justified-right .wp-block-navigation__container { + justify-content: flex-end; +} + +.items-justified-space-between .wp-block-navigation__container { + justify-content: space-between; +} + +.is-vertical.items-justified-center > ul { + align-items: center; +} -.has-child:focus-within { - cursor: pointer; } - .has-child:focus-within > .wp-block-navigation__container { - visibility: visible; - opacity: 1; +.is-vertical.items-justified-right > ul { + align-items: flex-end; +} +.is-vertical.items-justified-right > ul .wp-block-navigation-link, +.is-vertical.items-justified-right > ul .wp-block-pages-list__item { + margin-right: 0; + justify-content: flex-end; +} + +/** + * Mobile menu. + */ +.wp-block-navigation__responsive-container { + display: none; + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 1; + align-items: flex-start; + justify-content: flex-start; +} +.wp-block-navigation__responsive-container.is-menu-open { + display: flex; + flex-direction: column; + overflow: auto; + z-index: 100000; + padding: 24px; + background-color: inherit; +} +.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container { + display: flex; + flex-direction: column; + margin-left: auto; + margin-right: auto; + align-items: flex-start; + line-height: 48px; + padding: 0; +} +.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container .wp-block-page-list { + flex-direction: column; +} +.wp-block-navigation__responsive-container.is-menu-open .wp-block-pages-list__item .submenu-container, +.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link .wp-block-navigation-link__container, +.wp-block-navigation__responsive-container.is-menu-open .wp-block-pages-list__item, +.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link { + background: transparent !important; +} +@media (min-width: 600px) { + .wp-block-navigation__responsive-container:not(.is-menu-open) { display: flex; - flex-direction: column; } + flex-direction: row; + position: relative; + background-color: inherit; + } + .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__responsive-container-close { + display: none; + } + .wp-block-navigation__responsive-container.is-menu-open .submenu-container.submenu-container.submenu-container.submenu-container, +.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link__container.wp-block-navigation-link__container.wp-block-navigation-link__container.wp-block-navigation-link__container { + left: 0; + } +} + +.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open { + background-color: #fff; + color: #000; +} + +.wp-block-navigation__responsive-container-open, +.wp-block-navigation__responsive-container-close { + vertical-align: middle; + cursor: pointer; + color: currentColor; + background: transparent; + border: none; + margin: 0; + padding: 0; +} +.wp-block-navigation__responsive-container-open svg, +.wp-block-navigation__responsive-container-close svg { + fill: currentColor; + pointer-events: none; + display: block; + width: 24px; + height: 24px; +} + +.wp-block-navigation__responsive-container-open { + display: flex; +} +@media (min-width: 600px) { + .wp-block-navigation__responsive-container-open { + display: none; + } +} +.items-justified-left .wp-block-navigation__responsive-container-open { + margin-left: 0; + margin-right: auto; +} +.items-justified-center .wp-block-navigation__responsive-container-open { + margin-left: auto; + margin-right: auto; +} +.items-justified-right .wp-block-navigation__responsive-container-open { + margin-left: auto; + margin-right: 0; +} -.wp-block-navigation-link__content { +.wp-block-navigation__responsive-container-close { + position: absolute; + top: 24px; + right: 24px; + z-index: 2; +} + +.wp-block-navigation__responsive-close { + width: 100%; +} + +.is-menu-open .wp-block-navigation__responsive-close, +.is-menu-open .wp-block-navigation__responsive-dialog, +.is-menu-open .wp-block-navigation__responsive-container-content { + width: 100%; + height: 100%; +} + +.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list__submenu-icon, +.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link__submenu-icon { + display: none; +} +.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .has-child .submenu-container, +.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .has-child .wp-block-navigation-link__container { + position: relative; + opacity: 1; + visibility: visible; + padding: 0 0 0 32px; + border: none; +} +.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link, +.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-pages-list__item { + flex-direction: column; + align-items: flex-start; +} + +html.has-modal-open { + overflow: hidden; +} + +.wp-block-navigation .wp-block-navigation-link__label { + word-break: normal; + overflow-wrap: break-word; +} + +.wp-block-navigation .wp-block-home-link__content { + color: inherit; + display: block; + padding: 0.5em 1em; +} +.wp-block-navigation[style*=text-decoration] .wp-block-home-link { + text-decoration: inherit; +} +.wp-block-navigation[style*=text-decoration] .wp-block-home-link__content { + text-decoration: inherit; +} +.wp-block-navigation[style*=text-decoration] .wp-block-home-link__content:focus, .wp-block-navigation[style*=text-decoration] .wp-block-home-link__content:active { + text-decoration: inherit; +} +.wp-block-navigation:not([style*=text-decoration]) .wp-block-home-link__content { text-decoration: none; - padding: 8px 16px; } - .wp-block-navigation-link__content + .wp-block-navigation-link__content { - padding-top: 0; } - .has-text-color .wp-block-navigation-link__content { - color: inherit; } +} +.wp-block-navigation:not([style*=text-decoration]) .wp-block-home-link__content:focus, .wp-block-navigation:not([style*=text-decoration]) .wp-block-home-link__content:active { + text-decoration: none; +} + +.wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-home-link__container { + background-color: #fff; + color: #000; + border: 1px solid rgba(0, 0, 0, 0.15); +} +.wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-home-link__container .wp-block-home-link__container { + top: -1px; +} -.wp-block-navigation-link__label { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - word-break: normal; - overflow-wrap: break-word; } +.wp-block-navigation .wp-block-page-list { + display: flex; + flex-wrap: wrap; + background-color: inherit; +} +.wp-block-navigation .wp-block-pages-list__item { + background-color: inherit; +} +.wp-block-navigation .wp-block-page-list__submenu-icon { + display: none; +} +.wp-block-navigation .show-submenu-icons .wp-block-page-list__submenu-icon { + display: block; +} -.wp-block-navigation-link__submenu-icon { - height: inherit; - padding: 6px 16px; } - .wp-block-navigation-link__submenu-icon svg { - fill: currentColor; } - @media (min-width: 782px) { - .wp-block-navigation-link__submenu-icon svg { - transform: rotate(90deg); } } +.is-vertical .wp-block-navigation__container .wp-block-page-list, +.is-open .wp-block-navigation__container .wp-block-page-list { + display: block; +} + +@media (min-width: 480px) { + .is-open .wp-block-navigation__container .wp-block-page-list { + display: flex; + } +} + +.items-justified-space-between .wp-block-page-list { + display: contents; +} .is-small-text { - font-size: 14px; } + font-size: 0.875em; +} .is-regular-text { - font-size: 16px; } + font-size: 1em; +} .is-large-text { - font-size: 36px; } + font-size: 2.25em; +} .is-larger-text { - font-size: 48px; } + font-size: 3em; +} .has-drop-cap:not(:focus)::first-letter { float: left; @@ -1175,735 +1892,1181 @@ font-weight: 100; margin: 0.05em 0.1em 0 0; text-transform: uppercase; - font-style: normal; } + font-style: normal; +} + +p.has-drop-cap.has-background { + overflow: hidden; +} p.has-background { - padding: 20px 38px; } + padding: 1.25em 2.375em; +} p.has-text-color a { - color: inherit; } + color: inherit; +} .wp-block-post-author { display: flex; flex-wrap: wrap; - line-height: 1.5; } - .wp-block-post-author__byline { - width: 100%; - margin-top: 0; - margin-bottom: 0; - font-size: 0.5em; } - .wp-block-post-author__avatar { - margin-right: 16px; } - .wp-block-post-author__bio { - margin-bottom: 8px; - font-size: 0.7em; } - .wp-block-post-author__content { - flex-grow: 1; - flex-basis: 0; } - .wp-block-post-author__name { - font-weight: bold; - margin: 0; } +} +.wp-block-post-author__byline { + width: 100%; + margin-top: 0; + margin-bottom: 0; + font-size: 0.5em; +} +.wp-block-post-author__avatar { + margin-right: 1em; +} +.wp-block-post-author__bio { + margin-bottom: 0.7em; + font-size: 0.7em; +} +.wp-block-post-author__content { + flex-grow: 1; + flex-basis: 0; +} +.wp-block-post-author__name { + font-weight: bold; + margin: 0; +} + +.wp-block-post-comments .commentlist { + list-style: none; + margin: 0; + padding: 0; +} +.wp-block-post-comments .commentlist .comment { + min-height: 2.25em; + padding-left: 3.25em; +} +.wp-block-post-comments .commentlist .comment p { + font-size: 0.875em; + line-height: 1.8; + margin: 0.36em 0 1.4em; +} +.wp-block-post-comments .commentlist .children { + list-style: none; + margin: 0; + padding: 0; +} +.wp-block-post-comments .comment-author { + line-height: 1.5; + margin-left: -3.25em; +} +.wp-block-post-comments .comment-author .avatar { + border-radius: 1.5em; + display: block; + float: left; + height: 2.5em; + margin-right: 0.75em; + width: 2.5em; +} +.wp-block-post-comments .comment-author cite { + font-style: normal; +} +.wp-block-post-comments .comment-meta { + line-height: 1.5; + margin-left: -3.25em; +} +.wp-block-post-comments .comment-body .commentmetadata { + font-size: 0.75em; +} +.wp-block-post-comments .comment-form-comment label, +.wp-block-post-comments .comment-form-author label, +.wp-block-post-comments .comment-form-email label, +.wp-block-post-comments .comment-form-url label { + display: block; +} +.wp-block-post-comments .comment-form-comment textarea { + box-sizing: border-box; + width: 100%; +} +.wp-block-post-comments .reply { + font-size: 0.75em; + margin-bottom: 1.4em; +} +.wp-block-post-comments textarea, +.wp-block-post-comments input { + border: 1px solid #949494; +} + +.wp-block-post-comments-form input[type=submit] { + border: none; + box-shadow: none; + cursor: pointer; + display: inline-block; + text-align: center; + overflow-wrap: break-word; +} + +.wp-block-post-excerpt__more-link { + display: inline-block; +} + +.wp-block-post-title a { + display: inline-block; +} + +.wp-block-preformatted { + white-space: pre-wrap; +} + +.wp-block-preformatted.has-background { + padding: 1.25em 2.375em; +} .wp-block-pullquote { + margin: 0 0 1em 0; padding: 3em 0; - margin-left: 0; - margin-right: 0; - text-align: center; } - .wp-block-pullquote.alignleft, .wp-block-pullquote.alignright { - max-width: 290px; } - .wp-block-pullquote.alignleft p, .wp-block-pullquote.alignright p { - font-size: 20px; } - .wp-block-pullquote p { - font-size: 28px; - line-height: 1.6; } - .wp-block-pullquote cite, - .wp-block-pullquote footer { - position: relative; } - .wp-block-pullquote .has-text-color a { - color: inherit; } + text-align: center; +} +.wp-block-pullquote.alignleft, .wp-block-pullquote.alignright { + max-width: 420px; +} +.wp-block-pullquote.alignleft p, .wp-block-pullquote.alignright p { + font-size: 1.25em; +} +.wp-block-pullquote p { + font-size: 1.75em; + line-height: 1.6; +} +.wp-block-pullquote cite, +.wp-block-pullquote footer { + position: relative; +} +.wp-block-pullquote .has-text-color a { + color: inherit; +} .wp-block-pullquote:not(.is-style-solid-color) { - background: none; } + background: none; +} .wp-block-pullquote.is-style-solid-color { - border: none; } - .wp-block-pullquote.is-style-solid-color blockquote { - margin-left: auto; - margin-right: auto; - text-align: left; - max-width: 60%; } - .wp-block-pullquote.is-style-solid-color blockquote p { - margin-top: 0; - margin-bottom: 0; - font-size: 32px; } - .wp-block-pullquote.is-style-solid-color blockquote cite { - text-transform: none; - font-style: normal; } + border: none; +} +.wp-block-pullquote.is-style-solid-color blockquote { + margin-left: auto; + margin-right: auto; + text-align: left; + max-width: 60%; +} +.wp-block-pullquote.is-style-solid-color blockquote p { + margin-top: 0; + margin-bottom: 0; + font-size: 2em; +} +.wp-block-pullquote.is-style-solid-color blockquote cite { + text-transform: none; + font-style: normal; +} .wp-block-pullquote cite { - color: inherit; } + color: inherit; +} + +.wp-block-post-template, +.wp-block-query-loop { + max-width: 100%; + list-style: none; + padding: 0; +} +.wp-block-post-template li, +.wp-block-query-loop li { + clear: both; +} +.wp-block-post-template.is-flex-container, +.wp-block-query-loop.is-flex-container { + flex-direction: row; + display: flex; + flex-wrap: wrap; +} +.wp-block-post-template.is-flex-container li, +.wp-block-query-loop.is-flex-container li { + margin: 0 0 1.25em 0; + width: 100%; +} +@media (min-width: 600px) { + .wp-block-post-template.is-flex-container li, +.wp-block-query-loop.is-flex-container li { + margin-right: 1.25em; + } + .wp-block-post-template.is-flex-container.is-flex-container.columns-2 > li, +.wp-block-query-loop.is-flex-container.is-flex-container.columns-2 > li { + width: calc((100% / 2) - 1.25em + (1.25em / 2)); + } + .wp-block-post-template.is-flex-container.is-flex-container.columns-2 > li:nth-child(2n), +.wp-block-query-loop.is-flex-container.is-flex-container.columns-2 > li:nth-child(2n) { + margin-right: 0; + } + .wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li, +.wp-block-query-loop.is-flex-container.is-flex-container.columns-3 > li { + width: calc((100% / 3) - 1.25em + (1.25em / 3)); + } + .wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li:nth-child(3n), +.wp-block-query-loop.is-flex-container.is-flex-container.columns-3 > li:nth-child(3n) { + margin-right: 0; + } + .wp-block-post-template.is-flex-container.is-flex-container.columns-4 > li, +.wp-block-query-loop.is-flex-container.is-flex-container.columns-4 > li { + width: calc((100% / 4) - 1.25em + (1.25em / 4)); + } + .wp-block-post-template.is-flex-container.is-flex-container.columns-4 > li:nth-child(4n), +.wp-block-query-loop.is-flex-container.is-flex-container.columns-4 > li:nth-child(4n) { + margin-right: 0; + } + .wp-block-post-template.is-flex-container.is-flex-container.columns-5 > li, +.wp-block-query-loop.is-flex-container.is-flex-container.columns-5 > li { + width: calc((100% / 5) - 1.25em + (1.25em / 5)); + } + .wp-block-post-template.is-flex-container.is-flex-container.columns-5 > li:nth-child(5n), +.wp-block-query-loop.is-flex-container.is-flex-container.columns-5 > li:nth-child(5n) { + margin-right: 0; + } + .wp-block-post-template.is-flex-container.is-flex-container.columns-6 > li, +.wp-block-query-loop.is-flex-container.is-flex-container.columns-6 > li { + width: calc((100% / 6) - 1.25em + (1.25em / 6)); + } + .wp-block-post-template.is-flex-container.is-flex-container.columns-6 > li:nth-child(6n), +.wp-block-query-loop.is-flex-container.is-flex-container.columns-6 > li:nth-child(6n) { + margin-right: 0; + } +} + +.wp-block-query-pagination { + display: flex; + flex-direction: row; + flex-wrap: wrap; +} +.wp-block-query-pagination > .wp-block-query-pagination-next, +.wp-block-query-pagination > .wp-block-query-pagination-previous, +.wp-block-query-pagination > .wp-block-query-pagination-numbers { + display: inline-block; + /*rtl:ignore*/ + margin-right: 0.5em; + margin-bottom: 0.5em; +} +.wp-block-query-pagination > .wp-block-query-pagination-next:last-child, +.wp-block-query-pagination > .wp-block-query-pagination-previous:last-child, +.wp-block-query-pagination > .wp-block-query-pagination-numbers:last-child { + /*rtl:ignore*/ + margin-right: 0; +} .wp-block-quote.is-style-large, .wp-block-quote.is-large { - margin: 0 0 16px; - padding: 0 1em; } - .wp-block-quote.is-style-large p, .wp-block-quote.is-large p { - font-size: 24px; - font-style: italic; - line-height: 1.6; } - .wp-block-quote.is-style-large cite, - .wp-block-quote.is-style-large footer, .wp-block-quote.is-large cite, - .wp-block-quote.is-large footer { - font-size: 18px; - text-align: right; } + margin-bottom: 1em; + padding: 0 1em; +} +.wp-block-quote.is-style-large p, .wp-block-quote.is-large p { + font-size: 1.5em; + font-style: italic; + line-height: 1.6; +} +.wp-block-quote.is-style-large cite, +.wp-block-quote.is-style-large footer, .wp-block-quote.is-large cite, +.wp-block-quote.is-large footer { + font-size: 1.125em; + text-align: right; +} +.wp-block-rss.wp-block-rss { + box-sizing: border-box; +} .wp-block-rss.alignleft { /*rtl:ignore*/ - margin-right: 2em; } - + margin-right: 2em; +} .wp-block-rss.alignright { /*rtl:ignore*/ - margin-left: 2em; } - + margin-left: 2em; +} .wp-block-rss.is-grid { display: flex; flex-wrap: wrap; padding: 0; - list-style: none; } - .wp-block-rss.is-grid li { - margin: 0 16px 16px 0; - width: 100%; } - + list-style: none; +} +.wp-block-rss.is-grid li { + margin: 0 1em 1em 0; + width: 100%; +} @media (min-width: 600px) { .wp-block-rss.columns-2 li { - width: calc(( 100% / 2 ) - 16px); } + width: calc(( 100% / 2 ) - 1em); + } .wp-block-rss.columns-3 li { - width: calc(( 100% / 3 ) - 16px); } + width: calc(( 100% / 3 ) - 1em); + } .wp-block-rss.columns-4 li { - width: calc(( 100% / 4 ) - 16px); } + width: calc(( 100% / 4 ) - 1em); + } .wp-block-rss.columns-5 li { - width: calc(( 100% / 5 ) - 16px); } + width: calc(( 100% / 5 ) - 1em); + } .wp-block-rss.columns-6 li { - width: calc(( 100% / 6 ) - 16px); } } + width: calc(( 100% / 6 ) - 1em); + } +} .wp-block-rss__item-publish-date, .wp-block-rss__item-author { display: block; - color: #6c7781; - font-size: 13px; } + color: #555; + font-size: 0.8125em; +} -.wp-block-search { +.wp-block-search .wp-block-search__button { + background: #f7f7f7; + border: 1px solid #ccc; + padding: 0.375em 0.625em; + color: #32373c; + margin-left: 0.625em; + word-break: normal; +} +.wp-block-search .wp-block-search__button.has-icon { + line-height: 0; +} +.wp-block-search .wp-block-search__button svg { + min-width: 1.5em; + min-height: 1.5em; +} +.wp-block-search .wp-block-search__inside-wrapper { display: flex; - flex-wrap: wrap; } - .wp-block-search .wp-block-search__label { - width: 100%; } - .wp-block-search .wp-block-search__input { - flex-grow: 1; - max-width: 360px; } - .wp-block-search .wp-block-search__button { - margin-left: 10px; } + flex: auto; + flex-wrap: nowrap; + max-width: 100%; +} +.wp-block-search .wp-block-search__label { + width: 100%; +} +.wp-block-search .wp-block-search__input { + flex-grow: 1; + min-width: 3em; + border: 1px solid #949494; +} +.wp-block-search.wp-block-search__button-only .wp-block-search__button { + margin-left: 0; +} +.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper { + padding: 4px; + border: 1px solid #949494; +} +.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input { + border-radius: 0; + border: none; + padding: 0 0 0 0.25em; +} +.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input:focus { + outline: none; +} +.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button { + padding: 0.125em 0.5em; +} +.wp-block-search.aligncenter .wp-block-search__inside-wrapper { + margin: auto; +} +.wp-block-separator { + border-top: 1px solid currentColor; + border-bottom: 1px solid currentColor; +} .wp-block-separator.is-style-wide { - border-bottom-width: 1px; } - + border-bottom-width: 1px; +} .wp-block-separator.is-style-dots { background: none !important; border: none; text-align: center; - max-width: none; + width: none; line-height: 1; - height: auto; } - .wp-block-separator.is-style-dots::before { - content: "\00b7 \00b7 \00b7"; - color: currentColor; - font-size: 20px; - letter-spacing: 2em; - /*rtl:ignore*/ - padding-left: 2em; - font-family: serif; } + height: auto; +} +.wp-block-separator.is-style-dots::before { + content: "ยทยทยท"; + color: currentColor; + font-size: 1.5em; + letter-spacing: 2em; + /*rtl:ignore*/ + padding-left: 2em; + font-family: serif; +} + +.wp-block-site-logo { + line-height: 0; +} +.wp-block-site-logo a { + display: inline-block; +} +.wp-block-site-logo.is-default-size img { + width: 120px; + height: auto; +} +.wp-block-site-logo .aligncenter { + display: table; +} +.wp-block-site-logo.is-style-rounded img { + border-radius: 9999px; +} .wp-block-social-links { display: flex; - justify-content: flex-start; + flex-wrap: wrap; padding-left: 0; padding-right: 0; - margin-left: 0; } - .wp-block-social-links .wp-social-link a, - .wp-block-social-links .wp-social-link a:hover { - text-decoration: none; - border-bottom: 0; - box-shadow: none; } - -.wp-social-link { - display: block; - width: 36px; - height: 36px; - border-radius: 36px; - margin-right: 8px; - transition: transform 0.1s ease; } - @media (prefers-reduced-motion: reduce) { - .wp-social-link { - transition-duration: 0s; } } - .wp-social-link a { - padding: 6px; - display: block; - line-height: 0; - transition: transform 0.1s ease; } - .wp-social-link a, - .wp-social-link a:hover, - .wp-social-link a:active, - .wp-social-link a:visited, - .wp-social-link svg { - color: currentColor; - fill: currentColor; } - .wp-social-link:hover { - transform: scale(1.1); } - + text-indent: 0; + margin-left: 0; +} +.wp-block-social-links .wp-social-link a, +.wp-block-social-links .wp-social-link a:hover { + text-decoration: none; + border-bottom: 0; + box-shadow: none; +} +.wp-block-social-links .wp-social-link.wp-social-link.wp-social-link { + margin: 4px 8px 4px 0; +} +.wp-block-social-links .wp-social-link a { + padding: 0.25em; +} +.wp-block-social-links .wp-social-link svg { + width: 1em; + height: 1em; +} +.wp-block-social-links.has-small-icon-size { + font-size: 16px; +} +.wp-block-social-links, .wp-block-social-links.has-normal-icon-size { + font-size: 24px; +} +.wp-block-social-links.has-large-icon-size { + font-size: 36px; +} +.wp-block-social-links.has-huge-icon-size { + font-size: 48px; +} .wp-block-social-links.aligncenter { justify-content: center; - display: flex; } + display: flex; +} +.wp-block-social-links.alignright { + justify-content: flex-end; +} + +.wp-block-social-link { + display: block; + border-radius: 9999px; + transition: transform 0.1s ease; + height: auto; +} +@media (prefers-reduced-motion: reduce) { + .wp-block-social-link { + transition-duration: 0s; + transition-delay: 0s; + } +} +.wp-block-social-link a { + display: block; + line-height: 0; + transition: transform 0.1s ease; +} +.wp-block-social-link:hover { + transform: scale(1.1); +} + +.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:hover, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:active, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:visited, +.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor svg { + color: currentColor; + fill: currentColor; +} .wp-block-social-links:not(.is-style-logos-only) .wp-social-link { background-color: #f0f0f0; - color: #444; } - + color: #444; +} .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-amazon { background-color: #f90; - color: #fff; } - + color: #fff; +} .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-bandcamp { background-color: #1ea0c3; - color: #fff; } - + color: #fff; +} .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-behance { background-color: #0757fe; - color: #fff; } - + color: #fff; +} .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-codepen { background-color: #1e1f26; - color: #fff; } - + color: #fff; +} .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-deviantart { background-color: #02e49b; - color: #fff; } - + color: #fff; +} .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dribbble { background-color: #e94c89; - color: #fff; } - + color: #fff; +} .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dropbox { background-color: #4280ff; - color: #fff; } - + color: #fff; +} .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-etsy { background-color: #f45800; - color: #fff; } - + color: #fff; +} .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook { background-color: #1778f2; - color: #fff; } - + color: #fff; +} .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-fivehundredpx { background-color: #000; - color: #fff; } - + color: #fff; +} .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-flickr { background-color: #0461dd; - color: #fff; } - + color: #fff; +} .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-foursquare { background-color: #e65678; - color: #fff; } - + color: #fff; +} .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-github { background-color: #24292d; - color: #fff; } - + color: #fff; +} .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-goodreads { background-color: #eceadd; - color: #382110; } - + color: #382110; +} .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-google { background-color: #ea4434; - color: #fff; } - + color: #fff; +} .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram { background-color: #f00075; - color: #fff; } - + color: #fff; +} .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-lastfm { background-color: #e21b24; - color: #fff; } - + color: #fff; +} .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-linkedin { background-color: #0d66c2; - color: #fff; } - + color: #fff; +} .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-mastodon { background-color: #3288d4; - color: #fff; } - + color: #fff; +} .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-medium { background-color: #02ab6c; - color: #fff; } - + color: #fff; +} .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-meetup { background-color: #f6405f; - color: #fff; } - + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-patreon { + background-color: #ff424d; + color: #fff; +} .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pinterest { background-color: #e60122; - color: #fff; } - + color: #fff; +} .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pocket { background-color: #ef4155; - color: #fff; } - + color: #fff; +} .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-reddit { background-color: #fe4500; - color: #fff; } - + color: #fff; +} .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-skype { background-color: #0478d7; - color: #fff; } - + color: #fff; +} .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-snapchat { background-color: #fefc00; color: #fff; - stroke: #000; } - + stroke: #000; +} .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-soundcloud { background-color: #ff5600; - color: #fff; } - + color: #fff; +} .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-spotify { background-color: #1bd760; - color: #fff; } - + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-telegram { + background-color: #2aabee; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tiktok { + background-color: #000; + color: #fff; +} .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tumblr { background-color: #011835; - color: #fff; } - + color: #fff; +} .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitch { background-color: #6440a4; - color: #fff; } - + color: #fff; +} .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitter { background-color: #1da1f2; - color: #fff; } - + color: #fff; +} .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vimeo { background-color: #1eb7ea; - color: #fff; } - + color: #fff; +} .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vk { background-color: #4680c2; - color: #fff; } - + color: #fff; +} .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-wordpress { background-color: #3499cd; - color: #fff; } - + color: #fff; +} .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-yelp { background-color: #d32422; - color: #fff; } - + color: #fff; +} .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-youtube { background-color: #f00; - color: #fff; } + color: #fff; +} .wp-block-social-links.is-style-logos-only .wp-social-link { background: none; - padding: 4px; } - .wp-block-social-links.is-style-logos-only .wp-social-link svg { - width: 28px; - height: 28px; } - + padding: 4px; +} .wp-block-social-links.is-style-logos-only .wp-social-link-amazon { - color: #f90; } - + color: #f90; +} .wp-block-social-links.is-style-logos-only .wp-social-link-bandcamp { - color: #1ea0c3; } - + color: #1ea0c3; +} .wp-block-social-links.is-style-logos-only .wp-social-link-behance { - color: #0757fe; } - + color: #0757fe; +} .wp-block-social-links.is-style-logos-only .wp-social-link-codepen { - color: #1e1f26; } - + color: #1e1f26; +} .wp-block-social-links.is-style-logos-only .wp-social-link-deviantart { - color: #02e49b; } - + color: #02e49b; +} .wp-block-social-links.is-style-logos-only .wp-social-link-dribbble { - color: #e94c89; } - + color: #e94c89; +} .wp-block-social-links.is-style-logos-only .wp-social-link-dropbox { - color: #4280ff; } - + color: #4280ff; +} .wp-block-social-links.is-style-logos-only .wp-social-link-etsy { - color: #f45800; } - + color: #f45800; +} .wp-block-social-links.is-style-logos-only .wp-social-link-facebook { - color: #1778f2; } - + color: #1778f2; +} .wp-block-social-links.is-style-logos-only .wp-social-link-fivehundredpx { - color: #000; } - + color: #000; +} .wp-block-social-links.is-style-logos-only .wp-social-link-flickr { - color: #0461dd; } - + color: #0461dd; +} .wp-block-social-links.is-style-logos-only .wp-social-link-foursquare { - color: #e65678; } - + color: #e65678; +} .wp-block-social-links.is-style-logos-only .wp-social-link-github { - color: #24292d; } - + color: #24292d; +} .wp-block-social-links.is-style-logos-only .wp-social-link-goodreads { - color: #382110; } - + color: #382110; +} .wp-block-social-links.is-style-logos-only .wp-social-link-google { - color: #ea4434; } - + color: #ea4434; +} .wp-block-social-links.is-style-logos-only .wp-social-link-instagram { - color: #f00075; } - + color: #f00075; +} .wp-block-social-links.is-style-logos-only .wp-social-link-lastfm { - color: #e21b24; } - + color: #e21b24; +} .wp-block-social-links.is-style-logos-only .wp-social-link-linkedin { - color: #0d66c2; } - + color: #0d66c2; +} .wp-block-social-links.is-style-logos-only .wp-social-link-mastodon { - color: #3288d4; } - + color: #3288d4; +} .wp-block-social-links.is-style-logos-only .wp-social-link-medium { - color: #02ab6c; } - + color: #02ab6c; +} .wp-block-social-links.is-style-logos-only .wp-social-link-meetup { - color: #f6405f; } - + color: #f6405f; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-patreon { + color: #ff424d; +} .wp-block-social-links.is-style-logos-only .wp-social-link-pinterest { - color: #e60122; } - + color: #e60122; +} .wp-block-social-links.is-style-logos-only .wp-social-link-pocket { - color: #ef4155; } - + color: #ef4155; +} .wp-block-social-links.is-style-logos-only .wp-social-link-reddit { - color: #fe4500; } - + color: #fe4500; +} .wp-block-social-links.is-style-logos-only .wp-social-link-skype { - color: #0478d7; } - + color: #0478d7; +} .wp-block-social-links.is-style-logos-only .wp-social-link-snapchat { color: #fff; - stroke: #000; } - + stroke: #000; +} .wp-block-social-links.is-style-logos-only .wp-social-link-soundcloud { - color: #ff5600; } - + color: #ff5600; +} .wp-block-social-links.is-style-logos-only .wp-social-link-spotify { - color: #1bd760; } - + color: #1bd760; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-telegram { + color: #2aabee; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-tiktok { + color: #000; +} .wp-block-social-links.is-style-logos-only .wp-social-link-tumblr { - color: #011835; } - + color: #011835; +} .wp-block-social-links.is-style-logos-only .wp-social-link-twitch { - color: #6440a4; } - + color: #6440a4; +} .wp-block-social-links.is-style-logos-only .wp-social-link-twitter { - color: #1da1f2; } - + color: #1da1f2; +} .wp-block-social-links.is-style-logos-only .wp-social-link-vimeo { - color: #1eb7ea; } - + color: #1eb7ea; +} .wp-block-social-links.is-style-logos-only .wp-social-link-vk { - color: #4680c2; } - + color: #4680c2; +} .wp-block-social-links.is-style-logos-only .wp-social-link-wordpress { - color: #3499cd; } - + color: #3499cd; +} .wp-block-social-links.is-style-logos-only .wp-social-link-yelp { - background-color: #d32422; - color: #fff; } - + color: #d32422; +} .wp-block-social-links.is-style-logos-only .wp-social-link-youtube { - color: #f00; } + color: #f00; +} .wp-block-social-links.is-style-pill-shape .wp-social-link { - width: auto; } - + width: auto; +} .wp-block-social-links.is-style-pill-shape .wp-social-link a { - padding-left: 16px; - padding-right: 16px; } + padding-left: calc((2/3) * 1em); + padding-right: calc((2/3) * 1em); +} .wp-block-spacer { - clear: both; } + clear: both; +} -p.wp-block-subhead { - font-size: 1.1em; - font-style: italic; - opacity: 0.75; } +.wp-block-tag-cloud.aligncenter { + text-align: center; +} +.wp-block-tag-cloud.alignfull { + padding-left: 1em; + padding-right: 1em; +} .wp-block-table { - overflow-x: auto; } - .wp-block-table table { - width: 100%; } - .wp-block-table .has-fixed-layout { - table-layout: fixed; - width: 100%; } - .wp-block-table .has-fixed-layout td, - .wp-block-table .has-fixed-layout th { - word-break: break-word; } - .wp-block-table.alignleft, .wp-block-table.aligncenter, .wp-block-table.alignright { - display: table; - width: auto; } - .wp-block-table.alignleft td, - .wp-block-table.alignleft th, .wp-block-table.aligncenter td, - .wp-block-table.aligncenter th, .wp-block-table.alignright td, - .wp-block-table.alignright th { - word-break: break-word; } - .wp-block-table .has-subtle-light-gray-background-color { - background-color: #f3f4f5; } - .wp-block-table .has-subtle-pale-green-background-color { - background-color: #e9fbe5; } - .wp-block-table .has-subtle-pale-blue-background-color { - background-color: #e7f5fe; } - .wp-block-table .has-subtle-pale-pink-background-color { - background-color: #fcf0ef; } - .wp-block-table.is-style-stripes { - border-spacing: 0; - border-collapse: inherit; - background-color: transparent; - border-bottom: 1px solid #f0f0f0; } - .wp-block-table.is-style-stripes tbody tr:nth-child(odd) { - background-color: #f0f0f0; } - .wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tbody tr:nth-child(odd) { - background-color: #f3f4f5; } - .wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tbody tr:nth-child(odd) { - background-color: #e9fbe5; } - .wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tbody tr:nth-child(odd) { - background-color: #e7f5fe; } - .wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tbody tr:nth-child(odd) { - background-color: #fcf0ef; } - .wp-block-table.is-style-stripes th, - .wp-block-table.is-style-stripes td { - border-color: transparent; } + margin: 0 0 1em 0; + overflow-x: auto; +} +.wp-block-table table { + border-collapse: collapse; + width: 100%; +} +.wp-block-table .has-fixed-layout { + table-layout: fixed; + width: 100%; +} +.wp-block-table .has-fixed-layout td, +.wp-block-table .has-fixed-layout th { + word-break: break-word; +} +.wp-block-table.alignleft, .wp-block-table.aligncenter, .wp-block-table.alignright { + display: table; + width: auto; +} +.wp-block-table.alignleft td, +.wp-block-table.alignleft th, .wp-block-table.aligncenter td, +.wp-block-table.aligncenter th, .wp-block-table.alignright td, +.wp-block-table.alignright th { + word-break: break-word; +} +.wp-block-table .has-subtle-light-gray-background-color { + background-color: #f3f4f5; +} +.wp-block-table .has-subtle-pale-green-background-color { + background-color: #e9fbe5; +} +.wp-block-table .has-subtle-pale-blue-background-color { + background-color: #e7f5fe; +} +.wp-block-table .has-subtle-pale-pink-background-color { + background-color: #fcf0ef; +} +.wp-block-table.is-style-stripes { + border-spacing: 0; + border-collapse: inherit; + background-color: transparent; + border-bottom: 1px solid #f0f0f0; +} +.wp-block-table.is-style-stripes tbody tr:nth-child(odd) { + background-color: #f0f0f0; +} +.wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tbody tr:nth-child(odd) { + background-color: #f3f4f5; +} +.wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tbody tr:nth-child(odd) { + background-color: #e9fbe5; +} +.wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tbody tr:nth-child(odd) { + background-color: #e7f5fe; +} +.wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tbody tr:nth-child(odd) { + background-color: #fcf0ef; +} +.wp-block-table.is-style-stripes th, +.wp-block-table.is-style-stripes td { + border-color: transparent; +} +.wp-block-table .has-border-color > *, +.wp-block-table .has-border-color tr, +.wp-block-table .has-border-color th, +.wp-block-table .has-border-color td { + border-color: inherit; +} +.wp-block-table table[style*=border-style] > *, +.wp-block-table table[style*=border-style] tr, +.wp-block-table table[style*=border-style] th, +.wp-block-table table[style*=border-style] td { + border-style: inherit; +} +.wp-block-table table[style*=border-width] > *, +.wp-block-table table[style*=border-width] tr, +.wp-block-table table[style*=border-width] th, +.wp-block-table table[style*=border-width] td { + border-width: inherit; +} .wp-block-text-columns { - display: flex; } - .wp-block-text-columns.aligncenter { - display: flex; } - .wp-block-text-columns .wp-block-column { - margin: 0 16px; - padding: 0; } - .wp-block-text-columns .wp-block-column:first-child { - margin-left: 0; } - .wp-block-text-columns .wp-block-column:last-child { - margin-right: 0; } - .wp-block-text-columns.columns-2 .wp-block-column { - width: calc(100% / 2); } - .wp-block-text-columns.columns-3 .wp-block-column { - width: calc(100% / 3); } - .wp-block-text-columns.columns-4 .wp-block-column { - width: calc(100% / 4); } + display: flex; +} +.wp-block-text-columns.aligncenter { + display: flex; +} +.wp-block-text-columns .wp-block-column { + margin: 0 1em; + padding: 0; +} +.wp-block-text-columns .wp-block-column:first-child { + margin-left: 0; +} +.wp-block-text-columns .wp-block-column:last-child { + margin-right: 0; +} +.wp-block-text-columns.columns-2 .wp-block-column { + width: calc(100% / 2); +} +.wp-block-text-columns.columns-3 .wp-block-column { + width: calc(100% / 3); +} +.wp-block-text-columns.columns-4 .wp-block-column { + width: calc(100% / 4); +} + +pre.wp-block-verse { + font-family: inherit; + overflow: auto; + white-space: pre-wrap; +} .wp-block-video { + margin: 0 0 1em 0; +} +.wp-block-video video { + width: 100%; +} +@supports (position: sticky) { + .wp-block-video [poster] { + -o-object-fit: cover; + object-fit: cover; + } +} +.wp-block-video.aligncenter { + text-align: center; +} +.wp-block-video figcaption { + margin-top: 0.5em; + margin-bottom: 1em; +} + +.wp-block-post-featured-image { margin-left: 0; - margin-right: 0; } - .wp-block-video video { - max-width: 100%; } - @supports ((position: -webkit-sticky) or (position: sticky)) { - .wp-block-video [poster] { - object-fit: cover; } } - .wp-block-video.aligncenter { - text-align: center; } - .wp-block-video figcaption { - margin-top: 0.5em; - margin-bottom: 1em; } + margin-right: 0; +} +.wp-block-post-featured-image a { + display: inline-block; +} +.wp-block-post-featured-image img { + max-width: 100%; + height: auto; +} +.wp-block-post-featured-image.alignwide img, .wp-block-post-featured-image.alignfull img { + width: 100%; +} -:root .editor-styles-wrapper, :root { /* stylelint-disable function-comma-space-after */ - /* stylelint-enable function-comma-space-after */ } - :root .editor-styles-wrapper .has-pale-pink-background-color, - :root .has-pale-pink-background-color { - background-color: #f78da7; } - :root .editor-styles-wrapper .has-vivid-red-background-color, - :root .has-vivid-red-background-color { - background-color: #cf2e2e; } - :root .editor-styles-wrapper .has-luminous-vivid-orange-background-color, - :root .has-luminous-vivid-orange-background-color { - background-color: #ff6900; } - :root .editor-styles-wrapper .has-luminous-vivid-amber-background-color, - :root .has-luminous-vivid-amber-background-color { - background-color: #fcb900; } - :root .editor-styles-wrapper .has-light-green-cyan-background-color, - :root .has-light-green-cyan-background-color { - background-color: #7bdcb5; } - :root .editor-styles-wrapper .has-vivid-green-cyan-background-color, - :root .has-vivid-green-cyan-background-color { - background-color: #00d084; } - :root .editor-styles-wrapper .has-pale-cyan-blue-background-color, - :root .has-pale-cyan-blue-background-color { - background-color: #8ed1fc; } - :root .editor-styles-wrapper .has-vivid-cyan-blue-background-color, - :root .has-vivid-cyan-blue-background-color { - background-color: #0693e3; } - :root .editor-styles-wrapper .has-vivid-purple-background-color, - :root .has-vivid-purple-background-color { - background-color: #9b51e0; } - :root .editor-styles-wrapper .has-white-background-color, - :root .has-white-background-color { - background-color: #fff; } - :root .editor-styles-wrapper .has-very-light-gray-background-color, - :root .has-very-light-gray-background-color { - background-color: #eee; } - :root .editor-styles-wrapper .has-cyan-bluish-gray-background-color, - :root .has-cyan-bluish-gray-background-color { - background-color: #abb8c3; } - :root .editor-styles-wrapper .has-very-dark-gray-background-color, - :root .has-very-dark-gray-background-color { - background-color: #313131; } - :root .editor-styles-wrapper .has-black-background-color, - :root .has-black-background-color { - background-color: #000; } - :root .editor-styles-wrapper .has-pale-pink-color, - :root .has-pale-pink-color { - color: #f78da7; } - :root .editor-styles-wrapper .has-vivid-red-color, - :root .has-vivid-red-color { - color: #cf2e2e; } - :root .editor-styles-wrapper .has-luminous-vivid-orange-color, - :root .has-luminous-vivid-orange-color { - color: #ff6900; } - :root .editor-styles-wrapper .has-luminous-vivid-amber-color, - :root .has-luminous-vivid-amber-color { - color: #fcb900; } - :root .editor-styles-wrapper .has-light-green-cyan-color, - :root .has-light-green-cyan-color { - color: #7bdcb5; } - :root .editor-styles-wrapper .has-vivid-green-cyan-color, - :root .has-vivid-green-cyan-color { - color: #00d084; } - :root .editor-styles-wrapper .has-pale-cyan-blue-color, - :root .has-pale-cyan-blue-color { - color: #8ed1fc; } - :root .editor-styles-wrapper .has-vivid-cyan-blue-color, - :root .has-vivid-cyan-blue-color { - color: #0693e3; } - :root .editor-styles-wrapper .has-vivid-purple-color, - :root .has-vivid-purple-color { - color: #9b51e0; } - :root .editor-styles-wrapper .has-white-color, - :root .has-white-color { - color: #fff; } - :root .editor-styles-wrapper .has-very-light-gray-color, - :root .has-very-light-gray-color { - color: #eee; } - :root .editor-styles-wrapper .has-cyan-bluish-gray-color, - :root .has-cyan-bluish-gray-color { - color: #abb8c3; } - :root .editor-styles-wrapper .has-very-dark-gray-color, - :root .has-very-dark-gray-color { - color: #313131; } - :root .editor-styles-wrapper .has-black-color, - :root .has-black-color { - color: #000; } - :root .editor-styles-wrapper .has-vivid-cyan-blue-to-vivid-purple-gradient-background, - :root .has-vivid-cyan-blue-to-vivid-purple-gradient-background { - background: linear-gradient(135deg, #0693e3 0%, #9b51e0 100%); } - :root .editor-styles-wrapper .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background, - :root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background { - background: linear-gradient(135deg, #00d084 0%, #0693e3 100%); } - :root .editor-styles-wrapper .has-light-green-cyan-to-vivid-green-cyan-gradient-background, - :root .has-light-green-cyan-to-vivid-green-cyan-gradient-background { - background: linear-gradient(135deg, #7adcb4 0%, #00d082 100%); } - :root .editor-styles-wrapper .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background, - :root .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background { - background: linear-gradient(135deg, #fcb900 0%, #ff6900 100%); } - :root .editor-styles-wrapper .has-luminous-vivid-orange-to-vivid-red-gradient-background, - :root .has-luminous-vivid-orange-to-vivid-red-gradient-background { - background: linear-gradient(135deg, #ff6900 0%, #cf2e2e 100%); } - :root .editor-styles-wrapper .has-very-light-gray-to-cyan-bluish-gray-gradient-background, - :root .has-very-light-gray-to-cyan-bluish-gray-gradient-background { - background: linear-gradient(135deg, #eeeeee 0%, #a9b8c3 100%); } - :root .editor-styles-wrapper .has-cool-to-warm-spectrum-gradient-background, - :root .has-cool-to-warm-spectrum-gradient-background { - background: linear-gradient(135deg, #4aeadc 0%, #9778d1 20%, #cf2aba 40%, #ee2c82 60%, #fb6962 80%, #fef84c 100%); } - :root .editor-styles-wrapper .has-blush-light-purple-gradient-background, - :root .has-blush-light-purple-gradient-background { - background: linear-gradient(135deg, #ffceec 0%, #9896f0 100%); } - :root .editor-styles-wrapper .has-blush-bordeaux-gradient-background, - :root .has-blush-bordeaux-gradient-background { - background: linear-gradient(135deg, #fecda5 0%, #fe2d2d 50%, #6b003e 100%); } - :root .editor-styles-wrapper .has-purple-crush-gradient-background, - :root .has-purple-crush-gradient-background { - background: linear-gradient(135deg, #34e2e4 0%, #4721fb 50%, #ab1dfe 100%); } - :root .editor-styles-wrapper .has-luminous-dusk-gradient-background, - :root .has-luminous-dusk-gradient-background { - background: linear-gradient(135deg, #ffcb70 0%, #c751c0 50%, #4158d0 100%); } - :root .editor-styles-wrapper .has-hazy-dawn-gradient-background, - :root .has-hazy-dawn-gradient-background { - background: linear-gradient(135deg, #faaca8 0%, #dad0ec 100%); } - :root .editor-styles-wrapper .has-pale-ocean-gradient-background, - :root .has-pale-ocean-gradient-background { - background: linear-gradient(135deg, #fff5cb 0%, #b6e3d4 50%, #33a7b5 100%); } - :root .editor-styles-wrapper .has-electric-grass-gradient-background, - :root .has-electric-grass-gradient-background { - background: linear-gradient(135deg, #caf880 0%, #71ce7e 100%); } - :root .editor-styles-wrapper .has-subdued-olive-gradient-background, - :root .has-subdued-olive-gradient-background { - background: linear-gradient(135deg, #fafae1 0%, #67a671 100%); } - :root .editor-styles-wrapper .has-atomic-cream-gradient-background, - :root .has-atomic-cream-gradient-background { - background: linear-gradient(135deg, #fdd79a 0%, #004a59 100%); } - :root .editor-styles-wrapper .has-nightshade-gradient-background, - :root .has-nightshade-gradient-background { - background: linear-gradient(135deg, #330968 0%, #31cdcf 100%); } - :root .editor-styles-wrapper .has-midnight-gradient-background, - :root .has-midnight-gradient-background { - background: linear-gradient(135deg, #020381 0%, #2874fc 100%); } - :root .editor-styles-wrapper .has-link-color a, - :root .has-link-color a { - color: #00e; - color: var(--wp--style--color--link, #00e); } + /* stylelint-enable function-comma-space-after */ +} +:root .has-pale-pink-background-color { + background-color: #f78da7; +} +:root .has-vivid-red-background-color { + background-color: #cf2e2e; +} +:root .has-luminous-vivid-orange-background-color { + background-color: #ff6900; +} +:root .has-luminous-vivid-amber-background-color { + background-color: #fcb900; +} +:root .has-light-green-cyan-background-color { + background-color: #7bdcb5; +} +:root .has-vivid-green-cyan-background-color { + background-color: #00d084; +} +:root .has-pale-cyan-blue-background-color { + background-color: #8ed1fc; +} +:root .has-vivid-cyan-blue-background-color { + background-color: #0693e3; +} +:root .has-vivid-purple-background-color { + background-color: #9b51e0; +} +:root .has-white-background-color { + background-color: #fff; +} +:root .has-very-light-gray-background-color { + background-color: #eee; +} +:root .has-cyan-bluish-gray-background-color { + background-color: #abb8c3; +} +:root .has-very-dark-gray-background-color { + background-color: #313131; +} +:root .has-black-background-color { + background-color: #000; +} +:root .has-pale-pink-color { + color: #f78da7; +} +:root .has-vivid-red-color { + color: #cf2e2e; +} +:root .has-luminous-vivid-orange-color { + color: #ff6900; +} +:root .has-luminous-vivid-amber-color { + color: #fcb900; +} +:root .has-light-green-cyan-color { + color: #7bdcb5; +} +:root .has-vivid-green-cyan-color { + color: #00d084; +} +:root .has-pale-cyan-blue-color { + color: #8ed1fc; +} +:root .has-vivid-cyan-blue-color { + color: #0693e3; +} +:root .has-vivid-purple-color { + color: #9b51e0; +} +:root .has-white-color { + color: #fff; +} +:root .has-very-light-gray-color { + color: #eee; +} +:root .has-cyan-bluish-gray-color { + color: #abb8c3; +} +:root .has-very-dark-gray-color { + color: #313131; +} +:root .has-black-color { + color: #000; +} +:root .has-vivid-cyan-blue-to-vivid-purple-gradient-background { + background: linear-gradient(135deg, #0693e3 0%, #9b51e0 100%); +} +:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background { + background: linear-gradient(135deg, #00d084 0%, #0693e3 100%); +} +:root .has-light-green-cyan-to-vivid-green-cyan-gradient-background { + background: linear-gradient(135deg, #7adcb4 0%, #00d082 100%); +} +:root .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background { + background: linear-gradient(135deg, #fcb900 0%, #ff6900 100%); +} +:root .has-luminous-vivid-orange-to-vivid-red-gradient-background { + background: linear-gradient(135deg, #ff6900 0%, #cf2e2e 100%); +} +:root .has-very-light-gray-to-cyan-bluish-gray-gradient-background { + background: linear-gradient(135deg, #eeeeee 0%, #a9b8c3 100%); +} +:root .has-cool-to-warm-spectrum-gradient-background { + background: linear-gradient(135deg, #4aeadc 0%, #9778d1 20%, #cf2aba 40%, #ee2c82 60%, #fb6962 80%, #fef84c 100%); +} +:root .has-blush-light-purple-gradient-background { + background: linear-gradient(135deg, #ffceec 0%, #9896f0 100%); +} +:root .has-blush-bordeaux-gradient-background { + background: linear-gradient(135deg, #fecda5 0%, #fe2d2d 50%, #6b003e 100%); +} +:root .has-purple-crush-gradient-background { + background: linear-gradient(135deg, #34e2e4 0%, #4721fb 50%, #ab1dfe 100%); +} +:root .has-luminous-dusk-gradient-background { + background: linear-gradient(135deg, #ffcb70 0%, #c751c0 50%, #4158d0 100%); +} +:root .has-hazy-dawn-gradient-background { + background: linear-gradient(135deg, #faaca8 0%, #dad0ec 100%); +} +:root .has-pale-ocean-gradient-background { + background: linear-gradient(135deg, #fff5cb 0%, #b6e3d4 50%, #33a7b5 100%); +} +:root .has-electric-grass-gradient-background { + background: linear-gradient(135deg, #caf880 0%, #71ce7e 100%); +} +:root .has-subdued-olive-gradient-background { + background: linear-gradient(135deg, #fafae1 0%, #67a671 100%); +} +:root .has-atomic-cream-gradient-background { + background: linear-gradient(135deg, #fdd79a 0%, #004a59 100%); +} +:root .has-nightshade-gradient-background { + background: linear-gradient(135deg, #330968 0%, #31cdcf 100%); +} +:root .has-midnight-gradient-background { + background: linear-gradient(135deg, #020381 0%, #2874fc 100%); +} -.editor-styles-wrapper .has-small-font-size, .has-small-font-size { - font-size: 13px; } + font-size: 0.8125em; +} -.editor-styles-wrapper .has-regular-font-size, -.editor-styles-wrapper .has-normal-font-size, .has-regular-font-size, .has-normal-font-size { - font-size: 16px; } - -.editor-styles-wrapper .has-medium-font-size, -.has-medium-font-size { - font-size: 20px; } + font-size: 1em; +} -.editor-styles-wrapper .has-large-font-size, +.has-medium-font-size { + font-size: 1.25em; +} + .has-large-font-size { - font-size: 36px; } + font-size: 2.25em; +} -.editor-styles-wrapper .has-larger-font-size, -.editor-styles-wrapper .has-huge-font-size, .has-larger-font-size, .has-huge-font-size { - font-size: 42px; } + font-size: 2.625em; +} .has-text-align-center { - text-align: center; } + text-align: center; +} .has-text-align-left { /*rtl:ignore*/ - text-align: left; } + text-align: left; +} .has-text-align-right { /*rtl:ignore*/ - text-align: right; } + text-align: right; +} #end-resizable-editor-section { - display: none; } + display: none; +} .aligncenter { - clear: both; } + clear: both; +} + +.items-justified-left { + justify-content: flex-start; +} + +.items-justified-center { + justify-content: center; +} + +.items-justified-right { + justify-content: flex-end; +} + +.items-justified-space-between { + justify-content: space-between; +} + +.screen-reader-text { + border: 0; + clip: rect(1px, 1px, 1px, 1px); + -webkit-clip-path: inset(50%); + clip-path: inset(50%); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; + word-wrap: normal !important; +} + +.screen-reader-text:focus { + background-color: #ddd; + clip: auto !important; + -webkit-clip-path: none; + clip-path: none; + color: #444; + display: block; + font-size: 1em; + height: auto; + left: 5px; + line-height: normal; + padding: 15px 23px 14px; + text-decoration: none; + top: 5px; + width: auto; + z-index: 100000; +} \ No newline at end of file