diff -r 3d4e9c994f10 -r a86126ab1dd4 wp/wp-includes/css/dist/block-library/style.css --- a/wp/wp-includes/css/dist/block-library/style.css Tue Oct 22 16:11:46 2019 +0200 +++ b/wp/wp-includes/css/dist/block-library/style.css Tue Dec 15 13:49:49 2020 +0100 @@ -2,10 +2,40 @@ * Colors */ /** + * Deprecated colors. + * Please avoid using these. + */ +/** * Breakpoints & Media Queries */ /** - * Often re-used variables + * Colors + */ +/** + * Deprecated colors. + * Please avoid using these. + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block UI. + */ +/** + * Border radii. */ /** * Breakpoint mixins @@ -17,132 +47,108 @@ * than the space allows. */ /** - * Button states and focus styles + * Focus styles. */ /** * Applies editor left position to the selector passed as argument */ /** - * Applies editor right position to the selector passed as argument - */ -/** * Styles that are reused verbatim in a few places */ /** * Allows users to opt-out of animations via OS-level preferences. */ +/** + * Reset default styles for JavaScript UI based pages. + * This is a WP-admin agnostic reset + */ +/** + * 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; } + .wp-block-audio figcaption { margin-top: 0.5em; - margin-bottom: 1em; - color: #555d66; - text-align: center; - font-size: 13px; } + margin-bottom: 1em; } .wp-block-audio audio { width: 100%; min-width: 300px; } -.block-editor-block-list__layout .reusable-block-edit-panel { - align-items: center; - background: #f8f9f9; - color: #555d66; - display: flex; - flex-wrap: wrap; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 13px; - position: relative; - top: -14px; - margin: 0 -14px; - padding: 8px 14px; - position: relative; - border: 1px dashed rgba(145, 151, 162, 0.25); - border-bottom: none; } - .block-editor-block-list__layout .block-editor-block-list__layout .reusable-block-edit-panel { - margin: 0 -14px; - padding: 8px 14px; } - .block-editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__spinner { - margin: 0 5px; } - .block-editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__info { - margin-right: auto; } - .block-editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__label { - margin-right: 8px; - white-space: nowrap; - font-weight: 600; } - .block-editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__title { - flex: 1 1 100%; - font-size: 14px; - height: 30px; - margin: 4px 0 8px; } - .block-editor-block-list__layout .reusable-block-edit-panel .components-button.reusable-block-edit-panel__button { - flex-shrink: 0; } - @media (min-width: 960px) { - .block-editor-block-list__layout .reusable-block-edit-panel { - flex-wrap: nowrap; } - .block-editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__title { - margin: 0; } - .block-editor-block-list__layout .reusable-block-edit-panel .components-button.reusable-block-edit-panel__button { - margin: 0 0 0 5px; } } - -.editor-block-list__layout .is-selected .reusable-block-edit-panel { - border-color: rgba(66, 88, 99, 0.4); - border-left-color: transparent; } - .is-dark-theme .editor-block-list__layout .is-selected .reusable-block-edit-panel { - border-color: rgba(255, 255, 255, 0.45); - border-left-color: transparent; } - -.block-editor-block-list__layout .reusable-block-indicator { - background: #fff; - border: 1px dashed #e2e4e7; - color: #555d66; - top: -14px; - height: 30px; - padding: 4px; - position: absolute; - z-index: 1; - width: 30px; - right: -14px; } - -.wp-block-button { +.wp-block-button__link { color: #fff; - margin-bottom: 1.5em; } - .wp-block-button.aligncenter { - text-align: center; } - .wp-block-button.alignright { - /*rtl:ignore*/ - text-align: right; } - -.wp-block-button__link { background-color: #32373c; border: none; border-radius: 28px; box-shadow: none; - color: inherit; cursor: pointer; display: inline-block; font-size: 18px; - margin: 0; padding: 12px 24px; 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: inherit; } + color: #fff; } + .wp-block-button__link.aligncenter { + text-align: center; } + .wp-block-button__link.alignright { + /*rtl:ignore*/ + text-align: right; } -.is-style-squared .wp-block-button__link { +.wp-block-button.is-style-squared, +.wp-block-button__link.wp-block-button.is-style-squared { border-radius: 0; } -.is-style-outline { - color: #32373c; } - .is-style-outline .wp-block-button__link { - background-color: transparent; - border: 2px solid currentcolor; } +.wp-block-button.no-border-radius, +.wp-block-button__link.no-border-radius { + border-radius: 0 !important; } + +.is-style-outline .wp-block-button__link, +.wp-block-button__link.is-style-outline { + color: #32373c; + background-color: transparent; + border: 2px solid; } + +.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; } + +.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 { + /*rtl:ignore*/ + margin-left: 0; + /*rtl:ignore*/ + margin-right: 8px; } + .wp-block-buttons.alignleft .wp-block-button:last-child { + margin-right: 0; } + +.wp-block-button.aligncenter, +.wp-block-buttons.aligncenter { + text-align: center; } .wp-block-calendar { text-align: center; } .wp-block-calendar th, .wp-block-calendar tbody td { padding: 4px; - border: 1px solid #e2e4e7; } + border: 1px solid #ddd; } .wp-block-calendar tfoot td { border: none; } .wp-block-calendar table { @@ -150,12 +156,13 @@ 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: 440; - background: #edeff0; } + font-weight: 400; + background: #ddd; } .wp-block-calendar a { text-decoration: underline; } .wp-block-calendar tfoot a { - color: #00739c; } + color: #007cba; + color: var(--wp-admin-theme-color); } .wp-block-calendar table tbody, .wp-block-calendar table caption { color: #40464d; } @@ -170,102 +177,77 @@ .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; } .wp-block-column { flex-grow: 1; - margin-bottom: 1em; - flex-basis: 100%; min-width: 0; word-break: break-word; overflow-wrap: break-word; } - @media (min-width: 600px) { + @media (max-width: 599px) { .wp-block-column { - flex-basis: calc(50% - 16px); + 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:not(:first-child) { - margin-left: 32px; } } + .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 + */ +.wp-block-column.is-vertically-aligned-top { + align-self: flex-start; } + +.wp-block-column.is-vertically-aligned-center { + -ms-grid-row-align: center; + align-self: center; } + +.wp-block-column.is-vertically-aligned-bottom { + 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%; } .wp-block-cover-image, .wp-block-cover { position: relative; - background-color: #000; background-size: cover; background-position: center center; min-height: 430px; + height: 100%; width: 100%; - margin: 0 0 1.5em 0; display: flex; justify-content: center; align-items: center; - overflow: hidden; } - .wp-block-cover-image.has-left-content, - .wp-block-cover.has-left-content { - justify-content: flex-start; } - .wp-block-cover-image.has-left-content h2, - .wp-block-cover-image.has-left-content .wp-block-cover-image-text, - .wp-block-cover-image.has-left-content .wp-block-cover-text, - .wp-block-cover.has-left-content h2, - .wp-block-cover.has-left-content .wp-block-cover-image-text, - .wp-block-cover.has-left-content .wp-block-cover-text { - margin-left: 0; - text-align: left; } - .wp-block-cover-image.has-right-content, - .wp-block-cover.has-right-content { - justify-content: flex-end; } - .wp-block-cover-image.has-right-content h2, - .wp-block-cover-image.has-right-content .wp-block-cover-image-text, - .wp-block-cover-image.has-right-content .wp-block-cover-text, - .wp-block-cover.has-right-content h2, - .wp-block-cover.has-right-content .wp-block-cover-image-text, - .wp-block-cover.has-right-content .wp-block-cover-text { - margin-right: 0; - text-align: right; } - .wp-block-cover-image h2, - .wp-block-cover-image .wp-block-cover-image-text, - .wp-block-cover-image .wp-block-cover-text, - .wp-block-cover h2, - .wp-block-cover .wp-block-cover-image-text, - .wp-block-cover .wp-block-cover-text { - color: #fff; - font-size: 2em; - line-height: 1.25; - z-index: 1; - margin-bottom: 0; - max-width: 610px; - padding: 14px; - text-align: center; } - .wp-block-cover-image h2 a, - .wp-block-cover-image h2 a:hover, - .wp-block-cover-image h2 a:focus, - .wp-block-cover-image h2 a:active, - .wp-block-cover-image .wp-block-cover-image-text a, - .wp-block-cover-image .wp-block-cover-image-text a:hover, - .wp-block-cover-image .wp-block-cover-image-text a:focus, - .wp-block-cover-image .wp-block-cover-image-text a:active, - .wp-block-cover-image .wp-block-cover-text a, - .wp-block-cover-image .wp-block-cover-text a:hover, - .wp-block-cover-image .wp-block-cover-text a:focus, - .wp-block-cover-image .wp-block-cover-text a:active, - .wp-block-cover h2 a, - .wp-block-cover h2 a:hover, - .wp-block-cover h2 a:focus, - .wp-block-cover h2 a:active, - .wp-block-cover .wp-block-cover-image-text a, - .wp-block-cover .wp-block-cover-image-text a:hover, - .wp-block-cover .wp-block-cover-image-text a:focus, - .wp-block-cover .wp-block-cover-image-text a:active, - .wp-block-cover .wp-block-cover-text a, - .wp-block-cover .wp-block-cover-text a:hover, - .wp-block-cover .wp-block-cover-text a:focus, - .wp-block-cover .wp-block-cover-text a:active { - color: #fff; } + padding: 16px; } .wp-block-cover-image.has-parallax, .wp-block-cover.has-parallax { background-attachment: fixed; } @@ -273,51 +255,96 @@ .wp-block-cover-image.has-parallax, .wp-block-cover.has-parallax { background-attachment: scroll; } } - .wp-block-cover-image.has-background-dim::before, - .wp-block-cover.has-background-dim::before { - content: ""; + @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; - background-color: inherit; - opacity: 0.5; z-index: 1; } - .wp-block-cover-image.has-background-dim.has-background-dim-10::before, - .wp-block-cover.has-background-dim.has-background-dim-10::before { + .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::before, - .wp-block-cover.has-background-dim.has-background-dim-20::before { + .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::before, - .wp-block-cover.has-background-dim.has-background-dim-30::before { + .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::before, - .wp-block-cover.has-background-dim.has-background-dim-40::before { + .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::before, - .wp-block-cover.has-background-dim.has-background-dim-50::before { + .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::before, - .wp-block-cover.has-background-dim.has-background-dim-60::before { + .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::before, - .wp-block-cover.has-background-dim.has-background-dim-70::before { + .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::before, - .wp-block-cover.has-background-dim.has-background-dim-80::before { + .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::before, - .wp-block-cover.has-background-dim.has-background-dim-90::before { + .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::before, - .wp-block-cover.has-background-dim.has-background-dim-100::before { + .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: 305px; + max-width: 290px; width: 100%; } .wp-block-cover-image::after, .wp-block-cover::after { @@ -338,24 +365,64 @@ .wp-block-cover .wp-block-cover__inner-container { width: calc(100% - 70px); z-index: 1; - color: #f8f9f9; } - .wp-block-cover-image p, - .wp-block-cover-image h1, - .wp-block-cover-image h2, - .wp-block-cover-image h3, - .wp-block-cover-image h4, - .wp-block-cover-image h5, - .wp-block-cover-image h6, - .wp-block-cover-image .wp-block-subhead, - .wp-block-cover p, - .wp-block-cover h1, - .wp-block-cover h2, - .wp-block-cover h3, - .wp-block-cover h4, - .wp-block-cover h5, - .wp-block-cover h6, - .wp-block-cover .wp-block-subhead { + 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__video-background { position: absolute; @@ -365,77 +432,113 @@ width: 100%; height: 100%; z-index: 0; - -o-object-fit: cover; - object-fit: cover; } + object-fit: cover; } + +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; } + +.wp-block-cover-image +.wp-block-cover.has-left-content { + justify-content: flex-start; } -.block-editor-block-list__block[data-type="core/embed"][data-align="left"] .block-editor-block-list__block-edit, -.block-editor-block-list__block[data-type="core/embed"][data-align="right"] .block-editor-block-list__block-edit, +.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; } + +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; } + +section.wp-block-cover-image > h2, +.wp-block-cover-image .wp-block-cover-image-text, +.wp-block-cover .wp-block-cover-text { + font-size: 2em; + line-height: 1.25; + z-index: 1; + margin-bottom: 0; + max-width: 580px; + padding: 14px; + text-align: center; } + +.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; } .wp-block-embed { margin-bottom: 1em; } .wp-block-embed figcaption { margin-top: 0.5em; - margin-bottom: 1em; - color: #555d66; - text-align: center; - font-size: 13px; } + margin-bottom: 1em; } + .wp-block-embed iframe { + max-width: 100%; } -.wp-embed-responsive .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper, -.wp-embed-responsive .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper, -.wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper, -.wp-embed-responsive .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper, -.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper, -.wp-embed-responsive .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper, -.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper { +.wp-block-embed__wrapper { position: relative; } - .wp-embed-responsive .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper::before, - .wp-embed-responsive .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper::before, - .wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper::before, - .wp-embed-responsive .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper::before, - .wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper::before, - .wp-embed-responsive .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper::before, - .wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper::before { - content: ""; - display: block; - padding-top: 50%; } - .wp-embed-responsive .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper iframe, - .wp-embed-responsive .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper iframe, - .wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper iframe, - .wp-embed-responsive .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper iframe, - .wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper iframe, - .wp-embed-responsive .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper iframe, - .wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper iframe { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - width: 100%; - height: 100%; } + +.wp-embed-responsive .wp-has-aspect-ratio .wp-block-embed__wrapper::before { + content: ""; + display: block; + padding-top: 50%; } -.wp-embed-responsive .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper::before { +.wp-embed-responsive .wp-has-aspect-ratio iframe { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + height: 100%; + width: 100%; } + +.wp-embed-responsive .wp-embed-aspect-21-9 .wp-block-embed__wrapper::before { padding-top: 42.85%; } -.wp-embed-responsive .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper::before { +.wp-embed-responsive .wp-embed-aspect-18-9 .wp-block-embed__wrapper::before { padding-top: 50%; } -.wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper::before { +.wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper::before { padding-top: 56.25%; } -.wp-embed-responsive .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper::before { +.wp-embed-responsive .wp-embed-aspect-4-3 .wp-block-embed__wrapper::before { padding-top: 75%; } -.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper::before { +.wp-embed-responsive .wp-embed-aspect-1-1 .wp-block-embed__wrapper::before { padding-top: 100%; } -.wp-embed-responsive .wp-block-embed.wp-embed-aspect-9-6 .wp-block-embed__wrapper::before { +.wp-embed-responsive .wp-embed-aspect-9-6 .wp-block-embed__wrapper::before { padding-top: 66.66%; } -.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper::before { +.wp-embed-responsive .wp-embed-aspect-1-2 .wp-block-embed__wrapper::before { padding-top: 200%; } .wp-block-file { @@ -461,13 +564,17 @@ .wp-block-file * + .wp-block-file__button { margin-left: 0.75em; } -.wp-block-gallery { +.wp-block-gallery, +.blocks-gallery-grid { display: flex; flex-wrap: wrap; list-style-type: none; - padding: 0; } + padding: 0; + margin: 0; } .wp-block-gallery .blocks-gallery-image, - .wp-block-gallery .blocks-gallery-item { + .wp-block-gallery .blocks-gallery-item, + .blocks-gallery-grid .blocks-gallery-image, + .blocks-gallery-grid .blocks-gallery-item { margin: 0 16px 16px 0; display: flex; flex-grow: 1; @@ -475,29 +582,41 @@ justify-content: center; position: relative; } .wp-block-gallery .blocks-gallery-image figure, - .wp-block-gallery .blocks-gallery-item 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 { + .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 { + .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 { + .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 { + .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 { + .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%; @@ -509,123 +628,148 @@ 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 { + .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.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 { + .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 { + .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; } } + object-fit: cover; } } .wp-block-gallery .blocks-gallery-image, - .wp-block-gallery .blocks-gallery-item { - width: calc((100% - 16px) / 2); } + .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) { + .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 { + .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 { - width: calc((100% - 16px * 2) / 3); - margin-right: 16px; } - @supports (-ms-ime-align: auto) { - .wp-block-gallery.columns-3 .blocks-gallery-image, - .wp-block-gallery.columns-3 .blocks-gallery-item { - width: calc((100% - 16px * 2) / 3 - 1px); } } - .wp-block-gallery.columns-4 .blocks-gallery-image, - .wp-block-gallery.columns-4 .blocks-gallery-item { - width: calc((100% - 16px * 3) / 4); + .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; } - @supports (-ms-ime-align: auto) { - .wp-block-gallery.columns-4 .blocks-gallery-image, - .wp-block-gallery.columns-4 .blocks-gallery-item { - width: calc((100% - 16px * 3) / 4 - 1px); } } + .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 { - width: calc((100% - 16px * 4) / 5); + .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; } - @supports (-ms-ime-align: auto) { - .wp-block-gallery.columns-5 .blocks-gallery-image, - .wp-block-gallery.columns-5 .blocks-gallery-item { - width: calc((100% - 16px * 4) / 5 - 1px); } } .wp-block-gallery.columns-6 .blocks-gallery-image, - .wp-block-gallery.columns-6 .blocks-gallery-item { - width: calc((100% - 16px * 5) / 6); + .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; } - @supports (-ms-ime-align: auto) { - .wp-block-gallery.columns-6 .blocks-gallery-image, - .wp-block-gallery.columns-6 .blocks-gallery-item { - width: calc((100% - 16px * 5) / 6 - 1px); } } .wp-block-gallery.columns-7 .blocks-gallery-image, - .wp-block-gallery.columns-7 .blocks-gallery-item { - width: calc((100% - 16px * 6) / 7); + .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; } - @supports (-ms-ime-align: auto) { - .wp-block-gallery.columns-7 .blocks-gallery-image, - .wp-block-gallery.columns-7 .blocks-gallery-item { - width: calc((100% - 16px * 6) / 7 - 1px); } } .wp-block-gallery.columns-8 .blocks-gallery-image, - .wp-block-gallery.columns-8 .blocks-gallery-item { - width: calc((100% - 16px * 7) / 8); + .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; } - @supports (-ms-ime-align: auto) { - .wp-block-gallery.columns-8 .blocks-gallery-image, - .wp-block-gallery.columns-8 .blocks-gallery-item { - width: calc((100% - 16px * 7) / 8 - 1px); } } .wp-block-gallery.columns-1 .blocks-gallery-image:nth-of-type(1n), - .wp-block-gallery.columns-1 .blocks-gallery-item: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) { + .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) { + .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) { + .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) { + .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) { + .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) { + .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) { + .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 { + .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 .blocks-gallery-item.has-add-item-button { + .wp-block-gallery.alignleft, .wp-block-gallery.alignright, + .blocks-gallery-grid.alignleft, + .blocks-gallery-grid.alignright { + max-width: 290px; width: 100%; } - .wp-block-gallery.alignleft, .wp-block-gallery.alignright { - max-width: 305px; - width: 100%; } - .wp-block-gallery.alignleft, .wp-block-gallery.aligncenter, .wp-block-gallery.alignright { - display: flex; } - .wp-block-gallery.aligncenter .blocks-gallery-item figure { + .wp-block-gallery.aligncenter .blocks-gallery-item figure, + .blocks-gallery-grid.aligncenter .blocks-gallery-item figure { justify-content: center; } +h1.has-background, +h2.has-background, +h3.has-background, +h4.has-background, +h5.has-background, +h6.has-background { + padding: 20px 38px; } + .wp-block-image { - max-width: 100%; - margin-bottom: 1em; - margin-left: 0; - margin-right: 0; } + margin-bottom: 1em; } .wp-block-image img { max-width: 100%; } .wp-block-image.aligncenter { @@ -636,9 +780,7 @@ .wp-block-image .alignleft, .wp-block-image .alignright, .wp-block-image .aligncenter, .wp-block-image.is-resized { - display: table; - margin-left: 0; - margin-right: 0; } + display: table; } .wp-block-image .alignleft > figcaption, .wp-block-image .alignright > figcaption, .wp-block-image .aligncenter > figcaption, .wp-block-image.is-resized > figcaption { @@ -648,21 +790,44 @@ /*rtl:ignore*/ float: left; /*rtl:ignore*/ - margin-right: 1em; } + 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-left: 1em; } + 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; - color: #555d66; - text-align: center; - font-size: 13px; } + margin-bottom: 1em; } + +.is-style-rounded img { + border-radius: 9999px; } + +.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; } } .wp-block-latest-comments__comment { font-size: 15px; @@ -706,59 +871,148 @@ /*rtl:ignore*/ 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; } + .wp-block-latest-posts.is-grid { display: flex; flex-wrap: wrap; - padding: 0; - list-style: none; } + padding: 0; } .wp-block-latest-posts.is-grid li { - margin: 0 16px 16px 0; + margin: 0 20px 20px 0; width: 100%; } @media (min-width: 600px) { .wp-block-latest-posts.columns-2 li { - width: calc((100% / 2) - 16px); } + width: calc((100% / 2) - 20px); } .wp-block-latest-posts.columns-3 li { - width: calc((100% / 3) - 16px); } + width: calc((100% / 3) - 20px); } .wp-block-latest-posts.columns-4 li { - width: calc((100% / 4) - 16px); } + width: calc((100% / 4) - 20px); } .wp-block-latest-posts.columns-5 li { - width: calc((100% / 5) - 16px); } + width: calc((100% / 5) - 20px); } .wp-block-latest-posts.columns-6 li { - width: calc((100% / 6) - 16px); } } + width: calc((100% / 6) - 20px); } } -.wp-block-latest-posts__post-date { +.wp-block-latest-posts__post-date, +.wp-block-latest-posts__post-author { display: block; color: #6c7781; font-size: 13px; } -.wp-block-media-text { - display: grid; } +.wp-block-latest-posts__post-excerpt { + margin-top: 8px; + margin-bottom: 16px; } + +.wp-block-latest-posts__featured-image img { + height: auto; + width: auto; } + +.wp-block-latest-posts__featured-image.alignleft { + /*rtl:ignore*/ + margin-right: 1em; } + +.wp-block-latest-posts__featured-image.alignright { + /*rtl:ignore*/ + margin-left: 1em; } + +.wp-block-latest-posts__featured-image.aligncenter { + margin-bottom: 1em; + text-align: center; } + +.edit-post-visual-editor .wp-block-latest-posts.is-grid li { + margin-bottom: 20px; } .wp-block-media-text { - grid-template-rows: auto; - align-items: center; - grid-template-areas: "media-text-media media-text-content"; - grid-template-columns: 50% auto; } + /*!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 { - grid-template-areas: "media-text-content media-text-media"; - grid-template-columns: auto 50%; } + -ms-grid-columns: 1fr 50%; + 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; } + +.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; } + +.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; } .wp-block-media-text .wp-block-media-text__media { - grid-area: 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; } .wp-block-media-text .wp-block-media-text__content { - word-break: break-word; - grid-area: media-text-content; - padding: 0 8% 0 8%; } + 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; } -.wp-block-media-text > figure > img, -.wp-block-media-text > figure > video { +.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*/ } + +.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*/ } + +.wp-block-media-text__media img, +.wp-block-media-text__media video { max-width: unset; width: 100%; vertical-align: middle; } +.wp-block-media-text.is-image-fill figure.wp-block-media-text__media { + height: 100%; + min-height: 250px; + background-size: cover; } + +.wp-block-media-text.is-image-fill figure.wp-block-media-text__media > img { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + border: 0; } + /* * Here we here not able to use a mobile first CSS approach. * Custom widths are set using inline styles, and on mobile, @@ -768,10 +1022,139 @@ */ @media (max-width: 600px) { .wp-block-media-text.is-stacked-on-mobile { - grid-template-columns: 100% !important; - grid-template-areas: "media-text-media" "media-text-content"; } - .wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right { - grid-template-areas: "media-text-content" "media-text-media"; } } + -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-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-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 { + 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); + background-color: inherit; + color: inherit; + position: absolute; + left: 0; + top: 100%; + width: fit-content; + z-index: 1; + 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); } } + +.has-child:hover { + cursor: pointer; } + .has-child:hover > .wp-block-navigation__container { + visibility: visible; + opacity: 1; + display: flex; + flex-direction: column; } + +.has-child:focus-within { + cursor: pointer; } + .has-child:focus-within > .wp-block-navigation__container { + visibility: visible; + opacity: 1; + display: flex; + flex-direction: column; } + +.wp-block-navigation-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-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-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-small-text { font-size: 14px; } @@ -794,25 +1177,40 @@ text-transform: uppercase; font-style: normal; } -.has-drop-cap:not(:focus)::after { - content: ""; - display: table; - clear: both; - padding-top: 14px; } - p.has-background { - padding: 20px 30px; } + padding: 20px 38px; } p.has-text-color a { 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-pullquote { padding: 3em 0; margin-left: 0; margin-right: 0; text-align: center; } .wp-block-pullquote.alignleft, .wp-block-pullquote.alignright { - max-width: 305px; } + max-width: 290px; } .wp-block-pullquote.alignleft p, .wp-block-pullquote.alignright p { font-size: 20px; } .wp-block-pullquote p { @@ -889,6 +1287,7 @@ .wp-block-rss__item-publish-date, .wp-block-rss__item-author { + display: block; color: #6c7781; font-size: 13px; } @@ -898,7 +1297,8 @@ .wp-block-search .wp-block-search__label { width: 100%; } .wp-block-search .wp-block-search__input { - flex-grow: 1; } + flex-grow: 1; + max-width: 360px; } .wp-block-search .wp-block-search__button { margin-left: 10px; } @@ -906,7 +1306,7 @@ border-bottom-width: 1px; } .wp-block-separator.is-style-dots { - background: none; + background: none !important; border: none; text-align: center; max-width: none; @@ -914,54 +1314,379 @@ height: auto; } .wp-block-separator.is-style-dots::before { content: "\00b7 \00b7 \00b7"; - color: #191e23; + color: currentColor; font-size: 20px; letter-spacing: 2em; + /*rtl:ignore*/ padding-left: 2em; font-family: serif; } +.wp-block-social-links { + display: flex; + justify-content: flex-start; + 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); } + +.wp-block-social-links.aligncenter { + justify-content: center; + display: flex; } + +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link { + background-color: #f0f0f0; + color: #444; } + +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-amazon { + background-color: #f90; + color: #fff; } + +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-bandcamp { + background-color: #1ea0c3; + color: #fff; } + +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-behance { + background-color: #0757fe; + color: #fff; } + +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-codepen { + background-color: #1e1f26; + color: #fff; } + +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-deviantart { + background-color: #02e49b; + color: #fff; } + +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dribbble { + background-color: #e94c89; + color: #fff; } + +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dropbox { + background-color: #4280ff; + color: #fff; } + +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-etsy { + background-color: #f45800; + color: #fff; } + +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook { + background-color: #1778f2; + color: #fff; } + +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-fivehundredpx { + background-color: #000; + color: #fff; } + +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-flickr { + background-color: #0461dd; + color: #fff; } + +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-foursquare { + background-color: #e65678; + color: #fff; } + +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-github { + background-color: #24292d; + color: #fff; } + +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-goodreads { + background-color: #eceadd; + color: #382110; } + +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-google { + background-color: #ea4434; + color: #fff; } + +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram { + background-color: #f00075; + color: #fff; } + +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-lastfm { + background-color: #e21b24; + color: #fff; } + +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-linkedin { + background-color: #0d66c2; + color: #fff; } + +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-mastodon { + background-color: #3288d4; + color: #fff; } + +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-medium { + background-color: #02ab6c; + color: #fff; } + +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-meetup { + background-color: #f6405f; + color: #fff; } + +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pinterest { + background-color: #e60122; + color: #fff; } + +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pocket { + background-color: #ef4155; + color: #fff; } + +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-reddit { + background-color: #fe4500; + color: #fff; } + +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-skype { + background-color: #0478d7; + color: #fff; } + +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-snapchat { + background-color: #fefc00; + color: #fff; + stroke: #000; } + +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-soundcloud { + background-color: #ff5600; + color: #fff; } + +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-spotify { + background-color: #1bd760; + color: #fff; } + +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tumblr { + background-color: #011835; + color: #fff; } + +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitch { + background-color: #6440a4; + color: #fff; } + +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitter { + background-color: #1da1f2; + color: #fff; } + +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vimeo { + background-color: #1eb7ea; + color: #fff; } + +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vk { + background-color: #4680c2; + color: #fff; } + +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-wordpress { + background-color: #3499cd; + color: #fff; } + +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-yelp { + background-color: #d32422; + color: #fff; } + +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-youtube { + background-color: #f00; + 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; } + +.wp-block-social-links.is-style-logos-only .wp-social-link-amazon { + color: #f90; } + +.wp-block-social-links.is-style-logos-only .wp-social-link-bandcamp { + color: #1ea0c3; } + +.wp-block-social-links.is-style-logos-only .wp-social-link-behance { + color: #0757fe; } + +.wp-block-social-links.is-style-logos-only .wp-social-link-codepen { + color: #1e1f26; } + +.wp-block-social-links.is-style-logos-only .wp-social-link-deviantart { + color: #02e49b; } + +.wp-block-social-links.is-style-logos-only .wp-social-link-dribbble { + color: #e94c89; } + +.wp-block-social-links.is-style-logos-only .wp-social-link-dropbox { + color: #4280ff; } + +.wp-block-social-links.is-style-logos-only .wp-social-link-etsy { + color: #f45800; } + +.wp-block-social-links.is-style-logos-only .wp-social-link-facebook { + color: #1778f2; } + +.wp-block-social-links.is-style-logos-only .wp-social-link-fivehundredpx { + color: #000; } + +.wp-block-social-links.is-style-logos-only .wp-social-link-flickr { + color: #0461dd; } + +.wp-block-social-links.is-style-logos-only .wp-social-link-foursquare { + color: #e65678; } + +.wp-block-social-links.is-style-logos-only .wp-social-link-github { + color: #24292d; } + +.wp-block-social-links.is-style-logos-only .wp-social-link-goodreads { + color: #382110; } + +.wp-block-social-links.is-style-logos-only .wp-social-link-google { + color: #ea4434; } + +.wp-block-social-links.is-style-logos-only .wp-social-link-instagram { + color: #f00075; } + +.wp-block-social-links.is-style-logos-only .wp-social-link-lastfm { + color: #e21b24; } + +.wp-block-social-links.is-style-logos-only .wp-social-link-linkedin { + color: #0d66c2; } + +.wp-block-social-links.is-style-logos-only .wp-social-link-mastodon { + color: #3288d4; } + +.wp-block-social-links.is-style-logos-only .wp-social-link-medium { + color: #02ab6c; } + +.wp-block-social-links.is-style-logos-only .wp-social-link-meetup { + color: #f6405f; } + +.wp-block-social-links.is-style-logos-only .wp-social-link-pinterest { + color: #e60122; } + +.wp-block-social-links.is-style-logos-only .wp-social-link-pocket { + color: #ef4155; } + +.wp-block-social-links.is-style-logos-only .wp-social-link-reddit { + color: #fe4500; } + +.wp-block-social-links.is-style-logos-only .wp-social-link-skype { + color: #0478d7; } + +.wp-block-social-links.is-style-logos-only .wp-social-link-snapchat { + color: #fff; + stroke: #000; } + +.wp-block-social-links.is-style-logos-only .wp-social-link-soundcloud { + color: #ff5600; } + +.wp-block-social-links.is-style-logos-only .wp-social-link-spotify { + color: #1bd760; } + +.wp-block-social-links.is-style-logos-only .wp-social-link-tumblr { + color: #011835; } + +.wp-block-social-links.is-style-logos-only .wp-social-link-twitch { + color: #6440a4; } + +.wp-block-social-links.is-style-logos-only .wp-social-link-twitter { + color: #1da1f2; } + +.wp-block-social-links.is-style-logos-only .wp-social-link-vimeo { + color: #1eb7ea; } + +.wp-block-social-links.is-style-logos-only .wp-social-link-vk { + color: #4680c2; } + +.wp-block-social-links.is-style-logos-only .wp-social-link-wordpress { + color: #3499cd; } + +.wp-block-social-links.is-style-logos-only .wp-social-link-yelp { + background-color: #d32422; + color: #fff; } + +.wp-block-social-links.is-style-logos-only .wp-social-link-youtube { + color: #f00; } + +.wp-block-social-links.is-style-pill-shape .wp-social-link { + width: auto; } + +.wp-block-social-links.is-style-pill-shape .wp-social-link a { + padding-left: 16px; + padding-right: 16px; } + +.wp-block-spacer { + clear: both; } + p.wp-block-subhead { font-size: 1.1em; font-style: italic; opacity: 0.75; } -.wp-block-table.has-fixed-layout { - table-layout: fixed; - width: 100%; } - -.wp-block-table.alignleft, .wp-block-table.aligncenter, .wp-block-table.alignright { - display: table; - width: auto; } - -.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 #f3f4f5; } - .wp-block-table.is-style-stripes tr:nth-child(odd) { +.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.is-style-stripes.has-subtle-light-gray-background-color tr:nth-child(odd) { - background-color: #f3f4f5; } - .wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tr:nth-child(odd) { + .wp-block-table .has-subtle-pale-green-background-color { background-color: #e9fbe5; } - .wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tr:nth-child(odd) { + .wp-block-table .has-subtle-pale-blue-background-color { background-color: #e7f5fe; } - .wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tr:nth-child(odd) { + .wp-block-table .has-subtle-pale-pink-background-color { background-color: #fcf0ef; } - .wp-block-table.is-style-stripes td { - border-color: transparent; } + .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-text-columns { display: flex; } @@ -981,10 +1706,6 @@ .wp-block-text-columns.columns-4 .wp-block-column { width: calc(100% / 4); } -pre.wp-block-verse { - white-space: nowrap; - overflow: auto; } - .wp-block-video { margin-left: 0; margin-right: 0; } @@ -992,96 +1713,197 @@ max-width: 100%; } @supports ((position: -webkit-sticky) or (position: sticky)) { .wp-block-video [poster] { - -o-object-fit: cover; - object-fit: cover; } } + object-fit: cover; } } .wp-block-video.aligncenter { text-align: center; } .wp-block-video figcaption { margin-top: 0.5em; - margin-bottom: 1em; - color: #555d66; - text-align: center; - font-size: 13px; } - -.has-pale-pink-background-color.has-pale-pink-background-color { - background-color: #f78da7; } - -.has-vivid-red-background-color.has-vivid-red-background-color { - background-color: #cf2e2e; } - -.has-luminous-vivid-orange-background-color.has-luminous-vivid-orange-background-color { - background-color: #ff6900; } - -.has-luminous-vivid-amber-background-color.has-luminous-vivid-amber-background-color { - background-color: #fcb900; } - -.has-light-green-cyan-background-color.has-light-green-cyan-background-color { - background-color: #7bdcb5; } - -.has-vivid-green-cyan-background-color.has-vivid-green-cyan-background-color { - background-color: #00d084; } - -.has-pale-cyan-blue-background-color.has-pale-cyan-blue-background-color { - background-color: #8ed1fc; } - -.has-vivid-cyan-blue-background-color.has-vivid-cyan-blue-background-color { - background-color: #0693e3; } - -.has-very-light-gray-background-color.has-very-light-gray-background-color { - background-color: #eee; } - -.has-cyan-bluish-gray-background-color.has-cyan-bluish-gray-background-color { - background-color: #abb8c3; } + margin-bottom: 1em; } -.has-very-dark-gray-background-color.has-very-dark-gray-background-color { - background-color: #313131; } - -.has-pale-pink-color.has-pale-pink-color { - color: #f78da7; } - -.has-vivid-red-color.has-vivid-red-color { - color: #cf2e2e; } - -.has-luminous-vivid-orange-color.has-luminous-vivid-orange-color { - color: #ff6900; } - -.has-luminous-vivid-amber-color.has-luminous-vivid-amber-color { - color: #fcb900; } - -.has-light-green-cyan-color.has-light-green-cyan-color { - color: #7bdcb5; } +: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); } -.has-vivid-green-cyan-color.has-vivid-green-cyan-color { - color: #00d084; } - -.has-pale-cyan-blue-color.has-pale-cyan-blue-color { - color: #8ed1fc; } - -.has-vivid-cyan-blue-color.has-vivid-cyan-blue-color { - color: #0693e3; } - -.has-very-light-gray-color.has-very-light-gray-color { - color: #eee; } - -.has-cyan-bluish-gray-color.has-cyan-bluish-gray-color { - color: #abb8c3; } - -.has-very-dark-gray-color.has-very-dark-gray-color { - color: #313131; } - +.editor-styles-wrapper .has-small-font-size, .has-small-font-size { font-size: 13px; } +.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; } +.editor-styles-wrapper .has-large-font-size, .has-large-font-size { font-size: 36px; } +.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; } + +.has-text-align-center { + text-align: center; } + +.has-text-align-left { + /*rtl:ignore*/ + text-align: left; } + +.has-text-align-right { + /*rtl:ignore*/ + text-align: right; } + +#end-resizable-editor-section { + display: none; } + +.aligncenter { + clear: both; }