File manager - Edit - /home/premiey/www/wp-includes/images/media/style.css.tar
Back
home/premiey/www/wp-includes/blocks/code/style.css 0000666 00000003142 15165165265 0016305 0 ustar 00 /** * Colors */ /** * Breakpoints & Media Queries */ /** * 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. */ /** * Colors */ /** * 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 & Editor UI. */ /** * Block paddings. */ /** * React Native specific. * These variables do not appear to be used anywhere else. */ /** * Converts a hex value into the rgb equivalent. * * @param {string} hex - the hexadecimal value to convert * @return {string} comma separated rgb values */ /** * Breakpoint mixins */ /** * Long content fade mixin * * Creates a fading overlay to signify that the content is longer * than the space allows. */ /** * Focus styles. */ /** * Applies editor left 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. */ .wp-block-code { box-sizing: border-box; } .wp-block-code code { display: block; font-family: inherit; overflow-wrap: break-word; white-space: pre-wrap; } home/premiey/www/wp-includes/blocks/text-columns/style.css 0000666 00000003755 15165165345 0020046 0 ustar 00 /** * Colors */ /** * Breakpoints & Media Queries */ /** * 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. */ /** * Colors */ /** * 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 & Editor UI. */ /** * Block paddings. */ /** * React Native specific. * These variables do not appear to be used anywhere else. */ /** * Converts a hex value into the rgb equivalent. * * @param {string} hex - the hexadecimal value to convert * @return {string} comma separated rgb values */ /** * Breakpoint mixins */ /** * Long content fade mixin * * Creates a fading overlay to signify that the content is longer * than the space allows. */ /** * Focus styles. */ /** * Applies editor left 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. */ .wp-block-text-columns { 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); } home/premiey/www/wp-includes/blocks/table/style.css 0000666 00000012774 15165165357 0016477 0 ustar 00 /** * Colors */ /** * Breakpoints & Media Queries */ /** * 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. */ /** * Colors */ /** * 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 & Editor UI. */ /** * Block paddings. */ /** * React Native specific. * These variables do not appear to be used anywhere else. */ /** * Converts a hex value into the rgb equivalent. * * @param {string} hex - the hexadecimal value to convert * @return {string} comma separated rgb values */ /** * Breakpoint mixins */ /** * Long content fade mixin * * Creates a fading overlay to signify that the content is longer * than the space allows. */ /** * Focus styles. */ /** * Applies editor left 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. */ .wp-block-table { overflow-x: auto; } .wp-block-table table { border-collapse: collapse; width: 100%; } .wp-block-table td, .wp-block-table th { border: 1px solid; padding: 0.5em; } .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-top-color] > *, .wp-block-table table[style*=border-top-color] tr:first-child { border-top-color: inherit; } .wp-block-table table[style*=border-top-color] > * th, .wp-block-table table[style*=border-top-color] > * td, .wp-block-table table[style*=border-top-color] tr:first-child th, .wp-block-table table[style*=border-top-color] tr:first-child td { border-top-color: inherit; } .wp-block-table table[style*=border-top-color] tr:not(:first-child) { border-top-color: currentColor; } .wp-block-table table[style*=border-right-color] > *, .wp-block-table table[style*=border-right-color] tr, .wp-block-table table[style*=border-right-color] th, .wp-block-table table[style*=border-right-color] td:last-child { border-right-color: inherit; } .wp-block-table table[style*=border-bottom-color] > *, .wp-block-table table[style*=border-bottom-color] tr:last-child { border-bottom-color: inherit; } .wp-block-table table[style*=border-bottom-color] > * th, .wp-block-table table[style*=border-bottom-color] > * td, .wp-block-table table[style*=border-bottom-color] tr:last-child th, .wp-block-table table[style*=border-bottom-color] tr:last-child td { border-bottom-color: inherit; } .wp-block-table table[style*=border-bottom-color] tr:not(:last-child) { border-bottom-color: currentColor; } .wp-block-table table[style*=border-left-color] > *, .wp-block-table table[style*=border-left-color] tr, .wp-block-table table[style*=border-left-color] th, .wp-block-table table[style*=border-left-color] td:first-child { border-left-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; border-style: inherit; } home/premiey/www/wp-includes/blocks/comment-template/style.css 0000666 00000003702 15165165416 0020646 0 ustar 00 /** * Colors */ /** * Breakpoints & Media Queries */ /** * 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. */ /** * Colors */ /** * 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 & Editor UI. */ /** * Block paddings. */ /** * React Native specific. * These variables do not appear to be used anywhere else. */ /** * Converts a hex value into the rgb equivalent. * * @param {string} hex - the hexadecimal value to convert * @return {string} comma separated rgb values */ /** * Breakpoint mixins */ /** * Long content fade mixin * * Creates a fading overlay to signify that the content is longer * than the space allows. */ /** * Focus styles. */ /** * Applies editor left 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. */ .wp-block-comment-template { margin-bottom: 0; max-width: 100%; list-style: none; padding: 0; } .wp-block-comment-template li { clear: both; } .wp-block-comment-template ol { margin-bottom: 0; max-width: 100%; list-style: none; padding-left: 2rem; } .wp-block-comment-template.alignleft { float: left; } .wp-block-comment-template.aligncenter { margin-left: auto; margin-right: auto; width: -moz-fit-content; width: fit-content; } .wp-block-comment-template.alignright { float: right; } home/premiey/www/wp-includes/blocks/comment-content/style.css 0000666 00000003032 15165165444 0020502 0 ustar 00 /** * Colors */ /** * Breakpoints & Media Queries */ /** * 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. */ /** * Colors */ /** * 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 & Editor UI. */ /** * Block paddings. */ /** * React Native specific. * These variables do not appear to be used anywhere else. */ /** * Converts a hex value into the rgb equivalent. * * @param {string} hex - the hexadecimal value to convert * @return {string} comma separated rgb values */ /** * Breakpoint mixins */ /** * Long content fade mixin * * Creates a fading overlay to signify that the content is longer * than the space allows. */ /** * Focus styles. */ /** * Applies editor left 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. */ .comment-awaiting-moderation { display: block; font-size: 0.875em; line-height: 1.5; } home/premiey/www/wp-includes/blocks/navigation/style.css 0000666 00000044317 15165165446 0017544 0 ustar 00 /** * Colors */ /** * Breakpoints & Media Queries */ /** * 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. */ /** * Colors */ /** * 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 & Editor UI. */ /** * Block paddings. */ /** * React Native specific. * These variables do not appear to be used anywhere else. */ /** * Converts a hex value into the rgb equivalent. * * @param {string} hex - the hexadecimal value to convert * @return {string} comma separated rgb values */ /** * Breakpoint mixins */ /** * Long content fade mixin * * Creates a fading overlay to signify that the content is longer * than the space allows. */ /** * Focus styles. */ /** * Applies editor left 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. */ .wp-block-navigation { position: relative; --navigation-layout-justification-setting: flex-start; --navigation-layout-direction: row; --navigation-layout-wrap: wrap; --navigation-layout-justify: flex-start; --navigation-layout-align: center; } .wp-block-navigation ul { margin-top: 0; margin-bottom: 0; margin-left: 0; padding-left: 0; } .wp-block-navigation ul, .wp-block-navigation ul li { list-style: none; padding: 0; } .wp-block-navigation .wp-block-navigation-item { display: flex; align-items: center; position: relative; } .wp-block-navigation .wp-block-navigation-item .wp-block-navigation__submenu-container:empty { display: none; } .wp-block-navigation .wp-block-navigation-item__content { display: block; } .wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content { text-decoration: underline; } .wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content:focus, .wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content:active { text-decoration: underline; } .wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content { text-decoration: line-through; } .wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content:focus, .wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content:active { text-decoration: line-through; } .wp-block-navigation:where(:not([class*="has-text-decoration"])) a { text-decoration: none; } .wp-block-navigation:where(:not([class*="has-text-decoration"])) a:focus, .wp-block-navigation:where(:not([class*="has-text-decoration"])) a:active { text-decoration: none; } .wp-block-navigation .wp-block-navigation__submenu-icon { align-self: center; line-height: 0; display: inline-block; font-size: inherit; padding: 0; background-color: inherit; color: currentColor; border: none; width: 0.6em; height: 0.6em; margin-left: 0.25em; } .wp-block-navigation .wp-block-navigation__submenu-icon svg { display: inline-block; stroke: currentColor; width: inherit; height: inherit; margin-top: 0.075em; } .wp-block-navigation.is-vertical { --navigation-layout-direction: column; --navigation-layout-justify: initial; --navigation-layout-align: flex-start; } .wp-block-navigation.no-wrap { --navigation-layout-wrap: nowrap; } .wp-block-navigation.items-justified-center { --navigation-layout-justification-setting: center; --navigation-layout-justify: center; } .wp-block-navigation.items-justified-center.is-vertical { --navigation-layout-align: center; } .wp-block-navigation.items-justified-right { --navigation-layout-justification-setting: flex-end; --navigation-layout-justify: flex-end; } .wp-block-navigation.items-justified-right.is-vertical { --navigation-layout-align: flex-end; } .wp-block-navigation.items-justified-space-between { --navigation-layout-justification-setting: space-between; --navigation-layout-justify: space-between; } .wp-block-navigation .has-child .wp-block-navigation__submenu-container { background-color: inherit; color: inherit; position: absolute; z-index: 2; display: flex; flex-direction: column; align-items: normal; opacity: 0; transition: opacity 0.1s linear; visibility: hidden; width: 0; height: 0; overflow: hidden; left: -1px; top: 100%; } .wp-block-navigation .has-child .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content { display: flex; flex-grow: 1; } .wp-block-navigation .has-child .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content .wp-block-navigation__submenu-icon { margin-right: 0; margin-left: auto; } .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item__content { margin: 0; } @media (min-width: 782px) { .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container { left: 100%; top: -1px; } .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container::before { content: ""; position: absolute; right: 100%; height: 100%; display: block; width: 0.5em; background: transparent; } .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon { margin-right: 0.25em; } .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon svg { transform: rotate(-90deg); } } .wp-block-navigation .has-child:not(.open-on-click):hover > .wp-block-navigation__submenu-container { visibility: visible; overflow: visible; opacity: 1; width: auto; height: auto; min-width: 200px; } .wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within > .wp-block-navigation__submenu-container { visibility: visible; overflow: visible; opacity: 1; width: auto; height: auto; min-width: 200px; } .wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true] ~ .wp-block-navigation__submenu-container { visibility: visible; overflow: visible; opacity: 1; width: auto; height: auto; min-width: 200px; } .wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container { left: 0; top: 100%; } @media (min-width: 782px) { .wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container { left: 100%; top: 0; } } .wp-block-navigation-submenu { position: relative; display: flex; } .wp-block-navigation-submenu .wp-block-navigation__submenu-icon svg { stroke: currentColor; } button.wp-block-navigation-item__content { background-color: transparent; border: none; color: currentColor; font-size: inherit; font-family: inherit; line-height: inherit; font-style: inherit; font-weight: inherit; text-transform: inherit; text-align: left; } .wp-block-navigation-submenu__toggle { cursor: pointer; } .wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle { padding-right: 0.85em; } .wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle + .wp-block-navigation__submenu-icon { margin-left: -0.6em; pointer-events: none; } /** * Margins */ .wp-block-navigation__responsive-container, .wp-block-navigation__responsive-close, .wp-block-navigation__responsive-dialog, .wp-block-navigation .wp-block-page-list, .wp-block-navigation__container, .wp-block-navigation__responsive-container-content { gap: inherit; } /** * Paddings */ :where(.wp-block-navigation.has-background .wp-block-navigation-item a:not(.wp-element-button)), :where(.wp-block-navigation.has-background .wp-block-navigation-submenu a:not(.wp-element-button)) { padding: 0.5em 1em; } :where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a:not(.wp-element-button)), :where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu a:not(.wp-element-button)) { padding: 0.5em 1em; } /** * Justifications. */ .wp-block-navigation.items-justified-space-between .wp-block-page-list > .has-child:last-child .wp-block-navigation__submenu-container, .wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .wp-block-navigation__submenu-container, .wp-block-navigation.items-justified-right .wp-block-page-list > .has-child .wp-block-navigation__submenu-container, .wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container { left: auto; right: 0; } .wp-block-navigation.items-justified-space-between .wp-block-page-list > .has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container, .wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container, .wp-block-navigation.items-justified-right .wp-block-page-list > .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container, .wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container { left: -1px; right: -1px; } @media (min-width: 782px) { .wp-block-navigation.items-justified-space-between .wp-block-page-list > .has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container, .wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container, .wp-block-navigation.items-justified-right .wp-block-page-list > .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container, .wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container { left: auto; right: 100%; } } .wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container { background-color: #fff; color: #000; border: 1px solid rgba(0, 0, 0, 0.15); } .wp-block-navigation__container { display: flex; flex-wrap: var(--navigation-layout-wrap, wrap); flex-direction: var(--navigation-layout-direction, initial); justify-content: var(--navigation-layout-justify, initial); align-items: var(--navigation-layout-align, initial); list-style: none; margin: 0; padding-left: 0; } .wp-block-navigation__container .is-responsive { display: none; } .wp-block-navigation__container:only-child, .wp-block-page-list:only-child { flex-grow: 1; } /** * Mobile menu. */ @keyframes overlay-menu__fade-in-animation { from { opacity: 0; transform: translateY(0.5em); } to { opacity: 1; transform: translateY(0); } } .wp-block-navigation__responsive-container { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; } .wp-block-navigation__responsive-container .wp-block-navigation-link a { color: inherit; } .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content { display: flex; flex-wrap: var(--navigation-layout-wrap, wrap); flex-direction: var(--navigation-layout-direction, initial); justify-content: var(--navigation-layout-justify, initial); align-items: var(--navigation-layout-align, initial); } .wp-block-navigation__responsive-container:not(.is-menu-open.is-menu-open) { color: inherit !important; background-color: inherit !important; } .wp-block-navigation__responsive-container.is-menu-open { display: flex; flex-direction: column; background-color: inherit; animation: overlay-menu__fade-in-animation 0.1s ease-out; animation-fill-mode: forwards; padding-top: var(--wp--style--root--padding-top, 2rem); padding-right: var(--wp--style--root--padding-right, 2rem); padding-bottom: var(--wp--style--root--padding-bottom, 2rem); padding-left: var(--wp--style--root--padding-left, 2rem); overflow: auto; z-index: 100000; } @media (prefers-reduced-motion: reduce) { .wp-block-navigation__responsive-container.is-menu-open { animation-duration: 1ms; animation-delay: 0s; } } .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content { padding-top: calc(2rem + 24px); overflow: visible; display: flex; flex-direction: column; flex-wrap: nowrap; align-items: var(--navigation-layout-justification-setting, inherit); } .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container { justify-content: flex-start; } .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-icon { display: none; } .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .submenu-container, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container { opacity: 1; visibility: visible; height: auto; width: auto; overflow: initial; min-width: 200px; position: static; border: none; padding-left: 2rem; padding-right: 2rem; } .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container { gap: inherit; } .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container { padding-top: var(--wp--style--block-gap, 2em); } .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content { padding: 0; } .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list { display: flex; flex-direction: column; align-items: var(--navigation-layout-justification-setting, initial); } .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item .wp-block-navigation__submenu-container, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item, .wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list { color: inherit !important; background: transparent !important; } .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container { right: auto; left: auto; } @media (min-width: 600px) { .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) { display: block; width: 100%; position: relative; z-index: auto; background-color: inherit; } .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) .wp-block-navigation__responsive-container-close { display: none; } .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-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__toggle_button_label { font-size: 1rem; font-weight: bold; } .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; text-transform: inherit; } .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:not(.always-shown) { display: none; } } .wp-block-navigation__responsive-container-close { position: absolute; top: 0; right: 0; z-index: 2; } .wp-block-navigation__responsive-close { width: 100%; max-width: var(--wp--style--global--wide-size, 100%); margin-left: auto; margin-right: auto; } .wp-block-navigation__responsive-close:focus { outline: none; } .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 { box-sizing: border-box; } .wp-block-navigation__responsive-dialog { position: relative; } .has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog { margin-top: 46px; } @media (min-width: 782px) { .has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog { margin-top: 32px; } } html.has-modal-open { overflow: hidden; } home/premiey/www/wp-includes/blocks/separator/style.css 0000666 00000003657 15165165473 0017407 0 ustar 00 @charset "UTF-8"; /** * Colors */ /** * Breakpoints & Media Queries */ /** * 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. */ /** * Colors */ /** * 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 & Editor UI. */ /** * Block paddings. */ /** * React Native specific. * These variables do not appear to be used anywhere else. */ /** * Converts a hex value into the rgb equivalent. * * @param {string} hex - the hexadecimal value to convert * @return {string} comma separated rgb values */ /** * Breakpoint mixins */ /** * Long content fade mixin * * Creates a fading overlay to signify that the content is longer * than the space allows. */ /** * Focus styles. */ /** * Applies editor left 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. */ .wp-block-separator { border-top: 1px solid currentColor; border-bottom: 1px solid currentColor; border-left: none; border-right: none; } .wp-block-separator.is-style-dots { background: none !important; border: none; text-align: center; line-height: 1; 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; } home/premiey/www/wp-includes/blocks/pullquote/style.css 0000666 00000004751 15165165504 0017430 0 ustar 00 /** * Colors */ /** * Breakpoints & Media Queries */ /** * 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. */ /** * Colors */ /** * 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 & Editor UI. */ /** * Block paddings. */ /** * React Native specific. * These variables do not appear to be used anywhere else. */ /** * Converts a hex value into the rgb equivalent. * * @param {string} hex - the hexadecimal value to convert * @return {string} comma separated rgb values */ /** * Breakpoint mixins */ /** * Long content fade mixin * * Creates a fading overlay to signify that the content is longer * than the space allows. */ /** * Focus styles. */ /** * Applies editor left 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. */ .wp-block-pullquote { margin: 0 0 1em 0; padding: 3em 0; text-align: center; overflow-wrap: break-word; box-sizing: border-box; } .wp-block-pullquote p, .wp-block-pullquote blockquote, .wp-block-pullquote cite { color: inherit; } .wp-block-pullquote.alignleft, .wp-block-pullquote.alignright { max-width: 420px; } .wp-block-pullquote cite, .wp-block-pullquote footer { position: relative; } .wp-block-pullquote .has-text-color a { color: inherit; } .wp-block-pullquote.has-text-align-left blockquote { text-align: left; } .wp-block-pullquote.has-text-align-right blockquote { text-align: right; } .wp-block-pullquote.is-style-solid-color { border: none; } .wp-block-pullquote.is-style-solid-color blockquote { margin-left: auto; margin-right: auto; 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; } home/premiey/www/wp-includes/blocks/search/style.css 0000666 00000005474 15165165547 0016655 0 ustar 00 /** * Colors */ /** * Breakpoints & Media Queries */ /** * 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. */ /** * Colors */ /** * 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 & Editor UI. */ /** * Block paddings. */ /** * React Native specific. * These variables do not appear to be used anywhere else. */ /** * Converts a hex value into the rgb equivalent. * * @param {string} hex - the hexadecimal value to convert * @return {string} comma separated rgb values */ /** * Breakpoint mixins */ /** * Long content fade mixin * * Creates a fading overlay to signify that the content is longer * than the space allows. */ /** * Focus styles. */ /** * Applies editor left 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. */ .wp-block-search__button { margin-left: 0.625em; word-break: normal; } .wp-block-search__button.has-icon { line-height: 0; } .wp-block-search__button svg { min-width: 1.5em; min-height: 1.5em; fill: currentColor; vertical-align: text-bottom; } :where(.wp-block-search__button) { border: 1px solid #ccc; padding: 0.375em 0.625em; } .wp-block-search__inside-wrapper { display: flex; flex: auto; flex-wrap: nowrap; max-width: 100%; } .wp-block-search__label { width: 100%; } .wp-block-search__input { padding: 8px; flex-grow: 1; margin-left: 0; margin-right: 0; min-width: 3em; border: 1px solid #949494; text-decoration: unset !important; } .wp-block-search.wp-block-search__button-only .wp-block-search__button { margin-left: 0; } :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) { padding: 4px; border: 1px solid #949494; } :where(.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; } :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input:focus { outline: none; } :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) :where(.wp-block-search__button) { padding: 0.125em 0.5em; } .wp-block-search.aligncenter .wp-block-search__inside-wrapper { margin: auto; } home/premiey/www/wp-includes/blocks/button/style.css 0000666 00000007461 15165165564 0016720 0 ustar 00 /** * Colors */ /** * Breakpoints & Media Queries */ /** * 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. */ /** * Colors */ /** * 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 & Editor UI. */ /** * Block paddings. */ /** * React Native specific. * These variables do not appear to be used anywhere else. */ /** * Converts a hex value into the rgb equivalent. * * @param {string} hex - the hexadecimal value to convert * @return {string} comma separated rgb values */ /** * Breakpoint mixins */ /** * Long content fade mixin * * Creates a fading overlay to signify that the content is longer * than the space allows. */ /** * Focus styles. */ /** * Applies editor left 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. */ .wp-block-button__link { cursor: pointer; display: inline-block; text-align: center; word-break: break-word; box-sizing: border-box; } .wp-block-button__link.aligncenter { text-align: center; } .wp-block-button__link.alignright { /*rtl:ignore*/ text-align: right; } :where(.wp-block-button__link) { box-shadow: none; text-decoration: none; border-radius: 9999px; padding: calc(0.667em + 2px) calc(1.333em + 2px); } .wp-block-button[style*=text-decoration] .wp-block-button__link { text-decoration: inherit; } .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% - (var(--wp--style--block-gap, 0.5em) * 0.75)); } .wp-block-buttons > .wp-block-button.wp-block-button__width-50 { width: calc(50% - (var(--wp--style--block-gap, 0.5em) * 0.5)); } .wp-block-buttons > .wp-block-button.wp-block-button__width-75 { width: calc(75% - (var(--wp--style--block-gap, 0.5em) * 0.25)); } .wp-block-buttons > .wp-block-button.wp-block-button__width-100 { width: 100%; flex-basis: 100%; } .wp-block-buttons.is-vertical > .wp-block-button.wp-block-button__width-25 { width: 25%; } .wp-block-buttons.is-vertical > .wp-block-button.wp-block-button__width-50 { width: 50%; } .wp-block-buttons.is-vertical > .wp-block-button.wp-block-button__width-75 { width: 75%; } .wp-block-button.is-style-squared, .wp-block-button__link.wp-block-button.is-style-squared { border-radius: 0; } .wp-block-button.no-border-radius, .wp-block-button__link.no-border-radius { border-radius: 0 !important; } .wp-block-button.is-style-outline > .wp-block-button__link, .wp-block-button .wp-block-button__link.is-style-outline { border: 2px solid currentColor; padding: 0.667em 1.333em; } .wp-block-button.is-style-outline > .wp-block-button__link:not(.has-text-color), .wp-block-button .wp-block-button__link.is-style-outline:not(.has-text-color) { color: currentColor; } .wp-block-button.is-style-outline > .wp-block-button__link:not(.has-background), .wp-block-button .wp-block-button__link.is-style-outline:not(.has-background) { background-color: transparent; background-image: none; } home/premiey/www/wp-includes/blocks/avatar/style.css 0000666 00000003043 15165166027 0016646 0 ustar 00 /** * Colors */ /** * Breakpoints & Media Queries */ /** * 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. */ /** * Colors */ /** * 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 & Editor UI. */ /** * Block paddings. */ /** * React Native specific. * These variables do not appear to be used anywhere else. */ /** * Converts a hex value into the rgb equivalent. * * @param {string} hex - the hexadecimal value to convert * @return {string} comma separated rgb values */ /** * Breakpoint mixins */ /** * Long content fade mixin * * Creates a fading overlay to signify that the content is longer * than the space allows. */ /** * Focus styles. */ /** * Applies editor left 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. */ .wp-block-avatar { box-sizing: border-box; } .wp-block-avatar.aligncenter { text-align: center; } home/premiey/www/wp-includes/blocks/columns/style.css 0000666 00000006265 15165166146 0017063 0 ustar 00 /** * Colors */ /** * Breakpoints & Media Queries */ /** * 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. */ /** * Colors */ /** * 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 & Editor UI. */ /** * Block paddings. */ /** * React Native specific. * These variables do not appear to be used anywhere else. */ /** * Converts a hex value into the rgb equivalent. * * @param {string} hex - the hexadecimal value to convert * @return {string} comma separated rgb values */ /** * Breakpoint mixins */ /** * Long content fade mixin * * Creates a fading overlay to signify that the content is longer * than the space allows. */ /** * Focus styles. */ /** * Applies editor left 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. */ .wp-block-columns { display: flex; margin-bottom: 1.75em; box-sizing: border-box; flex-wrap: wrap !important; align-items: initial !important; /** * All Columns Alignment */ } @media (min-width: 782px) { .wp-block-columns { flex-wrap: nowrap !important; } } .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; } @media (max-width: 781px) { .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column { flex-basis: 100% !important; } } @media (min-width: 782px) { .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column { flex-basis: 0; flex-grow: 1; } .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column[style*=flex-basis] { flex-grow: 0; } } .wp-block-columns.is-not-stacked-on-mobile { flex-wrap: nowrap !important; } .wp-block-columns.is-not-stacked-on-mobile > .wp-block-column { flex-basis: 0; flex-grow: 1; } .wp-block-columns.is-not-stacked-on-mobile > .wp-block-column[style*=flex-basis] { flex-grow: 0; } :where(.wp-block-columns.has-background) { padding: 1.25em 2.375em; } .wp-block-column { flex-grow: 1; min-width: 0; word-break: break-word; overflow-wrap: break-word; /** * Individual Column Alignment */ } .wp-block-column.is-vertically-aligned-top { align-self: flex-start; } .wp-block-column.is-vertically-aligned-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%; } home/premiey/www/wp-includes/blocks/spacer/style.css 0000666 00000002741 15165237136 0016651 0 ustar 00 /** * Colors */ /** * Breakpoints & Media Queries */ /** * 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. */ /** * Colors */ /** * 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 & Editor UI. */ /** * Block paddings. */ /** * React Native specific. * These variables do not appear to be used anywhere else. */ /** * Converts a hex value into the rgb equivalent. * * @param {string} hex - the hexadecimal value to convert * @return {string} comma separated rgb values */ /** * Breakpoint mixins */ /** * Long content fade mixin * * Creates a fading overlay to signify that the content is longer * than the space allows. */ /** * Focus styles. */ /** * Applies editor left 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. */ .wp-block-spacer { clear: both; } home/premiey/www/wp-includes/blocks/post-date/style.css 0000666 00000002757 15165237147 0017305 0 ustar 00 /** * Colors */ /** * Breakpoints & Media Queries */ /** * 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. */ /** * Colors */ /** * 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 & Editor UI. */ /** * Block paddings. */ /** * React Native specific. * These variables do not appear to be used anywhere else. */ /** * Converts a hex value into the rgb equivalent. * * @param {string} hex - the hexadecimal value to convert * @return {string} comma separated rgb values */ /** * Breakpoint mixins */ /** * Long content fade mixin * * Creates a fading overlay to signify that the content is longer * than the space allows. */ /** * Focus styles. */ /** * Applies editor left 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. */ .wp-block-post-date { box-sizing: border-box; } home/premiey/www/wp-includes/blocks/latest-posts/style.css 0000666 00000006773 15165237265 0020052 0 ustar 00 /** * Colors */ /** * Breakpoints & Media Queries */ /** * 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. */ /** * Colors */ /** * 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 & Editor UI. */ /** * Block paddings. */ /** * React Native specific. * These variables do not appear to be used anywhere else. */ /** * Converts a hex value into the rgb equivalent. * * @param {string} hex - the hexadecimal value to convert * @return {string} comma separated rgb values */ /** * Breakpoint mixins */ /** * Long content fade mixin * * Creates a fading overlay to signify that the content is longer * than the space allows. */ /** * Focus styles. */ /** * Applies editor left 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. */ .wp-block-latest-posts.alignleft { /*rtl:ignore*/ margin-right: 2em; } .wp-block-latest-posts.alignright { /*rtl:ignore*/ margin-left: 2em; } .wp-block-latest-posts.wp-block-latest-posts__list { 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 1.25em 1.25em 0; width: 100%; } @media (min-width: 600px) { .wp-block-latest-posts.columns-2 li { 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) - 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) - 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) - 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) - 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; font-size: 0.8125em; } .wp-block-latest-posts__post-excerpt { 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; max-width: 100%; } .wp-block-latest-posts__featured-image.alignleft { /*rtl:ignore*/ margin-right: 1em; /*rtl:ignore*/ float: left; } .wp-block-latest-posts__featured-image.alignright { /*rtl:ignore*/ margin-left: 1em; /*rtl:ignore*/ float: right; } .wp-block-latest-posts__featured-image.aligncenter { margin-bottom: 1em; text-align: center; } home/premiey/www/wp-includes/blocks/group/style.css 0000666 00000002753 15165237321 0016527 0 ustar 00 /** * Colors */ /** * Breakpoints & Media Queries */ /** * 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. */ /** * Colors */ /** * 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 & Editor UI. */ /** * Block paddings. */ /** * React Native specific. * These variables do not appear to be used anywhere else. */ /** * Converts a hex value into the rgb equivalent. * * @param {string} hex - the hexadecimal value to convert * @return {string} comma separated rgb values */ /** * Breakpoint mixins */ /** * Long content fade mixin * * Creates a fading overlay to signify that the content is longer * than the space allows. */ /** * Focus styles. */ /** * Applies editor left 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. */ .wp-block-group { box-sizing: border-box; } home/premiey/www/wp-includes/css/dist/block-directory/style.css 0000666 00000012537 15165237353 0020753 0 ustar 00 /** * Colors */ /** * Breakpoints & Media Queries */ /** * 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. */ /** * Colors */ /** * 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 & Editor UI. */ /** * Block paddings. */ /** * React Native specific. * These variables do not appear to be used anywhere else. */ /** * Converts a hex value into the rgb equivalent. * * @param {string} hex - the hexadecimal value to convert * @return {string} comma separated rgb values */ /** * Breakpoint mixins */ /** * Long content fade mixin * * Creates a fading overlay to signify that the content is longer * than the space allows. */ /** * Focus styles. */ /** * Applies editor left 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--rgb: 0, 124, 186; --wp-admin-theme-color-darker-10: #006ba1; --wp-admin-theme-color-darker-10--rgb: 0, 107, 161; --wp-admin-theme-color-darker-20: #005a87; --wp-admin-theme-color-darker-20--rgb: 0, 90, 135; --wp-admin-border-width-focus: 2px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { :root { --wp-admin-border-width-focus: 1.5px; } } .block-directory-block-ratings > span { display: flex; } .block-directory-block-ratings svg { fill: #1e1e1e; margin-left: -4px; } .block-directory-block-ratings .block-directory-block-ratings__star-empty { fill: #ccc; } .block-directory-compact-list { margin: 0; list-style: none; } .block-directory-compact-list__item { display: flex; flex-direction: row; align-items: center; margin-bottom: 16px; } .block-directory-compact-list__item:last-child { margin-bottom: 0; } .block-directory-compact-list__item-details { margin-left: 8px; } .block-directory-compact-list__item-title { font-weight: 500; } .block-directory-compact-list__item-author { color: #757575; font-size: 11px; } .block-directory-downloadable-block-icon { min-width: 54px; width: 54px; height: 54px; vertical-align: middle; border: 1px solid #ddd; } .block-directory-downloadable-block-list-item { padding: 12px; width: 100%; height: auto; text-align: left; display: grid; grid-template-columns: auto 1fr; } .block-directory-downloadable-block-list-item:hover { box-shadow: 0 0 0 2px var(--wp-admin-theme-color); } .block-directory-downloadable-block-list-item.is-busy { background: transparent; } .block-directory-downloadable-block-list-item.is-busy .block-directory-downloadable-block-list-item__author { 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; } .block-directory-downloadable-block-list-item:disabled, .block-directory-downloadable-block-list-item[aria-disabled] { opacity: 1; } .block-directory-downloadable-block-list-item__icon { position: relative; margin-right: 16px; align-self: flex-start; } .block-directory-downloadable-block-list-item__icon .block-directory-downloadable-block-list-item__spinner { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(255, 255, 255, 0.75); display: flex; align-items: center; justify-content: center; } .block-directory-block-ratings { display: block; margin-top: 4px; } .block-directory-downloadable-block-list-item__details { color: #1e1e1e; } .block-directory-downloadable-block-list-item__title { display: block; font-weight: 600; } .block-directory-downloadable-block-list-item__author { display: block; margin-top: 4px; font-weight: normal; } .block-directory-downloadable-block-list-item__desc { display: block; margin-top: 8px; } .block-directory-downloadable-block-notice { margin: 8px 0 0; color: #cc1818; } .block-directory-downloadable-block-notice__content { padding-right: 12px; margin-bottom: 8px; } .block-directory-downloadable-blocks-panel { padding: 16px; } .block-directory-downloadable-blocks-panel.has-blocks-loading { font-style: normal; padding: 0; margin: 112px 0; text-align: center; color: #757575; } .block-directory-downloadable-blocks-panel.has-blocks-loading .components-spinner { float: inherit; } .block-directory-downloadable-blocks-panel__no-local { margin: 48px 0; padding: 0 64px; color: #757575; text-align: center; } .block-directory-downloadable-blocks-panel__title { margin: 0 0 4px; font-size: 14px; } .block-directory-downloadable-blocks-panel__description { margin-top: 0; } .block-directory-downloadable-blocks-panel button { margin-top: 4px; } .installed-blocks-pre-publish-panel__copy { margin-top: 0; } home/premiey/www/wp-includes/blocks/calendar/style.css 0000666 00000003635 15165237357 0017155 0 ustar 00 /** * Colors */ /** * Breakpoints & Media Queries */ /** * 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. */ /** * Colors */ /** * 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 & Editor UI. */ /** * Block paddings. */ /** * React Native specific. * These variables do not appear to be used anywhere else. */ /** * Converts a hex value into the rgb equivalent. * * @param {string} hex - the hexadecimal value to convert * @return {string} comma separated rgb values */ /** * Breakpoint mixins */ /** * Long content fade mixin * * Creates a fading overlay to signify that the content is longer * than the space allows. */ /** * Focus styles. */ /** * Applies editor left 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. */ .wp-block-calendar { 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; } home/premiey/www/wp-includes/blocks/post-terms/style.css 0000666 00000002772 15165237527 0017521 0 ustar 00 /** * Colors */ /** * Breakpoints & Media Queries */ /** * 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. */ /** * Colors */ /** * 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 & Editor UI. */ /** * Block paddings. */ /** * React Native specific. * These variables do not appear to be used anywhere else. */ /** * Converts a hex value into the rgb equivalent. * * @param {string} hex - the hexadecimal value to convert * @return {string} comma separated rgb values */ /** * Breakpoint mixins */ /** * Long content fade mixin * * Creates a fading overlay to signify that the content is longer * than the space allows. */ /** * Focus styles. */ /** * Applies editor left 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. */ .wp-block-post-terms__separator { white-space: pre-wrap; } home/premiey/www/wp-includes/blocks/comments-pagination/style.css 0000666 00000005114 15165240000 0021325 0 ustar 00 /** * Colors */ /** * Breakpoints & Media Queries */ /** * 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. */ /** * Colors */ /** * 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 & Editor UI. */ /** * Block paddings. */ /** * React Native specific. * These variables do not appear to be used anywhere else. */ /** * Converts a hex value into the rgb equivalent. * * @param {string} hex - the hexadecimal value to convert * @return {string} comma separated rgb values */ /** * Breakpoint mixins */ /** * Long content fade mixin * * Creates a fading overlay to signify that the content is longer * than the space allows. */ /** * Focus styles. */ /** * Applies editor left 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. */ .wp-block-comments-pagination > .wp-block-comments-pagination-next, .wp-block-comments-pagination > .wp-block-comments-pagination-previous, .wp-block-comments-pagination > .wp-block-comments-pagination-numbers { /*rtl:ignore*/ margin-right: 0.5em; margin-bottom: 0.5em; } .wp-block-comments-pagination > .wp-block-comments-pagination-next:last-child, .wp-block-comments-pagination > .wp-block-comments-pagination-previous:last-child, .wp-block-comments-pagination > .wp-block-comments-pagination-numbers:last-child { /*rtl:ignore*/ margin-right: 0; } .wp-block-comments-pagination .wp-block-comments-pagination-previous-arrow { margin-right: 1ch; display: inline-block; } .wp-block-comments-pagination .wp-block-comments-pagination-previous-arrow:not(.is-arrow-chevron) { transform: scaleX(1) /*rtl:scaleX(-1);*/; } .wp-block-comments-pagination .wp-block-comments-pagination-next-arrow { margin-left: 1ch; display: inline-block; } .wp-block-comments-pagination .wp-block-comments-pagination-next-arrow:not(.is-arrow-chevron) { transform: scaleX(1) /*rtl:scaleX(-1);*/; } .wp-block-comments-pagination.aligncenter { justify-content: center; } home/premiey/www/wp-includes/blocks/site-logo/style.css 0000666 00000003663 15165241724 0017300 0 ustar 00 /** * Colors */ /** * Breakpoints & Media Queries */ /** * 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. */ /** * Colors */ /** * 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 & Editor UI. */ /** * Block paddings. */ /** * React Native specific. * These variables do not appear to be used anywhere else. */ /** * Converts a hex value into the rgb equivalent. * * @param {string} hex - the hexadecimal value to convert * @return {string} comma separated rgb values */ /** * Breakpoint mixins */ /** * Long content fade mixin * * Creates a fading overlay to signify that the content is longer * than the space allows. */ /** * Focus styles. */ /** * Applies editor left 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. */ .wp-block-site-logo { box-sizing: border-box; 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 img { height: auto; max-width: 100%; } .wp-block-site-logo a, .wp-block-site-logo img { border-radius: inherit; } .wp-block-site-logo.aligncenter { margin-left: auto; margin-right: auto; text-align: center; } .wp-block-site-logo.is-style-rounded { border-radius: 9999px; } home/premiey/www/wp-includes/blocks/rss/style.css 0000666 00000004530 15165244126 0016176 0 ustar 00 /** * Colors */ /** * Breakpoints & Media Queries */ /** * 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. */ /** * Colors */ /** * 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 & Editor UI. */ /** * Block paddings. */ /** * React Native specific. * These variables do not appear to be used anywhere else. */ /** * Converts a hex value into the rgb equivalent. * * @param {string} hex - the hexadecimal value to convert * @return {string} comma separated rgb values */ /** * Breakpoint mixins */ /** * Long content fade mixin * * Creates a fading overlay to signify that the content is longer * than the space allows. */ /** * Focus styles. */ /** * Applies editor left 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. */ ul.wp-block-rss { list-style: none; padding: 0; } ul.wp-block-rss.wp-block-rss { box-sizing: border-box; } ul.wp-block-rss.alignleft { /*rtl:ignore*/ margin-right: 2em; } ul.wp-block-rss.alignright { /*rtl:ignore*/ margin-left: 2em; } ul.wp-block-rss.is-grid { display: flex; flex-wrap: wrap; padding: 0; list-style: none; } ul.wp-block-rss.is-grid li { margin: 0 1em 1em 0; width: 100%; } @media (min-width: 600px) { ul.wp-block-rss.columns-2 li { width: calc(( 100% / 2 ) - 1em); } ul.wp-block-rss.columns-3 li { width: calc(( 100% / 3 ) - 1em); } ul.wp-block-rss.columns-4 li { width: calc(( 100% / 4 ) - 1em); } ul.wp-block-rss.columns-5 li { width: calc(( 100% / 5 ) - 1em); } ul.wp-block-rss.columns-6 li { width: calc(( 100% / 6 ) - 1em); } } .wp-block-rss__item-publish-date, .wp-block-rss__item-author { display: block; font-size: 0.8125em; } home/premiey/www/wp-includes/blocks/categories/style.css 0000666 00000003202 15165244217 0017510 0 ustar 00 /** * Colors */ /** * Breakpoints & Media Queries */ /** * 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. */ /** * Colors */ /** * 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 & Editor UI. */ /** * Block paddings. */ /** * React Native specific. * These variables do not appear to be used anywhere else. */ /** * Converts a hex value into the rgb equivalent. * * @param {string} hex - the hexadecimal value to convert * @return {string} comma separated rgb values */ /** * Breakpoint mixins */ /** * Long content fade mixin * * Creates a fading overlay to signify that the content is longer * than the space allows. */ /** * Focus styles. */ /** * Applies editor left 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. */ .wp-block-categories { box-sizing: border-box; } .wp-block-categories.alignleft { /*rtl:ignore*/ margin-right: 2em; } .wp-block-categories.alignright { /*rtl:ignore*/ margin-left: 2em; } home/premiey/www/wp-includes/css/dist/block-library/style.css 0000666 00000327577 15165256772 0020436 0 ustar 00 @charset "UTF-8"; /** * Colors */ /** * Breakpoints & Media Queries */ /** * 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. */ /** * Colors */ /** * 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 & Editor UI. */ /** * Block paddings. */ /** * React Native specific. * These variables do not appear to be used anywhere else. */ /** * Converts a hex value into the rgb equivalent. * * @param {string} hex - the hexadecimal value to convert * @return {string} comma separated rgb values */ /** * Breakpoint mixins */ /** * Long content fade mixin * * Creates a fading overlay to signify that the content is longer * than the space allows. */ /** * Focus styles. */ /** * Applies editor left 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. */ .wp-block-archives-dropdown label { display: block; } .wp-block-avatar { box-sizing: border-box; } .wp-block-avatar.aligncenter { text-align: center; } .wp-block-audio { box-sizing: border-box; } .wp-block-audio figcaption { margin-top: 0.5em; margin-bottom: 1em; } .wp-block-audio audio { width: 100%; min-width: 300px; } .wp-block-button__link { cursor: pointer; display: inline-block; text-align: center; word-break: break-word; box-sizing: border-box; } .wp-block-button__link.aligncenter { text-align: center; } .wp-block-button__link.alignright { /*rtl:ignore*/ text-align: right; } :where(.wp-block-button__link) { box-shadow: none; text-decoration: none; border-radius: 9999px; padding: calc(0.667em + 2px) calc(1.333em + 2px); } .wp-block-button[style*=text-decoration] .wp-block-button__link { text-decoration: inherit; } .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% - (var(--wp--style--block-gap, 0.5em) * 0.75)); } .wp-block-buttons > .wp-block-button.wp-block-button__width-50 { width: calc(50% - (var(--wp--style--block-gap, 0.5em) * 0.5)); } .wp-block-buttons > .wp-block-button.wp-block-button__width-75 { width: calc(75% - (var(--wp--style--block-gap, 0.5em) * 0.25)); } .wp-block-buttons > .wp-block-button.wp-block-button__width-100 { width: 100%; flex-basis: 100%; } .wp-block-buttons.is-vertical > .wp-block-button.wp-block-button__width-25 { width: 25%; } .wp-block-buttons.is-vertical > .wp-block-button.wp-block-button__width-50 { width: 50%; } .wp-block-buttons.is-vertical > .wp-block-button.wp-block-button__width-75 { width: 75%; } .wp-block-button.is-style-squared, .wp-block-button__link.wp-block-button.is-style-squared { border-radius: 0; } .wp-block-button.no-border-radius, .wp-block-button__link.no-border-radius { border-radius: 0 !important; } .wp-block-button.is-style-outline > .wp-block-button__link, .wp-block-button .wp-block-button__link.is-style-outline { border: 2px solid currentColor; padding: 0.667em 1.333em; } .wp-block-button.is-style-outline > .wp-block-button__link:not(.has-text-color), .wp-block-button .wp-block-button__link.is-style-outline:not(.has-text-color) { color: currentColor; } .wp-block-button.is-style-outline > .wp-block-button__link:not(.has-background), .wp-block-button .wp-block-button__link.is-style-outline:not(.has-background) { background-color: transparent; background-image: none; } .wp-block-buttons { /* stylelint-disable indentation */ } .wp-block-buttons.is-vertical { flex-direction: column; } .wp-block-buttons.is-vertical > .wp-block-button:last-child { margin-bottom: 0; } .wp-block-buttons > .wp-block-button { display: inline-block; margin: 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.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: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; width: 100%; } .wp-block-buttons[style*=text-decoration] .wp-block-button, .wp-block-buttons[style*=text-decoration] .wp-block-button__link { text-decoration: inherit; } .wp-block-buttons.has-custom-font-size .wp-block-button__link { font-size: inherit; } .wp-block-button.aligncenter { text-align: center; } .wp-block-calendar { 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 { box-sizing: border-box; } .wp-block-categories.alignleft { /*rtl:ignore*/ margin-right: 2em; } .wp-block-categories.alignright { /*rtl:ignore*/ margin-left: 2em; } .wp-block-code { box-sizing: border-box; } .wp-block-code code { display: block; font-family: inherit; overflow-wrap: break-word; white-space: pre-wrap; } .wp-block-columns { display: flex; margin-bottom: 1.75em; box-sizing: border-box; flex-wrap: wrap !important; align-items: initial !important; /** * All Columns Alignment */ } @media (min-width: 782px) { .wp-block-columns { flex-wrap: nowrap !important; } } .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; } @media (max-width: 781px) { .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column { flex-basis: 100% !important; } } @media (min-width: 782px) { .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column { flex-basis: 0; flex-grow: 1; } .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column[style*=flex-basis] { flex-grow: 0; } } .wp-block-columns.is-not-stacked-on-mobile { flex-wrap: nowrap !important; } .wp-block-columns.is-not-stacked-on-mobile > .wp-block-column { flex-basis: 0; flex-grow: 1; } .wp-block-columns.is-not-stacked-on-mobile > .wp-block-column[style*=flex-basis] { flex-grow: 0; } :where(.wp-block-columns.has-background) { padding: 1.25em 2.375em; } .wp-block-column { flex-grow: 1; min-width: 0; word-break: break-word; overflow-wrap: break-word; /** * Individual Column Alignment */ } .wp-block-column.is-vertically-aligned-top { align-self: flex-start; } .wp-block-column.is-vertically-aligned-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%; } /* Styles for backwards compatibility with the legacy `post-comments` block */ .wp-block-post-comments { /* utility classes */ /* end utility classes */ } .wp-block-post-comments .alignleft { float: left; } .wp-block-post-comments .alignright { float: right; } .wp-block-post-comments .navigation::after { content: ""; display: table; clear: both; } .wp-block-post-comments .commentlist { clear: both; 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: 1em; line-height: 1.8; margin: 1em 0; } .wp-block-post-comments .commentlist .children { list-style: none; margin: 0; padding: 0; } .wp-block-post-comments .comment-author { line-height: 1.5; } .wp-block-post-comments .comment-author .avatar { border-radius: 1.5em; display: block; float: left; height: 2.5em; margin-top: 0.5em; margin-right: 0.75em; width: 2.5em; } .wp-block-post-comments .comment-author cite { font-style: normal; } .wp-block-post-comments .comment-meta { font-size: 0.875em; line-height: 1.5; } .wp-block-post-comments .comment-meta b { font-weight: normal; } .wp-block-post-comments .comment-meta .comment-awaiting-moderation { margin-top: 1em; margin-bottom: 1em; display: block; } .wp-block-post-comments .comment-body .commentmetadata { font-size: 0.875em; } .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; margin-bottom: 0.25em; } .wp-block-post-comments .comment-form textarea, .wp-block-post-comments .comment-form input:not([type=submit]):not([type=checkbox]) { display: block; box-sizing: border-box; width: 100%; } .wp-block-post-comments .comment-form-cookies-consent { display: flex; gap: 0.25em; } .wp-block-post-comments .comment-form-cookies-consent #wp-comment-cookies-consent { margin-top: 0.35em; } .wp-block-post-comments .comment-reply-title { margin-bottom: 0; } .wp-block-post-comments .comment-reply-title :where(small) { font-size: var(--wp--preset--font-size--medium, smaller); margin-left: 0.5em; } .wp-block-post-comments .reply { font-size: 0.875em; margin-bottom: 1.4em; } .wp-block-post-comments textarea, .wp-block-post-comments input:not([type=submit]) { border: 1px solid #949494; font-size: 1em; font-family: inherit; } .wp-block-post-comments textarea, .wp-block-post-comments input:not([type=submit]):not([type=checkbox]) { padding: calc(0.667em + 2px); } :where(.wp-block-post-comments input[type="submit"]) { border: none; } .wp-block-comments-pagination > .wp-block-comments-pagination-next, .wp-block-comments-pagination > .wp-block-comments-pagination-previous, .wp-block-comments-pagination > .wp-block-comments-pagination-numbers { /*rtl:ignore*/ margin-right: 0.5em; margin-bottom: 0.5em; } .wp-block-comments-pagination > .wp-block-comments-pagination-next:last-child, .wp-block-comments-pagination > .wp-block-comments-pagination-previous:last-child, .wp-block-comments-pagination > .wp-block-comments-pagination-numbers:last-child { /*rtl:ignore*/ margin-right: 0; } .wp-block-comments-pagination .wp-block-comments-pagination-previous-arrow { margin-right: 1ch; display: inline-block; } .wp-block-comments-pagination .wp-block-comments-pagination-previous-arrow:not(.is-arrow-chevron) { transform: scaleX(1) /*rtl:scaleX(-1);*/; } .wp-block-comments-pagination .wp-block-comments-pagination-next-arrow { margin-left: 1ch; display: inline-block; } .wp-block-comments-pagination .wp-block-comments-pagination-next-arrow:not(.is-arrow-chevron) { transform: scaleX(1) /*rtl:scaleX(-1);*/; } .wp-block-comments-pagination.aligncenter { justify-content: center; } .wp-block-comment-template { margin-bottom: 0; max-width: 100%; list-style: none; padding: 0; } .wp-block-comment-template li { clear: both; } .wp-block-comment-template ol { margin-bottom: 0; max-width: 100%; list-style: none; padding-left: 2rem; } .wp-block-comment-template.alignleft { float: left; } .wp-block-comment-template.aligncenter { margin-left: auto; margin-right: auto; width: -moz-fit-content; width: fit-content; } .wp-block-comment-template.alignright { float: right; } .wp-block-cover-image, .wp-block-cover { position: relative; background-position: center center; min-height: 430px; display: flex; justify-content: center; align-items: center; padding: 1em; box-sizing: border-box; /*rtl:raw: direction: ltr; */ /** * 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-background-dim:not([class*=-background-color]), .wp-block-cover-image .has-background-dim:not([class*=-background-color]), .wp-block-cover.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.has-background-gradient, .wp-block-cover .has-background-dim.has-background-gradient { background-color: transparent; } .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__background, .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__background, .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__background, .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__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-image.has-background-dim.has-background-dim-20 .wp-block-cover__background, .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__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-image.has-background-dim.has-background-dim-30 .wp-block-cover__background, .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__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-image.has-background-dim.has-background-dim-40 .wp-block-cover__background, .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__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-image.has-background-dim.has-background-dim-50 .wp-block-cover__background, .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__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-image.has-background-dim.has-background-dim-60 .wp-block-cover__background, .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__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-image.has-background-dim.has-background-dim-70 .wp-block-cover__background, .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__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-image.has-background-dim.has-background-dim-80 .wp-block-cover__background, .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__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-image.has-background-dim.has-background-dim-90 .wp-block-cover__background, .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__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-image.has-background-dim.has-background-dim-100 .wp-block-cover__background, .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__background, .wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background { opacity: 1; } .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-0, .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-0, .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-0, .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-0 { opacity: 0; } .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-10, .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-10, .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-10, .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-10 { opacity: 0.1; } .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-20, .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-20, .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-20, .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-20 { opacity: 0.2; } .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-30, .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-30, .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-30, .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-30 { opacity: 0.3; } .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-40, .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-40, .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-40, .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-40 { opacity: 0.4; } .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-50, .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-50, .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-50, .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-50 { opacity: 0.5; } .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-60, .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-60, .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-60, .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-60 { opacity: 0.6; } .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-70, .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-70, .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-70, .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-70 { opacity: 0.7; } .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-80, .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-80, .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-80, .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-80 { opacity: 0.8; } .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-90, .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-90, .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-90, .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-90 { opacity: 0.9; } .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-100, .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-100, .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-100, .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-100 { 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 { 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; /*rtl:raw: direction: rtl; */ } .wp-block-cover-image.is-light .wp-block-cover__inner-container, .wp-block-cover.is-light .wp-block-cover__inner-container { color: #000; } .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 .wp-block-cover__image-background, .wp-block-cover-image video.wp-block-cover__video-background, .wp-block-cover .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-image.has-parallax, .wp-block-cover.has-parallax, .wp-block-cover__image-background.has-parallax, video.wp-block-cover__video-background.has-parallax { background-attachment: fixed; background-size: cover; background-repeat: no-repeat; } @supports (-webkit-overflow-scrolling: touch) { .wp-block-cover-image.has-parallax, .wp-block-cover.has-parallax, .wp-block-cover__image-background.has-parallax, video.wp-block-cover__video-background.has-parallax { background-attachment: scroll; } } @media (prefers-reduced-motion: reduce) { .wp-block-cover-image.has-parallax, .wp-block-cover.has-parallax, .wp-block-cover__image-background.has-parallax, video.wp-block-cover__video-background.has-parallax { background-attachment: scroll; } } .wp-block-cover-image.is-repeated, .wp-block-cover.is-repeated, .wp-block-cover__image-background.is-repeated, video.wp-block-cover__video-background.is-repeated { background-repeat: repeat; background-size: auto; } .wp-block-cover__video-background { z-index: 0; } .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; } .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; } 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: 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-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-cover .wp-block-embed { min-width: 320px; min-height: 240px; } .wp-block-embed { overflow-wrap: break-word; } .wp-block-embed figcaption { margin-top: 0.5em; margin-bottom: 1em; } .wp-block-embed iframe { max-width: 100%; } .wp-block-embed__wrapper { position: relative; } .wp-embed-responsive .wp-has-aspect-ratio .wp-block-embed__wrapper::before { content: ""; display: block; padding-top: 50%; } .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-embed-aspect-18-9 .wp-block-embed__wrapper::before { padding-top: 50%; } .wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper::before { padding-top: 56.25%; } .wp-embed-responsive .wp-embed-aspect-4-3 .wp-block-embed__wrapper::before { 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-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%; } .wp-block-file { margin-bottom: 1.5em; } .wp-block-file:not(.wp-element-button) { font-size: 0.8em; } .wp-block-file.aligncenter { text-align: center; } .wp-block-file.alignright { /*rtl:ignore*/ text-align: right; } .wp-block-file * + .wp-block-file__button { margin-left: 0.75em; } .wp-block-file__embed { margin-bottom: 1em; } :where(.wp-block-file__button) { border-radius: 2em; padding: 0.5em 1em; } :where(.wp-block-file__button):is(a):hover, :where(.wp-block-file__button):is(a):visited, :where(.wp-block-file__button):is(a):focus, :where(.wp-block-file__button):is(a):active { box-shadow: none; color: #fff; opacity: 0.85; text-decoration: none; } .wp-block-gallery:not(.has-nested-images), .blocks-gallery-grid:not(.has-nested-images) { display: flex; flex-wrap: wrap; list-style-type: none; padding: 0; margin: 0; } .wp-block-gallery:not(.has-nested-images) .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images) .blocks-gallery-item, .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image, .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item { margin: 0 1em 1em 0; display: flex; flex-grow: 1; flex-direction: column; justify-content: center; position: relative; width: calc(50% - 1em); } .wp-block-gallery:not(.has-nested-images) .blocks-gallery-image:nth-of-type(even), .wp-block-gallery:not(.has-nested-images) .blocks-gallery-item:nth-of-type(even), .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image:nth-of-type(even), .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item:nth-of-type(even) { margin-right: 0; } .wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figure, .wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figure, .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figure, .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figure { margin: 0; height: 100%; display: flex; align-items: flex-end; justify-content: flex-start; } .wp-block-gallery:not(.has-nested-images) .blocks-gallery-image img, .wp-block-gallery:not(.has-nested-images) .blocks-gallery-item img, .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image img, .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item img { display: block; max-width: 100%; height: auto; width: auto; } .wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figcaption, .wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption, .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figcaption, .blocks-gallery-grid:not(.has-nested-images) .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; z-index: 2; } .wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figcaption img, .wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption img, .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figcaption img, .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption img { display: inline; } .wp-block-gallery:not(.has-nested-images) figcaption, .blocks-gallery-grid:not(.has-nested-images) figcaption { flex-grow: 1; } .wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-image a, .wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-image img, .wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-item a, .wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-item img, .blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-image a, .blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-image img, .blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-item a, .blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-item img { width: 100%; height: 100%; flex: 1; -o-object-fit: cover; object-fit: cover; } .wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-item, .blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-image, .blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-item { width: 100%; margin-right: 0; } @media (min-width: 600px) { .wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-item, .blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-image, .blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-item { width: calc(33.3333333333% - 0.6666666667em); margin-right: 1em; } .wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-item, .blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-image, .blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-item { width: calc(25% - 0.75em); margin-right: 1em; } .wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-item, .blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-image, .blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-item { width: calc(20% - 0.8em); margin-right: 1em; } .wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-item, .blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-image, .blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-item { width: calc(16.6666666667% - 0.8333333333em); margin-right: 1em; } .wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-item, .blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-image, .blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-item { width: calc(14.2857142857% - 0.8571428571em); margin-right: 1em; } .wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-item, .blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-image, .blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-item { width: calc(12.5% - 0.875em); margin-right: 1em; } .wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-image:nth-of-type(1n), .wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-item:nth-of-type(1n), .blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-image:nth-of-type(1n), .blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-item:nth-of-type(1n) { margin-right: 0; } .wp-block-gallery:not(.has-nested-images).columns-2 .blocks-gallery-image:nth-of-type(2n), .wp-block-gallery:not(.has-nested-images).columns-2 .blocks-gallery-item:nth-of-type(2n), .blocks-gallery-grid:not(.has-nested-images).columns-2 .blocks-gallery-image:nth-of-type(2n), .blocks-gallery-grid:not(.has-nested-images).columns-2 .blocks-gallery-item:nth-of-type(2n) { margin-right: 0; } .wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-image:nth-of-type(3n), .wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-item:nth-of-type(3n), .blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-image:nth-of-type(3n), .blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-item:nth-of-type(3n) { margin-right: 0; } .wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-image:nth-of-type(4n), .wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-item:nth-of-type(4n), .blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-image:nth-of-type(4n), .blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-item:nth-of-type(4n) { margin-right: 0; } .wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-image:nth-of-type(5n), .wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-item:nth-of-type(5n), .blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-image:nth-of-type(5n), .blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-item:nth-of-type(5n) { margin-right: 0; } .wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-image:nth-of-type(6n), .wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-item:nth-of-type(6n), .blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-image:nth-of-type(6n), .blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-item:nth-of-type(6n) { margin-right: 0; } .wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-image:nth-of-type(7n), .wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-item:nth-of-type(7n), .blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-image:nth-of-type(7n), .blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-item:nth-of-type(7n) { margin-right: 0; } .wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-image:nth-of-type(8n), .wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-item:nth-of-type(8n), .blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-image:nth-of-type(8n), .blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-item:nth-of-type(8n) { margin-right: 0; } } .wp-block-gallery:not(.has-nested-images) .blocks-gallery-image:last-child, .wp-block-gallery:not(.has-nested-images) .blocks-gallery-item:last-child, .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image:last-child, .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item:last-child { margin-right: 0; } .wp-block-gallery:not(.has-nested-images).alignleft, .wp-block-gallery:not(.has-nested-images).alignright, .blocks-gallery-grid:not(.has-nested-images).alignleft, .blocks-gallery-grid:not(.has-nested-images).alignright { max-width: 420px; width: 100%; } .wp-block-gallery:not(.has-nested-images).aligncenter .blocks-gallery-item figure, .blocks-gallery-grid:not(.has-nested-images).aligncenter .blocks-gallery-item figure { justify-content: center; } .wp-block-gallery:not(.is-cropped) .blocks-gallery-item { align-self: flex-start; } figure.wp-block-gallery.has-nested-images { align-items: normal; } .wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) { width: calc(50% - (var(--wp--style--unstable-gallery-gap, 16px) / 2)); margin: 0; } .wp-block-gallery.has-nested-images figure.wp-block-image { display: flex; flex-grow: 1; justify-content: center; position: relative; flex-direction: column; max-width: 100%; box-sizing: border-box; } .wp-block-gallery.has-nested-images figure.wp-block-image > div, .wp-block-gallery.has-nested-images figure.wp-block-image > a { margin: 0; flex-direction: column; flex-grow: 1; } .wp-block-gallery.has-nested-images figure.wp-block-image img { display: block; height: auto; max-width: 100% !important; width: auto; } .wp-block-gallery.has-nested-images figure.wp-block-image figcaption { background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0.3) 70%, transparent); bottom: 0; color: #fff; font-size: 13px; left: 0; margin-bottom: 0; max-height: 60%; overflow: auto; padding: 0 8px 8px; position: absolute; text-align: center; width: 100%; box-sizing: border-box; } .wp-block-gallery.has-nested-images figure.wp-block-image figcaption img { display: inline; } .wp-block-gallery.has-nested-images figure.wp-block-image figcaption a { color: inherit; } .wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border img { box-sizing: border-box; } .wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded > div, .wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded > a, .wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border > div, .wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border > a { flex: 1 1 auto; } .wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded figcaption, .wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border figcaption { flex: initial; background: none; color: inherit; margin: 0; padding: 10px 10px 9px; position: relative; } .wp-block-gallery.has-nested-images figcaption { flex-grow: 1; flex-basis: 100%; text-align: center; } .wp-block-gallery.has-nested-images:not(.is-cropped) figure.wp-block-image:not(#individual-image) { margin-top: 0; margin-bottom: auto; } .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) { align-self: inherit; } .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) > div:not(.components-drop-zone), .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) > a { display: flex; } .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) a, .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img { width: 100%; flex: 1 0 0%; height: 100%; -o-object-fit: cover; object-fit: cover; } .wp-block-gallery.has-nested-images.columns-1 figure.wp-block-image:not(#individual-image) { width: 100%; } @media (min-width: 600px) { .wp-block-gallery.has-nested-images.columns-3 figure.wp-block-image:not(#individual-image) { width: calc(33.3333333333% - (var(--wp--style--unstable-gallery-gap, 16px) * 0.6666666667)); } .wp-block-gallery.has-nested-images.columns-4 figure.wp-block-image:not(#individual-image) { width: calc(25% - (var(--wp--style--unstable-gallery-gap, 16px) * 0.75)); } .wp-block-gallery.has-nested-images.columns-5 figure.wp-block-image:not(#individual-image) { width: calc(20% - (var(--wp--style--unstable-gallery-gap, 16px) * 0.8)); } .wp-block-gallery.has-nested-images.columns-6 figure.wp-block-image:not(#individual-image) { width: calc(16.6666666667% - (var(--wp--style--unstable-gallery-gap, 16px) * 0.8333333333)); } .wp-block-gallery.has-nested-images.columns-7 figure.wp-block-image:not(#individual-image) { width: calc(14.2857142857% - (var(--wp--style--unstable-gallery-gap, 16px) * 0.8571428571)); } .wp-block-gallery.has-nested-images.columns-8 figure.wp-block-image:not(#individual-image) { width: calc(12.5% - (var(--wp--style--unstable-gallery-gap, 16px) * 0.875)); } .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image) { width: calc(33.33% - (var(--wp--style--unstable-gallery-gap, 16px) * 0.6666666667)); } .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2), .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2) ~ figure.wp-block-image:not(#individual-image) { width: calc(50% - (var(--wp--style--unstable-gallery-gap, 16px) * 0.5)); } .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(1) { width: 100%; } } .wp-block-gallery.has-nested-images.alignleft, .wp-block-gallery.has-nested-images.alignright { max-width: 420px; width: 100%; } .wp-block-gallery.has-nested-images.aligncenter { justify-content: center; } .wp-block-group { box-sizing: border-box; } h1.has-background, h2.has-background, h3.has-background, h4.has-background, h5.has-background, h6.has-background { padding: 1.25em 2.375em; } .wp-block-image img { height: auto; max-width: 100%; vertical-align: bottom; box-sizing: border-box; } .wp-block-image.has-custom-border img { box-sizing: border-box; } .wp-block-image.aligncenter { text-align: center; } .wp-block-image.alignfull img, .wp-block-image.alignwide img { height: auto; width: 100%; } .wp-block-image.alignleft, .wp-block-image.alignright, .wp-block-image.aligncenter, .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, .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, .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,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>'); mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>'); /* 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-image :where(.has-border-color) { border-style: solid; } .wp-block-image :where([style*="border-top-color"]) { border-top-style: solid; } .wp-block-image :where([style*="border-right-color"]) { border-right-style: solid; } .wp-block-image :where([style*="border-bottom-color"]) { border-bottom-style: solid; } .wp-block-image :where([style*="border-left-color"]) { border-left-style: solid; } .wp-block-image :where([style*="border-width"]) { border-style: solid; } .wp-block-image :where([style*="border-top-width"]) { border-top-style: solid; } .wp-block-image :where([style*="border-right-width"]) { border-right-style: solid; } .wp-block-image :where([style*="border-bottom-width"]) { border-bottom-style: solid; } .wp-block-image :where([style*="border-left-width"]) { border-left-style: solid; } .wp-block-image figure { margin: 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 { line-height: 1.1; list-style: none; 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: 0.875em; line-height: 1.8; margin: 0.36em 0 1.4em; } .wp-block-latest-comments__comment-date { display: block; font-size: 0.75em; } .wp-block-latest-comments .avatar, .wp-block-latest-comments__comment-avatar { border-radius: 1.5em; display: block; float: left; height: 2.5em; margin-right: 0.75em; width: 2.5em; } .wp-block-latest-posts.alignleft { /*rtl:ignore*/ margin-right: 2em; } .wp-block-latest-posts.alignright { /*rtl:ignore*/ margin-left: 2em; } .wp-block-latest-posts.wp-block-latest-posts__list { 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 1.25em 1.25em 0; width: 100%; } @media (min-width: 600px) { .wp-block-latest-posts.columns-2 li { 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) - 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) - 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) - 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) - 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; font-size: 0.8125em; } .wp-block-latest-posts__post-excerpt { 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; max-width: 100%; } .wp-block-latest-posts__featured-image.alignleft { /*rtl:ignore*/ margin-right: 1em; /*rtl:ignore*/ float: left; } .wp-block-latest-posts__featured-image.alignright { /*rtl:ignore*/ margin-left: 1em; /*rtl:ignore*/ float: right; } .wp-block-latest-posts__featured-image.aligncenter { margin-bottom: 1em; text-align: center; } ol, ul { box-sizing: border-box; } ol.has-background, ul.has-background { padding: 1.25em 2.375em; } .wp-block-media-text { /*!rtl:begin:ignore*/ direction: ltr; /*!rtl:end:ignore*/ display: grid; grid-template-columns: 50% 1fr; grid-template-rows: auto; box-sizing: border-box; } .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 { 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 { 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 { align-self: end; } .wp-block-media-text .wp-block-media-text__media { /*!rtl:begin:ignore*/ grid-column: 1; grid-row: 1; /*!rtl:end:ignore*/ margin: 0; } .wp-block-media-text .wp-block-media-text__content { direction: ltr; /*!rtl:begin:ignore*/ grid-column: 2; grid-row: 1; /*!rtl:end:ignore*/ padding: 0 8% 0 8%; word-break: break-word; } .wp-block-media-text.has-media-on-the-right .wp-block-media-text__media { /*!rtl:begin:ignore*/ grid-column: 2; grid-row: 1; /*!rtl:end:ignore*/ } .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content { /*!rtl:begin:ignore*/ grid-column: 1; grid-row: 1; /*!rtl:end:ignore*/ } .wp-block-media-text__media img, .wp-block-media-text__media video { height: auto; max-width: unset; width: 100%; vertical-align: middle; } .wp-block-media-text.is-image-fill .wp-block-media-text__media { height: 100%; min-height: 250px; background-size: cover; } .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; 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, * we need 100% width, so we use important to overwrite the inline style. * If the style were set on mobile first, on desktop styles, * we would have no way of setting the style again to the inline style. */ @media (max-width: 600px) { .wp-block-media-text.is-stacked-on-mobile { grid-template-columns: 100% !important; } .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media { grid-column: 1; grid-row: 1; } .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content { grid-column: 1; grid-row: 2; } } .wp-block-navigation { position: relative; --navigation-layout-justification-setting: flex-start; --navigation-layout-direction: row; --navigation-layout-wrap: wrap; --navigation-layout-justify: flex-start; --navigation-layout-align: center; } .wp-block-navigation ul { margin-top: 0; margin-bottom: 0; margin-left: 0; padding-left: 0; } .wp-block-navigation ul, .wp-block-navigation ul li { list-style: none; padding: 0; } .wp-block-navigation .wp-block-navigation-item { display: flex; align-items: center; position: relative; } .wp-block-navigation .wp-block-navigation-item .wp-block-navigation__submenu-container:empty { display: none; } .wp-block-navigation .wp-block-navigation-item__content { display: block; } .wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content { text-decoration: underline; } .wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content:focus, .wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content:active { text-decoration: underline; } .wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content { text-decoration: line-through; } .wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content:focus, .wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content:active { text-decoration: line-through; } .wp-block-navigation:where(:not([class*="has-text-decoration"])) a { text-decoration: none; } .wp-block-navigation:where(:not([class*="has-text-decoration"])) a:focus, .wp-block-navigation:where(:not([class*="has-text-decoration"])) a:active { text-decoration: none; } .wp-block-navigation .wp-block-navigation__submenu-icon { align-self: center; line-height: 0; display: inline-block; font-size: inherit; padding: 0; background-color: inherit; color: currentColor; border: none; width: 0.6em; height: 0.6em; margin-left: 0.25em; } .wp-block-navigation .wp-block-navigation__submenu-icon svg { display: inline-block; stroke: currentColor; width: inherit; height: inherit; margin-top: 0.075em; } .wp-block-navigation.is-vertical { --navigation-layout-direction: column; --navigation-layout-justify: initial; --navigation-layout-align: flex-start; } .wp-block-navigation.no-wrap { --navigation-layout-wrap: nowrap; } .wp-block-navigation.items-justified-center { --navigation-layout-justification-setting: center; --navigation-layout-justify: center; } .wp-block-navigation.items-justified-center.is-vertical { --navigation-layout-align: center; } .wp-block-navigation.items-justified-right { --navigation-layout-justification-setting: flex-end; --navigation-layout-justify: flex-end; } .wp-block-navigation.items-justified-right.is-vertical { --navigation-layout-align: flex-end; } .wp-block-navigation.items-justified-space-between { --navigation-layout-justification-setting: space-between; --navigation-layout-justify: space-between; } .wp-block-navigation .has-child .wp-block-navigation__submenu-container { background-color: inherit; color: inherit; position: absolute; z-index: 2; display: flex; flex-direction: column; align-items: normal; opacity: 0; transition: opacity 0.1s linear; visibility: hidden; width: 0; height: 0; overflow: hidden; left: -1px; top: 100%; } .wp-block-navigation .has-child .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content { display: flex; flex-grow: 1; } .wp-block-navigation .has-child .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content .wp-block-navigation__submenu-icon { margin-right: 0; margin-left: auto; } .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item__content { margin: 0; } @media (min-width: 782px) { .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container { left: 100%; top: -1px; } .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container::before { content: ""; position: absolute; right: 100%; height: 100%; display: block; width: 0.5em; background: transparent; } .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon { margin-right: 0.25em; } .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon svg { transform: rotate(-90deg); } } .wp-block-navigation .has-child:not(.open-on-click):hover > .wp-block-navigation__submenu-container { visibility: visible; overflow: visible; opacity: 1; width: auto; height: auto; min-width: 200px; } .wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within > .wp-block-navigation__submenu-container { visibility: visible; overflow: visible; opacity: 1; width: auto; height: auto; min-width: 200px; } .wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true] ~ .wp-block-navigation__submenu-container { visibility: visible; overflow: visible; opacity: 1; width: auto; height: auto; min-width: 200px; } .wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container { left: 0; top: 100%; } @media (min-width: 782px) { .wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container { left: 100%; top: 0; } } .wp-block-navigation-submenu { position: relative; display: flex; } .wp-block-navigation-submenu .wp-block-navigation__submenu-icon svg { stroke: currentColor; } button.wp-block-navigation-item__content { background-color: transparent; border: none; color: currentColor; font-size: inherit; font-family: inherit; line-height: inherit; font-style: inherit; font-weight: inherit; text-transform: inherit; text-align: left; } .wp-block-navigation-submenu__toggle { cursor: pointer; } .wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle { padding-right: 0.85em; } .wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle + .wp-block-navigation__submenu-icon { margin-left: -0.6em; pointer-events: none; } /** * Margins */ .wp-block-navigation__responsive-container, .wp-block-navigation__responsive-close, .wp-block-navigation__responsive-dialog, .wp-block-navigation .wp-block-page-list, .wp-block-navigation__container, .wp-block-navigation__responsive-container-content { gap: inherit; } /** * Paddings */ :where(.wp-block-navigation.has-background .wp-block-navigation-item a:not(.wp-element-button)), :where(.wp-block-navigation.has-background .wp-block-navigation-submenu a:not(.wp-element-button)) { padding: 0.5em 1em; } :where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a:not(.wp-element-button)), :where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu a:not(.wp-element-button)) { padding: 0.5em 1em; } /** * Justifications. */ .wp-block-navigation.items-justified-space-between .wp-block-page-list > .has-child:last-child .wp-block-navigation__submenu-container, .wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .wp-block-navigation__submenu-container, .wp-block-navigation.items-justified-right .wp-block-page-list > .has-child .wp-block-navigation__submenu-container, .wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container { left: auto; right: 0; } .wp-block-navigation.items-justified-space-between .wp-block-page-list > .has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container, .wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container, .wp-block-navigation.items-justified-right .wp-block-page-list > .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container, .wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container { left: -1px; right: -1px; } @media (min-width: 782px) { .wp-block-navigation.items-justified-space-between .wp-block-page-list > .has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container, .wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container, .wp-block-navigation.items-justified-right .wp-block-page-list > .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container, .wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container { left: auto; right: 100%; } } .wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container { background-color: #fff; color: #000; border: 1px solid rgba(0, 0, 0, 0.15); } .wp-block-navigation__container { display: flex; flex-wrap: var(--navigation-layout-wrap, wrap); flex-direction: var(--navigation-layout-direction, initial); justify-content: var(--navigation-layout-justify, initial); align-items: var(--navigation-layout-align, initial); list-style: none; margin: 0; padding-left: 0; } .wp-block-navigation__container .is-responsive { display: none; } .wp-block-navigation__container:only-child, .wp-block-page-list:only-child { flex-grow: 1; } /** * Mobile menu. */ @keyframes overlay-menu__fade-in-animation { from { opacity: 0; transform: translateY(0.5em); } to { opacity: 1; transform: translateY(0); } } .wp-block-navigation__responsive-container { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; } .wp-block-navigation__responsive-container .wp-block-navigation-link a { color: inherit; } .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content { display: flex; flex-wrap: var(--navigation-layout-wrap, wrap); flex-direction: var(--navigation-layout-direction, initial); justify-content: var(--navigation-layout-justify, initial); align-items: var(--navigation-layout-align, initial); } .wp-block-navigation__responsive-container:not(.is-menu-open.is-menu-open) { color: inherit !important; background-color: inherit !important; } .wp-block-navigation__responsive-container.is-menu-open { display: flex; flex-direction: column; background-color: inherit; animation: overlay-menu__fade-in-animation 0.1s ease-out; animation-fill-mode: forwards; padding-top: var(--wp--style--root--padding-top, 2rem); padding-right: var(--wp--style--root--padding-right, 2rem); padding-bottom: var(--wp--style--root--padding-bottom, 2rem); padding-left: var(--wp--style--root--padding-left, 2rem); overflow: auto; z-index: 100000; } @media (prefers-reduced-motion: reduce) { .wp-block-navigation__responsive-container.is-menu-open { animation-duration: 1ms; animation-delay: 0s; } } .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content { padding-top: calc(2rem + 24px); overflow: visible; display: flex; flex-direction: column; flex-wrap: nowrap; align-items: var(--navigation-layout-justification-setting, inherit); } .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container { justify-content: flex-start; } .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-icon { display: none; } .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .submenu-container, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container { opacity: 1; visibility: visible; height: auto; width: auto; overflow: initial; min-width: 200px; position: static; border: none; padding-left: 2rem; padding-right: 2rem; } .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container { gap: inherit; } .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container { padding-top: var(--wp--style--block-gap, 2em); } .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content { padding: 0; } .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list { display: flex; flex-direction: column; align-items: var(--navigation-layout-justification-setting, initial); } .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item .wp-block-navigation__submenu-container, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item, .wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list { color: inherit !important; background: transparent !important; } .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container { right: auto; left: auto; } @media (min-width: 600px) { .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) { display: block; width: 100%; position: relative; z-index: auto; background-color: inherit; } .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) .wp-block-navigation__responsive-container-close { display: none; } .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-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__toggle_button_label { font-size: 1rem; font-weight: bold; } .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; text-transform: inherit; } .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:not(.always-shown) { display: none; } } .wp-block-navigation__responsive-container-close { position: absolute; top: 0; right: 0; z-index: 2; } .wp-block-navigation__responsive-close { width: 100%; max-width: var(--wp--style--global--wide-size, 100%); margin-left: auto; margin-right: auto; } .wp-block-navigation__responsive-close:focus { outline: none; } .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 { box-sizing: border-box; } .wp-block-navigation__responsive-dialog { position: relative; } .has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog { margin-top: 46px; } @media (min-width: 782px) { .has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog { margin-top: 32px; } } html.has-modal-open { overflow: hidden; } .wp-block-navigation .wp-block-navigation-item__label { word-break: normal; overflow-wrap: break-word; } .wp-block-navigation .wp-block-navigation-item__description { display: none; } .wp-block-navigation .wp-block-page-list { display: flex; flex-direction: var(--navigation-layout-direction, initial); justify-content: var(--navigation-layout-justify, initial); align-items: var(--navigation-layout-align, initial); flex-wrap: var(--navigation-layout-wrap, wrap); background-color: inherit; } .wp-block-navigation .wp-block-navigation-item { background-color: inherit; } .is-small-text { font-size: 0.875em; } .is-regular-text { font-size: 1em; } .is-large-text { font-size: 2.25em; } .is-larger-text { font-size: 3em; } .has-drop-cap:not(:focus)::first-letter { float: left; font-size: 8.4em; line-height: 0.68; font-weight: 100; margin: 0.05em 0.1em 0 0; text-transform: uppercase; font-style: normal; } p.has-drop-cap.has-background { overflow: hidden; } p.has-background { padding: 1.25em 2.375em; } :where(p.has-text-color:not(.has-link-color)) a { color: inherit; } .wp-block-post-author { display: flex; flex-wrap: wrap; } .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 { margin: 0; } .wp-block-post-comments-form[style*=font-weight] :where(.comment-reply-title) { font-weight: inherit; } .wp-block-post-comments-form[style*=font-family] :where(.comment-reply-title) { font-family: inherit; } .wp-block-post-comments-form[class*=-font-size] :where(.comment-reply-title), .wp-block-post-comments-form[style*=font-size] :where(.comment-reply-title) { font-size: inherit; } .wp-block-post-comments-form[style*=line-height] :where(.comment-reply-title) { line-height: inherit; } .wp-block-post-comments-form[style*=font-style] :where(.comment-reply-title) { font-style: inherit; } .wp-block-post-comments-form[style*=letter-spacing] :where(.comment-reply-title) { letter-spacing: inherit; } .wp-block-post-comments-form input[type=submit] { box-shadow: none; cursor: pointer; display: inline-block; text-align: center; overflow-wrap: break-word; } .wp-block-post-comments-form textarea, .wp-block-post-comments-form input:not([type=submit]) { border: 1px solid #949494; font-size: 1em; font-family: inherit; } .wp-block-post-comments-form textarea, .wp-block-post-comments-form input:not([type=submit]):not([type=checkbox]) { padding: calc(0.667em + 2px); } .wp-block-post-comments-form .comment-form textarea, .wp-block-post-comments-form .comment-form input:not([type=submit]):not([type=checkbox]) { display: block; box-sizing: border-box; width: 100%; } .wp-block-post-comments-form .comment-form-author label, .wp-block-post-comments-form .comment-form-email label, .wp-block-post-comments-form .comment-form-url label { display: block; margin-bottom: 0.25em; } .wp-block-post-comments-form .comment-form-cookies-consent { display: flex; gap: 0.25em; } .wp-block-post-comments-form .comment-form-cookies-consent #wp-comment-cookies-consent { margin-top: 0.35em; } .wp-block-post-comments-form .comment-reply-title { margin-bottom: 0; } .wp-block-post-comments-form .comment-reply-title :where(small) { font-size: var(--wp--preset--font-size--medium, smaller); margin-left: 0.5em; } .wp-block-post-date { box-sizing: border-box; } .wp-block-post-excerpt__more-link { display: inline-block; } .wp-block-post-featured-image { margin-left: 0; margin-right: 0; } .wp-block-post-featured-image a { display: block; } .wp-block-post-featured-image img { max-width: 100%; width: 100%; height: auto; vertical-align: bottom; box-sizing: border-box; } .wp-block-post-featured-image.alignwide img, .wp-block-post-featured-image.alignfull img { width: 100%; } .wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim { position: absolute; inset: 0; background-color: #000; } .wp-block-post-featured-image { position: relative; } .wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-gradient { background-color: transparent; } .wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-0 { opacity: 0; } .wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-10 { opacity: 0.1; } .wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-20 { opacity: 0.2; } .wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-30 { opacity: 0.3; } .wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-40 { opacity: 0.4; } .wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-50 { opacity: 0.5; } .wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-60 { opacity: 0.6; } .wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-70 { opacity: 0.7; } .wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-80 { opacity: 0.8; } .wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-90 { opacity: 0.9; } .wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-100 { opacity: 1; } .wp-block-post-terms__separator { white-space: pre-wrap; } .wp-block-post-title { word-break: break-word; box-sizing: border-box; } .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; text-align: center; overflow-wrap: break-word; box-sizing: border-box; } .wp-block-pullquote p, .wp-block-pullquote blockquote, .wp-block-pullquote cite { color: inherit; } .wp-block-pullquote.alignleft, .wp-block-pullquote.alignright { max-width: 420px; } .wp-block-pullquote cite, .wp-block-pullquote footer { position: relative; } .wp-block-pullquote .has-text-color a { color: inherit; } .wp-block-pullquote.has-text-align-left blockquote { text-align: left; } .wp-block-pullquote.has-text-align-right blockquote { text-align: right; } .wp-block-pullquote.is-style-solid-color { border: none; } .wp-block-pullquote.is-style-solid-color blockquote { margin-left: auto; margin-right: auto; 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; } .wp-block-post-template { margin-top: 0; margin-bottom: 0; max-width: 100%; list-style: none; padding: 0; } .wp-block-post-template.wp-block-post-template { background: none; } .wp-block-post-template.is-flex-container { flex-direction: row; display: flex; flex-wrap: wrap; gap: 1.25em; } .wp-block-post-template.is-flex-container li { margin: 0; width: 100%; } @media (min-width: 600px) { .wp-block-post-template.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-3 > li { width: calc((100% / 3) - 1.25em + (1.25em / 3)); } .wp-block-post-template.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-5 > li { width: calc((100% / 5) - 1.25em + (1.25em / 5)); } .wp-block-post-template.is-flex-container.is-flex-container.columns-6 > li { width: calc((100% / 6) - 1.25em + (1.25em / 6)); } } .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 { /*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-query-pagination.is-content-justification-space-between > .wp-block-query-pagination-next:last-child { margin-inline-start: auto; } .wp-block-query-pagination.is-content-justification-space-between > .wp-block-query-pagination-previous:first-child { margin-inline-end: auto; } .wp-block-query-pagination .wp-block-query-pagination-previous-arrow { margin-right: 1ch; display: inline-block; } .wp-block-query-pagination .wp-block-query-pagination-previous-arrow:not(.is-arrow-chevron) { transform: scaleX(1) /*rtl:scaleX(-1);*/; } .wp-block-query-pagination .wp-block-query-pagination-next-arrow { margin-left: 1ch; display: inline-block; } .wp-block-query-pagination .wp-block-query-pagination-next-arrow:not(.is-arrow-chevron) { transform: scaleX(1) /*rtl:scaleX(-1);*/; } .wp-block-query-pagination.aligncenter { justify-content: center; } .wp-block-query-title { box-sizing: border-box; } .wp-block-quote { box-sizing: border-box; overflow-wrap: break-word; } .wp-block-quote.is-style-large:not(.is-style-plain), .wp-block-quote.is-large:not(.is-style-plain) { margin-bottom: 1em; padding: 0 1em; } .wp-block-quote.is-style-large:not(.is-style-plain) p, .wp-block-quote.is-large:not(.is-style-plain) p { font-size: 1.5em; font-style: italic; line-height: 1.6; } .wp-block-quote.is-style-large:not(.is-style-plain) cite, .wp-block-quote.is-style-large:not(.is-style-plain) footer, .wp-block-quote.is-large:not(.is-style-plain) cite, .wp-block-quote.is-large:not(.is-style-plain) footer { font-size: 1.125em; text-align: right; } .wp-block-read-more { display: block; width: -moz-fit-content; width: fit-content; } .wp-block-read-more:not([style*=text-decoration]) { text-decoration: none; } .wp-block-read-more:not([style*=text-decoration]):focus, .wp-block-read-more:not([style*=text-decoration]):active { text-decoration: none; } ul.wp-block-rss { list-style: none; padding: 0; } ul.wp-block-rss.wp-block-rss { box-sizing: border-box; } ul.wp-block-rss.alignleft { /*rtl:ignore*/ margin-right: 2em; } ul.wp-block-rss.alignright { /*rtl:ignore*/ margin-left: 2em; } ul.wp-block-rss.is-grid { display: flex; flex-wrap: wrap; padding: 0; list-style: none; } ul.wp-block-rss.is-grid li { margin: 0 1em 1em 0; width: 100%; } @media (min-width: 600px) { ul.wp-block-rss.columns-2 li { width: calc(( 100% / 2 ) - 1em); } ul.wp-block-rss.columns-3 li { width: calc(( 100% / 3 ) - 1em); } ul.wp-block-rss.columns-4 li { width: calc(( 100% / 4 ) - 1em); } ul.wp-block-rss.columns-5 li { width: calc(( 100% / 5 ) - 1em); } ul.wp-block-rss.columns-6 li { width: calc(( 100% / 6 ) - 1em); } } .wp-block-rss__item-publish-date, .wp-block-rss__item-author { display: block; font-size: 0.8125em; } .wp-block-search__button { margin-left: 0.625em; word-break: normal; } .wp-block-search__button.has-icon { line-height: 0; } .wp-block-search__button svg { min-width: 1.5em; min-height: 1.5em; fill: currentColor; vertical-align: text-bottom; } :where(.wp-block-search__button) { border: 1px solid #ccc; padding: 0.375em 0.625em; } .wp-block-search__inside-wrapper { display: flex; flex: auto; flex-wrap: nowrap; max-width: 100%; } .wp-block-search__label { width: 100%; } .wp-block-search__input { padding: 8px; flex-grow: 1; margin-left: 0; margin-right: 0; min-width: 3em; border: 1px solid #949494; text-decoration: unset !important; } .wp-block-search.wp-block-search__button-only .wp-block-search__button { margin-left: 0; } :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) { padding: 4px; border: 1px solid #949494; } :where(.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; } :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input:focus { outline: none; } :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) :where(.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; border-left: none; border-right: none; } .wp-block-separator.is-style-dots { background: none !important; border: none; text-align: center; line-height: 1; 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 { box-sizing: border-box; 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 img { height: auto; max-width: 100%; } .wp-block-site-logo a, .wp-block-site-logo img { border-radius: inherit; } .wp-block-site-logo.aligncenter { margin-left: auto; margin-right: auto; text-align: center; } .wp-block-site-logo.is-style-rounded { border-radius: 9999px; } .wp-block-social-links { box-sizing: border-box; padding-left: 0; padding-right: 0; text-indent: 0; margin-left: 0; background: none; } .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 a { padding: 0.25em; } .wp-block-social-links .wp-social-link svg { width: 1em; height: 1em; } .wp-block-social-links .wp-social-link span:not(.screen-reader-text) { margin-left: 0.5em; margin-right: 0.5em; font-size: 0.65em; } .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; } .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 { align-items: center; display: flex; 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; } .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-patreon { background-color: #ff424d; 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: #ff4500; 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-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; } .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-whatsapp { background-color: #25d366; 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; } .wp-block-social-links.is-style-logos-only .wp-social-link a { padding: 0; } .wp-block-social-links.is-style-logos-only .wp-social-link svg { width: 1.25em; height: 1.25em; } .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-patreon { color: #ff424d; } .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: #ff4500; } .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-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; } .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-whatsapp { color: #25d366; } .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 { color: #d32422; } .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: calc((2/3) * 1em); padding-right: calc((2/3) * 1em); } .wp-block-spacer { clear: both; } .wp-block-tag-cloud.aligncenter { text-align: center; justify-content: center; } .wp-block-tag-cloud.alignfull { padding-left: 1em; padding-right: 1em; } .wp-block-tag-cloud a { display: inline-block; margin-right: 5px; } .wp-block-tag-cloud span { display: inline-block; margin-left: 5px; text-decoration: none; } .wp-block-tag-cloud.is-style-outline { display: flex; flex-wrap: wrap; gap: 1ch; } .wp-block-tag-cloud.is-style-outline a { border: 1px solid currentColor; font-size: unset !important; margin-right: 0; padding: 1ch 2ch; text-decoration: none !important; } .wp-block-table { overflow-x: auto; } .wp-block-table table { border-collapse: collapse; width: 100%; } .wp-block-table td, .wp-block-table th { border: 1px solid; padding: 0.5em; } .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-top-color] > *, .wp-block-table table[style*=border-top-color] tr:first-child { border-top-color: inherit; } .wp-block-table table[style*=border-top-color] > * th, .wp-block-table table[style*=border-top-color] > * td, .wp-block-table table[style*=border-top-color] tr:first-child th, .wp-block-table table[style*=border-top-color] tr:first-child td { border-top-color: inherit; } .wp-block-table table[style*=border-top-color] tr:not(:first-child) { border-top-color: currentColor; } .wp-block-table table[style*=border-right-color] > *, .wp-block-table table[style*=border-right-color] tr, .wp-block-table table[style*=border-right-color] th, .wp-block-table table[style*=border-right-color] td:last-child { border-right-color: inherit; } .wp-block-table table[style*=border-bottom-color] > *, .wp-block-table table[style*=border-bottom-color] tr:last-child { border-bottom-color: inherit; } .wp-block-table table[style*=border-bottom-color] > * th, .wp-block-table table[style*=border-bottom-color] > * td, .wp-block-table table[style*=border-bottom-color] tr:last-child th, .wp-block-table table[style*=border-bottom-color] tr:last-child td { border-bottom-color: inherit; } .wp-block-table table[style*=border-bottom-color] tr:not(:last-child) { border-bottom-color: currentColor; } .wp-block-table table[style*=border-left-color] > *, .wp-block-table table[style*=border-left-color] tr, .wp-block-table table[style*=border-left-color] th, .wp-block-table table[style*=border-left-color] td:first-child { border-left-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; border-style: inherit; } .wp-block-text-columns { 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 { box-sizing: border-box; } .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; } /** * Element styles. */ .wp-element-button { cursor: pointer; } :root { /* * Our classes uses the same values we set for gradient value attributes, * and we can not use spacing because of WP multi site kses rule. */ /* stylelint-disable function-comma-space-after */ /* stylelint-enable function-comma-space-after */ --wp--preset--font-size--normal: 16px; --wp--preset--font-size--huge: 42px; } :root .has-very-light-gray-background-color { background-color: #eee; } :root .has-very-dark-gray-background-color { background-color: #313131; } :root .has-very-light-gray-color { color: #eee; } :root .has-very-dark-gray-color { color: #313131; } :root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background { background: linear-gradient(135deg, #00d084 0%, #0693e3 100%); } :root .has-purple-crush-gradient-background { background: linear-gradient(135deg, #34e2e4 0%, #4721fb 50%, #ab1dfe 100%); } :root .has-hazy-dawn-gradient-background { background: linear-gradient(135deg, #faaca8 0%, #dad0ec 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%); } .has-regular-font-size { font-size: 1em; } .has-larger-font-size { font-size: 2.625em; } .has-normal-font-size { font-size: var(--wp--preset--font-size--normal); } .has-huge-font-size { font-size: var(--wp--preset--font-size--huge); } .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; } .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; } /** * The following provide a simple means of applying a default border style when * a user first makes a selection in the border block support panel. * This prevents issues such as where the user could set a border width * and see no border due there being no border style set. * * This is intended to be removed once intelligent defaults can be set while * making border selections via the block support. * * See: https://github.com/WordPress/gutenberg/pull/33743 */ html :where(.has-border-color) { border-style: solid; } html :where([style*="border-top-color"]) { border-top-style: solid; } html :where([style*="border-right-color"]) { border-right-style: solid; } html :where([style*="border-bottom-color"]) { border-bottom-style: solid; } html :where([style*="border-left-color"]) { border-left-style: solid; } html :where([style*="border-width"]) { border-style: solid; } html :where([style*="border-top-width"]) { border-top-style: solid; } html :where([style*="border-right-width"]) { border-right-style: solid; } html :where([style*="border-bottom-width"]) { border-bottom-style: solid; } html :where([style*="border-left-width"]) { border-left-style: solid; } /** * Provide baseline responsiveness for images. */ html :where(img[class*="wp-image-"]) { height: auto; max-width: 100%; } /** * Reset user agent styles for figure element margins. */ figure { margin: 0 0 1em 0; } home/premiey/www/wp-includes/blocks/paragraph/style.css 0000666 00000003725 15165257001 0017335 0 ustar 00 /** * Colors */ /** * Breakpoints & Media Queries */ /** * 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. */ /** * Colors */ /** * 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 & Editor UI. */ /** * Block paddings. */ /** * React Native specific. * These variables do not appear to be used anywhere else. */ /** * Converts a hex value into the rgb equivalent. * * @param {string} hex - the hexadecimal value to convert * @return {string} comma separated rgb values */ /** * Breakpoint mixins */ /** * Long content fade mixin * * Creates a fading overlay to signify that the content is longer * than the space allows. */ /** * Focus styles. */ /** * Applies editor left 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. */ .is-small-text { font-size: 0.875em; } .is-regular-text { font-size: 1em; } .is-large-text { font-size: 2.25em; } .is-larger-text { font-size: 3em; } .has-drop-cap:not(:focus)::first-letter { float: left; font-size: 8.4em; line-height: 0.68; font-weight: 100; margin: 0.05em 0.1em 0 0; text-transform: uppercase; font-style: normal; } p.has-drop-cap.has-background { overflow: hidden; } p.has-background { padding: 1.25em 2.375em; } :where(p.has-text-color:not(.has-link-color)) a { color: inherit; } home/premiey/www/wp-includes/css/dist/widgets/style.css 0000666 00000017317 15165257025 0017324 0 ustar 00 /** * Colors */ /** * Breakpoints & Media Queries */ /** * 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. */ /** * Colors */ /** * 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 & Editor UI. */ /** * Block paddings. */ /** * React Native specific. * These variables do not appear to be used anywhere else. */ /** * Converts a hex value into the rgb equivalent. * * @param {string} hex - the hexadecimal value to convert * @return {string} comma separated rgb values */ /** * Breakpoint mixins */ /** * Long content fade mixin * * Creates a fading overlay to signify that the content is longer * than the space allows. */ /** * Focus styles. */ /** * Applies editor left 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--rgb: 0, 124, 186; --wp-admin-theme-color-darker-10: #006ba1; --wp-admin-theme-color-darker-10--rgb: 0, 107, 161; --wp-admin-theme-color-darker-20: #005a87; --wp-admin-theme-color-darker-20--rgb: 0, 90, 135; --wp-admin-border-width-focus: 2px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { :root { --wp-admin-border-width-focus: 1.5px; } } .wp-block-legacy-widget__edit-form { background: #fff; border-radius: 2px; border: 1px solid #1e1e1e; padding: 11px; max-height: calc(100vh - 2px); overflow-y: scroll; } .wp-block-legacy-widget__edit-form:not([hidden]) { display: flow-root; } .wp-block-legacy-widget__edit-form .wp-block-legacy-widget__edit-form-title { color: #000; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 14px; font-weight: 600; margin: 0 0 12px 0; } .wp-block-legacy-widget__edit-form .widget-inside.widget-inside { border: none; box-shadow: none; display: block; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; } .wp-block-legacy-widget__edit-form .widget-inside.widget-inside p { margin: 8px 0; } .wp-block-legacy-widget__edit-form .widget-inside.widget-inside label { font-size: 13px; line-height: 2.1; } .wp-block-legacy-widget__edit-form .widget-inside.widget-inside label, .wp-block-legacy-widget__edit-form .widget-inside.widget-inside input, .wp-block-legacy-widget__edit-form .widget-inside.widget-inside a { font-family: system-ui; font-weight: normal; color: #000; } .wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=text], .wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=password], .wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=date], .wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=datetime], .wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=datetime-local], .wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=email], .wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=month], .wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=number], .wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=search], .wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=tel], .wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=time], .wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=url], .wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=week], .wp-block-legacy-widget__edit-form .widget-inside.widget-inside select { font-family: system-ui; background-color: transparent; box-sizing: border-box; border: 1px solid #757575; border-radius: 3px; box-shadow: none; color: #000; display: block; margin: 0; width: 100%; font-size: 13px; font-weight: normal; line-height: 1; min-height: 30px; padding-left: 8px; padding-top: 8px; padding-bottom: 8px; } .wp-block-legacy-widget__edit-form .widget-inside.widget-inside select { padding-left: 4px; } .wp-block-legacy-widget__edit-form .widget.open, .wp-block-legacy-widget__edit-form .widget.open:focus-within { z-index: 0; } .wp-block-legacy-widget__edit-form.wp-block-legacy-widget__edit-form, .wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview { color: #000; } .wp-block-legacy-widget__edit-preview, .wp-block-legacy-widget__edit-no-preview { cursor: pointer; } .wp-block-legacy-widget__edit-preview:hover::after, .wp-block-legacy-widget__edit-no-preview:hover::after { border-radius: 2px; border: 1px solid #949494; bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .wp-block-legacy-widget__edit-preview.is-offscreen { left: -9999px; position: absolute; top: 0; width: 100%; } .wp-block-legacy-widget__edit-preview-iframe { overflow: hidden; width: 100%; } .wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview { background: #f0f0f0; padding: 8px 12px; } .wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview, .wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview h3, .wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview p { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 13px; } .wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview h3 { font-size: 14px; font-weight: 600; margin: 4px 0; } .wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview p { margin: 4px 0; } .wp-block-legacy-widget-inspector-card { padding: 0 16px 16px 52px; } .interface-complementary-area .wp-block-legacy-widget-inspector-card__name { margin: 0 0 5px; font-weight: 500; } .is-selected .wp-block-legacy-widget__container { padding: 8px 12px; min-height: 50px; } .components-popover__content .wp-block-legacy-widget__edit-form { min-width: 400px; } .wp-block-legacy-widget .components-base-control { width: 100%; } .wp-block-legacy-widget .components-select-control__input { padding: 0; font-family: system-ui; } .wp-block-widget-group.has-child-selected::after { border-radius: 2px; border: 1px solid var(--wp-admin-theme-color); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .wp-block-widget-group .widget-title { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 18px; font-weight: 600; } .wp-block-widget-group__placeholder .block-editor-inserter { width: 100%; } .is-dark-theme .wp-block-widget-group__placeholder .block-editor-button-block-appender { box-shadow: inset 0 0 0 1px #1e1e1e; color: #1e1e1e; } home/premiey/www/wp-includes/css/dist/block-editor/style.css 0000666 00000410346 15165257171 0020235 0 ustar 00 /** * Colors */ /** * Breakpoints & Media Queries */ /** * 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. */ /** * Colors */ /** * 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 & Editor UI. */ /** * Block paddings. */ /** * React Native specific. * These variables do not appear to be used anywhere else. */ /** * Converts a hex value into the rgb equivalent. * * @param {string} hex - the hexadecimal value to convert * @return {string} comma separated rgb values */ /** * Breakpoint mixins */ /** * Long content fade mixin * * Creates a fading overlay to signify that the content is longer * than the space allows. */ /** * Focus styles. */ /** * Applies editor left 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--rgb: 0, 124, 186; --wp-admin-theme-color-darker-10: #006ba1; --wp-admin-theme-color-darker-10--rgb: 0, 107, 161; --wp-admin-theme-color-darker-20: #005a87; --wp-admin-theme-color-darker-20--rgb: 0, 90, 135; --wp-admin-border-width-focus: 2px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { :root { --wp-admin-border-width-focus: 1.5px; } } .block-editor-autocompleters__block { white-space: nowrap; } .block-editor-autocompleters__block .block-editor-block-icon { margin-right: 8px; } .block-editor-autocompleters__link { white-space: nowrap; } .block-editor-autocompleters__link .block-editor-block-icon { margin-right: 8px; } .block-editor-block-alignment-control__menu-group .components-menu-item__info { margin-top: 0; } .block-editor-block-icon { display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; } .block-editor-block-icon.has-colors svg { fill: currentColor; } @media (forced-colors: active) { .block-editor-block-icon.has-colors svg { fill: CanvasText; } } .block-editor-block-icon svg { min-width: 20px; min-height: 20px; max-width: 24px; max-height: 24px; } .block-editor-block-inspector p:not(.components-base-control__help) { margin-top: 0; } .block-editor-block-inspector h2, .block-editor-block-inspector h3 { font-size: 13px; color: #1e1e1e; margin-bottom: 1.5em; } .block-editor-block-inspector .components-base-control { margin-bottom: 24px; } .block-editor-block-inspector .components-base-control:last-child { margin-bottom: 8px; } .block-editor-block-inspector .components-panel__body { border: none; border-top: 1px solid #e0e0e0; } .block-editor-block-inspector .block-editor-block-card { padding: 16px; } .block-editor-block-inspector__no-blocks { display: block; font-size: 13px; background: #fff; padding: 32px 16px; text-align: center; } .block-editor-block-inspector__block-buttons-container { border-top: 1px solid #e0e0e0; padding: 16px; } .block-editor-block-styles .block-editor-block-list__block { margin: 0; } /** * Cross-Block Selection */ @keyframes selection-overlay__fade-in-animation { from { opacity: 0; } to { opacity: 0.4; } } .block-editor-block-list__layout { position: relative; } .block-editor-block-list__layout::selection { background: transparent; } .has-multi-selection .block-editor-block-list__layout::selection { background: transparent; } .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected)::selection, .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected) ::selection { background: transparent; } .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected)::after { content: ""; position: absolute; z-index: 1; pointer-events: none; top: 1px; right: 1px; bottom: 1px; left: 1px; background: var(--wp-admin-theme-color); opacity: 0.4; animation: selection-overlay__fade-in-animation 0.1s ease-out; animation-fill-mode: forwards; outline: 2px solid transparent; } @media (prefers-reduced-motion: reduce) { .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected)::after { animation-duration: 1ms; animation-delay: 0s; } } .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted, .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted ~ .is-multi-selected, .block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-selected, .block-editor-block-list__layout .is-block-moving-mode.block-editor-block-list__block.has-child-selected { border-radius: 2px; box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); outline: 2px solid transparent; } .block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus { outline: none; } .block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus::after { content: ""; position: absolute; z-index: 1; pointer-events: none; top: 1px; right: 1px; bottom: 1px; left: 1px; box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); border-radius: 1px; outline: 2px solid transparent; } .is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus::after { box-shadow: 0 0 0 var(--wp-admin-border-width-focus) #fff; } .block-editor-block-list__layout .is-block-moving-mode.block-editor-block-list__block.is-selected { box-shadow: none; outline: none; } .block-editor-block-list__layout .is-block-moving-mode.block-editor-block-list__block.is-selected::after { content: ""; position: absolute; z-index: 0; pointer-events: none; transition: border-color 0.1s linear, border-style 0.1s linear, box-shadow 0.1s linear; right: 0; left: 0; top: -14px; border-radius: 2px; border-top: 4px solid #ccc; } .block-editor-block-list__layout .is-block-moving-mode.can-insert-moving-block.block-editor-block-list__block.is-selected::after { border-color: var(--wp-admin-theme-color); } .has-multi-selection .block-editor-block-list__layout { -webkit-user-select: none; user-select: none; } .block-editor-block-list__layout [class^=components-] { -webkit-user-select: text; user-select: text; } .is-block-moving-mode.block-editor-block-list__block-selection-button { opacity: 0; font-size: 1px; height: 1px; padding: 0; } .is-content-locked .block-editor-block-list__block { pointer-events: none; } .is-content-locked .is-content-block { pointer-events: initial; } .block-editor-block-list__layout .block-editor-block-list__block { position: relative; -webkit-user-select: text; user-select: text; overflow-wrap: break-word; /** * Notices */ } .block-editor-block-list__layout .block-editor-block-list__block .reusable-block-edit-panel * { z-index: 1; } .block-editor-block-list__layout .block-editor-block-list__block .components-placeholder .components-with-notices-ui { margin: -10px 0 12px 0; } .block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui { margin: 0 0 12px 0; width: 100%; } .block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui .components-notice { margin-left: 0; margin-right: 0; } .block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui .components-notice .components-notice__content { font-size: 13px; } .block-editor-block-list__layout .block-editor-block-list__block.has-warning { min-height: 48px; } .block-editor-block-list__layout .block-editor-block-list__block.has-warning > * { pointer-events: none; -webkit-user-select: none; user-select: none; } .block-editor-block-list__layout .block-editor-block-list__block.has-warning .block-editor-warning { pointer-events: all; } .block-editor-block-list__layout .block-editor-block-list__block.has-warning::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 2px; background-color: rgba(255, 255, 255, 0.4); } .block-editor-block-list__layout .block-editor-block-list__block.has-warning.is-multi-selected::after { background-color: transparent; } .block-editor-block-list__layout .block-editor-block-list__block.is-reusable > .block-editor-inner-blocks > .block-editor-block-list__layout.has-overlay::after { display: none; } .block-editor-block-list__layout .block-editor-block-list__block.is-reusable > .block-editor-inner-blocks > .block-editor-block-list__layout.has-overlay .block-editor-block-list__layout.has-overlay::after { display: block; } .block-editor-block-list__layout .block-editor-block-list__block.is-reusable.has-child-selected::after { box-shadow: 0 0 0 1px var(--wp-admin-theme-color); } .block-editor-block-list__layout .block-editor-block-list__block[data-clear=true] { float: none; } .is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-hovered { cursor: default; box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color); border-radius: 2px; } .is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-selected { cursor: default; box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); border-radius: 2px; } .is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-selected.rich-text { cursor: unset; } .is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-selected:focus { box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); } .is-focus-mode .block-editor-block-list__block:not(.has-child-selected) { opacity: 0.2; transition: opacity 0.1s linear; } @media (prefers-reduced-motion: reduce) { .is-focus-mode .block-editor-block-list__block:not(.has-child-selected) { transition-duration: 0s; transition-delay: 0s; } } .is-focus-mode .block-editor-block-list__block:not(.has-child-selected) .block-editor-block-list__block, .is-focus-mode .block-editor-block-list__block:not(.has-child-selected).is-selected, .is-focus-mode .block-editor-block-list__block:not(.has-child-selected).is-multi-selected { opacity: 1; } .is-focus-mode .block-editor-block-list__block.is-content-locked.has-child-selected, .is-focus-mode .block-editor-block-list__block.is-content-locked.has-child-selected .block-editor-block-list__block, .is-focus-mode .block-editor-block-list__block.is-content-locked-temporarily-editing-as-blocks.has-child-selected, .is-focus-mode .block-editor-block-list__block.is-content-locked-temporarily-editing-as-blocks.has-child-selected .block-editor-block-list__block { opacity: 1; } .wp-block[data-align=left] > *, .wp-block[data-align=right] > *, .wp-block.alignleft, .wp-block.alignright { z-index: 21; } .wp-site-blocks > [data-align=left] { float: left; margin-right: 2em; } .wp-site-blocks > [data-align=right] { float: right; margin-left: 2em; } .wp-site-blocks > [data-align=center] { justify-content: center; margin-left: auto; margin-right: auto; } /** * In-Canvas Inserter */ .block-editor-block-list .block-editor-inserter { margin: 8px; cursor: move; cursor: grab; } @keyframes block-editor-inserter__toggle__fade-in-animation { from { opacity: 0; } to { opacity: 1; } } .wp-block .block-list-appender .block-editor-inserter__toggle { animation: block-editor-inserter__toggle__fade-in-animation 0.1s ease; animation-fill-mode: forwards; } @media (prefers-reduced-motion: reduce) { .wp-block .block-list-appender .block-editor-inserter__toggle { animation-duration: 1ms; animation-delay: 0s; } } .block-editor-block-list__block:not(.is-selected):not(.has-child-selected) .block-editor-default-block-appender { display: none; } .block-editor-block-list__block:not(.is-selected):not(.has-child-selected) .block-editor-default-block-appender .block-editor-inserter__toggle { opacity: 0; transform: scale(0); } .block-editor-block-list__block .block-editor-block-list__block-html-textarea { display: block; margin: 0; padding: 12px; width: 100%; border: none; outline: none; border-radius: 2px; box-shadow: inset 0 0 0 1px #1e1e1e; resize: none; overflow: hidden; font-family: Menlo, Consolas, monaco, monospace; font-size: 15px; line-height: 1.5; transition: padding 0.2s linear; } @media (prefers-reduced-motion: reduce) { .block-editor-block-list__block .block-editor-block-list__block-html-textarea { transition-duration: 0s; transition-delay: 0s; } } .block-editor-block-list__block .block-editor-block-list__block-html-textarea:focus { box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); } /** * Warnings. */ .block-editor-block-list__block .block-editor-warning { z-index: 5; position: relative; } .block-editor-block-list__block .block-editor-warning.block-editor-block-list__block-crash-warning { margin-bottom: auto; } /** Zoom Out mode styles **/ .block-editor-iframe__body { transition: all 0.3s; transform-origin: top center; } .block-editor-iframe__body.is-zoomed-out { margin: 100px 0; transform: scale(0.45); } .block-editor-iframe__body.is-zoomed-out .wp-site-blocks > * + * { margin-block-start: 2.5rem; } .block-editor-iframe__body.is-zoomed-out > .block-list-appender { display: none; } /** * Insertion Point. */ .block-editor-block-list__insertion-point { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .block-editor-block-list__insertion-point-indicator { position: absolute; background: var(--wp-admin-theme-color); } .block-editor-block-list__insertion-point.is-vertical > .block-editor-block-list__insertion-point-indicator { top: 50%; height: 1px; } .block-editor-block-list__insertion-point.is-horizontal > .block-editor-block-list__insertion-point-indicator { top: 0; right: 0; left: 50%; width: 1px; } .block-editor-block-list__insertion-point-inserter { display: none; position: absolute; justify-content: center; top: calc(50% - 12px); left: calc(50% - 12px); } @media (min-width: 480px) { .block-editor-block-list__insertion-point-inserter { display: flex; } } .block-editor-block-list__block-side-inserter-popover .components-popover__content > div { pointer-events: none; } .block-editor-block-list__block-side-inserter-popover .components-popover__content > div > * { pointer-events: all; } .block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle.components-button.has-icon, .block-editor-default-block-appender .block-editor-inserter__toggle.components-button.has-icon, .block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon { background: #1e1e1e; border-radius: 2px; color: #fff; padding: 0; min-width: 24px; height: 24px; } .block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle.components-button.has-icon:hover, .block-editor-default-block-appender .block-editor-inserter__toggle.components-button.has-icon:hover, .block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon:hover { color: #fff; background: var(--wp-admin-theme-color); } .block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon { background: var(--wp-admin-theme-color); } .block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon:hover { background: #1e1e1e; } /** * Block Toolbar when contextual. */ .block-editor-block-contextual-toolbar { display: inline-flex; border: 1px solid #1e1e1e; border-radius: 2px; background-color: #fff; } .block-editor-block-contextual-toolbar .block-editor-block-toolbar .components-toolbar-group, .block-editor-block-contextual-toolbar .block-editor-block-toolbar .components-toolbar { border-right-color: #1e1e1e; } .block-editor-block-contextual-toolbar.is-fixed { position: sticky; top: 0; width: 100%; z-index: 31; min-height: 48px; display: block; border: none; border-bottom: 1px solid #e0e0e0; border-radius: 0; } .block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar .components-toolbar-group, .block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar .components-toolbar { border-right-color: #e0e0e0; } /** * Block Label for Navigation/Selection Mode */ .block-editor-block-list__block-selection-button { display: inline-flex; padding: 0 12px; z-index: 22; border-radius: 2px; background-color: #1e1e1e; font-size: 13px; height: 48px; } .block-editor-block-list__block-selection-button .block-editor-block-list__block-selection-button__content { margin: auto; display: inline-flex; align-items: center; } .block-editor-block-list__block-selection-button .block-editor-block-list__block-selection-button__content > .components-flex__item { margin-right: 6px; } .block-editor-block-list__block-selection-button .components-button.has-icon.block-selection-button_drag-handle { cursor: grab; padding: 0; height: 24px; min-width: 24px; margin-left: -2px; } .block-editor-block-list__block-selection-button .components-button.has-icon.block-selection-button_drag-handle svg { min-width: 18px; min-height: 18px; } .block-editor-block-list__block-selection-button .block-editor-block-icon { font-size: 13px; color: #fff; height: 48px; } .block-editor-block-list__block-selection-button .components-button { min-width: 36px; color: #fff; height: 48px; display: flex; } .block-editor-block-list__block-selection-button .components-button:focus { box-shadow: none; border: none; } .block-editor-block-list__block-selection-button .components-button:active { color: #fff; } .block-editor-block-list__block-selection-button .block-selection-button_select-button.components-button { padding: 0; } .block-editor-block-list__block-selection-button .block-editor-block-mover { background: unset; border: none; } @keyframes hide-during-dragging { to { position: fixed; transform: translate(9999px, 9999px); } } .components-popover.block-editor-block-list__block-popover .block-editor-block-list__block-selection-button, .components-popover.block-editor-block-list__block-popover .block-editor-block-contextual-toolbar { pointer-events: all; margin-top: 12px; margin-bottom: 12px; } .components-popover.block-editor-block-list__block-popover.is-insertion-point-visible { visibility: hidden; } .is-dragging-components-draggable .components-popover.block-editor-block-list__block-popover { opacity: 0; animation: hide-during-dragging 1ms linear forwards; } .is-dragging-components-draggable .components-tooltip { display: none; } .is-vertical .block-list-appender { width: 24px; margin-right: auto; margin-top: 12px; margin-left: 12px; } .block-list-appender > .block-editor-inserter { display: block; } .block-editor-block-list__block:not(.is-selected):not(.has-child-selected):not(.block-editor-block-list__layout) .block-editor-block-list__layout > .block-list-appender .block-list-appender__toggle { opacity: 0; transform: scale(0); } .block-editor-block-lock-modal { z-index: 1000001; } @media (min-width: 600px) { .block-editor-block-lock-modal .components-modal__frame { max-width: 480px; } } .block-editor-block-lock-modal__checklist { margin: 0; } .block-editor-block-lock-modal__options-title { padding: 12px 0; } .block-editor-block-lock-modal__options-title .components-checkbox-control__label { font-weight: 600; } .block-editor-block-lock-modal__options-title .components-base-control__field { align-items: center; display: flex; margin: 0; } .block-editor-block-lock-modal__checklist-item { margin-bottom: 0; padding: 12px 0 12px 32px; } .block-editor-block-lock-modal__checklist-item .components-base-control__field { align-items: center; display: flex; margin: 0; } .block-editor-block-lock-modal__checklist-item .components-checkbox-control__label { display: flex; align-items: center; justify-content: space-between; flex-grow: 1; } .block-editor-block-lock-modal__checklist-item .components-checkbox-control__label svg { margin-right: 12px; fill: #1e1e1e; } .block-editor-block-lock-modal__checklist-item:hover { background-color: #f0f0f0; border-radius: 2px; } .block-editor-block-lock-modal__template-lock { border-top: 1px solid #ddd; margin-top: 16px; padding: 12px 0; } .block-editor-block-lock-modal__template-lock .components-base-control__field { margin: 0; } .block-editor-block-lock-modal__actions { margin-top: 24px; } .block-editor-block-lock-toolbar .components-button.has-icon { min-width: 36px !important; padding-left: 0 !important; } .block-editor-block-lock-toolbar .components-button.has-icon:focus::before { right: 8px !important; } .block-editor-block-breadcrumb { list-style: none; padding: 0; margin: 0; } .block-editor-block-breadcrumb li { display: inline-flex; margin: 0; } .block-editor-block-breadcrumb li .block-editor-block-breadcrumb__separator { fill: currentColor; margin-left: -4px; margin-right: -4px; transform: scaleX(1) /*rtl:scaleX(-1);*/; } .block-editor-block-breadcrumb li:last-child .block-editor-block-breadcrumb__separator { display: none; } .block-editor-block-breadcrumb__button.components-button { height: 24px; line-height: 24px; padding: 0; position: relative; } .block-editor-block-breadcrumb__button.components-button:hover:not(:disabled) { text-decoration: underline; box-shadow: none; } .block-editor-block-breadcrumb__button.components-button:focus { box-shadow: none; } .block-editor-block-breadcrumb__button.components-button:focus::before { content: ""; display: block; position: absolute; border-radius: 2px; top: 1px; right: 1px; bottom: 1px; left: 1px; box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); } .block-editor-block-breadcrumb__current { cursor: default; } .block-editor-block-breadcrumb__button.components-button, .block-editor-block-breadcrumb__current { color: #1e1e1e; padding: 0 8px; font-size: inherit; } .block-editor-block-card { display: flex; align-items: flex-start; } .block-editor-block-card__content { flex-grow: 1; margin-bottom: 4px; } .block-editor-block-card__title { font-weight: 500; } .block-editor-block-card__title.block-editor-block-card__title { line-height: 24px; margin: 0 0 4px; } .block-editor-block-card__description { font-size: 13px; } .block-editor-block-card .block-editor-block-icon { flex: 0 0 24px; margin-left: 0; margin-right: 12px; width: 24px; height: 24px; } /** * Invalid block comparison */ .block-editor-block-compare { height: auto; } .block-editor-block-compare__wrapper { display: flex; padding-bottom: 16px; } .block-editor-block-compare__wrapper > div { display: flex; justify-content: space-between; flex-direction: column; width: 50%; padding: 0 16px 0 0; min-width: 200px; max-width: 600px; } .block-editor-block-compare__wrapper > div button { float: right; } .block-editor-block-compare__wrapper .block-editor-block-compare__converted { border-left: 1px solid #ddd; padding-left: 15px; padding-right: 0; } .block-editor-block-compare__wrapper .block-editor-block-compare__html { font-family: Menlo, Consolas, monaco, monospace; font-size: 12px; color: #1e1e1e; border-bottom: 1px solid #ddd; padding-bottom: 15px; line-height: 1.7; } .block-editor-block-compare__wrapper .block-editor-block-compare__html span { background-color: #e6ffed; padding-top: 3px; padding-bottom: 3px; } .block-editor-block-compare__wrapper .block-editor-block-compare__html span.block-editor-block-compare__added { background-color: #acf2bd; } .block-editor-block-compare__wrapper .block-editor-block-compare__html span.block-editor-block-compare__removed { background-color: #cc1818; } .block-editor-block-compare__wrapper .block-editor-block-compare__preview { padding: 0; padding-top: 16px; } .block-editor-block-compare__wrapper .block-editor-block-compare__preview p { font-size: 12px; margin-top: 0; } .block-editor-block-compare__wrapper .block-editor-block-compare__action { margin-top: 16px; } .block-editor-block-compare__wrapper .block-editor-block-compare__heading { font-size: 1em; font-weight: 400; margin: 0.67em 0; } .block-editor-block-list__block.has-block-overlay { cursor: default; } .block-editor-block-list__block.has-block-overlay::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; border: none; border-radius: 2px; z-index: 10; } .block-editor-block-list__block.has-block-overlay::after { content: none !important; } .block-editor-block-list__block.has-block-overlay:hover:not(.is-dragging-blocks)::before { background: rgba(var(--wp-admin-theme-color--rgb), 0.3); box-shadow: 0 0 0 1px var(--wp-admin-theme-color) inset; } .block-editor-block-list__block.has-block-overlay.is-selected:not(.is-dragging-blocks)::before { box-shadow: 0 0 0 1px var(--wp-admin-theme-color) inset; } .block-editor-block-list__block.has-block-overlay .block-editor-block-list__block { pointer-events: none; } .block-editor-iframe__body.is-zoomed-out .block-editor-block-list__block.has-block-overlay::before { width: calc(100vw); left: calc(( 100% - 100vw ) / 2); } .block-editor-block-draggable-chip-wrapper { position: absolute; top: -24px; left: 0; } .block-editor-block-draggable-chip { background-color: #1e1e1e; border-radius: 2px; box-shadow: 0 6px 8px rgba(0, 0, 0, 0.3); color: #fff; cursor: grabbing; display: inline-flex; height: 48px; padding: 0 13px; -webkit-user-select: none; user-select: none; } .block-editor-block-draggable-chip svg { fill: currentColor; } .block-editor-block-draggable-chip .block-editor-block-draggable-chip__content { margin: auto; justify-content: flex-start; } .block-editor-block-draggable-chip .block-editor-block-draggable-chip__content > .components-flex__item { margin-right: 6px; } .block-editor-block-draggable-chip .block-editor-block-draggable-chip__content > .components-flex__item:last-child { margin-right: 0; } .block-editor-block-draggable-chip .block-editor-block-draggable-chip__content .block-editor-block-icon svg { min-width: 18px; min-height: 18px; } .block-editor-block-draggable-chip .components-flex__item { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 13px; } .block-editor-block-list__layout .is-dragging { background-color: currentColor !important; opacity: 0.05 !important; border-radius: 2px !important; pointer-events: none !important; } .block-editor-block-list__layout .is-dragging::selection { background: transparent !important; } .block-editor-block-list__layout .is-dragging::after { content: none !important; } .block-editor-block-mover__move-button-container { display: flex; padding: 0; border: none; } @media (min-width: 600px) { .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container { flex-direction: column; width: 36px; } .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container > * { height: 24px; width: 100%; min-width: 0 !important; } .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container > *::before { height: 100%; width: 100%; } .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container .block-editor-block-mover-button.is-up-button svg { top: 5px; flex-shrink: 0; } .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container .block-editor-block-mover-button.is-down-button svg { bottom: 5px; flex-shrink: 0; } .block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container { width: 48px; } .block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container > * { width: 24px; min-width: 0 !important; padding-left: 0 !important; padding-right: 0 !important; overflow: hidden; } .block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container > *::before { height: 100%; } .block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container .block-editor-block-mover-button.is-up-button svg { left: 5px; } .block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container .block-editor-block-mover-button.is-down-button svg { right: 5px; } } @media (min-width: 600px) { .block-editor-block-mover__drag-handle { width: 24px; min-width: 0 !important; padding-left: 0 !important; padding-right: 0 !important; overflow: hidden; } } .block-editor-block-navigation__container { min-width: 280px; } .block-editor-block-navigation__label { margin: 0 0 12px; color: #757575; text-transform: uppercase; font-size: 11px; font-weight: 500; } .block-editor-block-parent-selector { background: #fff; border-radius: 2px; } .block-editor-block-parent-selector .block-editor-block-parent-selector__button { width: 48px; height: 48px; border: 1px solid #1e1e1e; border-radius: 2px; } .block-editor-block-patterns-list__list-item { cursor: pointer; margin-bottom: 24px; position: relative; } .block-editor-block-patterns-list__list-item.is-placeholder { min-height: 100px; } .block-editor-block-patterns-list__list-item[draggable=true] .block-editor-block-preview__container { cursor: grab; } .block-editor-block-patterns-list__item { height: 100%; } .block-editor-block-patterns-list__item .block-editor-block-preview__container { display: flex; align-items: center; overflow: hidden; border-radius: 2px; border: 1px solid #f0f0f0; } .block-editor-block-patterns-list__item .block-editor-block-patterns-list__item-title { padding-top: 8px; font-size: 12px; text-align: center; } .block-editor-block-patterns-list__item:hover .block-editor-block-preview__container { border: 1px solid var(--wp-admin-theme-color); } .block-editor-block-patterns-list__item:focus .block-editor-block-preview__container { box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); outline: 2px solid transparent; } .block-editor-block-patterns-list__item:hover .block-editor-block-patterns-list__item-title, .block-editor-block-patterns-list__item:focus .block-editor-block-patterns-list__item-title { color: var(--wp-admin-theme-color); } .components-popover.block-editor-block-popover { z-index: 31; position: absolute; margin: 0 !important; pointer-events: none; } .components-popover.block-editor-block-popover .components-popover__content { margin: 0 !important; min-width: auto; width: max-content; background: none; border: none; outline: none; box-shadow: none; overflow-y: visible; } .components-popover.block-editor-block-popover:not(.block-editor-block-popover__inbetween, .block-editor-block-list__block-side-inserter-popover) .components-popover__content * { pointer-events: all; } .components-popover.block-editor-block-popover__inbetween { pointer-events: none; } .components-popover.block-editor-block-popover__inbetween * { pointer-events: none; } .components-popover.block-editor-block-popover__inbetween .is-with-inserter { pointer-events: all; } .components-popover.block-editor-block-popover__inbetween .is-with-inserter * { pointer-events: all; } .block-editor-block-preview__container { position: relative; width: 100%; overflow: hidden; } .block-editor-block-preview__container .block-editor-block-preview__content { top: 0; left: 0; transform-origin: top left; text-align: initial; margin: 0; overflow: visible; min-height: auto; } .block-editor-block-preview__container .block-editor-block-preview__content .block-editor-block-list__insertion-point, .block-editor-block-preview__container .block-editor-block-preview__content .block-editor-block-drop-zone, .block-editor-block-preview__container .block-editor-block-preview__content .reusable-block-indicator, .block-editor-block-preview__container .block-editor-block-preview__content .block-list-appender { display: none; } .block-editor-block-preview__content-iframe .block-list-appender { display: none; } .block-editor-block-preview__live-content * { pointer-events: none; } .block-editor-block-preview__live-content .block-list-appender { display: none; } .block-editor-block-preview__live-content .components-button:disabled { opacity: initial; } .block-editor-block-preview__live-content .components-placeholder, .block-editor-block-preview__live-content .block-editor-block-list__block[data-empty=true] { display: none; } .block-editor-block-settings-menu__popover .components-dropdown-menu__menu { padding: 0; } .block-editor-block-styles + .default-style-picker__default-switcher { margin-top: 16px; } .block-editor-block-styles__preview-panel { display: none; position: absolute; right: 16px; left: auto; z-index: 90; } @media (min-width: 782px) { .block-editor-block-styles__preview-panel { display: block; } } .block-editor-block-styles__preview-panel .block-editor-inserter__preview-container { left: auto; right: auto; top: auto; position: static; } .block-editor-block-styles__preview-panel .block-editor-block-card__title.block-editor-block-card__title { margin: 0; } .block-editor-block-styles__preview-panel .block-editor-block-icon { display: none; } .block-editor-block-styles__variants { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; } .block-editor-block-styles__variants .block-editor-block-styles__item { color: #2f2f2f; box-shadow: inset 0 0 0 1px #ccc; display: inline-block; width: calc(50% - 4px); } .block-editor-block-styles__variants .block-editor-block-styles__item:focus, .block-editor-block-styles__variants .block-editor-block-styles__item:hover { color: var(--wp-admin-theme-color); box-shadow: inset 0 0 0 2px var(--wp-admin-theme-color); } .block-editor-block-styles__variants .block-editor-block-styles__item.is-active, .block-editor-block-styles__variants .block-editor-block-styles__item.is-active:hover { background-color: #2f2f2f; box-shadow: none; } .block-editor-block-styles__variants .block-editor-block-styles__item.is-active .block-editor-block-styles__item-text, .block-editor-block-styles__variants .block-editor-block-styles__item.is-active:hover .block-editor-block-styles__item-text { color: #fff; } .block-editor-block-styles__variants .block-editor-block-styles__item.is-active:focus { box-shadow: inset 0 0 0 1px #fff, 0 0 0 2px var(--wp-admin-theme-color); } .block-editor-block-styles__variants .block-editor-block-styles__item-text { word-break: break-all; white-space: normal; text-align: start; text-align-last: center; } .block-editor-block-styles__block-preview-container, .block-editor-block-styles__block-preview-container * { box-sizing: border-box !important; } .block-editor-block-switcher { position: relative; } .block-editor-block-switcher .components-button.components-dropdown-menu__toggle.has-icon.has-icon { min-width: 36px; } .block-editor-block-switcher__no-switcher-icon, .block-editor-block-switcher__toggle { position: relative; } .components-button.block-editor-block-switcher__toggle, .components-button.block-editor-block-switcher__no-switcher-icon { margin: 0; display: block; height: 48px; } .components-button.block-editor-block-switcher__toggle .block-editor-block-icon, .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-icon { margin: auto; } .block-editor-block-switcher__toggle-text { margin-left: 8px; } .show-icon-labels .block-editor-block-switcher__toggle-text { display: none; } .show-icon-labels .block-editor-block-toolbar .block-editor-block-switcher .components-button.has-icon::after { font-size: 14px; } .components-button.block-editor-block-switcher__no-switcher-icon { display: flex; } .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-icon { margin-right: auto; margin-left: auto; min-width: 24px !important; } .components-button.block-editor-block-switcher__no-switcher-icon:disabled { opacity: 1; } .components-button.block-editor-block-switcher__no-switcher-icon:disabled, .components-button.block-editor-block-switcher__no-switcher-icon:disabled .block-editor-block-icon.has-colors { color: #1e1e1e; } .block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon .block-editor-block-icon, .block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon .block-editor-block-icon, .block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__toggle.has-icon.has-icon .block-editor-block-icon, .block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__toggle.has-icon.has-icon .block-editor-block-icon { height: 100%; position: relative; margin: 0 auto; display: flex; align-items: center; min-width: 100%; } .block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon::before, .block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon::before, .block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__toggle.has-icon.has-icon::before, .block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__toggle.has-icon.has-icon::before { top: 8px; right: 8px; bottom: 8px; left: 8px; } .components-popover.block-editor-block-switcher__popover .components-popover__content { min-width: 300px; } .block-editor-block-switcher__popover__preview__parent .block-editor-block-switcher__popover__preview__container { position: absolute; top: -12px; left: calc(100% + 16px); } .block-editor-block-switcher__preview__popover { display: none; } .block-editor-block-switcher__preview__popover.components-popover { margin-top: 11px; } @media (min-width: 782px) { .block-editor-block-switcher__preview__popover { display: block; } } .block-editor-block-switcher__preview__popover .components-popover__content { box-shadow: none; border: 1px solid #1e1e1e; background: #fff; border-radius: 2px; outline: none; } .block-editor-block-switcher__preview__popover .block-editor-block-switcher__preview { width: 300px; height: auto; max-height: calc(500px - 32px); margin: 16px; overflow: hidden; } .block-editor-block-switcher__preview-title { margin-bottom: 12px; color: #757575; text-transform: uppercase; font-size: 11px; font-weight: 500; } .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon { min-width: 36px; } .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon, .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle { height: 48px; } .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-icon, .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-switcher__transform, .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle .block-editor-block-icon, .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle .block-editor-block-switcher__transform { width: 48px; height: 48px; } .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-switcher__transform, .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle .block-editor-block-switcher__transform { padding: 12px; } .block-editor-block-switcher__preview-patterns-container { padding-bottom: 16px; } .block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item { margin-top: 16px; } .block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-preview__container { cursor: pointer; } .block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item { height: 100%; border-radius: 2px; transition: all 0.05s ease-in-out; position: relative; border: 1px solid transparent; } .block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item:hover, .block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item:focus { box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); outline: 2px solid transparent; } .block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item:hover { box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) #1e1e1e; } .block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item .block-editor-block-switcher__preview-patterns-container-list__item-title { padding: 4px; font-size: 12px; text-align: center; cursor: pointer; } .block-editor-block-types-list > [role=presentation] { overflow: hidden; display: flex; flex-wrap: wrap; } .block-editor-block-variation-picker .components-placeholder__instructions { margin-bottom: 0; } .block-editor-block-variation-picker .components-placeholder__fieldset { flex-direction: column; } .block-editor-block-variation-picker.has-many-variations .components-placeholder__fieldset { max-width: 90%; } .block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations { display: flex; justify-content: flex-start; flex-direction: row; flex-wrap: wrap; width: 100%; margin: 16px 0; padding: 0; list-style: none; } .block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations > li { list-style: none; margin: 8px 20px 0 0; flex-shrink: 1; width: 75px; text-align: center; } .block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations > li button { display: inline-flex; margin-right: 0; } .block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations .block-editor-block-variation-picker__variation { padding: 8px; } .block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations .block-editor-block-variation-picker__variation-label { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 12px; display: block; line-height: 1.4; } .block-editor-block-variation-picker__variation { width: 100%; } .block-editor-block-variation-picker__variation.components-button.has-icon { justify-content: center; width: auto; } .block-editor-block-variation-picker__variation.components-button.has-icon.is-secondary { background-color: #fff; } .block-editor-block-variation-picker__variation.components-button { height: auto; padding: 0; } .block-editor-block-variation-picker__variation::before { content: ""; padding-bottom: 100%; } .block-editor-block-variation-picker__variation:first-child { margin-left: 0; } .block-editor-block-variation-picker__variation:last-child { margin-right: 0; } .block-editor-block-pattern-setup { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; width: 100%; border-radius: 2px; } .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__toolbar { justify-content: center; } .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container { column-gap: 24px; display: block; width: 100%; padding: 32px; padding-bottom: 0; padding-top: 0; column-count: 2; } @media (min-width: 1440px) { .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container { column-count: 3; } } .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-preview__container, .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container div[role=button] { cursor: pointer; } .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__list-item { break-inside: avoid-column; margin-bottom: 24px; } .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__list-item .block-editor-block-preview__container { min-height: 100px; border-radius: 2px; border: 1px solid #ddd; } .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__list-item .block-editor-block-preview__content { width: 100%; } .block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar { height: 60px; box-sizing: border-box; padding: 16px; width: 100%; text-align: left; margin: 0; color: #1e1e1e; position: absolute; bottom: 0; background-color: #fff; display: flex; flex-direction: row; align-items: center; justify-content: space-between; border-top: 1px solid #ddd; align-self: flex-end; } .block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__display-controls { display: flex; } .block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__navigation, .block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__actions { width: calc(50% - 36px); display: flex; } .block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__actions { justify-content: flex-end; } .block-editor-block-pattern-setup .block-editor-block-pattern-setup__container { display: flex; flex-direction: column; width: 100%; box-sizing: border-box; } .block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container { overflow: hidden; position: relative; padding: 0; margin: 0; list-style: none; transform-style: preserve-3d; } .block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container * { box-sizing: border-box; } .block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide { position: absolute; top: 0; width: 100%; margin: auto; padding: 0; transition: transform 0.5s, z-index 0.5s; z-index: 100; } .block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide.active-slide { opacity: 1; position: relative; z-index: 102; } .block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide.previous-slide { transform: translateX(-100%); z-index: 101; } .block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide.next-slide { transform: translateX(100%); z-index: 101; } .block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .block-list-appender { display: none; } .block-editor-block-pattern-setup__carousel, .block-editor-block-pattern-setup__grid { width: 100%; } .block-editor-block-variation-transforms { padding: 0 16px 16px 52px; width: 100%; } .block-editor-block-variation-transforms .components-dropdown-menu__toggle { border: 1px solid #757575; border-radius: 2px; min-height: 30px; width: 100%; position: relative; text-align: left; justify-content: left; padding: 6px 12px; } .block-editor-block-variation-transforms .components-dropdown-menu__toggle.components-dropdown-menu__toggle { padding-right: 24px; } .block-editor-block-variation-transforms .components-dropdown-menu__toggle:focus:not(:disabled) { border-color: var(--wp-admin-theme-color); box-shadow: 0 0 0 calc(var(--wp-admin-border-width-focus) - 1px) var(--wp-admin-theme-color); } .block-editor-block-variation-transforms .components-dropdown-menu__toggle svg { height: 100%; padding: 0; position: absolute; right: 0; top: 0; } .block-editor-block-variation-transforms__popover .components-popover__content { min-width: 230px; } .components-border-radius-control { margin-bottom: 12px; } .components-border-radius-control legend { margin-bottom: 8px; } .components-border-radius-control .components-border-radius-control__wrapper { display: flex; justify-content: space-between; align-items: flex-start; } .components-border-radius-control .components-border-radius-control__wrapper > .components-unit-control-wrapper { width: 110px; margin-bottom: 0; margin-right: 12px; flex-shrink: 0; } .components-border-radius-control .components-border-radius-control__wrapper .components-range-control { flex: 1; margin-bottom: 0; } .components-border-radius-control .components-border-radius-control__wrapper .components-range-control .components-base-control__field { margin-bottom: 0; height: 30px; } .components-border-radius-control .components-border-radius-control__wrapper .components-range-control .components-range-control__wrapper { margin-right: 10px; } .components-border-radius-control .components-border-radius-control__wrapper > span { flex: 0 0 auto; } .components-border-radius-control .components-border-radius-control__input-controls-wrapper { display: flex; width: 70%; flex-wrap: wrap; } .components-border-radius-control .components-border-radius-control__input-controls-wrapper .components-border-radius-control__tooltip-wrapper { width: calc(50% - 8px); margin-bottom: 8px; margin-right: 8px; } .components-border-radius-control .component-border-radius-control__linked-button.has-icon { display: flex; justify-content: center; margin-left: 2px; margin-top: 3px; } .components-border-radius-control .component-border-radius-control__linked-button.has-icon svg { margin-right: 0; } .block-editor-button-block-appender { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: auto; color: #1e1e1e; box-shadow: inset 0 0 0 1px #1e1e1e; } .block-editor-button-block-appender.components-button.components-button { padding: 12px; } .is-dark-theme .block-editor-button-block-appender { color: rgba(255, 255, 255, 0.65); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.65); } .block-editor-button-block-appender:hover { color: var(--wp-admin-theme-color); box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color); } .block-editor-button-block-appender:focus { box-shadow: inset 0 0 0 2px var(--wp-admin-theme-color); } .block-editor-button-block-appender:active { color: #000; } .is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child, .is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .wp-block-group__inner-container > .block-list-appender:only-child, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .wp-block-group__inner-container > .block-list-appender:only-child { pointer-events: none; } .is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child::after, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child::after, .is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .wp-block-group__inner-container > .block-list-appender:only-child::after, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .wp-block-group__inner-container > .block-list-appender:only-child::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; border: 1px dashed currentColor; border-radius: 2px; } .is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child .block-editor-inserter, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child .block-editor-inserter, .is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .wp-block-group__inner-container > .block-list-appender:only-child .block-editor-inserter, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .wp-block-group__inner-container > .block-list-appender:only-child .block-editor-inserter { visibility: hidden; } .block-editor-color-gradient-control .block-editor-color-gradient-control__color-indicator { margin-bottom: 12px; } .block-editor-color-gradient-control__fieldset { min-width: 0; } .block-editor-color-gradient-control__tabs .block-editor-color-gradient-control__panel { padding: 16px; } .block-editor-panel-color-gradient-settings.block-editor-panel-color-gradient-settings, .block-editor-panel-color-gradient-settings.block-editor-panel-color-gradient-settings > div:not(:first-of-type) { display: block; } @media screen and (min-width: 782px) { .block-editor-panel-color-gradient-settings .components-circular-option-picker__swatches { display: grid; grid-template-columns: repeat(6, 28px); justify-content: space-between; } } .block-editor-block-inspector .block-editor-panel-color-gradient-settings .components-base-control { margin-bottom: inherit; } .block-editor-panel-color-gradient-settings__dropdown-content .block-editor-color-gradient-control__panel { width: 260px; padding: 16px; } .block-editor-panel-color-gradient-settings__color-indicator { background: linear-gradient(-45deg, transparent 48%, #ddd 48%, #ddd 52%, transparent 52%); } /** * The following styles replicate the separated border of the * `ItemGroup` component but allows for hidden items. This is because * to maintain the order of `ToolsPanel` controls, each `ToolsPanelItem` * must at least render a placeholder which would otherwise interfere * with the `:last-child` styles. */ .block-editor-tools-panel-color-gradient-settings__item { padding: 0; max-width: 100%; border-left: 1px solid rgba(0, 0, 0, 0.1); border-right: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .block-editor-tools-panel-color-gradient-settings__item.first { margin-top: 24px; border-top-left-radius: 2px; border-top-right-radius: 2px; border-top: 1px solid rgba(0, 0, 0, 0.1); } .block-editor-tools-panel-color-gradient-settings__item.last { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } .block-editor-tools-panel-color-gradient-settings__item > div, .block-editor-tools-panel-color-gradient-settings__item > div > button { border-radius: inherit; } .block-editor-tools-panel-color-gradient-settings__dropdown { display: block; padding: 0; } .block-editor-tools-panel-color-gradient-settings__dropdown > button { height: auto; padding-top: 10px; padding-bottom: 10px; text-align: left; } .block-editor-tools-panel-color-gradient-settings__dropdown > button.is-open { background: #f0f0f0; color: var(--wp-admin-theme-color); } .block-editor-tools-panel-color-gradient-settings__dropdown .block-editor-panel-color-gradient-settings__color-name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .block-editor-panel-color-gradient-settings__dropdown { width: 100%; } .block-editor-panel-color-gradient-settings__dropdown .component-color-indicator { flex-shrink: 0; } .block-editor-contrast-checker > .components-notice { margin: 0; } /** * Default block appender. * * This component shows up in 3 places: * - the black plus that sits at the end of the canvas, if the last block isn't a paragraph * - on the right, inside empty paragraphs * - absolute positioned and blue inside nesting containers */ .block-editor-default-block-appender { clear: both; margin-left: auto; margin-right: auto; position: relative; } .block-editor-default-block-appender[data-root-client-id=""] .block-editor-default-block-appender__content:hover { outline: 1px solid transparent; } .block-editor-default-block-appender .block-editor-default-block-appender__content { opacity: 0.62; } .block-editor-default-block-appender .components-drop-zone__content-icon { display: none; } .block-editor-block-list__empty-block-inserter.block-editor-block-list__empty-block-inserter, .block-editor-default-block-appender .block-editor-inserter { position: absolute; top: 0; right: 0; line-height: 0; } .block-editor-block-list__empty-block-inserter.block-editor-block-list__empty-block-inserter:disabled, .block-editor-default-block-appender .block-editor-inserter:disabled { display: none; } /** * Fixed position appender. * These styles apply to all in-canvas inserters that exist inside nesting containers. */ .block-editor-block-list__block .block-list-appender { position: absolute; list-style: none; padding: 0; z-index: 2; bottom: 0; right: 0; } .block-editor-block-list__block .block-list-appender.block-list-appender { margin: 0; line-height: 0; } .block-editor-block-list__block .block-list-appender .block-editor-default-block-appender { height: 24px; } .block-editor-block-list__block .block-list-appender .block-editor-inserter__toggle.components-button.has-icon, .block-editor-block-list__block .block-list-appender .block-list-appender__toggle { flex-direction: row; box-shadow: none; height: 24px; width: 24px; display: none; padding: 0 !important; background: #1e1e1e; color: #fff; } .block-editor-block-list__block .block-list-appender .block-editor-inserter__toggle.components-button.has-icon:hover, .block-editor-block-list__block .block-list-appender .block-list-appender__toggle:hover { color: #fff; background: var(--wp-admin-theme-color); } .block-editor-block-list__block .block-list-appender .block-editor-default-block-appender__content { display: none; } .block-editor-block-list__block .block-list-appender:only-child { position: relative; right: auto; align-self: center; list-style: none; line-height: inherit; } .block-editor-block-list__block .block-list-appender:only-child .block-editor-default-block-appender__content { display: block; } .block-editor-block-list__block.is-selected .block-editor-block-list__layout > .block-list-appender .block-editor-inserter__toggle.components-button.has-icon, .block-editor-block-list__block.is-selected .block-editor-block-list__layout > .block-list-appender .block-list-appender__toggle, .block-editor-block-list__block.is-selected > .block-list-appender .block-editor-inserter__toggle.components-button.has-icon, .block-editor-block-list__block.is-selected > .block-list-appender .block-list-appender__toggle { display: flex; } .block-editor-default-block-appender__content { cursor: text; } .block-editor-date-format-picker { margin-bottom: 16px; } .block-editor-date-format-picker__default-format-toggle-control__hint { color: #757575; display: block; } .block-editor-date-format-picker__custom-format-select-control.components-base-control { margin-bottom: 0; } .block-editor-date-format-picker__custom-format-select-control__custom-option { border-top: 1px solid #ddd; } .block-editor-date-format-picker__custom-format-select-control__custom-option.has-hint { grid-template-columns: auto 30px; } .block-editor-date-format-picker__custom-format-select-control__custom-option .components-custom-select-control__item-hint { grid-row: 2; text-align: left; } .block-editor-duotone-control__popover > .components-popover__content { padding: 16px; width: 280px; } .block-editor-duotone-control__popover .components-menu-group__label { padding: 0; } .block-editor-duotone-control__popover .components-circular-option-picker__swatches { display: grid; grid-template-columns: repeat(6, 28px); gap: 12px; justify-content: space-between; } .block-editor-duotone-control__description { margin: 16px 0; font-size: 12px; } .block-editor-duotone-control__unset-indicator { background: linear-gradient(-45deg, transparent 48%, #ddd 48%, #ddd 52%, transparent 52%); } .components-font-appearance-control ul li { color: #1e1e1e; text-transform: capitalize; } .block-editor-image-size-control { margin-bottom: 1em; } .block-editor-image-size-control .block-editor-image-size-control__row { display: flex; justify-content: space-between; } .block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__width, .block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__height { margin-bottom: 0.5em; } .block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__width input, .block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__height input { line-height: 1.25; } .block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__width { margin-right: 5px; } .block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__height { margin-left: 5px; } .block-editor-block-list__layout.has-overlay::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 60; } .block-editor-block-types-list__list-item { display: block; width: 33.33%; padding: 0; margin: 0; } .components-button.block-editor-block-types-list__item { display: flex; flex-direction: column; width: 100%; font-size: 13px; color: #1e1e1e; padding: 8px; align-items: stretch; justify-content: center; cursor: pointer; background: transparent; word-break: break-word; border-radius: 2px; transition: all 0.05s ease-in-out; position: relative; height: auto; } @media (prefers-reduced-motion: reduce) { .components-button.block-editor-block-types-list__item { transition-duration: 0s; transition-delay: 0s; } } .components-button.block-editor-block-types-list__item:disabled { opacity: 0.6; cursor: default; } .components-button.block-editor-block-types-list__item:not(:disabled):hover { color: var(--wp-admin-theme-color) !important; } .components-button.block-editor-block-types-list__item:not(:disabled):focus { box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); } .components-button.block-editor-block-types-list__item:not(:disabled).is-active { color: #fff; background: #1e1e1e; outline: 2px solid transparent; outline-offset: -2px; } .block-editor-block-types-list__item-icon { padding: 12px 20px; border-radius: 2px; color: #1e1e1e; transition: all 0.05s ease-in-out; } @media (prefers-reduced-motion: reduce) { .block-editor-block-types-list__item-icon { transition-duration: 0s; transition-delay: 0s; } } .block-editor-block-types-list__item-icon .block-editor-block-icon { margin-left: auto; margin-right: auto; } .block-editor-block-types-list__item-icon svg { transition: all 0.15s ease-out; } @media (prefers-reduced-motion: reduce) { .block-editor-block-types-list__item-icon svg { transition-duration: 0s; transition-delay: 0s; } } .block-editor-block-types-list__list-item[draggable=true] .block-editor-block-types-list__item-icon { cursor: grab; } .block-editor-block-types-list__item-title { padding: 4px 2px 8px; font-size: 12px; } .block-editor-inspector-popover-header { margin-bottom: 16px; } [class].block-editor-inspector-popover-header__action { height: 24px; } [class].block-editor-inspector-popover-header__action.has-icon { min-width: 24px; padding: 0; } [class].block-editor-inspector-popover-header__action:not(.has-icon) { text-decoration: underline; } .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; } @keyframes loadingpulse { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } .block-editor-link-control { position: relative; min-width: 360px; } .components-popover__content .block-editor-link-control { min-width: auto; width: 90vw; max-width: 360px; } .block-editor-link-control__search-input-wrapper { position: relative; } .block-editor-link-control__search-input-container { position: relative; } .block-editor-link-control__search-input.has-no-label .block-editor-url-input__input { flex: 1; } .block-editor-link-control__field { margin: 16px; } .block-editor-link-control__field > .components-base-control__field { display: flex; align-items: center; margin: 0; } .block-editor-link-control__field .components-base-control__label { margin-right: 16px; margin-bottom: 0; } .block-editor-link-control__field input[type=text], .block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; padding: 6px 8px; box-shadow: 0 0 0 transparent; transition: box-shadow 0.1s linear; border-radius: 2px; border: 1px solid #757575; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px; /* Override core line-height. To be reviewed. */ line-height: normal; width: calc(100% - 32px); display: block; padding: 11px 16px; padding-right: 36px; margin: 0; position: relative; border: 1px solid #ddd; border-radius: 2px; } @media (prefers-reduced-motion: reduce) { .block-editor-link-control__field input[type=text], .block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input { transition-duration: 0s; transition-delay: 0s; } } @media (min-width: 600px) { .block-editor-link-control__field input[type=text], .block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input { font-size: 13px; /* Override core line-height. To be reviewed. */ line-height: normal; } } .block-editor-link-control__field input[type=text]:focus, .block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input:focus { border-color: var(--wp-admin-theme-color); box-shadow: 0 0 0 1px var(--wp-admin-theme-color); outline: 2px solid transparent; } .block-editor-link-control__field input[type=text]::-webkit-input-placeholder, .block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input::-webkit-input-placeholder { color: rgba(30, 30, 30, 0.62); } .block-editor-link-control__field input[type=text]::-moz-placeholder, .block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input::-moz-placeholder { opacity: 1; color: rgba(30, 30, 30, 0.62); } .block-editor-link-control__field input[type=text]:-ms-input-placeholder, .block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input:-ms-input-placeholder { color: rgba(30, 30, 30, 0.62); } .block-editor-link-control__search-error { margin: -8px 16px 16px; } .block-editor-link-control__search-actions { position: absolute; /* * Actions must be positioned on top of URLInput, since the input will grow * when suggestions are rendered. * * Compensate for: * - Border (1px) * - Vertically, for the difference in height between the input (40px) and * the icon buttons. * - Horizontally, pad to the minimum of: default input padding, or the * equivalent of the vertical padding. */ top: 3px; right: 19px; } .components-button .block-editor-link-control__search-submit .has-icon { margin: -1px; } .block-editor-link-control__search-results-wrapper { position: relative; margin-top: -15px; } .block-editor-link-control__search-results-wrapper::before, .block-editor-link-control__search-results-wrapper::after { content: ""; position: absolute; left: -1px; right: 16px; display: block; pointer-events: none; z-index: 100; } .block-editor-link-control__search-results-wrapper::before { height: 8px; top: 0; bottom: auto; } .block-editor-link-control__search-results-wrapper::after { height: 16px; bottom: 0; top: auto; } .block-editor-link-control__search-results-label { padding: 16px 32px 0; display: block; font-weight: 600; } .block-editor-link-control__search-results { margin: 0; padding: 8px 16px 8px; max-height: 200px; overflow-y: auto; } .block-editor-link-control__search-results.is-loading { opacity: 0.2; } .block-editor-link-control__search-item { position: relative; display: flex; align-items: flex-start; font-size: 13px; cursor: pointer; background: #fff; width: 100%; border: none; text-align: left; padding: 12px 16px; border-radius: 2px; height: auto; } .block-editor-link-control__search-item:hover, .block-editor-link-control__search-item:focus { background-color: #f0f0f0; } .block-editor-link-control__search-item:hover .block-editor-link-control__search-item-type, .block-editor-link-control__search-item:focus .block-editor-link-control__search-item-type { background: #fff; } .block-editor-link-control__search-item:focus:not(:disabled) { box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color) inset; } .block-editor-link-control__search-item.is-selected { background: #f0f0f0; } .block-editor-link-control__search-item.is-selected .block-editor-link-control__search-item-type { background: #fff; } .block-editor-link-control__search-item.is-current { flex-direction: column; background: transparent; border: 0; width: 100%; cursor: default; padding: 16px; } .block-editor-link-control__search-item .block-editor-link-control__search-item-header { display: block; flex-direction: row; align-items: flex-start; margin-right: 8px; white-space: pre-wrap; overflow-wrap: break-word; } .block-editor-link-control__search-item .block-editor-link-control__search-item-header .block-editor-link-control__search-item-info { word-break: break-all; } .block-editor-link-control__search-item.is-preview .block-editor-link-control__search-item-header { display: flex; flex: 1; } .block-editor-link-control__search-item.is-error .block-editor-link-control__search-item-header { align-items: center; } .block-editor-link-control__search-item .block-editor-link-control__search-item-icon { position: relative; top: 0.2em; margin-right: 8px; max-height: 24px; flex-shrink: 0; width: 24px; display: flex; justify-content: center; } .block-editor-link-control__search-item .block-editor-link-control__search-item-icon img { width: 16px; } .block-editor-link-control__search-item.is-error .block-editor-link-control__search-item-icon { top: 0; width: 32px; max-height: 32px; } .block-editor-link-control__search-item .block-editor-link-control__search-item-info, .block-editor-link-control__search-item .block-editor-link-control__search-item-title { overflow: hidden; text-overflow: ellipsis; } .block-editor-link-control__search-item .block-editor-link-control__search-item-info .components-external-link__icon, .block-editor-link-control__search-item .block-editor-link-control__search-item-title .components-external-link__icon { position: absolute; right: 0; margin-top: 0; } .block-editor-link-control__search-item .block-editor-link-control__search-item-title { display: block; margin-bottom: 0.2em; font-weight: 500; position: relative; } .block-editor-link-control__search-item .block-editor-link-control__search-item-title mark { font-weight: 700; color: inherit; background-color: transparent; } .block-editor-link-control__search-item .block-editor-link-control__search-item-title span { font-weight: normal; } .block-editor-link-control__search-item .block-editor-link-control__search-item-title svg { display: none; } .block-editor-link-control__search-item .block-editor-link-control__search-item-info { display: block; color: #757575; font-size: 0.9em; line-height: 1.3; } .block-editor-link-control__search-item .block-editor-link-control__search-item-error-notice { font-style: italic; font-size: 1.1em; } .block-editor-link-control__search-item .block-editor-link-control__search-item-type { display: block; padding: 3px 6px; margin-left: auto; font-size: 0.9em; background-color: #f0f0f0; border-radius: 2px; white-space: nowrap; } .block-editor-link-control__search-item .block-editor-link-control__search-item-description { padding-top: 12px; margin: 0; } .block-editor-link-control__search-item .block-editor-link-control__search-item-description.is-placeholder { margin-top: 12px; padding-top: 0; height: 28px; display: flex; flex-direction: column; justify-content: space-around; } .block-editor-link-control__search-item .block-editor-link-control__search-item-description.is-placeholder::before, .block-editor-link-control__search-item .block-editor-link-control__search-item-description.is-placeholder::after { display: block; content: ""; height: 0.7em; width: 100%; background-color: #f0f0f0; border-radius: 3px; } .block-editor-link-control__search-item .block-editor-link-control__search-item-description .components-text { font-size: 0.9em; } .block-editor-link-control__search-item .block-editor-link-control__search-item-image { display: flex; width: 100%; background-color: #f0f0f0; justify-content: center; height: 140px; max-height: 140px; overflow: hidden; border-radius: 2px; margin-top: 12px; } .block-editor-link-control__search-item .block-editor-link-control__search-item-image.is-placeholder { background-color: #f0f0f0; border-radius: 3px; } .block-editor-link-control__search-item .block-editor-link-control__search-item-image img { display: block; max-width: 100%; height: 140px; max-height: 140px; } .block-editor-link-control__search-item-top { display: flex; flex-direction: row; width: 100%; } .block-editor-link-control__search-item-bottom { transition: opacity 1.5s; width: 100%; } .block-editor-link-control__search-item.is-fetching .block-editor-link-control__search-item-description::before, .block-editor-link-control__search-item.is-fetching .block-editor-link-control__search-item-description::after { animation: loadingpulse 1s linear infinite; animation-delay: 0.5s; } .block-editor-link-control__search-item.is-fetching .block-editor-link-control__search-item-image { animation: loadingpulse 1s linear infinite; animation-delay: 0.5s; } .block-editor-link-control__search-item.is-fetching .block-editor-link-control__search-item-icon svg, .block-editor-link-control__search-item.is-fetching .block-editor-link-control__search-item-icon img { opacity: 0; } .block-editor-link-control__search-item.is-fetching .block-editor-link-control__search-item-icon::before { content: ""; display: block; background-color: #f0f0f0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 100%; animation: loadingpulse 1s linear infinite; animation-delay: 0.5s; } .block-editor-link-control__loading { margin: 16px; display: flex; align-items: center; } .block-editor-link-control__loading .components-spinner { margin-top: 0; } .components-button + .block-editor-link-control__search-create { overflow: visible; padding: 12px 16px; } .components-button + .block-editor-link-control__search-create::before { content: ""; position: absolute; top: -10px; left: 0; display: block; width: 100%; } .block-editor-link-control__search-create { align-items: center; } .block-editor-link-control__search-create .block-editor-link-control__search-item-title { margin-bottom: 0; } .block-editor-link-control__search-create .block-editor-link-control__search-item-icon { top: 0; } .block-editor-link-control__search-results div[role=menu] > .block-editor-link-control__search-item.block-editor-link-control__search-item { padding: 10px; } .block-editor-link-control__tools { display: flex; align-items: center; border-top: 1px solid #ddd; margin: 0; padding: 16px; } .block-editor-link-control__unlink { padding-left: 16px; padding-right: 16px; } .block-editor-link-control__settings { flex: 1; margin: 0; } .block-editor-link-control__settings :last-child { margin-bottom: 0; } .is-alternate .block-editor-link-control__settings { border-top: 1px solid #1e1e1e; } .block-editor-link-control__setting { margin-bottom: 16px; } .block-editor-link-control__setting :last-child { margin-bottom: 0; } .block-editor-link-control .block-editor-link-control__search-input .components-spinner { display: block; } .block-editor-link-control .block-editor-link-control__search-input .components-spinner.components-spinner { position: absolute; left: auto; bottom: auto; /* * Position spinner to the left of the actions. * * Compensate for: * - Input padding right ($button-size) */ top: calc(50% - 16px / 2); right: 36px; } .block-editor-link-control__search-item-action { margin-left: auto; flex-shrink: 0; } .block-editor-list-view-tree { width: 100%; border-collapse: collapse; padding: 0; margin: 0; } .components-modal__content .block-editor-list-view-tree { margin: -12px -6px 0; width: calc(100% + 12px); } .block-editor-list-view-leaf { position: relative; } .block-editor-list-view-leaf.is-selected td { background: var(--wp-admin-theme-color); } .block-editor-list-view-leaf.is-selected .block-editor-list-view-block-contents, .block-editor-list-view-leaf.is-selected .components-button.has-icon { color: #fff; } .is-dragging-components-draggable .block-editor-list-view-leaf.is-selected .block-editor-list-view-block-contents { background: none; color: #1e1e1e; } .block-editor-list-view-leaf.is-selected .block-editor-list-view-block-contents:focus::after { box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); } .block-editor-list-view-leaf.is-selected .block-editor-list-view-block__menu:focus { box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) #fff; } .block-editor-list-view-leaf.is-dragging { display: none; } .block-editor-list-view-leaf.is-first-selected td:first-child { border-top-left-radius: 2px; } .block-editor-list-view-leaf.is-first-selected td:last-child { border-top-right-radius: 2px; } .block-editor-list-view-leaf.is-last-selected td:first-child { border-bottom-left-radius: 2px; } .block-editor-list-view-leaf.is-last-selected td:last-child { border-bottom-right-radius: 2px; } .block-editor-list-view-leaf.is-branch-selected:not(.is-selected) { background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), linear-gradient(var(--wp-admin-theme-color), var(--wp-admin-theme-color)); } .block-editor-list-view-leaf.is-branch-selected.is-first-selected td:first-child { border-top-left-radius: 2px; } .block-editor-list-view-leaf.is-branch-selected.is-first-selected td:last-child { border-top-right-radius: 2px; } .block-editor-list-view-leaf[aria-expanded=false].is-branch-selected.is-first-selected td:first-child { border-top-left-radius: 2px; } .block-editor-list-view-leaf[aria-expanded=false].is-branch-selected.is-first-selected td:last-child { border-top-right-radius: 2px; } .block-editor-list-view-leaf[aria-expanded=false].is-branch-selected.is-last-selected td:first-child { border-bottom-left-radius: 2px; } .block-editor-list-view-leaf[aria-expanded=false].is-branch-selected.is-last-selected td:last-child { border-bottom-right-radius: 2px; } .block-editor-list-view-leaf.is-branch-selected:not(.is-selected) td { border-radius: 0; } .block-editor-list-view-leaf .block-editor-list-view-block-contents { display: flex; align-items: center; width: 100%; height: auto; padding: 6px 4px 6px 0; text-align: left; color: #1e1e1e; border-radius: 2px; position: relative; white-space: nowrap; } .block-editor-list-view-leaf .block-editor-list-view-block-contents.is-dropping-before::before { content: ""; position: absolute; pointer-events: none; transition: border-color 0.1s linear, border-style 0.1s linear, box-shadow 0.1s linear; top: -2px; right: 0; left: 0; border-top: 4px solid var(--wp-admin-theme-color); } .components-modal__content .block-editor-list-view-leaf .block-editor-list-view-block-contents { padding-left: 0; padding-right: 0; } .block-editor-list-view-leaf .block-editor-list-view-block-contents:focus { box-shadow: none; } .block-editor-list-view-leaf .block-editor-list-view-block-contents:focus::after { content: ""; position: absolute; top: 0; right: -29px; bottom: 0; left: 0; border-radius: inherit; box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); z-index: 2; pointer-events: none; } .is-dragging-components-draggable .block-editor-list-view-leaf .block-editor-list-view-block-contents:focus::after { box-shadow: none; } .block-editor-list-view-leaf.has-single-cell .block-editor-list-view-block-contents:focus::after { right: 0; } .block-editor-list-view-leaf .block-editor-list-view-block__menu:focus { box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); z-index: 1; } .is-dragging-components-draggable .block-editor-list-view-leaf .block-editor-list-view-block__menu:focus { box-shadow: none; } .block-editor-list-view-leaf.is-visible .block-editor-list-view-block-contents { opacity: 1; animation: edit-post__fade-in-animation 0.2s ease-out 0s; animation-fill-mode: forwards; } @media (prefers-reduced-motion: reduce) { .block-editor-list-view-leaf.is-visible .block-editor-list-view-block-contents { animation-duration: 1ms; animation-delay: 0s; } } .block-editor-list-view-leaf .block-editor-block-icon { align-self: flex-start; margin-right: 8px; width: 24px; } .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell, .block-editor-list-view-leaf .block-editor-list-view-block__mover-cell, .block-editor-list-view-leaf .block-editor-list-view-block__contents-cell { padding-top: 0; padding-bottom: 0; } .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell, .block-editor-list-view-leaf .block-editor-list-view-block__mover-cell { line-height: 0; width: 36px; vertical-align: middle; } @media (prefers-reduced-motion: reduce) { .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell, .block-editor-list-view-leaf .block-editor-list-view-block__mover-cell { transition-duration: 0s; transition-delay: 0s; } } .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell > *, .block-editor-list-view-leaf .block-editor-list-view-block__mover-cell > * { opacity: 0; } .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell:hover, .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell.is-visible, .block-editor-list-view-leaf .block-editor-list-view-block__mover-cell:hover, .block-editor-list-view-leaf .block-editor-list-view-block__mover-cell.is-visible { position: relative; z-index: 1; } .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell:hover > *, .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell.is-visible > *, .block-editor-list-view-leaf .block-editor-list-view-block__mover-cell:hover > *, .block-editor-list-view-leaf .block-editor-list-view-block__mover-cell.is-visible > * { opacity: 1; animation: edit-post__fade-in-animation 0.2s ease-out 0s; animation-fill-mode: forwards; } @media (prefers-reduced-motion: reduce) { .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell:hover > *, .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell.is-visible > *, .block-editor-list-view-leaf .block-editor-list-view-block__mover-cell:hover > *, .block-editor-list-view-leaf .block-editor-list-view-block__mover-cell.is-visible > * { animation-duration: 1ms; animation-delay: 0s; } } .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell, .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell .components-button.has-icon, .block-editor-list-view-leaf .block-editor-list-view-block__mover-cell, .block-editor-list-view-leaf .block-editor-list-view-block__mover-cell .components-button.has-icon { width: 24px; min-width: 24px; padding: 0; } .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell { padding-right: 4px; } .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell .components-button.has-icon { height: 24px; } .block-editor-list-view-leaf .block-editor-list-view-block__mover-cell-alignment-wrapper { display: flex; height: 100%; flex-direction: column; align-items: center; } .block-editor-list-view-leaf .block-editor-block-mover-button { position: relative; width: 36px; height: 24px; } .block-editor-list-view-leaf .block-editor-block-mover-button svg { position: relative; height: 24px; } .block-editor-list-view-leaf .block-editor-block-mover-button.is-up-button { margin-top: -6px; align-items: flex-end; } .block-editor-list-view-leaf .block-editor-block-mover-button.is-up-button svg { bottom: -4px; } .block-editor-list-view-leaf .block-editor-block-mover-button.is-down-button { margin-bottom: -6px; align-items: flex-start; } .block-editor-list-view-leaf .block-editor-block-mover-button.is-down-button svg { top: -4px; } .block-editor-list-view-leaf .block-editor-block-mover-button:focus:enabled { box-shadow: none; outline: none; } .block-editor-list-view-leaf .block-editor-block-mover-button:focus { box-shadow: none; outline: none; } .block-editor-list-view-leaf .block-editor-block-mover-button:focus::before { box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 4px #fff; outline: 2px solid transparent; } .block-editor-list-view-leaf .block-editor-block-mover-button::before { content: ""; position: absolute; display: block; border-radius: 2px; height: 16px; min-width: 100%; left: 0; right: 0; animation: components-button__appear-animation 0.1s ease; animation-fill-mode: forwards; } @media (prefers-reduced-motion: reduce) { .block-editor-list-view-leaf .block-editor-block-mover-button::before { animation-duration: 1ms; animation-delay: 0s; } } .block-editor-list-view-leaf .block-editor-inserter__toggle { background: #1e1e1e; color: #fff; height: 24px; margin: 6px 6px 6px 1px; min-width: 24px; } .block-editor-list-view-leaf .block-editor-inserter__toggle:active { color: #fff; } .block-editor-list-view-leaf .block-editor-list-view-block-select-button__label-wrapper { min-width: 120px; } .block-editor-list-view-leaf .block-editor-list-view-block-select-button__title { flex: 1; position: relative; } .block-editor-list-view-leaf .block-editor-list-view-block-select-button__title .components-truncate { position: absolute; width: 100%; transform: translateY(-50%); } .block-editor-list-view-leaf .block-editor-list-view-block-select-button__anchor-wrapper { position: relative; max-width: min(110px, 40%); width: 100%; } .block-editor-list-view-leaf .block-editor-list-view-block-select-button__anchor { position: absolute; right: 0; transform: translateY(-50%); background: rgba(0, 0, 0, 0.1); border-radius: 2px; padding: 2px 6px; max-width: 100%; box-sizing: border-box; } .block-editor-list-view-leaf.is-selected .block-editor-list-view-block-select-button__anchor { background: rgba(0, 0, 0, 0.3); } .block-editor-list-view-leaf .block-editor-list-view-block-select-button__lock { line-height: 0; width: 24px; min-width: 24px; margin-left: auto; padding: 0; vertical-align: middle; } .block-editor-list-view-block-select-button__description, .block-editor-list-view-appender__description { display: none; } .block-editor-list-view-block__contents-cell .block-editor-list-view-block__contents-container, .block-editor-list-view-block__contents-cell .block-editor-list-view-appender__container, .block-editor-list-view-appender__cell .block-editor-list-view-block__contents-container, .block-editor-list-view-appender__cell .block-editor-list-view-appender__container { display: flex; } .block-editor-list-view__expander { height: 24px; margin-left: 4px; width: 24px; } .block-editor-list-view-leaf[aria-level] .block-editor-list-view__expander { margin-left: 220px; } .block-editor-list-view-leaf:not([aria-level="1"]) .block-editor-list-view__expander { margin-right: 4px; } .block-editor-list-view-leaf[aria-level="1"] .block-editor-list-view__expander { margin-left: 0px; } .block-editor-list-view-leaf[aria-level="2"] .block-editor-list-view__expander { margin-left: 24px; } .block-editor-list-view-leaf[aria-level="3"] .block-editor-list-view__expander { margin-left: 52px; } .block-editor-list-view-leaf[aria-level="4"] .block-editor-list-view__expander { margin-left: 80px; } .block-editor-list-view-leaf[aria-level="5"] .block-editor-list-view__expander { margin-left: 108px; } .block-editor-list-view-leaf[aria-level="6"] .block-editor-list-view__expander { margin-left: 136px; } .block-editor-list-view-leaf[aria-level="7"] .block-editor-list-view__expander { margin-left: 164px; } .block-editor-list-view-leaf[aria-level="8"] .block-editor-list-view__expander { margin-left: 192px; } .block-editor-list-view-leaf .block-editor-list-view__expander { visibility: hidden; } .block-editor-list-view-leaf[aria-expanded=true] .block-editor-list-view__expander svg { visibility: visible; transition: transform 0.2s ease; transform: rotate(90deg); } @media (prefers-reduced-motion: reduce) { .block-editor-list-view-leaf[aria-expanded=true] .block-editor-list-view__expander svg { transition-duration: 0s; transition-delay: 0s; } } .block-editor-list-view-leaf[aria-expanded=false] .block-editor-list-view__expander svg { visibility: visible; transform: rotate(0deg); transition: transform 0.2s ease; } @media (prefers-reduced-motion: reduce) { .block-editor-list-view-leaf[aria-expanded=false] .block-editor-list-view__expander svg { transition-duration: 0s; transition-delay: 0s; } } .block-editor-list-view-drop-indicator { pointer-events: none; } .block-editor-list-view-drop-indicator .block-editor-list-view-drop-indicator__line { background: var(--wp-admin-theme-color); height: 1px; } .block-editor-list-view-drop-indicator > .components-popover__content { margin-left: 0; border: none; box-shadow: none; outline: none; } .block-editor-list-view-placeholder { padding: 0; margin: 0; height: 36px; } .modal-open .block-editor-media-replace-flow__options { display: none; } .block-editor-media-replace-flow__indicator { margin-left: 4px; } .block-editor-media-flow__url-input { border-top: 1px solid #1e1e1e; margin-top: 8px; margin-right: -8px; margin-left: -8px; padding: 16px; } .block-editor-media-flow__url-input .block-editor-media-replace-flow__image-url-label { display: block; top: 16px; margin-bottom: 8px; } .block-editor-media-flow__url-input .block-editor-link-control { width: 220px; } .block-editor-media-flow__url-input .block-editor-link-control .block-editor-url-input { padding: 0; margin: 0; } .block-editor-media-flow__url-input .block-editor-link-control .components-base-control .components-base-control__field { margin-bottom: 0; } .block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-item-title { max-width: 180px; white-space: nowrap; } .block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-item-info { white-space: nowrap; } .block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-item.is-current { width: auto; padding: 0; } .block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type=text] { margin: 0; width: 100%; } .block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-actions { top: 0; right: 4px; } .block-editor-media-flow__error { padding: 0 20px 20px 20px; max-width: 255px; } .block-editor-media-flow__error .components-with-notices-ui { max-width: 255px; } .block-editor-media-flow__error .components-with-notices-ui .components-notice__content { overflow: hidden; word-wrap: break-word; } .block-editor-media-flow__error .components-with-notices-ui .components-notice__dismiss { position: absolute; right: 10px; } .block-editor-media-placeholder__url-input-container .block-editor-media-placeholder__button { margin-bottom: 0; } .block-editor-media-placeholder__url-input-form { display: flex; } .block-editor-media-placeholder__url-input-form input[type=url].block-editor-media-placeholder__url-input-field { width: 100%; min-width: 200px; flex-grow: 1; border: none; border-radius: 0; margin: 2px; } @media (min-width: 600px) { .block-editor-media-placeholder__url-input-form input[type=url].block-editor-media-placeholder__url-input-field { width: 300px; } } .block-editor-media-placeholder__url-input-submit-button { flex-shrink: 1; } .block-editor-media-placeholder__button { margin-bottom: 0.5rem; } .block-editor-media-placeholder__cancel-button.is-link { margin: 1em; display: block; } .block-editor-media-placeholder.is-appender { min-height: 0; } .block-editor-media-placeholder.is-appender:hover { cursor: pointer; box-shadow: 0 0 0 1px var(--wp-admin-theme-color); } .block-editor-multi-selection-inspector__card { display: flex; align-items: flex-start; padding: 16px; } .block-editor-multi-selection-inspector__card-content { flex-grow: 1; } .block-editor-multi-selection-inspector__card-title { font-weight: 500; margin-bottom: 5px; } .block-editor-multi-selection-inspector__card-description { font-size: 13px; } .block-editor-multi-selection-inspector__card .block-editor-block-icon { margin-left: -2px; margin-right: 10px; padding: 0 3px; width: 36px; height: 24px; } .block-editor-plain-text { box-shadow: none; font-family: inherit; font-size: inherit; color: inherit; line-height: inherit; border: none; padding: 0; margin: 0; width: 100%; } .block-editor-responsive-block-control { margin-bottom: 28px; border-bottom: 1px solid #ccc; padding-bottom: 14px; } .block-editor-responsive-block-control:last-child { padding-bottom: 0; border-bottom: 0; } .block-editor-responsive-block-control__title { margin: 0; margin-bottom: 0.6em; margin-left: -3px; } .block-editor-responsive-block-control__label { font-weight: 600; margin-bottom: 0.6em; margin-left: -3px; } .block-editor-responsive-block-control__inner { margin-left: -1px; } .block-editor-responsive-block-control__toggle { margin-left: 1px; } .block-editor-responsive-block-control .components-base-control__help { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal !important; } .rich-text [data-rich-text-placeholder] { pointer-events: none; } .rich-text [data-rich-text-placeholder]::after { content: attr(data-rich-text-placeholder); opacity: 0.62; } .rich-text:focus { outline: none; } .rich-text:focus [data-rich-text-format-boundary] { border-radius: 2px; } .block-editor-rich-text__editable > p:first-child { margin-top: 0; } figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]::before { opacity: 0.8; } .components-popover.block-editor-rich-text__inline-format-toolbar { z-index: 99998; } .components-popover.block-editor-rich-text__inline-format-toolbar .components-popover__content { width: auto; min-width: auto; margin-bottom: 8px; box-shadow: none; outline: none; } .components-popover.block-editor-rich-text__inline-format-toolbar .components-toolbar { border-radius: 2px; } .components-popover.block-editor-rich-text__inline-format-toolbar .components-toolbar__control, .components-popover.block-editor-rich-text__inline-format-toolbar .components-dropdown-menu__toggle { min-width: 48px; min-height: 48px; padding-left: 12px; padding-right: 12px; } .block-editor-rich-text__inline-format-toolbar-group .components-dropdown-menu__toggle { justify-content: center; } .show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button.has-icon { width: auto; } .show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button.has-icon svg { display: none; } .show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button.has-icon::after { content: attr(aria-label); } [data-rich-text-script] { display: inline; } [data-rich-text-script]::before { content: "</>"; background: yellow; } .block-editor-skip-to-selected-block { position: absolute; top: -9999em; } .block-editor-skip-to-selected-block:focus { height: auto; width: auto; display: block; font-size: 14px; font-weight: 600; padding: 15px 23px 14px; background: #f1f1f1; color: var(--wp-admin-theme-color); line-height: normal; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); text-decoration: none; outline: none; z-index: 100000; } .block-editor-text-decoration-control { border: 0; margin: 0; padding: 0; } .block-editor-text-decoration-control .block-editor-text-decoration-control__buttons { padding: 4px 0; display: flex; } .block-editor-text-decoration-control .components-button.has-icon { height: 32px; margin-right: 4px; min-width: 32px; padding: 0; } .block-editor-text-transform-control { border: 0; margin: 0; padding: 0; } .block-editor-text-transform-control .block-editor-text-transform-control__buttons { padding: 4px 0; display: flex; } .block-editor-text-transform-control .components-button.has-icon { height: 32px; margin-right: 4px; min-width: 32px; padding: 0; } .block-editor-tool-selector__help { margin-top: 8px; margin-left: -8px; margin-right: -8px; margin-bottom: -8px; padding: 16px; border-top: 1px solid #ddd; color: #757575; min-width: 280px; } .block-editor-block-list__block .block-editor-url-input, .components-popover .block-editor-url-input, .block-editor-url-input { flex-grow: 1; position: relative; padding: 1px; } .block-editor-block-list__block .block-editor-url-input input[type=text], .components-popover .block-editor-url-input input[type=text], .block-editor-url-input input[type=text] { width: 100%; padding: 8px 8px 8px 12px; border: none; border-radius: 0; margin-left: 0; margin-right: 0; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px; } @media (min-width: 600px) { .block-editor-block-list__block .block-editor-url-input input[type=text], .components-popover .block-editor-url-input input[type=text], .block-editor-url-input input[type=text] { width: 300px; } } @media (min-width: 600px) { .block-editor-block-list__block .block-editor-url-input input[type=text], .components-popover .block-editor-url-input input[type=text], .block-editor-url-input input[type=text] { font-size: 13px; } } .block-editor-block-list__block .block-editor-url-input input[type=text]::-ms-clear, .components-popover .block-editor-url-input input[type=text]::-ms-clear, .block-editor-url-input input[type=text]::-ms-clear { display: none; } .block-editor-block-list__block .block-editor-url-input.is-full-width, .components-popover .block-editor-url-input.is-full-width, .block-editor-url-input.is-full-width { width: 100%; } .block-editor-block-list__block .block-editor-url-input.is-full-width .block-editor-url-input__input[type=text], .components-popover .block-editor-url-input.is-full-width .block-editor-url-input__input[type=text], .block-editor-url-input.is-full-width .block-editor-url-input__input[type=text] { width: 100%; } .block-editor-block-list__block .block-editor-url-input.is-full-width__suggestions, .components-popover .block-editor-url-input.is-full-width__suggestions, .block-editor-url-input.is-full-width__suggestions { width: 100%; } .block-editor-block-list__block .block-editor-url-input .components-spinner, .components-popover .block-editor-url-input .components-spinner, .block-editor-url-input .components-spinner { position: absolute; margin: 0; top: calc(50% - 16px / 2); right: 8px; } .block-editor-url-input__input[type=text] { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; padding: 6px 8px; box-shadow: 0 0 0 transparent; transition: box-shadow 0.1s linear; border-radius: 2px; border: 1px solid #757575; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px; /* Override core line-height. To be reviewed. */ line-height: normal; } @media (prefers-reduced-motion: reduce) { .block-editor-url-input__input[type=text] { transition-duration: 0s; transition-delay: 0s; } } @media (min-width: 600px) { .block-editor-url-input__input[type=text] { font-size: 13px; /* Override core line-height. To be reviewed. */ line-height: normal; } } .block-editor-url-input__input[type=text]:focus { border-color: var(--wp-admin-theme-color); box-shadow: 0 0 0 1px var(--wp-admin-theme-color); outline: 2px solid transparent; } .block-editor-url-input__input[type=text]::-webkit-input-placeholder { color: rgba(30, 30, 30, 0.62); } .block-editor-url-input__input[type=text]::-moz-placeholder { opacity: 1; color: rgba(30, 30, 30, 0.62); } .block-editor-url-input__input[type=text]:-ms-input-placeholder { color: rgba(30, 30, 30, 0.62); } .block-editor-url-input__suggestions { max-height: 200px; transition: all 0.15s ease-in-out; padding: 4px 0; width: 302px; overflow-y: auto; } @media (prefers-reduced-motion: reduce) { .block-editor-url-input__suggestions { transition-duration: 0s; transition-delay: 0s; } } .block-editor-url-input__suggestions, .block-editor-url-input .components-spinner { display: none; } @media (min-width: 600px) { .block-editor-url-input__suggestions, .block-editor-url-input .components-spinner { display: grid; } } .block-editor-url-input__suggestion { min-height: 36px; height: auto; color: #757575; display: block; font-size: 13px; cursor: pointer; background: #fff; width: 100%; border: none; text-align: left; box-shadow: none; } .block-editor-url-input__suggestion:hover { background: #ddd; } .block-editor-url-input__suggestion:focus, .block-editor-url-input__suggestion.is-selected { background: var(--wp-admin-theme-color-darker-20); color: #fff; outline: none; } .components-toolbar-group > .block-editor-url-input__button, .components-toolbar > .block-editor-url-input__button { position: inherit; } .block-editor-url-input__button .block-editor-url-input__back { margin-right: 4px; overflow: visible; } .block-editor-url-input__button .block-editor-url-input__back::after { content: ""; position: absolute; display: block; width: 1px; height: 24px; right: -1px; background: #ddd; } .block-editor-url-input__button-modal { box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); border: 1px solid #ddd; background: #fff; } .block-editor-url-input__button-modal-line { display: flex; flex-direction: row; flex-grow: 1; flex-shrink: 1; min-width: 0; align-items: flex-start; } .block-editor-url-input__button-modal-line .components-button { flex-shrink: 0; width: 36px; height: 36px; } .block-editor-url-popover__additional-controls { border-top: 1px solid #ddd; } .block-editor-url-popover__additional-controls > div[role=menu] .components-button:not(:disabled):not([aria-disabled=true]):not(.is-secondary) > svg { box-shadow: none; } .block-editor-url-popover__additional-controls div[role=menu] > .components-button { padding-left: 12px; } .block-editor-url-popover__row { display: flex; } .block-editor-url-popover__row > :not(.block-editor-url-popover__settings-toggle) { flex-grow: 1; } .block-editor-url-popover .components-button.has-icon { padding: 3px; } .block-editor-url-popover .components-button.has-icon > svg { padding: 5px; border-radius: 2px; height: 30px; width: 30px; } .block-editor-url-popover .components-button.has-icon:not(:disabled):focus { box-shadow: none; } .block-editor-url-popover .components-button.has-icon:not(:disabled):focus > svg { box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 4px #fff; outline: 2px solid transparent; } .block-editor-url-popover__settings-toggle { flex-shrink: 0; border-radius: 0; border-left: 1px solid #ddd; margin-left: 1px; } .block-editor-url-popover__settings-toggle[aria-expanded=true] .dashicon { transform: rotate(180deg); } .block-editor-url-popover__input-container .components-base-control:last-child, .block-editor-url-popover__input-container .components-base-control:last-child .components-base-control__field { margin-bottom: 0; } .block-editor-url-popover__settings { display: block; padding: 16px; border-top: 1px solid #ddd; } .block-editor-url-popover__link-editor, .block-editor-url-popover__link-viewer { display: flex; } .block-editor-url-popover__link-editor .block-editor-url-input .components-base-control__field, .block-editor-url-popover__link-viewer .block-editor-url-input .components-base-control__field { margin-bottom: 0; } .block-editor-url-popover__link-viewer-url { margin: 7px; flex-grow: 1; flex-shrink: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 150px; max-width: 500px; } .block-editor-url-popover__link-viewer-url.has-invalid-link { color: #cc1818; } .block-editor-warning { align-items: center; display: flex; flex-wrap: wrap; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; padding: 1em; border: 1px solid #1e1e1e; border-radius: 2px; background-color: #fff; } .block-editor-warning .block-editor-warning__message { line-height: 1.4; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 13px; color: #1e1e1e; margin: 0; } .block-editor-warning p.block-editor-warning__message.block-editor-warning__message { min-height: auto; } .block-editor-warning .block-editor-warning__contents { display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; align-items: baseline; width: 100%; } .block-editor-warning .block-editor-warning__actions { display: flex; margin-top: 1em; } .block-editor-warning .block-editor-warning__action { margin: 0 8px 0 0; } .block-editor-warning__secondary { margin: auto 0 auto 8px; } .components-popover.block-editor-warning__dropdown { z-index: 99998; } .html-anchor-control .components-external-link { display: block; margin-top: 8px; } .block-editor-hooks__layout-controls { display: flex; margin-bottom: 8px; } .block-editor-hooks__layout-controls .block-editor-hooks__layout-controls-unit { display: flex; margin-right: 24px; } .block-editor-hooks__layout-controls .block-editor-hooks__layout-controls-unit svg { margin: auto 0 4px 8px; } .block-editor-hooks__layout-controls-reset { display: flex; justify-content: flex-end; margin-bottom: 24px; } .block-editor-hooks__layout-controls-helptext { color: #757575; font-size: 12px; margin-bottom: 16px; } .block-editor-hooks__flex-layout-justification-controls, .block-editor-hooks__flex-layout-orientation-controls { margin-bottom: 12px; } .block-editor-hooks__flex-layout-justification-controls legend, .block-editor-hooks__flex-layout-orientation-controls legend { margin-bottom: 8px; } .block-editor-hooks__toggle-control.block-editor-hooks__toggle-control { margin-bottom: 16px; } .border-block-support-panel .single-column { grid-column: span 1; } .dimensions-block-support-panel .single-column { grid-column: span 1; } .typography-block-support-panel .single-column { grid-column: span 1; } .color-block-support-panel { /* Increased specificity required to remove the slot wrapper's row gap */ /** * After converting PanelColorGradientSettings to render as a ToolsPanel * we need to remove the top margin when wrapping inner content due to * rendering via SlotFills. */ } .color-block-support-panel .block-editor-contrast-checker { /** * Contrast checkers are forced to the bottom of the panel so all * injected color controls can appear as a single item group without * the contrast checkers suddenly appearing between items. */ order: 9999; grid-column: span 2; margin-top: 16px; } .color-block-support-panel .block-editor-contrast-checker .components-notice__content { margin-right: 0; } .color-block-support-panel.color-block-support-panel .color-block-support-panel__inner-wrapper { row-gap: 0; } .color-block-support-panel .block-editor-tools-panel-color-gradient-settings__item.first { margin-top: 0; } .block-editor__padding-visualizer { position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: 0.5; border-color: var(--wp-admin-theme-color); border-style: solid; pointer-events: none; box-sizing: border-box; } /** * Block Toolbar */ .block-editor-block-toolbar { display: flex; flex-grow: 1; width: 100%; position: relative; overflow-y: hidden; overflow-x: auto; transition: border-color 0.1s linear, box-shadow 0.1s linear; } @media (prefers-reduced-motion: reduce) { .block-editor-block-toolbar { transition-duration: 0s; transition-delay: 0s; } } @media (min-width: 600px) { .block-editor-block-toolbar { overflow: inherit; } } .block-editor-block-toolbar .components-toolbar-group, .block-editor-block-toolbar .components-toolbar { background: none; line-height: 0; margin-top: -1px; margin-bottom: -1px; border: 0; border-right: 1px solid #ddd; } .block-editor-block-toolbar > :last-child, .block-editor-block-toolbar > :last-child .components-toolbar-group, .block-editor-block-toolbar > :last-child .components-toolbar { border-right: none; } .block-editor-block-contextual-toolbar.has-parent:not(.is-fixed) { margin-left: calc(48px + 8px); } .show-icon-labels .block-editor-block-contextual-toolbar.has-parent:not(.is-fixed) { margin-left: 0; } .block-editor-block-parent-selector { position: absolute; top: -1px; left: calc(-48px - 8px - 1px); } .show-icon-labels .block-editor-block-parent-selector { position: relative; left: auto; top: auto; margin-top: -1px; margin-left: -1px; margin-bottom: -1px; } .block-editor-block-toolbar__block-controls .block-editor-block-switcher .components-dropdown-menu__toggle .block-editor-block-icon, .block-editor-block-toolbar__block-controls .block-editor-block-switcher__no-switcher-icon .block-editor-block-icon { width: 24px !important; margin: 0 !important; } .block-editor-block-toolbar__block-controls .block-editor-block-lock-toolbar { margin-left: -6px !important; } .block-editor-block-toolbar__block-controls .components-toolbar-group { padding: 0; } .block-editor-block-toolbar .components-toolbar-group, .block-editor-block-toolbar .components-toolbar, .block-editor-rich-text__inline-format-toolbar-group .components-toolbar-group, .block-editor-rich-text__inline-format-toolbar-group .components-toolbar { display: flex; flex-wrap: nowrap; } .block-editor-block-toolbar__slot { display: inline-block; line-height: 0; } @supports (position: sticky) { .block-editor-block-toolbar__slot { display: inline-flex; } } .show-icon-labels .block-editor-block-toolbar .components-button.has-icon { width: auto; } .show-icon-labels .block-editor-block-toolbar .components-button.has-icon svg { display: none; } .show-icon-labels .block-editor-block-toolbar .components-button.has-icon::after { content: attr(aria-label); font-size: 12px; } .show-icon-labels .components-accessible-toolbar .components-toolbar-group > div:first-child:last-child > .components-button.has-icon { padding-left: 6px; padding-right: 6px; } .show-icon-labels .block-editor-block-switcher { border-right: 1px solid #1e1e1e; } .show-icon-labels .block-editor-block-switcher .components-dropdown-menu__toggle { margin-left: 0; } .show-icon-labels .block-editor-block-switcher .components-dropdown-menu__toggle .block-editor-block-icon, .show-icon-labels .block-editor-block-switcher__no-switcher-icon .block-editor-block-icon { width: 0 !important; height: 0 !important; } .show-icon-labels .block-editor-block-parent-selector__button .block-editor-block-icon { width: 0; } .show-icon-labels .block-editor-block-toolbar__block-controls .block-editor-block-mover { margin-left: 0; white-space: nowrap; } .show-icon-labels .block-editor-block-mover-button { padding-left: 8px !important; padding-right: 8px !important; } .show-icon-labels .block-editor-block-mover__drag-handle.has-icon { padding-left: 6px !important; padding-right: 6px !important; border-right: 1px solid #1e1e1e; } @media (min-width: 600px) { .show-icon-labels .is-up-button.is-up-button.is-up-button { border-bottom: 1px solid #1e1e1e; margin-right: 0; border-radius: 0; } } .show-icon-labels .block-editor-block-contextual-toolbar .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.block-editor-block-mover-button { width: auto; } .show-icon-labels .components-toolbar, .show-icon-labels .components-toolbar-group { flex-shrink: 1; } .show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button + .components-button { margin-left: 6px; } .block-editor-inserter { display: inline-block; background: none; border: none; padding: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 13px; line-height: 0; } @media (min-width: 782px) { .block-editor-inserter { position: relative; } } .block-editor-inserter__main-area { position: relative; display: flex; flex-direction: column; height: 100%; gap: 16px; width: auto; } @media (min-width: 782px) { .block-editor-inserter__main-area { width: 350px; } } .block-editor-inserter__main-area.show-as-tabs { gap: 0; } .block-editor-inserter__popover.is-quick .components-popover__content { border: none; outline: none; } .block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter > * { border-left: 1px solid #ccc; border-right: 1px solid #ccc; } .block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter > *:first-child { border-top: 1px solid #ccc; } .block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter > *:last-child { border-bottom: 1px solid #ccc; } .block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter > *.components-button { border: 1px solid #1e1e1e; } .block-editor-inserter__popover .block-editor-inserter__menu { margin: -12px; } .block-editor-inserter__popover .block-editor-inserter__menu .block-editor-inserter__tabs .components-tab-panel__tabs { top: 60px; } .block-editor-inserter__popover .block-editor-inserter__menu .block-editor-inserter__main-area { overflow: visible; height: auto; } .block-editor-inserter__popover .block-editor-inserter__menu .block-editor-inserter__preview-container { display: none; } .block-editor-inserter__toggle.components-button { display: inline-flex; align-items: center; cursor: pointer; border: none; outline: none; padding: 0; transition: color 0.2s ease; } @media (prefers-reduced-motion: reduce) { .block-editor-inserter__toggle.components-button { transition-duration: 0s; transition-delay: 0s; } } .block-editor-inserter__menu { height: 100%; position: relative; overflow: visible; } .block-editor-inserter__inline-elements { margin-top: -1px; } .block-editor-inserter__menu.is-bottom::after { border-bottom-color: #fff; } .components-popover.block-editor-inserter__popover { z-index: 99999; } .block-editor-inserter__search { padding: 16px 16px 0 16px; } .block-editor-inserter__search .components-search-control__icon { right: 20px; } .block-editor-inserter__search .components-base-control__field { margin-bottom: 0; } .block-editor-inserter__tabs { flex-grow: 1; display: flex; flex-direction: column; overflow: hidden; } .block-editor-inserter__tabs .components-tab-panel__tabs { border-bottom: 1px solid #ddd; } .block-editor-inserter__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item { flex-grow: 1; margin-bottom: -1px; } .block-editor-inserter__tabs .components-tab-panel__tab-content { display: flex; flex-grow: 1; flex-direction: column; overflow-y: auto; } .block-editor-inserter__no-tab-container { overflow-y: auto; flex-grow: 1; } .block-editor-inserter__panel-header { display: inline-flex; align-items: center; padding: 16px 16px 0; } .block-editor-inserter__panel-header-patterns { padding: 16px 16px 0; } .block-editor-inserter__panel-content { padding: 16px; } .block-editor-inserter__panel-title, .block-editor-inserter__panel-title button { margin: 0 12px 0 0; color: #757575; text-transform: uppercase; font-size: 11px; font-weight: 500; } .block-editor-inserter__panel-dropdown select.components-select-control__input.components-select-control__input.components-select-control__input { height: 36px; line-height: 36px; } .block-editor-inserter__panel-dropdown select { border: none; } .block-editor-inserter__reusable-blocks-panel { position: relative; text-align: right; } .block-editor-inserter__manage-reusable-blocks { display: inline-block; margin: 16px; } .block-editor-inserter__no-results { padding: 32px; text-align: center; } .block-editor-inserter__no-results-icon { fill: #949494; } .block-editor-inserter__child-blocks { padding: 0 16px; } .block-editor-inserter__parent-block-header { display: flex; align-items: center; } .block-editor-inserter__parent-block-header h2 { font-size: 13px; } .block-editor-inserter__parent-block-header .block-editor-block-icon { margin-right: 8px; } .block-editor-inserter__preview-container { display: none; width: 300px; background: #fff; border-radius: 2px; border: 1px solid #ddd; position: absolute; top: 16px; left: calc(100% + 16px); max-height: calc(100% - 32px); overflow-y: hidden; } @media (min-width: 782px) { .block-editor-inserter__preview-container { display: block; } } .block-editor-inserter__preview-container .block-editor-block-card { padding: 16px; } .block-editor-inserter__preview-container .block-editor-block-card__title { font-size: 13px; } .block-editor-inserter__preview-content { min-height: 144px; background: #f0f0f0; display: grid; flex-grow: 1; align-items: center; } .block-editor-inserter__preview-content-missing { flex: 1; display: flex; justify-content: center; align-items: center; min-height: 144px; color: #757575; background: #f0f0f0; } .block-editor-inserter__tips { border-top: 1px solid #ddd; padding: 16px; flex-shrink: 0; position: relative; } .block-editor-inserter__manage-reusable-blocks-container { padding: 16px; } .block-editor-inserter__quick-inserter { width: 100%; max-width: 100%; } @media (min-width: 782px) { .block-editor-inserter__quick-inserter { width: 350px; } } .block-editor-inserter__quick-inserter-results .block-editor-inserter__panel-header { height: 0; padding: 0; float: left; } .block-editor-inserter__quick-inserter.has-search .block-editor-inserter__panel-content, .block-editor-inserter__quick-inserter.has-expand .block-editor-inserter__panel-content { padding: 16px; } .block-editor-inserter__quick-inserter-patterns .block-editor-block-patterns-list { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 8px; } .block-editor-inserter__quick-inserter-patterns .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item { margin-bottom: 0; } .block-editor-inserter__quick-inserter-patterns .block-editor-block-patterns-list .block-editor-block-preview__container { min-height: 100px; } .block-editor-inserter__quick-inserter-separator { border-top: 1px solid #ddd; } .block-editor-inserter__popover.is-quick > .components-popover__content { padding: 0; } .block-editor-inserter__quick-inserter-expand.components-button { display: block; background: #1e1e1e; color: #fff; width: 100%; height: 44px; border-radius: 0; } .block-editor-inserter__quick-inserter-expand.components-button:hover { color: #fff; } .block-editor-inserter__quick-inserter-expand.components-button:active { color: #ccc; } .block-editor-inserter__quick-inserter-expand.components-button.components-button:focus:not(:disabled) { box-shadow: none; background: var(--wp-admin-theme-color); border-color: var(--wp-admin-theme-color); } .block-editor-block-patterns-explorer__sidebar { position: absolute; top: 76px; left: 0; bottom: 0; width: 280px; padding: 24px 32px 32px; overflow-x: visible; overflow-y: scroll; } .block-editor-block-patterns-explorer__sidebar__categories-list__item { display: block; width: 100%; height: 48px; text-align: left; } .block-editor-block-patterns-explorer__search { margin-bottom: 32px; } .block-editor-block-patterns-explorer__search-results-count { padding-bottom: 32px; } .block-editor-block-patterns-explorer__list { margin-left: 248px; } .block-editor-block-patterns-explorer .block-editor-block-patterns-list { display: grid; grid-gap: 32px; grid-template-columns: repeat(1, 1fr); } @media (min-width: 1080px) { .block-editor-block-patterns-explorer .block-editor-block-patterns-list { grid-template-columns: repeat(2, 1fr); } } @media (min-width: 1440px) { .block-editor-block-patterns-explorer .block-editor-block-patterns-list { grid-template-columns: repeat(3, 1fr); } } .block-editor-block-patterns-explorer .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item { min-height: 240px; } .block-editor-block-patterns-explorer .block-editor-block-patterns-list .block-editor-block-preview__container { height: inherit; min-height: 100px; max-height: 800px; } .block-editor-post-preview__dropdown { padding: 0; } .block-editor-post-preview__button-resize.block-editor-post-preview__button-resize { padding-left: 40px; } .block-editor-post-preview__button-resize.block-editor-post-preview__button-resize.has-icon { padding-left: 8px; } .block-editor-post-preview__dropdown-content.edit-post-post-preview-dropdown .components-menu-group:first-child { padding-bottom: 8px; } .block-editor-post-preview__dropdown-content.edit-post-post-preview-dropdown .components-menu-group:last-child { margin-bottom: 0; } .block-editor-post-preview__dropdown-content .components-menu-group + .components-menu-group { padding: 8px; } @media (min-width: 600px) { .edit-post-header__settings .editor-post-preview, .edit-site-header__actions .editor-post-preview { display: none; } } @media (min-width: 600px) { .edit-post-header.has-reduced-ui .edit-post-header__settings .editor-post-save-draft, .edit-post-header.has-reduced-ui .edit-post-header__settings .editor-post-saved-state, .edit-post-header.has-reduced-ui .edit-post-header__settings .block-editor-post-preview__button-toggle { transition: opacity 0.1s linear; } } @media (min-width: 600px) and (prefers-reduced-motion: reduce) { .edit-post-header.has-reduced-ui .edit-post-header__settings .editor-post-save-draft, .edit-post-header.has-reduced-ui .edit-post-header__settings .editor-post-saved-state, .edit-post-header.has-reduced-ui .edit-post-header__settings .block-editor-post-preview__button-toggle { transition-duration: 0s; transition-delay: 0s; } } @media (min-width: 600px) { .edit-post-header.has-reduced-ui:not(:hover) .edit-post-header__settings .editor-post-save-draft, .edit-post-header.has-reduced-ui:not(:hover) .edit-post-header__settings .editor-post-saved-state, .edit-post-header.has-reduced-ui:not(:hover) .edit-post-header__settings .block-editor-post-preview__button-toggle { opacity: 0; } .edit-post-header.has-reduced-ui:not(:hover) .edit-post-header__settings .block-editor-post-preview__button-toggle.is-opened { opacity: 1; } } .tools-panel-item-spacing { display: grid; grid-template-columns: auto 1fr auto; align-items: center; grid-template-rows: 16px auto; } .component-spacing-sizes-control { box-sizing: border-box; padding-bottom: 12px; width: 100%; display: contents; } .component-spacing-sizes-control legend { padding: 0; grid-column: 1/1; grid-row: 1/1; align-self: center; } .component-spacing-sizes-control .components-base-control__label { margin-bottom: 0; height: 16px; } .component-spacing-sizes-control .components-spacing-sizes-control__side-labels { grid-column: 1/1; justify-content: left; height: 16px; margin-top: 16px; } .component-spacing-sizes-control .components-spacing-sizes-control__side-label { grid-column: 1/1; justify-self: left; margin-bottom: 0; } .component-spacing-sizes-control.is-unlinked .components-range-control.components-spacing-sizes-control__range-control, .component-spacing-sizes-control.is-unlinked .components-spacing-sizes-control__custom-value-input { margin-top: 8px; } .component-spacing-sizes-control .components-spacing-sizes-control__hint-single, .component-spacing-sizes-control .components-spacing-sizes-control__hint-all { color: #757575; margin-bottom: 0; } .component-spacing-sizes-control .components-spacing-sizes-control__hint-all { grid-column: 2/2; justify-self: left; grid-row: 1/1; align-self: center; margin-left: 4px; } .component-spacing-sizes-control .components-spacing-sizes-control__custom-toggle-all { grid-column: 2/2; grid-row: 1/1; justify-self: end; margin-top: -4px; } .component-spacing-sizes-control .component-spacing-sizes-control__linked-button ~ .components-spacing-sizes-control__custom-toggle-all { margin-right: 4px; } .component-spacing-sizes-control .components-spacing-sizes-control__custom-toggle-single { grid-column: 3/3; justify-self: end; margin-top: 12px; } .component-spacing-sizes-control .component-spacing-sizes-control__linked-button { grid-column: 3/3; grid-row: 1/1; justify-self: end; line-height: 0; margin-top: -4px; } .component-spacing-sizes-control .components-spacing-sizes-control__custom-value-range { grid-column: span 2; margin-left: 16px; margin-top: 8px; } .component-spacing-sizes-control .components-spacing-sizes-control__custom-value-input { width: 124px; margin-top: 8px; } .component-spacing-sizes-control .components-range-control { height: 40px; /* Vertically center the RangeControl until it has true 40px height. */ display: flex; align-items: center; } .component-spacing-sizes-control .components-range-control > .components-base-control__field { /* Fixes RangeControl contents when the outer wrapper is flex */ flex: 1; } .component-spacing-sizes-control .components-spacing-sizes-control__range-control { grid-column: span 3; margin-top: 8px; } .component-spacing-sizes-control .components-range-control__mark { height: 4px; width: 3px; background-color: #fff; z-index: 1; } .component-spacing-sizes-control .components-range-control__marks { margin-top: 17px; } .component-spacing-sizes-control .components-range-control__marks :first-child { display: none; } .component-spacing-sizes-control [class*=ThumbWrapper-thumbColor] { z-index: 3; } .component-spacing-sizes-control .components-spacing-sizes-control__custom-select-control { grid-column: span 3; margin-top: 8px; } body.admin-color-light { --wp-admin-theme-color: #0085ba; --wp-admin-theme-color--rgb: 0, 133, 186; --wp-admin-theme-color-darker-10: #0073a1; --wp-admin-theme-color-darker-10--rgb: 0, 115, 161; --wp-admin-theme-color-darker-20: #006187; --wp-admin-theme-color-darker-20--rgb: 0, 97, 135; --wp-admin-border-width-focus: 2px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { body.admin-color-light { --wp-admin-border-width-focus: 1.5px; } } body.admin-color-modern { --wp-admin-theme-color: #3858e9; --wp-admin-theme-color--rgb: 56, 88, 233; --wp-admin-theme-color-darker-10: #2145e6; --wp-admin-theme-color-darker-10--rgb: 33, 69, 230; --wp-admin-theme-color-darker-20: #183ad6; --wp-admin-theme-color-darker-20--rgb: 24, 58, 214; --wp-admin-border-width-focus: 2px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { body.admin-color-modern { --wp-admin-border-width-focus: 1.5px; } } body.admin-color-blue { --wp-admin-theme-color: #096484; --wp-admin-theme-color--rgb: 9, 100, 132; --wp-admin-theme-color-darker-10: #07526c; --wp-admin-theme-color-darker-10--rgb: 7, 82, 108; --wp-admin-theme-color-darker-20: #064054; --wp-admin-theme-color-darker-20--rgb: 6, 64, 84; --wp-admin-border-width-focus: 2px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { body.admin-color-blue { --wp-admin-border-width-focus: 1.5px; } } body.admin-color-coffee { --wp-admin-theme-color: #46403c; --wp-admin-theme-color--rgb: 70, 64, 60; --wp-admin-theme-color-darker-10: #383330; --wp-admin-theme-color-darker-10--rgb: 56, 51, 48; --wp-admin-theme-color-darker-20: #2b2724; --wp-admin-theme-color-darker-20--rgb: 43, 39, 36; --wp-admin-border-width-focus: 2px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { body.admin-color-coffee { --wp-admin-border-width-focus: 1.5px; } } body.admin-color-ectoplasm { --wp-admin-theme-color: #523f6d; --wp-admin-theme-color--rgb: 82, 63, 109; --wp-admin-theme-color-darker-10: #46365d; --wp-admin-theme-color-darker-10--rgb: 70, 54, 93; --wp-admin-theme-color-darker-20: #3a2c4d; --wp-admin-theme-color-darker-20--rgb: 58, 44, 77; --wp-admin-border-width-focus: 2px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { body.admin-color-ectoplasm { --wp-admin-border-width-focus: 1.5px; } } body.admin-color-midnight { --wp-admin-theme-color: #e14d43; --wp-admin-theme-color--rgb: 225, 77, 67; --wp-admin-theme-color-darker-10: #dd382d; --wp-admin-theme-color-darker-10--rgb: 221, 56, 45; --wp-admin-theme-color-darker-20: #d02c21; --wp-admin-theme-color-darker-20--rgb: 208, 44, 33; --wp-admin-border-width-focus: 2px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { body.admin-color-midnight { --wp-admin-border-width-focus: 1.5px; } } body.admin-color-ocean { --wp-admin-theme-color: #627c83; --wp-admin-theme-color--rgb: 98, 124, 131; --wp-admin-theme-color-darker-10: #576e74; --wp-admin-theme-color-darker-10--rgb: 87, 110, 116; --wp-admin-theme-color-darker-20: #4c6066; --wp-admin-theme-color-darker-20--rgb: 76, 96, 102; --wp-admin-border-width-focus: 2px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { body.admin-color-ocean { --wp-admin-border-width-focus: 1.5px; } } body.admin-color-sunrise { --wp-admin-theme-color: #dd823b; --wp-admin-theme-color--rgb: 221, 130, 59; --wp-admin-theme-color-darker-10: #d97426; --wp-admin-theme-color-darker-10--rgb: 217, 116, 38; --wp-admin-theme-color-darker-20: #c36922; --wp-admin-theme-color-darker-20--rgb: 195, 105, 34; --wp-admin-border-width-focus: 2px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { body.admin-color-sunrise { --wp-admin-border-width-focus: 1.5px; } } home/premiey/www/wp-includes/css/dist/nux/style.css 0000666 00000010775 15165257312 0016470 0 ustar 00 /** * Colors */ /** * Breakpoints & Media Queries */ /** * 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. */ /** * Colors */ /** * 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 & Editor UI. */ /** * Block paddings. */ /** * React Native specific. * These variables do not appear to be used anywhere else. */ /** * Converts a hex value into the rgb equivalent. * * @param {string} hex - the hexadecimal value to convert * @return {string} comma separated rgb values */ /** * Breakpoint mixins */ /** * Long content fade mixin * * Creates a fading overlay to signify that the content is longer * than the space allows. */ /** * Focus styles. */ /** * Applies editor left 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--rgb: 0, 124, 186; --wp-admin-theme-color-darker-10: #006ba1; --wp-admin-theme-color-darker-10--rgb: 0, 107, 161; --wp-admin-theme-color-darker-20: #005a87; --wp-admin-theme-color-darker-20--rgb: 0, 90, 135; --wp-admin-border-width-focus: 2px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { :root { --wp-admin-border-width-focus: 1.5px; } } .nux-dot-tip::before, .nux-dot-tip::after { border-radius: 100%; content: " "; pointer-events: none; position: absolute; } .nux-dot-tip::before { animation: nux-pulse 1.6s infinite cubic-bezier(0.17, 0.67, 0.92, 0.62); background: rgba(0, 115, 156, 0.9); opacity: 0.9; height: 24px; left: -12px; top: -12px; transform: scale(0.3333333333); width: 24px; } .nux-dot-tip::after { background: #00739c; height: 8px; left: -4px; top: -4px; width: 8px; } @keyframes nux-pulse { 100% { background: rgba(0, 115, 156, 0); transform: scale(1); } } .nux-dot-tip .components-popover__content { width: 350px; padding: 20px 18px; } @media (min-width: 600px) { .nux-dot-tip .components-popover__content { width: 450px; } } .nux-dot-tip .components-popover__content .nux-dot-tip__disable { position: absolute; right: 0; top: 0; } .nux-dot-tip[data-y-axis=top] { margin-top: -4px; } .nux-dot-tip[data-y-axis=bottom] { margin-top: 4px; } .nux-dot-tip[data-y-axis=middle][data-y-axis=left] { margin-left: -4px; } .nux-dot-tip[data-y-axis=middle][data-y-axis=right] { margin-left: 4px; } .nux-dot-tip[data-y-axis=top] .components-popover__content { margin-bottom: 20px; } .nux-dot-tip[data-y-axis=bottom] .components-popover__content { margin-top: 20px; } .nux-dot-tip[data-y-axis=middle][data-y-axis=left] .components-popover__content { margin-right: 20px; } .nux-dot-tip[data-y-axis=middle][data-y-axis=right] .components-popover__content { margin-left: 20px; } .nux-dot-tip[data-y-axis=left], .nux-dot-tip[data-y-axis=center], .nux-dot-tip[data-y-axis=right] { z-index: 1000001; } @media (max-width: 600px) { .nux-dot-tip[data-y-axis=left] .components-popover__content, .nux-dot-tip[data-y-axis=center] .components-popover__content, .nux-dot-tip[data-y-axis=right] .components-popover__content { align-self: end; left: 5px; margin: 20px 0 0 0; max-width: none !important; position: fixed; right: 5px; width: auto; } } .nux-dot-tip.components-popover:not([data-y-axis=middle])[data-y-axis=right] .components-popover__content { /*!rtl:ignore*/ margin-left: 0; } .nux-dot-tip.components-popover:not([data-y-axis=middle])[data-y-axis=left] .components-popover__content { /*!rtl:ignore*/ margin-right: 0; } .nux-dot-tip.components-popover.interface-more-menu-dropdown__content:not([data-y-axis=middle])[data-y-axis=right] .components-popover__content { /*!rtl:ignore*/ margin-left: -12px; } .nux-dot-tip.components-popover.interface-more-menu-dropdown__content:not([data-y-axis=middle])[data-y-axis=left] .components-popover__content { /*!rtl:ignore*/ margin-right: -12px; } home/premiey/www/wp-includes/css/dist/list-reusable-blocks/style.css 0000666 00000014572 15165257772 0021715 0 ustar 00 /** * Colors */ /** * Breakpoints & Media Queries */ /** * 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. */ /** * Colors */ /** * 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 & Editor UI. */ /** * Block paddings. */ /** * React Native specific. * These variables do not appear to be used anywhere else. */ /** * Converts a hex value into the rgb equivalent. * * @param {string} hex - the hexadecimal value to convert * @return {string} comma separated rgb values */ /** * Breakpoint mixins */ /** * Long content fade mixin * * Creates a fading overlay to signify that the content is longer * than the space allows. */ /** * Focus styles. */ /** * Applies editor left 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--rgb: 0, 124, 186; --wp-admin-theme-color-darker-10: #006ba1; --wp-admin-theme-color-darker-10--rgb: 0, 107, 161; --wp-admin-theme-color-darker-20: #005a87; --wp-admin-theme-color-darker-20--rgb: 0, 90, 135; --wp-admin-border-width-focus: 2px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { :root { --wp-admin-border-width-focus: 1.5px; } } .list-reusable-blocks-import-dropdown__content .components-popover__content { padding: 10px; } .list-reusable-blocks-import-form__label { display: block; margin-bottom: 10px; } .list-reusable-blocks-import-form__button { margin-top: 10px; margin-bottom: 10px; float: right; } .list-reusable-blocks-import-form .components-notice__content { margin: 0; } .list-reusable-blocks-import-form .components-notice.is-dismissible { padding-right: 0; margin: 5px 0; } .list-reusable-blocks__container { display: inline-flex; align-items: center; position: relative; top: -3px; } .list-reusable-blocks__container .components-button { height: 26px; } body.admin-color-light { --wp-admin-theme-color: #0085ba; --wp-admin-theme-color--rgb: 0, 133, 186; --wp-admin-theme-color-darker-10: #0073a1; --wp-admin-theme-color-darker-10--rgb: 0, 115, 161; --wp-admin-theme-color-darker-20: #006187; --wp-admin-theme-color-darker-20--rgb: 0, 97, 135; --wp-admin-border-width-focus: 2px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { body.admin-color-light { --wp-admin-border-width-focus: 1.5px; } } body.admin-color-modern { --wp-admin-theme-color: #3858e9; --wp-admin-theme-color--rgb: 56, 88, 233; --wp-admin-theme-color-darker-10: #2145e6; --wp-admin-theme-color-darker-10--rgb: 33, 69, 230; --wp-admin-theme-color-darker-20: #183ad6; --wp-admin-theme-color-darker-20--rgb: 24, 58, 214; --wp-admin-border-width-focus: 2px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { body.admin-color-modern { --wp-admin-border-width-focus: 1.5px; } } body.admin-color-blue { --wp-admin-theme-color: #096484; --wp-admin-theme-color--rgb: 9, 100, 132; --wp-admin-theme-color-darker-10: #07526c; --wp-admin-theme-color-darker-10--rgb: 7, 82, 108; --wp-admin-theme-color-darker-20: #064054; --wp-admin-theme-color-darker-20--rgb: 6, 64, 84; --wp-admin-border-width-focus: 2px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { body.admin-color-blue { --wp-admin-border-width-focus: 1.5px; } } body.admin-color-coffee { --wp-admin-theme-color: #46403c; --wp-admin-theme-color--rgb: 70, 64, 60; --wp-admin-theme-color-darker-10: #383330; --wp-admin-theme-color-darker-10--rgb: 56, 51, 48; --wp-admin-theme-color-darker-20: #2b2724; --wp-admin-theme-color-darker-20--rgb: 43, 39, 36; --wp-admin-border-width-focus: 2px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { body.admin-color-coffee { --wp-admin-border-width-focus: 1.5px; } } body.admin-color-ectoplasm { --wp-admin-theme-color: #523f6d; --wp-admin-theme-color--rgb: 82, 63, 109; --wp-admin-theme-color-darker-10: #46365d; --wp-admin-theme-color-darker-10--rgb: 70, 54, 93; --wp-admin-theme-color-darker-20: #3a2c4d; --wp-admin-theme-color-darker-20--rgb: 58, 44, 77; --wp-admin-border-width-focus: 2px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { body.admin-color-ectoplasm { --wp-admin-border-width-focus: 1.5px; } } body.admin-color-midnight { --wp-admin-theme-color: #e14d43; --wp-admin-theme-color--rgb: 225, 77, 67; --wp-admin-theme-color-darker-10: #dd382d; --wp-admin-theme-color-darker-10--rgb: 221, 56, 45; --wp-admin-theme-color-darker-20: #d02c21; --wp-admin-theme-color-darker-20--rgb: 208, 44, 33; --wp-admin-border-width-focus: 2px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { body.admin-color-midnight { --wp-admin-border-width-focus: 1.5px; } } body.admin-color-ocean { --wp-admin-theme-color: #627c83; --wp-admin-theme-color--rgb: 98, 124, 131; --wp-admin-theme-color-darker-10: #576e74; --wp-admin-theme-color-darker-10--rgb: 87, 110, 116; --wp-admin-theme-color-darker-20: #4c6066; --wp-admin-theme-color-darker-20--rgb: 76, 96, 102; --wp-admin-border-width-focus: 2px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { body.admin-color-ocean { --wp-admin-border-width-focus: 1.5px; } } body.admin-color-sunrise { --wp-admin-theme-color: #dd823b; --wp-admin-theme-color--rgb: 221, 130, 59; --wp-admin-theme-color-darker-10: #d97426; --wp-admin-theme-color-darker-10--rgb: 217, 116, 38; --wp-admin-theme-color-darker-20: #c36922; --wp-admin-theme-color-darker-20--rgb: 195, 105, 34; --wp-admin-border-width-focus: 2px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { body.admin-color-sunrise { --wp-admin-border-width-focus: 1.5px; } } home/premiey/www/wp-includes/blocks/embed/style.css 0000666 00000006271 15165260570 0016450 0 ustar 00 /** * Colors */ /** * Breakpoints & Media Queries */ /** * 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. */ /** * Colors */ /** * 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 & Editor UI. */ /** * Block paddings. */ /** * React Native specific. * These variables do not appear to be used anywhere else. */ /** * Converts a hex value into the rgb equivalent. * * @param {string} hex - the hexadecimal value to convert * @return {string} comma separated rgb values */ /** * Breakpoint mixins */ /** * Long content fade mixin * * Creates a fading overlay to signify that the content is longer * than the space allows. */ /** * Focus styles. */ /** * Applies editor left 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. */ .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-cover .wp-block-embed { min-width: 320px; min-height: 240px; } .wp-block-embed { overflow-wrap: break-word; } .wp-block-embed figcaption { margin-top: 0.5em; margin-bottom: 1em; } .wp-block-embed iframe { max-width: 100%; } .wp-block-embed__wrapper { position: relative; } .wp-embed-responsive .wp-has-aspect-ratio .wp-block-embed__wrapper::before { content: ""; display: block; padding-top: 50%; } .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-embed-aspect-18-9 .wp-block-embed__wrapper::before { padding-top: 50%; } .wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper::before { padding-top: 56.25%; } .wp-embed-responsive .wp-embed-aspect-4-3 .wp-block-embed__wrapper::before { 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-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%; } home/premiey/www/wp-includes/blocks/query-title/style.css 0000666 00000002761 15165260713 0017657 0 ustar 00 /** * Colors */ /** * Breakpoints & Media Queries */ /** * 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. */ /** * Colors */ /** * 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 & Editor UI. */ /** * Block paddings. */ /** * React Native specific. * These variables do not appear to be used anywhere else. */ /** * Converts a hex value into the rgb equivalent. * * @param {string} hex - the hexadecimal value to convert * @return {string} comma separated rgb values */ /** * Breakpoint mixins */ /** * Long content fade mixin * * Creates a fading overlay to signify that the content is longer * than the space allows. */ /** * Focus styles. */ /** * Applies editor left 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. */ .wp-block-query-title { box-sizing: border-box; } home/premiey/www/wp-includes/css/dist/edit-site/style.css 0000666 00000171251 15165261067 0017544 0 ustar 00 /** * Colors */ /** * Breakpoints & Media Queries */ /** * 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. */ /** * Colors */ /** * 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 & Editor UI. */ /** * Block paddings. */ /** * React Native specific. * These variables do not appear to be used anywhere else. */ /** * Converts a hex value into the rgb equivalent. * * @param {string} hex - the hexadecimal value to convert * @return {string} comma separated rgb values */ /** * Breakpoint mixins */ /** * Long content fade mixin * * Creates a fading overlay to signify that the content is longer * than the space allows. */ /** * Focus styles. */ /** * Applies editor left 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--rgb: 0, 124, 186; --wp-admin-theme-color-darker-10: #006ba1; --wp-admin-theme-color-darker-10--rgb: 0, 107, 161; --wp-admin-theme-color-darker-20: #005a87; --wp-admin-theme-color-darker-20--rgb: 0, 90, 135; --wp-admin-border-width-focus: 2px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { :root { --wp-admin-border-width-focus: 1.5px; } } .components-panel__header.interface-complementary-area-header__small { background: #fff; padding-right: 4px; } .components-panel__header.interface-complementary-area-header__small .interface-complementary-area-header__small-title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; } @media (min-width: 782px) { .components-panel__header.interface-complementary-area-header__small { display: none; } } .interface-complementary-area-header { background: #fff; padding-right: 4px; } .interface-complementary-area-header .components-button.has-icon { display: none; margin-left: auto; } .interface-complementary-area-header .components-button.has-icon ~ .components-button { margin-left: 0; } @media (min-width: 782px) { .interface-complementary-area-header .components-button.has-icon { display: flex; } } @media (min-width: 782px) { .components-panel__header + .interface-complementary-area-header { margin-top: 0; } } .interface-complementary-area { background: #fff; color: #1e1e1e; } @media (min-width: 600px) { .interface-complementary-area { -webkit-overflow-scrolling: touch; } } @media (min-width: 782px) { .interface-complementary-area { width: 280px; } } .interface-complementary-area .components-panel { border: none; position: relative; z-index: 0; } .interface-complementary-area .components-panel__header { position: sticky; top: 0; z-index: 1; } .interface-complementary-area .components-panel__header.edit-post-sidebar__panel-tabs { top: 48px; } @media (min-width: 782px) { .interface-complementary-area .components-panel__header.edit-post-sidebar__panel-tabs { top: 0; } } .interface-complementary-area p:not(.components-base-control__help) { margin-top: 0; } .interface-complementary-area h2 { font-size: 13px; color: #1e1e1e; margin-bottom: 1.5em; } .interface-complementary-area h3 { font-size: 11px; text-transform: uppercase; font-weight: 500; color: #1e1e1e; margin-bottom: 1.5em; } .interface-complementary-area hr { border-top: none; border-bottom: 1px solid #f0f0f0; margin: 1.5em 0; } .interface-complementary-area div.components-toolbar-group, .interface-complementary-area div.components-toolbar { box-shadow: none; margin-bottom: 1.5em; } .interface-complementary-area div.components-toolbar-group:last-child, .interface-complementary-area div.components-toolbar:last-child { margin-bottom: 0; } .interface-complementary-area .block-editor-skip-to-selected-block:focus { top: auto; right: 10px; bottom: 10px; left: auto; } @media (min-width: 782px) { body.js.is-fullscreen-mode { margin-top: -32px; height: calc(100% + 32px); } body.js.is-fullscreen-mode #adminmenumain, body.js.is-fullscreen-mode #wpadminbar { display: none; } body.js.is-fullscreen-mode #wpcontent, body.js.is-fullscreen-mode #wpfooter { margin-left: 0; } } html.interface-interface-skeleton__html-container { position: fixed; width: 100%; } @media (min-width: 782px) { html.interface-interface-skeleton__html-container { position: initial; width: initial; } } .interface-interface-skeleton { display: flex; flex-direction: row; height: auto; max-height: 100%; position: fixed; top: 46px; left: 0; right: 0; bottom: 0; } @media (min-width: 783px) { .interface-interface-skeleton { top: 32px; } .is-fullscreen-mode .interface-interface-skeleton { top: 0; } } .interface-interface-skeleton__editor { display: flex; flex-direction: column; flex: 0 1 100%; overflow: hidden; } .interface-interface-skeleton { /* Set left position when auto-fold is not on the body element. */ left: 0; } @media (min-width: 783px) { .interface-interface-skeleton { left: 160px; } } .auto-fold .interface-interface-skeleton { /* Auto fold is when on smaller breakpoints, nav menu auto collapses. */ } @media (min-width: 783px) { .auto-fold .interface-interface-skeleton { left: 36px; } } @media (min-width: 961px) { .auto-fold .interface-interface-skeleton { left: 160px; } } /* Sidebar manually collapsed. */ .folded .interface-interface-skeleton { left: 0; } @media (min-width: 783px) { .folded .interface-interface-skeleton { left: 36px; } } body.is-fullscreen-mode .interface-interface-skeleton { left: 0 !important; } .interface-interface-skeleton__body { flex-grow: 1; display: flex; overflow: auto; overscroll-behavior-y: none; } @media (min-width: 782px) { .has-footer .interface-interface-skeleton__body { padding-bottom: 25px; } } .interface-interface-skeleton__content { flex-grow: 1; display: flex; flex-direction: column; overflow: auto; z-index: 20; } .interface-interface-skeleton__secondary-sidebar, .interface-interface-skeleton__sidebar { display: block; flex-shrink: 0; position: absolute; z-index: 100000; top: 0; right: 0; bottom: 0; left: 0; background: #fff; color: #1e1e1e; } @media (min-width: 782px) { .interface-interface-skeleton__secondary-sidebar, .interface-interface-skeleton__sidebar { position: relative !important; z-index: 90; width: auto; } } .interface-interface-skeleton__sidebar { overflow: auto; } @media (min-width: 782px) { .interface-interface-skeleton__sidebar { border-left: 1px solid #e0e0e0; } } @media (min-width: 782px) { .interface-interface-skeleton__secondary-sidebar { border-right: 1px solid #e0e0e0; } } .interface-interface-skeleton__header { flex-shrink: 0; height: auto; border-bottom: 1px solid #e0e0e0; z-index: 30; color: #1e1e1e; } .interface-interface-skeleton__footer { height: auto; flex-shrink: 0; border-top: 1px solid #e0e0e0; color: #1e1e1e; position: absolute; bottom: 0; left: 0; width: 100%; background-color: #fff; z-index: 90; display: none; } @media (min-width: 782px) { .interface-interface-skeleton__footer { display: flex; } } .interface-interface-skeleton__footer .block-editor-block-breadcrumb { z-index: 30; display: flex; background: #fff; height: 24px; align-items: center; font-size: 13px; padding: 0 18px; } .interface-interface-skeleton__actions { z-index: 100000; position: fixed !important; top: -9999em; bottom: auto; left: auto; right: 0; width: 280px; color: #1e1e1e; } .interface-interface-skeleton__actions:focus { top: auto; bottom: 0; } .interface-more-menu-dropdown { margin-left: -4px; } .interface-more-menu-dropdown .components-button { width: auto; padding: 0 2px; } @media (min-width: 600px) { .interface-more-menu-dropdown { margin-left: 0; } .interface-more-menu-dropdown .components-button { padding: 0 4px; } } .interface-more-menu-dropdown__content .components-popover__content { min-width: 280px; } @media (min-width: 480px) { .interface-more-menu-dropdown__content .components-popover__content { max-width: 480px; } } .interface-more-menu-dropdown__content .components-popover__content .components-dropdown-menu__menu { padding: 0; } .components-popover.interface-more-menu-dropdown__content { z-index: 99998; } .interface-pinned-items { display: flex; gap: 4px; margin-right: -4px; } .interface-pinned-items .components-button:not(:first-child) { display: none; } @media (min-width: 600px) { .interface-pinned-items .components-button:not(:first-child) { display: flex; } } .interface-pinned-items .components-button { margin: 0; } .interface-pinned-items .components-button svg { max-width: 24px; max-height: 24px; } @media (min-width: 600px) { .interface-preferences-modal { width: calc(100% - 32px); height: calc(100% - 120px); } } @media (min-width: 782px) { .interface-preferences-modal { width: 750px; } } @media (min-width: 960px) { .interface-preferences-modal { height: 70%; } } @media (max-width: 781px) { .interface-preferences-modal .components-modal__content { padding: 0; } } .interface-preferences__tabs .components-tab-panel__tabs { position: absolute; top: 84px; left: 16px; width: 160px; } .interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item { border-radius: 2px; font-weight: 400; } .interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item.is-active { background: #f0f0f0; box-shadow: none; font-weight: 500; } .interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item:focus:not(:disabled) { box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); } .interface-preferences__tabs .components-tab-panel__tab-content { padding-left: 24px; margin-left: 160px; } @media (max-width: 781px) { .interface-preferences__provider { height: 100%; } } .interface-preferences-modal__section { margin: 0 0 2.5rem 0; } .interface-preferences-modal__section:last-child { margin: 0; } .interface-preferences-modal__section-legend { margin-bottom: 8px; } .interface-preferences-modal__section-title { font-size: 0.9rem; font-weight: 600; margin-top: 0; } .interface-preferences-modal__section-description { margin: -8px 0 8px 0; font-size: 12px; font-style: normal; color: #757575; } .interface-preferences-modal__option + .interface-preferences-modal__option { margin-top: 16px; } .interface-preferences-modal__option .components-base-control__help { margin-top: 0; margin-left: 48px; } .edit-site-block-editor__editor-styles-wrapper .components-button { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 13px; padding: 6px 12px; } .edit-site-block-editor__editor-styles-wrapper .components-button.is-tertiary, .edit-site-block-editor__editor-styles-wrapper .components-button.has-icon { padding: 6px; } .edit-site-visual-editor { position: relative; background-color: #2f2f2f; align-items: center; } .edit-site-visual-editor.is-focus-mode { padding: 48px; } .edit-site-visual-editor.is-focus-mode .edit-site-visual-editor__editor-canvas { border-radius: 2px; max-height: 100%; } .edit-site-visual-editor.is-focus-mode .components-resizable-box__container { overflow: visible; } .edit-site-visual-editor .components-resizable-box__container { margin: 0 auto; overflow: auto; } .edit-site-visual-editor__back-button { position: absolute; top: 8px; left: 8px; color: #fff; } .edit-site-visual-editor__back-button:active:not([aria-disabled=true]), .edit-site-visual-editor__back-button:focus:not([aria-disabled=true]), .edit-site-visual-editor__back-button:hover { color: #f0f0f0; } .resizable-editor__drag-handle { position: absolute; top: 0; bottom: 0; padding: 0; margin: auto 0; width: 4px; height: 100px; -webkit-appearance: none; appearance: none; cursor: ew-resize; outline: none; background: #949494; border-radius: 2px; border: 0; } .resizable-editor__drag-handle.is-left { left: -16px; } .resizable-editor__drag-handle.is-right { right: -16px; } .resizable-editor__drag-handle:hover, .resizable-editor__drag-handle:active { background: #ccc; } .resizable-editor__drag-handle:focus { box-shadow: 0 0 0 1px #2f2f2f, 0 0 0 calc(var(--wp-admin-border-width-focus) + 1px) var(--wp-admin-theme-color); } .edit-site-code-editor { position: relative; width: 100%; background-color: #fff; flex-grow: 1; } .edit-site-code-editor__body { width: 100%; padding: 12px; max-width: 1080px; margin-left: auto; margin-right: auto; } @media (min-width: 960px) { .edit-site-code-editor__body { padding: 24px; } } .edit-site-code-editor__toolbar { position: sticky; z-index: 1; top: 0; left: 0; right: 0; display: flex; background: rgba(255, 255, 255, 0.8); padding: 4px 12px; } @media (min-width: 600px) { .edit-site-code-editor__toolbar { padding: 12px; } } @media (min-width: 960px) { .edit-site-code-editor__toolbar { padding: 12px 24px; } } .edit-site-code-editor__toolbar h2 { line-height: 36px; margin: 0 auto 0 0; font-size: 13px; color: #1e1e1e; } .edit-site-code-editor__toolbar .components-button svg { order: 1; } textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area { border: 1px solid #949494; border-radius: 0; display: block; margin: 0; width: 100%; box-shadow: none; resize: none; overflow: hidden; font-family: Menlo, Consolas, monaco, monospace; line-height: 2.4; min-height: 200px; transition: border 0.1s ease-out, box-shadow 0.1s linear; padding: 16px; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px !important; } @media (prefers-reduced-motion: reduce) { textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area { transition-duration: 0s; transition-delay: 0s; } } @media (min-width: 600px) { textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area { padding: 24px; } } @media (min-width: 600px) { textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area { font-size: 15px !important; } } textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area:focus { border-color: var(--wp-admin-theme-color); box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); position: relative; } textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area::-webkit-input-placeholder { color: rgba(30, 30, 30, 0.62); } textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area::-moz-placeholder { color: rgba(30, 30, 30, 0.62); opacity: 1; } textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area:-ms-input-placeholder { color: rgba(30, 30, 30, 0.62); } .edit-site-global-styles-preview { display: flex; align-items: center; justify-content: center; line-height: 1; cursor: pointer; } .edit-site-global-styles-preview__iframe { max-width: 100%; display: block; } .edit-site-typography-panel__preview { display: flex; align-items: center; justify-content: center; min-height: 100px; margin-bottom: 16px; background: #f0f0f0; border-radius: 2px; } .edit-site-typography-panel__full-width-control { grid-column: 1/-1; max-width: 100%; } .edit-site-global-styles-screen-heading-color, .edit-site-global-styles-screen-typography { margin: 16px; } .edit-site-global-styles-screen-typography__indicator { height: 24px; width: 24px; font-size: 14px; display: flex !important; align-items: center; justify-content: center; border-radius: 2px; } .edit-site-global-styles-screen-colors { margin: 16px; } .edit-site-global-styles-screen-colors .component-color-indicator { background: linear-gradient(-45deg, transparent 48%, #ddd 48%, #ddd 52%, transparent 52%); flex-shrink: 0; } .edit-site-global-styles-header__description, .edit-site-block-types-search { padding: 0 16px; } .edit-site-global-styles-subtitle { margin-bottom: 0 !important; text-transform: uppercase; font-weight: 500 !important; font-size: 11px !important; } .edit-site-global-styles-section-title { color: #2f2f2f; font-weight: 600; line-height: 1.2; padding: 16px; padding-bottom: 0; margin: 0; } .edit-site-screen-text-color__control, .edit-site-screen-link-color__control, .edit-site-screen-button-color__control { padding: 16px; } .edit-site-global-styles-variations_item { box-sizing: border-box; } .edit-site-global-styles-variations_item .edit-site-global-styles-variations_item-preview { padding: 2px; border-radius: 2px; border: #e0e0e0 1px solid; } .edit-site-global-styles-variations_item.is-active .edit-site-global-styles-variations_item-preview { border: #1e1e1e 1px solid; } .edit-site-global-styles-variations_item:hover .edit-site-global-styles-variations_item-preview { border: var(--wp-admin-theme-color) 1px solid; } .edit-site-global-styles-variations_item:focus .edit-site-global-styles-variations_item-preview { border: var(--wp-admin-theme-color) 1px solid; } .edit-site-global-styles-icon-with-current-color { fill: currentColor; } .edit-site-global-styles__color-indicator-wrapper { height: 24px; flex-shrink: 0; } .edit-site-global-styles__color-label { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .edit-site-header { align-items: center; background-color: #fff; display: flex; height: 60px; box-sizing: border-box; width: 100%; justify-content: space-between; } body.is-fullscreen-mode .edit-site-header { padding-left: 60px; transition: padding-left 20ms linear; transition-delay: 80ms; } @media (prefers-reduced-motion: reduce) { body.is-fullscreen-mode .edit-site-header { transition-duration: 0s; transition-delay: 0s; } } .edit-site-header .edit-site-header_start { display: flex; border: none; } .edit-site-header .edit-site-header_end { display: flex; justify-content: flex-end; } .edit-site-header .edit-site-header_center { display: flex; align-items: center; height: 100%; flex-grow: 1; justify-content: center; min-width: 0; } body.is-navigation-sidebar-open .edit-site-header { padding-left: 0; transition: padding-left 20ms linear; transition-delay: 0ms; } @media (prefers-reduced-motion: reduce) { body.is-navigation-sidebar-open .edit-site-header { transition-duration: 0s; transition-delay: 0s; } } @media (max-width: 959px) { body.is-navigation-sidebar-open .edit-site-header .edit-site-header-toolbar__inserter-toggle ~ .components-button, body.is-navigation-sidebar-open .edit-site-header .edit-site-header_end .components-button:not(.is-primary) { display: none; } body.is-navigation-sidebar-open .edit-site-header .edit-site-save-button__button { margin-right: 0; } } .edit-site-header__toolbar { display: flex; align-items: center; padding-left: 8px; } @media (min-width: 600px) { .edit-site-header__toolbar { padding-left: 24px; } } @media (min-width: 1280px) { .edit-site-header__toolbar { padding-right: 8px; } } .edit-site-header__toolbar .edit-site-header-toolbar__inserter-toggle { margin-right: 8px; min-width: 32px; width: 32px; height: 32px; padding: 0; } .edit-site-header__toolbar .edit-site-header-toolbar__inserter-toggle svg { transition: transform cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; } @media (prefers-reduced-motion: reduce) { .edit-site-header__toolbar .edit-site-header-toolbar__inserter-toggle svg { transition-duration: 0s; transition-delay: 0s; } } .edit-site-header__toolbar .edit-site-header-toolbar__inserter-toggle.is-pressed svg { transform: rotate(45deg); } .edit-site-header__toolbar-switchers { align-items: center; display: flex; } .edit-site-header__toolbar-switchers-separator { margin: 0 -6px 0; } /** * Buttons on the right side */ .edit-site-header__actions { display: inline-flex; align-items: center; padding-right: 4px; gap: 4px; } @media (min-width: 600px) { .edit-site-header__actions { padding-right: 10px; } } @media (min-width: 600px) { .edit-site-header__actions { gap: 8px; } } .edit-site-header__actions .interface-pinned-items { display: none; } @media (min-width: 782px) { .edit-site-header__actions .interface-pinned-items { display: inline-flex; } } .edit-site-header__actions__preview-options { opacity: 1; transition: opacity 0.3s; } .edit-site-header__actions__preview-options.is-zoomed-out { opacity: 0; } .edit-site-header__actions-more-menu { margin-left: -4px; } .edit-site-header__actions-more-menu .components-icon-button { padding: 8px 2px; width: auto; } @media (min-width: 600px) { .edit-site-header__actions-more-menu { margin-left: 4px; } .edit-site-header__actions-more-menu .components-icon-button { padding: 8px 4px; } } .edit-site-header_start { display: flex; border: none; } .edit-site-header_start .edit-site-header__toolbar > .components-button.has-icon, .edit-site-header_start .edit-site-header__toolbar > .components-dropdown > .components-button.has-icon { height: 36px; min-width: 36px; padding: 6px; } .edit-site-header_start .edit-site-header__toolbar > .components-button.has-icon.is-pressed, .edit-site-header_start .edit-site-header__toolbar > .components-dropdown > .components-button.has-icon.is-pressed { background: #1e1e1e; } .edit-site-header_start .edit-site-header__toolbar > .components-button.has-icon:focus:not(:disabled), .edit-site-header_start .edit-site-header__toolbar > .components-dropdown > .components-button.has-icon:focus:not(:disabled) { box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 1px #fff; outline: 1px solid transparent; } .edit-site-header_start .edit-site-header__toolbar > .components-button.has-icon::before, .edit-site-header_start .edit-site-header__toolbar > .components-dropdown > .components-button.has-icon::before { display: none; } .edit-site-header_start .edit-site-header__toolbar > .edit-site-header-toolbar__inserter-toggle.has-icon { margin-right: 8px; min-width: 32px; width: 32px; height: 32px; padding: 0; } .edit-site-header_start .edit-site-header__toolbar > .edit-site-header-toolbar__inserter-toggle.has-text.has-icon { width: auto; padding: 0 8px; } .show-icon-labels .edit-site-header .components-button.has-icon { width: auto; } .show-icon-labels .edit-site-header .components-button.has-icon svg { display: none; } .show-icon-labels .edit-site-header .components-button.has-icon::after { content: attr(aria-label); } .show-icon-labels .edit-site-header .components-button.has-icon[aria-disabled=true] { background-color: transparent; } .show-icon-labels .edit-site-header .is-tertiary:active { box-shadow: 0 0 0 1.5px var(--wp-admin-theme-color); background-color: transparent; } .show-icon-labels .edit-site-header .edit-site-save-button__button { padding-left: 6px; padding-right: 6px; } .show-icon-labels .edit-site-header .edit-site-document-actions__get-info.edit-site-document-actions__get-info.edit-site-document-actions__get-info::after { content: none; } .show-icon-labels .edit-site-header .edit-site-header-toolbar__inserter-toggle.edit-site-header-toolbar__inserter-toggle, .show-icon-labels .edit-site-header .edit-site-document-actions__get-info.edit-site-document-actions__get-info.edit-site-document-actions__get-info { height: 36px; padding: 0 8px; } .show-icon-labels .edit-site-header .edit-site-header_start .edit-site-header__toolbar > * + * { margin-left: 8px; } .edit-site-document-actions { display: flex; flex-direction: column; justify-content: center; padding: 0 8px; height: 100%; min-width: 0; } .edit-site-document-actions .edit-site-document-actions__title-wrapper { display: flex; flex-direction: row; justify-content: center; align-items: center; min-width: 0; } .edit-site-document-actions .edit-site-document-actions__title-wrapper .components-dropdown { display: inline-flex; margin-left: 4px; } .edit-site-document-actions .edit-site-document-actions__title-wrapper .components-dropdown .components-button { min-width: 0; padding: 0; } .edit-site-document-actions .edit-site-document-actions__title-wrapper > h1 { margin: 0; min-width: 0; } .edit-site-document-actions .edit-site-document-actions__title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .edit-site-document-actions .edit-site-document-actions__secondary-item { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 0; opacity: 0; padding: 0; transition: all ease 0.2s; background: #e0e0e0; border-radius: 2px; } @media (prefers-reduced-motion: reduce) { .edit-site-document-actions .edit-site-document-actions__secondary-item { transition-duration: 0s; transition-delay: 0s; } } .edit-site-document-actions.has-secondary-label .edit-site-document-actions__secondary-item { opacity: 1; padding: 0 4px; max-width: 180px; margin-left: 6px; } .edit-site-document-actions__info-dropdown > .components-popover__content { padding: 0; min-width: 240px; } .edit-site-navigation-toggle { align-items: center; background: #1e1e1e; border-radius: 0; display: flex; position: absolute; z-index: 31; height: 60px; width: 60px; } .edit-site-navigation-toggle__button.components-button { align-items: center; background: #1e1e1e; border-radius: 0; color: #fff; height: 61px; width: 60px; z-index: 1; margin-bottom: -1px; min-width: 60px; } .edit-site-navigation-toggle__button.components-button:hover, .edit-site-navigation-toggle__button.components-button:active { color: #fff; } .edit-site-navigation-toggle__button.components-button:focus { box-shadow: none; } .edit-site-navigation-toggle__button.components-button::before { transition: box-shadow 0.1s ease; content: ""; display: block; position: absolute; top: 9px; right: 9px; bottom: 9px; left: 9px; border-radius: 4px; box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) #1e1e1e; } @media (prefers-reduced-motion: reduce) { .edit-site-navigation-toggle__button.components-button::before { transition-duration: 0s; transition-delay: 0s; } } .edit-site-navigation-toggle__button.components-button:hover::before { box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) #757575; } .edit-site-navigation-toggle__button.components-button.has-icon:hover::before { box-shadow: none; } .edit-site-navigation-toggle__button.components-button:focus::before { box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) rgba(255, 255, 255, 0.1), inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); } .edit-site-navigation-toggle__button.components-button .edit-site-navigation-toggle__site-icon { width: 36px; height: 36px; border-radius: 2px; -o-object-fit: cover; object-fit: cover; margin-top: -1px; } .edit-site-navigation-panel { height: 100%; position: relative; width: 0; overflow: hidden; background: #1e1e1e; color: #fff; transition: width 100ms linear; } @media (prefers-reduced-motion: reduce) { .edit-site-navigation-panel { transition-duration: 0s; transition-delay: 0s; } } @media (min-width: 782px) { .interface-interface-skeleton.has-footer .edit-site-navigation-panel { height: calc(100% - 25px); } } .edit-site-navigation-panel__inner { position: relative; width: 300px; height: 100%; overflow: hidden; visibility: hidden; transition: visibility 100ms linear; } @media (prefers-reduced-motion: reduce) { .edit-site-navigation-panel__inner { transition-duration: 0s; transition-delay: 0s; } } .edit-site-navigation-panel.is-open { width: 300px; } .edit-site-navigation-panel.is-open .edit-site-navigation-panel__inner { visibility: visible; } .edit-site-navigation-panel__site-title-container { height: 60px; padding-left: 60px; margin: 0 16px 0 8px; display: flex; align-items: center; } .edit-site-navigation-panel__site-title { font-style: normal; font-weight: 600; font-size: 14px; /* Matches menu items */ line-height: 20px; color: #ddd; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .edit-site-navigation-panel__scroll-container { overflow-x: hidden; overflow-y: auto; height: calc(100% - 60px); } .edit-site-navigation-panel__back-to-dashboard.components-button.is-tertiary { height: 36px; margin-top: 24px; padding: 8px 16px 8px 8px; } .edit-site-navigation-panel__back-to-dashboard.components-button.is-tertiary:focus:not(:disabled) { border-bottom-color: transparent; } .edit-site-navigation-panel__preview { display: none; border: 1px solid #ccc; width: 300px; padding: 16px; background: #fff; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); border-radius: 2px; position: absolute; top: 73px; left: 312px; color: #1e1e1e; z-index: 32; } @media (min-width: 782px) { .edit-site-navigation-panel__preview { display: block; } } .edit-site-navigation-panel__template-item { display: block; } .edit-site-navigation-panel__template-item .components-button { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; height: auto; min-height: 36px; text-align: left; padding-left: 16px; padding-right: 16px; color: inherit; } .edit-site-navigation-panel__template-item-title { font-size: 14px; line-height: 20px; } .edit-site-navigation-panel__template-item-title em { margin-right: 1ch; } .edit-site-navigation-panel__template-parts .components-navigation__menu-title-heading { text-transform: capitalize; } .edit-site-navigation-panel__template-part-item .components-navigation__item-title { text-transform: capitalize; } .components-navigation__item + .edit-site-navigation-panel__template-item { margin-top: 16px; } .edit-site-navigation-panel__template-item + .edit-site-navigation-panel__template-item { margin-top: 8px; } .edit-site-navigation-panel__info-wrapper { padding: 4px 0; } .edit-site-navigation-panel__template-item-description { padding-top: 8px; font-size: 12px; line-height: 16px; } .edit-site-navigation-panel__new-template-dropdown { margin: 0 0 0 12px; } .edit-site-navigation-panel__new-template-dropdown button { margin: 0; } @media (min-width: 600px) { .edit-site-navigation-panel__new-template-popover { min-width: 300px; } } .edit-site-list-header { position: relative; align-items: center; background-color: #fff; display: flex; height: 60px; box-sizing: border-box; width: 100%; justify-content: flex-end; padding-right: 16px; } body.is-fullscreen-mode .edit-site-list-header { padding-left: 60px; transition: padding-left 20ms linear; transition-delay: 80ms; } @media (prefers-reduced-motion: reduce) { body.is-fullscreen-mode .edit-site-list-header { transition-duration: 0s; transition-delay: 0s; } } .edit-site-list-header .edit-site-list-header__title { position: absolute; left: 0; width: 100%; text-align: center; font-size: 20px; padding: 0; margin: 0; } .edit-site-list-header__right { position: relative; } .edit-site .edit-site-list .interface-interface-skeleton__editor { min-width: 100%; } @media (min-width: 782px) { .edit-site .edit-site-list .interface-interface-skeleton__editor { min-width: 0; } } .edit-site .edit-site-list .interface-interface-skeleton__content { background: #fff; align-items: center; padding: 16px; } @media (min-width: 782px) { .edit-site .edit-site-list .interface-interface-skeleton__content { padding: 72px; } } .edit-site-list-table { width: 100%; border: 1px solid #ddd; border-radius: 2px; margin: 0; overflow: hidden; border-spacing: 0; max-width: 960px; } .edit-site-list-table tr { display: flex; align-items: center; padding: 16px; box-sizing: border-box; border-top: 1px solid #f0f0f0; margin: 0; } .edit-site-list-table tr:first-child { border-top: 0; } @media (min-width: 782px) { .edit-site-list-table tr { padding: 24px 32px; } } .edit-site-list-table tr .edit-site-list-table-column:nth-child(1) { width: calc(60% - 18px); padding-right: 24px; } .edit-site-list-table tr .edit-site-list-table-column:nth-child(1) a { display: inline-block; text-decoration: none; font-weight: 500; margin-bottom: 4px; } .edit-site-list-table tr .edit-site-list-table-column:nth-child(2) { width: calc(40% - 18px); word-break: break-word; } .edit-site-list-table tr .edit-site-list-table-column:nth-child(3) { min-width: 36px; flex-shrink: 0; } .edit-site-list-table tr.edit-site-list-table-head { font-size: 16px; font-weight: 600; text-align: left; color: #1e1e1e; border-top: none; border-bottom: 1px solid #ddd; } .edit-site-list-table tr.edit-site-list-table-head th { font-weight: inherit; } @media (min-width: 782px) { .edit-site-list.is-navigation-open .components-snackbar-list { margin-left: 300px; } } @media (min-width: 782px) { .edit-site-list__rename-modal .components-base-control { width: 320px; } } .edit-site-list__rename-modal-actions { margin-top: 12px; } .edit-site-template__actions button:not(:last-child) { margin-right: 8px; } .edit-site-list-added-by__icon { display: flex; flex-shrink: 0; position: relative; align-items: center; justify-content: center; width: 32px; height: 32px; background: #2f2f2f; border-radius: 100%; } .edit-site-list-added-by__icon svg { fill: #fff; } .edit-site-list-added-by__icon.is-customized::after { position: absolute; content: ""; background: var(--wp-admin-theme-color); height: 8px; width: 8px; outline: 2px solid #fff; border-radius: 100%; top: -1px; right: -1px; } .edit-site-list-added-by__avatar { flex-shrink: 0; overflow: hidden; border-radius: 100%; background: #2f2f2f; width: 32px; height: 32px; } .edit-site-list-added-by__avatar img { width: 32px; height: 32px; -o-object-fit: cover; object-fit: cover; opacity: 0; transition: opacity 0.1s linear; } @media (prefers-reduced-motion: reduce) { .edit-site-list-added-by__avatar img { transition-duration: 0s; transition-delay: 0s; } } .edit-site-list-added-by__avatar.is-loaded img { opacity: 1; } .edit-site-new-template-dropdown .components-dropdown-menu__toggle { padding: 6px 12px; } @media (min-width: 600px) { .edit-site-new-template-dropdown .edit-site-new-template-dropdown__popover { min-width: 300px; } } .edit-site-custom-template-modal__contents > .components-button { padding: 24px; box-shadow: inset 0 0 0 1px #949494; border-radius: 2px; width: 256px; height: auto; display: flex; flex-direction: column; gap: 8px; outline: 1px solid transparent; } .edit-site-custom-template-modal__contents > .components-button span:first-child { color: #1e1e1e; } .edit-site-custom-template-modal__contents > .components-button span { color: #757575; } .edit-site-custom-template-modal__contents > .components-button:hover { color: var(--wp-admin-theme-color-darker-10); box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color-darker-10); } .edit-site-custom-template-modal__contents > .components-button:hover span:first-child { color: var(--wp-admin-theme-color); } .edit-site-custom-template-modal__contents > .components-button:focus { box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); outline: 3px solid transparent; } .edit-site-custom-template-modal__contents > .components-button:focus span:first-child { color: var(--wp-admin-theme-color); } .edit-site-custom-template-modal .components-search-control input[type=search].components-search-control__input { background: #fff; border: 1px solid #ddd; } .edit-site-custom-template-modal .components-search-control input[type=search].components-search-control__input:focus { border-color: var(--wp-admin-theme-color); box-shadow: 0 0 0 1px var(--wp-admin-theme-color); } @media (min-width: 782px) { .edit-site-custom-template-modal { width: 456px; } } .edit-site-custom-template-modal__suggestions_list { margin-top: 16px; } @media (min-width: 600px) { .edit-site-custom-template-modal__suggestions_list { height: 232px; overflow: scroll; } } .edit-site-custom-template-modal__suggestions_list__list-item { display: block; width: 100%; text-align: left; white-space: pre-wrap; overflow-wrap: break-word; height: auto; } .edit-site-custom-template-modal__suggestions_list__list-item mark { font-weight: 700; background: none; } .edit-site-custom-template-modal__suggestions_list__list-item:hover { background-color: #f0f0f0; } .edit-site-custom-template-modal__suggestions_list__list-item:hover mark { color: var(--wp-admin-theme-color); } .edit-site-custom-template-modal__suggestions_list__list-item:focus { background-color: #f0f0f0; } .edit-site-custom-template-modal__suggestions_list__list-item:focus:not(:disabled) { box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color) inset; } .edit-site-custom-template-modal__suggestions_list__list-item__title, .edit-site-custom-template-modal__suggestions_list__list-item__info { overflow: hidden; text-overflow: ellipsis; display: block; } .edit-site-custom-template-modal__suggestions_list__list-item__title { font-weight: 500; margin-bottom: 0.2em; } .edit-site-custom-template-modal__suggestions_list__list-item__info { color: #757575; font-size: 0.9em; line-height: 1.3; word-break: break-all; } .edit-site-custom-template-modal__no-results { border: 1px solid #ccc; border-radius: 2px; padding: 16px; margin-bottom: 0; margin-top: 16px; } @media (min-width: 782px) { .edit-site-custom-generic-template__modal .components-base-control { width: 320px; } } .edit-site-custom-generic-template__modal .components-modal__header { border-bottom: none; } .edit-site-custom-generic-template__modal .components-modal__content::before { margin-bottom: 4px; } .edit-site-custom-generic-template__modal-actions { margin-top: 12px; } .edit-site-sidebar { width: 280px; } .edit-site-sidebar > .components-panel { border-left: 0; border-right: 0; margin-bottom: -1px; margin-top: -1px; } .edit-site-sidebar > .components-panel > .components-panel__header { background: #f0f0f0; } .edit-site-sidebar .block-editor-block-inspector__card { margin: 0; } .edit-site-global-styles-sidebar { display: flex; flex-direction: column; min-height: 100%; } .edit-site-global-styles-sidebar__panel, .edit-site-global-styles-sidebar__navigator-provider { display: flex; flex-direction: column; flex: 1; } .edit-site-global-styles-sidebar__navigator-screen { flex: 1; } .edit-site-global-styles-sidebar .interface-complementary-area-header .components-button.has-icon { margin-left: 0; } .edit-site-global-styles-sidebar__reset-button.components-button { margin-left: auto; } .edit-site-global-styles-sidebar .components-navigation__menu-title-heading { font-size: 15.6px; font-weight: 500; } .edit-site-global-styles-sidebar .components-navigation__item > button span { font-weight: 500; } .edit-site-typography-panel, .edit-site-global-styles-sidebar .block-editor-panel-color-gradient-settings { border: 0; } .edit-site-global-styles-sidebar .components-tools-panel-item.single-column { grid-column: span 1; } .edit-site-global-styles-sidebar .components-tools-panel .span-columns { grid-column: 1/-1; } .edit-site-global-styles-sidebar__blocks-group { padding-top: 24px; border-top: 1px solid #e0e0e0; } .edit-site-global-styles-sidebar__blocks-group-help { padding: 0 16px; } .edit-site-global-styles-color-palette-panel, .edit-site-global-styles-gradient-palette-panel { padding: 16px; } .edit-site-navigation-sidebar__beta { display: inline-flex; margin-left: 8px; padding: 0 8px; height: 24px; border-radius: 2px; background-color: #1e1e1e; color: #fff; align-items: center; font-size: 12px; line-height: 1; } .edit-site-global-styles-sidebar hr { margin: 0; } .components-panel__header.edit-site-sidebar__panel-tabs { justify-content: flex-start; padding-left: 0; padding-right: 16px; border-top: 0; margin-top: 0; } .components-panel__header.edit-site-sidebar__panel-tabs ul { display: flex; } .components-panel__header.edit-site-sidebar__panel-tabs li { margin: 0; } .components-panel__header.edit-site-sidebar__panel-tabs .components-button.has-icon { display: none; margin: 0 0 0 auto; padding: 0; min-width: 24px; height: 24px; } @media (min-width: 782px) { .components-panel__header.edit-site-sidebar__panel-tabs .components-button.has-icon { display: flex; } } .components-button.edit-site-sidebar__panel-tab { border-radius: 0; height: 48px; background: transparent; border: none; box-shadow: none; cursor: pointer; display: inline-block; padding: 3px 15px; margin-left: 0; font-weight: 500; } .components-button.edit-site-sidebar__panel-tab::after { content: attr(data-label); display: block; font-weight: 600; height: 0; overflow: hidden; speak: none; visibility: hidden; } .components-button.edit-site-sidebar__panel-tab.is-active { box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) transparent, inset 0 -1.5px 0 0 var(--wp-admin-theme-color); position: relative; z-index: 1; } .components-button.edit-site-sidebar__panel-tab.is-active::before { content: ""; position: absolute; top: 0; bottom: 1px; right: 0; left: 0; border-bottom: 1.5px solid transparent; } .components-button.edit-site-sidebar__panel-tab:focus { box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); position: relative; z-index: 1; } .components-button.edit-site-sidebar__panel-tab.is-active:focus { box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 -1.5px 0 0 var(--wp-admin-theme-color); } @keyframes loadingpulse { 0% { opacity: 1; } 50% { opacity: 0.5; } 100% { opacity: 1; } } .edit-site-navigation-inspector { padding: 16px; } .edit-site-navigation-inspector .block-editor-list-view-leaf .block-editor-list-view-block-contents { white-space: normal; } .edit-site-navigation-inspector .block-editor-list-view-block__title { margin-top: 3px; } .edit-site-navigation-inspector .block-editor-list-view-block__menu-cell { padding-right: 0; } .edit-site-navigation-inspector__placeholder { padding: 8px; margin: 8px; background-color: #f0f0f0; animation: loadingpulse 1s linear infinite; animation-delay: 0.5s; } .edit-site-navigation-inspector__placeholder.is-child { margin-left: 24px; width: 50%; } .edit-site-template-card { display: flex; align-items: flex-start; } .edit-site-template-card__content { flex-grow: 1; margin-bottom: 4px; } .edit-site-template-card__title { font-weight: 500; line-height: 24px; } .edit-site-template-card__title.edit-site-template-card__title { margin: 0; } .edit-site-template-card__description { font-size: 13px; margin: 0 0 16px; } .edit-site-template-card__icon { flex: 0 0 24px; margin-right: 12px; width: 24px; height: 24px; } .edit-site-template-card__template-areas-list { margin: 0; } .edit-site-template-card__template-areas-list > li { margin: 0; } .edit-site-template-card__template-areas-item { width: 100%; } .edit-site-template-card__template-areas-item.components-button.has-icon { padding: 0; } .edit-site-template-card__header { display: flex; justify-content: space-between; margin: 0 0 4px; } .edit-site-template-card__actions { line-height: 0; } .edit-site-template-card__actions > .components-button.is-small.has-icon { padding: 0; min-width: auto; } h3.edit-site-template-card__template-areas-title { font-weight: 500; margin: 0 0 8px; } html #wpadminbar { display: none; } html.wp-toolbar { padding-top: 0; } .edit-site-editor__toggle-save-panel { z-index: 100000; position: fixed !important; top: -9999em; bottom: auto; left: auto; right: 0; width: 280px; background-color: #fff; border: 1px dotted #ddd; height: auto !important; padding: 24px; display: flex; justify-content: center; } .interface-interface-skeleton__actions:focus .edit-site-editor__toggle-save-panel, .interface-interface-skeleton__actions:focus-within .edit-site-editor__toggle-save-panel { top: auto; bottom: 0; } .edit-site-visual-editor { position: relative; height: 100%; display: block; overflow: hidden; } .edit-site-visual-editor iframe { display: block; width: 100%; height: 100%; background-color: #fff; } .edit-site .components-editor-notices__snackbar { position: fixed; right: 0; bottom: 40px; padding-left: 16px; padding-right: 16px; } .edit-site .components-editor-notices__snackbar { /* Set left position when auto-fold is not on the body element. */ left: 0; } @media (min-width: 783px) { .edit-site .components-editor-notices__snackbar { left: 160px; } } .auto-fold .edit-site .components-editor-notices__snackbar { /* Auto fold is when on smaller breakpoints, nav menu auto collapses. */ } @media (min-width: 783px) { .auto-fold .edit-site .components-editor-notices__snackbar { left: 36px; } } @media (min-width: 961px) { .auto-fold .edit-site .components-editor-notices__snackbar { left: 160px; } } /* Sidebar manually collapsed. */ .folded .edit-site .components-editor-notices__snackbar { left: 0; } @media (min-width: 783px) { .folded .edit-site .components-editor-notices__snackbar { left: 36px; } } body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar { left: 0 !important; } .edit-site-template-details .edit-site-template-details__group { margin: 0; padding: 16px; } .edit-site-template-details .edit-site-template-details__group + .edit-site-template-details__group { border-top: 1px solid #ccc; } .edit-site-template-details .edit-site-template-details__description { color: #757575; } .edit-site-template-details .edit-site-template-details__group.edit-site-template-details__template-areas { padding: 8px; } .edit-site-template-details .edit-site-template-details__template-areas-item { position: relative; } .edit-site-template-details .edit-site-template-details__template-areas-item .edit-site-template-details__template-areas-item-more { position: absolute; right: 0; top: 0; bottom: 0; margin: auto 0; } .edit-site-template-details .edit-site-template-details__revert { padding: 12px 8px; } .edit-site-template-details .edit-site-template-details__revert-button { height: auto; padding: 4px 8px; text-align: left; } .edit-site-template-details .edit-site-template-details__revert-button:focus:not(:disabled) { box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 3px #fff; } .edit-site-template-details .edit-site-template-details__show-all-button.components-button { display: flex; justify-content: center; background: #1e1e1e; color: #fff; width: 100%; height: 44px; border-radius: 0; } .edit-site-template-details .edit-site-template-details__show-all-button.components-button:hover { color: #fff; } .edit-site-template-details .edit-site-template-details__show-all-button.components-button:active { color: #ccc; } .edit-site-template-details .edit-site-template-details__show-all-button.components-button:focus:not(:disabled) { box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 3px #fff; } .edit-site-create-template-part-modal { z-index: 1000001; } @media (min-width: 600px) { .edit-site-create-template-part-modal .components-modal__frame { max-width: 500px; } } .edit-site-create-template-part-modal__modal-actions { padding-top: 12px; } .edit-site-create-template-part-modal__area-base-control .components-base-control__label { margin: 16px 0 8px; cursor: auto; } .edit-site-create-template-part-modal__area-radio-group { width: 100%; border: 1px solid #757575; border-radius: 2px; } .edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio { display: block; width: 100%; height: 100%; text-align: left; padding: 12px; } .edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio, .edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-secondary:hover, .edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-primary:hover { margin: 0; background-color: inherit; border-bottom: 1px solid #757575; border-radius: 0; } .edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio:not(:focus), .edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-secondary:hover:not(:focus), .edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-primary:hover:not(:focus) { box-shadow: none; } .edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio:focus, .edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-secondary:hover:focus, .edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-primary:hover:focus { border-bottom: 1px solid #fff; } .edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio:last-of-type, .edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-secondary:hover:last-of-type, .edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-primary:hover:last-of-type { border-bottom: none; } .edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio:not(:hover), .edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio[aria-checked=true] { color: #1e1e1e; cursor: auto; } .edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio:not(:hover) .edit-site-create-template-part-modal__option-label div, .edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio[aria-checked=true] .edit-site-create-template-part-modal__option-label div { color: #949494; } .edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio .edit-site-create-template-part-modal__option-label { padding-top: 4px; white-space: normal; } .edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio .edit-site-create-template-part-modal__option-label div { padding-top: 4px; font-size: 12px; } .edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio .edit-site-create-template-part-modal__checkbox { margin-left: auto; min-width: 24px; } .edit-site-editor__inserter-panel, .edit-site-editor__list-view-panel { height: 100%; display: flex; flex-direction: column; } .edit-site-editor__list-view-panel { min-width: 350px; } .edit-site-editor__inserter-panel-header { padding-top: 8px; padding-right: 8px; display: flex; justify-content: flex-end; } .edit-site-editor__inserter-panel-content, .edit-site-editor__list-view-panel-content { height: calc(100% - 36px - 8px); } @media (min-width: 782px) { .edit-site-editor__inserter-panel-content { height: 100%; } } .edit-site-editor__list-view-panel-header { align-items: center; border-bottom: 1px solid #ddd; display: flex; justify-content: space-between; height: 48px; padding-left: 16px; padding-right: 4px; } .edit-site-editor__list-view-panel-content { overflow-y: auto; padding: 8px; } .edit-site-welcome-guide { width: 312px; } .edit-site-welcome-guide__image { background: #00a0d2; margin: 0 0 16px; } .edit-site-welcome-guide__image > img { display: block; max-width: 100%; -o-object-fit: cover; object-fit: cover; } .edit-site-welcome-guide__heading { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 24px; line-height: 1.4; margin: 16px 0 16px 0; padding: 0 32px; } .edit-site-welcome-guide__text { font-size: 13px; line-height: 1.4; margin: 0 0 16px 0; padding: 0 32px; } .edit-site-welcome-guide__text img { vertical-align: bottom; } .edit-site-welcome-guide__inserter-icon { margin: 0 4px; vertical-align: text-top; } .edit-site-keyboard-shortcut-help-modal__section { margin: 0 0 2rem 0; } .edit-site-keyboard-shortcut-help-modal__section-title { font-size: 0.9rem; font-weight: 600; } .edit-site-keyboard-shortcut-help-modal__shortcut { display: flex; align-items: baseline; padding: 0.6rem 0; border-top: 1px solid #ddd; margin-bottom: 0; } .edit-site-keyboard-shortcut-help-modal__shortcut:last-child { border-bottom: 1px solid #ddd; } .edit-site-keyboard-shortcut-help-modal__shortcut:empty { display: none; } .edit-site-keyboard-shortcut-help-modal__shortcut-term { font-weight: 600; margin: 0 0 0 1rem; text-align: right; } .edit-site-keyboard-shortcut-help-modal__shortcut-description { flex: 1; margin: 0; flex-basis: auto; } .edit-site-keyboard-shortcut-help-modal__shortcut-key-combination { display: block; background: none; margin: 0; padding: 0; } .edit-site-keyboard-shortcut-help-modal__shortcut-key-combination + .edit-site-keyboard-shortcut-help-modal__shortcut-key-combination { margin-top: 10px; } .edit-site-keyboard-shortcut-help-modal__shortcut-key { padding: 0.25rem 0.5rem; border-radius: 8%; margin: 0 0.2rem 0 0.2rem; } .edit-site-keyboard-shortcut-help-modal__shortcut-key:last-child { margin: 0 0 0 0.2rem; } html.wp-toolbar { background: #fff; } body.appearance_page_gutenberg-template-parts, body.site-editor-php { background: #fff; /* We hide legacy notices in Gutenberg Based Pages, because they were not designed in a way that scaled well. Plugins can use Gutenberg notices if they need to pass on information to the user when they are editing. */ } body.appearance_page_gutenberg-template-parts #wpcontent, body.site-editor-php #wpcontent { padding-left: 0; } body.appearance_page_gutenberg-template-parts #wpbody-content, body.site-editor-php #wpbody-content { padding-bottom: 0; } body.appearance_page_gutenberg-template-parts #wpbody-content > div:not(.edit-site):not(#screen-meta), body.site-editor-php #wpbody-content > div:not(.edit-site):not(#screen-meta) { display: none; } body.appearance_page_gutenberg-template-parts #wpfooter, body.site-editor-php #wpfooter { display: none; } body.appearance_page_gutenberg-template-parts .a11y-speak-region, body.site-editor-php .a11y-speak-region { left: -1px; top: -1px; } body.appearance_page_gutenberg-template-parts ul#adminmenu a.wp-has-current-submenu::after, body.appearance_page_gutenberg-template-parts ul#adminmenu > li.current > a.current::after, body.site-editor-php ul#adminmenu a.wp-has-current-submenu::after, body.site-editor-php ul#adminmenu > li.current > a.current::after { border-right-color: #fff; } body.appearance_page_gutenberg-template-parts .media-frame select.attachment-filters:last-of-type, body.site-editor-php .media-frame select.attachment-filters:last-of-type { width: auto; max-width: 100%; } .edit-site, .components-modal__frame { box-sizing: border-box; } .edit-site *, .edit-site *::before, .edit-site *::after, .components-modal__frame *, .components-modal__frame *::before, .components-modal__frame *::after { box-sizing: inherit; } @media (min-width: 600px) { .edit-site { bottom: 0; left: 0; min-height: 100vh; position: absolute; right: 0; top: 0; } } .edit-site .interface-interface-skeleton { top: 0; } .edit-site .interface-complementary-area__pin-unpin-item.components-button { display: none; } .edit-site .interface-interface-skeleton__content { background-color: #2f2f2f; } /** * Animations */ @keyframes edit-post__fade-in-animation { from { opacity: 0; } to { opacity: 1; } } body.admin-color-light { --wp-admin-theme-color: #0085ba; --wp-admin-theme-color--rgb: 0, 133, 186; --wp-admin-theme-color-darker-10: #0073a1; --wp-admin-theme-color-darker-10--rgb: 0, 115, 161; --wp-admin-theme-color-darker-20: #006187; --wp-admin-theme-color-darker-20--rgb: 0, 97, 135; --wp-admin-border-width-focus: 2px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { body.admin-color-light { --wp-admin-border-width-focus: 1.5px; } } body.admin-color-modern { --wp-admin-theme-color: #3858e9; --wp-admin-theme-color--rgb: 56, 88, 233; --wp-admin-theme-color-darker-10: #2145e6; --wp-admin-theme-color-darker-10--rgb: 33, 69, 230; --wp-admin-theme-color-darker-20: #183ad6; --wp-admin-theme-color-darker-20--rgb: 24, 58, 214; --wp-admin-border-width-focus: 2px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { body.admin-color-modern { --wp-admin-border-width-focus: 1.5px; } } body.admin-color-blue { --wp-admin-theme-color: #096484; --wp-admin-theme-color--rgb: 9, 100, 132; --wp-admin-theme-color-darker-10: #07526c; --wp-admin-theme-color-darker-10--rgb: 7, 82, 108; --wp-admin-theme-color-darker-20: #064054; --wp-admin-theme-color-darker-20--rgb: 6, 64, 84; --wp-admin-border-width-focus: 2px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { body.admin-color-blue { --wp-admin-border-width-focus: 1.5px; } } body.admin-color-coffee { --wp-admin-theme-color: #46403c; --wp-admin-theme-color--rgb: 70, 64, 60; --wp-admin-theme-color-darker-10: #383330; --wp-admin-theme-color-darker-10--rgb: 56, 51, 48; --wp-admin-theme-color-darker-20: #2b2724; --wp-admin-theme-color-darker-20--rgb: 43, 39, 36; --wp-admin-border-width-focus: 2px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { body.admin-color-coffee { --wp-admin-border-width-focus: 1.5px; } } body.admin-color-ectoplasm { --wp-admin-theme-color: #523f6d; --wp-admin-theme-color--rgb: 82, 63, 109; --wp-admin-theme-color-darker-10: #46365d; --wp-admin-theme-color-darker-10--rgb: 70, 54, 93; --wp-admin-theme-color-darker-20: #3a2c4d; --wp-admin-theme-color-darker-20--rgb: 58, 44, 77; --wp-admin-border-width-focus: 2px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { body.admin-color-ectoplasm { --wp-admin-border-width-focus: 1.5px; } } body.admin-color-midnight { --wp-admin-theme-color: #e14d43; --wp-admin-theme-color--rgb: 225, 77, 67; --wp-admin-theme-color-darker-10: #dd382d; --wp-admin-theme-color-darker-10--rgb: 221, 56, 45; --wp-admin-theme-color-darker-20: #d02c21; --wp-admin-theme-color-darker-20--rgb: 208, 44, 33; --wp-admin-border-width-focus: 2px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { body.admin-color-midnight { --wp-admin-border-width-focus: 1.5px; } } body.admin-color-ocean { --wp-admin-theme-color: #627c83; --wp-admin-theme-color--rgb: 98, 124, 131; --wp-admin-theme-color-darker-10: #576e74; --wp-admin-theme-color-darker-10--rgb: 87, 110, 116; --wp-admin-theme-color-darker-20: #4c6066; --wp-admin-theme-color-darker-20--rgb: 76, 96, 102; --wp-admin-border-width-focus: 2px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { body.admin-color-ocean { --wp-admin-border-width-focus: 1.5px; } } body.admin-color-sunrise { --wp-admin-theme-color: #dd823b; --wp-admin-theme-color--rgb: 221, 130, 59; --wp-admin-theme-color-darker-10: #d97426; --wp-admin-theme-color-darker-10--rgb: 217, 116, 38; --wp-admin-theme-color-darker-20: #c36922; --wp-admin-theme-color-darker-20--rgb: 195, 105, 34; --wp-admin-border-width-focus: 2px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { body.admin-color-sunrise { --wp-admin-border-width-focus: 1.5px; } } home/premiey/www/wp-includes/css/dist/edit-post/style.css 0000666 00000146164 15165261071 0017565 0 ustar 00 /** * Colors */ /** * Breakpoints & Media Queries */ /** * 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. */ /** * Colors */ /** * 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 & Editor UI. */ /** * Block paddings. */ /** * React Native specific. * These variables do not appear to be used anywhere else. */ /** * Converts a hex value into the rgb equivalent. * * @param {string} hex - the hexadecimal value to convert * @return {string} comma separated rgb values */ /** * Breakpoint mixins */ /** * Long content fade mixin * * Creates a fading overlay to signify that the content is longer * than the space allows. */ /** * Focus styles. */ /** * Applies editor left 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--rgb: 0, 124, 186; --wp-admin-theme-color-darker-10: #006ba1; --wp-admin-theme-color-darker-10--rgb: 0, 107, 161; --wp-admin-theme-color-darker-20: #005a87; --wp-admin-theme-color-darker-20--rgb: 0, 90, 135; --wp-admin-border-width-focus: 2px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { :root { --wp-admin-border-width-focus: 1.5px; } } .components-panel__header.interface-complementary-area-header__small { background: #fff; padding-right: 4px; } .components-panel__header.interface-complementary-area-header__small .interface-complementary-area-header__small-title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; } @media (min-width: 782px) { .components-panel__header.interface-complementary-area-header__small { display: none; } } .interface-complementary-area-header { background: #fff; padding-right: 4px; } .interface-complementary-area-header .components-button.has-icon { display: none; margin-left: auto; } .interface-complementary-area-header .components-button.has-icon ~ .components-button { margin-left: 0; } @media (min-width: 782px) { .interface-complementary-area-header .components-button.has-icon { display: flex; } } @media (min-width: 782px) { .components-panel__header + .interface-complementary-area-header { margin-top: 0; } } .interface-complementary-area { background: #fff; color: #1e1e1e; } @media (min-width: 600px) { .interface-complementary-area { -webkit-overflow-scrolling: touch; } } @media (min-width: 782px) { .interface-complementary-area { width: 280px; } } .interface-complementary-area .components-panel { border: none; position: relative; z-index: 0; } .interface-complementary-area .components-panel__header { position: sticky; top: 0; z-index: 1; } .interface-complementary-area .components-panel__header.edit-post-sidebar__panel-tabs { top: 48px; } @media (min-width: 782px) { .interface-complementary-area .components-panel__header.edit-post-sidebar__panel-tabs { top: 0; } } .interface-complementary-area p:not(.components-base-control__help) { margin-top: 0; } .interface-complementary-area h2 { font-size: 13px; color: #1e1e1e; margin-bottom: 1.5em; } .interface-complementary-area h3 { font-size: 11px; text-transform: uppercase; font-weight: 500; color: #1e1e1e; margin-bottom: 1.5em; } .interface-complementary-area hr { border-top: none; border-bottom: 1px solid #f0f0f0; margin: 1.5em 0; } .interface-complementary-area div.components-toolbar-group, .interface-complementary-area div.components-toolbar { box-shadow: none; margin-bottom: 1.5em; } .interface-complementary-area div.components-toolbar-group:last-child, .interface-complementary-area div.components-toolbar:last-child { margin-bottom: 0; } .interface-complementary-area .block-editor-skip-to-selected-block:focus { top: auto; right: 10px; bottom: 10px; left: auto; } @media (min-width: 782px) { body.js.is-fullscreen-mode { margin-top: -32px; height: calc(100% + 32px); } body.js.is-fullscreen-mode #adminmenumain, body.js.is-fullscreen-mode #wpadminbar { display: none; } body.js.is-fullscreen-mode #wpcontent, body.js.is-fullscreen-mode #wpfooter { margin-left: 0; } } html.interface-interface-skeleton__html-container { position: fixed; width: 100%; } @media (min-width: 782px) { html.interface-interface-skeleton__html-container { position: initial; width: initial; } } .interface-interface-skeleton { display: flex; flex-direction: row; height: auto; max-height: 100%; position: fixed; top: 46px; left: 0; right: 0; bottom: 0; } @media (min-width: 783px) { .interface-interface-skeleton { top: 32px; } .is-fullscreen-mode .interface-interface-skeleton { top: 0; } } .interface-interface-skeleton__editor { display: flex; flex-direction: column; flex: 0 1 100%; overflow: hidden; } .interface-interface-skeleton { /* Set left position when auto-fold is not on the body element. */ left: 0; } @media (min-width: 783px) { .interface-interface-skeleton { left: 160px; } } .auto-fold .interface-interface-skeleton { /* Auto fold is when on smaller breakpoints, nav menu auto collapses. */ } @media (min-width: 783px) { .auto-fold .interface-interface-skeleton { left: 36px; } } @media (min-width: 961px) { .auto-fold .interface-interface-skeleton { left: 160px; } } /* Sidebar manually collapsed. */ .folded .interface-interface-skeleton { left: 0; } @media (min-width: 783px) { .folded .interface-interface-skeleton { left: 36px; } } body.is-fullscreen-mode .interface-interface-skeleton { left: 0 !important; } .interface-interface-skeleton__body { flex-grow: 1; display: flex; overflow: auto; overscroll-behavior-y: none; } @media (min-width: 782px) { .has-footer .interface-interface-skeleton__body { padding-bottom: 25px; } } .interface-interface-skeleton__content { flex-grow: 1; display: flex; flex-direction: column; overflow: auto; z-index: 20; } .interface-interface-skeleton__secondary-sidebar, .interface-interface-skeleton__sidebar { display: block; flex-shrink: 0; position: absolute; z-index: 100000; top: 0; right: 0; bottom: 0; left: 0; background: #fff; color: #1e1e1e; } @media (min-width: 782px) { .interface-interface-skeleton__secondary-sidebar, .interface-interface-skeleton__sidebar { position: relative !important; z-index: 90; width: auto; } } .interface-interface-skeleton__sidebar { overflow: auto; } @media (min-width: 782px) { .interface-interface-skeleton__sidebar { border-left: 1px solid #e0e0e0; } } @media (min-width: 782px) { .interface-interface-skeleton__secondary-sidebar { border-right: 1px solid #e0e0e0; } } .interface-interface-skeleton__header { flex-shrink: 0; height: auto; border-bottom: 1px solid #e0e0e0; z-index: 30; color: #1e1e1e; } .interface-interface-skeleton__footer { height: auto; flex-shrink: 0; border-top: 1px solid #e0e0e0; color: #1e1e1e; position: absolute; bottom: 0; left: 0; width: 100%; background-color: #fff; z-index: 90; display: none; } @media (min-width: 782px) { .interface-interface-skeleton__footer { display: flex; } } .interface-interface-skeleton__footer .block-editor-block-breadcrumb { z-index: 30; display: flex; background: #fff; height: 24px; align-items: center; font-size: 13px; padding: 0 18px; } .interface-interface-skeleton__actions { z-index: 100000; position: fixed !important; top: -9999em; bottom: auto; left: auto; right: 0; width: 280px; color: #1e1e1e; } .interface-interface-skeleton__actions:focus { top: auto; bottom: 0; } .interface-more-menu-dropdown { margin-left: -4px; } .interface-more-menu-dropdown .components-button { width: auto; padding: 0 2px; } @media (min-width: 600px) { .interface-more-menu-dropdown { margin-left: 0; } .interface-more-menu-dropdown .components-button { padding: 0 4px; } } .interface-more-menu-dropdown__content .components-popover__content { min-width: 280px; } @media (min-width: 480px) { .interface-more-menu-dropdown__content .components-popover__content { max-width: 480px; } } .interface-more-menu-dropdown__content .components-popover__content .components-dropdown-menu__menu { padding: 0; } .components-popover.interface-more-menu-dropdown__content { z-index: 99998; } .interface-pinned-items { display: flex; gap: 4px; margin-right: -4px; } .interface-pinned-items .components-button:not(:first-child) { display: none; } @media (min-width: 600px) { .interface-pinned-items .components-button:not(:first-child) { display: flex; } } .interface-pinned-items .components-button { margin: 0; } .interface-pinned-items .components-button svg { max-width: 24px; max-height: 24px; } @media (min-width: 600px) { .interface-preferences-modal { width: calc(100% - 32px); height: calc(100% - 120px); } } @media (min-width: 782px) { .interface-preferences-modal { width: 750px; } } @media (min-width: 960px) { .interface-preferences-modal { height: 70%; } } @media (max-width: 781px) { .interface-preferences-modal .components-modal__content { padding: 0; } } .interface-preferences__tabs .components-tab-panel__tabs { position: absolute; top: 84px; left: 16px; width: 160px; } .interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item { border-radius: 2px; font-weight: 400; } .interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item.is-active { background: #f0f0f0; box-shadow: none; font-weight: 500; } .interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item:focus:not(:disabled) { box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); } .interface-preferences__tabs .components-tab-panel__tab-content { padding-left: 24px; margin-left: 160px; } @media (max-width: 781px) { .interface-preferences__provider { height: 100%; } } .interface-preferences-modal__section { margin: 0 0 2.5rem 0; } .interface-preferences-modal__section:last-child { margin: 0; } .interface-preferences-modal__section-legend { margin-bottom: 8px; } .interface-preferences-modal__section-title { font-size: 0.9rem; font-weight: 600; margin-top: 0; } .interface-preferences-modal__section-description { margin: -8px 0 8px 0; font-size: 12px; font-style: normal; color: #757575; } .interface-preferences-modal__option + .interface-preferences-modal__option { margin-top: 16px; } .interface-preferences-modal__option .components-base-control__help { margin-top: 0; margin-left: 48px; } .edit-post-header { height: 60px; background: #fff; display: flex; flex-wrap: wrap; align-items: center; max-width: 100vw; } @media (min-width: 280px) { .edit-post-header { flex-wrap: nowrap; } } .edit-post-header > .edit-post-header__settings { order: 1; } @supports (position: sticky) { .edit-post-header > .edit-post-header__settings { order: initial; } } .edit-post-header__toolbar { display: flex; flex-grow: 1; } .edit-post-header__toolbar .table-of-contents { display: none; } @media (min-width: 600px) { .edit-post-header__toolbar .table-of-contents { display: block; } } /** * Buttons on the right side */ .edit-post-header__settings { display: inline-flex; align-items: center; flex-wrap: wrap; padding-right: 4px; gap: 4px; } @media (min-width: 600px) { .edit-post-header__settings { padding-right: 10px; } } @media (min-width: 600px) { .edit-post-header__settings { gap: 8px; } } .edit-post-header-preview__grouping-external { display: flex; position: relative; padding-bottom: 0; } .edit-post-header-preview__button-external { padding-left: 8px; margin-right: auto; width: 100%; display: flex; justify-content: flex-start; } .edit-post-header-preview__button-external svg { margin-left: auto; } .edit-post-post-preview-dropdown .components-popover__content { padding-bottom: 0; } /** * Show icon labels. */ .show-icon-labels.interface-pinned-items .components-button.has-icon, .show-icon-labels .edit-post-header .components-button.has-icon, .edit-post-header__dropdown .components-button.has-icon { width: auto; } .show-icon-labels.interface-pinned-items .components-button.has-icon svg, .show-icon-labels .edit-post-header .components-button.has-icon svg, .edit-post-header__dropdown .components-button.has-icon svg { display: none; } .show-icon-labels.interface-pinned-items .components-button.has-icon::after, .show-icon-labels .edit-post-header .components-button.has-icon::after, .edit-post-header__dropdown .components-button.has-icon::after { content: attr(aria-label); } .show-icon-labels.interface-pinned-items .components-button.has-icon[aria-disabled=true], .show-icon-labels .edit-post-header .components-button.has-icon[aria-disabled=true], .edit-post-header__dropdown .components-button.has-icon[aria-disabled=true] { background-color: transparent; } .show-icon-labels.interface-pinned-items .is-tertiary:active, .show-icon-labels .edit-post-header .is-tertiary:active, .edit-post-header__dropdown .is-tertiary:active { box-shadow: 0 0 0 1.5px var(--wp-admin-theme-color); background-color: transparent; } .show-icon-labels.interface-pinned-items .edit-post-fullscreen-mode-close.has-icon svg, .show-icon-labels.interface-pinned-items .components-button.has-icon.button-toggle svg, .show-icon-labels .edit-post-header .edit-post-fullscreen-mode-close.has-icon svg, .show-icon-labels .edit-post-header .components-button.has-icon.button-toggle svg, .edit-post-header__dropdown .edit-post-fullscreen-mode-close.has-icon svg, .edit-post-header__dropdown .components-button.has-icon.button-toggle svg { display: block; } .show-icon-labels.interface-pinned-items .edit-post-fullscreen-mode-close.has-icon::after, .show-icon-labels.interface-pinned-items .components-button.has-icon.button-toggle::after, .show-icon-labels .edit-post-header .edit-post-fullscreen-mode-close.has-icon::after, .show-icon-labels .edit-post-header .components-button.has-icon.button-toggle::after, .edit-post-header__dropdown .edit-post-fullscreen-mode-close.has-icon::after, .edit-post-header__dropdown .components-button.has-icon.button-toggle::after { content: none; } .show-icon-labels.interface-pinned-items .edit-post-fullscreen-mode-close.has-icon, .show-icon-labels .edit-post-header .edit-post-fullscreen-mode-close.has-icon, .edit-post-header__dropdown .edit-post-fullscreen-mode-close.has-icon { width: 60px; } .show-icon-labels.interface-pinned-items .components-menu-items-choice .components-menu-items__item-icon.components-menu-items__item-icon, .show-icon-labels .edit-post-header .components-menu-items-choice .components-menu-items__item-icon.components-menu-items__item-icon, .edit-post-header__dropdown .components-menu-items-choice .components-menu-items__item-icon.components-menu-items__item-icon { display: block; } .show-icon-labels.interface-pinned-items .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle, .show-icon-labels.interface-pinned-items .interface-pinned-items .components-button, .show-icon-labels .edit-post-header .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle, .show-icon-labels .edit-post-header .interface-pinned-items .components-button, .edit-post-header__dropdown .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle, .edit-post-header__dropdown .interface-pinned-items .components-button { padding-left: 8px; padding-right: 8px; } @media (min-width: 600px) { .show-icon-labels.interface-pinned-items .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle, .show-icon-labels.interface-pinned-items .interface-pinned-items .components-button, .show-icon-labels .edit-post-header .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle, .show-icon-labels .edit-post-header .interface-pinned-items .components-button, .edit-post-header__dropdown .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle, .edit-post-header__dropdown .interface-pinned-items .components-button { padding-left: 12px; padding-right: 12px; } } .show-icon-labels.interface-pinned-items .editor-post-save-draft.editor-post-save-draft::after, .show-icon-labels .edit-post-header .editor-post-save-draft.editor-post-save-draft::after, .edit-post-header__dropdown .editor-post-save-draft.editor-post-save-draft::after { content: none; } @media (min-width: 600px) { .show-icon-labels.interface-pinned-items .editor-post-save-draft.editor-post-save-draft::after, .show-icon-labels .edit-post-header .editor-post-save-draft.editor-post-save-draft::after, .edit-post-header__dropdown .editor-post-save-draft.editor-post-save-draft::after { content: attr(aria-label); } } .edit-post-header__dropdown .components-menu-item__button.components-menu-item__button, .edit-post-header__dropdown .components-button.editor-history__undo, .edit-post-header__dropdown .components-button.editor-history__redo, .edit-post-header__dropdown .table-of-contents .components-button, .edit-post-header__dropdown .components-button.block-editor-list-view { margin: 0; padding: 6px 6px 6px 40px; width: 14.625rem; text-align: left; justify-content: flex-start; } .show-icon-labels.interface-pinned-items { padding: 6px 12px 12px; margin-top: 0; margin-bottom: 0; margin-left: -12px; margin-right: -12px; border-bottom: 1px solid #ccc; display: block; } .show-icon-labels.interface-pinned-items > .components-button.has-icon { margin: 0; padding: 6px 6px 6px 8px; width: 14.625rem; justify-content: flex-start; } .show-icon-labels.interface-pinned-items > .components-button.has-icon[aria-expanded=true] svg { display: block; max-width: 24px; } .show-icon-labels.interface-pinned-items > .components-button.has-icon[aria-expanded=false] { padding-left: 40px; } .show-icon-labels.interface-pinned-items > .components-button.has-icon svg { margin-right: 8px; } .edit-post-fullscreen-mode-close.components-button { display: none; } @media (min-width: 782px) { .edit-post-fullscreen-mode-close.components-button { display: flex; align-items: center; align-self: stretch; border: none; background: #1e1e1e; color: #fff; border-radius: 0; height: 61px; width: 60px; position: relative; margin-bottom: -1px; } .edit-post-fullscreen-mode-close.components-button:active { color: #fff; } .edit-post-fullscreen-mode-close.components-button:focus { box-shadow: none; } .edit-post-fullscreen-mode-close.components-button::before { transition: box-shadow 0.1s ease; content: ""; display: block; position: absolute; top: 9px; right: 9px; bottom: 9px; left: 9px; border-radius: 4px; box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) #1e1e1e; } } @media (min-width: 782px) and (prefers-reduced-motion: reduce) { .edit-post-fullscreen-mode-close.components-button::before { transition-duration: 0s; transition-delay: 0s; } } @media (min-width: 782px) { .edit-post-fullscreen-mode-close.components-button:hover::before { box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) #757575; } } @media (min-width: 782px) { .edit-post-fullscreen-mode-close.components-button.has-icon:hover::before { box-shadow: none; } } @media (min-width: 782px) { .edit-post-fullscreen-mode-close.components-button:focus::before { box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) rgba(255, 255, 255, 0.1), inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); } } .edit-post-fullscreen-mode-close.components-button .edit-post-fullscreen-mode-close_site-icon { width: 36px; height: 36px; border-radius: 2px; -o-object-fit: cover; object-fit: cover; margin-top: -1px; } .edit-post-header-toolbar { display: inline-flex; flex-grow: 1; align-items: center; border: none; } .edit-post-header-toolbar .edit-post-header-toolbar__left > .components-button { display: none; } @media (min-width: 600px) { .edit-post-header-toolbar .edit-post-header-toolbar__left > .components-button { display: inline-flex; } } .edit-post-header-toolbar .edit-post-header-toolbar__left > .edit-post-header-toolbar__inserter-toggle { display: inline-flex; } .edit-post-header-toolbar .edit-post-header-toolbar__left > .edit-post-header-toolbar__inserter-toggle svg { transition: transform cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; } @media (prefers-reduced-motion: reduce) { .edit-post-header-toolbar .edit-post-header-toolbar__left > .edit-post-header-toolbar__inserter-toggle svg { transition-duration: 0s; transition-delay: 0s; } } .edit-post-header-toolbar .edit-post-header-toolbar__left > .edit-post-header-toolbar__inserter-toggle.is-pressed svg { transform: rotate(45deg); } .edit-post-header-toolbar .block-editor-list-view { display: none; } @media (min-width: 600px) { .edit-post-header-toolbar .block-editor-list-view { display: flex; } } .edit-post-header-toolbar .edit-post-header-toolbar__left > .components-button.has-icon, .edit-post-header-toolbar .edit-post-header-toolbar__left > .components-dropdown > .components-button.has-icon { height: 36px; min-width: 36px; padding: 6px; } .edit-post-header-toolbar .edit-post-header-toolbar__left > .components-button.has-icon.is-pressed, .edit-post-header-toolbar .edit-post-header-toolbar__left > .components-dropdown > .components-button.has-icon.is-pressed { background: #1e1e1e; } .edit-post-header-toolbar .edit-post-header-toolbar__left > .components-button.has-icon:focus:not(:disabled), .edit-post-header-toolbar .edit-post-header-toolbar__left > .components-dropdown > .components-button.has-icon:focus:not(:disabled) { box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 1px #fff; outline: 1px solid transparent; } .edit-post-header-toolbar .edit-post-header-toolbar__left > .components-button.has-icon::before, .edit-post-header-toolbar .edit-post-header-toolbar__left > .components-dropdown > .components-button.has-icon::before { display: none; } @media (min-width: 600px) { .edit-post-header.has-reduced-ui .edit-post-header-toolbar__left > * + .components-button, .edit-post-header.has-reduced-ui .edit-post-header-toolbar__left > * + .components-dropdown > [aria-expanded=false] { transition: opacity 0.1s linear; } } @media (min-width: 600px) and (prefers-reduced-motion: reduce) { .edit-post-header.has-reduced-ui .edit-post-header-toolbar__left > * + .components-button, .edit-post-header.has-reduced-ui .edit-post-header-toolbar__left > * + .components-dropdown > [aria-expanded=false] { transition-duration: 0s; transition-delay: 0s; } } @media (min-width: 600px) { .edit-post-header.has-reduced-ui:not(:hover) .edit-post-header-toolbar__left > * + .components-button, .edit-post-header.has-reduced-ui:not(:hover) .edit-post-header-toolbar__left > * + .components-dropdown > [aria-expanded=false] { opacity: 0; } } .edit-post-header-toolbar__left { display: inline-flex; align-items: center; padding-left: 8px; } @media (min-width: 600px) { .edit-post-header-toolbar__left { padding-left: 24px; } } @media (min-width: 1280px) { .edit-post-header-toolbar__left { padding-right: 8px; } } .edit-post-header-toolbar .edit-post-header-toolbar__left > .edit-post-header-toolbar__inserter-toggle.has-icon { margin-right: 8px; min-width: 32px; width: 32px; height: 32px; padding: 0; } .show-icon-labels .edit-post-header-toolbar .edit-post-header-toolbar__left > .edit-post-header-toolbar__inserter-toggle.has-icon { width: auto; height: 36px; padding: 0 8px; } .show-icon-labels .edit-post-header-toolbar__left > * + * { margin-left: 8px; } .edit-post-template-top-area { display: flex; flex-direction: column; align-content: space-between; width: 100%; align-items: center; } .edit-post-template-top-area .edit-post-template-title, .edit-post-template-top-area .edit-post-template-post-title { padding: 0; text-decoration: none; height: auto; } .edit-post-template-top-area .edit-post-template-title::before, .edit-post-template-top-area .edit-post-template-post-title::before { height: 100%; } .edit-post-template-top-area .edit-post-template-title.has-icon svg, .edit-post-template-top-area .edit-post-template-post-title.has-icon svg { order: 1; margin-right: 0; } .edit-post-template-top-area .edit-post-template-title { color: #1e1e1e; } .edit-post-template-top-area .edit-post-template-post-title { margin-top: 4px; max-width: 160px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; } .edit-post-template-top-area .edit-post-template-post-title::before { left: 0; right: 0; } @media (min-width: 1080px) { .edit-post-template-top-area .edit-post-template-post-title { max-width: 400px; } } .edit-post-template-top-area__popover .components-popover__content { min-width: 280px; } .edit-post-template-top-area__popover .components-popover__content > div { padding: 0; } .edit-post-template-top-area__popover .edit-site-template-details__group { padding: 16px; } .edit-post-template-top-area__popover .edit-site-template-details__group .components-base-control__help { margin-bottom: 0; } .edit-post-template-top-area__popover .edit-post-template-details__description { color: #757575; } .edit-post-template-top-area__second-menu-group { border-top: 1px solid #ddd; padding: 16px 8px; } .edit-post-template-top-area__second-menu-group .edit-post-template-top-area__delete-template-button { display: flex; justify-content: center; padding: 4px 8px; } .edit-post-template-top-area__second-menu-group .edit-post-template-top-area__delete-template-button.is-destructive { padding: inherit; margin-left: 8px; margin-right: 8px; width: calc(100% - 16px); } .edit-post-template-top-area__second-menu-group .edit-post-template-top-area__delete-template-button.is-destructive .components-menu-item__item { width: auto; } .edit-post-template-top-area__second-menu-group .edit-post-template-top-area__delete-template-button .components-menu-item__item { margin-right: 0; min-width: 0; width: 100%; } .edit-post-keyboard-shortcut-help-modal__section { margin: 0 0 2rem 0; } .edit-post-keyboard-shortcut-help-modal__section-title { font-size: 0.9rem; font-weight: 600; } .edit-post-keyboard-shortcut-help-modal__shortcut { display: flex; align-items: baseline; padding: 0.6rem 0; border-top: 1px solid #ddd; margin-bottom: 0; } .edit-post-keyboard-shortcut-help-modal__shortcut:last-child { border-bottom: 1px solid #ddd; } .edit-post-keyboard-shortcut-help-modal__shortcut:empty { display: none; } .edit-post-keyboard-shortcut-help-modal__shortcut-term { font-weight: 600; margin: 0 0 0 1rem; text-align: right; } .edit-post-keyboard-shortcut-help-modal__shortcut-description { flex: 1; margin: 0; flex-basis: auto; } .edit-post-keyboard-shortcut-help-modal__shortcut-key-combination { display: block; background: none; margin: 0; padding: 0; } .edit-post-keyboard-shortcut-help-modal__shortcut-key-combination + .edit-post-keyboard-shortcut-help-modal__shortcut-key-combination { margin-top: 10px; } .edit-post-keyboard-shortcut-help-modal__shortcut-key { padding: 0.25rem 0.5rem; border-radius: 8%; margin: 0 0.2rem 0 0.2rem; } .edit-post-keyboard-shortcut-help-modal__shortcut-key:last-child { margin: 0 0 0 0.2rem; } .edit-post-layout__metaboxes { flex-shrink: 0; clear: both; } .edit-post-layout .components-editor-notices__snackbar { position: fixed; right: 0; bottom: 40px; padding-left: 16px; padding-right: 16px; } .edit-post-layout .components-editor-notices__snackbar { /* Set left position when auto-fold is not on the body element. */ left: 0; } @media (min-width: 783px) { .edit-post-layout .components-editor-notices__snackbar { left: 160px; } } .auto-fold .edit-post-layout .components-editor-notices__snackbar { /* Auto fold is when on smaller breakpoints, nav menu auto collapses. */ } @media (min-width: 783px) { .auto-fold .edit-post-layout .components-editor-notices__snackbar { left: 36px; } } @media (min-width: 961px) { .auto-fold .edit-post-layout .components-editor-notices__snackbar { left: 160px; } } /* Sidebar manually collapsed. */ .folded .edit-post-layout .components-editor-notices__snackbar { left: 0; } @media (min-width: 783px) { .folded .edit-post-layout .components-editor-notices__snackbar { left: 36px; } } body.is-fullscreen-mode .edit-post-layout .components-editor-notices__snackbar { left: 0 !important; } .edit-post-layout .editor-post-publish-panel { position: fixed; z-index: 100001; top: 46px; bottom: 0; right: 0; left: 0; overflow: auto; } @media (min-width: 782px) { .edit-post-layout .editor-post-publish-panel { z-index: 99998; top: 32px; left: auto; width: 281px; border-left: 1px solid #ddd; transform: translateX(100%); animation: edit-post-post-publish-panel__slide-in-animation 0.1s forwards; } } @media (min-width: 782px) and (prefers-reduced-motion: reduce) { .edit-post-layout .editor-post-publish-panel { animation-duration: 1ms; animation-delay: 0s; } } @media (min-width: 782px) { body.is-fullscreen-mode .edit-post-layout .editor-post-publish-panel { top: 0; } } @media (min-width: 782px) { [role=region]:focus .edit-post-layout .editor-post-publish-panel { transform: translateX(0%); } } @keyframes edit-post-post-publish-panel__slide-in-animation { 100% { transform: translateX(0%); } } .edit-post-layout .editor-post-publish-panel__header-publish-button { justify-content: center; } .edit-post-layout__toggle-publish-panel, .edit-post-layout__toggle-sidebar-panel, .edit-post-layout__toggle-entities-saved-states-panel { z-index: 100000; position: fixed !important; top: -9999em; bottom: auto; left: auto; right: 0; width: 280px; background-color: #fff; border: 1px dotted #ddd; height: auto !important; padding: 24px; display: flex; justify-content: center; } .interface-interface-skeleton__actions:focus .edit-post-layout__toggle-publish-panel, .interface-interface-skeleton__actions:focus-within .edit-post-layout__toggle-publish-panel, .interface-interface-skeleton__actions:focus .edit-post-layout__toggle-sidebar-panel, .interface-interface-skeleton__actions:focus-within .edit-post-layout__toggle-sidebar-panel, .interface-interface-skeleton__actions:focus .edit-post-layout__toggle-entities-saved-states-panel, .interface-interface-skeleton__actions:focus-within .edit-post-layout__toggle-entities-saved-states-panel { top: auto; bottom: 0; } .edit-post-block-manager__no-results { font-style: italic; padding: 24px 0; text-align: center; } .edit-post-block-manager__search { margin: 16px 0; } .edit-post-block-manager__disabled-blocks-count { border: 1px solid #ddd; border-width: 1px 0; box-shadow: -32px 0 0 0 #fff, 32px 0 0 0 #fff; padding: 8px; background-color: #fff; text-align: center; font-style: italic; position: sticky; top: -1px; z-index: 2; } .edit-post-block-manager__disabled-blocks-count ~ .edit-post-block-manager__results .edit-post-block-manager__category-title { top: 35px; } .edit-post-block-manager__category { margin: 0 0 24px 0; } .edit-post-block-manager__category-title { position: sticky; top: 0; padding: 16px 0; background-color: #fff; z-index: 1; } .edit-post-block-manager__category-title .components-checkbox-control__label { font-weight: 600; } .edit-post-block-manager__checklist { margin-top: 0; } .edit-post-block-manager__category-title, .edit-post-block-manager__checklist-item { border-bottom: 1px solid #ddd; } .edit-post-block-manager__category-title .components-base-control__field, .edit-post-block-manager__checklist-item .components-base-control__field { align-items: center; display: flex; margin: 0; } .edit-post-block-manager__checklist-item { margin-bottom: 0; padding-left: 16px; } .components-modal__content .edit-post-block-manager__checklist-item.components-checkbox-control__input-container { margin: 0 8px; } .edit-post-block-manager__checklist-item .components-checkbox-control__label { display: flex; align-items: center; justify-content: space-between; flex-grow: 1; padding: 8px 0; } .edit-post-block-manager__checklist-item .block-editor-block-icon { margin-right: 10px; fill: #1e1e1e; } .edit-post-block-manager__results { border-top: 1px solid #ddd; } .edit-post-block-manager__disabled-blocks-count + .edit-post-block-manager__results { border-top-width: 0; } .edit-post-meta-boxes-area { position: relative; /** * The wordpress default for most meta-box elements is content-box. Some * elements such as textarea and input are set to border-box in forms.css. * These elements therefore specifically set back to border-box here, while * other elements (such as .button) are unaffected by Gutenberg's style * because of their higher specificity. */ /* Match width and positioning of the meta boxes. Override default styles. */ /* Override Default meta box stylings */ } .edit-post-meta-boxes-area__container, .edit-post-meta-boxes-area .inside { box-sizing: content-box; } .edit-post-meta-boxes-area textarea, .edit-post-meta-boxes-area input { box-sizing: border-box; } .edit-post-meta-boxes-area .postbox-header { border-top: 1px solid #ddd; border-bottom: 0; } .edit-post-meta-boxes-area #poststuff { margin: 0 auto; padding-top: 0; min-width: auto; } .edit-post-meta-boxes-area #poststuff h3.hndle, .edit-post-meta-boxes-area #poststuff .stuffbox > h3, .edit-post-meta-boxes-area #poststuff h2.hndle { /* WordPress selectors yolo */ box-sizing: border-box; color: inherit; font-weight: 600; outline: none; padding: 0 24px; position: relative; width: 100%; } .edit-post-meta-boxes-area .postbox { border: 0; color: inherit; margin-bottom: 0; } .edit-post-meta-boxes-area .postbox > .inside { color: inherit; padding: 0 24px 24px; margin: 0; } .edit-post-meta-boxes-area .postbox .handlediv { height: 44px; width: 44px; } .edit-post-meta-boxes-area.is-loading::before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ""; background: transparent; z-index: 1; } .edit-post-meta-boxes-area .components-spinner { position: absolute; top: 10px; right: 20px; z-index: 5; } .edit-post-meta-boxes-area .is-hidden { display: none; } .edit-post-meta-boxes-area .metabox-location-side .postbox input[type=checkbox] { border: 1px solid #757575; } .edit-post-meta-boxes-area .metabox-location-side .postbox input[type=checkbox]:checked { background: #fff; border-color: #757575; } .edit-post-meta-boxes-area .metabox-location-side .postbox input[type=checkbox]::before { margin: -3px -4px; } .edit-post-meta-boxes-area__clear { clear: both; } .edit-post-editor__inserter-panel, .edit-post-editor__list-view-panel { height: 100%; display: flex; flex-direction: column; } .edit-post-editor__list-view-panel { min-width: 350px; } .edit-post-editor__inserter-panel-header { padding-top: 8px; padding-right: 8px; display: flex; justify-content: flex-end; } .edit-post-editor__inserter-panel-content, .edit-post-editor__list-view-panel-content { height: calc(100% - 36px - 8px); } @media (min-width: 782px) { .edit-post-editor__inserter-panel-content { height: 100%; } } .edit-post-editor__list-view-panel-header { align-items: center; border-bottom: 1px solid #ddd; display: flex; justify-content: space-between; height: 48px; padding-left: 16px; padding-right: 4px; } .edit-post-editor__list-view-panel-content { overflow-y: auto; padding: 8px 6px; } .components-panel__header.edit-post-sidebar__panel-tabs { justify-content: flex-start; padding-left: 0; padding-right: 16px; border-top: 0; margin-top: 0; } .components-panel__header.edit-post-sidebar__panel-tabs ul { display: flex; } .components-panel__header.edit-post-sidebar__panel-tabs li { margin: 0; } .components-panel__header.edit-post-sidebar__panel-tabs .components-button.has-icon { display: none; margin: 0 0 0 auto; padding: 0; min-width: 24px; height: 24px; } @media (min-width: 782px) { .components-panel__header.edit-post-sidebar__panel-tabs .components-button.has-icon { display: flex; } } .components-panel__body.is-opened.edit-post-last-revision__panel { padding: 0; height: 48px; } .editor-post-last-revision__title.components-button { padding: 16px; } .edit-post-post-author { display: flex; flex-direction: column; align-items: stretch; } .edit-post-post-format { display: flex; flex-direction: column; align-items: stretch; } .edit-post-post-schedule { width: 100%; position: relative; justify-content: flex-start; } .edit-post-post-schedule span { display: block; width: 45%; flex-shrink: 0; } .components-button.edit-post-post-schedule__toggle { text-align: left; white-space: normal; height: auto; } .components-button.edit-post-post-schedule__toggle span { width: 0; } .edit-post-post-schedule__dialog .block-editor-publish-date-time-picker { margin: 8px; } .edit-post-post-slug { display: flex; flex-direction: column; align-items: stretch; } .edit-post-post-status .edit-post-post-publish-dropdown__switch-to-draft { margin-top: 15px; width: 100%; text-align: center; } .edit-post-post-template { width: 100%; justify-content: flex-start; } .edit-post-post-template span { display: block; width: 45%; } .edit-post-post-template__dropdown { max-width: 55%; } .components-button.edit-post-post-template__toggle { display: inline-block; width: 100%; overflow: hidden; text-overflow: ellipsis; } .edit-post-post-template__dialog { z-index: 99999; } .edit-post-post-template__form { min-width: 248px; margin: 8px; } @media (min-width: 782px) { .edit-post-post-template__create-form { width: 320px; } } .edit-post-post-url { width: 100%; justify-content: flex-start; } .edit-post-post-url span { display: block; width: 45%; flex-shrink: 0; } .components-button.edit-post-post-url__toggle { text-align: left; white-space: normal; height: auto; word-break: break-word; } .edit-post-post-url__dialog .editor-post-url { min-width: 248px; margin: 8px; } .edit-post-post-visibility { width: 100%; justify-content: flex-start; } .edit-post-post-visibility span { display: block; width: 45%; } .edit-post-post-visibility__dialog .editor-post-visibility { min-width: 248px; margin: 8px; } .components-button.edit-post-sidebar__panel-tab { border-radius: 0; height: 48px; background: transparent; border: none; box-shadow: none; cursor: pointer; display: inline-block; padding: 3px 15px; margin-left: 0; font-weight: 500; } .components-button.edit-post-sidebar__panel-tab::after { content: attr(data-label); display: block; font-weight: 600; height: 0; overflow: hidden; speak: none; visibility: hidden; } .components-button.edit-post-sidebar__panel-tab.is-active { box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) transparent, inset 0 -1.5px 0 0 var(--wp-admin-theme-color); position: relative; z-index: 1; } .components-button.edit-post-sidebar__panel-tab.is-active::before { content: ""; position: absolute; top: 0; bottom: 1px; right: 0; left: 0; border-bottom: 1.5px solid transparent; } .components-button.edit-post-sidebar__panel-tab:focus { box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); position: relative; z-index: 1; } .components-button.edit-post-sidebar__panel-tab.is-active:focus { box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 -3px 0 0 var(--wp-admin-theme-color); } h2.edit-post-template-summary__title { line-height: 24px; margin: 0 0 4px; font-weight: 500; } .edit-post-text-editor { position: relative; width: 100%; background-color: #fff; flex-grow: 1; } .edit-post-text-editor .editor-post-title { max-width: none; line-height: 1.4; font-family: Menlo, Consolas, monaco, monospace; font-size: 2.5em; font-weight: normal; border: 1px solid #949494; padding: 16px; } @media (min-width: 600px) { .edit-post-text-editor .editor-post-title { padding: 24px; } } .edit-post-text-editor .editor-post-title:focus { border-color: var(--wp-admin-theme-color); box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); } .edit-post-text-editor__body { width: 100%; padding: 0 12px 12px 12px; max-width: 1080px; margin-left: auto; margin-right: auto; } @media (min-width: 960px) { .edit-post-text-editor__body { padding: 16px 24px 96px 24px; padding: 0 24px 24px 24px; } } .edit-post-text-editor__toolbar { position: sticky; z-index: 1; top: 0; left: 0; right: 0; display: flex; background: rgba(255, 255, 255, 0.8); padding: 4px 12px; } @media (min-width: 600px) { .edit-post-text-editor__toolbar { padding: 12px; } } @media (min-width: 960px) { .edit-post-text-editor__toolbar { padding: 12px 24px; } } .edit-post-text-editor__toolbar h2 { line-height: 36px; margin: 0 auto 0 0; font-size: 13px; color: #1e1e1e; } .edit-post-text-editor__toolbar .components-button svg { order: 1; } .edit-post-visual-editor { position: relative; display: flex; flex-flow: column; background-color: #2f2f2f; flex: 1 0 auto; } .edit-post-visual-editor .components-button { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 13px; padding: 6px 12px; } .edit-post-visual-editor .components-button.is-tertiary, .edit-post-visual-editor .components-button.has-icon { padding: 6px; } .edit-post-visual-editor__post-title-wrapper { margin-top: 4rem; margin-bottom: var(--wp--style--block-gap); } .edit-post-visual-editor__post-title-wrapper .editor-post-title { margin-left: auto; margin-right: auto; } .edit-post-visual-editor__exit-template-mode { position: absolute; top: 8px; left: 8px; color: #fff; } .edit-post-visual-editor__exit-template-mode:active:not([aria-disabled=true]), .edit-post-visual-editor__exit-template-mode:focus:not([aria-disabled=true]), .edit-post-visual-editor__exit-template-mode:hover { color: #f0f0f0; } .edit-post-visual-editor__content-area { width: 100%; height: 100%; position: relative; box-sizing: border-box; display: flex; flex-grow: 1; } .edit-post-welcome-guide, .edit-template-welcome-guide { width: 312px; } .edit-post-welcome-guide__image, .edit-template-welcome-guide__image { background: #00a0d2; margin: 0 0 16px; } .edit-post-welcome-guide__image > img, .edit-template-welcome-guide__image > img { display: block; max-width: 100%; -o-object-fit: cover; object-fit: cover; } .edit-post-welcome-guide__heading, .edit-template-welcome-guide__heading { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 24px; line-height: 1.4; margin: 16px 0 16px 0; padding: 0 32px; } .edit-post-welcome-guide__text, .edit-template-welcome-guide__text { font-size: 13px; line-height: 1.4; margin: 0 0 24px 0; padding: 0 32px; } .edit-post-welcome-guide__inserter-icon, .edit-template-welcome-guide__inserter-icon { margin: 0 4px; vertical-align: text-top; } .edit-template-welcome-guide .components-button svg { fill: #fff; } @media (min-width: 600px) { .edit-post-start-page-options__modal { width: calc(100% - 32px); height: calc(100% - 120px); } } @media (min-width: 782px) { .edit-post-start-page-options__modal { width: 750px; } } @media (min-width: 960px) { .edit-post-start-page-options__modal { height: 70%; } } .edit-post-start-page-options__modal-content .block-editor-block-patterns-list { column-count: 2; column-gap: 24px; } .edit-post-start-page-options__modal-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item { break-inside: avoid-column; margin-bottom: 24px; } .edit-post-start-page-options__modal-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item .block-editor-block-preview__container { min-height: 100px; } .edit-post-start-page-options__modal-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item .block-editor-block-preview__content { width: 100%; } /** * Animations */ @keyframes edit-post__fade-in-animation { from { opacity: 0; } to { opacity: 1; } } html.wp-toolbar { background: #fff; } body.block-editor-page { background: #fff; /* We hide legacy notices in Gutenberg Based Pages, because they were not designed in a way that scaled well. Plugins can use Gutenberg notices if they need to pass on information to the user when they are editing. */ } body.block-editor-page #wpcontent { padding-left: 0; } body.block-editor-page #wpbody-content { padding-bottom: 0; } body.block-editor-page #wpbody-content > div:not(.block-editor):not(#screen-meta) { display: none; } body.block-editor-page #wpfooter { display: none; } body.block-editor-page .a11y-speak-region { left: -1px; top: -1px; } body.block-editor-page ul#adminmenu a.wp-has-current-submenu::after, body.block-editor-page ul#adminmenu > li.current > a.current::after { border-right-color: #fff; } body.block-editor-page .media-frame select.attachment-filters:last-of-type { width: auto; max-width: 100%; } .block-editor-page #wpwrap { overflow-y: auto; } @media (min-width: 782px) { .block-editor-page #wpwrap { overflow-y: initial; } } .edit-post-header, .edit-post-text-editor, .edit-post-sidebar, .editor-post-publish-panel, .components-popover, .components-modal__frame, .edit-post-editor__inserter-panel { box-sizing: border-box; } .edit-post-header *, .edit-post-header *::before, .edit-post-header *::after, .edit-post-text-editor *, .edit-post-text-editor *::before, .edit-post-text-editor *::after, .edit-post-sidebar *, .edit-post-sidebar *::before, .edit-post-sidebar *::after, .editor-post-publish-panel *, .editor-post-publish-panel *::before, .editor-post-publish-panel *::after, .components-popover *, .components-popover *::before, .components-popover *::after, .components-modal__frame *, .components-modal__frame *::before, .components-modal__frame *::after, .edit-post-editor__inserter-panel *, .edit-post-editor__inserter-panel *::before, .edit-post-editor__inserter-panel *::after { box-sizing: inherit; } @media (min-width: 600px) { .block-editor__container { position: absolute; top: 0; right: 0; bottom: 0; left: 0; min-height: calc(100vh - 46px); } } @media (min-width: 782px) { .block-editor__container { min-height: calc(100vh - 32px); } body.is-fullscreen-mode .block-editor__container { min-height: 100vh; } } .block-editor__container img { max-width: 100%; height: auto; } body.admin-color-light { --wp-admin-theme-color: #0085ba; --wp-admin-theme-color--rgb: 0, 133, 186; --wp-admin-theme-color-darker-10: #0073a1; --wp-admin-theme-color-darker-10--rgb: 0, 115, 161; --wp-admin-theme-color-darker-20: #006187; --wp-admin-theme-color-darker-20--rgb: 0, 97, 135; --wp-admin-border-width-focus: 2px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { body.admin-color-light { --wp-admin-border-width-focus: 1.5px; } } body.admin-color-modern { --wp-admin-theme-color: #3858e9; --wp-admin-theme-color--rgb: 56, 88, 233; --wp-admin-theme-color-darker-10: #2145e6; --wp-admin-theme-color-darker-10--rgb: 33, 69, 230; --wp-admin-theme-color-darker-20: #183ad6; --wp-admin-theme-color-darker-20--rgb: 24, 58, 214; --wp-admin-border-width-focus: 2px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { body.admin-color-modern { --wp-admin-border-width-focus: 1.5px; } } body.admin-color-blue { --wp-admin-theme-color: #096484; --wp-admin-theme-color--rgb: 9, 100, 132; --wp-admin-theme-color-darker-10: #07526c; --wp-admin-theme-color-darker-10--rgb: 7, 82, 108; --wp-admin-theme-color-darker-20: #064054; --wp-admin-theme-color-darker-20--rgb: 6, 64, 84; --wp-admin-border-width-focus: 2px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { body.admin-color-blue { --wp-admin-border-width-focus: 1.5px; } } body.admin-color-coffee { --wp-admin-theme-color: #46403c; --wp-admin-theme-color--rgb: 70, 64, 60; --wp-admin-theme-color-darker-10: #383330; --wp-admin-theme-color-darker-10--rgb: 56, 51, 48; --wp-admin-theme-color-darker-20: #2b2724; --wp-admin-theme-color-darker-20--rgb: 43, 39, 36; --wp-admin-border-width-focus: 2px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { body.admin-color-coffee { --wp-admin-border-width-focus: 1.5px; } } body.admin-color-ectoplasm { --wp-admin-theme-color: #523f6d; --wp-admin-theme-color--rgb: 82, 63, 109; --wp-admin-theme-color-darker-10: #46365d; --wp-admin-theme-color-darker-10--rgb: 70, 54, 93; --wp-admin-theme-color-darker-20: #3a2c4d; --wp-admin-theme-color-darker-20--rgb: 58, 44, 77; --wp-admin-border-width-focus: 2px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { body.admin-color-ectoplasm { --wp-admin-border-width-focus: 1.5px; } } body.admin-color-midnight { --wp-admin-theme-color: #e14d43; --wp-admin-theme-color--rgb: 225, 77, 67; --wp-admin-theme-color-darker-10: #dd382d; --wp-admin-theme-color-darker-10--rgb: 221, 56, 45; --wp-admin-theme-color-darker-20: #d02c21; --wp-admin-theme-color-darker-20--rgb: 208, 44, 33; --wp-admin-border-width-focus: 2px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { body.admin-color-midnight { --wp-admin-border-width-focus: 1.5px; } } body.admin-color-ocean { --wp-admin-theme-color: #627c83; --wp-admin-theme-color--rgb: 98, 124, 131; --wp-admin-theme-color-darker-10: #576e74; --wp-admin-theme-color-darker-10--rgb: 87, 110, 116; --wp-admin-theme-color-darker-20: #4c6066; --wp-admin-theme-color-darker-20--rgb: 76, 96, 102; --wp-admin-border-width-focus: 2px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { body.admin-color-ocean { --wp-admin-border-width-focus: 1.5px; } } body.admin-color-sunrise { --wp-admin-theme-color: #dd823b; --wp-admin-theme-color--rgb: 221, 130, 59; --wp-admin-theme-color-darker-10: #d97426; --wp-admin-theme-color-darker-10--rgb: 217, 116, 38; --wp-admin-theme-color-darker-20: #c36922; --wp-admin-theme-color-darker-20--rgb: 195, 105, 34; --wp-admin-border-width-focus: 2px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { body.admin-color-sunrise { --wp-admin-border-width-focus: 1.5px; } } home/premiey/www/wp-includes/css/dist/format-library/style.css 0000666 00000007005 15165261105 0020573 0 ustar 00 /** * Colors */ /** * Breakpoints & Media Queries */ /** * 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. */ /** * Colors */ /** * 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 & Editor UI. */ /** * Block paddings. */ /** * React Native specific. * These variables do not appear to be used anywhere else. */ /** * Converts a hex value into the rgb equivalent. * * @param {string} hex - the hexadecimal value to convert * @return {string} comma separated rgb values */ /** * Breakpoint mixins */ /** * Long content fade mixin * * Creates a fading overlay to signify that the content is longer * than the space allows. */ /** * Focus styles. */ /** * Applies editor left 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--rgb: 0, 124, 186; --wp-admin-theme-color-darker-10: #006ba1; --wp-admin-theme-color-darker-10--rgb: 0, 107, 161; --wp-admin-theme-color-darker-20: #005a87; --wp-admin-theme-color-darker-20--rgb: 0, 90, 135; --wp-admin-border-width-focus: 2px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { :root { --wp-admin-border-width-focus: 1.5px; } } .block-editor-format-toolbar__image-popover { z-index: 159990; } .block-editor-format-toolbar__image-container-content { display: flex; } .block-editor-format-toolbar__image-container-content .components-button { align-self: flex-end; height: 30px; margin-bottom: 8px; margin-right: 8px; padding: 0 6px; } .block-editor-format-toolbar__image-container-value { margin: 7px; flex-grow: 1; flex-shrink: 1; white-space: nowrap; min-width: 150px; max-width: 500px; } .block-editor-format-toolbar__image-container-value.components-base-control .components-base-control__field { margin-bottom: 0; } .block-editor-format-toolbar__image-container-value.components-base-control .components-base-control__label { display: block; } .block-editor-format-toolbar__link-container-content { display: flex; } .block-editor-format-toolbar__link-container-value { margin: 7px; flex-grow: 1; flex-shrink: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 150px; max-width: 500px; } .block-editor-format-toolbar__link-container-value.has-invalid-link { color: #cc1818; } .components-inline-color-popover .components-popover__content .components-tab-panel__tab-content { padding: 16px; } .components-inline-color-popover .components-popover__content .components-color-palette { margin-top: 0.6rem; } .components-inline-color-popover .components-popover__content .components-base-control__title { display: block; margin-bottom: 16px; font-weight: 600; color: #191e23; } .components-inline-color-popover .components-popover__content .component-color-indicator { vertical-align: text-bottom; } home/premiey/www/wp-includes/blocks/list/style.css 0000666 00000003046 15165266021 0016341 0 ustar 00 /** * Colors */ /** * Breakpoints & Media Queries */ /** * 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. */ /** * Colors */ /** * 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 & Editor UI. */ /** * Block paddings. */ /** * React Native specific. * These variables do not appear to be used anywhere else. */ /** * Converts a hex value into the rgb equivalent. * * @param {string} hex - the hexadecimal value to convert * @return {string} comma separated rgb values */ /** * Breakpoint mixins */ /** * Long content fade mixin * * Creates a fading overlay to signify that the content is longer * than the space allows. */ /** * Focus styles. */ /** * Applies editor left 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. */ ol, ul { box-sizing: border-box; } ol.has-background, ul.has-background { padding: 1.25em 2.375em; } home/premiey/www/wp-includes/blocks/buttons/style.css 0000666 00000005702 15165266547 0017102 0 ustar 00 /** * Colors */ /** * Breakpoints & Media Queries */ /** * 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. */ /** * Colors */ /** * 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 & Editor UI. */ /** * Block paddings. */ /** * React Native specific. * These variables do not appear to be used anywhere else. */ /** * Converts a hex value into the rgb equivalent. * * @param {string} hex - the hexadecimal value to convert * @return {string} comma separated rgb values */ /** * Breakpoint mixins */ /** * Long content fade mixin * * Creates a fading overlay to signify that the content is longer * than the space allows. */ /** * Focus styles. */ /** * Applies editor left 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. */ .wp-block-buttons { /* stylelint-disable indentation */ } .wp-block-buttons.is-vertical { flex-direction: column; } .wp-block-buttons.is-vertical > .wp-block-button:last-child { margin-bottom: 0; } .wp-block-buttons > .wp-block-button { display: inline-block; margin: 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.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: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; width: 100%; } .wp-block-buttons[style*=text-decoration] .wp-block-button, .wp-block-buttons[style*=text-decoration] .wp-block-button__link { text-decoration: inherit; } .wp-block-buttons.has-custom-font-size .wp-block-button__link { font-size: inherit; } .wp-block-button.aligncenter { text-align: center; } home/premiey/www/wp-includes/blocks/heading/style.css 0000666 00000003115 15165267250 0016767 0 ustar 00 /** * Colors */ /** * Breakpoints & Media Queries */ /** * 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. */ /** * Colors */ /** * 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 & Editor UI. */ /** * Block paddings. */ /** * React Native specific. * These variables do not appear to be used anywhere else. */ /** * Converts a hex value into the rgb equivalent. * * @param {string} hex - the hexadecimal value to convert * @return {string} comma separated rgb values */ /** * Breakpoint mixins */ /** * Long content fade mixin * * Creates a fading overlay to signify that the content is longer * than the space allows. */ /** * Focus styles. */ /** * Applies editor left 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. */ h1.has-background, h2.has-background, h3.has-background, h4.has-background, h5.has-background, h6.has-background { padding: 1.25em 2.375em; } home/premiey/www/wp-includes/blocks/post-template/style.css 0000666 00000005005 15165267652 0020174 0 ustar 00 /** * Colors */ /** * Breakpoints & Media Queries */ /** * 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. */ /** * Colors */ /** * 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 & Editor UI. */ /** * Block paddings. */ /** * React Native specific. * These variables do not appear to be used anywhere else. */ /** * Converts a hex value into the rgb equivalent. * * @param {string} hex - the hexadecimal value to convert * @return {string} comma separated rgb values */ /** * Breakpoint mixins */ /** * Long content fade mixin * * Creates a fading overlay to signify that the content is longer * than the space allows. */ /** * Focus styles. */ /** * Applies editor left 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. */ .wp-block-post-template { margin-top: 0; margin-bottom: 0; max-width: 100%; list-style: none; padding: 0; } .wp-block-post-template.wp-block-post-template { background: none; } .wp-block-post-template.is-flex-container { flex-direction: row; display: flex; flex-wrap: wrap; gap: 1.25em; } .wp-block-post-template.is-flex-container li { margin: 0; width: 100%; } @media (min-width: 600px) { .wp-block-post-template.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-3 > li { width: calc((100% / 3) - 1.25em + (1.25em / 3)); } .wp-block-post-template.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-5 > li { width: calc((100% / 5) - 1.25em + (1.25em / 5)); } .wp-block-post-template.is-flex-container.is-flex-container.columns-6 > li { width: calc((100% / 6) - 1.25em + (1.25em / 6)); } } home/premiey/www/wp-includes/blocks/quote/style.css 0000666 00000004116 15165267665 0016541 0 ustar 00 /** * Colors */ /** * Breakpoints & Media Queries */ /** * 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. */ /** * Colors */ /** * 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 & Editor UI. */ /** * Block paddings. */ /** * React Native specific. * These variables do not appear to be used anywhere else. */ /** * Converts a hex value into the rgb equivalent. * * @param {string} hex - the hexadecimal value to convert * @return {string} comma separated rgb values */ /** * Breakpoint mixins */ /** * Long content fade mixin * * Creates a fading overlay to signify that the content is longer * than the space allows. */ /** * Focus styles. */ /** * Applies editor left 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. */ .wp-block-quote { box-sizing: border-box; overflow-wrap: break-word; } .wp-block-quote.is-style-large:not(.is-style-plain), .wp-block-quote.is-large:not(.is-style-plain) { margin-bottom: 1em; padding: 0 1em; } .wp-block-quote.is-style-large:not(.is-style-plain) p, .wp-block-quote.is-large:not(.is-style-plain) p { font-size: 1.5em; font-style: italic; line-height: 1.6; } .wp-block-quote.is-style-large:not(.is-style-plain) cite, .wp-block-quote.is-style-large:not(.is-style-plain) footer, .wp-block-quote.is-large:not(.is-style-plain) cite, .wp-block-quote.is-large:not(.is-style-plain) footer { font-size: 1.125em; text-align: right; } home/premiey/www/wp-includes/blocks/image/style.css 0000666 00000010747 15165267704 0016467 0 ustar 00 /** * Colors */ /** * Breakpoints & Media Queries */ /** * 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. */ /** * Colors */ /** * 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 & Editor UI. */ /** * Block paddings. */ /** * React Native specific. * These variables do not appear to be used anywhere else. */ /** * Converts a hex value into the rgb equivalent. * * @param {string} hex - the hexadecimal value to convert * @return {string} comma separated rgb values */ /** * Breakpoint mixins */ /** * Long content fade mixin * * Creates a fading overlay to signify that the content is longer * than the space allows. */ /** * Focus styles. */ /** * Applies editor left 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. */ .wp-block-image img { height: auto; max-width: 100%; vertical-align: bottom; box-sizing: border-box; } .wp-block-image.has-custom-border img { box-sizing: border-box; } .wp-block-image.aligncenter { text-align: center; } .wp-block-image.alignfull img, .wp-block-image.alignwide img { height: auto; width: 100%; } .wp-block-image.alignleft, .wp-block-image.alignright, .wp-block-image.aligncenter, .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, .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, .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,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>'); mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>'); /* 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-image :where(.has-border-color) { border-style: solid; } .wp-block-image :where([style*="border-top-color"]) { border-top-style: solid; } .wp-block-image :where([style*="border-right-color"]) { border-right-style: solid; } .wp-block-image :where([style*="border-bottom-color"]) { border-bottom-style: solid; } .wp-block-image :where([style*="border-left-color"]) { border-left-style: solid; } .wp-block-image :where([style*="border-width"]) { border-style: solid; } .wp-block-image :where([style*="border-top-width"]) { border-top-style: solid; } .wp-block-image :where([style*="border-right-width"]) { border-right-style: solid; } .wp-block-image :where([style*="border-bottom-width"]) { border-bottom-style: solid; } .wp-block-image :where([style*="border-left-width"]) { border-left-style: solid; } .wp-block-image figure { margin: 0; } home/premiey/www/wp-includes/blocks/preformatted/style.css 0000666 00000003067 15165267730 0020075 0 ustar 00 /** * Colors */ /** * Breakpoints & Media Queries */ /** * 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. */ /** * Colors */ /** * 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 & Editor UI. */ /** * Block paddings. */ /** * React Native specific. * These variables do not appear to be used anywhere else. */ /** * Converts a hex value into the rgb equivalent. * * @param {string} hex - the hexadecimal value to convert * @return {string} comma separated rgb values */ /** * Breakpoint mixins */ /** * Long content fade mixin * * Creates a fading overlay to signify that the content is longer * than the space allows. */ /** * Focus styles. */ /** * Applies editor left 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. */ .wp-block-preformatted { white-space: pre-wrap; } .wp-block-preformatted.has-background { padding: 1.25em 2.375em; } home/premiey/www/wp-includes/blocks/file/style.css 0000666 00000004151 15165301735 0016305 0 ustar 00 /** * Colors */ /** * Breakpoints & Media Queries */ /** * 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. */ /** * Colors */ /** * 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 & Editor UI. */ /** * Block paddings. */ /** * React Native specific. * These variables do not appear to be used anywhere else. */ /** * Converts a hex value into the rgb equivalent. * * @param {string} hex - the hexadecimal value to convert * @return {string} comma separated rgb values */ /** * Breakpoint mixins */ /** * Long content fade mixin * * Creates a fading overlay to signify that the content is longer * than the space allows. */ /** * Focus styles. */ /** * Applies editor left 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. */ .wp-block-file { margin-bottom: 1.5em; } .wp-block-file:not(.wp-element-button) { font-size: 0.8em; } .wp-block-file.aligncenter { text-align: center; } .wp-block-file.alignright { /*rtl:ignore*/ text-align: right; } .wp-block-file * + .wp-block-file__button { margin-left: 0.75em; } .wp-block-file__embed { margin-bottom: 1em; } :where(.wp-block-file__button) { border-radius: 2em; padding: 0.5em 1em; } :where(.wp-block-file__button):is(a):hover, :where(.wp-block-file__button):is(a):visited, :where(.wp-block-file__button):is(a):focus, :where(.wp-block-file__button):is(a):active { box-shadow: none; color: #fff; opacity: 0.85; text-decoration: none; } home/premiey/www/wp-includes/blocks/page-list/style.css 0000666 00000003517 15165306550 0017260 0 ustar 00 /** * Colors */ /** * Breakpoints & Media Queries */ /** * 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. */ /** * Colors */ /** * 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 & Editor UI. */ /** * Block paddings. */ /** * React Native specific. * These variables do not appear to be used anywhere else. */ /** * Converts a hex value into the rgb equivalent. * * @param {string} hex - the hexadecimal value to convert * @return {string} comma separated rgb values */ /** * Breakpoint mixins */ /** * Long content fade mixin * * Creates a fading overlay to signify that the content is longer * than the space allows. */ /** * Focus styles. */ /** * Applies editor left 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. */ .wp-block-navigation .wp-block-page-list { display: flex; flex-direction: var(--navigation-layout-direction, initial); justify-content: var(--navigation-layout-justify, initial); align-items: var(--navigation-layout-align, initial); flex-wrap: var(--navigation-layout-wrap, wrap); background-color: inherit; } .wp-block-navigation .wp-block-navigation-item { background-color: inherit; } home/premiey/www/wp-includes/blocks/post-excerpt/style.css 0000666 00000002774 15165310575 0020036 0 ustar 00 /** * Colors */ /** * Breakpoints & Media Queries */ /** * 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. */ /** * Colors */ /** * 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 & Editor UI. */ /** * Block paddings. */ /** * React Native specific. * These variables do not appear to be used anywhere else. */ /** * Converts a hex value into the rgb equivalent. * * @param {string} hex - the hexadecimal value to convert * @return {string} comma separated rgb values */ /** * Breakpoint mixins */ /** * Long content fade mixin * * Creates a fading overlay to signify that the content is longer * than the space allows. */ /** * Focus styles. */ /** * Applies editor left 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. */ .wp-block-post-excerpt__more-link { display: inline-block; } home/premiey/www/wp-includes/blocks/query-pagination/style.css 0000666 00000005460 15165310665 0020670 0 ustar 00 /** * Colors */ /** * Breakpoints & Media Queries */ /** * 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. */ /** * Colors */ /** * 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 & Editor UI. */ /** * Block paddings. */ /** * React Native specific. * These variables do not appear to be used anywhere else. */ /** * Converts a hex value into the rgb equivalent. * * @param {string} hex - the hexadecimal value to convert * @return {string} comma separated rgb values */ /** * Breakpoint mixins */ /** * Long content fade mixin * * Creates a fading overlay to signify that the content is longer * than the space allows. */ /** * Focus styles. */ /** * Applies editor left 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. */ .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 { /*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-query-pagination.is-content-justification-space-between > .wp-block-query-pagination-next:last-child { margin-inline-start: auto; } .wp-block-query-pagination.is-content-justification-space-between > .wp-block-query-pagination-previous:first-child { margin-inline-end: auto; } .wp-block-query-pagination .wp-block-query-pagination-previous-arrow { margin-right: 1ch; display: inline-block; } .wp-block-query-pagination .wp-block-query-pagination-previous-arrow:not(.is-arrow-chevron) { transform: scaleX(1) /*rtl:scaleX(-1);*/; } .wp-block-query-pagination .wp-block-query-pagination-next-arrow { margin-left: 1ch; display: inline-block; } .wp-block-query-pagination .wp-block-query-pagination-next-arrow:not(.is-arrow-chevron) { transform: scaleX(1) /*rtl:scaleX(-1);*/; } .wp-block-query-pagination.aligncenter { justify-content: center; } home/premiey/www/wp-includes/blocks/media-text/style.css 0000666 00000010365 15165310767 0017440 0 ustar 00 /** * Colors */ /** * Breakpoints & Media Queries */ /** * 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. */ /** * Colors */ /** * 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 & Editor UI. */ /** * Block paddings. */ /** * React Native specific. * These variables do not appear to be used anywhere else. */ /** * Converts a hex value into the rgb equivalent. * * @param {string} hex - the hexadecimal value to convert * @return {string} comma separated rgb values */ /** * Breakpoint mixins */ /** * Long content fade mixin * * Creates a fading overlay to signify that the content is longer * than the space allows. */ /** * Focus styles. */ /** * Applies editor left 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. */ .wp-block-media-text { /*!rtl:begin:ignore*/ direction: ltr; /*!rtl:end:ignore*/ display: grid; grid-template-columns: 50% 1fr; grid-template-rows: auto; box-sizing: border-box; } .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 { 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 { 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 { align-self: end; } .wp-block-media-text .wp-block-media-text__media { /*!rtl:begin:ignore*/ grid-column: 1; grid-row: 1; /*!rtl:end:ignore*/ margin: 0; } .wp-block-media-text .wp-block-media-text__content { direction: ltr; /*!rtl:begin:ignore*/ grid-column: 2; grid-row: 1; /*!rtl:end:ignore*/ padding: 0 8% 0 8%; word-break: break-word; } .wp-block-media-text.has-media-on-the-right .wp-block-media-text__media { /*!rtl:begin:ignore*/ grid-column: 2; grid-row: 1; /*!rtl:end:ignore*/ } .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content { /*!rtl:begin:ignore*/ grid-column: 1; grid-row: 1; /*!rtl:end:ignore*/ } .wp-block-media-text__media img, .wp-block-media-text__media video { height: auto; max-width: unset; width: 100%; vertical-align: middle; } .wp-block-media-text.is-image-fill .wp-block-media-text__media { height: 100%; min-height: 250px; background-size: cover; } .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; 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, * we need 100% width, so we use important to overwrite the inline style. * If the style were set on mobile first, on desktop styles, * we would have no way of setting the style again to the inline style. */ @media (max-width: 600px) { .wp-block-media-text.is-stacked-on-mobile { grid-template-columns: 100% !important; } .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media { grid-column: 1; grid-row: 1; } .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content { grid-column: 1; grid-row: 2; } } home/premiey/www/wp-includes/blocks/audio/style.css 0000666 00000003162 15165311110 0016454 0 ustar 00 /** * Colors */ /** * Breakpoints & Media Queries */ /** * 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. */ /** * Colors */ /** * 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 & Editor UI. */ /** * Block paddings. */ /** * React Native specific. * These variables do not appear to be used anywhere else. */ /** * Converts a hex value into the rgb equivalent. * * @param {string} hex - the hexadecimal value to convert * @return {string} comma separated rgb values */ /** * Breakpoint mixins */ /** * Long content fade mixin * * Creates a fading overlay to signify that the content is longer * than the space allows. */ /** * Focus styles. */ /** * Applies editor left 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. */ .wp-block-audio { box-sizing: border-box; } .wp-block-audio figcaption { margin-top: 0.5em; margin-bottom: 1em; } .wp-block-audio audio { width: 100%; min-width: 300px; } home/premiey/www/wp-includes/blocks/cover/style.css 0000666 00000046345 15165311136 0016513 0 ustar 00 /** * Colors */ /** * Breakpoints & Media Queries */ /** * 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. */ /** * Colors */ /** * 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 & Editor UI. */ /** * Block paddings. */ /** * React Native specific. * These variables do not appear to be used anywhere else. */ /** * Converts a hex value into the rgb equivalent. * * @param {string} hex - the hexadecimal value to convert * @return {string} comma separated rgb values */ /** * Breakpoint mixins */ /** * Long content fade mixin * * Creates a fading overlay to signify that the content is longer * than the space allows. */ /** * Focus styles. */ /** * Applies editor left 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. */ .wp-block-cover-image, .wp-block-cover { position: relative; background-position: center center; min-height: 430px; display: flex; justify-content: center; align-items: center; padding: 1em; box-sizing: border-box; /*rtl:raw: direction: ltr; */ /** * 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-background-dim:not([class*=-background-color]), .wp-block-cover-image .has-background-dim:not([class*=-background-color]), .wp-block-cover.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.has-background-gradient, .wp-block-cover .has-background-dim.has-background-gradient { background-color: transparent; } .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__background, .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__background, .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__background, .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__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-image.has-background-dim.has-background-dim-20 .wp-block-cover__background, .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__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-image.has-background-dim.has-background-dim-30 .wp-block-cover__background, .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__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-image.has-background-dim.has-background-dim-40 .wp-block-cover__background, .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__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-image.has-background-dim.has-background-dim-50 .wp-block-cover__background, .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__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-image.has-background-dim.has-background-dim-60 .wp-block-cover__background, .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__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-image.has-background-dim.has-background-dim-70 .wp-block-cover__background, .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__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-image.has-background-dim.has-background-dim-80 .wp-block-cover__background, .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__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-image.has-background-dim.has-background-dim-90 .wp-block-cover__background, .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__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-image.has-background-dim.has-background-dim-100 .wp-block-cover__background, .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__background, .wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background { opacity: 1; } .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-0, .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-0, .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-0, .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-0 { opacity: 0; } .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-10, .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-10, .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-10, .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-10 { opacity: 0.1; } .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-20, .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-20, .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-20, .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-20 { opacity: 0.2; } .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-30, .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-30, .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-30, .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-30 { opacity: 0.3; } .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-40, .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-40, .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-40, .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-40 { opacity: 0.4; } .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-50, .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-50, .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-50, .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-50 { opacity: 0.5; } .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-60, .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-60, .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-60, .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-60 { opacity: 0.6; } .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-70, .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-70, .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-70, .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-70 { opacity: 0.7; } .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-80, .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-80, .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-80, .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-80 { opacity: 0.8; } .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-90, .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-90, .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-90, .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-90 { opacity: 0.9; } .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-100, .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-100, .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-100, .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-100 { 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 { 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; /*rtl:raw: direction: rtl; */ } .wp-block-cover-image.is-light .wp-block-cover__inner-container, .wp-block-cover.is-light .wp-block-cover__inner-container { color: #000; } .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 .wp-block-cover__image-background, .wp-block-cover-image video.wp-block-cover__video-background, .wp-block-cover .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-image.has-parallax, .wp-block-cover.has-parallax, .wp-block-cover__image-background.has-parallax, video.wp-block-cover__video-background.has-parallax { background-attachment: fixed; background-size: cover; background-repeat: no-repeat; } @supports (-webkit-overflow-scrolling: touch) { .wp-block-cover-image.has-parallax, .wp-block-cover.has-parallax, .wp-block-cover__image-background.has-parallax, video.wp-block-cover__video-background.has-parallax { background-attachment: scroll; } } @media (prefers-reduced-motion: reduce) { .wp-block-cover-image.has-parallax, .wp-block-cover.has-parallax, .wp-block-cover__image-background.has-parallax, video.wp-block-cover__video-background.has-parallax { background-attachment: scroll; } } .wp-block-cover-image.is-repeated, .wp-block-cover.is-repeated, .wp-block-cover__image-background.is-repeated, video.wp-block-cover__video-background.is-repeated { background-repeat: repeat; background-size: auto; } .wp-block-cover__video-background { z-index: 0; } .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; } .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; } 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: 840px; padding: 0.44em; text-align: center; } home/premiey/www/wp-includes/css/dist/components/style.css 0000666 00000277474 15165311330 0020045 0 ustar 00 @charset "UTF-8"; /** * Colors */ /** * Breakpoints & Media Queries */ /** * 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. */ /** * Colors */ /** * 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 & Editor UI. */ /** * Block paddings. */ /** * React Native specific. * These variables do not appear to be used anywhere else. */ /** * Converts a hex value into the rgb equivalent. * * @param {string} hex - the hexadecimal value to convert * @return {string} comma separated rgb values */ /** * Breakpoint mixins */ /** * Long content fade mixin * * Creates a fading overlay to signify that the content is longer * than the space allows. */ /** * Focus styles. */ /** * Applies editor left 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--rgb: 0, 124, 186; --wp-admin-theme-color-darker-10: #006ba1; --wp-admin-theme-color-darker-10--rgb: 0, 107, 161; --wp-admin-theme-color-darker-20: #005a87; --wp-admin-theme-color-darker-20--rgb: 0, 90, 135; --wp-admin-border-width-focus: 2px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { :root { --wp-admin-border-width-focus: 1.5px; } } .components-animate__appear { animation: components-animate__appear-animation 0.1s cubic-bezier(0, 0, 0.2, 1) 0s; animation-fill-mode: forwards; } @media (prefers-reduced-motion: reduce) { .components-animate__appear { animation-duration: 1ms; animation-delay: 0s; } } .components-animate__appear.is-from-top, .components-animate__appear.is-from-top.is-from-left { transform-origin: top left; } .components-animate__appear.is-from-top.is-from-right { transform-origin: top right; } .components-animate__appear.is-from-bottom, .components-animate__appear.is-from-bottom.is-from-left { transform-origin: bottom left; } .components-animate__appear.is-from-bottom.is-from-right { transform-origin: bottom right; } @keyframes components-animate__appear-animation { from { transform: translateY(-2em) scaleY(0) scaleX(0); } to { transform: translateY(0%) scaleY(1) scaleX(1); } } .components-animate__slide-in { animation: components-animate__slide-in-animation 0.1s cubic-bezier(0, 0, 0.2, 1); animation-fill-mode: forwards; } @media (prefers-reduced-motion: reduce) { .components-animate__slide-in { animation-duration: 1ms; animation-delay: 0s; } } .components-animate__slide-in.is-from-left { transform: translateX(100%); } .components-animate__slide-in.is-from-right { transform: translateX(-100%); } @keyframes components-animate__slide-in-animation { 100% { transform: translateX(0%); } } .components-animate__loading { animation: components-animate__loading 1.6s ease-in-out infinite; } @keyframes components-animate__loading { 0% { opacity: 0.5; } 50% { opacity: 1; } 100% { opacity: 0.5; } } .components-autocomplete__popover .components-popover__content { padding: 16px; min-width: 220px; } .components-autocomplete__result.components-button { display: flex; height: auto; min-height: 36px; text-align: left; width: 100%; } .components-autocomplete__result.components-button.is-selected { box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); } .components-button-group { display: inline-block; } .components-button-group .components-button { border-radius: 0; display: inline-flex; color: #1e1e1e; box-shadow: inset 0 0 0 1px #1e1e1e; } .components-button-group .components-button + .components-button { margin-left: -1px; } .components-button-group .components-button:first-child { border-radius: 2px 0 0 2px; } .components-button-group .components-button:last-child { border-radius: 0 2px 2px 0; } .components-button-group .components-button:focus, .components-button-group .components-button.is-primary { position: relative; z-index: 1; } .components-button-group .components-button.is-primary { box-shadow: inset 0 0 0 1px #1e1e1e; } .components-button { display: inline-flex; text-decoration: none; font-family: inherit; font-weight: normal; font-size: 13px; margin: 0; border: 0; cursor: pointer; -webkit-appearance: none; background: none; transition: box-shadow 0.1s linear; height: 36px; align-items: center; box-sizing: border-box; padding: 6px 12px; border-radius: 2px; color: #1e1e1e; /** * Primary button style. */ /** * Secondary and tertiary buttons. */ /** * Secondary button style. */ /** * Tertiary buttons. */ /** * Destructive buttons. */ /** * Link buttons. */ } @media (prefers-reduced-motion: reduce) { .components-button { transition-duration: 0s; transition-delay: 0s; } } .components-button[aria-expanded=true], .components-button:hover { color: var(--wp-admin-theme-color); } .components-button[aria-disabled=true]:hover { color: initial; } .components-button:focus:not(:disabled) { box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); outline: 3px solid transparent; } .components-button.is-primary { white-space: nowrap; background: var(--wp-admin-theme-color); color: #fff; text-decoration: none; text-shadow: none; outline: 1px solid transparent; } .components-button.is-primary:hover:not(:disabled) { background: var(--wp-admin-theme-color-darker-10); color: #fff; } .components-button.is-primary:active:not(:disabled) { background: var(--wp-admin-theme-color-darker-20); border-color: var(--wp-admin-theme-color-darker-20); color: #fff; } .components-button.is-primary:focus:not(:disabled) { box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); } .components-button.is-primary:disabled, .components-button.is-primary:disabled:active:enabled, .components-button.is-primary[aria-disabled=true], .components-button.is-primary[aria-disabled=true]:enabled, .components-button.is-primary[aria-disabled=true]:active:enabled { color: rgba(255, 255, 255, 0.4); background: var(--wp-admin-theme-color); border-color: var(--wp-admin-theme-color); opacity: 1; outline: none; } .components-button.is-primary:disabled:focus:enabled, .components-button.is-primary:disabled:active:enabled:focus:enabled, .components-button.is-primary[aria-disabled=true]:focus:enabled, .components-button.is-primary[aria-disabled=true]:enabled:focus:enabled, .components-button.is-primary[aria-disabled=true]:active:enabled:focus:enabled { box-shadow: 0 0 0 1px #fff, 0 0 0 3px var(--wp-admin-theme-color); } .components-button.is-primary.is-busy, .components-button.is-primary.is-busy:disabled, .components-button.is-primary.is-busy[aria-disabled=true] { color: #fff; background-size: 100px 100%; /* stylelint-disable */ background-image: linear-gradient(-45deg, var(--wp-admin-theme-color) 33%, var(--wp-admin-theme-color-darker-20) 33%, var(--wp-admin-theme-color-darker-20) 70%, var(--wp-admin-theme-color) 70%); /* stylelint-enable */ border-color: var(--wp-admin-theme-color); } .components-button.is-secondary, .components-button.is-tertiary { outline: 1px solid transparent; } .components-button.is-secondary:active:not(:disabled), .components-button.is-tertiary:active:not(:disabled) { background: #ddd; color: var(--wp-admin-theme-color-darker-10); box-shadow: none; } .components-button.is-secondary:hover:not(:disabled), .components-button.is-tertiary:hover:not(:disabled) { color: var(--wp-admin-theme-color-darker-10); box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color-darker-10); } .components-button.is-secondary:disabled, .components-button.is-secondary[aria-disabled=true], .components-button.is-secondary[aria-disabled=true]:hover, .components-button.is-tertiary:disabled, .components-button.is-tertiary[aria-disabled=true], .components-button.is-tertiary[aria-disabled=true]:hover { color: #828282; background: #eaeaea; transform: none; opacity: 1; box-shadow: none; outline: none; } .components-button.is-secondary { box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color); outline: 1px solid transparent; white-space: nowrap; color: var(--wp-admin-theme-color); background: transparent; } .components-button.is-tertiary { white-space: nowrap; color: var(--wp-admin-theme-color); background: transparent; padding: 6px; } .components-button.is-tertiary .dashicon { display: inline-block; flex: 0 0 auto; } p + .components-button.is-tertiary { margin-left: -6px; } .components-button.is-destructive { color: #cc1818; box-shadow: inset 0 0 0 1px #cc1818; } .components-button.is-destructive:hover:not(:disabled) { color: #710d0d; box-shadow: inset 0 0 0 1px #710d0d; } .components-button.is-destructive:focus:not(:disabled) { color: var(--wp-admin-theme-color); } .components-button.is-destructive:active:not(:disabled) { background: #ccc; } .components-button.is-destructive.is-primary { color: #fff; background: #cc1818; box-shadow: inset 0 0 0 1px #cc1818; } .components-button.is-destructive.is-primary:hover:not(:disabled) { color: #fff; background: #710d0d; box-shadow: inset 0 0 0 1px #710d0d; } .components-button.is-destructive.is-tertiary { box-shadow: none; } .components-button.is-destructive.is-tertiary:hover:not(:disabled) { box-shadow: inset 0 0 0 1px #cc1818; color: #cc1818; } .components-button.is-destructive.is-tertiary:focus:not(:disabled) { box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) #cc1818; color: #cc1818; } .components-button.is-link { margin: 0; padding: 0; box-shadow: none; border: 0; border-radius: 0; background: none; outline: none; text-align: left; color: var(--wp-admin-theme-color); text-decoration: underline; transition-property: border, background, color; transition-duration: 0.05s; transition-timing-function: ease-in-out; height: auto; } @media (prefers-reduced-motion: reduce) { .components-button.is-link { transition-duration: 0s; transition-delay: 0s; } } .components-button.is-link:focus { border-radius: 2px; } .components-button.is-link.is-destructive { color: #cc1818; } .components-button.is-link.is-destructive:active:not(:disabled), .components-button.is-link.is-destructive:hover:not(:disabled) { color: #710d0d; background: none; } .components-button.is-link.is-destructive:focus:not(:disabled) { color: var(--wp-admin-theme-color); } .components-button:not([aria-disabled=true]):active { color: inherit; } .components-button:disabled, .components-button[aria-disabled=true] { cursor: default; opacity: 0.3; } .components-button.is-busy, .components-button.is-secondary.is-busy, .components-button.is-secondary.is-busy:disabled, .components-button.is-secondary.is-busy[aria-disabled=true] { animation: components-button__busy-animation 2500ms infinite linear; opacity: 1; background-size: 100px 100%; /* stylelint-disable */ background-image: linear-gradient(-45deg, #fafafa 33%, #e0e0e0 33%, #e0e0e0 70%, #fafafa 70%); /* stylelint-enable */ } .components-button.is-small { height: 24px; line-height: 22px; padding: 0 8px; font-size: 11px; } .components-button.is-small.has-icon:not(.has-text) { padding: 0; width: 24px; min-width: 24px; } .components-button.has-icon { padding: 6px; min-width: 36px; justify-content: center; } .components-button.has-icon .dashicon { display: inline-block; flex: 0 0 auto; margin-left: 2px; margin-right: 2px; } .components-button.has-icon.has-text { justify-content: left; } .components-button.has-icon.has-text svg { margin-right: 8px; } .components-button.has-icon.has-text .dashicon { margin-right: 10px; } .components-button.is-pressed { color: #fff; background: #1e1e1e; } .components-button.is-pressed:focus:not(:disabled) { box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); outline: 2px solid transparent; } .components-button.is-pressed:hover:not(:disabled) { color: #fff; background: #1e1e1e; } .components-button svg { fill: currentColor; outline: none; } @media (forced-colors: active) { .components-button svg { fill: CanvasText; } } .components-button .components-visually-hidden { height: auto; } @keyframes components-button__busy-animation { 0% { background-position: 200px 0; } } .components-checkbox-control__input[type=checkbox] { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; padding: 6px 8px; box-shadow: 0 0 0 transparent; transition: box-shadow 0.1s linear; border-radius: 2px; border: 1px solid #757575; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px; /* Override core line-height. To be reviewed. */ line-height: normal; border: 1px solid #1e1e1e; margin-right: 12px; transition: none; border-radius: 2px; background: #fff; color: #1e1e1e; clear: none; cursor: pointer; display: inline-block; line-height: 0; margin: 0 4px 0 0; outline: 0; padding: 0 !important; text-align: center; vertical-align: top; width: 24px; height: 24px; -webkit-appearance: none; appearance: none; transition: 0.1s border-color ease-in-out; } @media (prefers-reduced-motion: reduce) { .components-checkbox-control__input[type=checkbox] { transition-duration: 0s; transition-delay: 0s; } } @media (min-width: 600px) { .components-checkbox-control__input[type=checkbox] { font-size: 13px; /* Override core line-height. To be reviewed. */ line-height: normal; } } .components-checkbox-control__input[type=checkbox]:focus { border-color: var(--wp-admin-theme-color); box-shadow: 0 0 0 1px var(--wp-admin-theme-color); outline: 2px solid transparent; } .components-checkbox-control__input[type=checkbox]::-webkit-input-placeholder { color: rgba(30, 30, 30, 0.62); } .components-checkbox-control__input[type=checkbox]::-moz-placeholder { opacity: 1; color: rgba(30, 30, 30, 0.62); } .components-checkbox-control__input[type=checkbox]:-ms-input-placeholder { color: rgba(30, 30, 30, 0.62); } .components-checkbox-control__input[type=checkbox]:focus { box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color); outline: 2px solid transparent; } .components-checkbox-control__input[type=checkbox]:checked { background: var(--wp-admin-theme-color); border-color: var(--wp-admin-theme-color); } .components-checkbox-control__input[type=checkbox]:checked::-ms-check { opacity: 0; } .components-checkbox-control__input[type=checkbox]:checked::before, .components-checkbox-control__input[type=checkbox][aria-checked=mixed]::before { margin: -3px -5px; color: #fff; } @media (min-width: 782px) { .components-checkbox-control__input[type=checkbox]:checked::before, .components-checkbox-control__input[type=checkbox][aria-checked=mixed]::before { margin: -4px 0 0 -5px; } } .components-checkbox-control__input[type=checkbox][aria-checked=mixed] { background: var(--wp-admin-theme-color); border-color: var(--wp-admin-theme-color); } .components-checkbox-control__input[type=checkbox][aria-checked=mixed]::before { content: ""; float: left; display: inline-block; vertical-align: middle; width: 16px; /* stylelint-disable */ font: normal 30px/1 dashicons; /* stylelint-enable */ speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media (min-width: 782px) { .components-checkbox-control__input[type=checkbox][aria-checked=mixed]::before { float: none; font-size: 21px; } } @media (min-width: 600px) { .components-checkbox-control__input[type=checkbox] { height: 20px; width: 20px; } } @media (prefers-reduced-motion: reduce) { .components-checkbox-control__input[type=checkbox] { transition-duration: 0s; transition-delay: 0s; } } .components-checkbox-control__input[type=checkbox]:focus { box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color); outline: 2px solid transparent; } .components-checkbox-control__input[type=checkbox]:checked, .components-checkbox-control__input[type=checkbox]:indeterminate { background: var(--wp-admin-theme-color); border-color: var(--wp-admin-theme-color); } .components-checkbox-control__input[type=checkbox]:checked::-ms-check, .components-checkbox-control__input[type=checkbox]:indeterminate::-ms-check { opacity: 0; } .components-checkbox-control__input[type=checkbox]:checked::before { content: none; } .components-checkbox-control__input-container { position: relative; display: inline-block; margin-right: 12px; vertical-align: middle; width: 24px; height: 24px; } @media (min-width: 600px) { .components-checkbox-control__input-container { width: 20px; height: 20px; } } svg.components-checkbox-control__checked, svg.components-checkbox-control__indeterminate { fill: #fff; cursor: pointer; position: absolute; left: 0; top: 0; width: 24px; height: 24px; -webkit-user-select: none; user-select: none; pointer-events: none; } @media (min-width: 600px) { svg.components-checkbox-control__checked, svg.components-checkbox-control__indeterminate { left: -2px; top: -2px; } } .components-circular-option-picker { display: inline-block; width: 100%; min-width: 188px; } .components-circular-option-picker .components-circular-option-picker__custom-clear-wrapper { display: flex; justify-content: flex-end; margin-top: 12px; } .components-circular-option-picker .components-circular-option-picker__swatches { display: flex; flex-wrap: wrap; gap: 12px; } .components-circular-option-picker__option-wrapper { display: inline-block; height: 28px; width: 28px; vertical-align: top; transform: scale(1); transition: 100ms transform ease; } @media (prefers-reduced-motion: reduce) { .components-circular-option-picker__option-wrapper { transition-duration: 0s; transition-delay: 0s; } } .components-circular-option-picker__option-wrapper:hover { transform: scale(1.2); } .components-circular-option-picker__option-wrapper > div { height: 100%; width: 100%; } .components-circular-option-picker__option-wrapper::before { content: ""; position: absolute; top: 1px; left: 1px; bottom: 1px; right: 1px; border-radius: 50%; z-index: -1; /* stylelint-disable-next-line function-url-quotes */ background: url('data:image/svg+xml,%3Csvg width="28" height="28" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M6 8V6H4v2h2zM8 8V6h2v2H8zM10 16H8v-2h2v2zM12 16v-2h2v2h-2zM12 18v-2h-2v2H8v2h2v-2h2zM14 18v2h-2v-2h2zM16 18h-2v-2h2v2z" fill="%23555D65"/%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M18 18h2v-2h-2v-2h2v-2h-2v-2h2V8h-2v2h-2V8h-2v2h2v2h-2v2h2v2h2v2zm-2-4v-2h2v2h-2z" fill="%23555D65"/%3E%3Cpath d="M18 18v2h-2v-2h2z" fill="%23555D65"/%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M8 10V8H6v2H4v2h2v2H4v2h2v2H4v2h2v2H4v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h2V4h-2v2h-2V4h-2v2h-2V4h-2v2h-2V4h-2v2h2v2h-2v2H8zm0 2v-2H6v2h2zm2 0v-2h2v2h-2zm0 2v-2H8v2H6v2h2v2H6v2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h-2v2h-2V6h-2v2h-2v2h2v2h-2v2h-2z" fill="%23555D65"/%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M4 0H2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h2V4h-2V2h2V0h-2v2h-2V0h-2v2h-2V0h-2v2h-2V0h-2v2h-2V0h-2v2H8V0H6v2H4V0zm0 4V2H2v2h2zm2 0V2h2v2H6zm0 2V4H4v2H2v2h2v2H2v2h2v2H2v2h2v2H2v2h2v2H2v2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h2V4h-2V2h-2v2h-2V2h-2v2h-2V2h-2v2h-2V2h-2v2H8v2H6z" fill="%23555D65"/%3E%3C/svg%3E'); } .components-circular-option-picker__option { display: inline-block; vertical-align: top; height: 100%; width: 100%; border: none; border-radius: 50%; background: transparent; box-shadow: inset 0 0 0 14px; transition: 100ms box-shadow ease; cursor: pointer; } @media (prefers-reduced-motion: reduce) { .components-circular-option-picker__option { transition-duration: 0s; transition-delay: 0s; } } .components-circular-option-picker__option:hover { box-shadow: inset 0 0 0 14px !important; } .components-circular-option-picker__option.is-pressed { box-shadow: inset 0 0 0 4px; position: relative; z-index: 1; overflow: visible; } .components-circular-option-picker__option.is-pressed + svg { position: absolute; left: 2px; top: 2px; border-radius: 50%; z-index: 2; pointer-events: none; } .components-circular-option-picker__option::after { content: ""; position: absolute; top: -1px; left: -1px; bottom: -1px; right: -1px; border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); border: 1px solid transparent; box-sizing: inherit; } .components-circular-option-picker__option:focus::after { content: ""; border: 2px solid #757575; width: 32px; height: 32px; position: absolute; top: -2px; left: -2px; border-radius: 50%; box-shadow: inset 0 0 0 2px #fff; } .components-circular-option-picker__option.components-button:focus { background-color: transparent; box-shadow: inset 0 0 0 14px; outline: none; } .components-circular-option-picker__button-action .components-circular-option-picker__option { color: #fff; background: #fff; } .components-circular-option-picker__dropdown-link-action { margin-right: 16px; } .components-circular-option-picker__dropdown-link-action .components-button { line-height: 22px; } .components-palette-edit__popover-gradient-picker { width: 280px; padding: 8px; } .components-dropdown-menu__menu .components-palette-edit__menu-button { width: 100%; } .component-color-indicator { width: 20px; height: 20px; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); border-radius: 50%; display: inline-block; padding: 0; } .components-combobox-control { width: 100%; } input.components-combobox-control__input[type=text] { width: 100%; border: none; box-shadow: none; font-family: inherit; font-size: 16px; padding: 2px; margin: 0; line-height: inherit; min-height: auto; } @media (min-width: 600px) { input.components-combobox-control__input[type=text] { font-size: 13px; } } input.components-combobox-control__input[type=text]:focus { outline: none; box-shadow: none; } .components-combobox-control__suggestions-container { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; padding: 6px 8px; box-shadow: 0 0 0 transparent; transition: box-shadow 0.1s linear; border-radius: 2px; border: 1px solid #757575; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px; /* Override core line-height. To be reviewed. */ line-height: normal; display: flex; flex-wrap: wrap; align-items: flex-start; width: 100%; padding: 0; } @media (prefers-reduced-motion: reduce) { .components-combobox-control__suggestions-container { transition-duration: 0s; transition-delay: 0s; } } @media (min-width: 600px) { .components-combobox-control__suggestions-container { font-size: 13px; /* Override core line-height. To be reviewed. */ line-height: normal; } } .components-combobox-control__suggestions-container:focus { border-color: var(--wp-admin-theme-color); box-shadow: 0 0 0 1px var(--wp-admin-theme-color); outline: 2px solid transparent; } .components-combobox-control__suggestions-container::-webkit-input-placeholder { color: rgba(30, 30, 30, 0.62); } .components-combobox-control__suggestions-container::-moz-placeholder { opacity: 1; color: rgba(30, 30, 30, 0.62); } .components-combobox-control__suggestions-container:-ms-input-placeholder { color: rgba(30, 30, 30, 0.62); } .components-combobox-control__suggestions-container:focus-within { border-color: var(--wp-admin-theme-color); box-shadow: 0 0 0 1px var(--wp-admin-theme-color); outline: 2px solid transparent; } .components-combobox-control__reset.components-button { display: flex; height: 16px; min-width: 16px; padding: 0; } .components-color-list-picker, .components-color-list-picker__swatch-button { width: 100%; } .components-color-list-picker__color-picker { margin: 8px 0; } .components-color-list-picker__swatch-button { padding: 6px; } .components-color-list-picker__swatch-color { margin: 2px; } .components-color-palette__custom-color { position: relative; border: none; background: none; border-radius: 2px; height: 64px; padding: 12px; font-family: inherit; width: 100%; /*rtl:begin:ignore*/ background-image: repeating-linear-gradient(45deg, #e0e0e0 25%, transparent 25%, transparent 75%, #e0e0e0 75%, #e0e0e0), repeating-linear-gradient(45deg, #e0e0e0 25%, transparent 25%, transparent 75%, #e0e0e0 75%, #e0e0e0); background-position: 0 0, 25px 25px; /*rtl:end:ignore*/ background-size: calc(2 * 25px) calc(2 * 25px); box-sizing: border-box; color: #fff; cursor: pointer; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); outline: 1px solid transparent; } .components-color-palette__custom-color:focus { box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); outline-width: 2px; } .components-color-palette__custom-color-name { text-align: left; } .components-color-palette__custom-color-value { margin-left: 16px; text-transform: uppercase; } .components-custom-gradient-picker:not(.is-next-has-no-margin) { margin-top: 12px; margin-bottom: 24px; } .components-custom-gradient-picker__gradient-bar:not(.has-gradient) { opacity: 0.4; } .components-custom-gradient-picker__gradient-bar { border-radius: 2px; width: 100%; height: 48px; } .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__markers-container { position: relative; width: calc(100% - 48px); margin-left: auto; margin-right: auto; } .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-dropdown { position: absolute; height: 16px; width: 16px; top: 16px; display: flex; } .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__insert-point-dropdown { position: relative; height: inherit; width: inherit; min-width: 16px; border-radius: 50%; background: #fff; padding: 2px; color: #1e1e1e; } .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__insert-point-dropdown svg { height: 100%; width: 100%; } .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button { height: inherit; width: inherit; border-radius: 50%; padding: 0; box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) #fff, 0 0 2px 0 rgba(0, 0, 0, 0.25); outline: 2px solid transparent; } .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button:focus, .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button.is-active { box-shadow: inset 0 0 0 calc(var(--wp-admin-border-width-focus) * 2) #fff, 0 0 2px 0 rgba(0, 0, 0, 0.25); outline: 1.5px solid transparent; } .components-custom-gradient-picker__remove-control-point-wrapper { padding-bottom: 8px; } .components-custom-gradient-picker__inserter { /*rtl:ignore*/ direction: ltr; } .components-custom-gradient-picker__liner-gradient-indicator { display: inline-block; flex: 0 auto; width: 20px; height: 20px; } .components-custom-gradient-picker .components-custom-gradient-picker__toolbar { border: none; } .components-custom-gradient-picker .components-custom-gradient-picker__toolbar > div + div { margin-left: 1px; } .components-custom-gradient-picker .components-custom-gradient-picker__toolbar button.is-pressed > svg { background: #fff; border: 1px solid #949494; border-radius: 2px; } .components-custom-select-control { position: relative; font-size: 13px; } .components-custom-select-control__button { position: relative; text-align: left; outline: 0; } .components-custom-select-control__menu { border: 1px solid #1e1e1e; background-color: #fff; border-radius: 2px; outline: none; transition: none; max-height: 400px; min-width: 100%; overflow: auto; padding: 0; position: absolute; z-index: 1000000; } .components-custom-select-control__menu[aria-hidden=true] { display: none; } .components-custom-select-control__item { align-items: center; display: grid; grid-template-columns: auto auto; list-style-type: none; padding: 8px 16px; cursor: default; line-height: 28px; } .components-custom-select-control__item:not(.is-next-36px-default-size) { padding: 8px; } .components-custom-select-control__item.has-hint { grid-template-columns: auto auto 30px; } .components-custom-select-control__item.is-highlighted { background: #ddd; } .components-custom-select-control__item .components-custom-select-control__item-hint { color: #757575; text-align: right; padding-right: 4px; } .components-custom-select-control__item .components-custom-select-control__item-icon { margin-left: auto; } .components-custom-select-control__item:last-child { margin-bottom: 0; } .block-editor-dimension-control .components-base-control__field { display: flex; align-items: center; } .block-editor-dimension-control .components-base-control__label { display: flex; align-items: center; margin-right: 1em; margin-bottom: 0; } .block-editor-dimension-control .components-base-control__label .dashicon { margin-right: 0.5em; } .block-editor-dimension-control.is-manual .components-base-control__label { width: 10em; } body.is-dragging-components-draggable { cursor: move; /* Fallback for IE/Edge < 14 */ cursor: grabbing !important; } .components-draggable__invisible-drag-image { position: fixed; left: -1000px; height: 50px; width: 50px; } .components-draggable__clone { position: fixed; padding: 0; background: transparent; pointer-events: none; z-index: 1000000000; } .components-drop-zone { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 40; visibility: hidden; opacity: 0; border-radius: 2px; } .components-drop-zone.is-active { opacity: 1; visibility: visible; } .components-drop-zone__content { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; display: flex; background-color: var(--wp-admin-theme-color); align-items: center; justify-content: center; z-index: 50; text-align: center; color: #fff; } .components-drop-zone__content-icon, .components-drop-zone__content-text { display: block; } .components-drop-zone__content-icon { margin: 0 auto; line-height: 0; fill: currentColor; pointer-events: none; } .components-drop-zone__content-text { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 13px; } .components-dropdown { display: inline-block; } .components-dropdown__content .components-popover__content { padding: 8px; } .components-dropdown__content [role=menuitem] { white-space: nowrap; } .components-dropdown-menu__menu { width: 100%; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 13px; line-height: 1.4; } .components-dropdown-menu__menu .components-dropdown-menu__menu-item, .components-dropdown-menu__menu .components-menu-item { width: 100%; padding: 6px; outline: none; cursor: pointer; white-space: nowrap; } .components-dropdown-menu__menu .components-dropdown-menu__menu-item.has-separator, .components-dropdown-menu__menu .components-menu-item.has-separator { margin-top: 6px; position: relative; overflow: visible; } .components-dropdown-menu__menu .components-dropdown-menu__menu-item.has-separator::before, .components-dropdown-menu__menu .components-menu-item.has-separator::before { display: block; content: ""; box-sizing: content-box; background-color: #ddd; position: absolute; top: -3px; left: 0; right: 0; height: 1px; } .components-dropdown-menu__menu .components-dropdown-menu__menu-item.is-active svg, .components-dropdown-menu__menu .components-menu-item.is-active svg { color: #fff; background: #1e1e1e; box-shadow: 0 0 0 1px #1e1e1e; border-radius: 1px; } .components-dropdown-menu__menu .components-dropdown-menu__menu-item > svg, .components-dropdown-menu__menu .components-menu-item > svg { border-radius: 2px; width: 24px; height: 24px; } .components-dropdown-menu__menu .components-dropdown-menu__menu-item.is-icon-only, .components-dropdown-menu__menu .components-menu-item.is-icon-only { width: auto; } .components-dropdown-menu__menu .components-menu-item__button, .components-dropdown-menu__menu .components-menu-item__button.components-button { min-height: 36px; height: auto; text-align: left; padding-left: 8px; padding-right: 8px; } .components-dropdown-menu__menu .components-menu-group { padding: 8px; margin-top: 0; margin-bottom: 0; margin-left: -8px; margin-right: -8px; } .components-dropdown-menu__menu .components-menu-group:first-child { margin-top: -8px; } .components-dropdown-menu__menu .components-menu-group:last-child { margin-bottom: -8px; } .components-dropdown-menu__menu .components-menu-group + .components-menu-group { margin-top: 0; border-top: 1px solid #ccc; padding: 8px; } .is-alternate .components-dropdown-menu__menu .components-menu-group + .components-menu-group { border-color: #1e1e1e; } .components-duotone-picker__color-indicator::before { background: transparent; } .components-duotone-picker__color-indicator > .components-button { background: linear-gradient(-45deg, transparent 48%, #ddd 48%, #ddd 52%, transparent 52%); color: transparent; } .components-duotone-picker__color-indicator > .components-button.is-pressed:hover:not(:disabled) { background: linear-gradient(-45deg, transparent 48%, #ddd 48%, #ddd 52%, transparent 52%); color: transparent; } .components-duotone-picker__color-indicator > .components-button:not([aria-disabled=true]):active { color: transparent; } .components-font-size-picker__header__hint { margin-left: 4px; color: #757575; } .components-font-size-picker__header .components-base-control__label { margin-bottom: 0; } .components-font-size-picker__header .components-button.is-small.has-icon:not(.has-text) { min-width: 24px; padding: 0; } .components-font-size-picker__controls { max-width: 248px; align-items: center; margin-top: 8px; } .components-font-size-picker__controls:not(.is-next-has-no-margin-bottom) { margin-bottom: 24px; } .components-font-size-picker__controls .components-unit-control-wrapper .components-input-control__label { font-weight: 300; padding-bottom: 0 !important; margin-bottom: 8px !important; } .components-font-size-picker__controls .components-font-size-picker__number { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; padding: 6px 8px; box-shadow: 0 0 0 transparent; transition: box-shadow 0.1s linear; border-radius: 2px; border: 1px solid #757575; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px; /* Override core line-height. To be reviewed. */ line-height: normal; display: inline-block; font-weight: 500; height: 30px; margin-bottom: 0; margin-left: 0; margin-right: 8px; margin-top: 8px; width: 54px; } @media (prefers-reduced-motion: reduce) { .components-font-size-picker__controls .components-font-size-picker__number { transition-duration: 0s; transition-delay: 0s; } } @media (min-width: 600px) { .components-font-size-picker__controls .components-font-size-picker__number { font-size: 13px; /* Override core line-height. To be reviewed. */ line-height: normal; } } .components-font-size-picker__controls .components-font-size-picker__number:focus { border-color: var(--wp-admin-theme-color); box-shadow: 0 0 0 1px var(--wp-admin-theme-color); outline: 2px solid transparent; } .components-font-size-picker__controls .components-font-size-picker__number::-webkit-input-placeholder { color: rgba(30, 30, 30, 0.62); } .components-font-size-picker__controls .components-font-size-picker__number::-moz-placeholder { opacity: 1; color: rgba(30, 30, 30, 0.62); } .components-font-size-picker__controls .components-font-size-picker__number:-ms-input-placeholder { color: rgba(30, 30, 30, 0.62); } .components-font-size-picker__controls .components-font-size-picker__number[value=""] + .components-button { cursor: default; opacity: 0.3; pointer-events: none; } .components-font-size-picker__controls .components-font-size-picker__number-container { display: flex; flex-direction: column; } .components-font-size-picker__controls .components-color-palette__clear { height: 30px; } .components-font-size-picker__custom-input .components-range-control__slider + .dashicon { width: 30px; height: 30px; } .components-font-size-picker { border: 0; padding: 0; margin: 0; } .components-form-toggle { position: relative; display: inline-block; } .components-form-toggle .components-form-toggle__track { content: ""; display: inline-block; box-sizing: border-box; vertical-align: top; background-color: #fff; border: 1px solid #1e1e1e; width: 36px; height: 18px; border-radius: 9px; transition: 0.2s background ease; } @media (prefers-reduced-motion: reduce) { .components-form-toggle .components-form-toggle__track { transition-duration: 0s; transition-delay: 0s; } } .components-form-toggle .components-form-toggle__thumb { display: block; position: absolute; box-sizing: border-box; top: 3px; left: 3px; width: 12px; height: 12px; border-radius: 50%; transition: 0.1s transform ease; background-color: #1e1e1e; border: 5px solid #1e1e1e; } @media (prefers-reduced-motion: reduce) { .components-form-toggle .components-form-toggle__thumb { transition-duration: 0s; transition-delay: 0s; } } .components-form-toggle.is-checked .components-form-toggle__track { background-color: var(--wp-admin-theme-color); border: 1px solid var(--wp-admin-theme-color); border: 9px solid transparent; } .components-form-toggle .components-form-toggle__input:focus + .components-form-toggle__track { box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color); outline: 2px solid transparent; outline-offset: 2px; } .components-form-toggle.is-checked .components-form-toggle__thumb { background-color: #fff; border-width: 0; transform: translateX(18px); } .components-form-toggle.is-disabled, .components-disabled .components-form-toggle { opacity: 0.3; } .components-form-toggle input.components-form-toggle__input[type=checkbox] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; margin: 0; padding: 0; z-index: 1; border: none; } .components-form-toggle input.components-form-toggle__input[type=checkbox]:checked { background: none; } .components-form-toggle input.components-form-toggle__input[type=checkbox]::before { content: ""; } .components-form-token-field__input-container { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; padding: 6px 8px; box-shadow: 0 0 0 transparent; transition: box-shadow 0.1s linear; border-radius: 2px; border: 1px solid #757575; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px; /* Override core line-height. To be reviewed. */ line-height: normal; width: 100%; margin: 0 0 8px 0; padding: 0; cursor: text; } @media (prefers-reduced-motion: reduce) { .components-form-token-field__input-container { transition-duration: 0s; transition-delay: 0s; } } @media (min-width: 600px) { .components-form-token-field__input-container { font-size: 13px; /* Override core line-height. To be reviewed. */ line-height: normal; } } .components-form-token-field__input-container:focus { border-color: var(--wp-admin-theme-color); box-shadow: 0 0 0 1px var(--wp-admin-theme-color); outline: 2px solid transparent; } .components-form-token-field__input-container::-webkit-input-placeholder { color: rgba(30, 30, 30, 0.62); } .components-form-token-field__input-container::-moz-placeholder { opacity: 1; color: rgba(30, 30, 30, 0.62); } .components-form-token-field__input-container:-ms-input-placeholder { color: rgba(30, 30, 30, 0.62); } .components-form-token-field__input-container.is-disabled { background: #ddd; border-color: #ddd; } .components-form-token-field__input-container.is-active { border-color: var(--wp-admin-theme-color); box-shadow: 0 0 0 1px var(--wp-admin-theme-color); outline: 2px solid transparent; } .components-form-token-field__input-container input[type=text].components-form-token-field__input { display: inline-block; flex: 1; font-family: inherit; font-size: 16px; width: 100%; max-width: 100%; margin-left: 4px; padding: 0; min-height: 24px; min-width: 50px; background: inherit; border: 0; color: #1e1e1e; box-shadow: none; } @media (min-width: 600px) { .components-form-token-field__input-container input[type=text].components-form-token-field__input { font-size: 13px; } } .components-form-token-field__input-container input[type=text].components-form-token-field__input:focus, .components-form-token-field.is-active .components-form-token-field__input-container input[type=text].components-form-token-field__input { outline: none; box-shadow: none; } .components-form-token-field__input-container .components-form-token-field__token + input[type=text].components-form-token-field__input { width: auto; } .components-form-token-field__help { font-size: 12px; font-style: normal; color: #757575; } .components-form-token-field__token { font-size: 13px; display: flex; color: #1e1e1e; max-width: 100%; } .components-form-token-field__token.is-success .components-form-token-field__token-text, .components-form-token-field__token.is-success .components-form-token-field__remove-token { background: #4ab866; } .components-form-token-field__token.is-error .components-form-token-field__token-text, .components-form-token-field__token.is-error .components-form-token-field__remove-token { background: #cc1818; } .components-form-token-field__token.is-validating .components-form-token-field__token-text, .components-form-token-field__token.is-validating .components-form-token-field__remove-token { color: #757575; } .components-form-token-field__token.is-borderless { position: relative; padding: 0 24px 0 0; } .components-form-token-field__token.is-borderless .components-form-token-field__token-text { background: transparent; color: var(--wp-admin-theme-color); } .components-form-token-field__token.is-borderless .components-form-token-field__remove-token { background: transparent; color: #757575; position: absolute; top: 1px; right: 0; padding: 0; } .components-form-token-field__token.is-borderless.is-success .components-form-token-field__token-text { color: #4ab866; } .components-form-token-field__token.is-borderless.is-error .components-form-token-field__token-text { color: #cc1818; border-radius: 4px 0 0 4px; padding: 0 4px 0 6px; } .components-form-token-field__token.is-borderless.is-validating .components-form-token-field__token-text { color: #1e1e1e; } .components-form-token-field__token.is-disabled .components-form-token-field__remove-token { cursor: default; } .components-form-token-field__token-text, .components-form-token-field__remove-token.components-button { display: inline-block; line-height: 24px; height: auto; background: #ddd; min-width: unset; transition: all 0.2s cubic-bezier(0.4, 1, 0.4, 1); } @media (prefers-reduced-motion: reduce) { .components-form-token-field__token-text, .components-form-token-field__remove-token.components-button { transition-duration: 0s; transition-delay: 0s; animation-duration: 1ms; animation-delay: 0s; } } .components-form-token-field__token-text { border-radius: 2px 0 0 2px; padding: 0 0 0 8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .components-form-token-field__remove-token.components-button { cursor: pointer; border-radius: 0 2px 2px 0; padding: 0 2px; color: #1e1e1e; line-height: 10px; overflow: initial; } .components-form-token-field__remove-token.components-button:hover { color: #1e1e1e; } .components-form-token-field__suggestions-list { flex: 1 0 100%; min-width: 100%; max-height: 9em; overflow-y: auto; transition: all 0.15s ease-in-out; list-style: none; border-top: 1px solid #757575; margin: 0; padding: 0; } @media (prefers-reduced-motion: reduce) { .components-form-token-field__suggestions-list { transition-duration: 0s; transition-delay: 0s; } } .components-form-token-field__suggestion { color: #757575; display: block; font-size: 13px; padding: 4px 8px; margin: 0; cursor: pointer; } .components-form-token-field__suggestion.is-selected { background: var(--wp-admin-theme-color); color: #fff; } .components-form-token-field__suggestion-match { text-decoration: underline; } @media (min-width: 600px) { .components-guide { width: 600px; } } .components-guide .components-modal__content { padding: 0; margin-top: 0; border-radius: 2px; } .components-guide .components-modal__content::before { content: none; } .components-guide .components-modal__header { border-bottom: none; padding: 0; position: sticky; height: 60px; } .components-guide .components-modal__header .components-button { align-self: flex-start; margin: 8px 8px 0 0; position: static; } .components-guide .components-modal__header .components-button:hover svg { fill: #fff; } .components-guide__container { display: flex; flex-direction: column; justify-content: space-between; margin-top: -60px; min-height: 100%; } .components-guide__page { display: flex; flex-direction: column; justify-content: center; position: relative; } @media (min-width: 600px) { .components-guide__page { min-height: 300px; } } .components-guide__footer { align-content: center; display: flex; height: 30px; justify-content: center; margin: 0 0 24px 0; padding: 0 32px; position: relative; width: 100%; } .components-guide__page-control { margin: 0; text-align: center; } .components-guide__page-control li { display: inline-block; margin: 0; } .components-guide__page-control .components-button { height: 30px; min-width: 20px; margin: -6px 0; } .components-modal__frame.components-guide { border: none; min-width: 312px; height: 80vh; max-height: 575px; } @media (max-width: 600px) { .components-modal__frame.components-guide { margin: auto; max-width: calc(100vw - 16px * 2); } } .components-button.components-guide__back-button, .components-button.components-guide__forward-button, .components-button.components-guide__finish-button { height: 30px; position: absolute; } .components-button.components-guide__back-button, .components-button.components-guide__forward-button { font-size: 13px; padding: 4px 2px; } .components-button.components-guide__back-button.has-text svg, .components-button.components-guide__forward-button.has-text svg { margin: 0; } .components-button.components-guide__back-button:hover, .components-button.components-guide__forward-button:hover { text-decoration: underline; } .components-button.components-guide__back-button { left: 32px; } .components-button.components-guide__forward-button { right: 32px; color: #1386bf; font-weight: bold; } .components-button.components-guide__finish-button { right: 32px; } [role=region] { position: relative; } .is-focusing-regions [role=region]:focus::after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; pointer-events: none; outline: 4px solid transparent; box-shadow: inset 0 0 0 4px var(--wp-admin-theme-color); } @supports (outline-offset: 1px) { .is-focusing-regions [role=region]:focus::after { content: none; } .is-focusing-regions [role=region]:focus { outline-style: solid; outline-color: var(--wp-admin-theme-color); outline-width: 4px; outline-offset: -4px; } } .components-menu-group + .components-menu-group { margin-top: 8px; padding-top: 8px; border-top: 1px solid #1e1e1e; } .components-menu-group + .components-menu-group.has-hidden-separator { border-top: none; margin-top: 0; padding-top: 0; } .components-menu-group__label { padding: 0 8px; margin-top: 4px; margin-bottom: 12px; color: #757575; text-transform: uppercase; font-size: 11px; font-weight: 500; white-space: nowrap; } .components-menu-item__button, .components-menu-item__button.components-button { width: 100%; } .components-menu-item__button[role=menuitemradio] .components-menu-item__item:only-child, .components-menu-item__button[role=menuitemcheckbox] .components-menu-item__item:only-child, .components-menu-item__button.components-button[role=menuitemradio] .components-menu-item__item:only-child, .components-menu-item__button.components-button[role=menuitemcheckbox] .components-menu-item__item:only-child { padding-right: 48px; } .components-menu-item__button .components-menu-items__item-icon, .components-menu-item__button.components-button .components-menu-items__item-icon { display: inline-block; flex: 0 0 auto; } .components-menu-item__button .components-menu-items__item-icon.has-icon-right, .components-menu-item__button.components-button .components-menu-items__item-icon.has-icon-right { margin-right: -2px; margin-left: 24px; } .components-menu-item__button .components-menu-item__shortcut + .components-menu-items__item-icon.has-icon-right, .components-menu-item__button.components-button .components-menu-item__shortcut + .components-menu-items__item-icon.has-icon-right { margin-left: 8px; } .components-menu-item__button .block-editor-block-icon, .components-menu-item__button.components-button .block-editor-block-icon { margin-left: -2px; margin-right: 8px; } .components-menu-item__button.is-primary, .components-menu-item__button.components-button.is-primary { justify-content: center; } .components-menu-item__button.is-primary .components-menu-item__item, .components-menu-item__button.components-button.is-primary .components-menu-item__item { margin-right: 0; } .components-menu-item__button:disabled.is-tertiary, .components-menu-item__button[aria-disabled=true].is-tertiary, .components-menu-item__button.components-button:disabled.is-tertiary, .components-menu-item__button.components-button[aria-disabled=true].is-tertiary { background: none; color: var(--wp-admin-theme-color-darker-10); opacity: 0.3; } .components-menu-item__info-wrapper { display: flex; flex-direction: column; margin-right: auto; } .components-menu-item__info { margin-top: 4px; font-size: 12px; color: #757575; white-space: normal; } .components-menu-item__item { white-space: nowrap; min-width: 160px; margin-right: auto; display: inline-flex; align-items: center; } .components-menu-item__shortcut { align-self: center; margin-right: 0; margin-left: auto; padding-left: 24px; color: currentColor; display: none; } @media (min-width: 480px) { .components-menu-item__shortcut { display: inline; } } .components-menu-items-choice svg, .components-menu-items-choice.components-button svg { margin-right: 12px; } .components-menu-items-choice.has-icon, .components-menu-items-choice.components-button.has-icon { padding-left: 12px; } .components-modal__screen-overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.35); z-index: 100000; display: flex; animation: edit-post__fade-in-animation 0.2s ease-out 0s; animation-fill-mode: forwards; } @media (prefers-reduced-motion: reduce) { .components-modal__screen-overlay { animation-duration: 1ms; animation-delay: 0s; } } .components-modal__frame { margin: 0; width: 100%; background: #fff; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.25); border-radius: 2px; overflow: hidden; display: flex; } @media (min-width: 600px) { .components-modal__frame { margin: auto; width: auto; min-width: 360px; max-width: calc(100% - 32px); max-height: calc(100% - 120px); animation: components-modal__appear-animation 0.1s ease-out; animation-fill-mode: forwards; } } @media (min-width: 600px) and (prefers-reduced-motion: reduce) { .components-modal__frame { animation-duration: 1ms; animation-delay: 0s; } } @media (min-width: 600px) { .components-modal__frame.is-full-screen { width: 90vw; min-height: 90vh; } } @media (min-width: 960px) { .components-modal__frame { max-height: 70%; } } @keyframes components-modal__appear-animation { from { transform: translateY(32px); } to { transform: translateY(0); } } .components-modal__header { box-sizing: border-box; border-bottom: 1px solid transparent; padding: 0 32px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; height: 76px; width: 100%; z-index: 10; position: absolute; top: 0; left: 0; } .components-modal__header .components-modal__header-heading { font-size: 1.2rem; font-weight: 600; } .components-modal__header h1 { line-height: 1; margin: 0; } .components-modal__header .components-button { position: relative; left: 8px; } .components-modal__content.has-scrolled-content:not(.hide-header) .components-modal__header { border-bottom-color: #ddd; } .components-modal__header + p { margin-top: 0; } .components-modal__header-heading-container { align-items: center; flex-grow: 1; display: flex; flex-direction: row; justify-content: left; } .components-modal__header-icon-container { display: inline-block; } .components-modal__header-icon-container svg { max-width: 36px; max-height: 36px; padding: 8px; } .components-modal__content { flex: 1; margin-top: 76px; padding: 0 32px 32px; overflow: auto; } .components-modal__content.hide-header { margin-top: 0; padding-top: 24px; } .components-notice { display: flex; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 13px; background-color: #fff; border-left: 4px solid var(--wp-admin-theme-color); margin: 5px 15px 2px; padding: 8px 12px; align-items: center; } .components-notice.is-dismissible { padding-right: 36px; position: relative; } .components-notice.is-success { border-left-color: #4ab866; background-color: #eff9f1; } .components-notice.is-warning { border-left-color: #f0b849; background-color: #fef8ee; } .components-notice.is-error { border-left-color: #cc1818; background-color: #f4a2a2; } .components-notice__content { flex-grow: 1; margin: 4px 25px 4px 0; } .components-notice__actions { display: flex; flex-wrap: wrap; } .components-notice__action.components-button { margin-right: 8px; } .components-notice__action.components-button, .components-notice__action.components-button.is-link { margin-left: 12px; } .components-notice__action.components-button.is-secondary { vertical-align: initial; } .components-notice__dismiss { color: #757575; align-self: flex-start; flex-shrink: 0; } .components-notice__dismiss:not(:disabled):not([aria-disabled=true]):not(.is-secondary):hover, .components-notice__dismiss:not(:disabled):not([aria-disabled=true]):not(.is-secondary):active, .components-notice__dismiss:not(:disabled):not([aria-disabled=true]):focus { color: #1e1e1e; background-color: transparent; } .components-notice__dismiss:not(:disabled):not([aria-disabled=true]):not(.is-secondary):hover { box-shadow: none; } .components-notice-list { max-width: 100vw; box-sizing: border-box; } .components-notice-list .components-notice__content { margin-top: 12px; margin-bottom: 12px; line-height: 2; } .components-notice-list .components-notice__action.components-button { display: block; margin-left: 0; margin-top: 8px; } .components-panel { background: #fff; border: 1px solid #e0e0e0; } .components-panel > .components-panel__header:first-child, .components-panel > .components-panel__body:first-child { margin-top: -1px; } .components-panel > .components-panel__header:last-child, .components-panel > .components-panel__body:last-child { border-bottom-width: 0; } .components-panel + .components-panel { margin-top: -1px; } .components-panel__body { border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; } .components-panel__body h3 { margin: 0 0 0.5em; } .components-panel__body.is-opened { padding: 16px; } .components-panel__header { display: flex; justify-content: space-between; align-items: center; padding: 0 16px; border-bottom: 1px solid #ddd; box-sizing: content-box; height: 47px; } .components-panel__header h2 { margin: 0; font-size: inherit; color: inherit; } .components-panel__body + .components-panel__body, .components-panel__body + .components-panel__header, .components-panel__header + .components-panel__body, .components-panel__header + .components-panel__header { margin-top: -1px; } .components-panel__body > .components-panel__body-title { display: block; padding: 0; font-size: inherit; margin-top: 0; margin-bottom: 0; transition: 0.1s background ease-in-out; } @media (prefers-reduced-motion: reduce) { .components-panel__body > .components-panel__body-title { transition-duration: 0s; transition-delay: 0s; } } .components-panel__body.is-opened > .components-panel__body-title { margin: -16px; margin-bottom: 5px; } .components-panel__body > .components-panel__body-title:hover { background: #f0f0f0; border: none; } .components-panel__body-toggle.components-button { position: relative; padding: 16px 48px 16px 16px; outline: none; width: 100%; font-weight: 500; text-align: left; color: #1e1e1e; border: none; box-shadow: none; transition: 0.1s background ease-in-out; height: auto; /* rtl:begin:ignore */ /* rtl:end:ignore */ } @media (prefers-reduced-motion: reduce) { .components-panel__body-toggle.components-button { transition-duration: 0s; transition-delay: 0s; } } .components-panel__body-toggle.components-button:focus { box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); border-radius: 0; } .components-panel__body-toggle.components-button .components-panel__arrow { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); color: #1e1e1e; fill: currentColor; transition: 0.1s color ease-in-out; } @media (prefers-reduced-motion: reduce) { .components-panel__body-toggle.components-button .components-panel__arrow { transition-duration: 0s; transition-delay: 0s; } } body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right { transform: scaleX(-1); -ms-filter: fliph; filter: FlipH; margin-top: -10px; } .components-panel__icon { color: #757575; margin: -2px 0 -2px 6px; } .components-panel__body-toggle-icon { margin-right: -5px; } .components-panel__color-title { float: left; height: 19px; } .components-panel__row { display: flex; justify-content: space-between; align-items: center; margin-top: 8px; min-height: 36px; } .components-panel__row select { min-width: 0; } .components-panel__row label { margin-right: 12px; flex-shrink: 0; max-width: 75%; } .components-panel__row:empty, .components-panel__row:first-of-type { margin-top: 0; } .components-panel .circle-picker { padding-bottom: 20px; } .components-placeholder.components-placeholder { box-sizing: border-box; position: relative; padding: 1em; min-height: 200px; width: 100%; text-align: left; margin: 0; color: #1e1e1e; -moz-font-smoothing: subpixel-antialiased; -webkit-font-smoothing: subpixel-antialiased; border-radius: 2px; background-color: #fff; box-shadow: inset 0 0 0 1px #1e1e1e; outline: 1px solid transparent; } @supports (position: sticky) { .components-placeholder.components-placeholder { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; } } .components-placeholder__error, .components-placeholder__instructions, .components-placeholder__label, .components-placeholder__fieldset { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 13px; } .components-placeholder__label { display: flex; font-weight: 600; margin-bottom: 16px; align-items: center; } .components-placeholder__label > svg, .components-placeholder__label .dashicon, .components-placeholder__label .block-editor-block-icon { margin-right: 1ch; fill: currentColor; } @media (forced-colors: active) { .components-placeholder__label > svg, .components-placeholder__label .dashicon, .components-placeholder__label .block-editor-block-icon { fill: CanvasText; } } .components-placeholder__label:empty { display: none; } .components-placeholder__fieldset, .components-placeholder__fieldset form { display: flex; flex-direction: row; width: 100%; flex-wrap: wrap; } .components-placeholder__fieldset p, .components-placeholder__fieldset form p { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 13px; } .components-placeholder__fieldset.components-placeholder__fieldset { border: none; padding: 0; } .components-placeholder__fieldset.components-placeholder__fieldset .components-placeholder__instructions { padding: 0; font-weight: normal; font-size: 1em; } .components-placeholder__fieldset.is-column-layout, .components-placeholder__fieldset.is-column-layout form { flex-direction: column; } .components-placeholder__input[type=url] { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; padding: 6px 8px; box-shadow: 0 0 0 transparent; transition: box-shadow 0.1s linear; border-radius: 2px; border: 1px solid #757575; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px; /* Override core line-height. To be reviewed. */ line-height: normal; margin: 0 8px 0 0; flex: 1 1 auto; } @media (prefers-reduced-motion: reduce) { .components-placeholder__input[type=url] { transition-duration: 0s; transition-delay: 0s; } } @media (min-width: 600px) { .components-placeholder__input[type=url] { font-size: 13px; /* Override core line-height. To be reviewed. */ line-height: normal; } } .components-placeholder__input[type=url]:focus { border-color: var(--wp-admin-theme-color); box-shadow: 0 0 0 1px var(--wp-admin-theme-color); outline: 2px solid transparent; } .components-placeholder__input[type=url]::-webkit-input-placeholder { color: rgba(30, 30, 30, 0.62); } .components-placeholder__input[type=url]::-moz-placeholder { opacity: 1; color: rgba(30, 30, 30, 0.62); } .components-placeholder__input[type=url]:-ms-input-placeholder { color: rgba(30, 30, 30, 0.62); } .components-placeholder__instructions { margin-bottom: 1em; } .components-placeholder__error { margin-top: 1em; width: 100%; } .components-placeholder__fieldset .components-button { margin-right: 12px; margin-bottom: 12px; } .components-placeholder__fieldset .components-button:last-child { margin-bottom: 0; margin-right: 0; } .components-placeholder__fieldset .components-button:not(.is-link) ~ .components-button.is-link { margin-left: 10px; margin-right: 10px; } .components-placeholder__fieldset .components-button:not(.is-link) ~ .components-button.is-link:last-child { margin-right: 0; } .components-placeholder.is-large .components-placeholder__label { font-size: 18pt; font-weight: normal; } .components-placeholder.is-medium .components-placeholder__instructions, .components-placeholder.is-small .components-placeholder__instructions { display: none; } .components-placeholder.is-medium .components-placeholder__fieldset, .components-placeholder.is-medium .components-placeholder__fieldset form, .components-placeholder.is-small .components-placeholder__fieldset, .components-placeholder.is-small .components-placeholder__fieldset form { flex-direction: column; } .components-placeholder.is-medium .components-placeholder__fieldset .components-button, .components-placeholder.is-small .components-placeholder__fieldset .components-button { margin-right: auto; } .components-placeholder.is-small .components-button { padding: 0 8px 2px; } /** * Dashed style placeholders */ .components-placeholder.has-illustration { color: inherit; display: flex; box-shadow: none; min-width: 100px; -webkit-backdrop-filter: blur(100px); backdrop-filter: blur(100px); background-color: rgba(255, 255, 255, 0.1); border: 1px dashed currentColor; border-radius: 2px; overflow: hidden; } .is-dark-theme .components-placeholder.has-illustration { background-color: rgba(0, 0, 0, 0.1); } .components-placeholder.has-illustration .components-placeholder__fieldset { width: auto; margin-left: 0; margin-right: 0; } .components-placeholder.has-illustration .components-placeholder__label, .components-placeholder.has-illustration .components-placeholder__instructions, .components-placeholder.has-illustration .components-button { opacity: 0; transition: opacity 0.1s linear; } @media (prefers-reduced-motion: reduce) { .components-placeholder.has-illustration .components-placeholder__label, .components-placeholder.has-illustration .components-placeholder__instructions, .components-placeholder.has-illustration .components-button { transition-duration: 0s; transition-delay: 0s; } } .is-selected > .components-placeholder.has-illustration .components-placeholder__label, .is-selected > .components-placeholder.has-illustration .components-placeholder__instructions, .is-selected > .components-placeholder.has-illustration .components-button { opacity: 1; } .components-placeholder__preview { display: flex; justify-content: center; } .components-placeholder__illustration { box-sizing: content-box; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; stroke: currentColor; stroke-dasharray: 3; } .components-popover { z-index: 1000000; } .components-popover.is-expanded { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1000000 !important; } .components-popover__content { background: #fff; outline: 1px solid #ccc; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); border-radius: 2px; box-sizing: border-box; width: min-content; } .is-alternate .components-popover__content { outline: 1px solid #1e1e1e; box-shadow: none; } .components-popover.is-expanded .components-popover__content { position: static; height: calc(100% - 48px); overflow-y: visible; width: auto; border: none; outline: none; border-top: 1px solid #1e1e1e; } .components-popover__header { align-items: center; background: #fff; display: flex; height: 48px; justify-content: space-between; padding: 0 8px 0 16px; } .components-popover__header-title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; } .components-popover__close.components-button { z-index: 5; } .components-popover__arrow { position: absolute; width: 14px; height: 14px; pointer-events: none; display: flex; } .components-popover__arrow::before { content: ""; position: absolute; top: -1px; left: 1px; height: 2px; right: 1px; background-color: #fff; } .components-popover__arrow.is-top { bottom: -14px !important; transform: rotate(0); } .components-popover__arrow.is-right { /*rtl:begin:ignore*/ left: -14px !important; transform: rotate(90deg); } .components-popover__arrow.is-bottom { top: -14px !important; transform: rotate(180deg); } .components-popover__arrow.is-left { /*rtl:begin:ignore*/ right: -14px !important; transform: rotate(-90deg); /*rtl:end:ignore*/ } .components-popover__triangle { display: block; flex: 1; } .components-popover__triangle-bg { fill: #fff; } .components-popover__triangle-border { fill: transparent; stroke-width: 1px; stroke: #ccc; } .is-alternate .components-popover__triangle-border { stroke: #1e1e1e; } .components-radio-control__input[type=radio] { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; padding: 6px 8px; box-shadow: 0 0 0 transparent; transition: box-shadow 0.1s linear; border-radius: 2px; border: 1px solid #757575; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px; /* Override core line-height. To be reviewed. */ line-height: normal; border: 1px solid #1e1e1e; margin-right: 12px; transition: none; border-radius: 50%; width: 24px; height: 24px; margin-top: 0; margin-right: 6px; } @media (prefers-reduced-motion: reduce) { .components-radio-control__input[type=radio] { transition-duration: 0s; transition-delay: 0s; } } @media (min-width: 600px) { .components-radio-control__input[type=radio] { font-size: 13px; /* Override core line-height. To be reviewed. */ line-height: normal; } } .components-radio-control__input[type=radio]:focus { border-color: var(--wp-admin-theme-color); box-shadow: 0 0 0 1px var(--wp-admin-theme-color); outline: 2px solid transparent; } .components-radio-control__input[type=radio]::-webkit-input-placeholder { color: rgba(30, 30, 30, 0.62); } .components-radio-control__input[type=radio]::-moz-placeholder { opacity: 1; color: rgba(30, 30, 30, 0.62); } .components-radio-control__input[type=radio]:-ms-input-placeholder { color: rgba(30, 30, 30, 0.62); } @media (min-width: 600px) { .components-radio-control__input[type=radio] { height: 20px; width: 20px; } } .components-radio-control__input[type=radio]:checked::before { box-sizing: inherit; width: 8px; height: 8px; transform: translate(7px, 7px); margin: 0; background-color: #fff; border: 4px solid #fff; } @media (min-width: 600px) { .components-radio-control__input[type=radio]:checked::before { transform: translate(5px, 5px); } } .components-radio-control__input[type=radio]:focus { box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color); outline: 2px solid transparent; } .components-radio-control__input[type=radio]:checked { background: var(--wp-admin-theme-color); border-color: var(--wp-admin-theme-color); } .components-resizable-box__handle { display: none; width: 23px; height: 23px; z-index: 2; } .components-resizable-box__container.has-show-handle .components-resizable-box__handle { display: block; } .components-resizable-box__container > img { width: inherit; } .components-resizable-box__handle::after { display: block; content: ""; width: 15px; height: 15px; border-radius: 50%; background: #fff; cursor: inherit; position: absolute; top: calc(50% - 8px); right: calc(50% - 8px); box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); outline: 2px solid transparent; } .components-resizable-box__side-handle::before { display: block; border-radius: 2px; content: ""; width: 3px; height: 3px; background: var(--wp-admin-theme-color); cursor: inherit; position: absolute; top: calc(50% - 1px); right: calc(50% - 1px); transition: transform 0.1s ease-in; opacity: 0; } @media (prefers-reduced-motion: reduce) { .components-resizable-box__side-handle::before { transition-duration: 0s; transition-delay: 0s; } } .components-resizable-box__side-handle { z-index: 2; } .components-resizable-box__corner-handle { z-index: 2; } .components-resizable-box__side-handle.components-resizable-box__handle-top, .components-resizable-box__side-handle.components-resizable-box__handle-bottom, .components-resizable-box__side-handle.components-resizable-box__handle-top::before, .components-resizable-box__side-handle.components-resizable-box__handle-bottom::before { width: 100%; left: 0; border-left: 0; border-right: 0; } .components-resizable-box__side-handle.components-resizable-box__handle-left, .components-resizable-box__side-handle.components-resizable-box__handle-right, .components-resizable-box__side-handle.components-resizable-box__handle-left::before, .components-resizable-box__side-handle.components-resizable-box__handle-right::before { height: 100%; top: 0; border-top: 0; border-bottom: 0; } .components-resizable-box__side-handle.components-resizable-box__handle-top:hover::before, .components-resizable-box__side-handle.components-resizable-box__handle-bottom:hover::before, .components-resizable-box__side-handle.components-resizable-box__handle-top:active::before, .components-resizable-box__side-handle.components-resizable-box__handle-bottom:active::before { animation: components-resizable-box__top-bottom-animation 0.1s ease-out 0s; animation-fill-mode: forwards; } @media (prefers-reduced-motion: reduce) { .components-resizable-box__side-handle.components-resizable-box__handle-top:hover::before, .components-resizable-box__side-handle.components-resizable-box__handle-bottom:hover::before, .components-resizable-box__side-handle.components-resizable-box__handle-top:active::before, .components-resizable-box__side-handle.components-resizable-box__handle-bottom:active::before { animation-duration: 1ms; animation-delay: 0s; } } .components-resizable-box__side-handle.components-resizable-box__handle-left:hover::before, .components-resizable-box__side-handle.components-resizable-box__handle-right:hover::before, .components-resizable-box__side-handle.components-resizable-box__handle-left:active::before, .components-resizable-box__side-handle.components-resizable-box__handle-right:active::before { animation: components-resizable-box__left-right-animation 0.1s ease-out 0s; animation-fill-mode: forwards; } @media (prefers-reduced-motion: reduce) { .components-resizable-box__side-handle.components-resizable-box__handle-left:hover::before, .components-resizable-box__side-handle.components-resizable-box__handle-right:hover::before, .components-resizable-box__side-handle.components-resizable-box__handle-left:active::before, .components-resizable-box__side-handle.components-resizable-box__handle-right:active::before { animation-duration: 1ms; animation-delay: 0s; } } /* This CSS is shown only to Safari, which has a bug with table-caption making it jumpy. See https://bugs.webkit.org/show_bug.cgi?id=187903. */ @media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) { @supports (-webkit-appearance: none) { .components-resizable-box__side-handle.components-resizable-box__handle-top:hover::before, .components-resizable-box__side-handle.components-resizable-box__handle-bottom:hover::before, .components-resizable-box__side-handle.components-resizable-box__handle-top:active::before, .components-resizable-box__side-handle.components-resizable-box__handle-bottom:active::before { animation: none; } .components-resizable-box__side-handle.components-resizable-box__handle-left:hover::before, .components-resizable-box__side-handle.components-resizable-box__handle-right:hover::before, .components-resizable-box__side-handle.components-resizable-box__handle-left:active::before, .components-resizable-box__side-handle.components-resizable-box__handle-right:active::before { animation: none; } } } @keyframes components-resizable-box__top-bottom-animation { from { transform: scaleX(0); opacity: 0; } to { transform: scaleX(1); opacity: 1; } } @keyframes components-resizable-box__left-right-animation { from { transform: scaleY(0); opacity: 0; } to { transform: scaleY(1); opacity: 1; } } /*!rtl:begin:ignore*/ .components-resizable-box__handle-right { right: calc(11.5px * -1); } .components-resizable-box__handle-left { left: calc(11.5px * -1); } .components-resizable-box__handle-top { top: calc(11.5px * -1); } .components-resizable-box__handle-bottom { bottom: calc(11.5px * -1); } /*!rtl:end:ignore*/ .components-responsive-wrapper { position: relative; max-width: 100%; } .components-responsive-wrapper, .components-responsive-wrapper > span { display: block; } .components-responsive-wrapper__content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; margin: auto; } .components-sandbox { overflow: hidden; } iframe.components-sandbox { width: 100%; } html.lockscroll, body.lockscroll { overflow: hidden; } .components-search-control { position: relative; } .components-search-control input[type=search].components-search-control__input { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; padding: 6px 8px; box-shadow: 0 0 0 transparent; transition: box-shadow 0.1s linear; border-radius: 2px; border: 1px solid #757575; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px; /* Override core line-height. To be reviewed. */ line-height: normal; display: block; padding: 16px 48px 16px 16px; background: #f0f0f0; border: none; width: 100%; height: 48px; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px; } @media (prefers-reduced-motion: reduce) { .components-search-control input[type=search].components-search-control__input { transition-duration: 0s; transition-delay: 0s; } } @media (min-width: 600px) { .components-search-control input[type=search].components-search-control__input { font-size: 13px; /* Override core line-height. To be reviewed. */ line-height: normal; } } .components-search-control input[type=search].components-search-control__input:focus { border-color: var(--wp-admin-theme-color); box-shadow: 0 0 0 1px var(--wp-admin-theme-color); outline: 2px solid transparent; } .components-search-control input[type=search].components-search-control__input::-webkit-input-placeholder { color: rgba(30, 30, 30, 0.62); } .components-search-control input[type=search].components-search-control__input::-moz-placeholder { opacity: 1; color: rgba(30, 30, 30, 0.62); } .components-search-control input[type=search].components-search-control__input:-ms-input-placeholder { color: rgba(30, 30, 30, 0.62); } @media (min-width: 600px) { .components-search-control input[type=search].components-search-control__input { font-size: 13px; } } .components-search-control input[type=search].components-search-control__input:focus { background: #fff; box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); } .components-search-control input[type=search].components-search-control__input::placeholder { color: #757575; } .components-search-control input[type=search].components-search-control__input::-webkit-search-decoration, .components-search-control input[type=search].components-search-control__input::-webkit-search-cancel-button, .components-search-control input[type=search].components-search-control__input::-webkit-search-results-button, .components-search-control input[type=search].components-search-control__input::-webkit-search-results-decoration { -webkit-appearance: none; } .components-search-control__icon { position: absolute; top: 0; right: 12px; bottom: 0; display: flex; align-items: center; } .components-search-control__icon > svg { margin: 8px 0; } .components-search-control__input-wrapper { position: relative; } .components-select-control__input { background: #fff; height: 36px; line-height: 36px; margin: 1px; outline: 0; width: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important; } @media (min-width: 782px) { .components-select-control__input { height: 28px; line-height: 28px; } } @media (max-width: 782px) { .components-base-control .components-base-control__field .components-select-control__input { font-size: 16px; } } .components-snackbar { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 13px; background-color: #1e1e1e; border-radius: 2px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); color: #fff; padding: 16px 24px; width: 100%; max-width: 600px; box-sizing: border-box; cursor: pointer; pointer-events: auto; } @media (min-width: 600px) { .components-snackbar { width: -moz-fit-content; width: fit-content; } } .components-snackbar:focus { box-shadow: 0 0 0 1px #fff, 0 0 0 3px var(--wp-admin-theme-color); } .components-snackbar.components-snackbar-explicit-dismiss { cursor: default; } .components-snackbar .components-snackbar__content-with-icon { margin-left: 24px; } .components-snackbar .components-snackbar__icon { position: absolute; top: 24px; left: 28px; } .components-snackbar .components-snackbar__dismiss-button { margin-left: 32px; cursor: pointer; } .components-snackbar__action.components-button { margin-left: 32px; color: #fff; height: auto; flex-shrink: 0; line-height: 1.4; padding: 0; } .components-snackbar__action.components-button:not(:disabled):not([aria-disabled=true]):not(.is-secondary) { text-decoration: underline; background-color: transparent; } .components-snackbar__action.components-button:not(:disabled):not([aria-disabled=true]):not(.is-secondary):focus { color: #fff; box-shadow: none; outline: 1px dotted #fff; } .components-snackbar__action.components-button:not(:disabled):not([aria-disabled=true]):not(.is-secondary):hover { color: var(--wp-admin-theme-color); } .components-snackbar__content { display: flex; align-items: baseline; justify-content: space-between; line-height: 1.4; } .components-snackbar-list { position: absolute; z-index: 100000; width: 100%; box-sizing: border-box; pointer-events: none; } .components-snackbar-list__notice-container { position: relative; padding-top: 8px; } .components-tab-panel__tabs { display: flex; align-items: stretch; flex-direction: row; } .components-tab-panel__tabs[aria-orientation=vertical] { flex-direction: column; } .components-tab-panel__tabs-item { background: transparent; border: none; box-shadow: none; border-radius: 0; cursor: pointer; height: 48px; padding: 3px 16px; margin-left: 0; font-weight: 500; transition: box-shadow 0.1s linear; box-sizing: border-box; } .components-tab-panel__tabs-item::after { content: attr(data-label); display: block; height: 0; overflow: hidden; speak: none; visibility: hidden; } .components-tab-panel__tabs-item:focus:not(:disabled) { box-shadow: inset 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); } .components-tab-panel__tabs-item.is-active { box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) transparent, inset 0 -1.5px 0 0 var(--wp-admin-theme-color); position: relative; } .components-tab-panel__tabs-item.is-active::before { content: ""; position: absolute; top: 0; bottom: 1px; right: 0; left: 0; border-bottom: 1.5px solid transparent; } .components-tab-panel__tabs-item:focus { box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); } .components-tab-panel__tabs-item.is-active:focus { box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 -3px 0 0 var(--wp-admin-theme-color); } .components-text-control__input, .components-text-control__input[type=text], .components-text-control__input[type=tel], .components-text-control__input[type=time], .components-text-control__input[type=url], .components-text-control__input[type=week], .components-text-control__input[type=password], .components-text-control__input[type=color], .components-text-control__input[type=date], .components-text-control__input[type=datetime], .components-text-control__input[type=datetime-local], .components-text-control__input[type=email], .components-text-control__input[type=month], .components-text-control__input[type=number] { width: 100%; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; padding: 6px 8px; box-shadow: 0 0 0 transparent; transition: box-shadow 0.1s linear; border-radius: 2px; border: 1px solid #757575; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px; /* Override core line-height. To be reviewed. */ line-height: normal; } @media (prefers-reduced-motion: reduce) { .components-text-control__input, .components-text-control__input[type=text], .components-text-control__input[type=tel], .components-text-control__input[type=time], .components-text-control__input[type=url], .components-text-control__input[type=week], .components-text-control__input[type=password], .components-text-control__input[type=color], .components-text-control__input[type=date], .components-text-control__input[type=datetime], .components-text-control__input[type=datetime-local], .components-text-control__input[type=email], .components-text-control__input[type=month], .components-text-control__input[type=number] { transition-duration: 0s; transition-delay: 0s; } } @media (min-width: 600px) { .components-text-control__input, .components-text-control__input[type=text], .components-text-control__input[type=tel], .components-text-control__input[type=time], .components-text-control__input[type=url], .components-text-control__input[type=week], .components-text-control__input[type=password], .components-text-control__input[type=color], .components-text-control__input[type=date], .components-text-control__input[type=datetime], .components-text-control__input[type=datetime-local], .components-text-control__input[type=email], .components-text-control__input[type=month], .components-text-control__input[type=number] { font-size: 13px; /* Override core line-height. To be reviewed. */ line-height: normal; } } .components-text-control__input:focus, .components-text-control__input[type=text]:focus, .components-text-control__input[type=tel]:focus, .components-text-control__input[type=time]:focus, .components-text-control__input[type=url]:focus, .components-text-control__input[type=week]:focus, .components-text-control__input[type=password]:focus, .components-text-control__input[type=color]:focus, .components-text-control__input[type=date]:focus, .components-text-control__input[type=datetime]:focus, .components-text-control__input[type=datetime-local]:focus, .components-text-control__input[type=email]:focus, .components-text-control__input[type=month]:focus, .components-text-control__input[type=number]:focus { border-color: var(--wp-admin-theme-color); box-shadow: 0 0 0 1px var(--wp-admin-theme-color); outline: 2px solid transparent; } .components-text-control__input::-webkit-input-placeholder, .components-text-control__input[type=text]::-webkit-input-placeholder, .components-text-control__input[type=tel]::-webkit-input-placeholder, .components-text-control__input[type=time]::-webkit-input-placeholder, .components-text-control__input[type=url]::-webkit-input-placeholder, .components-text-control__input[type=week]::-webkit-input-placeholder, .components-text-control__input[type=password]::-webkit-input-placeholder, .components-text-control__input[type=color]::-webkit-input-placeholder, .components-text-control__input[type=date]::-webkit-input-placeholder, .components-text-control__input[type=datetime]::-webkit-input-placeholder, .components-text-control__input[type=datetime-local]::-webkit-input-placeholder, .components-text-control__input[type=email]::-webkit-input-placeholder, .components-text-control__input[type=month]::-webkit-input-placeholder, .components-text-control__input[type=number]::-webkit-input-placeholder { color: rgba(30, 30, 30, 0.62); } .components-text-control__input::-moz-placeholder, .components-text-control__input[type=text]::-moz-placeholder, .components-text-control__input[type=tel]::-moz-placeholder, .components-text-control__input[type=time]::-moz-placeholder, .components-text-control__input[type=url]::-moz-placeholder, .components-text-control__input[type=week]::-moz-placeholder, .components-text-control__input[type=password]::-moz-placeholder, .components-text-control__input[type=color]::-moz-placeholder, .components-text-control__input[type=date]::-moz-placeholder, .components-text-control__input[type=datetime]::-moz-placeholder, .components-text-control__input[type=datetime-local]::-moz-placeholder, .components-text-control__input[type=email]::-moz-placeholder, .components-text-control__input[type=month]::-moz-placeholder, .components-text-control__input[type=number]::-moz-placeholder { opacity: 1; color: rgba(30, 30, 30, 0.62); } .components-text-control__input:-ms-input-placeholder, .components-text-control__input[type=text]:-ms-input-placeholder, .components-text-control__input[type=tel]:-ms-input-placeholder, .components-text-control__input[type=time]:-ms-input-placeholder, .components-text-control__input[type=url]:-ms-input-placeholder, .components-text-control__input[type=week]:-ms-input-placeholder, .components-text-control__input[type=password]:-ms-input-placeholder, .components-text-control__input[type=color]:-ms-input-placeholder, .components-text-control__input[type=date]:-ms-input-placeholder, .components-text-control__input[type=datetime]:-ms-input-placeholder, .components-text-control__input[type=datetime-local]:-ms-input-placeholder, .components-text-control__input[type=email]:-ms-input-placeholder, .components-text-control__input[type=month]:-ms-input-placeholder, .components-text-control__input[type=number]:-ms-input-placeholder { color: rgba(30, 30, 30, 0.62); } .components-tip { display: flex; color: #757575; } .components-tip svg { align-self: center; fill: #f0b849; flex-shrink: 0; margin-right: 16px; } .components-tip p { margin: 0; } .components-accessible-toolbar { display: inline-flex; border: 1px solid #1e1e1e; border-radius: 2px; flex-shrink: 0; } .components-accessible-toolbar > .components-toolbar-group:last-child { border-right: none; } .components-accessible-toolbar .components-button, .components-toolbar .components-button { position: relative; height: 48px; z-index: 1; padding-left: 16px; padding-right: 16px; } .components-accessible-toolbar .components-button:focus:enabled, .components-toolbar .components-button:focus:enabled { box-shadow: none; outline: none; } .components-accessible-toolbar .components-button::before, .components-toolbar .components-button::before { content: ""; position: absolute; display: block; border-radius: 2px; height: 32px; left: 8px; right: 8px; z-index: -1; animation: components-button__appear-animation 0.1s ease; animation-fill-mode: forwards; } @media (prefers-reduced-motion: reduce) { .components-accessible-toolbar .components-button::before, .components-toolbar .components-button::before { animation-duration: 1ms; animation-delay: 0s; } } .components-accessible-toolbar .components-button svg, .components-toolbar .components-button svg { position: relative; margin-left: auto; margin-right: auto; } .components-accessible-toolbar .components-button.is-pressed, .components-toolbar .components-button.is-pressed { background: transparent; } .components-accessible-toolbar .components-button.is-pressed:hover, .components-toolbar .components-button.is-pressed:hover { background: transparent; } .components-accessible-toolbar .components-button.is-pressed::before, .components-toolbar .components-button.is-pressed::before { background: #1e1e1e; } .components-accessible-toolbar .components-button:focus::before, .components-toolbar .components-button:focus::before { box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 4px #fff; outline: 2px solid transparent; } .components-accessible-toolbar .components-button.has-icon.has-icon, .components-toolbar .components-button.has-icon.has-icon { padding-left: 12px; padding-right: 12px; min-width: 48px; } .components-accessible-toolbar .components-button.components-tab-button, .components-toolbar .components-button.components-tab-button { font-weight: 500; } .components-accessible-toolbar .components-button.components-tab-button span, .components-toolbar .components-button.components-tab-button span { display: inline-block; padding-left: 0; padding-right: 0; position: relative; } @keyframes components-button__appear-animation { from { transform: scaleY(0); } to { transform: scaleY(1); } } .components-toolbar__control.components-button { position: relative; } .components-toolbar__control.components-button[data-subscript] svg { padding: 5px 10px 5px 0; } .components-toolbar__control.components-button[data-subscript]::after { content: attr(data-subscript); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 13px; font-weight: 600; line-height: 12px; position: absolute; right: 8px; bottom: 10px; } .components-toolbar__control.components-button:active::before { display: none; } .components-toolbar__control.components-button:not(:disabled).is-pressed[data-subscript]::after { color: #fff; } .components-toolbar-group { min-height: 48px; border-right: 1px solid #1e1e1e; background-color: #fff; display: inline-flex; flex-shrink: 0; flex-wrap: wrap; padding-left: 6px; padding-right: 6px; line-height: 0; } .components-toolbar-group .components-toolbar-group.components-toolbar-group { border-width: 0; margin: 0; } .components-toolbar-group .components-button.components-button, .components-toolbar-group .components-button.has-icon.has-icon { min-width: 36px; padding-left: 6px; padding-right: 6px; } .components-toolbar-group .components-button.components-button svg, .components-toolbar-group .components-button.has-icon.has-icon svg { min-width: 24px; } .components-toolbar-group .components-button.components-button::before, .components-toolbar-group .components-button.has-icon.has-icon::before { left: 2px; right: 2px; } .components-toolbar { min-height: 48px; margin: 0; border: 1px solid #1e1e1e; background-color: #fff; display: inline-flex; flex-shrink: 0; flex-wrap: wrap; } .components-toolbar .components-toolbar.components-toolbar { border-width: 0; margin: 0; } div.components-toolbar > div { display: block; margin: 0; } @supports (position: sticky) { div.components-toolbar > div { display: flex; } } div.components-toolbar > div + div.has-left-divider { margin-left: 6px; position: relative; overflow: visible; } div.components-toolbar > div + div.has-left-divider::before { display: inline-block; content: ""; box-sizing: content-box; background-color: #ddd; position: absolute; top: 8px; left: -3px; width: 1px; height: 20px; } .components-tooltip.components-popover { z-index: 1000002; } .components-tooltip.components-popover .components-popover__content { min-width: min-content; } .components-tooltip .components-popover__content { background: #1e1e1e; border-radius: 2px; border-width: 0; outline: none; color: #fff; white-space: nowrap; text-align: center; line-height: 1.4; font-size: 12px; box-shadow: none; padding: 4px 8px; } .components-tooltip__shortcut { display: inline-block; margin-left: 8px; } .disabled-element-wrapper { position: relative; } .disabled-element-wrapper .event-catcher { z-index: 100002; position: absolute; width: 100%; height: 100%; top: 0; left: 0; bottom: 0; right: 0; } home/premiey/www/wp-includes/css/dist/edit-widgets/style.css 0000666 00000071750 15165312646 0020251 0 ustar 00 /** * Colors */ /** * Breakpoints & Media Queries */ /** * 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. */ /** * Colors */ /** * 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 & Editor UI. */ /** * Block paddings. */ /** * React Native specific. * These variables do not appear to be used anywhere else. */ /** * Converts a hex value into the rgb equivalent. * * @param {string} hex - the hexadecimal value to convert * @return {string} comma separated rgb values */ /** * Breakpoint mixins */ /** * Long content fade mixin * * Creates a fading overlay to signify that the content is longer * than the space allows. */ /** * Focus styles. */ /** * Applies editor left 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--rgb: 0, 124, 186; --wp-admin-theme-color-darker-10: #006ba1; --wp-admin-theme-color-darker-10--rgb: 0, 107, 161; --wp-admin-theme-color-darker-20: #005a87; --wp-admin-theme-color-darker-20--rgb: 0, 90, 135; --wp-admin-border-width-focus: 2px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { :root { --wp-admin-border-width-focus: 1.5px; } } .components-panel__header.interface-complementary-area-header__small { background: #fff; padding-right: 4px; } .components-panel__header.interface-complementary-area-header__small .interface-complementary-area-header__small-title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; } @media (min-width: 782px) { .components-panel__header.interface-complementary-area-header__small { display: none; } } .interface-complementary-area-header { background: #fff; padding-right: 4px; } .interface-complementary-area-header .components-button.has-icon { display: none; margin-left: auto; } .interface-complementary-area-header .components-button.has-icon ~ .components-button { margin-left: 0; } @media (min-width: 782px) { .interface-complementary-area-header .components-button.has-icon { display: flex; } } @media (min-width: 782px) { .components-panel__header + .interface-complementary-area-header { margin-top: 0; } } .interface-complementary-area { background: #fff; color: #1e1e1e; } @media (min-width: 600px) { .interface-complementary-area { -webkit-overflow-scrolling: touch; } } @media (min-width: 782px) { .interface-complementary-area { width: 280px; } } .interface-complementary-area .components-panel { border: none; position: relative; z-index: 0; } .interface-complementary-area .components-panel__header { position: sticky; top: 0; z-index: 1; } .interface-complementary-area .components-panel__header.edit-post-sidebar__panel-tabs { top: 48px; } @media (min-width: 782px) { .interface-complementary-area .components-panel__header.edit-post-sidebar__panel-tabs { top: 0; } } .interface-complementary-area p:not(.components-base-control__help) { margin-top: 0; } .interface-complementary-area h2 { font-size: 13px; color: #1e1e1e; margin-bottom: 1.5em; } .interface-complementary-area h3 { font-size: 11px; text-transform: uppercase; font-weight: 500; color: #1e1e1e; margin-bottom: 1.5em; } .interface-complementary-area hr { border-top: none; border-bottom: 1px solid #f0f0f0; margin: 1.5em 0; } .interface-complementary-area div.components-toolbar-group, .interface-complementary-area div.components-toolbar { box-shadow: none; margin-bottom: 1.5em; } .interface-complementary-area div.components-toolbar-group:last-child, .interface-complementary-area div.components-toolbar:last-child { margin-bottom: 0; } .interface-complementary-area .block-editor-skip-to-selected-block:focus { top: auto; right: 10px; bottom: 10px; left: auto; } @media (min-width: 782px) { body.js.is-fullscreen-mode { margin-top: -32px; height: calc(100% + 32px); } body.js.is-fullscreen-mode #adminmenumain, body.js.is-fullscreen-mode #wpadminbar { display: none; } body.js.is-fullscreen-mode #wpcontent, body.js.is-fullscreen-mode #wpfooter { margin-left: 0; } } html.interface-interface-skeleton__html-container { position: fixed; width: 100%; } @media (min-width: 782px) { html.interface-interface-skeleton__html-container { position: initial; width: initial; } } .interface-interface-skeleton { display: flex; flex-direction: row; height: auto; max-height: 100%; position: fixed; top: 46px; left: 0; right: 0; bottom: 0; } @media (min-width: 783px) { .interface-interface-skeleton { top: 32px; } .is-fullscreen-mode .interface-interface-skeleton { top: 0; } } .interface-interface-skeleton__editor { display: flex; flex-direction: column; flex: 0 1 100%; overflow: hidden; } .interface-interface-skeleton { /* Set left position when auto-fold is not on the body element. */ left: 0; } @media (min-width: 783px) { .interface-interface-skeleton { left: 160px; } } .auto-fold .interface-interface-skeleton { /* Auto fold is when on smaller breakpoints, nav menu auto collapses. */ } @media (min-width: 783px) { .auto-fold .interface-interface-skeleton { left: 36px; } } @media (min-width: 961px) { .auto-fold .interface-interface-skeleton { left: 160px; } } /* Sidebar manually collapsed. */ .folded .interface-interface-skeleton { left: 0; } @media (min-width: 783px) { .folded .interface-interface-skeleton { left: 36px; } } body.is-fullscreen-mode .interface-interface-skeleton { left: 0 !important; } .interface-interface-skeleton__body { flex-grow: 1; display: flex; overflow: auto; overscroll-behavior-y: none; } @media (min-width: 782px) { .has-footer .interface-interface-skeleton__body { padding-bottom: 25px; } } .interface-interface-skeleton__content { flex-grow: 1; display: flex; flex-direction: column; overflow: auto; z-index: 20; } .interface-interface-skeleton__secondary-sidebar, .interface-interface-skeleton__sidebar { display: block; flex-shrink: 0; position: absolute; z-index: 100000; top: 0; right: 0; bottom: 0; left: 0; background: #fff; color: #1e1e1e; } @media (min-width: 782px) { .interface-interface-skeleton__secondary-sidebar, .interface-interface-skeleton__sidebar { position: relative !important; z-index: 90; width: auto; } } .interface-interface-skeleton__sidebar { overflow: auto; } @media (min-width: 782px) { .interface-interface-skeleton__sidebar { border-left: 1px solid #e0e0e0; } } @media (min-width: 782px) { .interface-interface-skeleton__secondary-sidebar { border-right: 1px solid #e0e0e0; } } .interface-interface-skeleton__header { flex-shrink: 0; height: auto; border-bottom: 1px solid #e0e0e0; z-index: 30; color: #1e1e1e; } .interface-interface-skeleton__footer { height: auto; flex-shrink: 0; border-top: 1px solid #e0e0e0; color: #1e1e1e; position: absolute; bottom: 0; left: 0; width: 100%; background-color: #fff; z-index: 90; display: none; } @media (min-width: 782px) { .interface-interface-skeleton__footer { display: flex; } } .interface-interface-skeleton__footer .block-editor-block-breadcrumb { z-index: 30; display: flex; background: #fff; height: 24px; align-items: center; font-size: 13px; padding: 0 18px; } .interface-interface-skeleton__actions { z-index: 100000; position: fixed !important; top: -9999em; bottom: auto; left: auto; right: 0; width: 280px; color: #1e1e1e; } .interface-interface-skeleton__actions:focus { top: auto; bottom: 0; } .interface-more-menu-dropdown { margin-left: -4px; } .interface-more-menu-dropdown .components-button { width: auto; padding: 0 2px; } @media (min-width: 600px) { .interface-more-menu-dropdown { margin-left: 0; } .interface-more-menu-dropdown .components-button { padding: 0 4px; } } .interface-more-menu-dropdown__content .components-popover__content { min-width: 280px; } @media (min-width: 480px) { .interface-more-menu-dropdown__content .components-popover__content { max-width: 480px; } } .interface-more-menu-dropdown__content .components-popover__content .components-dropdown-menu__menu { padding: 0; } .components-popover.interface-more-menu-dropdown__content { z-index: 99998; } .interface-pinned-items { display: flex; gap: 4px; margin-right: -4px; } .interface-pinned-items .components-button:not(:first-child) { display: none; } @media (min-width: 600px) { .interface-pinned-items .components-button:not(:first-child) { display: flex; } } .interface-pinned-items .components-button { margin: 0; } .interface-pinned-items .components-button svg { max-width: 24px; max-height: 24px; } @media (min-width: 600px) { .interface-preferences-modal { width: calc(100% - 32px); height: calc(100% - 120px); } } @media (min-width: 782px) { .interface-preferences-modal { width: 750px; } } @media (min-width: 960px) { .interface-preferences-modal { height: 70%; } } @media (max-width: 781px) { .interface-preferences-modal .components-modal__content { padding: 0; } } .interface-preferences__tabs .components-tab-panel__tabs { position: absolute; top: 84px; left: 16px; width: 160px; } .interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item { border-radius: 2px; font-weight: 400; } .interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item.is-active { background: #f0f0f0; box-shadow: none; font-weight: 500; } .interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item:focus:not(:disabled) { box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); } .interface-preferences__tabs .components-tab-panel__tab-content { padding-left: 24px; margin-left: 160px; } @media (max-width: 781px) { .interface-preferences__provider { height: 100%; } } .interface-preferences-modal__section { margin: 0 0 2.5rem 0; } .interface-preferences-modal__section:last-child { margin: 0; } .interface-preferences-modal__section-legend { margin-bottom: 8px; } .interface-preferences-modal__section-title { font-size: 0.9rem; font-weight: 600; margin-top: 0; } .interface-preferences-modal__section-description { margin: -8px 0 8px 0; font-size: 12px; font-style: normal; color: #757575; } .interface-preferences-modal__option + .interface-preferences-modal__option { margin-top: 16px; } .interface-preferences-modal__option .components-base-control__help { margin-top: 0; margin-left: 48px; } .wp-block[data-type="core/widget-area"] { max-width: 700px; margin-left: auto; margin-right: auto; } .wp-block[data-type="core/widget-area"] .components-panel__body > .components-panel__body-title { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; margin: 0; height: 48px; position: relative; z-index: 1; background: #fff; transform: translateZ(0); } .wp-block[data-type="core/widget-area"] .components-panel__body > .components-panel__body-title:hover { background: #fff; } .wp-block[data-type="core/widget-area"] .block-list-appender.wp-block { width: initial; position: relative; } .wp-block[data-type="core/widget-area"] .editor-styles-wrapper .wp-block.wp-block.wp-block.wp-block.wp-block { max-width: 100%; } .wp-block[data-type="core/widget-area"] .components-panel__body.is-opened { padding: 0; } .blocks-widgets-container .wp-block-widget-area__inner-blocks.editor-styles-wrapper { margin: 0; padding: 0; } .blocks-widgets-container .wp-block-widget-area__inner-blocks.editor-styles-wrapper > .block-editor-block-list__layout { margin-top: -48px; padding: 72px 16px 16px; min-height: 32px; } .wp-block-widget-area__highlight-drop-zone { outline: var(--wp-admin-border-width-focus) solid var(--wp-admin-theme-color); } body.is-dragging-components-draggable .wp-block[data-type="core/widget-area"] .components-panel__body > .components-panel__body-title, body.is-dragging-components-draggable .wp-block[data-type="core/widget-area"] .components-panel__body > .components-panel__body-title * { pointer-events: none; } .edit-widgets-error-boundary { margin: auto; max-width: 780px; padding: 20px; margin-top: 60px; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.25); } .edit-widgets-header { display: flex; align-items: center; justify-content: space-between; height: 60px; padding: 0 16px; overflow: auto; } @media (min-width: 600px) { .edit-widgets-header { overflow: visible; } } .edit-widgets-header__navigable-toolbar-wrapper { display: flex; align-items: center; justify-content: center; } .edit-widgets-header__title { font-size: 20px; padding: 0; margin: 0 20px 0 0; } .edit-widgets-header__actions { display: flex; align-items: center; gap: 4px; } @media (min-width: 600px) { .edit-widgets-header__actions { gap: 8px; } } .edit-widgets-header-toolbar { border: none; } .edit-widgets-header-toolbar > .components-button.has-icon.has-icon.has-icon, .edit-widgets-header-toolbar > .components-dropdown > .components-button.has-icon.has-icon { height: 36px; min-width: 36px; padding: 6px; } .edit-widgets-header-toolbar > .components-button.has-icon.has-icon.has-icon.is-pressed, .edit-widgets-header-toolbar > .components-dropdown > .components-button.has-icon.has-icon.is-pressed { background: #1e1e1e; } .edit-widgets-header-toolbar > .components-button.has-icon.has-icon.has-icon:focus:not(:disabled), .edit-widgets-header-toolbar > .components-dropdown > .components-button.has-icon.has-icon:focus:not(:disabled) { box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 1px #fff; outline: 1px solid transparent; } .edit-widgets-header-toolbar > .components-button.has-icon.has-icon.has-icon::before, .edit-widgets-header-toolbar > .components-dropdown > .components-button.has-icon.has-icon::before { display: none; } .edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle { padding-left: 8px; padding-right: 8px; } @media (min-width: 600px) { .edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle { padding-left: 12px; padding-right: 12px; } } .edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle::after { content: none; } .edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle svg { transition: transform cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; } @media (prefers-reduced-motion: reduce) { .edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle svg { transition-duration: 0s; transition-delay: 0s; } } .edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle.is-pressed svg { transform: rotate(45deg); } .edit-widgets-keyboard-shortcut-help-modal__section { margin: 0 0 2rem 0; } .edit-widgets-keyboard-shortcut-help-modal__main-shortcuts .edit-widgets-keyboard-shortcut-help-modal__shortcut-list { margin-top: -25px; } .edit-widgets-keyboard-shortcut-help-modal__section-title { font-size: 0.9rem; font-weight: 600; } .edit-widgets-keyboard-shortcut-help-modal__shortcut { display: flex; align-items: baseline; padding: 0.6rem 0; border-top: 1px solid #ddd; margin-bottom: 0; } .edit-widgets-keyboard-shortcut-help-modal__shortcut:last-child { border-bottom: 1px solid #ddd; } .edit-widgets-keyboard-shortcut-help-modal__shortcut:empty { display: none; } .edit-widgets-keyboard-shortcut-help-modal__shortcut-term { font-weight: 600; margin: 0 0 0 1rem; text-align: right; } .edit-widgets-keyboard-shortcut-help-modal__shortcut-description { flex: 1; margin: 0; flex-basis: auto; } .edit-widgets-keyboard-shortcut-help-modal__shortcut-key-combination { display: block; background: none; margin: 0; padding: 0; } .edit-widgets-keyboard-shortcut-help-modal__shortcut-key-combination + .edit-widgets-keyboard-shortcut-help-modal__shortcut-key-combination { margin-top: 10px; } .edit-widgets-keyboard-shortcut-help-modal__shortcut-key { padding: 0.25rem 0.5rem; border-radius: 8%; margin: 0 0.2rem 0 0.2rem; } .edit-widgets-keyboard-shortcut-help-modal__shortcut-key:last-child { margin: 0 0 0 0.2rem; } .components-panel__header.edit-widgets-sidebar__panel-tabs { justify-content: flex-start; padding-left: 0; padding-right: 4px; border-top: 0; margin-top: 0; } .components-panel__header.edit-widgets-sidebar__panel-tabs ul { display: flex; } .components-panel__header.edit-widgets-sidebar__panel-tabs li { margin: 0; } .components-panel__header.edit-widgets-sidebar__panel-tabs .components-button.has-icon { display: none; margin-left: auto; } @media (min-width: 782px) { .components-panel__header.edit-widgets-sidebar__panel-tabs .components-button.has-icon { display: flex; } } .components-button.edit-widgets-sidebar__panel-tab { border-radius: 0; height: 49px; background: transparent; border: none; box-shadow: none; cursor: pointer; display: inline-block; padding: 3px 15px; margin-left: 0; font-weight: 400; color: #1e1e1e; } .components-button.edit-widgets-sidebar__panel-tab::after { content: attr(data-label); display: block; font-weight: 600; height: 0; overflow: hidden; speak: none; visibility: hidden; } .components-button.edit-widgets-sidebar__panel-tab.is-active { box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) transparent, inset 0 -1.5px 0 0 var(--wp-admin-theme-color); font-weight: 600; position: relative; } .components-button.edit-widgets-sidebar__panel-tab.is-active::before { content: ""; position: absolute; top: 0; bottom: 1px; right: 0; left: 0; border-bottom: 1.5px solid transparent; } .components-button.edit-widgets-sidebar__panel-tab:focus { box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); } .components-button.edit-widgets-sidebar__panel-tab.is-active:focus { box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 -1.5px 0 0 var(--wp-admin-theme-color); } .edit-widgets-widget-areas__top-container { display: flex; padding: 16px; } .edit-widgets-widget-areas__top-container .block-editor-block-icon { margin-right: 16px; } .edit-widgets-notices__snackbar { position: fixed; right: 0; bottom: 20px; padding-left: 16px; padding-right: 16px; } .edit-widgets-notices__snackbar { /* Set left position when auto-fold is not on the body element. */ left: 0; } @media (min-width: 783px) { .edit-widgets-notices__snackbar { left: 160px; } } .auto-fold .edit-widgets-notices__snackbar { /* Auto fold is when on smaller breakpoints, nav menu auto collapses. */ } @media (min-width: 783px) { .auto-fold .edit-widgets-notices__snackbar { left: 36px; } } @media (min-width: 961px) { .auto-fold .edit-widgets-notices__snackbar { left: 160px; } } /* Sidebar manually collapsed. */ .folded .edit-widgets-notices__snackbar { left: 0; } @media (min-width: 783px) { .folded .edit-widgets-notices__snackbar { left: 36px; } } body.is-fullscreen-mode .edit-widgets-notices__snackbar { left: 0 !important; } .edit-widgets-notices__dismissible .components-notice, .edit-widgets-notices__pinned .components-notice { box-sizing: border-box; margin: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.2); padding: 0 12px; min-height: 60px; } .edit-widgets-notices__dismissible .components-notice .components-notice__dismiss, .edit-widgets-notices__pinned .components-notice .components-notice__dismiss { margin-top: 12px; } .edit-widgets-layout__inserter-panel { height: 100%; display: flex; flex-direction: column; } .edit-widgets-layout__inserter-panel .block-editor-inserter__menu { overflow: hidden; } .edit-widgets-layout__inserter-panel-header { padding-top: 8px; padding-right: 8px; display: flex; justify-content: flex-end; } .edit-widgets-layout__inserter-panel-content { height: calc(100% - 36px - 8px); } @media (min-width: 782px) { .edit-widgets-layout__inserter-panel-content { height: 100%; } } .edit-widgets-welcome-guide { width: 312px; } .edit-widgets-welcome-guide__image { background: #00a0d2; margin: 0 0 16px; } .edit-widgets-welcome-guide__image > img { display: block; max-width: 100%; -o-object-fit: cover; object-fit: cover; } .edit-widgets-welcome-guide__heading { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 24px; line-height: 1.4; margin: 16px 0 16px 0; padding: 0 32px; } .edit-widgets-welcome-guide__text { font-size: 13px; line-height: 1.4; margin: 0 0 24px 0; padding: 0 32px; } .edit-widgets-welcome-guide__inserter-icon { margin: 0 4px; vertical-align: text-top; } .edit-widgets-block-editor { position: relative; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; display: flex; flex-direction: column; flex-grow: 1; } .edit-widgets-block-editor > div:last-of-type, .edit-widgets-block-editor .block-editor-writing-flow, .edit-widgets-block-editor .block-editor-writing-flow > div { display: flex; flex-direction: column; flex-grow: 1; } .edit-widgets-block-editor .edit-widgets-main-block-list { height: 100%; } .edit-widgets-block-editor .components-button { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 13px; } .edit-widgets-block-editor .components-button.is-tertiary, .edit-widgets-block-editor .components-button.has-icon { padding: 6px; } .edit-widgets-editor__list-view-panel { height: 100%; display: flex; flex-direction: column; min-width: 350px; } .edit-widgets-editor__list-view-panel-content { height: calc(100% - 36px - 8px); overflow-y: auto; padding: 8px; } .edit-widgets-editor__list-view-panel-header { align-items: center; border-bottom: 1px solid #ddd; display: flex; justify-content: space-between; height: 48px; padding-left: 16px; padding-right: 4px; } html.wp-toolbar { background: #fff; } body.appearance_page_gutenberg-widgets, body.widgets-php { background: #fff; /* We hide legacy notices in Gutenberg Based Pages, because they were not designed in a way that scaled well. Plugins can use Gutenberg notices if they need to pass on information to the user when they are editing. */ } body.appearance_page_gutenberg-widgets #wpcontent, body.widgets-php #wpcontent { padding-left: 0; } body.appearance_page_gutenberg-widgets #wpbody-content, body.widgets-php #wpbody-content { padding-bottom: 0; } body.appearance_page_gutenberg-widgets #wpbody-content > div:not(.blocks-widgets-container):not(#screen-meta), body.widgets-php #wpbody-content > div:not(.blocks-widgets-container):not(#screen-meta) { display: none; } body.appearance_page_gutenberg-widgets #wpfooter, body.widgets-php #wpfooter { display: none; } body.appearance_page_gutenberg-widgets .a11y-speak-region, body.widgets-php .a11y-speak-region { left: -1px; top: -1px; } body.appearance_page_gutenberg-widgets ul#adminmenu a.wp-has-current-submenu::after, body.appearance_page_gutenberg-widgets ul#adminmenu > li.current > a.current::after, body.widgets-php ul#adminmenu a.wp-has-current-submenu::after, body.widgets-php ul#adminmenu > li.current > a.current::after { border-right-color: #fff; } body.appearance_page_gutenberg-widgets .media-frame select.attachment-filters:last-of-type, body.widgets-php .media-frame select.attachment-filters:last-of-type { width: auto; max-width: 100%; } .blocks-widgets-container, .components-modal__frame { box-sizing: border-box; } .blocks-widgets-container *, .blocks-widgets-container *::before, .blocks-widgets-container *::after, .components-modal__frame *, .components-modal__frame *::before, .components-modal__frame *::after { box-sizing: inherit; } @media (min-width: 600px) { .blocks-widgets-container { position: absolute; top: 0; right: 0; bottom: 0; left: 0; min-height: calc(100vh - 46px); } } @media (min-width: 782px) { .blocks-widgets-container { min-height: calc(100vh - 32px); } } .blocks-widgets-container .interface-interface-skeleton__content { background-color: #f0f0f0; } .blocks-widgets-container .editor-styles-wrapper { max-width: 700px; margin: auto; } .edit-widgets-sidebar .components-button.interface-complementary-area__pin-unpin-item { display: none; } .widgets-php .notice { display: none !important; } body.admin-color-light { --wp-admin-theme-color: #0085ba; --wp-admin-theme-color--rgb: 0, 133, 186; --wp-admin-theme-color-darker-10: #0073a1; --wp-admin-theme-color-darker-10--rgb: 0, 115, 161; --wp-admin-theme-color-darker-20: #006187; --wp-admin-theme-color-darker-20--rgb: 0, 97, 135; --wp-admin-border-width-focus: 2px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { body.admin-color-light { --wp-admin-border-width-focus: 1.5px; } } body.admin-color-modern { --wp-admin-theme-color: #3858e9; --wp-admin-theme-color--rgb: 56, 88, 233; --wp-admin-theme-color-darker-10: #2145e6; --wp-admin-theme-color-darker-10--rgb: 33, 69, 230; --wp-admin-theme-color-darker-20: #183ad6; --wp-admin-theme-color-darker-20--rgb: 24, 58, 214; --wp-admin-border-width-focus: 2px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { body.admin-color-modern { --wp-admin-border-width-focus: 1.5px; } } body.admin-color-blue { --wp-admin-theme-color: #096484; --wp-admin-theme-color--rgb: 9, 100, 132; --wp-admin-theme-color-darker-10: #07526c; --wp-admin-theme-color-darker-10--rgb: 7, 82, 108; --wp-admin-theme-color-darker-20: #064054; --wp-admin-theme-color-darker-20--rgb: 6, 64, 84; --wp-admin-border-width-focus: 2px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { body.admin-color-blue { --wp-admin-border-width-focus: 1.5px; } } body.admin-color-coffee { --wp-admin-theme-color: #46403c; --wp-admin-theme-color--rgb: 70, 64, 60; --wp-admin-theme-color-darker-10: #383330; --wp-admin-theme-color-darker-10--rgb: 56, 51, 48; --wp-admin-theme-color-darker-20: #2b2724; --wp-admin-theme-color-darker-20--rgb: 43, 39, 36; --wp-admin-border-width-focus: 2px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { body.admin-color-coffee { --wp-admin-border-width-focus: 1.5px; } } body.admin-color-ectoplasm { --wp-admin-theme-color: #523f6d; --wp-admin-theme-color--rgb: 82, 63, 109; --wp-admin-theme-color-darker-10: #46365d; --wp-admin-theme-color-darker-10--rgb: 70, 54, 93; --wp-admin-theme-color-darker-20: #3a2c4d; --wp-admin-theme-color-darker-20--rgb: 58, 44, 77; --wp-admin-border-width-focus: 2px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { body.admin-color-ectoplasm { --wp-admin-border-width-focus: 1.5px; } } body.admin-color-midnight { --wp-admin-theme-color: #e14d43; --wp-admin-theme-color--rgb: 225, 77, 67; --wp-admin-theme-color-darker-10: #dd382d; --wp-admin-theme-color-darker-10--rgb: 221, 56, 45; --wp-admin-theme-color-darker-20: #d02c21; --wp-admin-theme-color-darker-20--rgb: 208, 44, 33; --wp-admin-border-width-focus: 2px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { body.admin-color-midnight { --wp-admin-border-width-focus: 1.5px; } } body.admin-color-ocean { --wp-admin-theme-color: #627c83; --wp-admin-theme-color--rgb: 98, 124, 131; --wp-admin-theme-color-darker-10: #576e74; --wp-admin-theme-color-darker-10--rgb: 87, 110, 116; --wp-admin-theme-color-darker-20: #4c6066; --wp-admin-theme-color-darker-20--rgb: 76, 96, 102; --wp-admin-border-width-focus: 2px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { body.admin-color-ocean { --wp-admin-border-width-focus: 1.5px; } } body.admin-color-sunrise { --wp-admin-theme-color: #dd823b; --wp-admin-theme-color--rgb: 221, 130, 59; --wp-admin-theme-color-darker-10: #d97426; --wp-admin-theme-color-darker-10--rgb: 217, 116, 38; --wp-admin-theme-color-darker-20: #c36922; --wp-admin-theme-color-darker-20--rgb: 195, 105, 34; --wp-admin-border-width-focus: 2px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { body.admin-color-sunrise { --wp-admin-border-width-focus: 1.5px; } } home/premiey/www/wp-includes/css/dist/reusable-blocks/style.css 0000666 00000004023 15165314417 0020720 0 ustar 00 /** * Colors */ /** * Breakpoints & Media Queries */ /** * 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. */ /** * Colors */ /** * 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 & Editor UI. */ /** * Block paddings. */ /** * React Native specific. * These variables do not appear to be used anywhere else. */ /** * Converts a hex value into the rgb equivalent. * * @param {string} hex - the hexadecimal value to convert * @return {string} comma separated rgb values */ /** * Breakpoint mixins */ /** * Long content fade mixin * * Creates a fading overlay to signify that the content is longer * than the space allows. */ /** * Focus styles. */ /** * Applies editor left 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--rgb: 0, 124, 186; --wp-admin-theme-color-darker-10: #006ba1; --wp-admin-theme-color-darker-10--rgb: 0, 107, 161; --wp-admin-theme-color-darker-20: #005a87; --wp-admin-theme-color-darker-20--rgb: 0, 90, 135; --wp-admin-border-width-focus: 2px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { :root { --wp-admin-border-width-focus: 1.5px; } } .reusable-blocks-menu-items__convert-modal { z-index: 1000001; } .reusable-blocks-menu-items__convert-modal-actions { padding-top: 12px; } home/premiey/www/wp-includes/blocks/latest-comments/style.css 0000666 00000004724 15165314422 0020510 0 ustar 00 /** * Colors */ /** * Breakpoints & Media Queries */ /** * 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. */ /** * Colors */ /** * 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 & Editor UI. */ /** * Block paddings. */ /** * React Native specific. * These variables do not appear to be used anywhere else. */ /** * Converts a hex value into the rgb equivalent. * * @param {string} hex - the hexadecimal value to convert * @return {string} comma separated rgb values */ /** * Breakpoint mixins */ /** * Long content fade mixin * * Creates a fading overlay to signify that the content is longer * than the space allows. */ /** * Focus styles. */ /** * Applies editor left 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. */ ol.wp-block-latest-comments { margin-left: 0; } .wp-block-latest-comments .wp-block-latest-comments { padding-left: 0; } .wp-block-latest-comments__comment { line-height: 1.1; list-style: none; 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: 0.875em; line-height: 1.8; margin: 0.36em 0 1.4em; } .wp-block-latest-comments__comment-date { display: block; font-size: 0.75em; } .wp-block-latest-comments .avatar, .wp-block-latest-comments__comment-avatar { border-radius: 1.5em; display: block; float: left; height: 2.5em; margin-right: 0.75em; width: 2.5em; } home/premiey/www/wp-includes/blocks/archives/style.css 0000666 00000002765 15165314472 0017205 0 ustar 00 /** * Colors */ /** * Breakpoints & Media Queries */ /** * 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. */ /** * Colors */ /** * 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 & Editor UI. */ /** * Block paddings. */ /** * React Native specific. * These variables do not appear to be used anywhere else. */ /** * Converts a hex value into the rgb equivalent. * * @param {string} hex - the hexadecimal value to convert * @return {string} comma separated rgb values */ /** * Breakpoint mixins */ /** * Long content fade mixin * * Creates a fading overlay to signify that the content is longer * than the space allows. */ /** * Focus styles. */ /** * Applies editor left 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. */ .wp-block-archives-dropdown label { display: block; } home/premiey/www/wp-includes/css/dist/customize-widgets/style.css 0000666 00000017526 15165314573 0021350 0 ustar 00 /** * Colors */ /** * Breakpoints & Media Queries */ /** * 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. */ /** * Colors */ /** * 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 & Editor UI. */ /** * Block paddings. */ /** * React Native specific. * These variables do not appear to be used anywhere else. */ /** * Converts a hex value into the rgb equivalent. * * @param {string} hex - the hexadecimal value to convert * @return {string} comma separated rgb values */ /** * Breakpoint mixins */ /** * Long content fade mixin * * Creates a fading overlay to signify that the content is longer * than the space allows. */ /** * Focus styles. */ /** * Applies editor left 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--rgb: 0, 124, 186; --wp-admin-theme-color-darker-10: #006ba1; --wp-admin-theme-color-darker-10--rgb: 0, 107, 161; --wp-admin-theme-color-darker-20: #005a87; --wp-admin-theme-color-darker-20--rgb: 0, 90, 135; --wp-admin-border-width-focus: 2px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { :root { --wp-admin-border-width-focus: 1.5px; } } #customize-theme-controls .customize-pane-child.accordion-section-content.customize-widgets-layout__inspector { background: #fff; box-sizing: border-box; } #customize-theme-controls .customize-pane-child.accordion-section-content.customize-widgets-layout__inspector * { box-sizing: inherit; } #customize-theme-controls .customize-pane-child.accordion-section-content.customize-widgets-layout__inspector .block-editor-block-inspector { margin: -12px; } #customize-theme-controls .customize-pane-child.accordion-section-content.customize-widgets-layout__inspector .block-editor-block-inspector h3 { margin-bottom: 0; } #customize-theme-controls .customize-pane-child.control-section-sidebar.is-sub-section-open { transform: translateX(-100%); } .customize-widgets-header { display: flex; justify-content: flex-end; margin: -15px -12px 0 -12px; background: #f0f0f1; border-bottom: 1px solid #e0e0e0; z-index: 8; } @media (min-width: 782px) { .customize-widgets-header { margin-bottom: 44px; } } .customize-widgets-header.is-fixed-toolbar-active { margin-bottom: 0; } .customize-widgets-header-toolbar { display: flex; border: none; width: 100%; align-items: center; } .customize-widgets-header-toolbar .customize-widgets-header-toolbar__inserter-toggle.components-button.has-icon { border-radius: 2px; color: #fff; padding: 0; min-width: 24px; height: 24px; margin: 12px 0 12px auto; } .customize-widgets-header-toolbar .customize-widgets-header-toolbar__inserter-toggle.components-button.has-icon::before { content: none; } .customize-widgets-header-toolbar .customize-widgets-header-toolbar__inserter-toggle.components-button.has-icon.is-pressed { background: #1e1e1e; } .customize-widgets-header-toolbar .components-button.has-icon.customize-widgets-editor-history-button.redo-button { margin-left: -12px; } #customize-sidebar-outer-content { width: auto; min-width: 100%; } #customize-outer-theme-controls .widgets-inserter { padding: 0; } #customize-outer-theme-controls .widgets-inserter .customize-section-description-container { display: none; } .customize-widgets-layout__inserter-panel { background: #fff; } .customize-widgets-layout__inserter-panel-header { display: flex; justify-content: space-between; align-items: center; padding: 16px; height: 46px; box-sizing: border-box; border-bottom: 1px solid #ddd; } .customize-widgets-layout__inserter-panel-header .customize-widgets-layout__inserter-panel-header-title { margin: 0; } .block-editor-inserter__quick-inserter .block-editor-inserter__panel-content { background: #fff; } .customize-widgets-keyboard-shortcut-help-modal__section { margin: 0 0 2rem 0; } .customize-widgets-keyboard-shortcut-help-modal__section-title { font-size: 0.9rem; font-weight: 600; } .customize-widgets-keyboard-shortcut-help-modal__shortcut { display: flex; align-items: baseline; padding: 0.6rem 0; border-top: 1px solid #ddd; margin-bottom: 0; } .customize-widgets-keyboard-shortcut-help-modal__shortcut:last-child { border-bottom: 1px solid #ddd; } .customize-widgets-keyboard-shortcut-help-modal__shortcut:empty { display: none; } .customize-widgets-keyboard-shortcut-help-modal__shortcut-term { font-weight: 600; margin: 0 0 0 1rem; text-align: right; } .customize-widgets-keyboard-shortcut-help-modal__shortcut-description { flex: 1; margin: 0; flex-basis: auto; } .customize-widgets-keyboard-shortcut-help-modal__shortcut-key-combination { display: block; background: none; margin: 0; padding: 0; } .customize-widgets-keyboard-shortcut-help-modal__shortcut-key-combination + .customize-widgets-keyboard-shortcut-help-modal__shortcut-key-combination { margin-top: 10px; } .customize-widgets-keyboard-shortcut-help-modal__shortcut-key { padding: 0.25rem 0.5rem; border-radius: 8%; margin: 0 0.2rem 0 0.2rem; } .customize-widgets-keyboard-shortcut-help-modal__shortcut-key:last-child { margin: 0 0 0 0.2rem; } .block-editor-block-contextual-toolbar.is-fixed { top: 0; margin-left: -12px; margin-right: -12px; width: calc(100% + 24px); overflow-y: auto; z-index: 7; } .customize-control-sidebar_block_editor .block-editor-block-list__block-popover { position: fixed !important; z-index: 7; } .customize-widgets-popover .components-popover, .customize-control-sidebar_block_editor .components-popover { position: fixed !important; } .customize-widgets-welcome-guide__image__wrapper { background: #00a0d2; text-align: center; margin-bottom: 8px; } .customize-widgets-welcome-guide__image { height: auto; } .wrap .customize-widgets-welcome-guide__heading { font-size: 18px; font-weight: 600; } .customize-widgets-welcome-guide__text { line-height: 1.7; } .customize-widgets-welcome-guide__button { justify-content: center; margin: 1em 0; width: 100%; } .customize-widgets-welcome-guide__separator { margin: 1em 0; } .customize-widgets-welcome-guide__more-info { line-height: 1.4; } #customize-theme-controls .customize-pane-child.customize-widgets__sidebar-section { min-height: 100%; background-color: #fff; padding-top: 12px !important; } #customize-theme-controls .customize-pane-child.customize-widgets__sidebar-section.open { overflow: unset; } #customize-theme-controls .customize-pane-child.customize-widgets__sidebar-section .customize-section-title { position: static !important; margin-top: -12px !important; width: unset !important; } .components-modal__screen-overlay { z-index: 999999; } .customize-control-sidebar_block_editor, .customize-widgets-layout__inspector, .customize-widgets-popover { box-sizing: border-box; } .customize-control-sidebar_block_editor *, .customize-control-sidebar_block_editor *::before, .customize-control-sidebar_block_editor *::after, .customize-widgets-layout__inspector *, .customize-widgets-layout__inspector *::before, .customize-widgets-layout__inspector *::after, .customize-widgets-popover *, .customize-widgets-popover *::before, .customize-widgets-popover *::after { box-sizing: inherit; } home/premiey/www/wp-includes/blocks/post-title/style.css 0000666 00000003076 15165341571 0017501 0 ustar 00 /** * Colors */ /** * Breakpoints & Media Queries */ /** * 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. */ /** * Colors */ /** * 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 & Editor UI. */ /** * Block paddings. */ /** * React Native specific. * These variables do not appear to be used anywhere else. */ /** * Converts a hex value into the rgb equivalent. * * @param {string} hex - the hexadecimal value to convert * @return {string} comma separated rgb values */ /** * Breakpoint mixins */ /** * Long content fade mixin * * Creates a fading overlay to signify that the content is longer * than the space allows. */ /** * Focus styles. */ /** * Applies editor left 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. */ .wp-block-post-title { word-break: break-word; box-sizing: border-box; } .wp-block-post-title a { display: inline-block; } home/premiey/www/wp-includes/blocks/social-links/style.css 0000666 00000030133 15165342441 0017754 0 ustar 00 /** * Colors */ /** * Breakpoints & Media Queries */ /** * 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. */ /** * Colors */ /** * 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 & Editor UI. */ /** * Block paddings. */ /** * React Native specific. * These variables do not appear to be used anywhere else. */ /** * Converts a hex value into the rgb equivalent. * * @param {string} hex - the hexadecimal value to convert * @return {string} comma separated rgb values */ /** * Breakpoint mixins */ /** * Long content fade mixin * * Creates a fading overlay to signify that the content is longer * than the space allows. */ /** * Focus styles. */ /** * Applies editor left 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. */ .wp-block-social-links { box-sizing: border-box; padding-left: 0; padding-right: 0; text-indent: 0; margin-left: 0; background: none; } .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 a { padding: 0.25em; } .wp-block-social-links .wp-social-link svg { width: 1em; height: 1em; } .wp-block-social-links .wp-social-link span:not(.screen-reader-text) { margin-left: 0.5em; margin-right: 0.5em; font-size: 0.65em; } .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; } .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 { align-items: center; display: flex; 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; } .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-patreon { background-color: #ff424d; 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: #ff4500; 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-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; } .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-whatsapp { background-color: #25d366; 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; } .wp-block-social-links.is-style-logos-only .wp-social-link a { padding: 0; } .wp-block-social-links.is-style-logos-only .wp-social-link svg { width: 1.25em; height: 1.25em; } .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-patreon { color: #ff424d; } .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: #ff4500; } .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-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; } .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-whatsapp { color: #25d366; } .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 { color: #d32422; } .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: calc((2/3) * 1em); padding-right: calc((2/3) * 1em); } home/premiey/www/wp-includes/blocks/read-more/style.css 0000666 00000003366 15165342457 0017256 0 ustar 00 /** * Colors */ /** * Breakpoints & Media Queries */ /** * 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. */ /** * Colors */ /** * 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 & Editor UI. */ /** * Block paddings. */ /** * React Native specific. * These variables do not appear to be used anywhere else. */ /** * Converts a hex value into the rgb equivalent. * * @param {string} hex - the hexadecimal value to convert * @return {string} comma separated rgb values */ /** * Breakpoint mixins */ /** * Long content fade mixin * * Creates a fading overlay to signify that the content is longer * than the space allows. */ /** * Focus styles. */ /** * Applies editor left 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. */ .wp-block-read-more { display: block; width: -moz-fit-content; width: fit-content; } .wp-block-read-more:not([style*=text-decoration]) { text-decoration: none; } .wp-block-read-more:not([style*=text-decoration]):focus, .wp-block-read-more:not([style*=text-decoration]):active { text-decoration: none; } home/premiey/www/wp-includes/blocks/post-featured-image/style.css 0000666 00000006506 15165343474 0021244 0 ustar 00 /** * Colors */ /** * Breakpoints & Media Queries */ /** * 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. */ /** * Colors */ /** * 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 & Editor UI. */ /** * Block paddings. */ /** * React Native specific. * These variables do not appear to be used anywhere else. */ /** * Converts a hex value into the rgb equivalent. * * @param {string} hex - the hexadecimal value to convert * @return {string} comma separated rgb values */ /** * Breakpoint mixins */ /** * Long content fade mixin * * Creates a fading overlay to signify that the content is longer * than the space allows. */ /** * Focus styles. */ /** * Applies editor left 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. */ .wp-block-post-featured-image { margin-left: 0; margin-right: 0; } .wp-block-post-featured-image a { display: block; } .wp-block-post-featured-image img { max-width: 100%; width: 100%; height: auto; vertical-align: bottom; box-sizing: border-box; } .wp-block-post-featured-image.alignwide img, .wp-block-post-featured-image.alignfull img { width: 100%; } .wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim { position: absolute; inset: 0; background-color: #000; } .wp-block-post-featured-image { position: relative; } .wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-gradient { background-color: transparent; } .wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-0 { opacity: 0; } .wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-10 { opacity: 0.1; } .wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-20 { opacity: 0.2; } .wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-30 { opacity: 0.3; } .wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-40 { opacity: 0.4; } .wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-50 { opacity: 0.5; } .wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-60 { opacity: 0.6; } .wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-70 { opacity: 0.7; } .wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-80 { opacity: 0.8; } .wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-90 { opacity: 0.9; } .wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-100 { opacity: 1; } home/premiey/www/wp-content/themes/twentytwentythree/style.css 0000666 00000002110 15165344013 0021064 0 ustar 00 /* Theme Name: Twenty Twenty-Three Theme URI: https://wordpress.org/themes/twentytwentythree Author: the WordPress team Author URI: https://wordpress.org Description: Twenty Twenty-Three is designed to take advantage of the new design tools introduced in WordPress 6.1. With a clean, blank base as a starting point, this default theme includes ten diverse style variations created by members of the WordPress community. Whether you want to build a complex or incredibly simple website, you can do it quickly and intuitively through the bundled styles or dive into creation and full customization yourself. Requires at least: 6.1 Tested up to: 6.2 Requires PHP: 5.6 Version: 1.1 License: GNU General Public License v2 or later License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html Text Domain: twentytwentythree Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, accessibility-ready, blog, portfolio, news */ home/premiey/www/wp-includes/blocks/post-author/style.css 0000666 00000003530 15165375366 0017666 0 ustar 00 /** * Colors */ /** * Breakpoints & Media Queries */ /** * 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. */ /** * Colors */ /** * 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 & Editor UI. */ /** * Block paddings. */ /** * React Native specific. * These variables do not appear to be used anywhere else. */ /** * Converts a hex value into the rgb equivalent. * * @param {string} hex - the hexadecimal value to convert * @return {string} comma separated rgb values */ /** * Breakpoint mixins */ /** * Long content fade mixin * * Creates a fading overlay to signify that the content is longer * than the space allows. */ /** * Focus styles. */ /** * Applies editor left 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. */ .wp-block-post-author { display: flex; flex-wrap: wrap; } .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 { margin: 0; } home/premiey/www/wp-content/themes/twentytwenty/style.css 0000666 00000355161 15165376341 0020066 0 ustar 00 /* Theme Name: Twenty Twenty Text Domain: twentytwenty Version: 1.9 Tested up to: 5.9 Requires at least: 4.7 Requires PHP: 5.2.4 Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors. Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-patterns, block-styles, wide-blocks, accessibility-ready Author: the WordPress team Author URI: https://wordpress.org/ Theme URI: https://wordpress.org/themes/twentytwenty/ License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html All files, unless otherwise stated, are released under the GNU General Public License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html) This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- 0. CSS Reset 1. Document Setup 2. Element Base 3. Helper Classes 4. Site Header 5. Menu Modal 6. Search Modal 7. Page Templates a. Template: Cover Template c. Template: Full Width 8. Post: Archive 9. Post: Single 10. Blocks 11. Entry Content 12. Comments 13. Site Pagination 14. Error 404 15. Widgets 16. Site Footer 17. Media Queries ----------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */ /* 0. CSS Reset /* -------------------------------------------------------------------------- */ html, body { border: none; margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6, p, blockquote, address, big, cite, code, em, font, img, small, strike, sub, sup, li, ol, ul, fieldset, form, label, legend, button, table, caption, tr, th, td { border: none; font-size: inherit; line-height: inherit; margin: 0; padding: 0; text-align: inherit; } blockquote::before, blockquote::after { content: ""; } /* -------------------------------------------------------------------------- */ /* 1. Document Setup /* -------------------------------------------------------------------------- */ html { font-size: 62.5%; /* 1rem = 10px */ scroll-behavior: smooth; } @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } } body { background: #f5efe0; box-sizing: border-box; color: #000; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; font-size: 1.8rem; letter-spacing: -0.015em; text-align: left; } @supports ( font-variation-settings: normal ) { body { font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; } } *, *::before, *::after { box-sizing: inherit; -webkit-font-smoothing: antialiased; word-break: break-word; word-wrap: break-word; } #site-content { overflow: hidden; } /* Clearing ---------------------------------- */ .group::after, .entry-content::after { clear: both; content: ""; display: block; } /* Base Transitions -------------------------- */ a, path { transition: all 0.15s linear; } /* Screen Reader Text ------------------------ */ .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 !important; width: 1px; word-wrap: normal !important; word-break: normal; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; -webkit-clip-path: none; clip-path: none; color: #21759b; display: block; font-size: 0.875rem; font-weight: 700; height: auto; right: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } /* Skip Link --------------------------------- */ .skip-link { left: -9999rem; top: 2.5rem; z-index: 999999999; text-decoration: underline; } .skip-link:focus { display: block; left: 6px; top: 7px; font-size: 14px; font-weight: 600; text-decoration: none; line-height: normal; padding: 15px 23px 14px; z-index: 100000; right: auto; } /* Fonts ------------------------------------- */ /* * Chrome renders extra-wide characters for the Hoefler Text font. * This results in a jumping cursor when typing in both the classic editor and * block editor. The following font-face override fixes the issue by manually * inserting a custom font that includes just a Hoefler Text space replacement * for that character instead. */ @font-face { font-family: NonBreakingSpaceOverride; src: url(data:application/font-woff2;charset=utf-8;base64,d09GMgABAAAAAAMoAA0AAAAACDQAAALTAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4GYACCahEICjx3CywAATYCJANUBCAFhiEHgWwbXQfILgpsY+rQRRARwyAs6uL7pxzYhxEE+32b3aeHmifR6tklkS9hiZA0ewkqGRJE+H7/+6378ASViK/PGeavqJyOzsceKi1s3BCiQsiOdn1r/RBgIJYEgCUhbm/8/8/h4saPssnTNkkiWUBrTRtjmQSajw3Ui3pZ3LYDPD+XG2C3JA/yKAS8/rU5eNfuGqRf4eNNgV4YAlIIgxglEkWe6FYpq10+wi3g+/nUgvgPFczNrz/RsTgVm/zfbPuHZlsuQECxuyqBcQwKFBjFgKO8AqP4bAN9tFJtnM9xPcbNjeXS/x1wY/xU52f5W/X1+9cnH4YwKIaoRRAkUkj/YlAAeF/624foiIDBgBmgQBeGAyhBljUPZUm/l2dTvmpqcBDUOHdbPZWd8JsBAsGr4w8/EDn82/bUPx4eh0YNrQTBuHO2FjQEAGBwK0DeI37DpQVqdERS4gZBhpeUhWCfLFz7J99aEBgsJCHvUGAdAPp4IADDCAPCEFMGpMZ9AQpTfQtQGhLbGVBZFV8BaqNyP68oTZgHNj3M8kBPfXTTC9t90UuzYhy9ciH0grVlOcqyCytisvbsERsEYztiznR0WCrmTksJwbSNK6fd1Rvr25I9oLvctUoEbNOmXJbqgYgPXEHJ82IUsrCnpkxh23F1rfZ2zcRnJYoXtauB3VTFkFXQg3uoZYD5qE0kdjDtoDoF1h2bulGmev5HbYhbrjtohQSRI4aNOkffIcT+d3v6atpaYh3JvPoQsztCcqvaBkppDSPcQ3bw3KaCBo1f5CJWTZEgW3LjLofYg51MaVezrx8xZitYbQ9KYeoRaqQdVLwSEfrKXLK1otCWOKNdR/YwYAfon5Yk8O2MJfSD10dPGA5PIJJQMkah0ugMJiv6x4Dm7LEa8xnrRGGGLAg4sAlbsA07sAt76DOsXKO3hIjtIlpnnFrt1qW4kh6NhS83P/6HB/fl1SMAAA==) format("woff2"), url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAUQAA0AAAAACDQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAE9AAAABwAAAAchf5yU0dERUYAAATYAAAAHAAAAB4AJwAbT1MvMgAAAaAAAABJAAAAYJAcgU5jbWFwAAACIAAAAF4AAAFqUUxBZ2dhc3AAAATQAAAACAAAAAgAAAAQZ2x5ZgAAApAAAAAyAAAAPL0n8y9oZWFkAAABMAAAADAAAAA2Fi93Z2hoZWEAAAFgAAAAHQAAACQOSgWaaG10eAAAAewAAAAzAAAAVC7TAQBsb2NhAAACgAAAABAAAAAsAOQBAm1heHAAAAGAAAAAHQAAACAAWQALbmFtZQAAAsQAAAF6AAADIYvD/Adwb3N0AAAEQAAAAI4AAADsapk2o3jaY2BkYGAA4ov5mwzj+W2+MnCzXwCKMNzgCBSB0LfbQDQ7AxuI4mBgAlEAFKQIRHjaY2BkYGD3+NvCwMDBAALsDAyMDKhAFAA3+wH3AAAAeNpjYGRgYBBl4GBgYgABEMnIABJzAPMZAAVmAGUAAAB42mNgZlJhnMDAysDCKsKygYGBYRqEZtrDYMT4D8gHSmEHjgUFOQwODAqqf9g9/rYwMLB7MNUAhRlBcsxBrMlASoGBEQAj8QtyAAAAeNrjYGBkAAGmWQwMjO8gmBnIZ2NA0ExAzNjAAFYJVn0ASBsD6VAIDZb7AtELAgANIgb9AHjaY2BgYGaAYBkGRgYQSAHyGMF8FgYPIM3HwMHAxMDGoMCwQIFLQV8hXvXP//9AcRCfAcb///h/ygPW+w/vb7olBjUHCTCyMcAFGZmABBO6AogThgZgIUsXAEDcEzcAAHjaY2BgECMCyoEgACZaAed42mNgYmRgYGBnYGNgYAZSDJqMgorCgoqCjECRXwwNrCAKSP5mAAFGBiRgyAAAi/YFBQAAeNqtkc1OwkAUhU/5M25cEhcsZick0AwlBJq6MWwgJkAgYV/KAA2lJeUn+hY+gktXvpKv4dLTMqKycGHsTZNv7px7z50ZAFd4hYHjdw1Ls4EiHjVncIFnzVnc4F1zDkWjrzmPW+NNcwGlzIRKI3fJlUyrEjZQxb3mDH2fNGfRx4vmHKqG0JzHg6E0F9DOlFBGBxUI1GEzLNT4S0aLuTtsGAEUuYcQHkyg3KmIum1bNUvKlrjbbAIleqHHnS4iSudpQcySMYtdFiXlAxzSbAwfMxK6kZoHKhbjjespMTioOPZnzI+4ucCeTVyKMVKLfeAS6vSWaTinuZwzyy/Dc7vaed+6KaV0kukdPUk6yOcctZPvvxxqksq2lEW8RvHjMEO2FCl/zy6p3NEm0R9OFSafJdldc4QVeyaaObMBO0/5cCaa6d9Ggyubxire+lEojscdjoWUR1xGOy8KD8mG2ZLO2l2paDc3A39qmU2z2W5YNv5+u79e6QfGJY/hAAB42m3NywrCMBQE0DupWp/1AYI7/6DEaLQu66Mrd35BKUWKJSlFv1+rue4cGM7shgR981qSon+ZNwUJ8iDgoYU2OvDRRQ99DDDECAHGmGCKmf80hZSx/Kik/LliFbtmN6xmt+yOjdg9GztV4tROnRwX/Bsaaw51nt4Lc7tWaZYHp/MlzKx51LZs5htNri+2AAAAAQAB//8AD3jaY2BkYGDgAWIxIGZiYARCESBmAfMYAAR6AEMAAAABAAAAANXtRbgAAAAA2AhRFAAAAADYCNuG) format("woff"); } /* ---------------------------------------------- Inter variable font. Usage: @supports (font-variation-settings: normal) { html { font-family: 'Inter var', sans-serif; } } ---------------------------------------------- */ @font-face { font-family: "Inter var"; font-weight: 100 900; /* stylelint-disable-line font-weight-notation */ font-style: normal; font-display: swap; src: url(./assets/fonts/inter/Inter-upright-var.woff2) format("woff2"); } @font-face { font-family: "Inter var"; font-weight: 100 900; /* stylelint-disable-line font-weight-notation */ font-style: italic; font-display: swap; src: url(./assets/fonts/inter/Inter-italic-var.woff2) format("woff2"); } /* Accessibility Settings -------------------- */ @media ( prefers-reduced-motion: reduce ) { * { animation-duration: 0s !important; transition-duration: 0s !important; } } /* -------------------------------------------------------------------------- */ /* 2. Element Base /* ---------------------------------------------*---------------------------- */ main { display: block; } h1, h2, h3, h4, h5, h6, .faux-heading { font-feature-settings: "lnum"; font-variant-numeric: lining-nums; font-weight: 700; letter-spacing: -0.0415625em; line-height: 1.25; margin: 3.5rem 0 2rem; } h1, .heading-size-1 { font-size: 3.6rem; font-weight: 800; line-height: 1.138888889; } h2, .heading-size-2 { font-size: 3.2rem; } h3, .heading-size-3 { font-size: 2.8rem; } h4, .heading-size-4 { font-size: 2.4rem; } h5, .heading-size-5 { font-size: 2.1rem; } h6, .heading-size-6 { font-size: 1.6rem; letter-spacing: 0.03125em; text-transform: uppercase; } p { line-height: 1.5; margin: 0 0 1em 0; } em, i, q, dfn { font-style: italic; } em em, em i, i em, i i, cite em, cite i { font-weight: bolder; } big { font-size: 1.2em; } small { font-size: 0.75em; } b, strong { font-weight: 700; } ins { text-decoration: underline; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } abbr, acronym { cursor: help; } address { line-height: 1.5; margin: 0 0 2rem 0; } hr { border-style: solid; border-width: 0.1rem 0 0 0; border-color: #dcd7ca; margin: 4rem 0; } .entry-content hr, hr.styled-separator { background: linear-gradient(to left, currentColor calc(50% - 16px), transparent calc(50% - 16px), transparent calc(50% + 16px), currentColor calc(50% + 16px)); background-color: transparent !important; border: none; height: 0.1rem; overflow: visible; position: relative; } .entry-content hr:not(.has-background), hr.styled-separator { color: #6d6d6d; } .entry-content hr::before, .entry-content hr::after, hr.styled-separator::before, hr.styled-separator::after { background: currentColor; content: ""; display: block; height: 1.6rem; position: absolute; top: calc(50% - 0.8rem); transform: rotate(22.5deg); width: 0.1rem; } .entry-content hr::before, hr.styled-separator::before { left: calc(50% - 0.5rem); } .entry-content hr::after, hr.styled-separator::after { right: calc(50% - 0.5rem); } a { color: #cd2653; text-decoration: underline; } a:hover, a:focus { text-decoration: none; } /* Lists ------------------------------------- */ ul, ol { margin: 0 0 3rem 3rem; } ul { list-style: disc; } ul ul { list-style: circle; } ul ul ul { list-style: square; } ol { list-style: decimal; } ol ol { list-style: lower-alpha; } ol ol ol { list-style: lower-roman; } li { line-height: 1.5; margin: 0.5rem 0 0 2rem; } li > ul, li > ol { margin: 1rem 0 0 2rem; } .reset-list-style, .reset-list-style ul, .reset-list-style ol { list-style: none; margin: 0; } .reset-list-style li { margin: 0; } dt, dd { line-height: 1.5; } dt { font-weight: 700; } dt + dd { margin-top: 0.5rem; } dd + dt { margin-top: 1.5rem; } /* Quotes ------------------------------------ */ blockquote { border-color: #cd2653; border-style: solid; /*rtl:ignore*/ border-width: 0 0 0 0.2rem; color: inherit; font-size: 1em; margin: 4rem 0; /*rtl:ignore*/ padding: 0.5rem 0 0.5rem 2rem; } cite { color: #6d6d6d; font-size: 1.4rem; font-style: normal; font-weight: 600; line-height: 1.25; } blockquote cite { display: block; margin: 2rem 0 0 0; } blockquote p:last-child { margin: 0; } /* Code -------------------------------------- */ code, kbd, pre, samp { font-family: monospace; font-size: 0.9em; padding: 0.4rem 0.6rem; } code, kbd, samp { background: rgba(0, 0, 0, 0.075); border-radius: 0.2rem; } pre { border: 0.1rem solid #dcd7ca; line-height: 1.5; margin: 4rem 0; overflow: auto; padding: 3rem 2rem; text-align: left; } pre code { background: transparent; padding: 0; } /* Media ------------------------------------- */ figure { display: block; margin: 0; } iframe { display: block; max-width: 100%; } video { display: block; } svg, img, embed, object { display: block; height: auto; max-width: 100%; } figcaption, .wp-caption-text { color: #6d6d6d; display: block; font-size: 1.5rem; font-weight: 500; line-height: 1.2; margin-top: 1.5rem; } figcaption a, .wp-caption-text a { color: inherit; } blockquote.instagram-media, iframe.instagram-media { margin: auto !important; } /* GALLERIES */ .gallery { display: flex; flex-wrap: wrap; margin: 3em 0 3em -0.8em; width: calc(100% + 1.6em); } .gallery-item { margin: 0.8em 0; padding: 0 0.8em; width: 100%; } .gallery-caption { display: block; margin-top: 0.8em; } /* Inputs ------------------------------------ */ fieldset { border: 0.2rem solid #dcd7ca; padding: 2rem; } legend { font-size: 0.85em; font-weight: 700; padding: 0 1rem; } label { display: block; font-size: 1.6rem; font-weight: 400; margin: 0 0 0.5rem 0; } label.inline, input[type="checkbox"] + label { display: inline; font-weight: 400; margin-left: 0.5rem; } input[type="checkbox"] { -webkit-appearance: none; -moz-appearance: none; position: relative; top: 2px; display: inline-block; margin: 0; width: 1.5rem; min-width: 1.5rem; height: 1.5rem; background: #fff; border-radius: 0; border-style: solid; border-width: 0.1rem; border-color: #dcd7ca; box-shadow: none; cursor: pointer; } input[type="checkbox"]:checked::before { /* Use the "Yes" SVG Dashicon */ content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%23000000%27%2F%3E%3C%2Fsvg%3E"); position: absolute; display: inline-block; margin: -0.1875rem 0 0 -0.25rem; height: 1.75rem; width: 1.75rem; } input, textarea, button, .button, .faux-button, .wp-block-button__link, .wp-block-file__button { font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; line-height: 1; } @supports ( font-variation-settings: normal ) { input, textarea, button, .button, .faux-button, .faux-button.more-link, .wp-block-button__link, .wp-block-file__button { font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; } } input, textarea { border-color: #dcd7ca; color: #000; } code, input[type="url"], input[type="email"], input[type="tel"] { /*rtl:ignore*/ direction: ltr; } input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="date"], input[type="month"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="week"], input[type="number"], input[type="search"], input[type="tel"], input[type="color"], textarea { -webkit-appearance: none; -moz-appearance: none; background: #fff; border-radius: 0; border-style: solid; border-width: 0.1rem; box-shadow: none; display: block; font-size: 1.6rem; letter-spacing: -0.015em; margin: 0; max-width: 100%; padding: 1.5rem 1.8rem; width: 100%; } select { font-size: 1em; } textarea { height: 12rem; line-height: 1.5; width: 100%; } input::-webkit-input-placeholder { line-height: normal; } input:-ms-input-placeholder { line-height: normal; } input::-moz-placeholder { line-height: revert; /* Reset to the value from the user-agent stylesheet. */ } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { display: none; } button, .button, .faux-button, .wp-block-button__link, .wp-block-file .wp-block-file__button, input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: none; -moz-appearance: none; background: #cd2653; border: none; border-radius: 0; color: #fff; cursor: pointer; display: inline-block; font-size: 1.5rem; font-weight: 600; letter-spacing: 0.0333em; line-height: 1.25; margin: 0; opacity: 1; padding: 1.1em 1.44em; text-align: center; text-decoration: none; text-transform: uppercase; transition: opacity 0.15s linear; } button:focus, button:hover, .button:focus, .button:hover, .faux-button:focus, .faux-button:hover, .wp-block-button .wp-block-button__link:focus, .wp-block-button .wp-block-button__link:hover, .wp-block-file .wp-block-file__button:focus, .wp-block-file .wp-block-file__button:hover, input[type="button"]:focus, input[type="button"]:hover, input[type="reset"]:focus, input[type="reset"]:hover, input[type="submit"]:focus, input[type="submit"]:hover { text-decoration: underline; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus { border-color: currentColor; } input[type="search"]:focus { outline: thin dotted; outline-offset: -4px; } /* Tables ------------------------------------ */ table { border: 0.1rem solid #dcd7ca; border-collapse: collapse; border-spacing: 0; empty-cells: show; font-size: 1.6rem; margin: 4rem 0; max-width: 100%; overflow: hidden; width: 100%; } .alignleft > table { margin: 0; } .alignright > table { margin: 0; } th, td { border: 0.1rem solid #dcd7ca; line-height: 1.4; margin: 0; overflow: visible; padding: 0.5em; } caption { background: #dcd7ca; font-weight: 600; padding: 0.5em; text-align: center; } thead { vertical-align: bottom; white-space: nowrap; } th { font-weight: 700; } /* -------------------------------------------------------------------------- */ /* 3. Helper Classes /* -------------------------------------------------------------------------- */ /* Layout ------------------------------------ */ .no-margin { margin: 0; } .no-padding { padding: 0; } .screen-height { min-height: 100vh; } .admin-bar .screen-height { min-height: calc(100vh - 32px); } @media (max-width: 782px) { .admin-bar .screen-height { min-height: calc(100vh - 46px); } } .screen-width { position: relative; left: calc(50% - 50vw); width: 100vw; } /* Sections ---------------------------------- */ section { padding: 5rem 0; width: 100%; } .section-inner { margin-left: auto; margin-right: auto; max-width: 120rem; width: calc(100% - 4rem); } .section-inner.max-percentage { width: 100%; } .section-inner.thin { max-width: 58rem; } .section-inner.small { max-width: 80rem; } .section-inner.medium { max-width: 100rem; } .section-inner.no-margin { margin: 0; } /* Toggles ----------------------------------- */ .toggle { -moz-appearance: none; -webkit-appearance: none; color: inherit; cursor: pointer; font-family: inherit; position: relative; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; text-align: inherit; user-select: none; } button.toggle { background: none; border: none; box-shadow: none; border-radius: 0; font-size: inherit; font-weight: 400; letter-spacing: inherit; padding: 0; text-transform: none; } /* Hiding and Showing ------------------------ */ .js .show-js { display: block !important; } .js .hide-js { display: none !important; } .no-js .show-no-js { display: block !important; } .no-js .hide-no-js { display: none !important; } /* Typography -------------------------------- */ .font-size-xl { font-size: 1.25em; } .font-size-xs { font-size: 0.8em; } .no-select { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* Colors ------------------------------------ */ /* COLOR */ .color-accent, .color-accent-hover:focus, .color-accent-hover:hover { color: #cd2653; } /* BACKGROUND COLOR */ .bg-accent, .bg-accent-hover:focus, .bg-accent-hover:hover { background-color: #cd2653; } /* BORDER COLOR */ .border-color-accent, .border-color-accent-hover:focus, .border-color-accent-hover:hover { border-color: #cd2653; } /* FILL COLOR */ .fill-children-accent, .fill-children-accent * { fill: #cd2653; } .fill-children-current-color, .fill-children-current-color * { fill: currentColor; } /* Opacity ----------------------------------- */ .opacity-0 { opacity: 0; } .opacity-5 { opacity: 0.05; } .opacity-10 { opacity: 0.1; } .opacity-15 { opacity: 0.15; } .opacity-20 { opacity: 0.2; } .opacity-25 { opacity: 0.25; } .opacity-30 { opacity: 0.3; } .opacity-35 { opacity: 0.35; } .opacity-40 { opacity: 0.4; } .opacity-45 { opacity: 0.45; } .opacity-50 { opacity: 0.5; } .opacity-55 { opacity: 0.55; } .opacity-60 { opacity: 0.6; } .opacity-65 { opacity: 0.65; } .opacity-70 { opacity: 0.7; } .opacity-75 { opacity: 0.75; } .opacity-80 { opacity: 0.8; } .opacity-85 { opacity: 0.85; } .opacity-90 { opacity: 0.9; } .blend-mode-exclusion { mix-blend-mode: exclusion; } .blend-mode-hue { mix-blend-mode: hue; } .blend-mode-saturation { mix-blend-mode: saturation; } .blend-mode-color { mix-blend-mode: color; } .blend-mode-luminosity { mix-blend-mode: luminosity; } /* Image Classes ----------------------------- */ .bg-image { background-position: center; background-repeat: no-repeat; background-size: cover; } .bg-attachment-fixed { background-attachment: fixed; } @supports ( -webkit-overflow-scrolling: touch ) { .bg-attachment-fixed { background-attachment: scroll; } } @media ( prefers-reduced-motion: reduce ) { .bg-attachment-fixed { background-attachment: scroll; } } .wp-block-image.is-resized { margin-left: auto; margin-right: auto; } /* Search Form ------------------------------- */ .search-form { align-items: stretch; display: flex; flex-wrap: nowrap; margin: 0 0 -0.8rem -0.8rem; } .search-form .search-field, .search-form .search-submit { margin: 0 0 0.8rem 0.8rem; } .search-form label { align-items: stretch; display: flex; font-size: inherit; margin: 0; width: 100%; } .search-form .search-field { width: 100%; } .search-form .search-submit { flex-shrink: 0; } .search-form .search-submit:focus, .search-form .search-submit:hover { text-decoration: none; } /* Social Icons ------------------------------ */ ul.social-icons { display: flex; flex-wrap: wrap; margin: -0.9rem 0 0 -0.9rem; width: calc(100% + 0.9rem); } ul.social-icons li { margin: 0.9rem 0 0 0.9rem; } .social-icons a { align-items: center; background: #cd2653; border-radius: 50%; color: #fff; display: flex; height: 4.4rem; justify-content: center; padding: 0; text-decoration: none; transition: transform 0.15s ease-in-out; width: 4.4rem; } .social-icons a:focus, .social-icons a:hover { transform: scale(1.1); text-decoration: none; } /* Cover Modals ------------------------------ */ .cover-modal { display: none; -ms-overflow-style: none; overflow: -moz-scrollbars-none; } .cover-modal::-webkit-scrollbar { display: none !important; } .cover-modal.show-modal { display: block; cursor: pointer; } .cover-modal.show-modal > * { cursor: default; } /* -------------------------------------------------------------------------- */ /* 4. Site Header /* -------------------------------------------------------------------------- */ #site-header { background: #fff; position: relative; } .header-inner { max-width: 168rem; padding: 3.15rem 0; z-index: 100; } /* Header Titles ----------------------------- */ .header-titles-wrapper { align-items: center; display: flex; justify-content: center; padding: 0 4rem; text-align: center; } body:not(.enable-search-modal) .header-titles-wrapper { justify-content: flex-start; padding-left: 0; text-align: left; } .site-title, .site-logo, .site-description { margin: 0; } .site-title { font-size: 2.1rem; font-weight: 600; line-height: 1; } .site-title a { color: inherit; display: block; text-decoration: none; } .site-title a:hover, .site-title a:focus { text-decoration: underline; } .site-description { margin-top: 1rem; color: #6d6d6d; font-size: 1.8rem; font-weight: 500; display: none; letter-spacing: -0.0311em; transition: all 0.15s linear; } .site-logo a, .site-logo img { display: block; } .header-titles .site-logo .site-logo { margin: 0; } .site-logo img { max-height: 6rem; margin: 0 auto; width: auto; } body:not(.enable-search-modal) .site-logo img { margin: 0; } /* Overlay Header ---------------------------- */ .overlay-header #site-header { background: transparent; margin: 0; position: absolute; left: 0; right: 0; top: 0; z-index: 2; } .overlay-header .header-inner { color: #fff; } .overlay-header .site-description, .overlay-header .toggle { color: inherit; } .overlay-header .header-inner .toggle-wrapper::before { background-color: currentColor; opacity: 0.25; } .admin-bar.overlay-header #site-header { top: 32px; } @media (max-width: 782px) { .admin-bar.overlay-header #site-header { top: 46px; } } /* Header Navigation ------------------------- */ .header-navigation-wrapper { display: none; } /* Header Toggles ---------------------------- */ .header-toggles { display: none; } .header-inner .toggle { align-items: center; display: flex; overflow: visible; padding: 0 2rem; } .header-inner .toggle svg { display: block; position: relative; z-index: 1; } .header-inner .toggle path { fill: currentColor; } .toggle-inner { display: flex; justify-content: center; height: 2.3rem; position: relative; } .toggle-icon { display: block; overflow: hidden; } .toggle-inner .toggle-text { color: #6d6d6d; font-size: 1rem; font-weight: 600; position: absolute; top: calc(100% + 0.5rem); width: auto; white-space: nowrap; word-break: break-all; } .overlay-header .toggle-text { color: inherit; } .header-inner .toggle:focus .toggle-text, .header-inner .toggle:hover .toggle-text { text-decoration: underline; } /* Search Toggle ----------------------------- */ .search-toggle { position: absolute; bottom: 0; left: 0; top: 0; } .search-toggle .toggle-icon, .search-toggle svg { height: 2.5rem; max-width: 2.3rem; width: 2.3rem; } /* Navigation Toggle ------------------------- */ .nav-toggle { position: absolute; bottom: 0; right: 0; top: 0; width: 6.6rem; } .nav-toggle .toggle-icon, .nav-toggle svg { height: 0.8rem; width: 2.6rem; } .nav-toggle .toggle-inner { padding-top: 0.8rem; } /* Primary Menu ---------------------------- */ .primary-menu-wrapper { display: none; } ul.primary-menu { display: flex; font-size: 1.8rem; font-weight: 500; letter-spacing: -0.0277em; flex-wrap: wrap; justify-content: flex-end; margin: -0.8rem 0 0 -1.6rem; } .primary-menu .icon { display: block; height: 0.7rem; position: absolute; pointer-events: none; transform: rotate(-45deg); width: 1.3rem; } .primary-menu .icon::before, .primary-menu .icon::after { content: ""; display: block; background-color: currentColor; position: absolute; bottom: calc(50% - 0.1rem); left: 0; } .primary-menu .icon::before { height: 0.9rem; width: 0.2rem; } .primary-menu .icon::after { height: 0.2rem; width: 0.9rem; } .primary-menu li { font-size: inherit; line-height: 1.25; position: relative; } .primary-menu > li { margin: 0.8rem 0 0 1.6rem; } .primary-menu > li.menu-item-has-children > a { padding-right: 2rem; } .primary-menu > li > .icon { right: -0.5rem; top: calc(50% - 0.4rem); } .primary-menu a { color: inherit; display: block; line-height: 1.2; text-decoration: none; word-break: normal; word-wrap: normal; } .primary-menu a:hover, .primary-menu a:focus, .primary-menu .current_page_ancestor { text-decoration: underline; } .primary-menu li.current-menu-item > a, .primary-menu li.current-menu-item > .link-icon-wrapper > a { text-decoration: underline; } .primary-menu li.current-menu-item > a:hover, .primary-menu li.current-menu-item > .link-icon-wrapper > a:hover, .primary-menu li.current-menu-item > a:focus, .primary-menu li.current-menu-item > .link-icon-wrapper > a:focus { text-decoration: none; } /* SUB MENU */ .primary-menu ul { background: #000; border-radius: 0.4rem; color: #fff; font-size: 1.7rem; opacity: 0; padding: 1rem 0; position: absolute; right: 9999rem; top: calc(100% + 2rem); transition: opacity 0.15s linear, transform 0.15s linear, right 0s 0.15s; transform: translateY(0.6rem); width: 20rem; z-index: 1; } .primary-menu li.menu-item-has-children:hover > ul, .primary-menu li.menu-item-has-children:focus > ul, .primary-menu li.menu-item-has-children.focus > ul { right: 0; opacity: 1; transform: translateY(0); transition: opacity 0.15s linear, transform 0.15s linear; } .primary-menu ul::before, .primary-menu ul::after { content: ""; display: block; position: absolute; bottom: 100%; } .primary-menu ul::before { height: 2rem; left: 0; right: 0; } .primary-menu ul::after { border: 0.8rem solid transparent; border-bottom-color: #000; right: 1.8rem; } .primary-menu ul a { background: transparent; border: none; color: inherit; display: block; padding: 1rem 2rem; transition: background-color 0.15s linear; width: 100%; } .primary-menu ul li.menu-item-has-children > a { padding-right: 4.5rem; } .primary-menu ul li.menu-item-has-children .icon { position: absolute; right: 1.5rem; top: calc(50% - 0.5rem); } /* DEEP DOWN */ .primary-menu ul ul { top: -1rem; } .primary-menu ul li.menu-item-has-children:hover > ul, .primary-menu ul li.menu-item-has-children:focus > ul, .primary-menu ul li.menu-item-has-children.focus > ul { right: calc(100% + 2rem); } .primary-menu ul ul::before { bottom: 0; height: auto; left: auto; right: -2rem; top: 0; width: 2rem; } .primary-menu ul ul::after { border-bottom-color: transparent; /*rtl:ignore*/ border-left-color: #000; bottom: auto; right: -1.6rem; top: 2rem; } .rtl .primary-menu ul ul::after { transform: rotate(180deg); } /* * Enable nav submenu expansion with tapping on arrows on large-viewport * touch interfaces (e.g. tablets or laptops with touch screens). * These rules are supported by all browsers (>IE11) and when JS is disabled. */ @media (any-pointer: coarse) { .primary-menu > li.menu-item-has-children > a { padding-right: 0; margin-right: 2rem; } .primary-menu ul li.menu-item-has-children > a { margin-right: 4.5rem; padding-right: 0; width: unset; } } /* Repeat previous rules for IE11 (when JS enabled for polyfill). */ body.touch-enabled .primary-menu > li.menu-item-has-children > a { padding-right: 0; margin-right: 2rem; } body.touch-enabled .primary-menu ul li.menu-item-has-children > a { margin-right: 4.5rem; padding-right: 0; width: unset; } /* -------------------------------------------------------------------------- */ /* 5. Menu Modal /* -------------------------------------------------------------------------- */ .menu-modal { background: #fff; display: none; opacity: 0; overflow-y: auto; overflow-x: hidden; position: fixed; bottom: 0; left: -99999rem; right: 99999rem; top: 0; transition: opacity 0.25s ease-in, left 0s 0.25s, right 0s 0.25s; z-index: 99; } .admin-bar .menu-modal { top: 32px; } @media (max-width: 782px) { .admin-bar .menu-modal { top: 46px; } } .menu-modal.show-modal { display: flex; } .menu-modal.active { left: 0; opacity: 1; right: 0; transition: opacity 0.25s ease-out; } .menu-modal-inner { background: #fff; display: flex; justify-content: stretch; overflow: auto; -ms-overflow-style: auto; width: 100%; } .menu-wrapper { display: flex; flex-direction: column; justify-content: space-between; position: relative; } button.close-nav-toggle { align-items: center; display: flex; font-size: 1.6rem; font-weight: 500; justify-content: flex-end; padding: 3.1rem 0; width: 100%; } button.close-nav-toggle svg { height: 1.6rem; width: 1.6rem; } button.close-nav-toggle .toggle-text { margin-right: 1.6rem; } .menu-modal .menu-top { flex-shrink: 0; } /* Main Menu --------------------------------- */ .modal-menu { position: relative; left: calc(50% - 50vw); width: 100vw; } .modal-menu li { border-color: #dedfdf; border-style: solid; border-width: 0.1rem 0 0 0; display: flex; flex-wrap: wrap; line-height: 1; justify-content: flex-start; margin: 0; } .modal-menu > li > a, .modal-menu > li > .ancestor-wrapper > a { font-size: 2rem; font-weight: 700; letter-spacing: -0.0375em; } .modal-menu > li:last-child { border-bottom-width: 0.1rem; } .modal-menu .ancestor-wrapper { display: flex; justify-content: space-between; width: 100%; } .modal-menu a { display: block; padding: 2rem 2.5rem; text-decoration: none; width: 100%; } .modal-menu a:focus, .modal-menu a:hover, .modal-menu li.current-menu-item > .ancestor-wrapper > a, .modal-menu li.current_page_ancestor > .ancestor-wrapper > a { text-decoration: underline; } button.sub-menu-toggle { border-left: 0.1rem solid #dedfdf; flex-shrink: 0; margin: 1rem 0; padding: 0 2.5rem; } button.sub-menu-toggle svg { height: 0.9rem; transition: transform 0.15s linear; width: 1.5rem; } button.sub-menu-toggle.active svg { transform: rotate(180deg); } .modal-menu ul { display: none; margin: 0; width: 100%; } .modal-menu ul li { border-left-width: 1rem; } .modal-menu ul li a { color: inherit; font-weight: 500; } /* Main menu animation ----------------------- */ .menu-wrapper .menu-item { position: relative; } .menu-wrapper .active { display: block; } .menu-wrapper.is-toggling { pointer-events: none; } .menu-wrapper.is-toggling .menu-item { position: absolute; top: 0; left: 0; margin: 0; width: 100%; } .menu-wrapper.is-toggling .menu-bottom .social-menu .menu-item { width: auto; } .menu-wrapper.is-animating .menu-item, .menu-wrapper.is-animating .toggling-target { transition-duration: 250ms; } .menu-wrapper.is-animating .menu-item { transition-property: transform; } .menu-wrapper.is-toggling .toggling-target { display: block; position: absolute; top: 0; left: 0; opacity: 1; } .menu-wrapper.is-toggling .toggling-target.active { opacity: 0; } .menu-wrapper.is-animating.is-toggling .toggling-target { display: block; transition-property: opacity; opacity: 0; } .menu-wrapper.is-animating.is-toggling .toggling-target.active { opacity: 1; } .menu-wrapper.is-toggling .modal-menu > li:last-child li { border-top-color: transparent; border-bottom-width: 0.1rem; } @media (prefers-reduced-motion: reduce) { .menu-wrapper.is-animating .menu-item, .menu-wrapper.is-animating .toggling-target { transition-duration: 1ms !important; } } /* Expanded Menu ----------------------------- */ .expanded-menu { display: none; } .mobile-menu { display: block; } /* Menu Bottom ------------------------------- */ .menu-bottom { flex-shrink: 0; padding: 4rem 0; } .menu-bottom nav { width: 100%; } .menu-copyright { display: none; font-size: 1.6rem; font-weight: 500; margin: 0; } .menu-copyright a:focus, .menu-copyright a:hover { text-decoration: underline; } .menu-bottom .social-menu { justify-content: center; } /* -------------------------------------------------------------------------- */ /* 6. Search Modal /* -------------------------------------------------------------------------- */ .search-modal { background: rgba(0, 0, 0, 0.2); display: none; opacity: 0; position: fixed; bottom: 0; left: -9999rem; top: 0; transition: opacity 0.2s linear, left 0s 0.2s linear; width: 100%; z-index: 999; } .admin-bar .search-modal.active { top: 32px; } @media (max-width: 782px) { .admin-bar .search-modal.active { top: 46px; } } .search-modal-inner { background: #fff; transform: translateY(-100%); transition: transform 0.15s linear, box-shadow 0.15s linear; } .search-modal-inner .section-inner { display: flex; justify-content: space-between; max-width: 168rem; } .search-modal.active { left: 0; opacity: 1; transition: opacity 0.2s linear; } .search-modal.active .search-modal-inner { box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.08); transform: translateY(0); transition: transform 0.25s ease-in-out, box-shadow 0.1s 0.25s linear; } button.search-untoggle { align-items: center; display: flex; flex-shrink: 0; justify-content: center; margin-right: -2.5rem; padding: 0 2.5rem; } .search-modal button.search-untoggle { color: inherit; } .search-modal.active .search-untoggle { animation: popIn both 0.3s 0.2s; } .search-untoggle svg { height: 1.5rem; transition: transform 0.15s ease-in-out; width: 1.5rem; } .search-untoggle:focus svg, .search-untoggle:hover svg { transform: scale(1.15); } /* Modal Search Form ------------------------- */ .search-modal form { margin: 0; position: relative; width: 100%; } .search-modal .search-field { background: none; border: none; border-radius: 0; color: inherit; font-size: 2rem; letter-spacing: -0.0277em; height: 8.4rem; margin: 0 0 0 -2rem; max-width: calc(100% + 2rem); padding: 0 0 0 2rem; width: calc(100% + 2rem); } .search-modal .search-field::-webkit-input-placeholder { color: inherit; } .search-modal .search-field:-ms-input-placeholder { color: inherit; } .search-modal .search-field::-moz-placeholder { color: inherit; line-height: 4; } .search-modal .search-submit { position: absolute; right: -9999rem; top: 50%; transform: translateY(-50%); } .search-modal .search-submit:focus { right: 0; } /* -------------------------------------------------------------------------- */ /* 7a. Template: Cover Template /* -------------------------------------------------------------------------- */ .cover-header { display: flex; overflow: hidden; } .cover-header-inner-wrapper { display: flex; position: relative; flex-direction: column; justify-content: flex-end; width: 100%; } .cover-header-inner { padding: 10rem 0 5rem 0; width: 100%; } .cover-color-overlay, .cover-color-overlay::before { position: absolute; bottom: 0; left: 0; right: 0; top: 0; } .cover-color-overlay::before { background: currentColor; content: ""; display: block; } .cover-header .entry-header { position: relative; width: 100%; z-index: 1; } .cover-header .entry-header * { color: #fff; } body.template-cover .entry-header { background: transparent; padding: 0; } .cover-header h1, .cover-header h2, .cover-header h3, .cover-header h4, .cover-header h5, .cover-header h6, .cover-header .faux-heading { color: inherit; } .cover-header .entry-header a { color: inherit; } /* To The Content ---------------------------- */ .to-the-content-wrapper { position: absolute; left: 0; right: 0; top: calc(100% + 0.5rem); } .to-the-content { align-items: center; display: flex; justify-content: center; height: 4rem; text-decoration: none; } .to-the-content svg { height: 2rem; transition: transform 0.15s linear; transform: translateY(0); width: 1.767rem; } .to-the-content:focus svg, .to-the-content:hover svg { transform: translateY(20%); } /* -------------------------------------------------------------------------- */ /* 7c. Template: Full Width /* -------------------------------------------------------------------------- */ body.template-full-width .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide), body.template-full-width [class*="__inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) { max-width: 120rem; } body.template-full-width .entry-content .alignleft, body.template-full-width .entry-content .alignright { position: static; } body.template-full-width .entry-content .alignleft, body.template-full-width [class*="wp-block"].alignwide [class*="__inner-container"] > .alignleft, body.template-full-width [class*="wp-block"].alignwide [class*="__inner-container"] > p .alignleft, body.template-full-width [class*="wp-block"].alignwide [class*="__inner-container"] > .wp-block-image .alignleft { /*rtl:ignore*/ margin-left: 0; position: static; } body.template-full-width .entry-content > .alignleft, body.template-full-width [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .alignleft, body.template-full-width [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > p .alignleft, body.template-full-width [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignleft { /*rtl:ignore*/ margin-left: 2rem; position: static; } body.template-full-width .entry-content .alignright, body.template-full-width [class*="wp-block"].alignwide [class*="__inner-container"] > .alignright, body.template-full-width [class*="wp-block"].alignwide [class*="__inner-container"] > p .alignright, body.template-full-width [class*="wp-block"].alignwide [class*="__inner-container"] > .wp-block-image .alignright { /*rtl:ignore*/ margin-right: 0; position: static; } body.template-full-width .entry-content > .alignright, body.template-full-width [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .alignright, body.template-full-width [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > p .alignright, body.template-full-width [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignright { /*rtl:ignore*/ margin-right: 2rem; position: static; } /* -------------------------------------------------------------------------- */ /* 8. Post: Archive /* -------------------------------------------------------------------------- */ /* Archive Header ---------------------------- */ .archive-header { background-color: #fff; padding: 4rem 0; } .reduced-spacing .archive-header { padding-bottom: 2rem; } .archive-title { font-size: 2.4rem; font-weight: 700; letter-spacing: -0.026666667em; margin: 0; } .archive-subtitle p:last-child { margin-bottom: 0; } /* Posts ------------------------------------- */ body:not(.singular) main > article:first-of-type { padding: 4rem 0 0; } /* Search Results ---------------------------- */ .no-search-results-form { padding-top: 5rem; } /* -------------------------------------------------------------------------- */ /* 9. Post: Single /* -------------------------------------------------------------------------- */ /* Post Header ------------------------------- */ .singular .entry-header { background-color: #fff; padding: 4rem 0; } .entry-categories { line-height: 1.25; margin-bottom: 2rem; } .entry-categories-inner { justify-content: center; display: flex; flex-wrap: wrap; margin: -0.5rem 0 0 -1rem; } .entry-categories a { border-bottom: 0.15rem solid currentColor; font-size: 1.4rem; font-weight: 700; letter-spacing: 0.036666667em; margin: 0.5rem 0 0 1rem; text-decoration: none; text-transform: uppercase; } .entry-categories a:focus, .entry-categories a:hover { border-bottom-color: transparent; } h1.entry-title, h2.entry-title { margin: 0; } .entry-title a { color: inherit; text-decoration: none; } .entry-title a:focus, .entry-title a:hover { text-decoration: underline; } .intro-text { margin-top: 2rem; } .singular .intro-text { font-size: 2rem; letter-spacing: -0.0315em; line-height: 1.4; } /* POST META */ .post-meta-single-top .post-meta { justify-content: center; } .post-meta-wrapper { margin-top: 2rem; margin-right: auto; margin-left: auto; max-width: 58rem; width: 100%; } .post-meta { color: #6d6d6d; display: flex; flex-wrap: wrap; font-size: 1.5rem; font-weight: 500; list-style: none; margin: -1rem 0 0 -2rem; } .post-meta li { flex-shrink: 0; letter-spacing: -0.016875em; margin: 1rem 0 0 2rem; max-width: calc(100% - 2rem); } .post-meta a { color: inherit; text-decoration: none; } .post-meta a:focus, .post-meta a:hover { text-decoration: underline; } .post-meta .meta-wrapper { align-items: center; display: flex; flex-wrap: nowrap; } .post-meta .meta-icon { flex-shrink: 0; margin-right: 1rem; } .sticky .post-sticky { color: inherit; } .post-meta .post-author .meta-icon svg { width: 1.6rem; height: 1.8rem; } .post-meta .post-categories .meta-icon svg { width: 1.8rem; height: 1.7rem; } .post-meta .post-comment-link .meta-icon svg { width: 1.8rem; height: 1.8rem; } .post-meta .post-date .meta-icon svg { width: 1.7rem; height: 1.8rem; } .post-meta .post-edit .meta-icon svg { width: 1.8rem; height: 1.8rem; } .post-meta .post-sticky .meta-icon svg { width: 1.5rem; height: 1.8rem; } .post-meta .post-tags .meta-icon svg { width: 1.8rem; height: 1.8rem; } .post-meta svg * { fill: currentColor; } /* Featured Media ---------------------------- */ .featured-media { margin-top: 5rem; position: relative; } .singular .featured-media { margin-top: 0; } .singular .featured-media-inner { position: relative; left: calc(50% - 50vw); width: 100vw; } .singular .featured-media::before { background: #fff; content: ""; display: block; position: absolute; bottom: 50%; left: 0; right: 0; top: 0; } .featured-media img { margin: 0 auto; } .featured-media figcaption { margin: 1.5rem auto 0 auto; text-align: center; width: calc(100% - 5rem); } .post-inner { padding-top: 5rem; } .reduced-spacing.missing-post-thumbnail .post-inner { padding-top: 0; } /* Post Footer ------------------------------- */ /* POST NAV LINKS */ .post-nav-links { border-radius: 0.4rem; display: flex; font-size: 0.9em; font-weight: 600; line-height: 1; margin: 3em auto 0 auto; padding: 0; width: calc(100% - 4rem); max-width: 58rem; } .post-nav-links > span.label { padding: 1em 0; } .post-nav-links > * { padding: 1em 0.75em; } /* POST META BOTTOM */ .post-meta-wrapper.post-meta-single-bottom { margin-top: 3rem; } /* Author Bio -------------------------------- */ .author-bio { margin-top: 4rem; margin-right: auto; margin-left: auto; max-width: 58rem; width: 100%; } .hide-avatars .author-bio { padding-left: 0; } .author-bio .author-title-wrapper { align-items: center; display: flex; margin: 0 0 1rem 0; } .author-bio .avatar { border-radius: 50%; margin-right: 1.5rem; height: 5rem; width: 5rem; } .hide-avatars img.avatar { display: none; } .author-bio p:last-child { margin-bottom: 0; } .author-bio .author-title { margin: 0; } .author-bio .author-link { display: block; font-size: 1.6rem; font-weight: 600; margin-top: 1em; text-decoration: none; } .author-bio .author-link:focus, .author-bio .author-link:hover { text-decoration: underline; } /* Single Pagination ------------------------- */ .pagination-single { font-size: 1.8rem; margin-top: 5rem; } .pagination-single-inner { display: flex; flex-direction: column; } .pagination-single hr:first-child { margin: 0 0 2.8rem 0; } .pagination-single hr:last-child { margin: 2.8rem 0 0.8rem 0; } .pagination-single a { align-items: baseline; display: flex; font-weight: 600; letter-spacing: -0.0275em; text-decoration: none; flex: 1; } .pagination-single a + a { margin-top: 1rem; } .pagination-single a .arrow { margin-right: 1rem; } .pagination-single a:focus .title, .pagination-single a:hover .title { text-decoration: underline; } /* -------------------------------------------------------------------------- */ /* 10. Blocks /* -------------------------------------------------------------------------- */ /* Block Colors ------------------------------ */ .has-text-color a { color: inherit; } /* CUSTOM COLORS */ :root .has-accent-color { color: #cd2653; } :root .has-accent-background-color { background-color: #cd2653; color: #fff; } :root .has-primary-color { color: #000; } :root .has-primary-background-color { background-color: #000; color: #f5efe0; } :root .has-secondary-color { color: #6d6d6d; } :root .has-secondary-background-color { background-color: #6d6d6d; color: #fff; } :root .has-subtle-background-color { color: #dcd7ca; } :root .has-subtle-background-background-color { background-color: #dcd7ca; color: #000; } :root .has-background-color { color: #f5efe0; } :root .has-background-background-color { background-color: #f5efe0; color: #000; } /* Block Typography Classes ------------------ */ .has-text-align-left { /*rtl:ignore*/ text-align: left; } .has-text-align-center { text-align: center; } .has-text-align-right { text-align: right; } .has-drop-cap:not(:focus)::first-letter { color: #cd2653; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; font-size: 5.1em; font-weight: 800; margin: 0.05em 0.1em 0 0; } .has-drop-cap:not(:focus)::first-letter::after { content: ""; display: table; clear: both; } .has-drop-cap:not(:focus)::after { padding: 0; } /* Block Font Families ----------------------- */ .has-drop-cap:not(:focus)::first-letter, .entry-content .wp-block-archives, .entry-content .wp-block-categories, .entry-content .wp-block-cover-image, .entry-content .wp-block-latest-comments, .entry-content .wp-block-latest-posts, .entry-content .wp-block-pullquote, .entry-content .wp-block-quote.is-large, .entry-content .wp-block-quote.is-style-large { font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; } @supports ( font-variation-settings: normal ) { .has-drop-cap:not(:focus)::first-letter, .entry-content .wp-block-archives, .entry-content .wp-block-categories, .entry-content .wp-block-latest-posts, .entry-content .wp-block-latest-comments, .entry-content .wp-block-cover-image p, .entry-content .wp-block-pullquote { font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; } } /* Block Font Sizes -------------------------- */ .entry-content .has-small-font-size { font-size: 0.842em; } .entry-content .has-normal-font-size, .entry-content .has-regular-font-size { font-size: 1em; } .entry-content .has-medium-font-size { font-size: 1.1em; line-height: 1.45; } .entry-content .has-large-font-size { font-size: 1.25em; line-height: 1.4; } .entry-content .has-larger-font-size { font-size: 1.5em; line-height: 1.3; } /* Block: Base Margins ----------------------- */ *[class*="_inner-container"] > *:first-child { margin-top: 0; } *[class*="_inner-container"] > *:last-child { margin-bottom: 0; } .wp-block-archives:not(.alignwide):not(.alignfull), .wp-block-categories:not(.alignwide):not(.alignfull), .wp-block-code, .wp-block-columns:not(.alignwide):not(.alignfull), .wp-block-cover:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .wp-block-embed:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .wp-block-gallery:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .wp-block-group:not(.has-background):not(.alignwide):not(.alignfull), .wp-block-image:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .wp-block-latest-comments:not(.aligncenter):not(.alignleft):not(.alignright), .wp-block-latest-posts:not(.aligncenter):not(.alignleft):not(.alignright), .wp-block-media-text:not(.alignwide):not(.alignfull), .wp-block-preformatted, .wp-block-pullquote:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright), .wp-block-quote, .wp-block-quote.is-large, .wp-block-quote.is-style-large, .wp-block-verse, .wp-block-video:not(.alignwide):not(.alignfull) { margin-bottom: 3rem; margin-top: 3rem; } /* Block: Shared Nesting Alignment Resets ---- */ [class*="__inner-container"] .wp-block-group:not(.alignfull):not(.alignwide):not(.alignleft):not(.alignright), [class*="__inner-container"] .wp-block-cover:not(.alignfull):not(.alignwide):not(.alignleft):not(.alignright) { margin-left: auto; margin-right: auto; max-width: 58rem; } /* Block: Shared Widget Styles --------------- */ .wp-block-archives, .wp-block-categories, .wp-block-latest-posts, .wp-block-latest-comments { list-style: none; margin-left: 0; } .wp-block-archives ul, .wp-block-categories ul, .wp-block-latest-posts ul, .wp-block-latest-comments ul { list-style: none; } .entry-content .wp-block-archives > li, .entry-content .wp-block-categories > li, .entry-content .wp-block-latest-posts > li, .entry-content .wp-block-latest-comment > li { margin-left: 0; } .entry-content .wp-block-archives > li:last-child, .entry-content .wp-block-categories > li:last-child, .entry-content .wp-block-latest-posts > li:last-child, .entry-content .wp-block-latest-comment > li:last-child { margin-bottom: 0; } .entry-content .wp-block-archives *, .entry-content .wp-block-categories *, .entry-content .wp-block-latest-posts *, .entry-content .wp-block-latest-comments * { font-family: inherit; } .entry-content .wp-block-archives li, .entry-content .wp-block-categories li, .entry-content .wp-block-latest-posts li { color: #6d6d6d; } .wp-block-archives a, .wp-block-categories a, .wp-block-latest-posts a, .wp-block-latest-comments a { font-weight: 700; text-decoration: none; } .wp-block-archives a:hover, .wp-block-categories a:hover, .wp-block-latest-posts a:hover, .wp-block-latest-comments a:hover, .wp-block-archives a:focus, .wp-block-categories a:focus, .wp-block-latest-posts a:focus, .wp-block-latest-comments a:focus { text-decoration: underline; } .wp-block-latest-posts a, .wp-block-latest-comments__comment-meta { font-weight: 700; letter-spacing: -0.025em; line-height: 1.25; } .wp-block-latest-comments__comment-date, .wp-block-latest-posts__post-date { color: #6d6d6d; font-size: 0.7em; font-weight: 600; letter-spacing: normal; margin-top: 0.15em; } /* Block: Shared Media Styles ---------------- */ .wp-block-embed figcaption, .wp-block-image figcaption { color: #6d6d6d; font-size: 1.4rem; margin-bottom: 0; margin-top: 1.5rem; } /* Block: Audio ------------------------------ */ .wp-block-audio audio { width: 100%; } /* Block: Button ----------------------------- */ .wp-block-button { margin: 3rem 0; } .wp-block-button.is-style-outline { color: #cd2653; } .is-style-outline .wp-block-button__link:not(.has-text-color) { color: inherit; } .is-style-outline .wp-block-button__link { padding: calc(1.1em - 0.2rem) calc(1.44em - 0.2rem); } /* Block: Columns ---------------------------- */ .wp-block-columns.alignfull, .alignfull:not(.has-background) .wp-block-columns { padding-left: 2rem; padding-right: 2rem; } .wp-block-column { margin-bottom: 3.2rem; } .wp-block-column > *:first-child { margin-top: 0; } .wp-block-column > *:last-child { margin-bottom: 0; } /* Block: Cover ------------------------------ */ .wp-block-cover-image .wp-block-cover__inner-container, .wp-block-cover .wp-block-cover__inner-container { width: calc(100% - 4rem); padding: 2rem 0; } .wp-block-cover-image .wp-block-cover-image-text, .wp-block-cover-image .wp-block-cover-text, .wp-block-cover-image h2, .wp-block-cover .wp-block-cover-image-text, .wp-block-cover .wp-block-cover-text, .wp-block-cover h2 { max-width: 100%; padding: 0; } .wp-block-cover-image h2, .wp-block-cover h2 { font-size: 3.2rem; } /* Block: Embed ------------------------------ */ /* Block: File ------------------------------- */ .wp-block-file { align-items: center; display: flex; flex-wrap: wrap; justify-content: space-between; } .wp-block-file a:not(.wp-block-file__button) { font-weight: 700; text-decoration: none; } .wp-block-file a:not(.wp-block-file__button):not(:last-child) { margin-right: 1rem; } .wp-block-file a:not(.wp-block-file__button):focus, .wp-block-file a:not(.wp-block-file__button):hover { text-decoration: underline; } .wp-block-file .wp-block-file__button { font-size: 1.5rem; padding: 1em 1.25em; } .wp-block-file a.wp-block-file__button:visited { opacity: 1; } .wp-block-file a.wp-block-file__button:active, .wp-block-file a.wp-block-file__button:focus, .wp-block-file a.wp-block-file__button:hover { opacity: 1; text-decoration: underline; } /* Block: Gallery ---------------------------- */ .wp-block-gallery ul { list-style: none; margin: 0 0 -1.6rem 0; } figure.wp-block-gallery.alignnone, figure.wp-block-gallery.aligncenter { margin-bottom: 3rem; margin-top: 3rem; } figure.wp-block-gallery.alignleft { margin: 0.3rem 2rem 2rem 0; } figure.wp-block-gallery.alignright { margin: 0.3rem 0 2rem 2rem; } figure.wp-block-gallery.alignwide { margin-bottom: 4rem; margin-top: 4rem; } figure.wp-block-gallery.alignfull { margin-bottom: 5rem; margin-top: 5rem; } /* Block: Group ------------------------------ */ .wp-block-group.has-background { padding: 2rem; margin-bottom: 0; margin-top: 0; } .wp-block-group__inner-container { margin: 0 auto; } .wp-block-group__inner-container, .entry-content .wp-block-group p { max-width: 100%; } .alignfull:not(.has-background) > .wp-block-group__inner-container > p:not(.has-background-color) { padding-left: 2rem; padding-right: 2rem; } /* Block: Image ------------------------------ */ /* Block: Media And Text --------------------- */ .wp-block-media-text .wp-block-media-text__content { padding: 3rem 2rem; } .wp-block-media-text .wp-block-media-text__content p { max-width: none; } .wp-block-media-text__content > *:first-child { margin-top: 0; } .wp-block-media-text__content > *:last-child { margin-bottom: 0; } /* Block: Pullquote -------------------------- */ /* STYLE: DEFAULT */ .wp-block-pullquote { padding: 0; position: relative; } .wp-block-pullquote.alignleft, .wp-block-pullquote.alignright { max-width: calc(100% - 4rem); } .wp-block-pullquote::before { background: #fff; border-radius: 50%; color: #cd2653; content: "”"; display: block; font-size: 6.2rem; font-weight: 500; line-height: 1.2; margin: 0 auto 1.5rem auto; text-align: center; height: 4.4rem; width: 4.4rem; } .reduced-spacing .wp-block-pullquote::before { border: 0.1rem solid currentColor; font-size: 5.9rem; } .wp-block-pullquote blockquote { border: none; margin: 0; padding: 0; } .wp-block-pullquote blockquote p { font-family: inherit; font-size: 2.8rem; font-weight: 700; line-height: 1.178571429; letter-spacing: -0.041785714em; max-width: 100%; } .wp-block-pullquote p:last-of-type { margin-bottom: 0; } .wp-block-pullquote cite { color: #6d6d6d; font-size: 1.6rem; font-weight: 500; margin-top: 1.2rem; } .wp-block-pullquote.alignleft p, .wp-block-pullquote.alignright p { font-size: 2.8rem; } .wp-block-pullquote.alignleft { text-align: left; } .wp-block-pullquote.alignright { text-align: right; } .wp-block-pullquote.alignleft::before { margin-left: 0; } .wp-block-pullquote.alignright::before { margin-right: 0; } /* STYLE: SOLID BACKGROUND COLOR */ .wp-block-pullquote.is-style-solid-color { padding: 3rem 2rem; } .wp-block-pullquote.is-style-solid-color::before { position: absolute; top: 0; left: 50%; transform: translateY(-50%) translateX(-50%); } .wp-block-pullquote.is-style-solid-color.alignleft::before, .wp-block-pullquote.is-style-solid-color.alignright::before { transform: translateY(-50%); } .wp-block-pullquote.is-style-solid-color.alignleft::before { left: 2rem; } .wp-block-pullquote.is-style-solid-color.alignright::before { left: auto; right: 2rem; } .wp-block-pullquote.is-style-solid-color blockquote { max-width: 100%; text-align: inherit; } .wp-block-pullquote.is-style-solid-color cite { color: inherit; } /* Block: Separator ------------------------- */ hr.wp-block-separator { margin: 3rem 0; } /* STYLE: WIDE */ .wp-block-separator.is-style-wide { max-width: calc(100vw - 4rem); position: relative; width: 100%; } /* STYLE: DOTS */ .wp-block-separator.is-style-dots::before { background: none; color: inherit; font-size: 3.2rem; font-weight: 700; height: auto; letter-spacing: 1em; padding-left: 1em; position: static; transform: none; width: auto; } .wp-block-separator.is-style-dots::after { content: none; } /* Block: Search ----------------------------- */ .wp-block-search .wp-block-search__input { width: auto; } /* Block: Table ------------------------------ */ .wp-block-table.is-style-stripes tbody tr:nth-child(odd) { background: #dcd7ca; } figure.wp-block-table.is-style-stripes { border-bottom: none; } .wp-block-table.is-style-stripes table { border-collapse: inherit; } /* Block: Quote ------------------------------ */ .wp-block-quote p, .wp-block-quote cite { text-align: inherit; } .wp-block-quote[style="text-align:center"] { border-width: 0; padding: 0; } .wp-block-quote[style="text-align:right"] { /*rtl:begin:ignore*/ border-width: 0 0.2rem 0 0; padding: 0 2rem 0 0; /*rtl:end:ignore*/ } /* STYLE: LARGE */ .wp-block-quote.is-large, .wp-block-quote.is-style-large { border: none; padding: 0; margin-left: auto; margin-right: auto; } .wp-block-quote.is-large p, .wp-block-quote.is-style-large p { font-family: inherit; font-size: 2.4rem; font-style: normal; font-weight: 700; letter-spacing: -0.02em; line-height: 1.285; } .wp-block-quote.is-large cite, .wp-block-quote.is-large footer, .wp-block-quote.is-style-large cite, .wp-block-quote.is-style-large footer { font-size: 1.6rem; text-align: inherit; } /* Block: Widget Latest Comments ------------- */ .entry-content .wp-block-latest-comments li { margin: 2rem 0; } .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt, .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta { margin-left: 5.5rem; } .entry-content .wp-block-latest-comments a { text-decoration: none; } .entry-content .wp-block-latest-comments a:hover, .entry-content .wp-block-latest-comments a:focus { text-decoration: underline; } .wp-block-latest-comments__comment { font-size: inherit; } .wp-block-latest-comments__comment-date { margin-top: 0.4em; } .wp-block-latest-comments__comment-excerpt p { font-size: 0.7em; margin: 0.9rem 0 2rem 0; } /* Block: Widget Latest Posts ---------------- */ .wp-block-latest-posts.is-grid li { border-top: 0.2rem solid #dcd7ca; margin-top: 2rem; padding-top: 1rem; } .wp-block-latest-posts.has-dates { list-style: none; } .wp-block-latest-posts.has-dates:not(.is-grid) li { margin-top: 1.5rem; } .wp-block-latest-posts.has-dates:not(.is-grid) li:first-child { margin-top: 0; } /* Block: Post Template ---------------- */ .wp-block-post-template, .wp-block-post-template > li { margin-left: 0; margin-right: 0; } /* -------------------------------------------------------------------------- */ /* 11. Entry Content /* -------------------------------------------------------------------------- */ .entry-content { line-height: 1.5; } .entry-content > * { margin-left: auto; margin-right: auto; margin-bottom: 1.25em; } .entry-content > *:first-child { margin-top: 0; } .entry-content > *:last-child { margin-bottom: 0; } .read-more-button-wrap { margin-top: 1em; text-align: center; } .entry-content a:hover, .entry-content a:focus { text-decoration: none; } .entry-content p, .entry-content li { line-height: 1.4; } .entry-content li img { display: inline-block; } .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 { margin: 3.5rem auto 2rem; } .entry-content ul ul, .entry-content ol ol, .entry-content ul ol, .entry-content ol ul { margin-bottom: 1rem; } .entry-content hr { margin: 4rem auto; } .post-inner .entry-content > .wp-block-cover.alignwide:first-child, .post-inner .entry-content > .wp-block-cover.alignfull:first-child { margin-top: 0; } /* Font Families ----------------------------- */ .entry-content { font-family: NonBreakingSpaceOverride, "Hoefler Text", Garamond, "Times New Roman", serif; letter-spacing: normal; } .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6, .entry-content cite, .entry-content figcaption, .entry-content table, .entry-content address, .entry-content .wp-caption-text, .entry-content .wp-block-file { font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; } @supports ( font-variation-settings: normal ) { .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6, .entry-content cite, .entry-content figcaption, .entry-content table, .entry-content address, .entry-content .wp-caption-text, .entry-content .wp-block-file { font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; } } /* Alignment Classes ------------------------- */ .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) { max-width: 58rem; width: calc(100% - 4rem); } [class*="__inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) { max-width: 58rem; width: 100%; } .alignnone, .aligncenter, .alignleft, .alignright, .alignwide { margin-top: 4rem; margin-right: auto; margin-bottom: 4rem; margin-left: auto; } [class*="__inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright) { margin-left: auto; margin-right: auto; } /* Full */ .alignfull { margin-top: 5rem; margin-right: auto; margin-bottom: 5rem; margin-left: auto; max-width: 100vw; position: relative; width: 100%; } [class*="__inner-container"] > .alignfull { max-width: 100%; } /* Wide */ .alignwide { max-width: 120rem; position: relative; width: calc(100% - 4rem); } [class*="__inner-container"] > .alignwide { width: 100%; } /* Center */ .aligncenter, .aligncenter img { margin-left: auto; margin-right: auto; } /* Left and right */ .alignleft, .alignright { max-width: 50%; } .alignleft { /*rtl:ignore*/ float: left; margin: 0.3rem 2rem 2rem 2rem; } .alignright { /*rtl:ignore*/ float: right; margin: 0.3rem 2rem 2rem 2rem; } [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .alignleft, [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > p .alignleft, [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignleft { /*rtl:ignore*/ margin-left: 2rem; } [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .alignright, [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > p .alignright, [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignright { /*rtl:ignore*/ margin-right: 2rem; } /* Entry Media ------------------------------- */ .alignfull > figcaption, .alignfull > .wp-caption-text { margin-left: auto; margin-right: auto; max-width: 58rem; width: calc(100% - 4rem); } /* -------------------------------------------------------------------------- */ /* 12. Comments /* -------------------------------------------------------------------------- */ /* Comment Headers ----------------------------- */ .comments-wrapper { margin-top: 5rem; } .comment-reply-title { margin: 0 0 4rem 0; text-align: center; } /* Comment Item ----------------------------- */ /* COMMENT HEADER */ .comments .comment, .comments .pingback, .comments .trackback, .comments .review { padding-top: 3.5rem; } div.comment:first-of-type { margin-top: 3.5rem; padding-top: 0; } .comments .comments-header + div { margin-top: 0; padding-top: 0; } .comment-body { position: relative; } .comment .comment { padding-left: 5%; } .comment-meta { line-height: 1.1; margin-bottom: 1.5rem; min-height: 5rem; padding-left: 5rem; position: relative; } .hide-avatars .comment-meta { min-height: 0; padding-left: 0; } .comment-meta a { color: inherit; } .comment-author { font-size: 1.8rem; font-weight: 700; letter-spacing: -0.027777778em; } .comment-author a { text-decoration: underline; } .comment-author a:hover, .comment-author a:focus { text-decoration: none; } .comment-meta .avatar { height: 4rem; position: absolute; left: 0; top: 0; width: 4rem; } .comment-author .url { text-decoration: underline; } .comment-metadata { color: #6d6d6d; font-size: 1.4rem; font-weight: 500; margin-top: 0.6rem; } .comment-metadata a { text-decoration: none; } .comment-metadata a:focus, .comment-metadata a:hover { text-decoration: underline; } /* COMMENT CONTENT */ .comment-content.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) { width: 100%; } .comment-content.entry-content .alignleft { /*rtl:ignore*/ margin-left: 0; } .comment-content.entry-content .alignright { /*rtl:ignore*/ margin-right: 0; } /* COMMENT FOOTER */ .comment-footer-meta { align-items: center; display: flex; flex-wrap: wrap; font-size: 1.2rem; font-weight: 600; justify-content: flex-start; letter-spacing: 0.030833333em; line-height: 1; margin: 1.5rem 0 -1rem -1.5rem; text-transform: uppercase; } .comment-footer-meta > * { margin: 0 0 1rem 1.5rem; } .comment-reply-link { background-color: #cd2653; color: #fff; display: block; padding: 0.7rem; } .bypostauthor .comment-footer-meta .by-post-author { display: block; } .comment-footer-meta a { text-decoration: none; } .comment-footer-meta a:focus, .comment-footer-meta a:hover { text-decoration: underline; } /* Pingbacks & Trackbacks ------------------------- */ .pingback .comment-meta, .trackback .comment-meta { padding-left: 0; } /* Comments Pagination ---------------------------- */ .comments-pagination { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 6rem; text-align: center; } .comments-pagination.only-next { justify-content: flex-end; } .comments-pagination .page-numbers { display: none; text-decoration: none; } .comments-pagination .page-numbers:focus, .comments-pagination .page-numbers:hover { text-decoration: underline; } .comments-pagination .prev, .comments-pagination .next { display: block; } .comments-pagination .prev { left: 0; } .comments-pagination .next { right: 0; text-align: right; } /* Comment Respond ---------------------------- */ .comment-respond::after { clear: both; content: ""; display: block; } .comment-respond .comment-notes, .comment-respond .logged-in-as { color: #6d6d6d; font-size: 1.6rem; line-height: 1.4; margin: -3rem 0 4rem 0; text-align: center; } .comment-respond .comment-notes a, .comment-respond .logged-in-as a { color: inherit; text-decoration: none; } .comment-respond .comment-notes a:focus, .comment-respond .comment-notes a:hover, .comment-respond .logged-in-as a:focus, .comment-respond .logged-in-as a:hover { text-decoration: underline; } .comment-respond p { line-height: 1.1; margin-bottom: 2rem; margin-left: auto; margin-right: auto; } .comment-respond p:not(.comment-notes) { max-width: 58rem; } .comment-form-cookies-consent { align-items: baseline; display: flex; } .comment-respond > p:last-of-type { margin-bottom: 0; } .comment-respond label { display: block; } .comment-respond input[type="checkbox"] + label { font-size: 1.5rem; line-height: 1.25; } .comment-respond input[type="text"], .comment-respond input[type="email"], .comment-respond textarea { margin-bottom: 0; } .comment-respond textarea { height: 15rem; } .comment-respond #submit { display: block; } .comment-respond .comments-closed { text-align: center; } /* Reply Respond ---------------------------- */ .comments .comment-respond { padding: 3rem 0 0; } .comments .comment-respond .comment-reply-title, .comments .comment-respond .comment-notes, .comments .comment-respond .logged-in-as { text-align: left; } .comment-reply-title small { display: block; font-size: 1.6rem; font-weight: 600; letter-spacing: -0.0277em; margin: 0.5rem 0 0 0; white-space: nowrap; } .comment-reply-title small a { text-decoration: none; } .comment-reply-title small a:focus, .comment-reply-title small a:hover { text-decoration: underline; } /* -------------------------------------------------------------------------- */ /* 13. Site Pagination /* -------------------------------------------------------------------------- */ .pagination .nav-links { align-items: baseline; display: flex; flex-wrap: wrap; font-size: 1.8rem; font-weight: 600; margin: -1.5rem 0 0 -2.5rem; width: calc(100% + 2.5rem); } .pagination-separator { margin: 5rem 0; } .nav-links > * { margin: 1.5rem 0 0 2.5rem; } .nav-links .placeholder { display: none; visibility: hidden; } .pagination a { text-decoration: none; } .pagination a:focus, .pagination a:hover { text-decoration: underline; } .pagination .dots { transform: translateY(-0.3em); color: #6d6d6d; } .nav-short { display: none; } /* -------------------------------------------------------------------------- */ /* 14. Error 404 /* -------------------------------------------------------------------------- */ .error404 #site-content { padding-top: 4rem; } .error404-content { text-align: center; } .error404 #site-content .search-form { justify-content: center; margin-top: 3rem; } /* -------------------------------------------------------------------------- */ /* 15. Widgets /* -------------------------------------------------------------------------- */ /* Widget Base ------------------------------- */ .widget { margin-top: 3rem; } .widget:first-child { margin-top: 0; } .widget-content > div > *:first-child { margin-top: 0; } .widget-content > div > *:last-child { margin-bottom: 0; } .widget .widget-title { margin: 0 0 2rem; } .widget li { margin: 2rem 0 0 0; } .widget li:first-child, .widget li > ul, .widget li > ol { margin-top: 0; } .widget table, .widget table * { border-color: #dedfdf; } .widget table caption { background-color: #dedfdf; } .widget .post-date, .widget .rss-date { color: #6d6d6d; display: block; font-size: 0.85em; font-weight: 500; margin-top: 0.2rem; } .widget select { max-width: 100%; } /* Font Families ----------------------------- */ .widget_text p, .widget_text ol, .widget_text ul, .widget_text dl, .widget_text dt, .widget-content .rssSummary { font-family: NonBreakingSpaceOverride, "Hoefler Text", Garamond, "Times New Roman", serif; letter-spacing: normal; } .widget-content cite, .widget-content figcaption, .widget-content .wp-caption-text { font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; } @supports ( font-variation-settings: normal ) { .widget-content cite, .widget-content figcaption, .widget-content .wp-caption-text { font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; } } /* Base List Widget -------------------------- */ .widget_archive ul, .widget_categories ul, .widget_pages ul, .widget_meta ul, .widget_nav_menu ul, .widget_recent_comments ul, .widget_recent_entries ul, .widget_rss ul { list-style: none; margin: 0; } .widget_archive li, .widget_categories li, .widget_pages li, .widget_meta li, .widget_nav_menu li { color: #6d6d6d; margin: 0.3rem 0; } .widget_archive li li, .widget_categories li li, .widget_pages li li, .widget_meta li li, .widget_nav_menu li li { margin-left: 2rem; } .widget_archive a, .widget_categories a, .widget_pages a, .widget_meta a, .widget_nav_menu a { font-weight: 700; text-decoration: none; } .widget_archive a:focus, .widget_archive a:hover, .widget_categories a:focus, .widget_categories a:hover, .widget_pages a:focus, .widget_pages a:hover, .widget_meta a:focus, .widget_meta a:hover, .widget_nav_menu a:focus, .widget_nav_menu a:hover { text-decoration: underline; } /* Widget: Calendar -------------------------- */ .calendar_wrap { font-size: 2.4rem; } .calendar_wrap th, .calendar_wrap td, .wp-calendar-nav span { display: table-cell; font-size: 1em; font-weight: 500; line-height: 1; padding: 2.5% 2.5% 1.75% 2.5%; text-align: center; } .wp-calendar-table { margin-bottom: 0; } .wp-calendar-nav { display: table; width: 100%; font-size: 1.8rem; } .calendar_wrap tfoot td { border-bottom: none; } .calendar_wrap tfoot a, .calendar_wrap .wp-calendar-nav a { text-decoration: none; } .calendar_wrap tfoot #prev, .calendar_wrap .wp-calendar-nav-prev { text-align: left; } .calendar_wrap tfoot #next, .calendar_wrap .wp-calendar-nav-next { text-align: right; } /* Widget: Image ----------------------------- */ /* Widget: Gallery --------------------------- */ .widget_media_gallery .gallery { margin: 0 -0.4em -0.8em -0.4em; width: calc(100% + 0.8em); } .widget_media_gallery .gallery-item { margin: 0 0 0.8em 0; padding: 0 0.4em; } /* Widget: Nav Menu -------------------------- */ .widget_nav_menu .widget-content > div > ul { margin-left: 0; } /* Widget: Recent Comments ------------------- */ .widget_recent_comments li { font-weight: 700; } .widget_recent_comments a { text-decoration: none; } .widget_recent_comments a:focus, .widget_recent_comments a:hover { text-decoration: underline; } /* Widget: Recent Entries -------------------- */ .widget_recent_entries a { font-weight: 700; text-decoration: none; } .widget_recent_entries a:focus, .widget_recent_entries a:hover { text-decoration: underline; } /* Widget: RSS ------------------------------- */ .widget_rss .widget-title a.rsswidget:first-of-type:not(.rss-widget-title) { display: none; } .widget_rss .rsswidget { font-weight: 700; } .widget_rss a { text-decoration: none; } .widget_rss a:focus, .widget_rss a:hover { text-decoration: underline; } .widget_rss .rssSummary { margin-top: 0.5rem; } .widget_rss cite::before { content: "— "; } /* Widget: Search ---------------------------- */ .widget_search .search-field { border-color: #dedfdf; } /* Widget: Tag Cloud ------------------------- */ .widget_tag_cloud a { font-weight: 700; margin-right: 0.5rem; text-decoration: none; white-space: nowrap; } .widget_tag_cloud a:focus, .widget_tag_cloud a:hover { text-decoration: underline; } /* Widget: Text ------------------------------ */ /* -------------------------------------------------------------------------- */ /* 16. Site Footer /* -------------------------------------------------------------------------- */ .footer-nav-widgets-wrapper, #site-footer { background-color: #fff; border-color: #dedfdf; border-style: solid; border-width: 0; } .footer-top-visible .footer-nav-widgets-wrapper, .footer-top-hidden #site-footer { margin-top: 5rem; } .reduced-spacing.footer-top-visible .footer-nav-widgets-wrapper, .reduced-spacing.footer-top-hidden #site-footer { border-top-width: 0.1rem; } .footer-top, .footer-widgets-outer-wrapper, #site-footer { padding: 3rem 0; } /* Footer Top -------------------------------- */ .footer-top { display: flex; border-bottom: 0.1rem solid #dedfdf; justify-content: space-between; } /* FOOTER MENU */ .footer-menu { font-size: 1.8rem; font-weight: 700; letter-spacing: -0.0277em; } .footer-menu li { line-height: 1.25; margin: 0.25em 0 0 0; } .footer-menu a { text-decoration: none; word-break: normal; word-wrap: normal; } .footer-menu a:hover, .footer-menu a:focus { text-decoration: underline; } /* FOOTER SOCIAL */ .footer-social-wrapper { margin: 0; width: 100%; } .has-footer-menu .footer-social-wrapper { flex-shrink: 0; margin-left: 1rem; width: 50%; } ul.footer-social { margin: -0.5rem 0 0 -0.5rem; } .has-footer-menu .footer-social { justify-content: flex-end; } ul.footer-social li { margin: 0.5rem 0 0 0.5rem; } .footer-social a { background-color: #cd2653; height: 3.6rem; width: 3.6rem; } .footer-social a::before { font-size: 1.6rem; } /* Footer Widgets ---------------------------- */ .footer-widgets-outer-wrapper { border-bottom: 0.1rem solid #dedfdf; } .footer-widgets + .footer-widgets { margin-top: 3rem; } /* Footer Bottom ----------------------------- */ #site-footer { font-size: 1.6rem; } #site-footer .section-inner { align-items: baseline; display: flex; justify-content: space-between; } #site-footer a { text-decoration: none; } #site-footer a:focus, #site-footer a:hover { text-decoration: underline; } .footer-copyright a, .privacy-policy a, .powered-by-wordpress a { color: inherit; } .privacy-policy, .powered-by-wordpress, .to-the-top { color: #6d6d6d; } a.to-the-top { margin-left: 2.4rem; white-space: nowrap; } a.to-the-top > * { pointer-events: none; } .footer-copyright { font-weight: 600; margin: 0; } .powered-by-wordpress { display: none; margin: 0 0 0 2.4rem; } .privacy-policy { margin: 1.2rem 0 0; } .to-the-top-long { display: none; } /* -------------------------------------------------------------------------- */ /* 17. Media Queries /* -------------------------------------------------------------------------- */ @media ( max-width: 479px ) { /* Blocks -------------------------------- */ .wp-block-pullquote.alignleft, .wp-block-pullquote.alignright { float: none; } /* Entry Content ------------------------- */ /* LISTS */ ul, ol { margin: 0 0 3rem 2rem; } li { margin: 0.5rem 0 0 1rem; } /* Post Footer --------------------------- */ /* POST NAV LINKS */ .post-nav-links { margin: 3em 0 0 0; } } @media ( min-width: 480px ) { /* Blocks -------------------------------- */ /* BLOCK: BASE ALIGNMENT WIDTH */ .wp-block-pullquote.alignleft, .wp-block-pullquote.alignright, .wp-block-cover-image.alignleft, .wp-block-cover-image.alignright, .wp-block-cover.alignleft, .wp-block-cover.alignright, .wp-block-embed.alignleft, .wp-block-embed.alignright, .wp-block-gallery.alignleft, .wp-block-gallery.alignright { max-width: 26rem; } /* BLOCK: TABLE WIDTH */ .wp-block-table.alignleft, .wp-block-table.alignright { max-width: 100%; } /* Entry Content ------------------------- */ /* ALIGNMENT CLASSES */ .alignleft, .alignright { max-width: 26rem; } /* Post Footer --------------------------- */ /* POST NAV LINKS */ .post-nav-links { margin: 3em 0 0 0; } } @media ( max-width: 599px ) { /* Blocks -------------------------------- */ /* BLOCK: COLUMNS */ /* While columns are stacked */ .wp-block-column:last-child { margin-bottom: 0; } .wp-block-columns + .wp-block-columns { margin-top: 0.2rem; } .wp-block-columns.alignwide + .wp-block-columns.alignwide { margin-top: -0.8rem; } .wp-block-columns.alignfull + .wp-block-columns.alignfull { margin-top: -1.8rem; } /* Template -------------------------------- */ /* TEMPLATE: COVER */ .template-cover .post-inner .post-meta-wrapper, .template-cover .post-inner .author-bio { width: calc( 100% - 4rem ); } /* Post Footer --------------------------- */ /* POST NAV LINKS */ .post-nav-links { margin: 3em 0 0 0; } } @media ( min-width: 600px ) { /* Blocks -------------------------------- */ /* BLOCK: COLUMNS */ .wp-block-columns.alignwide + .wp-block-columns.alignwide, .wp-block-columns.alignfull + .wp-block-columns.alignfull { margin-top: -4rem; } /* Post Footer --------------------------- */ /* POST NAV LINKS */ .post-nav-links { margin: 3em 0 0 0; } } @media ( min-width: 660px ) { /* Blocks -------------------------------- */ /* BLOCK: GALLERY */ figure.wp-block-gallery.alignleft { /*rtl:ignore*/ margin-left: calc(( 100vw - 58rem - 8rem ) / -2); } figure.wp-block-gallery.alignright { /*rtl:ignore*/ margin-right: calc(( 100vw - 58rem - 8rem ) / -2); } /* Entry Content ------------------------- */ /* ALIGNMENT CLASSES */ .entry-content > .alignleft { /*rtl:ignore*/ margin-left: 4rem; } .entry-content > p .alignleft, .entry-content > .wp-block-image .alignleft { /*rtl:ignore*/ margin-left: calc(( 100vw - 58rem - 8rem ) / -2); } [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .alignleft, [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > p .alignleft, [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .wp-block-image .alignleft { /*rtl:ignore*/ margin-left: 0; } .entry-content > .alignright { /*rtl:ignore*/ margin-right: 4rem; } .entry-content > p .alignright, .entry-content > .wp-block-image .alignright { /*rtl:ignore*/ margin-right: calc(( 100vw - 58rem - 8rem ) / -2); } [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .alignright, [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > p .alignright, [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .wp-block-image .alignright { /*rtl:ignore*/ margin-right: 0; } /* Post Footer --------------------------- */ /* POST NAV LINKS */ .post-nav-links { margin: 3em auto 0 auto; } } @media ( min-width: 700px ) { /* Element Base ------------------------- */ ul, ol { margin-bottom: 4rem; } pre { padding: 3rem; } hr { margin: 8rem auto; } table { font-size: 1.8rem; } /* VANILLA GALLERIES */ .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } /* TITLES */ h1, .heading-size-1, h2, .heading-size-2, h3, .heading-size-3 { margin: 6rem auto 3rem; } h4, .heading-size-4, h5, .heading-size-5, h6, .heading-size-6 { margin: 4.5rem auto 2.5rem; } h1, .heading-size-1 { font-size: 6.4rem; } h2, .heading-size-2 { font-size: 4.8rem; } h3, .heading-size-3 { font-size: 4rem; } h4, .heading-size-4 { font-size: 3.2rem; } h5, .heading-size-5 { font-size: 2.4rem; } h6, .heading-size-6 { font-size: 1.8rem; } /* INPUTS */ fieldset { padding: 3rem; } legend { padding: 0 1.5rem; } button, .button, .faux-button, .wp-block-button__link, input[type="button"], input[type="reset"], input[type="submit"] { font-size: 1.7rem; } /* MEDIA */ figcaption, .wp-caption-text { margin-top: 1.8rem; } /* Helper Classes ------------------------- */ /* SECTIONS */ section { padding: 8rem 0; } .section-inner { width: calc(100% - 8rem); } /* Site Header --------------------------- */ .header-inner { padding: 3.8rem 0; } .site-title { font-size: 2.4rem; font-weight: 700; } .site-description { display: block; } .site-logo img { max-height: 9rem; transition: height 0.15s linear, width 0.15s linear, max-height 0.15s linear; } /* HEADER TOGGLES */ .toggle-inner .toggle-text { font-size: 1.2rem; } .search-toggle { left: 2rem; } .nav-toggle { right: 2rem; } /* Menu Modal ---------------------------- */ button.close-nav-toggle { font-size: 1.8rem; padding: 4rem 0; } button.close-nav-toggle svg { height: 2rem; width: 2rem; } button.close-nav-toggle .toggle-text { margin-right: 2.1rem; } .modal-menu { left: auto; width: 100%; } .modal-menu > li > a, .modal-menu > li > .ancestor-wrapper > a { font-size: 2.4rem; padding: 2.5rem 0; } .modal-menu ul li { border-left-color: transparent; } .modal-menu > li > .ancestor-wrapper > button.sub-menu-toggle { padding: 0 3rem; } .modal-menu > li > .ancestor-wrapper > button.sub-menu-toggle svg { height: 1.1rem; width: 1.8rem; } .menu-bottom { align-items: center; display: flex; justify-content: space-between; padding: 4.4rem 0; } .menu-copyright { display: block; flex-shrink: 0; margin-right: 4rem; } /* Modal Search Form ------------------------- */ .search-modal form { position: relative; width: 100%; } .search-untoggle svg { height: 2.5rem; width: 2.5rem; } .search-modal .search-field { border: none; font-size: 3.2rem; height: 14rem; } .search-modal .search-field::-moz-placeholder { line-height: 4.375; } /* Sub Page ------------------------------ */ /* FEATURED MEDIA */ .featured-media figcaption { margin: 2rem auto 0 auto; width: calc(100% - 8rem); } /* Template: Cover Template -------------- */ .cover-header-inner { padding: 18rem 0 8rem 0; } .to-the-content-wrapper { top: calc(100% + 1.8rem); } .to-the-content { height: 6rem; } .to-the-content svg { height: 2.4rem; width: 2.12rem; } /* Template: Full Width ------------------ */ body.template-full-width .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) { width: calc(100% - 8rem); } body.template-full-width .alignfull:not(.has-background) > .wp-block-group__inner-container > p:not(.has-background-color) { padding-left: 4rem; padding-right: 4rem; } body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > .alignleft, body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignleft, body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignleft { /*rtl:ignore*/ margin-left: 4rem; } body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > .alignright, body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignright, body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignright { /*rtl:ignore*/ margin-right: 4rem; } /* Post: Archive ------------------------- */ .archive-header { padding: 8rem 0; } .reduced-spacing .archive-header { padding-bottom: 3rem; } .archive-title { font-size: 3.2rem; } body:not(.singular) main > article:first-of-type { padding: 8rem 0 0; } h2.entry-title { font-size: 6.4rem; } /* SEARCH RESULTS */ .no-search-results-form { padding-top: 8rem; } /* Post: Single -------------------------- */ /* POST HEADER */ .singular .entry-header { padding: 8rem 0; } .entry-categories { margin-bottom: 3rem; } .entry-categories-inner { margin: -1rem 0 0 -2rem; } .entry-categories a { font-size: 1.5rem; margin: 1rem 0 0 2rem; } .intro-text { font-size: 2rem; margin-top: 2.5rem; } .singular .intro-text { font-size: 2.6rem; } .post-meta-wrapper { margin-top: 3rem; } .post-meta { font-size: 1.6rem; margin: -1.4rem 0 0 -3rem; } .post-meta li { margin: 1.4rem 0 0 3rem; max-width: calc(100% - 3rem); } .featured-media { margin-top: 6rem; } .post-inner { padding-top: 8rem; } /* POST FOOTER */ .post-meta-wrapper.post-meta-single-bottom { margin-top: 4rem; } /* AUTHOR BIO */ .author-bio { margin-top: 8rem; min-height: 8rem; padding-left: 10rem; position: relative; } .author-bio .avatar { position: absolute; left: 0; top: 0; height: 8rem; width: 8rem; } /* SINGLE PAGINATION */ .pagination-single { font-size: 2.4rem; margin-top: 8rem; } .pagination-single-inner { flex-direction: row; justify-content: space-between; } .pagination-single.only-next .pagination-single-inner { justify-content: flex-end; } .pagination-single hr:first-child { margin: 0 0 4rem 0; } .pagination-single hr:last-child { margin: 4rem 0 0.8rem 0; } .pagination-single a + a { margin: 0 0 0 4rem; } .pagination-single a .arrow { margin: 0 2rem 0 0; } .pagination-single .next-post { flex-direction: row-reverse; text-align: right; } .pagination-single .next-post .arrow { margin: 0 0 0 2rem; } /* Blocks -------------------------------- */ /* BLOCK: SHARED MEDIA STYLES */ .wp-block-embed figcaption, .wp-block-image figcaption { font-size: 1.6rem; } /* BLOCK: BASE MARGINS */ .wp-block-archives:not(.alignwide):not(.alignfull), .wp-block-categories:not(.alignwide):not(.alignfull), .wp-block-code, .wp-block-columns:not(.alignwide):not(.alignfull), .wp-block-cover:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .wp-block-embed:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .wp-block-gallery:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .wp-block-group:not(.has-background):not(.alignwide):not(.alignfull), .wp-block-image:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .wp-block-latest-comments:not(.aligncenter):not(.alignleft):not(.alignright), .wp-block-latest-posts:not(.aligncenter):not(.alignleft):not(.alignright), .wp-block-media-text:not(.alignwide):not(.alignfull), .wp-block-preformatted, .wp-block-pullquote:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright), .wp-block-quote, .wp-block-quote.is-large, .wp-block-quote.is-style-large, .wp-block-verse, .wp-block-video:not(.alignwide):not(.alignfull) { margin-bottom: 4rem; margin-top: 4rem; } /* BLOCK: COLUMNS */ .wp-block-columns.alignwide + .wp-block-columns.alignwide, .wp-block-columns.alignfull + .wp-block-columns.alignfull { margin-top: -6rem; } .entry-content .wp-block-columns h1, .entry-content .wp-block-columns h2, .entry-content .wp-block-columns h3, .entry-content .wp-block-columns h4, .entry-content .wp-block-columns h5, .entry-content .wp-block-columns h6 { margin: 3.5rem 0 2rem; } /* BLOCK: COVER */ .wp-block-cover-image .wp-block-cover__inner-container, .wp-block-cover .wp-block-cover__inner-container { width: calc(100% - 8rem); } .wp-block-cover-image h2, .wp-block-cover h2 { font-size: 4.8rem; } /* BLOCK: GALLERY */ figure.wp-block-gallery.alignnone, figure.wp-block-gallery.aligncenter { margin-bottom: 4rem; margin-top: 4rem; } figure.wp-block-gallery.alignwide, figure.wp-block-gallery.alignfull { margin-bottom: 6rem; margin-top: 6rem; } /* BLOCK: GROUP */ .wp-block-group.has-background { padding: 4rem; margin-top: 0; margin-bottom: 0; } .alignfull:not(.has-background) > .wp-block-group__inner-container > p:not(.has-background-color) { padding-left: 0; padding-right: 0; } /* BLOCK: MEDIA AND TEXT */ .wp-block-media-text .wp-block-media-text__content { padding: 4rem; } /* BLOCK: PULLQUOTE */ .wp-block-pullquote blockquote p { font-size: 3.2rem; } .wp-block-pullquote cite { margin-top: 2rem; } .wp-block-pullquote.alignfull:not(.is-style-solid-color) { padding-left: 1rem; padding-right: 1rem; } .wp-block-pullquote.alignwide::before, .wp-block-pullquote.alignfull::before { font-size: 11.272727272rem; height: 8rem; margin-bottom: 2rem; width: 8rem; } .wp-block-pullquote.alignwide blockquote p, .wp-block-pullquote.alignfull blockquote p { font-size: 4.8rem; line-height: 1.203125; } .wp-block-pullquote.alignleft p, .wp-block-pullquote.alignright p, .wp-block-pullquote.alignleft.is-style-solid-color blockquote p, .wp-block-pullquote.alignright.is-style-solid-color blockquote p { font-size: 3.2rem; line-height: 1.1875; } .wp-block-pullquote.is-style-solid-color.alignwide, .wp-block-pullquote.is-style-solid-color.alignfull { padding: 6rem 4rem 4rem; } .wp-block-pullquote.alignleft.is-style-solid-color blockquote p, .wp-block-pullquote.alignright.is-style-solid-color blockquote p { font-size: 2.6rem; } /* BLOCK: QUOTE */ .wp-block-quote.is-large p, .wp-block-quote.is-style-large p { font-size: 2.8rem; } /* BLOCK: SEPARATOR */ hr.wp-block-separator { margin: 6rem auto; } .wp-block-separator.is-style-wide { max-width: calc(100vw - 8rem); } /* Entry Content ------------------------- */ .entry-content { font-size: 2.1rem; } .entry-content p, .entry-content li { line-height: 1.476; } .entry-content h1, .entry-content h2, .entry-content h3 { margin: 6rem auto 3rem; } .entry-content h4, .entry-content h5, .entry-content h6 { margin: 4.5rem auto 2.5rem; } .alignnone, .aligncenter { margin-bottom: 4rem; margin-top: 4rem; } .alignleft { /*rtl:ignore*/ margin: 0.3rem 2rem 2rem 0; } .alignright { /*rtl:ignore*/ margin: 0.3rem 0 2rem 2rem; } .entry-content > .alignwide:not(.wp-block-group.has-background), .entry-content > .alignfull:not(.wp-block-group.has-background) { margin-bottom: 6rem; margin-top: 6rem; } .entry-content > .alignwide { max-width: calc(100vw - 8rem); width: calc(100vw - 8rem); } [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .alignleft, [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > p .alignleft, [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignleft { /*rtl:ignore*/ margin-left: 4rem; } [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .alignright, [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > p .alignright, [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignright { /*rtl:ignore*/ margin-right: 4rem; } .entry-content > .alignwide:first-child, .entry-content > .alignfull:first-child { margin-bottom: 8rem; } /* ENTRY MEDIA */ .alignfull > figcaption, .alignfull > .wp-caption-text { width: calc(100% - 8rem); } /* Comments ------------------------------ */ .comments-wrapper { margin-top: 8rem; } .comment-reply-title { margin-bottom: 4.6rem; } .comment-respond p.comment-notes, .comment-respond p.logged-in-as { font-size: 1.8rem; letter-spacing: -0.025em; margin: -2.5rem 0 4.4rem 0; } .comments .comment, .comments .pingback, .comments .trackback, .comments .review { padding-top: 5rem; } div.comment:first-of-type { margin-top: 5rem; } .comment-meta { margin-bottom: 2rem; min-height: 6rem; padding: 0.3rem 0 0 7.5rem; } .comment-meta .avatar { display: block; height: 6rem; position: absolute; left: 0; top: 0; width: 6rem; } .comment-author { font-size: 2.4rem; } .comment-metadata { font-size: 1.6rem; margin-top: 0.8rem; } .comment-footer-meta { margin-top: 2.5rem; } .comments-pagination { margin-top: 8rem; } /* PINGBACKS & TRACKBACKS */ .pingback .comment-body { padding: 0; } /* COMMENT RESPOND */ .comment-respond p { margin-bottom: 2.5rem; } .comment-form p.logged-in-as { margin: -2.5rem 0 4.4rem 0; } .comment-respond .comment-form-author, .comment-respond .comment-form-email { float: left; width: calc(50% - 1rem); } .comment-respond .comment-form-email { margin-left: 2rem; } .comments .comment-respond { padding: 5rem 0 0; } .comment-reply-title small { display: inline; margin: 0 0 0 0.5rem; } /* Site Pagination ----------------------- */ .pagination-separator { margin: 8rem 0; } /* Display the full text for Newer and Older Posts. */ .nav-short { display: inline; } .pagination .nav-links { font-size: 2.4rem; font-weight: 700; margin: -2.5rem 0 0 -4rem; } .nav-links > * { margin: 2.5rem 0 0 4rem; } /* Error 404 ----------------------------- */ .error404 #site-content { padding-top: 8rem; } /* Widgets ------------------------------- */ .widget .widget-title { margin-bottom: 3rem; } /* Site Footer --------------------------- */ .footer-top-visible .footer-nav-widgets-wrapper, .footer-top-hidden #site-footer { margin-top: 8rem; } /* FOOTER TOP */ .footer-top { padding: 3.7rem 0; } .footer-menu { font-size: 2.4rem; margin: -0.8rem 0 0 -1.6rem; } .footer-menu li { margin: 0.8rem 0 0 1.6rem; } .has-footer-menu .footer-social-wrapper { flex: 1; margin-left: 4rem; width: auto; } /* FOOTER WIDGETS */ .footer-widgets-outer-wrapper { padding: 8rem 0; } .footer-widgets-wrapper { display: flex; justify-content: space-between; margin-left: -4rem; width: calc(100% + 4rem); } .footer-widgets { margin-left: 4rem; width: 50%; } .footer-widgets + .footer-widgets { margin-top: 0; } .footer-widgets .widget { border-top: none; margin-top: 5rem; padding-top: 0; } .footer-widgets .widget:first-child { margin-top: 0; } /* FOOTER BOTTOM */ #site-footer { font-size: 1.8rem; padding: 4.3rem 0; } .footer-credits { display: flex; flex-wrap: wrap; } .footer-copyright { font-weight: 700; } .privacy-policy { margin: 0 0 0 2.4rem; } .to-the-top-long { display: inline; } .to-the-top-short { display: none; } } @media (min-width: 782px) { /* Blocks -------------------------------- */ /* BLOCK: COLUMNS */ .wp-block-column { margin-bottom: 0; } .wp-block-columns.alignwide + .wp-block-columns.alignwide, .wp-block-columns.alignfull + .wp-block-columns.alignfull { margin-top: -2.8rem; } } @media ( min-width: 1000px ) { /* Document Setup ------------------------ */ /* Helper Classes ------------------------ */ /* Site Header --------------------------- */ #site-header { z-index: 2; } .header-inner { align-items: center; display: flex; justify-content: space-between; padding: 2.8rem 0; } .header-titles-wrapper { margin-right: 4rem; max-width: 50%; padding: 0; text-align: left; } .header-titles { align-items: baseline; display: flex; flex-wrap: wrap; justify-content: flex-start; margin: -1rem 0 0 -2.4rem; } .header-titles .site-title, .header-titles .site-logo, .header-titles .site-description { margin: 1rem 0 0 2.4rem; } .wp-custom-logo .header-titles { align-items: center; } /* HEADER NAVIGATION */ .header-navigation-wrapper { align-items: center; display: flex; } .primary-menu-wrapper { display: block; width: 100%; } /* HEADER TOGGLES */ .mobile-search-toggle, .mobile-nav-toggle { display: none !important; } .primary-menu-wrapper + .header-toggles { margin-left: 3rem; } .header-toggles { display: flex; flex-shrink: 0; margin-right: -3rem; } .header-inner .toggle { height: 4.4rem; padding: 0 3rem; position: relative; bottom: auto; left: auto; right: auto; top: auto; width: auto; } .header-inner .toggle-wrapper { position: relative; } .header-inner .toggle-wrapper::before { background: #dedfdf; content: ""; display: block; height: 2.7rem; position: absolute; left: 0; top: calc(50% - 1.35rem); width: 0.1rem; } .header-inner .toggle-wrapper:first-child::before { content: none; } .header-inner .primary-menu-wrapper + .header-toggles .toggle-wrapper:first-child::before { content: ""; } .nav-toggle-wrapper:not(.has-expanded-menu) { display: none; } .toggle-inner { position: static; } .toggle-inner .toggle-text { left: 0; right: 0; text-align: center; top: calc(100% - 0.3rem); width: auto; } .header-toggles:only-child .nav-toggle .toggle-inner { padding-top: 0; } .header-toggles:only-child .toggle-inner { display: flex; flex-wrap: nowrap; align-items: center; } .header-toggles:only-child .toggle-inner .svg-icon { order: 1; } .header-toggles:only-child .toggle-inner .toggle-text { position: static; padding-right: 20px; font-size: 15px; color: inherit; } /* Menu Modal ---------------------------- */ .menu-modal { opacity: 1; justify-content: flex-end; padding: 0; transition: background-color 0.3s ease-in, left 0s 0.3s, right 0s 0.3s; } .menu-modal.cover-modal { background: rgba(0, 0, 0, 0); } .menu-modal.active { background: rgba(0, 0, 0, 0.2); transition: background-color 0.3s ease-out; } .menu-wrapper.section-inner { width: calc(100% - 8rem); } .menu-modal-inner { box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.1); opacity: 0; padding: 0; transform: translateX(20rem); transition: transform 0.2s ease-in, opacity 0.2s ease-in; width: 50rem; } .menu-modal.active .menu-modal-inner { opacity: 1; transform: translateX(0); transition-timing-function: ease-out; } .mobile-menu { display: none; } .expanded-menu { display: block; } .menu-bottom { padding: 6rem 0; } .menu-bottom .social-menu { justify-content: flex-start; } /* Sub Page ------------------------------ */ /* FEATURED MEDIA */ .featured-media figcaption { width: 100%; } /* Template: Full Width ------------------ */ .template-full-width .wp-block-image .alignleft { /*rtl:ignore*/ margin-right: 2rem; } .template-full-width .wp-block-image .alignright { /*rtl:ignore*/ margin-left: 2rem; } /* Post: Archive ------------------------- */ /* Post: Single -------------------------- */ .singular .intro-text { font-size: 2.8rem; } /* Blocks -------------------------------- */ /* BLOCK: COLUMNS */ .wp-block-columns.alignwide + .wp-block-columns.alignwide, .wp-block-columns.alignfull + .wp-block-columns.alignfull { margin-top: -4.8rem; } /* BLOCK: GALLERY */ figure.wp-block-gallery.alignwide, figure.wp-block-gallery.alignfull { margin-bottom: 8rem; margin-top: 8rem; } /* BLOCK: GROUP */ .entry-content > .wp-block-group.alignwide.has-background, .entry-content > .wp-block-group.alignfull.has-background { padding: 8rem 4rem; margin-bottom: 0; margin-top: 0; } /* BLOCK: IMAGE */ .wp-block-image .alignleft { /*rtl:ignore*/ margin-right: 0; } .wp-block-image .alignright { /*rtl:ignore*/ margin-left: 0; } .wp-block-image .aligncenter figcaption { text-align: center; } /* BLOCK: SEPARATOR */ hr.wp-block-separator { margin: 8rem auto; } /* Entry Content ------------------------- */ /* ALIGNMENT CLASSES */ .entry-content > .alignleft, .entry-content > p .alignleft, .entry-content > .wp-block-image .alignleft { position: absolute; /*rtl:ignore*/ right: calc((100vw - 58rem) / 2 + 58rem + 2rem); max-width: calc((100% - 58rem) / 2 - 6rem); } [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .alignleft, [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > p .alignleft, [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .wp-block-image .alignleft { position: relative; /*rtl:ignore*/ right: inherit; max-width: inherit; } [class*="wp-block"].alignwide [class*="__inner-container"] > .alignleft, [class*="wp-block"].alignwide [class*="__inner-container"] > p .alignleft, [class*="wp-block"].alignwide [class*="__inner-container"] > .wp-block-image .alignleft, [class*="wp-block"].alignfull [class*="__inner-container"] > .alignleft, [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignleft, [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignleft { position: absolute; /*rtl:ignore*/ right: calc((100% - 58rem) / 2 + 58rem + 4rem); max-width: calc((100% - 58rem) / 2 - 4rem); } [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .alignleft, [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > p .alignleft, [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .wp-block-image .alignleft { /*rtl:ignore*/ right: calc((100% - 58rem) / 2 + 58rem); } [class*="wp-block"].alignfull [class*="__inner-container"] > .alignleft, [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignleft, [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignleft { /*rtl:ignore*/ margin-left: 4rem; } .entry-content > .alignright, .entry-content > p .alignright, .entry-content > .wp-block-image .alignright, [class*="__inner-container"] > .alignright { position: absolute; /*rtl:ignore*/ left: calc((100vw - 58rem) / 2 + 58rem + 2rem); max-width: calc((100% - 58rem) / 2 - 6rem); } [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .alignright, [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > p .alignright, [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .wp-block-image .alignright { position: relative; /*rtl:ignore*/ left: inherit; max-width: inherit; } [class*="wp-block"].alignwide [class*="__inner-container"] > .alignright, [class*="wp-block"].alignwide [class*="__inner-container"] > p .alignright, [class*="wp-block"].alignwide [class*="__inner-container"] > .wp-block-image .alignright, [class*="wp-block"].alignfull [class*="__inner-container"] > .alignright, [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignright, [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignright { position: absolute; /*rtl:ignore*/ left: calc((100% - 58rem) / 2 + 58rem + 4rem); max-width: calc((100% - 58rem) / 2 - 4rem); } [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .alignright, [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > p .alignright, [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .wp-block-image .alignright { /*rtl:ignore*/ left: calc((100% - 58rem) / 2 + 58rem + 4rem); } [class*="wp-block"].alignfull [class*="__inner-container"] > .alignright, [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignright, [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignright { /*rtl:ignore*/ margin-right: 4rem; } .entry-content > .alignwide:not(.wp-block-group.has-background), .entry-content > .alignfull:not(.wp-block-group.has-background) { margin-bottom: 8rem; margin-top: 8rem; } /* ENTRY MEDIA */ .alignfull > figcaption, .alignfull > .wp-caption-text { width: calc(100% - 10rem); } /* Comments ------------------------------ */ .comment-meta { padding-left: 0; } .comment-meta .avatar { left: -8rem; } /* Site Pagination ----------------------- */ .pagination .nav-links { justify-content: space-between; margin: 0; width: 100%; } .nav-links > * { margin: 0 2rem; } .pagination .next, .pagination .prev { display: block; } .pagination .prev { margin: 0 auto 0 0; } .pagination .next { text-align: right; margin: 0 0 0 auto; } /* Site Footer --------------------------- */ /* FOOTER TOP */ .footer-top { align-items: center; } .footer-menu { align-items: baseline; display: flex; justify-content: flex-start; flex-wrap: wrap; font-size: 2.1rem; margin: -1.2rem 0 0 -2.4rem; } .footer-menu li { margin: 1.2rem 0 0 2.4rem; } .powered-by-wordpress { display: block; } } @media ( min-width: 1220px ) { /* Element Base -------------------------- */ /* TITLES */ h1, .heading-size-1 { font-size: 8.4rem; } /* Helper Classes ------------------------ */ /* Site Header --------------------------- */ /* PRIMARY MENU */ ul.primary-menu { margin: -0.8rem 0 0 -2.5rem; } .primary-menu > li { margin: 0.8rem 0 0 2.5rem; } /* HEADER TOGGLES */ .primary-menu-wrapper + .header-toggles { margin-left: 4rem; } .header-toggles { margin-right: -4rem; } .header-toggles .toggle { padding: 0 4rem; } /* Menu Modal ---------------------------- */ /* Search Modal -------------------------- */ /* Sub Page ------------------------------ */ /* Template: Cover Template -------------- */ .cover-header + .post-inner { padding-top: 10rem; } /* Post: Archive ------------------------- */ /* Post: Single -------------------------- */ .singular .intro-text { font-size: 3.2rem; letter-spacing: -0.03125em; line-height: 1.375; } /* Blocks -------------------------------- */ /* BLOCK: COLUMNS */ .wp-block-columns.alignfull + .wp-block-columns.alignfull { margin-top: -6rem; } /* BLOCK: GALLERY */ figure.wp-block-gallery.alignfull { margin-bottom: 10rem; margin-top: 10rem; } /* BLOCK: GROUP */ .entry-content > .wp-block-group.alignwide.has-background, .entry-content > .wp-block-group.alignfull.has-background { padding: 8rem 6rem; margin-bottom: 0; margin-top: 0; } /* BLOCK: PULLQUOTE */ .wp-block-pullquote.alignwide blockquote p, .wp-block-pullquote.alignfull blockquote p { font-size: 6.4rem; } .wp-block-pullquote.is-style-solid-color.alignwide, .wp-block-pullquote.is-style-solid-color.alignfull { padding: 9rem 4rem 8rem; } /* Entry Content ------------------------- */ /* ALIGNMENT CLASSES */ .entry-content > .alignfull { margin-bottom: 10rem; margin-top: 10rem; } [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .alignleft, [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > p .alignleft, [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .wp-block-image .alignleft { /*rtl:ignore*/ right: calc((100% - 58rem) / 2 + 58rem - 2rem); } [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .alignright, [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > p .alignright, [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .wp-block-image .alignright { /*rtl:ignore*/ left: calc((100% - 58rem) / 2 + 58rem + 6rem); } /* Comments ------------------------------ */ .comment-reply-title { font-size: 5.6rem; line-height: 1.2; margin-bottom: 6rem; } .comment-respond p.comment-notes, .comment-respond p.logged-in-as { margin: -4rem 0 6rem 0; } .comments .comment-respond .comment-reply-title { font-size: 4.8rem; } .comments .comment-respond p.comment-notes, .comments .comment-respond p.logged-in-as { margin: -4.5rem 0 4rem 0; } /* Site Pagination ----------------------- */ /* Widgets ------------------------------- */ .widget-content { font-size: 2.1rem; } /* Site Footer --------------------------- */ .footer-menu { font-size: 2.4rem; margin: -1.5rem 0 0 -3rem; } .footer-menu li { margin: 1.5rem 0 0 3rem; } ul.footer-social { margin: -1rem 0 0 -1rem; } ul.footer-social li { margin: 1rem 0 0 1rem; } .footer-social a { height: 4.4rem; width: 4.4rem; } .footer-social a::before { font-size: 2rem; } /* FOOTER WIDGETS */ .footer-widgets-wrapper { margin-left: -6rem; width: calc(100% + 6rem); } .footer-widgets { margin-left: 6rem; } } @media ( min-width: 1240px ) { /* Blocks -------------------------------- */ body.template-full-width .entry-content > .alignleft { /*rtl:ignore*/ margin-left: calc(( 100vw - 120rem ) / 2); } body.template-full-width .entry-content > .alignright { /*rtl:ignore*/ margin-right: calc(( 100vw - 120rem ) / 2); } } @media ( min-width: 1280px ) { /* Blocks -------------------------------- */ /* BLOCK: GALLERY */ figure.wp-block-gallery.alignleft { /*rtl:ignore*/ margin-left: -31rem; } figure.wp-block-gallery.alignright { /*rtl:ignore*/ margin-right: -31rem; } /* BLOCK: SEPARATOR */ .wp-block-separator.is-style-wide { max-width: 120rem; width: 120rem; } /* Entry Content ------------------------- */ /* ALIGNMENT CLASSES */ .entry-content > .alignleft, .entry-content > p .alignleft, .entry-content > .wp-block-image .alignleft { /*rtl:ignore*/ right: calc((100vw - 58rem) / 2 + 58rem + 4rem); /*rtl:ignore*/ margin-left: -31rem; } .entry-content > .alignright, .entry-content > p .alignright, .entry-content > .wp-block-image .alignright { /*rtl:ignore*/ left: calc((100vw - 58rem) / 2 + 58rem + 4rem); /*rtl:ignore*/ margin-right: -31rem; } .entry-content > .alignwide { max-width: 120rem; width: 120rem; } [class*="__inner-container"] > .alignwide { max-width: 120rem; width: 100%; } .alignleft, .alignright, .entry-content > .alignleft, .entry-content > p .alignleft, .entry-content > .wp-block-image .alignleft, .entry-content > .alignright, .entry-content > p .alignright, .entry-content > .wp-block-image .alignright, [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .alignleft, [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > p .alignleft, [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignleft, [class*="wp-block"].alignfull [class*="__inner-container"] > .alignleft, [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignleft, [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignleft, [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .alignright, [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > p .alignright, [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignright, [class*="wp-block"].alignfull [class*="__inner-container"] > .alignright, [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignright, [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignright { max-width: 25rem; } /* Template: Full Width ------------------ */ body.template-full-width .alignfull:not(.has-background) > .wp-block-group__inner-container > p:not(.has-background-color) { padding-left: 0; padding-right: 0; } body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignleft { /*rtl:ignore*/ margin-left: 0; } body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignright { /*rtl:ignore*/ margin-right: 0; } } @media ( min-width: 1330px ) { /* Entry Content ------------------------- */ /* ALIGNMENT CLASSES */ .alignleft, .alignright, .entry-content > .alignleft, .entry-content > p .alignleft, .entry-content > .wp-block-image .alignleft, .entry-content > .alignright, .entry-content > p .alignright, .entry-content > .wp-block-image .alignright, [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .alignleft, [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > p .alignleft, [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignleft, [class*="wp-block"].alignfull [class*="__inner-container"] > .alignleft, [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignleft, [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignleft, [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .alignright, [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > p .alignright, [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignright, [class*="wp-block"].alignfull [class*="__inner-container"] > .alignright, [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignright, [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignright { max-width: 29rem; } /* Blocks -------------------------------- */ /* BLOCK: PULLQUOTE */ .wp-block-pullquote.is-style-solid-color.alignleft::before, .wp-block-pullquote.is-style-solid-color.alignright::before { top: 0; } } home/premiey/www/wp-content/themes/astra/style.css 0000666 00000010724 15165412264 0016357 0 ustar 00 /** Theme Name: Astra Theme URI: https://wpastra.com/ Author: Brainstorm Force Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme Description: Astra is fast, fully customizable & beautiful WordPress theme suitable for blog, personal portfolio, business website and WooCommerce storefront. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with Schema.org code integrated and is Native AMP ready so search engines will love your site. It offers special features and templates so it works perfectly with all page builders like Elementor, Beaver Builder, Visual Composer, SiteOrigin, Divi, etc. Some of the other features: # WooCommerce Ready # Responsive # RTL & Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and WooCommerce ready theme that you can use for building any kind of website! Version: 4.1.6 Requires at least: 5.3 Tested up to: 6.2.2 Requires PHP: 5.3 License: GNU General Public License v2 or later License URI: https://www.gnu.org/licenses/gpl-2.0.html Text Domain: astra Domain Path: /languages Tags: custom-menu, custom-logo, entertainment, one-column, two-columns, left-sidebar, e-commerce, right-sidebar, custom-colors, editor-style, featured-images, full-width-template, microformats, post-formats, rtl-language-support, theme-options, threaded-comments, translation-ready, blog AMP: true Astra WordPress Theme, Copyright 2020 WPAstra. Astra is distributed under the terms of the GNU GPL. Astra is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc. Underscores is distributed under the terms of the GNU GPL v2 or later. Normalizing styles have been helped along thanks to the fine work of. Nicolas Gallagher and Jonathan Neal https://necolas.github.com/normalize.css/ Astra icon font is based on IcoMoon-Free vector icon by Keyamoon. IcoMoon-Free vector icon distributed under terms of CC BY 4.0 or GPL. (https://creativecommons.org/licenses/by/4.0/ or https://www.gnu.org/licenses/gpl.html) Source: http://keyamoon.com/ Flexibility is a JavaScript polyfill for Flexbox By Jonathan Neal, 10up. (https://github.com/jonathantneal/flexibility) Licensed under MIT ( https://github.com/jonathantneal/flexibility/blob/master/LICENSE.md ) Screenshot image is a collage of actual sites created using the Astra WordPress Theme. Icons used in the Screenshot image are all licensed under Creative Commons ( CC BY 4.0 ) License ( https://fontawesome.com/license/free ) https://fontawesome.com/v5.15/icons/store?style=solid https://fontawesome.com/v5.15/icons/shopping-cart?style=solid https://fontawesome.com/v5.15/icons/pen-square?style=solid https://fontawesome.com/v5.15/icons/user-tie?style=solid https://fontawesome.com/v5.15/icons/user-tie?style=solid Illustrations used in the Screenshot images are all licensed under Creative Commons ( CC0 ) License ( https://gumroad.com/l/humaaans ) https://websitedemos.net/web-design-agency-08/wp-content/uploads/sites/796/2021/05/standing-24.png https://websitedemos.net/web-design-agency-08/wp-content/uploads/sites/796/2021/05/sitting-2.png Hand-drawn illustrations used are created by Brainstorm Force and released under Creative Commons ( CC0 ) License. https://websitedemos.net/web-design-agency-08/wp-content/uploads/sites/796/2021/05/girl-with-image-container.png https://websitedemos.net/web-design-agency-08/wp-content/uploads/sites/796/2021/05/boy-with-code-container.png https://websitedemos.net/web-design-agency-08/wp-content/uploads/sites/796/2021/05/web-browser.png The same site as screenshot can be imported from here https://websitedemos.net/web-design-agency-08/. For more information, refer to this document on how to create a page like in the screenshot - https://wpastra.com/docs/replicating-the-screenshot/. Astra default breadcrumb is based on Breadcrumb Trail by Justin Tadlock. (https://github.com/justintadlock/breadcrumb-trail) Breadcrumb Trail is distributed under the terms of the GNU GPL v2 or later. Astra local fonts feature is based on Webfonts Loader by WordPress Themes Team (WPTT). (https://github.com/WPTT/webfont-loader) Licensed under MIT ( https://github.com/WPTT/webfont-loader/blob/master/LICENSE ) /* Note: The CSS files are loaded from assets/css/ folder. */ home/premiey/www/wp-includes/blocks/verse/style.css 0000666 00000003027 15165412323 0016507 0 ustar 00 /** * Colors */ /** * Breakpoints & Media Queries */ /** * 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. */ /** * Colors */ /** * 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 & Editor UI. */ /** * Block paddings. */ /** * React Native specific. * These variables do not appear to be used anywhere else. */ /** * Converts a hex value into the rgb equivalent. * * @param {string} hex - the hexadecimal value to convert * @return {string} comma separated rgb values */ /** * Breakpoint mixins */ /** * Long content fade mixin * * Creates a fading overlay to signify that the content is longer * than the space allows. */ /** * Focus styles. */ /** * Applies editor left 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. */ pre.wp-block-verse { font-family: inherit; overflow: auto; white-space: pre-wrap; } home/premiey/www/wp-content/themes/twentytwentyone/style.css 0000666 00000461345 15165557524 0020576 0 ustar 00 @charset "UTF-8"; /* Theme Name: Twenty Twenty-One Theme URI: https://wordpress.org/themes/twentytwentyone/ Author: the WordPress team Author URI: https://wordpress.org/ Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog. Requires at least: 5.3 Tested up to: 5.9 Requires PHP: 5.6 Version: 1.5 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: twentytwentyone Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready Twenty Twenty-One WordPress Theme, (C) 2020 WordPress.org Twenty Twenty-One is distributed under the terms of the GNU GPL. */ /** * SETTINGS * File-header..........The file header for the themes style.css file. * Fonts................Any font files, if the project needs specific fonts. * Global...............Project-specific, globally available variables. * * TOOLS * Functions............Global functions. * Mixins...............Global mixins. * * GENERIC * Normalize.css........Normalise browser defaults. * Breakpoints..........Mixins and variables for responsive styles * Vertical-margins.....Vertical spacing for the main components. * Reset................Reset specific elements to make them easier to style in other contexts. * Clearings............Clearings for the main components. * * ELEMENTS * Blockquote...........Default blockquote. * Forms................Element-level form styling. * Headings.............H1–H6 * Links................Default links. * Lists................Default lists. * Media................Images, Figure, Figcaption, Embed, iFrame, Objects, Video. * * BLOCKS * Audio................Specific styles for the audio block. * Button...............Specific styles for the button block. * Code.................Specific styles for the code block. * Columns..............Specific styles for the columns block. * Cover................Specific styles for the cover block. * File.................Specific styles for the file block. * Gallery..............Specific styles for the gallery block. * Group................Specific styles for the group block. * Heading..............Specific styles for the heading block. * Image................Specific styles for the image block. * Latest comments......Specific styles for the latest comments block. * Latest posts.........Specific styles for the latest posts block. * Legacy...............Specific styles for the legacy gallery. * List.................Specific styles for the list block. * Media text...........Specific styles for the media and text block. * Navigation...........Specific styles for the navigation block. * Paragraph............Specific styles for the paragraph block. * Pullquote............Specific styles for the pullquote block. * Quote................Specific styles for the quote block. * Search...............Specific styles for the search block. * Separator............Specific styles for the separator block. * Spacer...............Specific styles for the spacer block. * Table................Specific styles for the table block. * Verse................Specific styles for the verse block. * Video................Specific styles for the video block. * Utilities............Block alignments. * * COMPONENTS * Header...............Header styles. * Footer...............Footer styles. * Comments.............Comment styles. * Archives.............Archive styles. * 404..................404 styles. * Search...............Search styles. * Navigation...........Navigation styles. * Footer Navigation....Footer Navigation styles. * Pagination...........Pagination styles. * Single...............Single page and post styles. * Posts and pages......Misc, sticky post styles. * Entry................Entry, author biography. * Widget...............Widget styles. * Editor...............Editor styles. * * UTILITIES * A11y.................Screen reader text, prefers reduced motion etc. * Color Palette........Classes for the color palette colors. * Editor Font Sizes....Editor Font Sizes. * Measure..............The width of a line of text, in characters. */ /* Categories 01 to 03 are the basics. */ /* Variables */ :root { /* Font Family */ --global--font-primary: var(--font-headings, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif); --global--font-secondary: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif); /* Font Size */ --global--font-size-base: 1.25rem; --global--font-size-xs: 1rem; --global--font-size-sm: 1.125rem; --global--font-size-md: 1.25rem; --global--font-size-lg: 1.5rem; --global--font-size-xl: 2.25rem; --global--font-size-xxl: 4rem; --global--font-size-xxxl: 5rem; --global--font-size-page-title: var(--global--font-size-xxl); --global--letter-spacing: normal; /* Line Height */ --global--line-height-body: 1.7; --global--line-height-heading: 1.3; --global--line-height-page-title: 1.1; /* Headings */ --heading--font-family: var(--global--font-primary); --heading--font-size-h6: var(--global--font-size-xs); --heading--font-size-h5: var(--global--font-size-sm); --heading--font-size-h4: var(--global--font-size-lg); --heading--font-size-h3: calc(1.25 * var(--global--font-size-lg)); --heading--font-size-h2: var(--global--font-size-xl); --heading--font-size-h1: var(--global--font-size-page-title); --heading--letter-spacing-h6: 0.05em; --heading--letter-spacing-h5: 0.05em; --heading--letter-spacing-h4: var(--global--letter-spacing); --heading--letter-spacing-h3: var(--global--letter-spacing); --heading--letter-spacing-h2: var(--global--letter-spacing); --heading--letter-spacing-h1: var(--global--letter-spacing); --heading--line-height-h6: var(--global--line-height-heading); --heading--line-height-h5: var(--global--line-height-heading); --heading--line-height-h4: var(--global--line-height-heading); --heading--line-height-h3: var(--global--line-height-heading); --heading--line-height-h2: var(--global--line-height-heading); --heading--line-height-h1: var(--global--line-height-page-title); --heading--font-weight: normal; --heading--font-weight-page-title: 300; --heading--font-weight-strong: 600; /* Block: Latest posts */ --latest-posts--title-font-family: var(--heading--font-family); --latest-posts--title-font-size: var(--heading--font-size-h3); --latest-posts--description-font-family: var(--global--font-secondary); --latest-posts--description-font-size: var(--global--font-size-sm); --list--font-family: var(--global--font-secondary); --definition-term--font-family: var(--global--font-primary); /* Colors */ --global--color-black: #000; --global--color-dark-gray: #28303d; --global--color-gray: #39414d; --global--color-light-gray: #f0f0f0; --global--color-green: #d1e4dd; --global--color-blue: #d1dfe4; --global--color-purple: #d1d1e4; --global--color-red: #e4d1d1; --global--color-orange: #e4dad1; --global--color-yellow: #eeeadd; --global--color-white: #fff; --global--color-white-50: rgba(255, 255, 255, 0.5); --global--color-white-90: rgba(255, 255, 255, 0.9); --global--color-primary: var(--global--color-dark-gray); /* Body text color, site title, footer text color. */ --global--color-secondary: var(--global--color-gray); /* Headings */ --global--color-primary-hover: var(--global--color-primary); --global--color-background: var(--global--color-green); /* Mint, default body background */ --global--color-border: var(--global--color-primary); /* Used for borders (separators) */ /* Spacing */ --global--spacing-unit: 20px; --global--spacing-measure: unset; --global--spacing-horizontal: 25px; --global--spacing-vertical: 30px; /* Elevation */ --global--elevation: 1px 1px 3px 0 rgba(0, 0, 0, 0.2); /* Forms */ --form--font-family: var(--global--font-secondary); --form--font-size: var(--global--font-size-sm); --form--line-height: var(--global--line-height-body); --form--color-text: var(--global--color-dark-gray); --form--color-ranged: var(--global--color-secondary); --form--label-weight: 500; --form--border-color: var(--global--color-secondary); --form--border-width: 3px; --form--border-radius: 0; --form--spacing-unit: calc(0.5 * var(--global--spacing-unit)); /* Cover block */ --cover--height: calc(15 * var(--global--spacing-vertical)); --cover--color-foreground: var(--global--color-white); --cover--color-background: var(--global--color-black); /* Buttons */ --button--color-text: var(--global--color-background); --button--color-text-hover: var(--global--color-secondary); --button--color-text-active: var(--global--color-secondary); --button--color-background: var(--global--color-secondary); --button--color-background-active: var(--global--color-background); --button--font-family: var(--global--font-primary); --button--font-size: var(--global--font-size-base); --button--font-weight: 500; --button--line-height: 1.5; --button--border-width: 3px; --button--border-radius: 0; --button--padding-vertical: 15px; --button--padding-horizontal: calc(2 * var(--button--padding-vertical)); /* entry */ --entry-header--color: var(--global--color-primary); --entry-header--color-link: currentColor; --entry-header--color-hover: var(--global--color-primary-hover); --entry-header--color-focus: var(--global--color-secondary); --entry-header--font-size: var(--heading--font-size-h2); --entry-content--font-family: var(--global--font-secondary); --entry-author-bio--font-family: var(--heading--font-family); --entry-author-bio--font-size: var(--heading--font-size-h4); /* Header */ --branding--color-text: var(--global--color-primary); --branding--color-link: var(--global--color-primary); --branding--color-link-hover: var(--global--color-secondary); --branding--title--font-family: var(--global--font-primary); --branding--title--font-size: var(--global--font-size-lg); --branding--title--font-size-mobile: var(--heading--font-size-h4); --branding--title--font-weight: normal; --branding--title--text-transform: uppercase; --branding--description--font-family: var(--global--font-secondary); --branding--description--font-size: var(--global--font-size-sm); --branding--description--font-family: var(--global--font-secondary); --branding--logo--max-width: 300px; --branding--logo--max-height: 100px; --branding--logo--max-width-mobile: 96px; --branding--logo--max-height-mobile: 96px; /* Main navigation */ --primary-nav--font-family: var(--global--font-secondary); --primary-nav--font-family-mobile: var(--global--font-primary); --primary-nav--font-size: var(--global--font-size-md); --primary-nav--font-size-sub-menu: var(--global--font-size-xs); --primary-nav--font-size-mobile: var(--global--font-size-sm); --primary-nav--font-size-sub-menu-mobile: var(--global--font-size-sm); --primary-nav--font-size-button: var(--global--font-size-xs); --primary-nav--font-style: normal; --primary-nav--font-style-sub-menu-mobile: normal; --primary-nav--font-weight: normal; --primary-nav--font-weight-button: 500; --primary-nav--color-link: var(--global--color-primary); --primary-nav--color-link-hover: var(--global--color-primary-hover); --primary-nav--color-text: var(--global--color-primary); --primary-nav--padding: calc(0.66 * var(--global--spacing-unit)); --primary-nav--border-color: var(--global--color-primary); /* Pagination */ --pagination--color-text: var(--global--color-primary); --pagination--color-link-hover: var(--global--color-primary-hover); --pagination--font-family: var(--global--font-secondary); --pagination--font-size: var(--global--font-size-lg); --pagination--font-weight: normal; --pagination--font-weight-strong: 600; /* Footer */ --footer--color-text: var(--global--color-primary); --footer--color-link: var(--global--color-primary); --footer--color-link-hover: var(--global--color-primary-hover); --footer--font-family: var(--global--font-primary); --footer--font-size: var(--global--font-size-sm); /* Block: Pull quote */ --pullquote--font-family: var(--global--font-primary); --pullquote--font-size: var(--heading--font-size-h3); --pullquote--font-style: normal; --pullquote--letter-spacing: var(--heading--letter-spacing-h4); --pullquote--line-height: var(--global--line-height-heading); --pullquote--border-width: 3px; --pullquote--border-color: var(--global--color-primary); --pullquote--color-foreground: var(--global--color-primary); --pullquote--color-background: var(--global--color-background); --quote--font-family: var(--global--font-secondary); --quote--font-size: var(--global--font-size-md); --quote--font-size-large: var(--global--font-size-xl); --quote--font-style: normal; --quote--font-weight: 700; --quote--font-weight-strong: bolder; --quote--font-style-large: normal; --quote--font-style-cite: normal; --quote--line-height: var(--global--line-height-body); --quote--line-height-large: 1.35; --separator--border-color: var(--global--color-border); --separator--height: 1px; /* Block: Table */ --table--stripes-border-color: var(--global--color-light-gray); --table--stripes-background-color: var(--global--color-light-gray); --table--has-background-text-color: var(--global--color-dark-gray); /* Widgets */ --widget--line-height-list: 1.9; --widget--line-height-title: 1.4; --widget--font-weight-title: 700; --widget--spacing-menu: calc(0.66 * var(--global--spacing-unit)); /* Admin-bar height */ --global--admin-bar--height: 0px; } .admin-bar { --global--admin-bar--height: 32px; } @media only screen and (max-width: 782px) { .admin-bar { --global--admin-bar--height: 46px; } } @media only screen and (min-width: 652px) { :root { --global--font-size-xl: 2.5rem; --global--font-size-xxl: 6rem; --global--font-size-xxxl: 9rem; --heading--font-size-h3: 2rem; --heading--font-size-h2: 3rem; } } /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; text-decoration-thickness: 1px; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration-style: dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type=checkbox], [type=radio] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type=search] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type=search]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } /** * Responsive Styles */ /** * Required Variables */ /** * Root Media Query Variables */ :root { --responsive--spacing-horizontal: calc(2 * var(--global--spacing-horizontal) * 0.6); --responsive--aligndefault-width: calc(100vw - var(--responsive--spacing-horizontal)); --responsive--alignwide-width: calc(100vw - var(--responsive--spacing-horizontal)); --responsive--alignfull-width: 100%; --responsive--alignright-margin: var(--global--spacing-horizontal); --responsive--alignleft-margin: var(--global--spacing-horizontal); } @media only screen and (min-width: 482px) { :root { --responsive--aligndefault-width: min(calc(100vw - 4 * var(--global--spacing-horizontal)), 610px); --responsive--alignwide-width: calc(100vw - 4 * var(--global--spacing-horizontal)); --responsive--alignright-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width))); --responsive--alignleft-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width))); } } @media only screen and (min-width: 822px) { :root { --responsive--aligndefault-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 610px); --responsive--alignwide-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 1240px); } } /** * Extends */ .post-thumbnail, .entry-content .wp-audio-shortcode, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce), *[class*=inner-container] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce), .default-max-width { max-width: var(--responsive--aligndefault-width); margin-left: auto; margin-right: auto; } .widget-area, .pagination, .comments-pagination, .post-navigation, .site-footer, .site-header, .alignwide, .wide-max-width { max-width: var(--responsive--alignwide-width); margin-left: auto; margin-right: auto; } .alignfull, .wp-block-group .wp-block-group__inner-container > *.alignfull, .full-max-width { max-width: var(--responsive--alignfull-width); width: var(--responsive--alignfull-width); margin-left: auto; margin-right: auto; } @media only screen and (min-width: 482px) { .alignfull, .full-max-width { max-width: var(--responsive--alignfull-width); width: auto; margin-left: auto; margin-right: auto; } } .entry-header .post-thumbnail, .singular .post-thumbnail, .alignfull [class*=inner-container] > .alignwide, .alignwide [class*=inner-container] > .alignwide { margin-left: auto; margin-right: auto; width: var(--responsive--alignwide-width); max-width: var(--responsive--alignfull-width); } @media only screen and (min-width: 482px) { .entry-content > .alignleft { /*rtl:ignore*/ margin-left: var(--responsive--alignleft-margin); /*rtl:ignore*/ margin-right: var(--global--spacing-horizontal); } } @media only screen and (min-width: 482px) { .entry-content > .alignright { /*rtl:ignore*/ margin-left: var(--global--spacing-horizontal); /*rtl:ignore*/ margin-right: var(--responsive--alignright-margin); } } /** * Site Structure * * - Set vertical margins and responsive widths on * top-level wrappers and content wrappers * - `--global--width-content` is a responsive variable * - See: globals/_global-width-responsive.scss */ /** * Top Level Wrappers (header, main, footer) * - Set vertical padding and horizontal margins */ .site-header, .site-main, .widget-area, .site-footer { padding-top: var(--global--spacing-vertical); padding-bottom: var(--global--spacing-vertical); margin-left: auto; margin-right: auto; } .site-header { padding-top: calc(0.75 * var(--global--spacing-vertical)); padding-bottom: calc(2 * var(--global--spacing-vertical)); } @media only screen and (min-width: 482px) { .site-header { padding-bottom: calc(3 * var(--global--spacing-vertical)); } } /** * Site-main children wrappers * - Add double vertical margins here for clearer hierarchy */ .site-main > * { margin-top: calc(3 * var(--global--spacing-vertical)); margin-bottom: calc(3 * var(--global--spacing-vertical)); } .site-main > *:first-child { margin-top: 0; } .site-main > *:last-child { margin-bottom: 0; } /** * Set the default maximum responsive content-width */ /** * Set the wide maximum responsive content-width */ /** * Set the full maximum responsive content-width */ /* * Block & non-gutenberg content wrappers * - Set margins */ .entry-header, .post-thumbnail, .entry-content, .entry-footer, .author-bio { margin-top: var(--global--spacing-vertical); margin-right: auto; margin-bottom: var(--global--spacing-vertical); margin-left: auto; } /* * Block & non-gutenberg content wrapper children * - Sets spacing-vertical margin logic */ .site-main > article > *, .site-main > .not-found > *, .entry-content > *, [class*=inner-container] > *, .wp-block-template-part > *, .wp-block-post-template :where(li > *) { margin-top: calc(0.666 * var(--global--spacing-vertical)); margin-bottom: calc(0.666 * var(--global--spacing-vertical)); } @media only screen and (min-width: 482px) { .site-main > article > *, .site-main > .not-found > *, .entry-content > *, [class*=inner-container] > *, .wp-block-template-part > *, .wp-block-post-template :where(li > *) { margin-top: var(--global--spacing-vertical); margin-bottom: var(--global--spacing-vertical); } } .site-main > article > *:first-child, .site-main > .not-found > *:first-child, .entry-content > *:first-child, [class*=inner-container] > *:first-child, .wp-block-template-part > *:first-child, .wp-block-post-template :where(li > *):first-child { margin-top: 0; } .site-main > article > *:last-child, .site-main > .not-found > *:last-child, .entry-content > *:last-child, [class*=inner-container] > *:last-child, .wp-block-template-part > *:last-child, .wp-block-post-template :where(li > *):last-child { margin-bottom: 0; } .site-footer > *, .widget-area > * { margin-top: calc(0.666 * var(--global--spacing-vertical)); margin-bottom: calc(0.666 * var(--global--spacing-vertical)); } @media only screen and (min-width: 482px) { .site-footer > *, .widget-area > * { margin-top: var(--global--spacing-vertical); margin-bottom: var(--global--spacing-vertical); } } /* * Block & non-gutenberg content wrapper children * - Sets spacing-unit margins */ .entry-header > *, .post-thumbnail > *, .page-content > *, .comment-content > *, .widget > * { margin-top: var(--global--spacing-unit); margin-bottom: var(--global--spacing-unit); } .entry-header > *:first-child, .post-thumbnail > *:first-child, .page-content > *:first-child, .comment-content > *:first-child, .widget > *:first-child { margin-top: 0; } .entry-header > *:last-child, .post-thumbnail > *:last-child, .page-content > *:last-child, .comment-content > *:last-child, .widget > *:last-child { margin-bottom: 0; } /* * .entry-content children specific controls * - Adds special margin overrides for alignment utility classes */ .entry-content > * { /* Reset alignleft and alignright margins after alignfull */ } .entry-content > *.alignleft, .entry-content > *.alignright, .entry-content > *.alignleft:first-child + *, .entry-content > *.alignright:first-child + *, .entry-content > *.alignfull.has-background { margin-top: 0; } .entry-content > *:last-child, .entry-content > *.alignfull.has-background { margin-bottom: 0; } .entry-content > *.alignfull + .alignleft, .entry-content > *.alignfull + .alignright { margin-top: var(--global--spacing-vertical); } /** * Reset specific elements to make them easier to style in other contexts. */ html, body, p, ol, ul, li, dl, dt, dd, blockquote, figure, fieldset, form, legend, textarea, pre, iframe, hr, h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } /** * Apply generic border-box to all elements. * See: * https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ html { /* Apply border-box across the entire page. */ box-sizing: border-box; font-family: var(--global--font-secondary); line-height: var(--global--line-height-body); } /** * Relax the definition a bit, to allow components to override it manually. */ *, *::before, *::after { box-sizing: inherit; } body { font-size: var(--global--font-size-base); font-weight: normal; color: var(--global--color-primary); text-align: left; background-color: var(--global--color-background); } button { cursor: pointer; } .clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after { content: ""; display: table; table-layout: fixed; } .clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both; } /* Category 04 can contain any default HTML element. Do not add classes here, just give the elements some basic styles. */ blockquote { padding: 0; position: relative; margin: var(--global--spacing-vertical) 0 var(--global--spacing-vertical) var(--global--spacing-horizontal); } blockquote > * { margin-top: var(--global--spacing-unit); margin-bottom: var(--global--spacing-unit); } blockquote > *:first-child { margin-top: 0; } blockquote > *:last-child { margin-bottom: 0; } blockquote p { letter-spacing: var(--heading--letter-spacing-h4); font-family: var(--quote--font-family); font-size: var(--quote--font-size); font-style: var(--quote--font-style); font-weight: var(--quote--font-weight); line-height: var(--quote--line-height); } blockquote cite, blockquote footer { font-weight: normal; color: var(--global--color-primary); font-size: var(--global--font-size-xs); letter-spacing: var(--global--letter-spacing); } blockquote.alignleft, blockquote.alignright { padding-left: inherit; } blockquote.alignleft p, blockquote.alignright p { font-size: var(--heading--font-size-h5); max-width: inherit; width: inherit; } blockquote.alignleft cite, blockquote.alignleft footer, blockquote.alignright cite, blockquote.alignright footer { font-size: var(--global--font-size-xs); letter-spacing: var(--global--letter-spacing); } blockquote strong { font-weight: var(--quote--font-weight-strong); } blockquote:before { content: "“"; font-size: var(--quote--font-size); line-height: var(--quote--line-height); position: absolute; left: calc(-0.5 * var(--global--spacing-horizontal)); } blockquote .wp-block-quote__citation, blockquote cite, blockquote footer { color: var(--global--color-primary); font-size: var(--global--font-size-xs); font-style: var(--quote--font-style-cite); } @media only screen and (max-width: 481px) { blockquote { padding-left: calc(0.5 * var(--global--spacing-horizontal)); } blockquote:before { left: 0; } } input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], input[type=number], input[type=tel], input[type=date], input[type=month], input[type=week], input[type=time], input[type=datetime], input[type=datetime-local], input[type=color], .site textarea { border: var(--form--border-width) solid var(--form--border-color); border-radius: var(--form--border-radius); color: var(--form--color-text); line-height: var(--global--line-height-body); padding: var(--form--spacing-unit); margin: 0 2px; max-width: 100%; } input[type=text]:focus, input[type=email]:focus, input[type=url]:focus, input[type=password]:focus, input[type=search]:focus, input[type=number]:focus, input[type=tel]:focus, input[type=date]:focus, input[type=month]:focus, input[type=week]:focus, input[type=time]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=color]:focus, .site textarea:focus { color: var(--form--color-text); outline-offset: 2px; outline: 2px dotted var(--form--border-color); } input[type=text]:disabled, input[type=email]:disabled, input[type=url]:disabled, input[type=password]:disabled, input[type=search]:disabled, input[type=number]:disabled, input[type=tel]:disabled, input[type=date]:disabled, input[type=month]:disabled, input[type=week]:disabled, input[type=time]:disabled, input[type=datetime]:disabled, input[type=datetime-local]:disabled, input[type=color]:disabled, .site textarea:disabled { opacity: 0.7; } .is-dark-theme input[type=text], .is-dark-theme input[type=email], .is-dark-theme input[type=url], .is-dark-theme input[type=password], .is-dark-theme input[type=search], .is-dark-theme input[type=number], .is-dark-theme input[type=tel], .is-dark-theme input[type=date], .is-dark-theme input[type=month], .is-dark-theme input[type=week], .is-dark-theme input[type=time], .is-dark-theme input[type=datetime], .is-dark-theme input[type=datetime-local], .is-dark-theme input[type=color], .is-dark-theme .site textarea { background: var(--global--color-white-90); } input[type=search]:focus { outline-offset: -7px; } .is-dark-theme input[type=search]:focus { outline-color: var(--global--color-background); } input[type=color] { padding: calc(var(--form--spacing-unit) / 2); height: calc(4 * var(--form--spacing-unit)); } input[type=email], input[type=url] { /*rtl:ignore*/ direction: ltr; } select { border: var(--form--border-width) solid var(--form--border-color); color: var(--form--color-text); -moz-appearance: none; -webkit-appearance: none; appearance: none; line-height: var(--global--line-height-body); padding: var(--form--spacing-unit) calc(3 * var(--form--spacing-unit)) var(--form--spacing-unit) var(--form--spacing-unit); background: var(--global--color-white) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%2328303d'><polygon points='0,0 10,0 5,5'/></svg>") no-repeat; background-position: right var(--form--spacing-unit) top 60%; } select:focus { outline-offset: 2px; outline: 2px dotted var(--form--border-color); } .is-dark-theme select { background: var(--global--color-white-90) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%2328303d'><polygon points='0,0 10,0 5,5'/></svg>") no-repeat; background-position: right var(--form--spacing-unit) top 60%; } textarea { width: 100%; } label { font-size: var(--form--font-size); font-weight: var(--form--label-weight); margin-bottom: calc(var(--global--spacing-vertical) / 3); } /** https://css-tricks.com/custom-styling-form-inputs-with-modern-css-features/ https://codepen.io/aaroniker/pen/ZEYoxEY by Aaron Iker. License: MIT. */ @supports (-webkit-appearance: none) or (-moz-appearance: none) { input[type=checkbox], input[type=radio] { -webkit-appearance: none; -moz-appearance: none; position: relative; width: 25px; height: 25px; border: var(--form--border-width) solid var(--form--border-color); background: var(--global--color-white); } input[type=checkbox]:disabled, input[type=radio]:disabled { opacity: 0.7; } .is-dark-theme input[type=checkbox], .is-dark-theme input[type=radio] { background: var(--global--color-white-90); } input[type=checkbox]:focus { outline-offset: 2px; outline: 2px dotted var(--form--border-color); } input[type=checkbox]:after { content: ""; opacity: 0; display: block; left: 5px; top: 2px; position: absolute; width: 7px; height: 13px; border: 3px solid var(--form--color-text); border-top: 0; border-left: 0; transform: rotate(30deg); } input[type=checkbox]:checked { color: var(--form--color-text); } input[type=checkbox]:checked:after { opacity: 1; } input[type=radio] { border-radius: 50%; } input[type=radio]:focus { outline-offset: 2px; outline: 2px dotted var(--form--border-color); } input[type=radio]:after { content: ""; opacity: 0; display: block; left: 3px; top: 3px; position: absolute; width: 11px; height: 11px; border-radius: 50%; background: var(--form--color-text); } input[type=radio]:checked { border: 4px solid var(--form--border-color); } input[type=radio]:checked:after { opacity: 1; } input[type=radio]:checked:focus { outline-offset: 4px; outline: 2px dotted var(--form--border-color); } } input[type=checkbox] + label, input[type=radio] + label { display: inline-block; padding-left: 10px; font-size: var(--global--font-size-xs); vertical-align: top; } /** * https://css-tricks.com/styling-cross-browser-compatible-range-inputs-css/ */ @supports (-webkit-appearance: none) or (-moz-appearance: none) { input[type=range] { -webkit-appearance: none; /* Hides the slider so that custom slider can be made */ width: 100%; /* Specific width is required for Firefox. */ height: 6px; background: var(--form--color-ranged); border-radius: 6px; outline-offset: 10px; } input[type=range]:disabled { opacity: 0.7; } input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; border: 3px solid var(--form--color-ranged); height: 44px; width: 44px; border-radius: 50%; background: var(--global--color-background); cursor: pointer; } input[type=range]::-moz-range-thumb { border: 3px solid var(--form--color-ranged); height: 44px; width: 44px; border-radius: 50%; background: var(--global--color-background); cursor: pointer; box-sizing: border-box; } } input[type=range]::-ms-track { width: 100%; height: 6px; border-radius: 6px; border-width: 19px 0; border-color: var(--global--color-background); background: transparent; color: transparent; cursor: pointer; } input[type=range]::-ms-fill-upper { background: var(--form--color-ranged); border-radius: 6px; } input[type=range]::-ms-fill-lower { background: var(--form--color-ranged); border-radius: 6px; } input[type=range]::-ms-thumb { border: 3px solid var(--form--color-ranged); height: 44px; width: 44px; border-radius: 50%; background: var(--global--color-background); cursor: pointer; } fieldset { display: grid; border-color: var(--global--color-secondary); padding: var(--global--spacing-horizontal); } fieldset legend { font-size: var(--global--font-size-lg); } fieldset input[type=submit] { max-width: max-content; } fieldset input:not([type=submit]) { margin-bottom: var(--global--spacing-unit); } fieldset input[type=radio], fieldset input[type=checkbox] { margin-bottom: 0; } fieldset input[type=radio] + label, fieldset input[type=checkbox] + label { font-size: var(--form--font-size); padding-left: 0; margin-bottom: var(--global--spacing-unit); } ::-moz-placeholder { opacity: 1; } .post-password-message { font-size: var(--global--font-size-lg); } .post-password-form { display: flex; flex-wrap: wrap; } .post-password-form__label { width: 100%; margin-bottom: 0; } .post-password-form input[type=password] { flex-grow: 1; margin-top: calc(var(--global--spacing-vertical) / 3); margin-right: calc(0.66 * var(--global--spacing-horizontal)); } .post-password-form__submit { margin-top: calc(var(--global--spacing-vertical) / 3); } @media only screen and (min-width: 592px) { .post-password-form__submit { margin-left: calc(0.4 * var(--global--spacing-horizontal)); } } img { height: auto; max-width: 100%; vertical-align: middle; } /* Classic editor images */ .entry-content img { max-width: 100%; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object, video { max-width: 100%; } /* Media captions */ figcaption, .wp-caption, .wp-caption-text, .wp-block-embed figcaption { color: currentColor; font-size: var(--global--font-size-xs); line-height: var(--global--line-height-body); margin-top: calc(0.5 * var(--global--spacing-unit)); margin-bottom: var(--global--spacing-unit); text-align: center; } .alignleft figcaption, .alignright figcaption, .alignleft .wp-caption, .alignright .wp-caption, .alignleft .wp-caption-text, .alignright .wp-caption-text, .alignleft .wp-block-embed figcaption, .alignright .wp-block-embed figcaption { margin-bottom: 0; } /* WP Smiley */ .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* Over here, place any elements that do not need to have their own file. */ b, strong { font-weight: 700; } dfn, cite, em, i { font-style: italic; } pre { white-space: pre; overflow-x: auto; } /* * text-underline-offset doesn't work in Chrome at all 👎 * But looks nice in Safari/Firefox, so let's keep it and * maybe Chrome will support it soon. */ a { cursor: pointer; color: var(--wp--style--color--link, var(--global--color-primary)); text-underline-offset: 3px; text-decoration-skip-ink: all; } a:hover { text-decoration-style: dotted; text-decoration-skip-ink: none; } .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) { /* Only visible in Windows High Contrast mode */ outline: 2px solid transparent; text-decoration: underline 1px dotted currentColor; text-decoration-skip-ink: none; background: rgba(255, 255, 255, 0.9); } .is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) { background: var(--global--color-black); color: var(--global--color-white); text-decoration: none; } .is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) .meta-nav { color: var(--wp--style--color--link, var(--global--color-white)); } .has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) { background: rgba(0, 0, 0, 0.9); color: var(--wp--style--color--link, var(--global--color-white)); } .has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) .meta-nav { color: var(--wp--style--color--link, var(--global--color-white)); } .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).skip-link { /* Only visible in Windows High Contrast mode */ outline: 2px solid transparent; outline-offset: -2px; } .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).skip-link:focus { color: #21759b; background-color: #f1f1f1; } .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).custom-logo-link { background: none; } .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) img { outline: 2px dotted var(--wp--style--color--link, var(--global--color-primary)); } .has-background .has-link-color a, .has-background.has-link-color a { color: var(--wp--style--color--link, var(--global--color-primary)); } /* Category 05 is all about adjusting the default block styles to the given layout. I only added three blocks as examples. */ .wp-block-audio audio:focus { outline-offset: 5px; outline: 2px solid var(--global--color-primary); } /** * Button */ .site .button, button, input[type=submit], input[type=reset], .wp-block-search .wp-block-search__button, .wp-block-button .wp-block-button__link, .wp-block-file a.wp-block-file__button { border: var(--button--border-width) solid transparent; border-radius: var(--button--border-radius); cursor: pointer; font-weight: var(--button--font-weight); font-family: var(--button--font-family); font-size: var(--button--font-size); line-height: var(--button--line-height); padding: var(--button--padding-vertical) var(--button--padding-horizontal); text-decoration: none; } .site .button:not(:hover):not(:active):not(.has-text-color), button:not(:hover):not(:active):not(.has-text-color), input[type=submit]:not(:hover):not(:active):not(.has-text-color), input[type=reset]:not(:hover):not(:active):not(.has-text-color), .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-text-color), .wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-text-color), .wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-text-color) { color: var(--global--color-background); } .has-background .site .button:not(:hover):not(:active):not(.has-text-color), .has-background button:not(:hover):not(:active):not(.has-text-color), .has-background input[type=submit]:not(:hover):not(:active):not(.has-text-color), .has-background input[type=reset]:not(:hover):not(:active):not(.has-text-color), .has-background .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-text-color), .has-background .wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-text-color), .has-background .wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-text-color) { color: var(--local--color-background, var(--global--color-primary)); } .has-background .site .button:not(:hover):not(:active):not(.has-text-color).has-background, .has-background button:not(:hover):not(:active):not(.has-text-color).has-background, .has-background input[type=submit]:not(:hover):not(:active):not(.has-text-color).has-background, .has-background input[type=reset]:not(:hover):not(:active):not(.has-text-color).has-background, .has-background .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-text-color).has-background, .has-background .wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-text-color).has-background, .has-background .wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-text-color).has-background { color: var(--global--color-primary); } .site .button:not(:hover):not(:active):not(.has-background), button:not(:hover):not(:active):not(.has-background), input[type=submit]:not(:hover):not(:active):not(.has-background), input[type=reset]:not(:hover):not(:active):not(.has-background), .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-background), .wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-background), .wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-background) { background-color: var(--global--color-primary); } .has-background .site .button:not(:hover):not(:active):not(.has-background), .has-background button:not(:hover):not(:active):not(.has-background), .has-background input[type=submit]:not(:hover):not(:active):not(.has-background), .has-background input[type=reset]:not(:hover):not(:active):not(.has-background), .has-background .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-background), .has-background .wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-background), .has-background .wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-background) { background-color: var(--local--color-primary, var(--global--color-primary)); } .site .button:hover, .site .button:active, button:hover, button:active, input[type=submit]:hover, input[type=submit]:active, input[type=reset]:hover, input[type=reset]:active, .wp-block-search .wp-block-search__button:hover, .wp-block-search .wp-block-search__button:active, .wp-block-button .wp-block-button__link:hover, .wp-block-button .wp-block-button__link:active, .wp-block-file a.wp-block-file__button:hover, .wp-block-file a.wp-block-file__button:active { background-color: transparent; border-color: currentColor; color: inherit; } .site .button:focus, button:focus, input[type=submit]:focus, input[type=reset]:focus, .wp-block-search .wp-block-search__button:focus, .wp-block-button .wp-block-button__link:focus, .wp-block-file a.wp-block-file__button:focus { outline-offset: -6px; outline: 2px dotted currentColor; } .site .button:disabled, button:disabled, input[type=submit]:disabled, input[type=reset]:disabled, .wp-block-search .wp-block-search__button:disabled, .wp-block-button .wp-block-button__link:disabled, .wp-block-file a.wp-block-file__button:disabled { background-color: var(--global--color-white-50); border-color: var(--global--color-white-50); color: var(--button--color-text-active); } /** * Block Options */ .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) { color: var(--global--color-background); } .has-background .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) { color: var(--local--color-background, var(--global--color-background)); } .has-background .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-text-color).has-background { color: var(--global--color-primary); } .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-background) { background-color: var(--global--color-primary); } .has-background .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-background) { background-color: var(--local--color-primary, var(--global--color-primary)); } .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover, .wp-block-button:not(.is-style-outline) .wp-block-button__link:active { border-color: currentColor !important; background-color: transparent !important; color: inherit !important; } .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-text-color), .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-background), .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active).has-background { border-color: currentColor; } .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) { color: var(--global--color-primary); } .has-background .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) { color: var(--local--color-primary, var(--global--color-primary)); } .has-background .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active).has-background:not(.has-text-color) { color: inherit; } .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-background) { background-color: transparent; } .wp-block-button.is-style-outline .wp-block-button__link:hover, .wp-block-button.is-style-outline .wp-block-button__link:active { border-color: transparent !important; background-color: var(--global--color-primary) !important; color: var(--global--color-background) !important; } .has-background .wp-block-button.is-style-outline .wp-block-button__link:hover, .has-background .wp-block-button.is-style-outline .wp-block-button__link:active { background-color: var(--local--color-primary, var(--global--color-primary)) !important; color: var(--local--color-background, var(--global--color-background)) !important; } .has-text-color .wp-block-button.is-style-outline .wp-block-button__link:hover, .has-text-color .wp-block-button.is-style-outline .wp-block-button__link:active { color: var(--local--color-background, var(--global--color-background)) !important; } .wp-block-button .is-style-squared .wp-block-button__link { border-radius: 0; } .is-style-outline .wp-block-button__link[style*=radius]:focus, .wp-block-button a.wp-block-button__link[style*=radius]:focus { outline-offset: 2px; outline: 2px dotted var(--button--color-background); } .wp-block-code { border-color: var(--global--color-border); border-radius: 0; border-style: solid; border-width: 0.1rem; padding: var(--global--spacing-unit); } .wp-block-code code { color: var(--global--color-primary); white-space: pre; overflow-x: auto; display: block; } .wp-block-columns:not(.alignwide):not(.alignfull) { clear: both; } .wp-block-columns .wp-block-column > * { margin-top: calc(0.66 * var(--global--spacing-vertical)); margin-bottom: calc(0.66 * var(--global--spacing-vertical)); } @media only screen and (min-width: 482px) { .wp-block-columns .wp-block-column > * { margin-top: var(--global--spacing-vertical); margin-bottom: var(--global--spacing-vertical); } } .wp-block-columns .wp-block-column > *:first-child { margin-top: 0; } .wp-block-columns .wp-block-column > *:last-child { margin-bottom: 0; } .wp-block-columns .wp-block-column:last-child { margin-bottom: 0; } .wp-block-columns .wp-block-column:not(:last-child) { margin-bottom: calc(0.66 * var(--global--spacing-vertical)); } @media only screen and (min-width: 482px) { .wp-block-columns .wp-block-column:not(:last-child) { margin-bottom: var(--global--spacing-vertical); } } @media only screen and (min-width: 822px) { .wp-block-columns .wp-block-column:not(:last-child) { margin-bottom: 0; } } .wp-block-columns.is-style-twentytwentyone-columns-overlap { justify-content: space-around; } @media only screen and (min-width: 652px) { .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) { margin-left: calc(-2 * var(--global--spacing-horizontal)); margin-top: calc(2.5 * var(--global--spacing-horizontal)); z-index: 2; } .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > p:not(.has-background), .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h1:not(.has-background), .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h2:not(.has-background), .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h3:not(.has-background), .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h4:not(.has-background), .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h5:not(.has-background), .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h6:not(.has-background), .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background), .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ol:not(.has-background), .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > pre:not(.has-background) { background-color: var(--global--color-background); padding: var(--global--spacing-unit); } .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background), .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ol:not(.has-background) { padding-left: calc(2 * var(--global--spacing-horizontal)); } .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n).is-vertically-aligned-center { margin-top: 0; } } .wp-block-columns.alignfull .wp-block-column p:not(.has-background), .wp-block-columns.alignfull .wp-block-column h1:not(.has-background), .wp-block-columns.alignfull .wp-block-column h2:not(.has-background), .wp-block-columns.alignfull .wp-block-column h3:not(.has-background), .wp-block-columns.alignfull .wp-block-column h4:not(.has-background), .wp-block-columns.alignfull .wp-block-column h5:not(.has-background), .wp-block-columns.alignfull .wp-block-column h6:not(.has-background) { padding-left: var(--global--spacing-unit); padding-right: var(--global--spacing-unit); } .wp-block-cover, .wp-block-cover-image { background-color: var(--cover--color-background); min-height: var(--cover--height); margin-top: inherit; margin-bottom: inherit; /* default & custom background-color */ /* Treating H2 separately to account for legacy /core styles */ /* Block Styles */ /* The background color class is used just for the overlay, and does not need to be applied to the inner container. */ } .wp-block-cover:not(.alignwide):not(.alignfull), .wp-block-cover-image:not(.alignwide):not(.alignfull) { clear: both; } .wp-block-cover.alignfull, .wp-block-cover-image.alignfull { margin-top: 0; margin-bottom: 0; } .wp-block-cover .wp-block-cover__inner-container, .wp-block-cover .wp-block-cover-image-text, .wp-block-cover .wp-block-cover-text, .wp-block-cover-image .wp-block-cover__inner-container, .wp-block-cover-image .wp-block-cover-image-text, .wp-block-cover-image .wp-block-cover-text { color: currentColor; margin-top: var(--global--spacing-vertical); margin-bottom: var(--global--spacing-vertical); } .wp-block-cover .wp-block-cover__inner-container a:not(.wp-block-button__link):not(.wp-block-file__button), .wp-block-cover .wp-block-cover-image-text a:not(.wp-block-button__link):not(.wp-block-file__button), .wp-block-cover .wp-block-cover-text a:not(.wp-block-button__link):not(.wp-block-file__button), .wp-block-cover-image .wp-block-cover__inner-container a:not(.wp-block-button__link):not(.wp-block-file__button), .wp-block-cover-image .wp-block-cover-image-text a:not(.wp-block-button__link):not(.wp-block-file__button), .wp-block-cover-image .wp-block-cover-text a:not(.wp-block-button__link):not(.wp-block-file__button) { color: currentColor; } .wp-block-cover .wp-block-cover__inner-container .has-link-color a, .wp-block-cover .wp-block-cover-image-text .has-link-color a, .wp-block-cover .wp-block-cover-text .has-link-color a, .wp-block-cover-image .wp-block-cover__inner-container .has-link-color a, .wp-block-cover-image .wp-block-cover-image-text .has-link-color a, .wp-block-cover-image .wp-block-cover-text .has-link-color a { color: var(--wp--style--color--link, var(--global--color-primary)); } .wp-block-cover:not([class*=background-color]) .wp-block-cover__inner-container, .wp-block-cover:not([class*=background-color]) .wp-block-cover-image-text, .wp-block-cover:not([class*=background-color]) .wp-block-cover-text, .wp-block-cover-image:not([class*=background-color]) .wp-block-cover__inner-container, .wp-block-cover-image:not([class*=background-color]) .wp-block-cover-image-text, .wp-block-cover-image:not([class*=background-color]) .wp-block-cover-text { color: var(--cover--color-foreground); } .wp-block-cover h2, .wp-block-cover-image h2 { font-size: var(--heading--font-size-h2); letter-spacing: var(--heading--letter-spacing-h2); line-height: var(--heading--line-height-h2); max-width: inherit; text-align: inherit; padding: 0; } .wp-block-cover h2.has-text-align-left, .wp-block-cover-image h2.has-text-align-left { text-align: left; } .wp-block-cover h2.has-text-align-center, .wp-block-cover-image h2.has-text-align-center { text-align: center; } .wp-block-cover h2.has-text-align-right, .wp-block-cover-image h2.has-text-align-right { text-align: right; } .wp-block-cover .wp-block-cover__inner-container, .wp-block-cover-image .wp-block-cover__inner-container { width: calc(100% - 2 * var(--global--spacing-vertical)); } .wp-block-cover .wp-block-cover__inner-container > *, .wp-block-cover-image .wp-block-cover__inner-container > * { margin-top: calc(0.666 * var(--global--spacing-vertical)); margin-bottom: calc(0.666 * var(--global--spacing-vertical)); } @media only screen and (min-width: 482px) { .wp-block-cover .wp-block-cover__inner-container > *, .wp-block-cover-image .wp-block-cover__inner-container > * { margin-top: var(--global--spacing-vertical); margin-bottom: var(--global--spacing-vertical); } } .wp-block-cover .wp-block-cover__inner-container > *:first-child, .wp-block-cover-image .wp-block-cover__inner-container > *:first-child { margin-top: 0; } .wp-block-cover .wp-block-cover__inner-container > *:last-child, .wp-block-cover-image .wp-block-cover__inner-container > *:last-child { margin-bottom: 0; } .wp-block-cover.alignleft, .wp-block-cover.alignright, .wp-block-cover-image.alignleft, .wp-block-cover-image.alignright { margin-top: 0; } .wp-block-cover.alignleft > *, .wp-block-cover.alignright > *, .wp-block-cover-image.alignleft > *, .wp-block-cover-image.alignright > * { margin-top: calc(2 * var(--global--spacing-vertical)); margin-bottom: calc(2 * var(--global--spacing-vertical)); padding-left: var(--global--spacing-horizontal); padding-right: var(--global--spacing-horizontal); width: 100%; } .wp-block-cover.has-left-content, .wp-block-cover.has-right-content, .wp-block-cover-image.has-left-content, .wp-block-cover-image.has-right-content { justify-content: center; } .wp-block-cover.is-style-twentytwentyone-border, .wp-block-cover-image.is-style-twentytwentyone-border { border: calc(3 * var(--separator--height)) solid var(--global--color-border); } .wp-block-cover[class*=-background-color][class] .wp-block-cover__inner-container, .wp-block-cover-image[class*=-background-color][class] .wp-block-cover__inner-container { background-color: unset; } .wp-block-file a.wp-block-file__button:active, .wp-block-file a.wp-block-file__button:focus, .wp-block-file a.wp-block-file__button:hover { opacity: inherit; } .wp-block-file a.wp-block-file__button { display: inline-block; } .wp-block-gallery { margin: 0 auto; } .wp-block-gallery .blocks-gallery-image, .wp-block-gallery .blocks-gallery-item { width: calc((100% - var(--global--spacing-unit)) / 2); } .wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption { margin: 0; color: var(--global--color-white); font-size: var(--global--font-size-xs); } .wp-block-gallery .blocks-gallery-image figcaption a, .wp-block-gallery .blocks-gallery-item figcaption a { color: var(--global--color-white); } .wp-block-gallery .blocks-gallery-image figcaption a:focus, .wp-block-gallery .blocks-gallery-item figcaption a:focus { background-color: transparent; outline: 2px solid var(--wp--style--color--link, var(--global--color-primary)); text-decoration: none; } .wp-block-gallery .blocks-gallery-image a:focus img, .wp-block-gallery .blocks-gallery-item a:focus img { outline-offset: 2px; } .wp-block-group { display: block; clear: both; display: flow-root; } .wp-block-group:before, .wp-block-group:after { content: ""; display: block; clear: both; } .wp-block-group .wp-block-group__inner-container { margin-left: auto; margin-right: auto; } .wp-block-group .wp-block-group__inner-container > * { margin-top: calc(0.666 * var(--global--spacing-vertical)); margin-bottom: calc(0.666 * var(--global--spacing-vertical)); } @media only screen and (min-width: 482px) { .wp-block-group .wp-block-group__inner-container > * { margin-top: var(--global--spacing-vertical); margin-bottom: var(--global--spacing-vertical); } } .wp-block-group .wp-block-group__inner-container > *:first-child { margin-top: 0; } .wp-block-group .wp-block-group__inner-container > *:last-child { margin-bottom: 0; } .wp-block-group.has-background { padding: calc(0.666 * var(--global--spacing-vertical)); } @media only screen and (min-width: 482px) { .wp-block-group.has-background { padding: var(--global--spacing-vertical); } } .wp-block-group.is-style-twentytwentyone-border { border: calc(3 * var(--separator--height)) solid var(--global--color-border); padding: var(--global--spacing-vertical); } .wp-block-group.has-background .wp-block-group__inner-container > .alignfull, .wp-block-group.has-background .wp-block-group__inner-container > hr.wp-block-separator:not(.is-style-dots):not(.alignwide).alignfull, .wp-block-group.is-style-twentytwentyone-border .wp-block-group__inner-container > .alignfull, .wp-block-group.is-style-twentytwentyone-border .wp-block-group__inner-container > hr.wp-block-separator:not(.is-style-dots):not(.alignwide).alignfull { max-width: calc(var(--responsive--alignfull-width) + 2 * var(--global--spacing-vertical)); width: calc(var(--responsive--alignfull-width) + 2 * var(--global--spacing-vertical)); margin-left: calc(-1 * var(--global--spacing-vertical)); } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { clear: both; font-family: var(--heading--font-family); font-weight: var(--heading--font-weight); } h1 strong, .h1 strong, h2 strong, .h2 strong, h3 strong, .h3 strong, h4 strong, .h4 strong, h5 strong, .h5 strong, h6 strong, .h6 strong { font-weight: var(--heading--font-weight-strong); } h1, .h1 { font-size: var(--heading--font-size-h1); letter-spacing: var(--heading--letter-spacing-h1); line-height: var(--heading--line-height-h1); } h2, .h2 { font-size: var(--heading--font-size-h2); letter-spacing: var(--heading--letter-spacing-h2); line-height: var(--heading--line-height-h2); } h3, .h3 { font-size: var(--heading--font-size-h3); letter-spacing: var(--heading--letter-spacing-h3); line-height: var(--heading--line-height-h3); } h4, .h4 { font-size: var(--heading--font-size-h4); font-weight: var(--heading--font-weight-strong); letter-spacing: var(--heading--letter-spacing-h4); line-height: var(--heading--line-height-h4); } h5, .h5 { font-size: var(--heading--font-size-h5); font-weight: var(--heading--font-weight-strong); letter-spacing: var(--heading--letter-spacing-h5); line-height: var(--heading--line-height-h5); } h6, .h6 { font-size: var(--heading--font-size-h6); font-weight: var(--heading--font-weight-strong); letter-spacing: var(--heading--letter-spacing-h6); line-height: var(--heading--line-height-h6); } .wp-block-image { text-align: center; } .wp-block-image figcaption { color: var(--global--color-primary); font-size: var(--global--font-size-xs); line-height: var(--global--line-height-body); margin-top: calc(0.5 * var(--global--spacing-unit)); margin-bottom: var(--global--spacing-unit); text-align: center; } .wp-block-image .alignright { margin-left: var(--global--spacing-horizontal); } .wp-block-image .alignleft { margin-right: var(--global--spacing-horizontal); } .wp-block-image a:focus img { outline-offset: 2px; } .entry-content > *[class=wp-block-image], .entry-content [class*=inner-container] > *[class=wp-block-image] { margin-top: 0; margin-bottom: 0; } .entry-content > *[class=wp-block-image] + *, .entry-content [class*=inner-container] > *[class=wp-block-image] + * { margin-top: 0; } .wp-block-image.is-style-twentytwentyone-border img, .wp-block-image.is-style-twentytwentyone-image-frame img { border: calc(3 * var(--separator--height)) solid var(--global--color-border); } .wp-block-image.is-style-twentytwentyone-image-frame img { padding: var(--global--spacing-unit); } @media only screen and (min-width: 482px) { .entry-content > .wp-block-image > .alignleft, .entry-content > .wp-block-image > .alignright { max-width: 50%; } } @media only screen and (max-width: 481px) { .entry-content > .wp-block-image > .alignleft, .entry-content > .wp-block-image > .alignright { margin-left: 0; margin-right: 0; } } .wp-block-latest-comments { padding-left: 0; } .wp-block-latest-comments .wp-block-latest-comments__comment { font-size: var(--global--font-size-sm); line-height: var(--global--line-height-body); /* Vertical margins logic */ margin-top: var(--global--spacing-vertical); margin-bottom: var(--global--spacing-vertical); } .wp-block-latest-comments .wp-block-latest-comments__comment:first-child { margin-top: 0; } .wp-block-latest-comments .wp-block-latest-comments__comment:last-child { margin-bottom: 0; } .wp-block-latest-comments .wp-block-latest-comments__comment-meta { font-family: var(--heading--font-family); } .wp-block-latest-comments .wp-block-latest-comments__comment-date { color: var(--global--color-primary); font-size: var(--global--font-size-sm); } .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p { font-size: var(--global--font-size-sm); line-height: var(--global--line-height-body); margin: 0; } .wp-block-latest-posts { padding-left: 0; } .wp-block-latest-posts:not(.is-grid) > li { margin-top: calc(1.666 * var(--global--spacing-vertical)); margin-bottom: calc(1.666 * var(--global--spacing-vertical)); } .wp-block-latest-posts:not(.is-grid) > li:first-child { margin-top: 0; } .wp-block-latest-posts:not(.is-grid) > li:last-child { margin-bottom: 0; } .widget-area .wp-block-latest-posts:not(.is-grid) > li { margin-top: 0; margin-bottom: 0; } .wp-block-latest-posts.is-grid { word-wrap: break-word; word-break: break-word; } .wp-block-latest-posts.is-grid > li { margin-bottom: var(--global--spacing-vertical); } .wp-block-latest-posts.is-grid > li:last-child { margin-bottom: 0; } .wp-block-latest-posts.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1), .wp-block-latest-posts.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1) ~ li, .wp-block-latest-posts.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1), .wp-block-latest-posts.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1) ~ li, .wp-block-latest-posts.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1), .wp-block-latest-posts.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1) ~ li, .wp-block-latest-posts.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1), .wp-block-latest-posts.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1) ~ li, .wp-block-latest-posts.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1), .wp-block-latest-posts.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1) ~ li { margin-bottom: 0; } .wp-block-latest-posts > li > * { margin-top: calc(0.333 * var(--global--spacing-vertical)); margin-bottom: calc(0.333 * var(--global--spacing-vertical)); } .wp-block-latest-posts > li > *:first-child { margin-top: 0; } .wp-block-latest-posts > li > *:last-child { margin-bottom: 0; } .wp-block-latest-posts > li > a { display: inline-block; font-family: var(--latest-posts--title-font-family); font-size: var(--latest-posts--title-font-size); font-weight: var(--heading--font-weight); line-height: var(--global--line-height-heading); margin-bottom: calc(0.333 * var(--global--spacing-vertical)); } .widget-area .wp-block-latest-posts > li > a { font-size: var(--global--font-size-sm); margin-bottom: 0; } .wp-block-latest-posts .wp-block-latest-posts__post-author { color: var(--global--color-primary); font-size: var(--global--font-size-md); line-height: var(--global--line-height-body); } .wp-block-latest-posts .wp-block-latest-posts__post-date { color: var(--global--color-primary); font-size: var(--global--font-size-xs); line-height: var(--global--line-height-body); } [class*=inner-container] .wp-block-latest-posts .wp-block-latest-posts__post-date, .has-background .wp-block-latest-posts .wp-block-latest-posts__post-date { color: currentColor; } .wp-block-latest-posts .wp-block-latest-posts__post-excerpt, .wp-block-latest-posts .wp-block-latest-posts__post-full-content { font-family: var(--latest-posts--description-font-family); font-size: var(--latest-posts--description-font-size); line-height: var(--global--line-height-body); margin-top: calc(0.666 * var(--global--spacing-vertical)); } .wp-block-latest-posts.alignfull { padding-left: var(--global--spacing-unit); padding-right: var(--global--spacing-unit); } .entry-content [class*=inner-container] .wp-block-latest-posts.alignfull, .entry-content .has-background .wp-block-latest-posts.alignfull { padding-left: 0; padding-right: 0; } .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers { border-top: calc(3 * var(--separator--height)) solid var(--global--color-border); border-bottom: calc(3 * var(--separator--height)) solid var(--global--color-border); } .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers:not(.is-grid) > li, .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers > li { padding-bottom: var(--global--spacing-vertical); border-bottom: var(--separator--height) solid var(--global--color-border); margin-top: var(--global--spacing-vertical); margin-bottom: var(--global--spacing-vertical); } .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers:not(.is-grid) > li:last-child, .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers > li:last-child { padding-bottom: 0; border-bottom: none; } .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid { box-shadow: inset 0 -1px 0 0 var(--global--color-border); border-bottom: calc(2 * var(--separator--height)) solid var(--global--color-border); } .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid li { margin: 0; padding-top: var(--global--spacing-vertical); padding-right: var(--global--spacing-horizontal); } .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid li:last-child { padding-bottom: var(--global--spacing-vertical); } @media screen and (min-width: 600px) { .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-2 li { width: calc(100% / 2); } .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-3 li { width: calc(100% / 3); } .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-4 li { width: calc(100% / 4); } .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-5 li { width: calc(100% / 5); } .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-6 li { width: calc(100% / 6); } } .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders li { border: calc(3 * var(--separator--height)) solid var(--global--color-border); padding: var(--global--spacing-vertical) var(--global--spacing-horizontal); } .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders li:last-child { padding-bottom: var(--global--spacing-vertical); } .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders:not(.is-grid) li { margin-top: var(--global--spacing-horizontal); margin-bottom: var(--global--spacing-horizontal); } .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; } .gallery-item a { display: block; } .gallery-item a:focus img { outline-offset: -2px; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-caption { display: block; } figure.wp-caption a:focus img { outline-offset: 2px; } ul, ol { font-family: var(--list--font-family); margin: 0; padding-left: calc(2 * var(--global--spacing-horizontal)); } ul.aligncenter, ol.aligncenter { list-style-position: inside; padding: 0; } ul.alignright, ol.alignright { list-style-position: inside; text-align: right; padding: 0; } ul { list-style-type: disc; } ul ul { list-style-type: circle; } ol { list-style-type: decimal; } ol ul { list-style-type: circle; } dt { font-family: var(--definition-term--font-family); font-weight: bold; } dd { margin: 0; padding-left: calc(2 * var(--global--spacing-horizontal)); } .wp-block-media-text { /** * Block Options */ } .wp-block-media-text.alignfull { margin-top: 0; margin-bottom: 0; } .wp-block-media-text a:focus img { outline-offset: -1px; } .wp-block-media-text .wp-block-media-text__content { padding: var(--global--spacing-horizontal); } @media only screen and (min-width: 592px) { .wp-block-media-text .wp-block-media-text__content { padding: var(--global--spacing-vertical); } } .wp-block-media-text .wp-block-media-text__content > * { margin-top: calc(0.666 * var(--global--spacing-vertical)); margin-bottom: calc(0.666 * var(--global--spacing-vertical)); } @media only screen and (min-width: 482px) { .wp-block-media-text .wp-block-media-text__content > * { margin-top: var(--global--spacing-vertical); margin-bottom: var(--global--spacing-vertical); } } .wp-block-media-text .wp-block-media-text__content > *:first-child { margin-top: 0; } .wp-block-media-text .wp-block-media-text__content > *:last-child { margin-bottom: 0; } @media only screen and (min-width: 482px) { .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content { padding-top: var(--global--spacing-vertical); padding-bottom: var(--global--spacing-vertical); } } .wp-block-media-text.is-style-twentytwentyone-border { border: calc(3 * var(--separator--height)) solid var(--global--color-border); } .wp-block-navigation .wp-block-navigation-link { padding: 0; } .wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__content { padding: var(--primary-nav--padding); } .wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__label { font-family: var(--primary-nav--font-family); font-size: var(--primary-nav--font-size); font-weight: var(--primary-nav--font-weight); } .wp-block-navigation .wp-block-navigation-link__submenu-icon { padding: 0; } .wp-block-navigation > .wp-block-navigation__container .has-child .wp-block-navigation-link { display: inherit; } .wp-block-navigation > .wp-block-navigation__container .has-child .wp-block-navigation__container { border: none; left: 0; margin-left: var(--primary-nav--padding); min-width: max-content; opacity: 0; padding: 0; position: inherit; top: inherit; } .wp-block-navigation > .wp-block-navigation__container .has-child .wp-block-navigation__container .wp-block-navigation-link .wp-block-navigation-link__content { display: inline-block; padding: calc(0.5 * var(--primary-nav--padding)) var(--primary-nav--padding); } .wp-block-navigation > .wp-block-navigation__container .has-child .wp-block-navigation__container .wp-block-navigation-link__submenu-icon { display: none; } .wp-block-navigation > .wp-block-navigation__container .has-child:hover .wp-block-navigation__container, .wp-block-navigation > .wp-block-navigation__container .has-child:focus-within .wp-block-navigation__container { display: block; opacity: 1; visibility: visible; } .wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container { background: var(--global--color-background); margin: 0; padding: 0; position: absolute; top: 100%; border: 1px solid var(--primary-nav--border-color); } .wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:before, .wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:after { content: ""; display: block; position: absolute; width: 0; top: -10px; left: var(--global--spacing-horizontal); border-style: solid; border-color: var(--primary-nav--border-color) transparent; border-width: 0 7px 10px 7px; } .wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:after { top: -9px; border-color: var(--global--color-background) transparent; } .wp-block-navigation:not(.has-background) .wp-block-navigation__container { background: var(--global--color-background); } .wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-navigation__container { background: var(--global--color-background); } .wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:hover, .wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:focus { color: var(--primary-nav--color-link-hover); } .wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:hover { text-decoration: underline; text-decoration-style: dotted; } .wp-block-navigation:not(.has-text-color) .wp-block-navigation-link__content { color: currentColor; } p { line-height: var(--wp--typography--line-height, var(--global--line-height-body)); } p.has-background { padding: var(--global--spacing-unit); } p.has-text-color a { color: var(--wp--style--color--link, var(--global--color-primary)); } pre.wp-block-preformatted { overflow-x: auto; white-space: pre; } .wp-block-pullquote { padding: calc(2 * var(--global--spacing-unit)) 0; text-align: center; border-width: var(--pullquote--border-width); border-bottom-style: solid; border-top-style: solid; color: currentColor; border-color: currentColor; position: relative; /** * Block Options */ } .wp-block-pullquote blockquote::before { color: currentColor; content: "“"; display: block; position: relative; left: 0; font-size: 3rem; font-weight: 500; line-height: 1; } .wp-block-pullquote p { font-family: var(--pullquote--font-family); font-size: var(--pullquote--font-size); font-style: var(--pullquote--font-style); font-weight: 700; letter-spacing: var(--pullquote--letter-spacing); line-height: var(--pullquote--line-height); margin: 0; } .wp-block-pullquote a { color: currentColor; } .wp-block-pullquote .wp-block-pullquote__citation, .wp-block-pullquote cite, .wp-block-pullquote footer { color: currentColor; display: block; font-size: var(--global--font-size-xs); font-style: var(--pullquote--font-style); text-transform: none; } .wp-block-pullquote:not(.is-style-solid-color) { background: none; } .wp-block-pullquote.alignleft:not(.is-style-solid-color) blockquote:before, .wp-block-pullquote.alignleft:not(.is-style-solid-color) cite { text-align: center; } .wp-block-pullquote.alignwide > p, .wp-block-pullquote.alignwide blockquote { max-width: var(--responsive--alignwide-width); } .wp-block-pullquote.alignfull:not(.is-style-solid-color) > p, .wp-block-pullquote.alignfull:not(.is-style-solid-color) blockquote { padding: 0 calc(2 * var(--global--spacing-unit)); } .wp-block-pullquote.is-style-solid-color { color: var(--pullquote--color-foreground); padding: calc(2.5 * var(--global--spacing-unit)); border-width: var(--pullquote--border-width); border-style: solid; border-color: var(--pullquote--border-color); } @media (min-width: 600px) { .wp-block-pullquote.is-style-solid-color { padding: calc(5 * var(--global--spacing-unit)); } } .wp-block-pullquote.is-style-solid-color blockquote::before { text-align: left; } .wp-block-pullquote.is-style-solid-color blockquote { margin: 0; max-width: inherit; } .wp-block-pullquote.is-style-solid-color blockquote p { font-size: var(--pullquote--font-size); } .wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation, .wp-block-pullquote.is-style-solid-color cite, .wp-block-pullquote.is-style-solid-color footer { color: currentColor; } .wp-block-pullquote.is-style-solid-color.alignleft, .wp-block-pullquote.is-style-solid-color.alignright { padding: var(--global--spacing-unit); } .wp-block-pullquote.is-style-solid-color.alignleft blockquote, .wp-block-pullquote.is-style-solid-color.alignright blockquote { max-width: initial; } .wp-block-query.has-background { padding: calc(0.666 * var(--global--spacing-vertical)); } @media only screen and (min-width: 482px) { .wp-block-query.has-background { padding: var(--global--spacing-vertical); } } .wp-block-quote { border-left: none; /** * Block Options */ } .wp-block-quote:before { content: "“"; font-size: var(--quote--font-size); line-height: var(--quote--line-height); left: 8px; } .has-background .wp-block-quote .wp-block-quote__citation, [class*=background-color] .wp-block-quote .wp-block-quote__citation, [style*=background-color] .wp-block-quote .wp-block-quote__citation, .wp-block-cover[style*=background-image] .wp-block-quote .wp-block-quote__citation, .has-background .wp-block-quote cite, [class*=background-color] .wp-block-quote cite, [style*=background-color] .wp-block-quote cite, .wp-block-cover[style*=background-image] .wp-block-quote cite, .has-background .wp-block-quote footer, [class*=background-color] .wp-block-quote footer, [style*=background-color] .wp-block-quote footer, .wp-block-cover[style*=background-image] .wp-block-quote footer { color: currentColor; } .wp-block-quote.has-text-align-right { margin: var(--global--spacing-vertical) var(--global--spacing-horizontal) var(--global--spacing-vertical) auto; padding-right: 0; border-right: none; } .wp-block-quote.has-text-align-right:before { display: none; } .wp-block-quote.has-text-align-right p:before { content: "”"; font-size: var(--quote--font-size); font-weight: normal; line-height: var(--quote--line-height); margin-right: 5px; } .wp-block-quote.has-text-align-center { margin: var(--global--spacing-vertical) auto; } .wp-block-quote.has-text-align-center:before { display: none; } .wp-block-quote.is-large, .wp-block-quote.is-style-large { padding-left: 0; padding-right: 0; /* Resetting margins to match _block-container.scss */ margin-top: var(--global--spacing-vertical); margin-bottom: var(--global--spacing-vertical); } .wp-block-quote.is-large p, .wp-block-quote.is-style-large p { font-size: var(--quote--font-size-large); font-style: var(--quote--font-style-large); line-height: var(--quote--line-height-large); } .wp-block-quote.is-large:before, .wp-block-quote.is-style-large:before { font-size: var(--quote--font-size-large); line-height: var(--quote--line-height-large); left: calc(-1 * var(--global--spacing-horizontal)); } .wp-block-quote.is-large.has-text-align-right:before, .wp-block-quote.is-style-large.has-text-align-right:before { display: none; } .wp-block-quote.is-large.has-text-align-right p:before, .wp-block-quote.is-style-large.has-text-align-right p:before { content: "”"; font-size: var(--quote--font-size-large); font-weight: normal; line-height: var(--quote--line-height-large); margin-right: 10px; } .wp-block-quote.is-large .wp-block-quote__citation, .wp-block-quote.is-large cite, .wp-block-quote.is-large footer, .wp-block-quote.is-style-large .wp-block-quote__citation, .wp-block-quote.is-style-large cite, .wp-block-quote.is-style-large footer { color: var(--global--color-primary); font-size: var(--global--font-size-sm); } @media only screen and (max-width: 481px) { .wp-block-quote.is-large, .wp-block-quote.is-style-large { padding-left: var(--global--spacing-horizontal); } .wp-block-quote.is-large:before, .wp-block-quote.is-style-large:before { left: 0; } .wp-block-quote.is-large.has-text-align-right, .wp-block-quote.is-style-large.has-text-align-right { padding-left: 0; padding-right: var(--global--spacing-horizontal); } .wp-block-quote.is-large.has-text-align-right:before, .wp-block-quote.is-style-large.has-text-align-right:before { right: 0; } .wp-block-quote.is-large.has-text-align-center, .wp-block-quote.is-style-large.has-text-align-center { padding-left: 0; padding-right: 0; } } @media only screen and (max-width: 481px) { .wp-block-quote.has-text-align-right { padding-left: 0; padding-right: calc(0.5 * var(--global--spacing-horizontal)); } .wp-block-quote.has-text-align-right:before { right: 0; } .wp-block-quote.has-text-align-center { padding-left: 0; padding-right: 0; } } .wp-block-rss { padding-left: 0; } .wp-block-rss > li { list-style: none; } .wp-block-rss:not(.is-grid) > li { margin-top: calc(1.666 * var(--global--spacing-vertical)); margin-bottom: calc(1.666 * var(--global--spacing-vertical)); } .wp-block-rss:not(.is-grid) > li:first-child { margin-top: 0; } .wp-block-rss:not(.is-grid) > li:last-child { margin-bottom: 0; } .wp-block-rss.is-grid > li { margin-bottom: var(--global--spacing-vertical); } .wp-block-rss.is-grid > li:last-child { margin-bottom: 0; } .wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1), .wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1) ~ li, .wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1), .wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1) ~ li, .wp-block-rss.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1), .wp-block-rss.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1) ~ li, .wp-block-rss.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1), .wp-block-rss.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1) ~ li, .wp-block-rss.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1), .wp-block-rss.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1) ~ li { margin-bottom: 0; } .wp-block-rss > li > * { margin-top: calc(0.333 * var(--global--spacing-vertical)); margin-bottom: calc(0.333 * var(--global--spacing-vertical)); } .wp-block-rss > li > *:first-child { margin-top: 0; } .wp-block-rss > li > *:last-child { margin-bottom: 0; } .wp-block-rss .wp-block-rss__item-title > a { display: inline-block; font-family: var(--latest-posts--title-font-family); font-size: var(--latest-posts--title-font-size); font-weight: var(--heading--font-weight); line-height: var(--global--line-height-heading); margin-bottom: calc(0.333 * var(--global--spacing-vertical)); } .wp-block-rss .wp-block-rss__item-author { color: var(--global--color-primary); font-size: var(--global--font-size-md); line-height: var(--global--line-height-body); } .wp-block-rss .wp-block-rss__item-publish-date { color: var(--global--color-primary); font-size: var(--global--font-size-xs); line-height: var(--global--line-height-body); } [class*=inner-container] .wp-block-rss .wp-block-rss__item-publish-date, .has-background .wp-block-rss .wp-block-rss__item-publish-date { color: currentColor; } .wp-block-rss .wp-block-rss__item-excerpt, .wp-block-rss .wp-block-rss__item-full-content { font-family: var(--latest-posts--description-font-family); font-size: var(--latest-posts--description-font-size); line-height: var(--global--line-height-body); margin-top: calc(0.666 * var(--global--spacing-vertical)); } .wp-block-rss.alignfull { padding-left: var(--global--spacing-unit); padding-right: var(--global--spacing-unit); } .entry-content [class*=inner-container] .wp-block-rss.alignfull, .entry-content .has-background .wp-block-rss.alignfull { padding-left: 0; padding-right: 0; } .wp-block-search { max-width: var(--responsive--aligndefault-width); } .wp-block-search__button-only.aligncenter .wp-block-search__inside-wrapper { justify-content: center; } .wp-block-search .wp-block-search__label { font-size: var(--form--font-size); font-weight: var(--form--label-weight); margin-bottom: calc(var(--global--spacing-vertical) / 3); } .wp-block-search .wp-block-search__input { border: var(--form--border-width) solid var(--form--border-color); border-radius: var(--form--border-radius); color: var(--form--color-text); line-height: var(--form--line-height); max-width: inherit; margin-right: calc(-1 * var(--button--border-width)); padding: var(--form--spacing-unit); } .wp-block-search .wp-block-search__input:focus { color: var(--form--color-text); border-color: var(--form--border-color); } .has-background .wp-block-search .wp-block-search__input { border-color: var(--local--color-primary, var(--global--color-primary)) !important; } .wp-block-search button.wp-block-search__button { margin-left: 0; line-height: 1; } .wp-block-search button.wp-block-search__button.has-icon { padding: 6px calc(0.5 * var(--button--padding-horizontal)); } .wp-block-search button.wp-block-search__button.has-icon svg { width: 40px; height: 40px; fill: currentColor; } .has-background .wp-block-search button.wp-block-search__button:hover, .has-background .wp-block-search button.wp-block-search__button:active { background-color: var(--local--color-background, var(--global--color-background)) !important; color: var(--local--color-primary, var(--global--color-primary)) !important; } .has-text-color .wp-block-search button.wp-block-search__button:hover, .has-text-color .wp-block-search button.wp-block-search__button:active { color: var(--local--color-primary, var(--global--color-primary)) !important; } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper { background-color: var(--global--color-white); border: var(--form--border-width) solid var(--form--border-color); border-radius: var(--form--border-radius); padding: var(--form--border-width); } .has-background .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper { border-color: var(--local--color-primary, var(--global--color-primary)) !important; } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input { margin-left: 0; margin-right: 0; padding-left: var(--form--spacing-unit); } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input:focus { color: var(--form--color-text); outline-offset: -2px; outline: 2px dotted var(--form--border-color); } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button { padding: var(--button--padding-vertical) var(--button--padding-horizontal); } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button:hover { color: var(--global--color-dark-gray); } .is-dark-theme .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button { color: var(--global--color-dark-gray); } .is-dark-theme .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button:hover { background-color: var(--global--color-dark-gray); color: var(--global--color-white); } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button.has-icon { padding: 6px calc(0.5 * var(--button--padding-horizontal)); } .wp-block-search__button { box-shadow: none; } hr { border-style: none; border-bottom: var(--separator--height) solid var(--separator--border-color); clear: both; margin-left: auto; margin-right: auto; } hr.wp-block-separator { border-bottom: var(--separator--height) solid var(--separator--border-color); opacity: 1; /** * Block Options */ } hr.wp-block-separator:not(.is-style-dots):not(.alignwide) { max-width: var(--responsive--aligndefault-width); } hr.wp-block-separator:not(.is-style-dots).alignwide { max-width: var(--responsive--alignwide-width); } hr.wp-block-separator:not(.is-style-dots).alignfull { max-width: var(--responsive--alignfull-width); } hr.wp-block-separator.is-style-twentytwentyone-separator-thick { border-bottom-width: calc(3 * var(--separator--height)); } hr.wp-block-separator.is-style-dots.has-background, hr.wp-block-separator.is-style-dots.has-text-color { background-color: transparent !important; } hr.wp-block-separator.is-style-dots.has-background:before, hr.wp-block-separator.is-style-dots.has-text-color:before { color: currentColor !important; } hr.wp-block-separator.is-style-dots:before { color: var(--separator--border-color); font-size: var(--global--font-size-xl); letter-spacing: var(--global--font-size-sm); padding-left: var(--global--font-size-sm); } .has-background hr.wp-block-separator, [class*=background-color] hr.wp-block-separator, [style*=background-color] hr.wp-block-separator, .wp-block-cover[style*=background-image] hr.wp-block-separator { border-color: currentColor; } .wp-block-social-links a:focus { color: var(--global--color-primary); } .wp-block-social-links.is-style-twentytwentyone-social-icons-color a { color: var(--global--color-primary); } .wp-block-social-links.is-style-twentytwentyone-social-icons-color .wp-social-link, .wp-block-social-links.is-style-twentytwentyone-social-icons-color.has-icon-background-color.has-icon-background-color .wp-social-link { background: none; } .wp-block-spacer { display: block; margin-bottom: 0 !important; margin-top: 0 !important; } @media only screen and (max-width: 481px) { .wp-block-spacer[style] { height: var(--global--spacing-unit) !important; } } table, .wp-block-table { width: 100%; min-width: 240px; border-collapse: collapse; } table thead, table tfoot, .wp-block-table thead, .wp-block-table tfoot { text-align: center; } table th, .wp-block-table th { font-family: var(--heading--font-family); } table td, table th, .wp-block-table td, .wp-block-table th { padding: calc(0.5 * var(--global--spacing-unit)); border: 1px solid; } table figcaption, .wp-block-table figcaption { color: var(--global--color-primary); font-size: var(--global--font-size-xs); } table.is-style-regular .has-background, table.is-style-stripes .has-background, table.is-style-stripes .has-background thead tr, table.is-style-stripes .has-background tfoot tr, table.is-style-stripes .has-background tbody tr, .wp-block-table.is-style-regular .has-background, .wp-block-table.is-style-stripes .has-background, .wp-block-table.is-style-stripes .has-background thead tr, .wp-block-table.is-style-stripes .has-background tfoot tr, .wp-block-table.is-style-stripes .has-background tbody tr { color: var(--table--has-background-text-color); } table.is-style-stripes, .wp-block-table.is-style-stripes { border-color: var(--table--stripes-border-color); } table.is-style-stripes th, table.is-style-stripes td, .wp-block-table.is-style-stripes th, .wp-block-table.is-style-stripes td { border-width: 0; } table.is-style-stripes tbody tr:nth-child(odd), .wp-block-table.is-style-stripes tbody tr:nth-child(odd) { background-color: var(--table--stripes-background-color); } table.is-style-stripes .has-background tbody tr:nth-child(odd), .wp-block-table.is-style-stripes .has-background tbody tr:nth-child(odd) { background-color: var(--global--color-white-90); } table.wp-calendar-table td, table.wp-calendar-table th { background: transparent; border: 0; text-align: center; line-height: 2; vertical-align: middle; word-break: normal; } table.wp-calendar-table th { font-weight: bold; } table.wp-calendar-table thead, table.wp-calendar-table tbody { color: currentColor; border: 1px solid; } table.wp-calendar-table caption { font-weight: bold; text-align: left; margin-bottom: var(--global--spacing-unit); color: currentColor; } .wp-calendar-nav { text-align: left; margin-top: calc(var(--global--spacing-unit) / 2); } .wp-calendar-nav svg { height: 1em; vertical-align: middle; } .wp-calendar-nav svg path { fill: currentColor; } .wp-calendar-nav .wp-calendar-nav-next { float: right; } .wp-block-tag-cloud.alignfull { padding-left: var(--global--spacing-unit); padding-right: var(--global--spacing-unit); } .wp-block-verse { font-family: var(--entry-content--font-family); } .wp-block-video figcaption { color: var(--global--color-primary); font-size: var(--global--font-size-xs); margin-top: calc(0.5 * var(--global--spacing-unit)); margin-bottom: var(--global--spacing-unit); text-align: center; } * > figure > video { max-width: unset; width: 100%; vertical-align: middle; } :root .is-extra-small-text, :root .has-extra-small-font-size { font-size: var(--global--font-size-xs); } :root .is-small-text, :root .has-small-font-size { font-size: var(--global--font-size-sm); } :root .is-regular-text, :root .has-regular-font-size, :root .is-normal-font-size, :root .has-normal-font-size, :root .has-medium-font-size { font-size: var(--global--font-size-base); } :root .is-large-text, :root .has-large-font-size { font-size: var(--global--font-size-lg); line-height: var(--global--line-height-heading); } :root .is-larger-text, :root .has-larger-font-size, :root .is-extra-large-text, :root .has-extra-large-font-size { font-size: var(--global--font-size-xl); line-height: var(--global--line-height-heading); } :root .is-huge-text, :root .has-huge-font-size { font-size: var(--global--font-size-xxl); line-height: var(--global--line-height-heading); font-weight: var(--heading--font-weight-page-title); } :root .is-gigantic-text, :root .has-gigantic-font-size { font-size: var(--global--font-size-xxxl); line-height: var(--global--line-height-heading); font-weight: var(--heading--font-weight-page-title); } /* Block Alignments */ /** * These selectors set the default max width for content appearing inside a post or page. */ /** * .alignleft */ .alignleft { /*rtl:ignore*/ text-align: left; margin-top: 0; } .entry-content > .alignleft { max-width: var(--responsive--aligndefault-width); } @media only screen and (min-width: 482px) { .alignleft { /*rtl:ignore*/ float: left; /*rtl:ignore*/ margin-right: var(--global--spacing-horizontal); margin-bottom: var(--global--spacing-vertical); } .entry-content > .alignleft { max-width: calc(50% - var(--responsive--alignleft-margin)); } } /** * .aligncenter */ .aligncenter { clear: both; display: block; float: none; margin-right: auto; margin-left: auto; text-align: center; } /** * .alignright */ .alignright { margin-top: 0; margin-bottom: var(--global--spacing-vertical); } .entry-content > .alignright { max-width: var(--responsive--aligndefault-width); } @media only screen and (min-width: 482px) { .alignright { /*rtl:ignore*/ float: right; /*rtl:ignore*/ margin-left: var(--global--spacing-horizontal); } .entry-content > .alignright { max-width: calc(50% - var(--responsive--alignright-margin)); } } [class*=inner-container] > .alignleft + *, [class*=inner-container] > .alignright + * { margin-top: 0; } /** * .alignwide */ .alignwide { clear: both; } /** * .alignfull */ .alignfull { clear: both; } .has-left-content { justify-content: flex-start; } .has-right-content { justify-content: flex-end; } .has-parallax { background-attachment: fixed; } .has-drop-cap:not(:focus)::first-letter { font-family: var(--heading--font-family); font-weight: var(--heading--font-weight); line-height: 0.66; text-transform: uppercase; font-style: normal; float: left; margin: 0.1em 0.1em 0 0; font-size: calc(1.2 * var(--heading--font-size-h1)); } .has-drop-cap:not(:focus)::after { content: ""; display: table; clear: both; padding-top: 14px; } .desktop-only { display: none; } @media only screen and (min-width: 482px) { .desktop-only { display: block; } } /* Category 06 contains all "bigger" components which contain elements of the previous two categories like header, footer, page template, single template, comments section, archives, ... */ .site-header { display: flex; align-items: flex-start; flex-wrap: wrap; row-gap: var(--global--spacing-vertical); } .wp-custom-logo .site-header { align-items: center; } @media only screen and (min-width: 482px) { .site-header { padding-top: calc(var(--global--spacing-vertical) / 0.75); } } @media only screen and (min-width: 822px) { .site-header { padding-top: calc(2.4 * var(--global--spacing-vertical)); } } .site-branding { color: var(--branding--color-text); margin-right: 140px; } .site-branding:last-child { margin-right: 0; width: 100%; text-align: center; } @media only screen and (min-width: 482px) { .site-branding { margin-right: initial; margin-top: 4px; } } .site-title { color: var(--branding--color-link); font-family: var(--branding--title--font-family); font-size: var(--branding--title--font-size-mobile); letter-spacing: normal; text-transform: var(--branding--title--text-transform); line-height: var(--global--line-height-heading); margin-bottom: calc(var(--global--spacing-vertical) / 6); } .site-title a { color: currentColor; font-weight: var(--branding--title--font-weight); } .site-title a:link, .site-title a:visited, .site-title a:active { color: currentColor; } .site-title a:hover, .site-title a:focus { color: var(--branding--color-link-hover); } @media only screen and (min-width: 482px) { .site-title { font-size: var(--branding--title--font-size); } } .site-description { color: currentColor; font-family: var(--branding--description--font-family); font-size: var(--branding--description--font-size); line-height: 1.4; } .site-title > a { text-decoration-color: var(--global--color-secondary); } .site-logo { margin: calc(var(--global--spacing-vertical) / 2) 0; } .site-header > .site-logo { width: 100%; padding-bottom: calc(var(--global--spacing-vertical) * 1.5); border-bottom: 1px solid; text-align: center; } .site-logo .custom-logo { margin-left: auto; margin-right: auto; max-width: var(--branding--logo--max-width-mobile); max-height: var(--branding--logo--max-height-mobile); height: auto; display: inline-block; width: auto; } @media only screen and (min-width: 482px) { .site-logo .custom-logo { max-width: var(--branding--logo--max-width); max-height: var(--branding--logo--max-height); height: auto; width: auto; } } @media only screen and (max-width: 481px) { .site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo { position: absolute; padding-top: calc(0.5 * var(--global--spacing-vertical)); margin-top: 0; top: var(--global--admin-bar--height); } .primary-navigation-open .site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo { display: none; } .site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo img { max-height: calc(var(--button--padding-vertical) - 0.25 * var(--global--spacing-unit) + 1.7em); } .site-header.has-logo.has-title-and-tagline { align-items: flex-start; } .site-header.has-logo.has-title-and-tagline.has-menu { justify-content: space-between; } .site-header.has-logo.has-title-and-tagline.has-menu .site-branding { max-width: calc(100% - 160px); } .site-header.has-logo.has-title-and-tagline .site-branding { margin-right: 0; } body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline:after { display: none; } body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline .primary-navigation { position: relative; top: 0; } body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline .menu-button-container { position: relative; padding-top: 0; margin-top: calc(0px - var(--button--padding-vertical) + 0.25 * var(--global--spacing-unit)); } body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline .menu-button-container #primary-mobile-menu { padding-left: calc(var(--global--spacing-horizontal) * 0.6 - 4.5px); padding-right: calc(var(--global--spacing-horizontal) * 0.6 - 4.5px); margin-right: calc(0px - var(--global--spacing-horizontal) * 0.6); } .site-header:not(.has-logo).has-title-and-tagline .site-branding { margin-right: 0; max-width: calc(100% - 160px); } .site-header:not(.has-menu) { justify-content: center; } } .site-footer { padding-top: 0; padding-bottom: calc(1.7 * var(--global--spacing-vertical)); } .no-widgets .site-footer { margin-top: calc(6 * var(--global--spacing-vertical)); } @media only screen and (max-width: 481px) { .no-widgets .site-footer { margin-top: calc(3 * var(--global--spacing-vertical)); } } .site-footer > .site-info { padding-top: var(--global--spacing-vertical); color: var(--footer--color-text); font-family: var(--footer--font-family); font-size: var(--footer--font-size); line-height: var(--global--line-height-body); border-top: 3px solid var(--global--color-border); } .site-footer > .site-info .site-name { text-transform: var(--branding--title--text-transform); font-size: var(--branding--title--font-size); } .site-footer > .site-info .privacy-policy, .site-footer > .site-info .powered-by { margin-top: calc(0.5 * var(--global--spacing-vertical)); } @media only screen and (min-width: 822px) { .site-footer > .site-info { display: flex; align-items: center; } .site-footer > .site-info .site-name { margin-right: calc(0.5 * var(--global--spacing-vertical)); } .site-footer > .site-info .privacy-policy, .site-footer > .site-info .powered-by { margin-top: initial; margin-left: auto; } .site-footer > .site-info .privacy-policy + .powered-by { margin-left: calc(0.5 * var(--global--spacing-vertical)); } } .site-footer > .site-info a { color: var(--footer--color-link); } .site-footer > .site-info a:link, .site-footer > .site-info a:visited, .site-footer > .site-info a:active { color: var(--footer--color-link); } .site-footer > .site-info a:hover { color: var(--footer--color-link-hover); } .site-footer > .site-info a:focus { color: var(--footer--color-link-hover); } .is-dark-theme .site-footer > .site-info a:focus { color: var(--wp--style--color--link, var(--global--color-background)); } .has-background-white .site-footer > .site-info a:focus { color: var(--wp--style--color--link, var(--global--color-white)); } .singular .entry-header { border-bottom: 3px solid var(--global--color-border); padding-bottom: calc(2 * var(--global--spacing-vertical)); margin-bottom: calc(3 * var(--global--spacing-vertical)); } .home .entry-header { border-bottom: none; padding-bottom: 0; margin-bottom: 0; } .singular .has-post-thumbnail .entry-header { border-bottom: none; padding-bottom: calc(1.3 * var(--global--spacing-vertical)); margin-bottom: 0; } .no-results.not-found > *:first-child { margin-bottom: calc(3 * var(--global--spacing-vertical)); } .page-links { clear: both; } .page-links .post-page-numbers { display: inline-block; margin-left: calc(0.66 * var(--global--spacing-unit)); margin-right: calc(0.66 * var(--global--spacing-unit)); min-width: 44px; min-height: 44px; } .page-links .post-page-numbers:first-child { margin-left: 0; } .entry-title { color: var(--entry-header--color); font-size: var(--entry-header--font-size); letter-spacing: var(--heading--letter-spacing-h2); line-height: var(--heading--line-height-h2); overflow-wrap: break-word; } .entry-title a { color: var(--entry-header--color-link); text-underline-offset: 0.15em; } .entry-title a:hover { color: var(--entry-header--color-hover); } .entry-title a:focus { color: var(--entry-header--color-focus); } .entry-title a:active { color: var(--entry-header--color-link); } .singular .entry-title { font-size: var(--global--font-size-page-title); } h1.entry-title { line-height: var(--heading--line-height-h1); font-weight: var(--heading--font-weight-page-title); } /** * Entry Content */ .entry-content, .entry-summary { font-family: var(--entry-content--font-family); } .entry-content p { word-wrap: break-word; } .entry-content > iframe[style] { margin: var(--global--spacing-vertical) 0 !important; max-width: 100% !important; } .entry-footer { color: var(--global--color-primary); clear: both; float: none; font-size: var(--global--font-size-xs); display: block; } .entry-footer > span { display: inline-block; } .entry-footer a { color: currentColor; } .entry-footer a:hover, .entry-footer a:focus { color: var(--global--color-primary-hover); } .entry-footer a:active { color: currentColor; } .site-main > article > .entry-footer { margin-top: var(--global--spacing-vertical); padding-top: var(--global--spacing-unit); padding-bottom: calc(3 * var(--global--spacing-vertical)); border-bottom: var(--separator--height) solid var(--separator--border-color); } body:not(.single) .site-main > article:last-of-type .entry-footer { border-bottom: var(--separator--height) solid transparent; } .single .site-main > article > .entry-footer { margin-top: calc(3.4 * var(--global--spacing-vertical)); margin-bottom: calc(3.4 * var(--global--spacing-vertical)); padding-bottom: 0; padding-top: calc(0.8 * var(--global--spacing-vertical)); border-top: 3px solid var(--separator--border-color); border-bottom: var(--separator--height) solid transparent; display: grid; grid-template-columns: repeat(2, 1fr); column-gap: calc(2 * var(--global--spacing-horizontal)); } .single .site-main > article > .entry-footer .post-taxonomies, .single .site-main > article > .entry-footer .full-size-link { justify-content: flex-end; text-align: right; } .single .site-main > article > .entry-footer .full-size-link:first-child:last-child { grid-column: span 2; } .single .site-main > article > .entry-footer .posted-on, .single .site-main > article > .entry-footer .byline, .single .site-main > article > .entry-footer .cat-links, .single .site-main > article > .entry-footer .tags-links { display: block; } @media only screen and (max-width: 481px) { .single .site-main > article > .entry-footer { display: block; } .single .site-main > article > .entry-footer .full-size-link { display: block; } .single .site-main > article > .entry-footer .post-taxonomies, .single .site-main > article > .entry-footer .full-size-link { text-align: left; } } /** * Post Thumbnails */ .post-thumbnail { text-align: center; } .post-thumbnail .wp-post-image { display: block; width: auto; max-width: 100%; margin-left: auto; margin-right: auto; margin-top: calc(2 * var(--global--spacing-vertical)); } /** * Author */ .author-bio { position: relative; font-size: var(--global--font-size-xs); max-width: var(--responsive--aligndefault-width); } .site-main > article > .author-bio { margin-top: calc(2 * var(--global--spacing-vertical)); } .author-bio.show-avatars .avatar { display: inline-block; vertical-align: top; border-radius: 50%; } .author-bio.show-avatars .author-bio-content { display: inline-block; padding-left: var(--global--spacing-horizontal); max-width: calc(var(--responsive--aligndefault-width) - 90px); } .author-bio .author-bio-content .author-title { font-family: var(--entry-author-bio--font-family); font-size: var(--entry-author-bio--font-size); display: inline; } .author-bio .author-bio-content .author-description { font-size: var(--global--font-size-xs); margin-top: calc(0.5 * var(--global--spacing-vertical)); margin-bottom: calc(0.5 * var(--global--spacing-vertical)); } .page-title { font-size: var(--global--font-size-page-title); } h1.page-title, h2.page-title { font-weight: var(--heading--font-weight-page-title); } h1.page-title { line-height: var(--heading--line-height-h1); } .page-header { border-bottom: 3px solid var(--global--color-border); padding-bottom: calc(2 * var(--global--spacing-vertical)); } .archive .content-area .format-aside .entry-content, .archive .content-area .format-status .entry-content, .archive .content-area .format-link .entry-content, .search .content-area .format-aside .entry-content, .search .content-area .format-status .entry-content, .search .content-area .format-link .entry-content, .blog .content-area .format-aside .entry-content, .blog .content-area .format-status .entry-content, .blog .content-area .format-link .entry-content { font-size: var(--global--font-size-lg); } .archive .format-image .entry-content, .archive .format-gallery .entry-content, .archive .format-video .entry-content, .search .format-image .entry-content, .search .format-gallery .entry-content, .search .format-video .entry-content, .blog .format-image .entry-content, .blog .format-gallery .entry-content, .blog .format-video .entry-content { margin-top: calc(2 * var(--global--spacing-vertical)); } .archive .entry-footer .cat-links, .archive .entry-footer .tags-links, .search .entry-footer .cat-links, .search .entry-footer .tags-links, .blog .entry-footer .cat-links, .blog .entry-footer .tags-links { display: block; } .archive.logged-in .entry-footer .posted-on, .search.logged-in .entry-footer .posted-on, .blog.logged-in .entry-footer .posted-on { margin-right: calc(0.5 * var(--global--spacing-unit)); } .archive-description { margin-top: var(--global--spacing-vertical); font-size: var(--global--font-size-xl); line-height: var(--global--line-height-heading); } .error404 main p { font-size: var(--global--font-size-lg); margin-bottom: calc(var(--global--spacing-vertical) * 1.6666666667); } .search-no-results .page-content { margin-top: calc(3 * var(--global--spacing-vertical)); } /** * Comments Wrapper */ .comments-area > * { margin-top: var(--global--spacing-vertical); margin-bottom: var(--global--spacing-vertical); } .comments-area > *:first-child { margin-top: 0; } .comments-area > *:last-child { margin-bottom: 0; } .comments-area.show-avatars .avatar { border-radius: 50%; position: absolute; top: 10px; } .comments-area.show-avatars .fn { display: inline-block; padding-left: 85px; } .comments-area.show-avatars .comment-metadata { padding: 8px 0 9px 85px; } /** * Comment Title */ .comments-title, .comment-reply-title { font-size: var(--heading--font-size-h2); letter-spacing: var(--heading--letter-spacing-h2); } .comment-reply-title { display: flex; justify-content: space-between; } .comment-reply-title small a { font-family: var(--global--font-secondary); font-size: var(--global--font-size-xs); font-style: normal; font-weight: normal; letter-spacing: normal; } /* Nested comment reply title*/ .comment .comment-respond .comment-reply-title { font-size: var(--global--font-size-lg); } /** * Comment Lists */ .comment-list { padding-left: 0; list-style: none; } .comment-list > li { margin-top: var(--global--spacing-vertical); margin-bottom: var(--global--spacing-vertical); } .comment-list .children { list-style: none; padding-left: 0; } .comment-list .children > li { margin-top: var(--global--spacing-vertical); margin-bottom: var(--global--spacing-vertical); } @media only screen and (min-width: 482px) { .comment-list .depth-2, .comment-list .depth-3 { padding-left: calc(4 * var(--global--spacing-horizontal)); } } /** * Comment Meta */ .comment-meta .comment-author { line-height: var(--global--line-height-heading); margin-bottom: calc(0.25 * var(--global--spacing-unit)); } @media only screen and (min-width: 482px) { .comment-meta .comment-author { margin-bottom: 0; padding-right: 0; } } .comment-meta .comment-author .fn { font-family: var(--global--font-secondary); font-weight: normal; font-size: var(--global--font-size-lg); hyphens: auto; word-wrap: break-word; word-break: break-word; } .comment-meta .comment-metadata { color: var(--global--color-primary); font-size: var(--global--font-size-xs); padding: 8px 0 9px 0; } .comment-meta .comment-metadata .edit-link { margin-left: var(--global--spacing-horizontal); } @media only screen and (min-width: 482px) { .comment-meta { margin-right: inherit; } .comment-meta .comment-author { max-width: inherit; } } .reply { font-size: var(--global--font-size-sm); line-height: var(--global--line-height-heading); } .bypostauthor { display: block; } .says { display: none; } .pingback .url, .trackback .url { font-family: var(--global--font-primary); } .comment-body { position: relative; margin-bottom: calc(1.7 * var(--global--spacing-vertical)); } .comment-body > * { margin-top: var(--global--spacing-vertical); margin-bottom: var(--global--spacing-vertical); } .comment-body .reply { margin: 0; } .comment-content { word-wrap: break-word; } .pingback .comment-body, .trackback .comment-body { margin-top: var(--global--spacing-vertical); margin-bottom: var(--global--spacing-vertical); } .comment-respond { margin-top: var(--global--spacing-vertical); } .comment-respond > * { margin-top: var(--global--spacing-unit); margin-bottom: var(--global--spacing-unit); } .comment-respond > *:first-child { margin-top: 0; } .comment-respond > *:last-child { margin-bottom: 0; } .comment-respond > *:last-child.comment-form { margin-bottom: var(--global--spacing-vertical); } .comment-author { padding-top: 3px; } .comment-author .url { color: currentColor; } .comment-form { display: flex; flex-wrap: wrap; } .comment-form > * { flex-basis: 100%; } .comment-form .comment-notes { font-size: var(--global--font-size-sm); } .comment-form .comment-form-url, .comment-form .comment-form-comment { width: 100%; } .comment-form .comment-form-author, .comment-form .comment-form-email { flex-basis: 0; flex-grow: 1; } @media only screen and (max-width: 481px) { .comment-form .comment-form-author, .comment-form .comment-form-email { flex-basis: 100%; } } .comment-form .comment-form-cookies-consent > label, .comment-form .comment-notes { font-size: var(--global--font-size-xs); font-weight: normal; } .comment-form > p { margin-bottom: var(--global--spacing-unit); } .comment-form > p:first-of-type { margin-top: 0; } .comment-form > p:last-of-type { margin-bottom: 0; } .comment-form > p label, .comment-form > p input[type=email], .comment-form > p input[type=text], .comment-form > p input[type=url], .comment-form > p textarea { display: block; font-size: var(--global--font-size-sm); margin-bottom: calc(0.5 * var(--global--spacing-unit)); width: 100%; font-weight: var(--form--label-weight); } .comment-form > p.comment-form-cookies-consent { display: flex; } @media only screen and (min-width: 482px) { .comment-form > p.comment-form-author { margin-right: calc(1.5 * var(--global--spacing-horizontal)); } .comment-form > p.comment-notes, .comment-form > p.logged-in-as { display: block; } } .menu-button-container { display: none; justify-content: space-between; position: absolute; right: 0; padding-top: calc(0.5 * var(--global--spacing-vertical)); padding-bottom: calc(0.25 * var(--global--spacing-vertical)); } @media only screen and (max-width: 481px) { .menu-button-container { display: flex; } } .menu-button-container #primary-mobile-menu { display: flex; margin-left: auto; padding: calc(var(--button--padding-vertical) - 0.25 * var(--global--spacing-unit)) calc(0.5 * var(--button--padding-horizontal)); font-size: var(--primary-nav--font-size-button); font-weight: var(--primary-nav--font-weight-button); background-color: transparent; border: none; color: var(--primary-nav--color-link); } .menu-button-container #primary-mobile-menu .dropdown-icon { display: flex; align-items: center; } .menu-button-container #primary-mobile-menu .dropdown-icon .svg-icon { margin-left: calc(0.25 * var(--global--spacing-unit)); } .menu-button-container #primary-mobile-menu .dropdown-icon.open .svg-icon { position: relative; top: -1px; } .menu-button-container #primary-mobile-menu .dropdown-icon.close { display: none; } .menu-button-container #primary-mobile-menu[aria-expanded*=true] .dropdown-icon.open { display: none; } .menu-button-container #primary-mobile-menu[aria-expanded*=true] .dropdown-icon.close { display: flex; } .has-logo.has-title-and-tagline .menu-button-container #primary-mobile-menu[aria-expanded*=true] .dropdown-icon.close { animation-name: twentytwentyone-close-button-transition; animation-duration: 0.3s; } .primary-navigation-open .menu-button-container { width: 100%; z-index: 500; background-color: var(--global--color-background); } .primary-navigation-open .menu-button-container #primary-mobile-menu { position: static; } .primary-navigation { position: absolute; top: var(--global--admin-bar--height); right: 0; color: var(--primary-nav--color-text); font-size: var(--primary-nav--font-size); line-height: 1.15; margin-top: 0; margin-bottom: 0; } .primary-navigation > .primary-menu-container { position: fixed; visibility: hidden; opacity: 0; top: 0; right: 0; bottom: 0; left: 0; padding-top: calc(var(--button--line-height) * var(--primary-nav--font-size-button) + 42px + 5px); padding-left: var(--global--spacing-unit); padding-right: var(--global--spacing-unit); padding-bottom: var(--global--spacing-horizontal); background-color: var(--global--color-background); transition: all 0.15s ease-in-out; transform: translateY(var(--global--spacing-vertical)); } @media only screen and (max-width: 481px) { .primary-navigation > .primary-menu-container { height: 100vh; z-index: 499; overflow-x: hidden; overflow-y: auto; border: 2px solid transparent; } .has-logo.has-title-and-tagline .primary-navigation > .primary-menu-container { position: fixed; transform: translateY(0) translateX(100%); } .admin-bar .has-logo.has-title-and-tagline .primary-navigation > .primary-menu-container { top: var(--global--admin-bar--height); } .admin-bar .primary-navigation > .primary-menu-container { height: calc(100vh - var(--global--admin-bar--height)); } .primary-navigation > .primary-menu-container:focus { border: 2px solid var(--global--color-primary); } } @media only screen and (max-width: 481px) { .primary-navigation-open .primary-navigation { width: 100%; position: fixed; z-index: 2; } } .primary-navigation-open .primary-navigation > .primary-menu-container { position: absolute; visibility: visible; opacity: 1; transform: translateY(0); } @media only screen and (max-width: 481px) { .primary-navigation-open .has-logo.has-title-and-tagline .primary-navigation > .primary-menu-container { transform: translateX(0) translateY(0); } } @media only screen and (min-width: 482px) { .primary-navigation { position: relative; margin-left: auto; } .primary-navigation > .primary-menu-container { visibility: visible; opacity: 1; position: relative; padding: 0; background-color: transparent; overflow: initial; transform: none; } .primary-navigation #toggle-menu { display: none; } .primary-navigation > .primary-menu-container ul > li .sub-menu-toggle[aria-expanded=false] ~ ul { display: none; } .admin-bar .primary-navigation { top: initial; } .admin-bar .primary-navigation > .primary-menu-container { top: initial; } } .primary-navigation > div > .menu-wrapper { display: flex; justify-content: flex-start; flex-wrap: wrap; list-style: none; margin: 0; max-width: none; padding-left: 0; position: relative; } @media only screen and (max-width: 481px) { .primary-navigation > div > .menu-wrapper { padding-bottom: 100px; } .primary-navigation > div > .menu-wrapper ul { padding-left: 0; } } .primary-navigation > div > .menu-wrapper li { display: block; position: relative; width: 100%; } @media only screen and (min-width: 482px) { .primary-navigation > div > .menu-wrapper li { margin: 0; width: inherit; } .primary-navigation > div > .menu-wrapper li:last-child { margin-right: 0; } } .primary-navigation > div > .menu-wrapper .sub-menu-toggle { display: flex; height: calc(2 * var(--primary-nav--padding) + 1.15em + 1px); width: 44px; padding: 0; justify-content: center; align-items: center; background: transparent; color: currentColor; border: none; } .primary-navigation > div > .menu-wrapper .sub-menu-toggle:focus { outline: 2px solid var(--wp--style--color--link, var(--global--color-primary)); } @media only screen and (max-width: 481px) { .primary-navigation > div > .menu-wrapper .sub-menu-toggle { display: none; } } .primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-plus, .primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-minus { height: 100%; display: flex; align-items: center; } .primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-plus svg, .primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-minus svg { margin-top: -1px; } .primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-minus { display: none; } .primary-navigation > div > .menu-wrapper .sub-menu-toggle[aria-expanded=true] .icon-minus { display: flex; } .primary-navigation > div > .menu-wrapper .sub-menu-toggle[aria-expanded=true] .icon-plus { display: none; } .primary-navigation > div > .menu-wrapper > li > .sub-menu { position: relative; } @media only screen and (min-width: 482px) { .primary-navigation > div > .menu-wrapper > li > .sub-menu { left: 0; margin: 0; min-width: max-content; position: absolute; top: 100%; padding-top: 3px; transition: all 0.5s ease; z-index: 88888; } .primary-navigation > div > .menu-wrapper > li > .sub-menu:before, .primary-navigation > div > .menu-wrapper > li > .sub-menu:after { content: ""; display: block; position: absolute; width: 0; top: -10px; left: var(--global--spacing-horizontal); border-style: solid; border-color: var(--primary-nav--border-color) transparent; border-width: 0 7px 10px 7px; } .primary-navigation > div > .menu-wrapper > li > .sub-menu:after { top: -9px; border-color: var(--global--color-background) transparent; } .primary-navigation > div > .menu-wrapper > li > .sub-menu li { background: var(--global--color-background); } .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left { /* rtl:ignore */ left: 0; /* rtl:ignore */ right: auto; } .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left:before, .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left:after { /* rtl:ignore */ left: var(--global--spacing-horizontal); /* rtl:ignore */ right: auto; } .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right { /* rtl:ignore */ right: 0; /* rtl:ignore */ left: auto; } .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right:before, .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right:after { /* rtl:ignore */ left: auto; /* rtl:ignore */ right: var(--global--spacing-horizontal); } } .primary-navigation .primary-menu > .menu-item:hover > a { color: var(--primary-nav--color-link-hover); } @media only screen and (min-width: 482px) { .primary-navigation .primary-menu-container { margin-right: calc(0px - var(--primary-nav--padding)); margin-left: calc(0px - var(--primary-nav--padding)); } .primary-navigation .primary-menu-container > ul > .menu-item { display: flex; } .primary-navigation .primary-menu-container > ul > .menu-item > a { padding-left: var(--primary-nav--padding); padding-right: var(--primary-nav--padding); } .primary-navigation .primary-menu-container > ul > .menu-item > a + .sub-menu-toggle { margin-left: calc(5px - var(--primary-nav--padding)); } } .primary-navigation a { display: block; font-family: var(--primary-nav--font-family-mobile); font-size: var(--primary-nav--font-size-mobile); font-weight: var(--primary-nav--font-weight); padding: var(--primary-nav--padding) 0; text-decoration: none; } @media only screen and (min-width: 482px) { .primary-navigation a { display: block; font-family: var(--primary-nav--font-family); font-size: var(--primary-nav--font-size); font-weight: var(--primary-nav--font-weight); } } .primary-navigation a + svg { fill: var(--primary-nav--color-text); } .primary-navigation a:hover, .primary-navigation a:link, .primary-navigation a:visited { color: var(--primary-nav--color-link-hover); } .primary-navigation a:hover { text-decoration: underline; text-decoration-style: dotted; } .primary-navigation a:focus { position: relative; z-index: 99999; outline-offset: 0; text-decoration-thickness: 2px; } .primary-navigation .current-menu-item > a:first-child, .primary-navigation .current_page_item > a:first-child { text-decoration: underline; text-decoration-style: solid; } .primary-navigation .current-menu-item > a:first-child:hover, .primary-navigation .current_page_item > a:first-child:hover { text-decoration: underline; text-decoration-style: dotted; } .primary-navigation .sub-menu { margin: 0; padding: 0; list-style: none; margin-left: var(--primary-nav--padding); border: 1px solid var(--primary-nav--border-color); } .primary-navigation .sub-menu .sub-menu { border: none; } @media only screen and (min-width: 482px) { .primary-navigation .sub-menu > .menu-item > .sub-menu { padding: 0; } } @media only screen and (max-width: 481px) { .primary-navigation .sub-menu .menu-item:last-child { margin-bottom: 0; } } .primary-navigation .sub-menu .menu-item > a { padding: calc(1.25 * var(--primary-nav--padding)) var(--primary-nav--padding); display: block; font-size: var(--primary-nav--font-size-sub-menu-mobile); font-style: var(--primary-nav--font-style-sub-menu-mobile); } @media only screen and (min-width: 482px) { .primary-navigation .sub-menu .menu-item > a { font-size: var(--primary-nav--font-size-sub-menu); font-style: var(--primary-nav--font-style); } } .primary-navigation .menu-item-has-children > .svg-icon { display: none; } @media only screen and (min-width: 482px) { .primary-navigation .menu-item-has-children > .svg-icon { display: inline-block; height: 100%; } .primary-navigation .menu-item-has-children .sub-menu .svg-icon { display: none; } } .primary-navigation .menu-item-description { display: block; clear: both; font-size: var(--global--font-size-xs); text-transform: none; line-height: 1.7; } .primary-navigation .menu-item-description > span { display: inline-block; } @media only screen and (max-width: 481px) { .lock-scrolling .site { position: fixed; max-width: 100%; width: 100%; } } @keyframes twentytwentyone-close-button-transition { from { opacity: 0; } to { opacity: 1; } } .footer-navigation { margin-top: calc(2 * var(--global--spacing-vertical)); margin-bottom: var(--global--spacing-vertical); color: var(--footer--color-text); font-size: var(--global--font-size-xs); font-family: var(--footer--font-family); } .footer-navigation-wrapper { display: flex; justify-content: center; flex-wrap: wrap; list-style: none; padding-left: 0; } .footer-navigation-wrapper li { display: inline; line-height: 3; } .footer-navigation-wrapper li a { padding: calc(1.25 * var(--primary-nav--padding)) var(--primary-nav--padding); transition: transform 0.1s ease; color: var(--footer--color-link); } .footer-navigation-wrapper li a:link, .footer-navigation-wrapper li a:visited, .footer-navigation-wrapper li a:active { color: var(--footer--color-link); } .footer-navigation-wrapper li a:hover { text-decoration: underline; text-decoration-style: dotted; text-decoration-skip-ink: none; color: var(--footer--color-link-hover); } .is-dark-theme .footer-navigation-wrapper li a:focus .svg-icon { fill: var(--wp--style--color--link, var(--global--color-background)); } .has-background-white .footer-navigation-wrapper li a:focus .svg-icon { fill: var(--wp--style--color--link, var(--global--color-white)); } .footer-navigation-wrapper li .svg-icon { vertical-align: middle; fill: var(--footer--color-link); } .footer-navigation-wrapper li .svg-icon:hover { transform: scale(1.1); } .footer-navigation-wrapper .sub-menu-toggle, .footer-navigation-wrapper .menu-item-description { display: none; } /* Next/Previous navigation */ .navigation { color: var(--global--color-primary); } .navigation a { color: var(--global--color-primary); text-decoration: none; } .navigation a:hover { color: var(--global--color-primary-hover); text-decoration: underline; text-decoration-style: dotted; } .navigation a:focus { color: var(--global--color-secondary); } .navigation a:active { color: var(--global--color-primary); } .navigation .nav-links > * { min-width: 44px; min-height: 44px; } .navigation .nav-links .nav-next a, .navigation .nav-links .nav-previous a { display: flex; flex-direction: column; } .navigation .nav-links .dots { text-align: center; } @media only screen and (min-width: 592px) { .navigation .nav-links { display: flex; justify-content: center; flex-wrap: wrap; } .navigation .nav-links .nav-next, .navigation .nav-links .nav-previous { flex: 0 1 auto; margin-bottom: inherit; margin-top: inherit; max-width: calc(50% - 0.5 * var(--global--spacing-unit)); } .navigation .nav-links .nav-next { text-align: right; } } .navigation .svg-icon { display: inline-block; fill: currentColor; vertical-align: middle; position: relative; } .navigation .nav-previous .svg-icon, .navigation .prev .svg-icon { top: -2px; margin-right: calc(0.25 * var(--global--spacing-unit)); } .navigation .nav-next .svg-icon, .navigation .next .svg-icon { top: -1px; margin-left: calc(0.25 * var(--global--spacing-unit)); } .post-navigation { margin: var(--global--spacing-vertical) auto; } @media only screen and (min-width: 822px) { .post-navigation { margin: var(--global--spacing-vertical) auto; } } .post-navigation .meta-nav { line-height: var(--global--line-height-body); color: var(--global--color-primary); } .post-navigation .post-title { display: inline-block; font-family: var(--global--font-primary); font-size: var(--global--font-size-lg); font-weight: var(--pagination--font-weight-strong); line-height: var(--global--line-height-heading); } @media only screen and (min-width: 822px) { .post-navigation .post-title { margin: 5px calc(24px + 0.25 * var(--global--spacing-unit)) 0; } } @media only screen and (min-width: 482px) { .post-navigation .nav-links { justify-content: space-between; } } .post-navigation .nav-next, .post-navigation .nav-previous { margin-top: var(--global--spacing-vertical); margin-bottom: var(--global--spacing-vertical); } .post-navigation .nav-next:first-child, .post-navigation .nav-previous:first-child { margin-top: 0; } .post-navigation .nav-next:last-child, .post-navigation .nav-previous:last-child { margin-bottom: 0; } .pagination, .comments-pagination { border-top: 3px solid var(--global--color-border); padding-top: var(--global--spacing-vertical); margin: var(--global--spacing-vertical) auto; } @media only screen and (min-width: 822px) { .pagination, .comments-pagination { margin: var(--global--spacing-vertical) auto; } } .pagination .nav-links, .comments-pagination .nav-links { margin-top: calc(-1 * var(--global--spacing-vertical)); } .pagination .nav-links a:hover, .comments-pagination .nav-links a:hover { color: var(--pagination--color-link-hover); } .is-dark-theme .pagination .nav-links a:active, .is-dark-theme .pagination .nav-links a:hover:active, .is-dark-theme .pagination .nav-links a:hover:focus, .is-dark-theme .comments-pagination .nav-links a:active, .is-dark-theme .comments-pagination .nav-links a:hover:active, .is-dark-theme .comments-pagination .nav-links a:hover:focus { color: var(--global--color-background); } .has-background-white .pagination .nav-links a:active, .has-background-white .pagination .nav-links a:hover:active, .has-background-white .pagination .nav-links a:hover:focus, .has-background-white .comments-pagination .nav-links a:active, .has-background-white .comments-pagination .nav-links a:hover:active, .has-background-white .comments-pagination .nav-links a:hover:focus { color: var(--global--color-white); } .pagination .nav-links > *, .comments-pagination .nav-links > * { color: var(--pagination--color-text); font-family: var(--pagination--font-family); font-size: var(--pagination--font-size); font-weight: var(--pagination--font-weight); margin-top: var(--global--spacing-vertical); margin-left: calc(0.66 * var(--global--spacing-unit)); margin-right: calc(0.66 * var(--global--spacing-unit)); } .pagination .nav-links > *.current, .comments-pagination .nav-links > *.current { text-decoration: underline; } .pagination .nav-links > *:not(.dots):not(.current):hover, .comments-pagination .nav-links > *:not(.dots):not(.current):hover { text-decoration-style: dotted; } .pagination .nav-links > *:first-child, .comments-pagination .nav-links > *:first-child { margin-left: 0; } .pagination .nav-links > *:last-child, .comments-pagination .nav-links > *:last-child { margin-right: 0; } .pagination .nav-links > *.next, .comments-pagination .nav-links > *.next { margin-left: auto; } .pagination .nav-links > *.prev, .comments-pagination .nav-links > *.prev { margin-right: auto; } @media only screen and (max-width: 821px) { .pagination .nav-links, .comments-pagination .nav-links { display: flex; flex-wrap: wrap; } .pagination .page-numbers, .comments-pagination .page-numbers { display: none; } .pagination .page-numbers.prev, .pagination .page-numbers.next, .comments-pagination .page-numbers.prev, .comments-pagination .page-numbers.next { display: inline-block; flex: 0 1 auto; } } @media only screen and (max-width: 481px) { .pagination .nav-short, .comments-pagination .nav-short { display: none; } } .comments-pagination { padding-top: calc(0.66 * var(--global--spacing-vertical)); margin: calc(3 * var(--global--spacing-vertical)) auto; } @media only screen and (min-width: 822px) { .comments-pagination { margin: calc(3 * var(--global--spacing-vertical)) auto calc(4 * var(--global--spacing-vertical)) auto; } } .comments-pagination .nav-links > * { font-size: var(--global--font-size-md); } .widget-area { margin-top: calc(6 * var(--global--spacing-vertical)); padding-bottom: calc(var(--global--spacing-vertical) / 3); color: var(--footer--color-text); font-size: var(--footer--font-size); font-family: var(--footer--font-family); } @media only screen and (min-width: 652px) { .widget-area { display: grid; grid-template-columns: repeat(2, 1fr); column-gap: calc(2 * var(--global--spacing-horizontal)); } } @media only screen and (min-width: 1024px) { .widget-area { grid-template-columns: repeat(3, 1fr); } } @media only screen and (max-width: 481px) { .widget-area { margin-top: calc(3 * var(--global--spacing-vertical)); } } .widget-area .wp-block-social-links.alignright { margin-top: var(--global--spacing-vertical); justify-content: flex-end; } .widget-area .wp-block-social-links.alignleft { margin-top: var(--global--spacing-vertical); } .widget-area:after { content: ""; display: table; clear: both; } .widget h1, .widget h2, .widget h3, .widget h4, .widget h5, .widget h6 { font-weight: var(--widget--font-weight-title); line-height: var(--widget--line-height-title); } .widget h1 { font-size: var(--global--font-size-md); } .widget h2 { font-size: var(--global--font-size-sm); } .widget h3 { font-size: var(--global--font-size-xs); } .widget h4 { font-size: var(--global--font-size-xs); } .widget h5 { font-size: var(--global--font-size-xs); } .widget h6 { font-size: var(--global--font-size-xs); } .widget ul { list-style-type: none; padding: 0; } .widget ul li { line-height: var(--widget--line-height-list); } .widget ul.sub-menu, .widget ul.children { margin-left: var(--widget--spacing-menu); } .widget ul .sub-menu-toggle { display: none; } .widget a { color: var(--footer--color-link); text-decoration: underline; text-decoration-style: solid; text-decoration-color: currentColor; } .widget a:link, .widget a:visited, .widget a:active { color: var(--footer--color-link); } .widget a:hover { color: var(--footer--color-link-hover); text-decoration-style: dotted; } .search-form { display: flex; flex-wrap: wrap; margin: auto; max-width: var(--responsive--aligndefault-width); } .search-form > label { width: 100%; margin-bottom: 0; font-weight: var(--form--label-weight); } .search-form .search-field { flex-grow: 1; max-width: inherit; margin-top: calc(var(--global--spacing-vertical) / 3); margin-right: calc(0.66 * var(--global--spacing-horizontal)); } .search-form .search-submit { margin-top: calc(var(--global--spacing-vertical) / 3); margin-left: 10px; } .widget_search > .search-form .search-field { margin-right: calc(-1 * var(--button--border-width)); -webkit-appearance: none; margin-bottom: calc(0.5 * var(--global--spacing-vertical)); } .widget_search > .search-form .search-submit { margin-left: 0; margin-bottom: calc(0.5 * var(--global--spacing-vertical)); } .widget_rss a.rsswidget .rss-widget-icon { display: none; } /* Category 07 is for any utility classes that are not assigned to a specific component. */ .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 !important; width: 1px; word-wrap: normal !important; word-break: normal; } .skip-link:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; -webkit-clip-path: none; clip-path: none; color: #21759b; display: block; font-size: 0.875rem; font-weight: 700; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } /* Do not show the outline on the skip link target. */ #content[tabindex="-1"]:focus { outline: 0; } @media (prefers-reduced-motion) { * { transition-delay: 0s !important; transition-duration: 0s !important; } } .has-black-color[class] { color: var(--global--color-black); } .has-black-color[class] > [class*=__inner-container] { --local--color-primary: var(--global--color-black, #000); color: var(--local--color-primary); } .has-gray-color[class] { color: var(--global--color-gray); } .has-gray-color[class] > [class*=__inner-container] { --local--color-primary: var(--global--color-gray, #000); color: var(--local--color-primary); } .has-dark-gray-color[class] { color: var(--global--color-dark-gray); } .has-dark-gray-color[class] > [class*=__inner-container] { --local--color-primary: var(--global--color-dark-gray, #000); color: var(--local--color-primary); } .has-green-color[class] { color: var(--global--color-green); } .has-green-color[class] > [class*=__inner-container] { --local--color-primary: var(--global--color-green, #fff); color: var(--local--color-primary); } .has-blue-color[class] { color: var(--global--color-blue); } .has-blue-color[class] > [class*=__inner-container] { --local--color-primary: var(--global--color-blue, #fff); color: var(--local--color-primary); } .has-purple-color[class] { color: var(--global--color-purple); } .has-purple-color[class] > [class*=__inner-container] { --local--color-primary: var(--global--color-purple, #fff); color: var(--local--color-primary); } .has-red-color[class] { color: var(--global--color-red); } .has-red-color[class] > [class*=__inner-container] { --local--color-primary: var(--global--color-red, #fff); color: var(--local--color-primary); } .has-orange-color[class] { color: var(--global--color-orange); } .has-orange-color[class] > [class*=__inner-container] { --local--color-primary: var(--global--color-orange, #fff); color: var(--local--color-primary); } .has-yellow-color[class] { color: var(--global--color-yellow); } .has-yellow-color[class] > [class*=__inner-container] { --local--color-primary: var(--global--color-yellow, #fff); color: var(--local--color-primary); } .has-white-color[class] { color: var(--global--color-white); } .has-white-color[class] > [class*=__inner-container] { --local--color-primary: var(--global--color-white, #fff); color: var(--local--color-primary); } .has-background a, .has-background p, .has-background h1, .has-background h2, .has-background h3, .has-background h4, .has-background h5, .has-background h6 { color: currentColor; } .has-black-background-color[class] { background-color: var(--global--color-black); } .has-black-background-color[class] > [class*=__inner-container] { --local--color-background: var(--global--color-black, #000); background-color: var(--local--color-background); } .has-dark-gray-background-color[class] { background-color: var(--global--color-dark-gray); } .has-dark-gray-background-color[class] > [class*=__inner-container] { --local--color-background: var(--global--color-dark-gray, #000); background-color: var(--local--color-background); } .has-gray-background-color[class] { background-color: var(--global--color-gray); } .has-gray-background-color[class] > [class*=__inner-container] { --local--color-background: var(--global--color-gray, #000); background-color: var(--local--color-background); } .has-light-gray-background-color[class] { background-color: var(--global--color-light-gray); } .has-light-gray-background-color[class] > [class*=__inner-container] { --local--color-background: var(--global--color-light-gray, #fff); background-color: var(--local--color-background); } .has-green-background-color[class] { background-color: var(--global--color-green); } .has-green-background-color[class] > [class*=__inner-container] { --local--color-background: var(--global--color-green, #fff); background-color: var(--local--color-background); } .has-blue-background-color[class] { background-color: var(--global--color-blue); } .has-blue-background-color[class] > [class*=__inner-container] { --local--color-background: var(--global--color-blue, #fff); background-color: var(--local--color-background); } .has-purple-background-color[class] { background-color: var(--global--color-purple); } .has-purple-background-color[class] > [class*=__inner-container] { --local--color-background: var(--global--color-purple, #fff); background-color: var(--local--color-background); } .has-red-background-color[class] { background-color: var(--global--color-red); } .has-red-background-color[class] > [class*=__inner-container] { --local--color-background: var(--global--color-red, #fff); background-color: var(--local--color-background); } .has-orange-background-color[class] { background-color: var(--global--color-orange); } .has-orange-background-color[class] > [class*=__inner-container] { --local--color-background: var(--global--color-orange, #fff); background-color: var(--local--color-background); } .has-yellow-background-color[class] { background-color: var(--global--color-yellow); } .has-yellow-background-color[class] > [class*=__inner-container] { --local--color-background: var(--global--color-yellow, #fff); background-color: var(--local--color-background); } .has-white-background-color[class] { background-color: var(--global--color-white); } .has-white-background-color[class] > [class*=__inner-container] { --local--color-background: var(--global--color-white, #fff); background-color: var(--local--color-background); } .has-background:not(.has-text-color).has-black-background-color[class], .has-background:not(.has-text-color).has-gray-background-color[class], .has-background:not(.has-text-color).has-dark-gray-background-color[class] { color: var(--global--color-white); } .has-background:not(.has-text-color).has-black-background-color[class] > [class*=__inner-container], .has-background:not(.has-text-color).has-gray-background-color[class] > [class*=__inner-container], .has-background:not(.has-text-color).has-dark-gray-background-color[class] > [class*=__inner-container] { --local--color-primary: var(--global--color-background, #fff); color: var(--local--color-primary, var(--global--color-primary)); } .is-dark-theme .has-background:not(.has-text-color).has-black-background-color[class] > [class*=__inner-container], .is-dark-theme .has-background:not(.has-text-color).has-gray-background-color[class] > [class*=__inner-container], .is-dark-theme .has-background:not(.has-text-color).has-dark-gray-background-color[class] > [class*=__inner-container] { --local--color-primary: var(--global--color-primary, #000); } .has-background:not(.has-text-color).has-green-background-color[class], .has-background:not(.has-text-color).has-blue-background-color[class], .has-background:not(.has-text-color).has-purple-background-color[class], .has-background:not(.has-text-color).has-red-background-color[class], .has-background:not(.has-text-color).has-orange-background-color[class], .has-background:not(.has-text-color).has-yellow-background-color[class], .has-background:not(.has-text-color).has-white-background-color[class] { color: var(--global--color-dark-gray); } .has-background:not(.has-text-color).has-green-background-color[class] > [class*=__inner-container], .has-background:not(.has-text-color).has-blue-background-color[class] > [class*=__inner-container], .has-background:not(.has-text-color).has-purple-background-color[class] > [class*=__inner-container], .has-background:not(.has-text-color).has-red-background-color[class] > [class*=__inner-container], .has-background:not(.has-text-color).has-orange-background-color[class] > [class*=__inner-container], .has-background:not(.has-text-color).has-yellow-background-color[class] > [class*=__inner-container], .has-background:not(.has-text-color).has-white-background-color[class] > [class*=__inner-container] { --local--color-primary: var(--global--color-primary, #000); color: var(--local--color-primary, var(--global--color-primary)); } .is-dark-theme .has-background:not(.has-text-color).has-green-background-color[class] > [class*=__inner-container], .is-dark-theme .has-background:not(.has-text-color).has-blue-background-color[class] > [class*=__inner-container], .is-dark-theme .has-background:not(.has-text-color).has-purple-background-color[class] > [class*=__inner-container], .is-dark-theme .has-background:not(.has-text-color).has-red-background-color[class] > [class*=__inner-container], .is-dark-theme .has-background:not(.has-text-color).has-orange-background-color[class] > [class*=__inner-container], .is-dark-theme .has-background:not(.has-text-color).has-yellow-background-color[class] > [class*=__inner-container], .is-dark-theme .has-background:not(.has-text-color).has-white-background-color[class] > [class*=__inner-container] { --local--color-primary: var(--global--color-background, #fff); } .has-purple-to-yellow-gradient-background { background: linear-gradient(160deg, var(--global--color-purple), var(--global--color-yellow)); } .has-yellow-to-purple-gradient-background { background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-purple)); } .has-green-to-yellow-gradient-background { background: linear-gradient(160deg, var(--global--color-green), var(--global--color-yellow)); } .has-yellow-to-green-gradient-background { background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-green)); } .has-red-to-yellow-gradient-background { background: linear-gradient(160deg, var(--global--color-red), var(--global--color-yellow)); } .has-yellow-to-red-gradient-background { background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-red)); } .has-purple-to-red-gradient-background { background: linear-gradient(160deg, var(--global--color-purple), var(--global--color-red)); } .has-red-to-purple-gradient-background { background: linear-gradient(160deg, var(--global--color-red), var(--global--color-purple)); } header *, main *, footer * { max-width: var(--global--spacing-measure); } html, body, div, header, nav, article, figure, hr, main, section, footer { max-width: none; } .is-IE.is-dark-theme { color: #fff; } .is-IE.is-dark-theme *, .is-IE.is-dark-theme a, .is-IE.is-dark-theme .site-description, .is-IE.is-dark-theme .entry-title, .is-IE.is-dark-theme .entry-footer, .is-IE.is-dark-theme .widget-area, .is-IE.is-dark-theme .post-navigation .meta-nav, .is-IE.is-dark-theme .footer-navigation-wrapper li a:link, .is-IE.is-dark-theme .site-footer > .site-info, .is-IE.is-dark-theme .site-footer > .site-info a, .is-IE.is-dark-theme .site-footer > .site-info a:visited { color: #fff; } .is-IE.is-dark-theme .sub-menu-toggle svg, .is-IE.is-dark-theme .sub-menu-toggle path, .is-IE.is-dark-theme .post-navigation .meta-nav svg, .is-IE.is-dark-theme .post-navigation .meta-nav path { fill: #fff; } .is-IE.is-dark-theme .primary-navigation > div > .menu-wrapper > li > .sub-menu li { background: #000; } @media only screen and (max-width: 481px) { .is-IE.is-dark-theme.primary-navigation-open .primary-navigation > .primary-menu-container, .is-IE.is-dark-theme.primary-navigation-open .menu-button-container { background-color: #000; } } .is-IE.is-dark-theme .skip-link:focus { color: #21759b; } .is-IE .navigation .nav-links { display: block; } .is-IE .post-thumbnail .wp-post-image { min-width: auto; } home/premiey/www/wp-includes/blocks/comments/style.css 0000666 00000010210 15166005612 0017200 0 ustar 00 /** * Colors */ /** * Breakpoints & Media Queries */ /** * 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. */ /** * Colors */ /** * 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 & Editor UI. */ /** * Block paddings. */ /** * React Native specific. * These variables do not appear to be used anywhere else. */ /** * Converts a hex value into the rgb equivalent. * * @param {string} hex - the hexadecimal value to convert * @return {string} comma separated rgb values */ /** * Breakpoint mixins */ /** * Long content fade mixin * * Creates a fading overlay to signify that the content is longer * than the space allows. */ /** * Focus styles. */ /** * Applies editor left 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. */ /* Styles for backwards compatibility with the legacy `post-comments` block */ .wp-block-post-comments { /* utility classes */ /* end utility classes */ } .wp-block-post-comments .alignleft { float: left; } .wp-block-post-comments .alignright { float: right; } .wp-block-post-comments .navigation::after { content: ""; display: table; clear: both; } .wp-block-post-comments .commentlist { clear: both; 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: 1em; line-height: 1.8; margin: 1em 0; } .wp-block-post-comments .commentlist .children { list-style: none; margin: 0; padding: 0; } .wp-block-post-comments .comment-author { line-height: 1.5; } .wp-block-post-comments .comment-author .avatar { border-radius: 1.5em; display: block; float: left; height: 2.5em; margin-top: 0.5em; margin-right: 0.75em; width: 2.5em; } .wp-block-post-comments .comment-author cite { font-style: normal; } .wp-block-post-comments .comment-meta { font-size: 0.875em; line-height: 1.5; } .wp-block-post-comments .comment-meta b { font-weight: normal; } .wp-block-post-comments .comment-meta .comment-awaiting-moderation { margin-top: 1em; margin-bottom: 1em; display: block; } .wp-block-post-comments .comment-body .commentmetadata { font-size: 0.875em; } .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; margin-bottom: 0.25em; } .wp-block-post-comments .comment-form textarea, .wp-block-post-comments .comment-form input:not([type=submit]):not([type=checkbox]) { display: block; box-sizing: border-box; width: 100%; } .wp-block-post-comments .comment-form-cookies-consent { display: flex; gap: 0.25em; } .wp-block-post-comments .comment-form-cookies-consent #wp-comment-cookies-consent { margin-top: 0.35em; } .wp-block-post-comments .comment-reply-title { margin-bottom: 0; } .wp-block-post-comments .comment-reply-title :where(small) { font-size: var(--wp--preset--font-size--medium, smaller); margin-left: 0.5em; } .wp-block-post-comments .reply { font-size: 0.875em; margin-bottom: 1.4em; } .wp-block-post-comments textarea, .wp-block-post-comments input:not([type=submit]) { border: 1px solid #949494; font-size: 1em; font-family: inherit; } .wp-block-post-comments textarea, .wp-block-post-comments input:not([type=submit]):not([type=checkbox]) { padding: calc(0.667em + 2px); } :where(.wp-block-post-comments input[type="submit"]) { border: none; } home/premiey/www/wp-includes/css/dist/editor/style.css 0000666 00000056426 15166012445 0017144 0 ustar 00 @charset "UTF-8"; /** * Colors */ /** * Breakpoints & Media Queries */ /** * 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. */ /** * Colors */ /** * 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 & Editor UI. */ /** * Block paddings. */ /** * React Native specific. * These variables do not appear to be used anywhere else. */ /** * Converts a hex value into the rgb equivalent. * * @param {string} hex - the hexadecimal value to convert * @return {string} comma separated rgb values */ /** * Breakpoint mixins */ /** * Long content fade mixin * * Creates a fading overlay to signify that the content is longer * than the space allows. */ /** * Focus styles. */ /** * Applies editor left 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--rgb: 0, 124, 186; --wp-admin-theme-color-darker-10: #006ba1; --wp-admin-theme-color-darker-10--rgb: 0, 107, 161; --wp-admin-theme-color-darker-20: #005a87; --wp-admin-theme-color-darker-20--rgb: 0, 90, 135; --wp-admin-border-width-focus: 2px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { :root { --wp-admin-border-width-focus: 1.5px; } } .editor-autocompleters__user .editor-autocompleters__no-avatar::before { /* stylelint-disable */ font: normal 20px/1 dashicons; /* stylelint-enable */ content: ""; margin-right: 5px; vertical-align: middle; } .editor-autocompleters__user .editor-autocompleters__user-avatar { margin-right: 8px; flex-grow: 0; flex-shrink: 0; max-width: none; width: 24px; height: 24px; } .editor-autocompleters__user .editor-autocompleters__user-name { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 200px; flex-shrink: 0; flex-grow: 1; } .editor-autocompleters__user .editor-autocompleters__user-slug { margin-left: 8px; color: #757575; white-space: nowrap; text-overflow: ellipsis; overflow: none; max-width: 100px; flex-grow: 0; flex-shrink: 0; } .editor-autocompleters__user:hover .editor-autocompleters__user-slug { color: var(--wp-admin-theme-color); } .document-outline { margin: 20px 0; } .document-outline ul { margin: 0; padding: 0; } .document-outline__item { display: flex; margin: 4px 0; } .document-outline__item a { text-decoration: none; } .document-outline__item .document-outline__emdash::before { color: #ddd; margin-right: 4px; } .document-outline__item.is-h2 .document-outline__emdash::before { content: "—"; } .document-outline__item.is-h3 .document-outline__emdash::before { content: "——"; } .document-outline__item.is-h4 .document-outline__emdash::before { content: "———"; } .document-outline__item.is-h5 .document-outline__emdash::before { content: "————"; } .document-outline__item.is-h6 .document-outline__emdash::before { content: "—————"; } .document-outline__button { cursor: pointer; background: none; border: none; display: flex; align-items: flex-start; margin: 0 0 0 -1px; padding: 2px 5px 2px 1px; color: #1e1e1e; text-align: left; border-radius: 2px; } .document-outline__button:disabled { cursor: default; } .document-outline__button:focus { box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); outline: 2px solid transparent; } .document-outline__level { background: #ddd; color: #1e1e1e; border-radius: 3px; font-size: 13px; padding: 1px 6px; margin-right: 4px; } .is-invalid .document-outline__level { background: #f0b849; } .document-outline__item-content { padding: 1px 0; } .components-editor-notices__dismissible, .components-editor-notices__pinned { position: relative; left: 0; top: 0; right: 0; color: #1e1e1e; } .components-editor-notices__dismissible .components-notice, .components-editor-notices__pinned .components-notice { box-sizing: border-box; margin: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.2); padding: 0 12px; min-height: 60px; } .components-editor-notices__dismissible .components-notice .components-notice__dismiss, .components-editor-notices__pinned .components-notice .components-notice__dismiss { margin-top: 12px; } .entities-saved-states__panel { box-sizing: border-box; background: #fff; position: fixed; z-index: 100001; top: 46px; bottom: 0; right: 0; left: 0; overflow: auto; box-sizing: border-box; } .entities-saved-states__panel *, .entities-saved-states__panel *::before, .entities-saved-states__panel *::after { box-sizing: inherit; } .entities-saved-states__panel .entities-saved-states__find-entity { display: none; } .entities-saved-states__panel .entities-saved-states__find-entity-small { display: block; } @media (min-width: 782px) { .entities-saved-states__panel { top: 32px; left: auto; width: 280px; border-left: 1px solid #ddd; } body.is-fullscreen-mode .entities-saved-states__panel { top: 0; } .entities-saved-states__panel .entities-saved-states__find-entity { display: block; } .entities-saved-states__panel .entities-saved-states__find-entity-small { display: none; } } .entities-saved-states__panel .entities-saved-states__panel-header { background: #fff; padding-left: 8px; padding-right: 8px; height: 61px; border-bottom: 1px solid #ddd; } .entities-saved-states__panel .entities-saved-states__text-prompt { padding: 16px; padding-bottom: 4px; } .editor-error-boundary { margin: auto; max-width: 780px; padding: 20px; margin-top: 60px; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.25); } .editor-page-attributes__order { width: 100%; } .editor-page-attributes__order .components-base-control__field { display: flex; justify-content: space-between; align-items: center; } .editor-page-attributes__order input { width: 66px; } .editor-post-excerpt__textarea { width: 100%; margin-bottom: 10px; } .editor-post-featured-image { padding: 0; } .editor-post-featured-image__container { margin-bottom: 1em; position: relative; } .editor-post-featured-image .components-spinner { position: absolute; top: 50%; left: 50%; margin-top: -9px; margin-left: -9px; } .editor-post-featured-image .components-button + .components-button { display: block; margin-top: 1em; } .editor-post-featured-image .components-responsive-wrapper__content { max-width: 100%; width: auto; } .editor-post-featured-image__toggle, .editor-post-featured-image__preview { display: block; width: 100%; padding: 0; transition: all 0.1s ease-out; box-shadow: 0 0 0 0 var(--wp-admin-theme-color); } @media (prefers-reduced-motion: reduce) { .editor-post-featured-image__toggle, .editor-post-featured-image__preview { transition-duration: 0s; transition-delay: 0s; } } .editor-post-featured-image__preview { height: auto; } .editor-post-featured-image__preview:not(:disabled):not([aria-disabled=true]):focus { box-shadow: 0 0 0 4px var(--wp-admin-theme-color); } .editor-post-featured-image__toggle { border-radius: 2px; background-color: #f0f0f0; min-height: 90px; line-height: 20px; padding: 8px 0; text-align: center; } .editor-post-featured-image__toggle:hover { background: #ddd; color: #1e1e1e; } [class].editor-post-format__suggestion { margin: 4px 0 0 0; } .editor-post-last-revision__title { width: 100%; font-weight: 600; } .editor-post-last-revision__title .dashicon { margin-right: 5px; } .components-button.editor-post-last-revision__title { height: 100%; } .components-button.editor-post-last-revision__title:hover, .components-button.editor-post-last-revision__title:active { background: #f0f0f0; } .components-button.editor-post-last-revision__title:focus { box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); border-radius: 0; } @media (min-width: 600px) { .editor-post-locked-modal { max-width: 480px; } } .editor-post-locked-modal .components-modal__content { display: flex; } .editor-post-locked-modal__buttons { margin-top: 24px; } .editor-post-locked-modal__avatar { border-radius: 2px; margin-top: 16px; margin-right: 24px; } .editor-post-publish-button__button.has-changes-dot::before { background: currentcolor; border-radius: 4px; content: ""; height: 8px; margin: auto 5px auto -3px; width: 8px; } .editor-post-publish-panel { background: #fff; } .editor-post-publish-panel__content { min-height: calc(100% - 144px); } .editor-post-publish-panel__content .components-spinner { display: block; margin: 100px auto 0; } .editor-post-publish-panel__header { background: #fff; padding-left: 16px; padding-right: 16px; height: 61px; border-bottom: 1px solid #ddd; display: flex; align-items: center; align-content: space-between; } .editor-post-publish-panel__header .components-button { width: 100%; justify-content: center; } .editor-post-publish-panel__header .has-icon { margin-left: auto; width: auto; } .components-site-card { display: flex; align-items: center; margin: 16px 0; } .components-site-icon { border: none; border-radius: 2px; margin-right: 12px; height: 36px; width: 36px; } .components-site-name { display: block; font-size: 14px; } .components-site-home { display: block; color: #757575; font-size: 12px; } .editor-post-publish-panel__header-publish-button, .editor-post-publish-panel__header-cancel-button { flex-grow: 1; } @media (min-width: 480px) { .editor-post-publish-panel__header-publish-button, .editor-post-publish-panel__header-cancel-button { max-width: 160px; } } .editor-post-publish-panel__header-publish-button { padding-right: 4px; } .editor-post-publish-panel__header-cancel-button { padding-left: 4px; } .editor-post-publish-panel__header-published { flex-grow: 1; } .editor-post-publish-panel__footer { padding: 16px; } .components-button.editor-post-publish-panel__toggle.is-primary { display: inline-flex; align-items: center; } .components-button.editor-post-publish-panel__toggle.is-primary.is-busy .dashicon { display: none; } .components-button.editor-post-publish-panel__toggle.is-primary .dashicon { margin-right: -4px; } .editor-post-publish-panel__link { font-weight: 400; padding-left: 4px; } .editor-post-publish-panel__prepublish { padding: 16px; } .editor-post-publish-panel__prepublish strong { color: #1e1e1e; } .editor-post-publish-panel__prepublish .components-panel__body { background: #fff; margin-left: -16px; margin-right: -16px; } .editor-post-publish-panel__prepublish .editor-post-visibility__dialog-legend { display: none; } .post-publish-panel__postpublish .components-panel__body { border-bottom: 1px solid #e0e0e0; border-top: none; } .post-publish-panel__postpublish-buttons { display: flex; align-content: space-between; flex-wrap: wrap; margin: -5px; } .post-publish-panel__postpublish-buttons > * { flex-grow: 1; margin: 5px; } .post-publish-panel__postpublish-buttons .components-button { height: auto; justify-content: center; padding: 3px 10px 4px; flex: 1; line-height: 1.6; text-align: center; white-space: normal; } .post-publish-panel__postpublish-buttons .components-clipboard-button { width: 100%; } .post-publish-panel__postpublish-post-address-container { display: flex; align-items: flex-end; margin-bottom: 16px; } .post-publish-panel__postpublish-post-address-container .components-base-control__field { margin-bottom: 0; } .post-publish-panel__postpublish-post-address-container .post-publish-panel__postpublish-post-address { flex: 1; } .post-publish-panel__postpublish-post-address-container input[readonly] { padding: 10px; background: #ddd; overflow: hidden; text-overflow: ellipsis; } .post-publish-panel__postpublish-post-address__copy-button-wrap { flex-shrink: 0; margin-left: 8px; } .post-publish-panel__postpublish-post-address__copy-button-wrap .components-button { height: 38px; } .post-publish-panel__postpublish-header { font-weight: 500; } .post-publish-panel__postpublish-subheader { margin: 0 0 8px; } .post-publish-panel__tip { color: #f0b849; } @media screen and (max-width: 782px) { .post-publish-panel__postpublish-post-address__button-wrap .components-button { height: 40px; } } .editor-post-saved-state { display: flex; align-items: center; width: 28px; padding: 12px 4px; color: #757575; overflow: hidden; white-space: nowrap; } .editor-post-saved-state.is-saving[aria-disabled=true], .editor-post-saved-state.is-saving[aria-disabled=true]:hover, .editor-post-saved-state.is-saved[aria-disabled=true], .editor-post-saved-state.is-saved[aria-disabled=true]:hover { background: transparent; color: #757575; } .editor-post-saved-state svg { display: inline-block; flex: 0 0 auto; fill: currentColor; margin-right: 8px; } @media (min-width: 600px) { .editor-post-saved-state { width: auto; padding: 8px 12px; text-indent: inherit; } .editor-post-saved-state svg { margin-right: 0; } } .editor-post-save-draft.has-text.has-icon svg { margin-right: 0; } :root[dir=rtl] .editor-post-saved-state.has-text.has-icon { justify-content: right; } .editor-post-taxonomies__hierarchical-terms-list { max-height: 14em; overflow: auto; margin-left: -6px; padding-left: 6px; margin-top: -6px; padding-top: 6px; } .editor-post-taxonomies__hierarchical-terms-choice { margin-bottom: 8px; } .editor-post-taxonomies__hierarchical-terms-subchoices { margin-top: 8px; margin-left: 16px; } .components-button.editor-post-taxonomies__hierarchical-terms-submit, .components-button.editor-post-taxonomies__hierarchical-terms-add { margin-top: 12px; } .editor-post-taxonomies__hierarchical-terms-label { display: inline-block; margin-top: 12px; } .editor-post-taxonomies__hierarchical-terms-input { margin-top: 8px; } .editor-post-taxonomies__hierarchical-terms-filter { margin-bottom: 8px; width: 100%; } .editor-post-taxonomies__flat-term-most-used .editor-post-taxonomies__flat-term-most-used-label { font-weight: 400; margin-bottom: 12px; } .editor-post-taxonomies__flat-term-most-used-list { margin: 0; } .editor-post-taxonomies__flat-term-most-used-list li { display: inline-block; margin-right: 8px; } .editor-post-taxonomies__flat-term-most-used-list .components-button { font-size: 12px; } .edit-post-text-editor__body textarea.editor-post-text-editor { border: 1px solid #949494; border-radius: 0; display: block; margin: 0; width: 100%; box-shadow: none; resize: none; overflow: hidden; font-family: Menlo, Consolas, monaco, monospace; line-height: 2.4; min-height: 200px; transition: border 0.1s ease-out, box-shadow 0.1s linear; padding: 16px; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px !important; } @media (prefers-reduced-motion: reduce) { .edit-post-text-editor__body textarea.editor-post-text-editor { transition-duration: 0s; transition-delay: 0s; } } @media (min-width: 600px) { .edit-post-text-editor__body textarea.editor-post-text-editor { padding: 24px; } } @media (min-width: 600px) { .edit-post-text-editor__body textarea.editor-post-text-editor { font-size: 15px !important; } } .edit-post-text-editor__body textarea.editor-post-text-editor:focus { border-color: var(--wp-admin-theme-color); box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); position: relative; } .edit-post-text-editor__body textarea.editor-post-text-editor::-webkit-input-placeholder { color: rgba(30, 30, 30, 0.62); } .edit-post-text-editor__body textarea.editor-post-text-editor::-moz-placeholder { color: rgba(30, 30, 30, 0.62); opacity: 1; } .edit-post-text-editor__body textarea.editor-post-text-editor:-ms-input-placeholder { color: rgba(30, 30, 30, 0.62); } .editor-post-url__link-label { font-size: 13px; font-weight: 400; margin: 0; } /* rtl:begin:ignore */ .editor-post-url__link { direction: ltr; word-break: break-word; } /* rtl:end:ignore */ .editor-post-url__link-slug { font-weight: 600; } .editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio] { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; padding: 6px 8px; box-shadow: 0 0 0 transparent; transition: box-shadow 0.1s linear; border-radius: 2px; border: 1px solid #757575; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px; /* Override core line-height. To be reviewed. */ line-height: normal; border: 1px solid #1e1e1e; margin-right: 12px; transition: none; border-radius: 50%; width: 24px; height: 24px; margin-top: 2px; } @media (prefers-reduced-motion: reduce) { .editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio] { transition-duration: 0s; transition-delay: 0s; } } @media (min-width: 600px) { .editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio] { font-size: 13px; /* Override core line-height. To be reviewed. */ line-height: normal; } } .editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:focus { border-color: var(--wp-admin-theme-color); box-shadow: 0 0 0 1px var(--wp-admin-theme-color); outline: 2px solid transparent; } .editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]::-webkit-input-placeholder { color: rgba(30, 30, 30, 0.62); } .editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]::-moz-placeholder { opacity: 1; color: rgba(30, 30, 30, 0.62); } .editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:-ms-input-placeholder { color: rgba(30, 30, 30, 0.62); } @media (min-width: 600px) { .editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio] { height: 20px; width: 20px; } } .editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:checked::before { box-sizing: inherit; width: 8px; height: 8px; transform: translate(7px, 7px); margin: 0; background-color: #fff; border: 4px solid #fff; } @media (min-width: 600px) { .editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:checked::before { transform: translate(5px, 5px); } } .editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:focus { box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color); outline: 2px solid transparent; } .editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:checked { background: var(--wp-admin-theme-color); border-color: var(--wp-admin-theme-color); } .editor-post-visibility__fieldset .editor-post-visibility__info { color: #757575; margin-left: 36px; margin-top: 0.5em; } @media (min-width: 600px) { .editor-post-visibility__fieldset .editor-post-visibility__info { margin-left: 32px; } } .editor-post-visibility__fieldset .editor-post-visibility__choice:last-child .editor-post-visibility__info { margin-bottom: 0; } .editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text] { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; padding: 6px 8px; box-shadow: 0 0 0 transparent; transition: box-shadow 0.1s linear; border-radius: 2px; border: 1px solid #757575; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px; /* Override core line-height. To be reviewed. */ line-height: normal; margin-left: 32px; width: calc(100% - 32px); } @media (prefers-reduced-motion: reduce) { .editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text] { transition-duration: 0s; transition-delay: 0s; } } @media (min-width: 600px) { .editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text] { font-size: 13px; /* Override core line-height. To be reviewed. */ line-height: normal; } } .editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text]:focus { border-color: var(--wp-admin-theme-color); box-shadow: 0 0 0 1px var(--wp-admin-theme-color); outline: 2px solid transparent; } .editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text]::-webkit-input-placeholder { color: rgba(30, 30, 30, 0.62); } .editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text]::-moz-placeholder { opacity: 1; color: rgba(30, 30, 30, 0.62); } .editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text]:-ms-input-placeholder { color: rgba(30, 30, 30, 0.62); } .editor-post-title { position: relative; } .editor-post-title.is-focus-mode { opacity: 0.2; transition: opacity 0.1s linear; } @media (prefers-reduced-motion: reduce) { .editor-post-title.is-focus-mode { transition-duration: 0s; transition-delay: 0s; } } .editor-post-title.is-focus-mode:focus { opacity: 1; } .editor-post-trash.components-button { display: flex; justify-content: center; margin-top: 4px; width: 100%; } .table-of-contents__popover.components-popover .components-popover__content { min-width: 380px; } .components-popover.table-of-contents__popover { z-index: 99998; } .table-of-contents__popover .components-popover__content { padding: 16px; } @media (min-width: 600px) { .table-of-contents__popover .components-popover__content { max-height: calc(100vh - 120px); overflow-y: auto; } } .table-of-contents__popover hr { margin: 10px -16px 0; } .table-of-contents__wrapper:focus::before { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); pointer-events: none; } .table-of-contents__counts { display: flex; flex-wrap: wrap; margin: 0; margin-top: -8px; } .table-of-contents__count { flex-basis: 33%; display: flex; flex-direction: column; font-size: 13px; color: #1e1e1e; padding-right: 8px; margin-bottom: 0; margin-top: 8px; } .table-of-contents__count:nth-child(4n) { padding-right: 0; } .table-of-contents__number, .table-of-contents__popover .word-count { font-size: 21px; font-weight: 400; line-height: 30px; color: #1e1e1e; } .table-of-contents__title { display: block; margin-top: 20px; font-size: 15px; font-weight: 600; } .editor-template-validation-notice { display: flex; justify-content: space-between; align-items: center; } .editor-template-validation-notice .components-button { margin-left: 5px; } home/premiey/www/wp-includes/blocks/gallery/style.css 0000666 00000041020 15166032275 0017022 0 ustar 00 /** * Colors */ /** * Breakpoints & Media Queries */ /** * 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. */ /** * Colors */ /** * 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 & Editor UI. */ /** * Block paddings. */ /** * React Native specific. * These variables do not appear to be used anywhere else. */ /** * Converts a hex value into the rgb equivalent. * * @param {string} hex - the hexadecimal value to convert * @return {string} comma separated rgb values */ /** * Breakpoint mixins */ /** * Long content fade mixin * * Creates a fading overlay to signify that the content is longer * than the space allows. */ /** * Focus styles. */ /** * Applies editor left 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. */ .wp-block-gallery:not(.has-nested-images), .blocks-gallery-grid:not(.has-nested-images) { display: flex; flex-wrap: wrap; list-style-type: none; padding: 0; margin: 0; } .wp-block-gallery:not(.has-nested-images) .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images) .blocks-gallery-item, .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image, .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item { margin: 0 1em 1em 0; display: flex; flex-grow: 1; flex-direction: column; justify-content: center; position: relative; width: calc(50% - 1em); } .wp-block-gallery:not(.has-nested-images) .blocks-gallery-image:nth-of-type(even), .wp-block-gallery:not(.has-nested-images) .blocks-gallery-item:nth-of-type(even), .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image:nth-of-type(even), .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item:nth-of-type(even) { margin-right: 0; } .wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figure, .wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figure, .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figure, .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figure { margin: 0; height: 100%; display: flex; align-items: flex-end; justify-content: flex-start; } .wp-block-gallery:not(.has-nested-images) .blocks-gallery-image img, .wp-block-gallery:not(.has-nested-images) .blocks-gallery-item img, .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image img, .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item img { display: block; max-width: 100%; height: auto; width: auto; } .wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figcaption, .wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption, .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figcaption, .blocks-gallery-grid:not(.has-nested-images) .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; z-index: 2; } .wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figcaption img, .wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption img, .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figcaption img, .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption img { display: inline; } .wp-block-gallery:not(.has-nested-images) figcaption, .blocks-gallery-grid:not(.has-nested-images) figcaption { flex-grow: 1; } .wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-image a, .wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-image img, .wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-item a, .wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-item img, .blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-image a, .blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-image img, .blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-item a, .blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-item img { width: 100%; height: 100%; flex: 1; -o-object-fit: cover; object-fit: cover; } .wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-item, .blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-image, .blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-item { width: 100%; margin-right: 0; } @media (min-width: 600px) { .wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-item, .blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-image, .blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-item { width: calc(33.3333333333% - 0.6666666667em); margin-right: 1em; } .wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-item, .blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-image, .blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-item { width: calc(25% - 0.75em); margin-right: 1em; } .wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-item, .blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-image, .blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-item { width: calc(20% - 0.8em); margin-right: 1em; } .wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-item, .blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-image, .blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-item { width: calc(16.6666666667% - 0.8333333333em); margin-right: 1em; } .wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-item, .blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-image, .blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-item { width: calc(14.2857142857% - 0.8571428571em); margin-right: 1em; } .wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-item, .blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-image, .blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-item { width: calc(12.5% - 0.875em); margin-right: 1em; } .wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-image:nth-of-type(1n), .wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-item:nth-of-type(1n), .blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-image:nth-of-type(1n), .blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-item:nth-of-type(1n) { margin-right: 0; } .wp-block-gallery:not(.has-nested-images).columns-2 .blocks-gallery-image:nth-of-type(2n), .wp-block-gallery:not(.has-nested-images).columns-2 .blocks-gallery-item:nth-of-type(2n), .blocks-gallery-grid:not(.has-nested-images).columns-2 .blocks-gallery-image:nth-of-type(2n), .blocks-gallery-grid:not(.has-nested-images).columns-2 .blocks-gallery-item:nth-of-type(2n) { margin-right: 0; } .wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-image:nth-of-type(3n), .wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-item:nth-of-type(3n), .blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-image:nth-of-type(3n), .blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-item:nth-of-type(3n) { margin-right: 0; } .wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-image:nth-of-type(4n), .wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-item:nth-of-type(4n), .blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-image:nth-of-type(4n), .blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-item:nth-of-type(4n) { margin-right: 0; } .wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-image:nth-of-type(5n), .wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-item:nth-of-type(5n), .blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-image:nth-of-type(5n), .blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-item:nth-of-type(5n) { margin-right: 0; } .wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-image:nth-of-type(6n), .wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-item:nth-of-type(6n), .blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-image:nth-of-type(6n), .blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-item:nth-of-type(6n) { margin-right: 0; } .wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-image:nth-of-type(7n), .wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-item:nth-of-type(7n), .blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-image:nth-of-type(7n), .blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-item:nth-of-type(7n) { margin-right: 0; } .wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-image:nth-of-type(8n), .wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-item:nth-of-type(8n), .blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-image:nth-of-type(8n), .blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-item:nth-of-type(8n) { margin-right: 0; } } .wp-block-gallery:not(.has-nested-images) .blocks-gallery-image:last-child, .wp-block-gallery:not(.has-nested-images) .blocks-gallery-item:last-child, .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image:last-child, .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item:last-child { margin-right: 0; } .wp-block-gallery:not(.has-nested-images).alignleft, .wp-block-gallery:not(.has-nested-images).alignright, .blocks-gallery-grid:not(.has-nested-images).alignleft, .blocks-gallery-grid:not(.has-nested-images).alignright { max-width: 420px; width: 100%; } .wp-block-gallery:not(.has-nested-images).aligncenter .blocks-gallery-item figure, .blocks-gallery-grid:not(.has-nested-images).aligncenter .blocks-gallery-item figure { justify-content: center; } .wp-block-gallery:not(.is-cropped) .blocks-gallery-item { align-self: flex-start; } figure.wp-block-gallery.has-nested-images { align-items: normal; } .wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) { width: calc(50% - (var(--wp--style--unstable-gallery-gap, 16px) / 2)); margin: 0; } .wp-block-gallery.has-nested-images figure.wp-block-image { display: flex; flex-grow: 1; justify-content: center; position: relative; flex-direction: column; max-width: 100%; box-sizing: border-box; } .wp-block-gallery.has-nested-images figure.wp-block-image > div, .wp-block-gallery.has-nested-images figure.wp-block-image > a { margin: 0; flex-direction: column; flex-grow: 1; } .wp-block-gallery.has-nested-images figure.wp-block-image img { display: block; height: auto; max-width: 100% !important; width: auto; } .wp-block-gallery.has-nested-images figure.wp-block-image figcaption { background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0.3) 70%, transparent); bottom: 0; color: #fff; font-size: 13px; left: 0; margin-bottom: 0; max-height: 60%; overflow: auto; padding: 0 8px 8px; position: absolute; text-align: center; width: 100%; box-sizing: border-box; } .wp-block-gallery.has-nested-images figure.wp-block-image figcaption img { display: inline; } .wp-block-gallery.has-nested-images figure.wp-block-image figcaption a { color: inherit; } .wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border img { box-sizing: border-box; } .wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded > div, .wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded > a, .wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border > div, .wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border > a { flex: 1 1 auto; } .wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded figcaption, .wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border figcaption { flex: initial; background: none; color: inherit; margin: 0; padding: 10px 10px 9px; position: relative; } .wp-block-gallery.has-nested-images figcaption { flex-grow: 1; flex-basis: 100%; text-align: center; } .wp-block-gallery.has-nested-images:not(.is-cropped) figure.wp-block-image:not(#individual-image) { margin-top: 0; margin-bottom: auto; } .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) { align-self: inherit; } .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) > div:not(.components-drop-zone), .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) > a { display: flex; } .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) a, .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img { width: 100%; flex: 1 0 0%; height: 100%; -o-object-fit: cover; object-fit: cover; } .wp-block-gallery.has-nested-images.columns-1 figure.wp-block-image:not(#individual-image) { width: 100%; } @media (min-width: 600px) { .wp-block-gallery.has-nested-images.columns-3 figure.wp-block-image:not(#individual-image) { width: calc(33.3333333333% - (var(--wp--style--unstable-gallery-gap, 16px) * 0.6666666667)); } .wp-block-gallery.has-nested-images.columns-4 figure.wp-block-image:not(#individual-image) { width: calc(25% - (var(--wp--style--unstable-gallery-gap, 16px) * 0.75)); } .wp-block-gallery.has-nested-images.columns-5 figure.wp-block-image:not(#individual-image) { width: calc(20% - (var(--wp--style--unstable-gallery-gap, 16px) * 0.8)); } .wp-block-gallery.has-nested-images.columns-6 figure.wp-block-image:not(#individual-image) { width: calc(16.6666666667% - (var(--wp--style--unstable-gallery-gap, 16px) * 0.8333333333)); } .wp-block-gallery.has-nested-images.columns-7 figure.wp-block-image:not(#individual-image) { width: calc(14.2857142857% - (var(--wp--style--unstable-gallery-gap, 16px) * 0.8571428571)); } .wp-block-gallery.has-nested-images.columns-8 figure.wp-block-image:not(#individual-image) { width: calc(12.5% - (var(--wp--style--unstable-gallery-gap, 16px) * 0.875)); } .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image) { width: calc(33.33% - (var(--wp--style--unstable-gallery-gap, 16px) * 0.6666666667)); } .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2), .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2) ~ figure.wp-block-image:not(#individual-image) { width: calc(50% - (var(--wp--style--unstable-gallery-gap, 16px) * 0.5)); } .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(1) { width: 100%; } } .wp-block-gallery.has-nested-images.alignleft, .wp-block-gallery.has-nested-images.alignright { max-width: 420px; width: 100%; } .wp-block-gallery.has-nested-images.aligncenter { justify-content: center; }
| ver. 1.4 |
Github
|
.
| PHP 5.4.45 | Generation time: 0.03 |
proxy
|
phpinfo
|
Settings