@charset "UTF-8"; /** * Converts a hex value into the rgb equivalent. * * @param {string} hex - the hexadecimal value to convert * @return {string} comma separated rgb values */ /** * 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. */ /** * Converts a hex value into the rgb equivalent. * * @param {string} hex - the hexadecimal value to convert * @return {string} comma separated rgb values */ /** * 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 */ /** * Long content fade mixin * * Creates a fading overlay to signify that the content is longer * than the space allows. */ /** * Breakpoint mixins */ /** * 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: #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 (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-components-color-accent, var(--wp-admin-theme-color, #3858e9)); } .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: var(--wp-components-color-foreground, #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.is-next-40px-default-size { height: 40px; } .components-button[aria-expanded=true], .components-button:hover { color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); } .components-button:disabled:hover, .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-components-color-accent, var(--wp-admin-theme-color, #3858e9)); outline: 3px solid transparent; } .components-button.is-primary { white-space: nowrap; background: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); color: var(--wp-components-color-accent-inverted, #fff); text-decoration: none; text-shadow: none; outline: 1px solid transparent; } .components-button.is-primary:hover:not(:disabled) { background: var(--wp-components-color-accent-darker-10, var(--wp-admin-theme-color-darker-10, #2145e6)); color: var(--wp-components-color-accent-inverted, #fff); } .components-button.is-primary:active:not(:disabled) { background: var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #183ad6)); border-color: var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #183ad6)); color: var(--wp-components-color-accent-inverted, #fff); } .components-button.is-primary:focus:not(:disabled) { box-shadow: inset 0 0 0 1px var(--wp-components-color-background, #fff), 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); } .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-components-color-accent, var(--wp-admin-theme-color, #3858e9)); border-color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); 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: inset 0 0 0 1px var(--wp-components-color-background, #fff), 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); } .components-button.is-primary.is-busy, .components-button.is-primary.is-busy:disabled, .components-button.is-primary.is-busy[aria-disabled=true] { color: var(--wp-components-color-accent-inverted, #fff); background-size: 100px 100%; /* stylelint-disable */ background-image: linear-gradient(-45deg, var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)) 33%, var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #183ad6)) 33%, var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #183ad6)) 70%, var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)) 70%); /* stylelint-enable */ border-color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); } .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) { box-shadow: none; } .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: #949494; background: transparent; transform: none; opacity: 1; } .components-button.is-secondary { box-shadow: inset 0 0 0 1px var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); outline: 1px solid transparent; white-space: nowrap; color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); background: transparent; } .components-button.is-secondary:hover:not(:disabled, [aria-disabled=true]) { box-shadow: inset 0 0 0 1px var(--wp-components-color-accent-darker-10, var(--wp-admin-theme-color-darker-10, #2145e6)); } .components-button.is-secondary:disabled:not(:focus), .components-button.is-secondary[aria-disabled=true]:not(:focus), .components-button.is-secondary[aria-disabled=true]:hover:not(:focus) { box-shadow: inset 0 0 0 1px #ddd; } .components-button.is-tertiary { white-space: nowrap; color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); background: transparent; } .components-button.is-tertiary:hover:not(:disabled, [aria-disabled=true]) { /* stylelint-disable-next-line declaration-property-value-disallowed-list */ background: rgba(var(--wp-admin-theme-color--rgb), 0.04); } .components-button.is-tertiary:active:not(:disabled, [aria-disabled=true]) { /* stylelint-disable-next-line declaration-property-value-disallowed-list */ background: rgba(var(--wp-admin-theme-color--rgb), 0.08); } p + .components-button.is-tertiary { margin-left: -6px; } .components-button.is-tertiary:disabled:not(:focus), .components-button.is-tertiary[aria-disabled=true]:not(:focus), .components-button.is-tertiary[aria-disabled=true]:hover:not(:focus) { box-shadow: none; outline: none; } .components-button.is-destructive { --wp-components-color-accent: #cc1818; --wp-components-color-accent-darker-10: #9e1313; --wp-components-color-accent-darker-20: #710d0d; } .components-button.is-destructive:not(.is-primary):not(.is-secondary):not(.is-tertiary):not(.is-link) { color: #cc1818; } .components-button.is-destructive:not(.is-primary):not(.is-secondary):not(.is-tertiary):not(.is-link):hover:not(:disabled) { color: #710d0d; } .components-button.is-destructive:not(.is-primary):not(.is-secondary):not(.is-tertiary):not(.is-link):focus:not(:disabled) { box-shadow: 0 0 0 var(--wp-admin-border-width-focus) #cc1818; } .components-button.is-destructive:not(.is-primary):not(.is-secondary):not(.is-tertiary):not(.is-link):active:not(:disabled) { background: #ccc; } .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-components-color-accent, var(--wp-admin-theme-color, #3858e9)); 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:not(:disabled, [aria-disabled=true]):active { color: var(--wp-components-color-foreground, #1e1e1e); } .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 */ } @media (prefers-reduced-motion: reduce) { .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-duration: 0s; } } .components-button.is-compact { height: 32px; } .components-button.is-compact.has-icon:not(.has-text) { padding: 0; width: 32px; min-width: 32px; } .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.is-next-40px-default-size { min-width: 40px; } .components-button.has-icon .dashicon { display: inline-flex; justify-content: center; align-items: center; padding: 2px; box-sizing: content-box; } .components-button.has-icon.has-text { justify-content: start; padding-right: 12px; padding-left: 8px; gap: 4px; } .components-button.is-pressed { color: var(--wp-components-color-foreground-inverted, #fff); background: var(--wp-components-color-foreground, #1e1e1e); } .components-button.is-pressed:focus:not(:disabled) { box-shadow: inset 0 0 0 1px var(--wp-components-color-background, #fff), 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); outline: 2px solid transparent; } .components-button.is-pressed:hover:not(:disabled) { color: var(--wp-components-color-foreground-inverted, #fff); background: var(--wp-components-color-foreground, #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 #949494; /* 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 0.5px 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; } } .components-checkbox-control__input[type=checkbox][aria-disabled=true], .components-checkbox-control__input[type=checkbox]:disabled { background: #f0f0f0; border-color: #ddd; cursor: default; opacity: 1; } @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 var(--wp-admin-border-width-focus) #fff, 0 0 0 calc(2 * var(--wp-admin-border-width-focus)) var(--wp-admin-theme-color); outline: 2px solid transparent; outline-offset: 2px; } .components-checkbox-control__input[type=checkbox]:checked, .components-checkbox-control__input[type=checkbox]:indeterminate { background: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); border-color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); } .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; position: relative; z-index: 1; } .components-circular-option-picker > *:not(.components-circular-option-picker__swatches) { position: relative; z-index: 0; } .components-circular-option-picker__option-wrapper { display: inline-block; height: 28px; width: 28px; vertical-align: top; transform: scale(1); transition: 100ms transform ease; will-change: transform; } @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[aria-pressed=true], .components-circular-option-picker__option[aria-selected=true] { box-shadow: inset 0 0 0 4px; position: relative; z-index: 1; overflow: visible; } .components-circular-option-picker__option[aria-pressed=true] + svg, .components-circular-option-picker__option[aria-selected=true] + 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-radius: 50%; box-shadow: inset 0 0 0 2px #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border: 2px solid #757575; width: calc(100% + 4px); height: calc(100% + 4px); } .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: 260px; 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; background: #fff linear-gradient(-45deg, transparent 48%, #ddd 48%, #ddd 52%, transparent 52%); } .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 #949494; /* 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 0.5px 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 0.5px 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-palette__custom-color-wrapper { position: relative; z-index: 0; } .components-color-palette__custom-color-button { position: relative; border: none; background: none; height: 64px; width: 100%; box-sizing: border-box; cursor: pointer; outline: 1px solid transparent; border-radius: 2px 2px 0 0; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); } .components-color-palette__custom-color-button:focus { box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); outline-width: 2px; } .components-color-palette__custom-color-button::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; /*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, 24px 24px; /*rtl:end:ignore*/ background-size: calc(2 * 24px) calc(2 * 24px); } .components-color-palette__custom-color-text-wrapper { padding: 12px 16px; border-radius: 0 0 2px 2px; position: relative; font-size: 13px; box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.2), inset 1px 0 0 0 rgba(0, 0, 0, 0.2), inset -1px 0 0 0 rgba(0, 0, 0, 0.2); } .components-color-palette__custom-color-name { color: var(--wp-components-color-foreground, #1e1e1e); margin: 0 1px; } .components-color-palette__custom-color-value { color: #757575; } .components-color-palette__custom-color-value--is-hex { text-transform: uppercase; } .components-color-palette__custom-color-value:empty::after { content: "​"; visibility: hidden; } .components-custom-gradient-picker__gradient-bar { border-radius: 2px; width: 100%; height: 48px; position: relative; z-index: 1; } .components-custom-gradient-picker__gradient-bar.has-gradient { /*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, 12px 12px; /*rtl:end:ignore*/ background-size: calc(2 * 12px) calc(2 * 12px); } .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__gradient-bar-background { position: absolute; inset: 0; } .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-gradient-picker__ui-line { position: relative; z-index: 0; } .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__hint { color: #949494; margin-left: 10px; } .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-40px-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: #949494; 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-components-color-accent, var(--wp-admin-theme-color, #3858e9)); 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 8px; 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__toggle { vertical-align: top; } .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-dropdown-menu__menu-item.is-active .dashicon, .components-dropdown-menu__menu .components-menu-item.is-active svg, .components-dropdown-menu__menu .components-menu-item.is-active .dashicon { color: #fff; background: #1e1e1e; box-shadow: 0 0 0 1px #1e1e1e; border-radius: 1px; } .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-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-form-toggle { position: relative; display: inline-block; } .components-form-toggle .components-form-toggle__track { position: relative; 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-color ease, 0.2s border-color ease; overflow: hidden; } @media (prefers-reduced-motion: reduce) { .components-form-toggle .components-form-toggle__track { transition-duration: 0s; transition-delay: 0s; } } .components-form-toggle .components-form-toggle__track::after { content: ""; position: absolute; inset: 0; box-sizing: border-box; border-top: 18px solid transparent; transition: 0.2s opacity ease; opacity: 0; } @media (prefers-reduced-motion: reduce) { .components-form-toggle .components-form-toggle__track::after { 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.2s transform ease, 0.2s background-color ease-out; background-color: #1e1e1e; border: 6px solid transparent; } @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-components-color-accent, var(--wp-admin-theme-color, #3858e9)); border-color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); } .components-form-toggle.is-checked .components-form-toggle__track::after { opacity: 1; } .components-form-toggle .components-form-toggle__input:focus + .components-form-toggle__track { box-shadow: 0 0 0 var(--wp-admin-border-width-focus) #fff, 0 0 0 calc(2 * var(--wp-admin-border-width-focus)) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); 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 #949494; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px; /* Override core line-height. To be reviewed. */ line-height: normal; width: 100%; 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 0.5px 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 0.5px 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__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-components-color-accent, var(--wp-admin-theme-color, #3858e9)); } .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: 128px; overflow-y: auto; transition: all 0.15s ease-in-out; list-style: none; box-shadow: inset 0 1px 0 0 #949494; 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: #1e1e1e; display: block; font-size: 13px; padding: 8px 12px; min-height: 32px; margin: 0; cursor: pointer; box-sizing: border-box; } .components-form-token-field__suggestion.is-selected { background: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); color: #fff; } @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: 36px; 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; color: #e0e0e0; } .components-guide__page-control li[aria-current=step] .components-button { color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); } .components-modal__frame.components-guide { border: none; min-width: 312px; 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 { position: absolute; } .components-button.components-guide__back-button { left: 32px; } .components-button.components-guide__forward-button, .components-button.components-guide__finish-button { right: 32px; } [role=region] { position: relative; } .is-focusing-regions [role=region]:focus::after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ""; pointer-events: none; outline: 4px solid var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); outline-offset: -4px; z-index: 1000000; } .is-focusing-regions.is-distraction-free .interface-interface-skeleton__header .edit-post-header, .is-focusing-regions .interface-interface-skeleton__sidebar .edit-post-layout__toggle-sidebar-panel, .is-focusing-regions .interface-interface-skeleton__actions .edit-post-layout__toggle-publish-panel, .is-focusing-regions .interface-interface-skeleton__actions .edit-post-layout__toggle-entities-saved-states-panel, .is-focusing-regions .editor-post-publish-panel { outline: 4px solid var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); 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; box-sizing: initial; } .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-components-color-accent-darker-10, var(--wp-admin-theme-color-darker-10, #2145e6)); 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 { box-sizing: border-box; margin: 40px 0 0 0; width: 100%; background: #fff; box-shadow: 0 0.7px 1px rgba(0, 0, 0, 0.15), 0 2.7px 3.8px -0.2px rgba(0, 0, 0, 0.15), 0 5.5px 7.8px -0.3px rgba(0, 0, 0, 0.15), 0.1px 11.5px 16.4px -0.5px rgba(0, 0, 0, 0.15); border-radius: 4px 4px 0 0; overflow: hidden; display: flex; animation: components-modal__appear-animation 0.1s ease-out; animation-fill-mode: forwards; } .components-modal__frame *, .components-modal__frame *::before, .components-modal__frame *::after { box-sizing: inherit; } @media (prefers-reduced-motion: reduce) { .components-modal__frame { animation-duration: 1ms; animation-delay: 0s; } } @media (min-width: 600px) { .components-modal__frame { border-radius: 4px; margin: auto; width: auto; min-width: 350px; max-width: calc(100% - 32px); max-height: calc(100% - 120px); } } @media (min-width: 600px) and (min-width: 600px) { .components-modal__frame.is-full-screen { width: calc(100% - 32px); height: calc(100% - 32px); max-height: none; } } @media (min-width: 600px) and (min-width: 782px) { .components-modal__frame.is-full-screen { width: calc(100% - 80px); height: calc(100% - 80px); max-width: none; } } @media (min-width: 600px) { .components-modal__frame.has-size-small, .components-modal__frame.has-size-medium, .components-modal__frame.has-size-large { width: 100%; } } @media (min-width: 600px) { .components-modal__frame.has-size-small { max-width: 384px; } } @media (min-width: 600px) { .components-modal__frame.has-size-medium { max-width: 512px; } } @media (min-width: 600px) { .components-modal__frame.has-size-large { max-width: 840px; } } @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: 24px 32px 8px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; height: 72px; 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: 72px; padding: 4px 32px 32px; overflow: auto; } .components-modal__content.hide-header { margin-top: 0; padding-top: 32px; } .components-modal__content.is-scrollable:focus-visible { box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); outline: 2px solid transparent; outline-offset: -2px; } .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-components-color-accent, var(--wp-admin-theme-color, #3858e9)); padding: 8px 12px; align-items: center; } .components-notice.is-dismissible { 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-components-color-accent, var(--wp-admin-theme-color, #3858e9)); 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 { font-size: 13px; box-sizing: border-box; position: relative; padding: 1em; 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: top; 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; letter-spacing: initial; line-height: initial; text-transform: none; font-weight: normal; } .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: 12px; 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.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 #949494; /* 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 0.5px 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; -webkit-backdrop-filter: blur(100px); backdrop-filter: blur(100px); background-color: transparent; backface-visibility: hidden; border-radius: 2px; overflow: auto; } .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; pointer-events: none; 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; pointer-events: auto; } .components-placeholder.has-illustration::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; background: currentColor; opacity: 0.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; opacity: 0.25; } .components-popover { box-sizing: border-box; z-index: 1000000; will-change: transform; } .components-popover *, .components-popover *::before, .components-popover *::after { box-sizing: inherit; } .components-popover.is-expanded { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1000000 !important; } .components-popover__content { background: #fff; box-shadow: 0 0 0 1px #ccc, 0 0.7px 1px rgba(0, 0, 0, 0.1), 0 1.2px 1.7px -0.2px rgba(0, 0, 0, 0.1), 0 2.3px 3.3px -0.5px rgba(0, 0, 0, 0.1); border-radius: 2px; box-sizing: border-box; width: min-content; } .is-alternate .components-popover__content { box-shadow: 0 0 0 1px #1e1e1e; } .is-unstyled .components-popover__content { background: none; border-radius: 0; box-shadow: none; } .components-popover.is-expanded .components-popover__content { position: static; height: calc(100% - 48px); overflow-y: visible; width: auto; box-shadow: 0 -1px 0 0 #ccc; } .components-popover.is-expanded.is-alternate .components-popover__content { box-shadow: 0 -1px 0 #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-popover-pointer-events-trap { z-index: 1000000; position: fixed; inset: 0; background-color: transparent; } .components-radio-control__option { display: flex; align-items: center; } .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 #949494; /* 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; display: inline-flex; margin: 0 6px 0 0; padding: 0; -webkit-appearance: none; appearance: none; cursor: pointer; } @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 0.5px 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-radio-control__input[type=radio]:focus { box-shadow: 0 0 0 2px var(--wp-components-color-background, #fff), 0 0 0 4px var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); } .components-radio-control__input[type=radio]:checked { background: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); border-color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); } .components-radio-control__input[type=radio]:checked::before { content: ""; border-radius: 50%; } .components-radio-control__label { cursor: pointer; } .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-components-color-accent, var(--wp-admin-theme-color, #3858e9)); outline: 2px solid transparent; } .components-resizable-box__side-handle::before { display: block; border-radius: 2px; content: ""; width: 3px; height: 3px; background: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); cursor: inherit; position: absolute; top: calc(50% - 1px); right: calc(50% - 1px); transition: transform 0.1s ease-in; will-change: transform; 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 (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%; display: flex; align-items: center; justify-content: center; } .components-responsive-wrapper__content { display: block; max-width: 100%; width: 100%; } .components-sandbox { overflow: hidden; } iframe.components-sandbox { width: 100%; } html.lockscroll, body.lockscroll { overflow: hidden; } .components-select-control__input { outline: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important; } @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: rgba(0, 0, 0, 0.85); -webkit-backdrop-filter: blur(16px) saturate(180%); backdrop-filter: blur(16px) saturate(180%); border-radius: 2px; box-shadow: 0 0.7px 1px rgba(0, 0, 0, 0.1), 0 1.2px 1.7px -0.2px rgba(0, 0, 0, 0.1), 0 2.3px 3.3px -0.5px rgba(0, 0, 0, 0.1); color: #fff; padding: 12px 20px; 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: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); } .components-snackbar.components-snackbar-explicit-dismiss { cursor: default; } .components-snackbar .components-snackbar__content-with-icon { position: relative; padding-left: 24px; } .components-snackbar .components-snackbar__icon { position: absolute; left: -8px; top: calc((5.8px) / -2); } .components-snackbar .components-snackbar__dismiss-button { margin-left: 24px; 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 { text-decoration: none; color: #fff; } .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 { position: relative; border-radius: 0; height: 48px; background: transparent; border: none; box-shadow: none; cursor: pointer; padding: 3px 16px; margin-left: 0; font-weight: 500; } .components-tab-panel__tabs-item:focus:not(:disabled) { position: relative; box-shadow: none; outline: none; } .components-tab-panel__tabs-item::after { content: ""; position: absolute; right: 0; bottom: 0; left: 0; pointer-events: none; background: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); height: calc(0 * var(--wp-admin-border-width-focus)); border-radius: 0; transition: all 0.1s linear; } @media (prefers-reduced-motion: reduce) { .components-tab-panel__tabs-item::after { transition-duration: 0s; transition-delay: 0s; } } .components-tab-panel__tabs-item.is-active::after { height: calc(1 * var(--wp-admin-border-width-focus)); outline: 2px solid transparent; outline-offset: -1px; } .components-tab-panel__tabs-item::before { content: ""; position: absolute; top: 12px; right: 12px; bottom: 12px; left: 12px; pointer-events: none; box-shadow: 0 0 0 0 transparent; border-radius: 2px; transition: all 0.1s linear; } @media (prefers-reduced-motion: reduce) { .components-tab-panel__tabs-item::before { transition-duration: 0s; transition-delay: 0s; } } .components-tab-panel__tabs-item:focus-visible::before { box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); outline: 2px solid transparent; } .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%; height: 32px; 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 #949494; /* 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 0.5px 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-text-control__input.is-next-40px-default-size, .components-text-control__input[type=text].is-next-40px-default-size, .components-text-control__input[type=tel].is-next-40px-default-size, .components-text-control__input[type=time].is-next-40px-default-size, .components-text-control__input[type=url].is-next-40px-default-size, .components-text-control__input[type=week].is-next-40px-default-size, .components-text-control__input[type=password].is-next-40px-default-size, .components-text-control__input[type=color].is-next-40px-default-size, .components-text-control__input[type=date].is-next-40px-default-size, .components-text-control__input[type=datetime].is-next-40px-default-size, .components-text-control__input[type=datetime-local].is-next-40px-default-size, .components-text-control__input[type=email].is-next-40px-default-size, .components-text-control__input[type=month].is-next-40px-default-size, .components-text-control__input[type=number].is-next-40px-default-size { height: 40px; } .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.is-unstyled { border: none; } .components-accessible-toolbar.is-unstyled > .components-toolbar-group { 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:not(:disabled), .components-toolbar .components-button:focus:not(:disabled) { 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 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); 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: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 { justify-content: center; 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 { background: #000; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; border-radius: 2px; color: #f0f0f0; text-align: center; line-height: 1.4; font-size: 12px; padding: 4px 8px; z-index: 1000002; } .components-tooltip__shortcut { margin-left: 8px; } @charset "UTF-8"; /** * Converts a hex value into the rgb equivalent. * * @param {string} hex - the hexadecimal value to convert * @return {string} comma separated rgb values */ /** * 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. */ /** * Converts a hex value into the rgb equivalent. * * @param {string} hex - the hexadecimal value to convert * @return {string} comma separated rgb values */ /** * 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 */ /** * Long content fade mixin * * Creates a fading overlay to signify that the content is longer * than the space allows. */ /** * Breakpoint mixins */ /** * 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; --wp-block-synced-color: #7a00df; --wp-block-synced-color--rgb: 122, 0, 223; --wp-bound-block-color: #9747ff; } @media (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-bindings-toolbar-indicator { display: inline-flex; align-items: center; height: 48px; padding: 6px; } .block-editor-block-bindings-toolbar-indicator svg g { stroke: var(--wp-bound-block-color); fill: transparent; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; } iframe[name=editor-canvas] { width: 100%; height: 100%; display: block; } iframe[name=editor-canvas]:not(.has-editor-padding) { background-color: #fff; } iframe[name=editor-canvas].has-editor-padding { padding: 24px 24px 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-focal-point-picker-control .components-base-control, .block-editor-block-inspector .components-query-controls .components-base-control, .block-editor-block-inspector .components-range-control .components-base-control { margin-bottom: 0; } .block-editor-block-inspector .components-panel__body { border: none; border-top: 1px solid #e0e0e0; margin-top: -1px; } .block-editor-block-inspector__no-blocks, .block-editor-block-inspector__no-block-tools { display: block; font-size: 13px; background: #fff; padding: 32px 16px; text-align: center; } .block-editor-block-inspector__no-block-tools { border-top: 1px solid #ddd; } .block-editor-block-inspector__tab-item { flex: 1 1 0px; } /** * 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); border-radius: 2px; transform-origin: center; opacity: 0; will-change: transform, opacity; } .block-editor-block-list__insertion-point.is-vertical > .block-editor-block-list__insertion-point-indicator { top: calc(50% - 2px); height: 4px; width: 100%; } .block-editor-block-list__insertion-point.is-horizontal > .block-editor-block-list__insertion-point-indicator { top: 0; bottom: 0; left: calc(50% - 2px); width: 4px; } .block-editor-block-list__insertion-point-inserter { display: none; position: absolute; will-change: transform; 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-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-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 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 .components-button[aria-disabled=true]:hover { 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 .block-editor-block-contextual-toolbar { border: 1px solid #1e1e1e; border-radius: 2px; overflow: visible; position: static; width: auto; } .components-popover.block-editor-block-list__block-popover .block-editor-block-contextual-toolbar.has-parent { margin-left: calc(48px + 8px); } .show-icon-labels .components-popover.block-editor-block-list__block-popover .block-editor-block-contextual-toolbar.has-parent { margin-left: 0; } .components-popover.block-editor-block-list__block-popover .block-editor-block-toolbar { overflow: visible; } .components-popover.block-editor-block-list__block-popover .block-editor-block-toolbar .components-toolbar-group, .components-popover.block-editor-block-list__block-popover .block-editor-block-toolbar .components-toolbar { border-right-color: #1e1e1e; } .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; } .components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector { position: absolute; left: calc(-48px - 8px - 1px); } .components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector::before { content: ""; } .components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector .block-editor-block-parent-selector__button { border: 1px solid #1e1e1e; padding-right: 6px; padding-left: 6px; background-color: #fff; } .show-icon-labels .components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector .block-editor-block-parent-selector__button { padding-right: 12px; padding-left: 12px; } .show-icon-labels .components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector { position: relative; left: auto; margin-left: -1px; } .show-icon-labels .components-popover.block-editor-block-list__block-popover .block-editor-block-mover__move-button-container, .show-icon-labels .components-popover.block-editor-block-list__block-popover .block-editor-block-toolbar__block-controls .block-editor-block-mover { border-left: 1px solid #1e1e1e; } .is-dragging-components-draggable .components-tooltip { display: none; } .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__checklist-item { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 0; padding: 12px 0 12px 32px; } .block-editor-block-lock-modal__checklist-item .block-editor-block-lock-modal__lock-icon { flex-shrink: 0; 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__actions { margin-top: 24px; } .block-editor-block-lock-toolbar .components-button.has-icon { min-width: 36px !important; } .block-editor-block-toolbar__block-controls .block-editor-block-lock-toolbar { margin-left: -6px !important; } .show-icon-labels .block-editor-block-toolbar__block-controls .block-editor-block-lock-toolbar { border-left: 1px solid #1e1e1e; margin-left: 6px !important; margin-right: -6px; } .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: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); outline: 2px solid transparent; } .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 { align-items: flex-start; color: #1e1e1e; display: flex; padding: 16px; } .block-editor-block-card__content { flex-grow: 1; } .block-editor-block-card__title { font-weight: 500; } .block-editor-block-card__title.block-editor-block-card__title { font-size: 13px; line-height: 1.4; margin: 0; padding: 3px 0; } .block-editor-block-card__description { display: block; font-size: 13px; line-height: 1.4; margin-top: 4px; } .block-editor-block-card .block-editor-block-icon { flex: 0 0 24px; margin-left: 0; margin-right: 12px; width: 24px; height: 24px; } .block-editor-block-card.is-synced .block-editor-block-icon { color: var(--wp-block-synced-color); } /** * 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-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; position: relative; -webkit-user-select: none; user-select: none; width: max-content; } .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-draggable-chip__disabled.block-editor-block-draggable-chip__disabled { opacity: 0; position: absolute; top: 0; right: 0; left: 0; bottom: 0; display: flex; justify-content: center; align-items: center; background-color: transparent; transition: all 0.1s linear 0.1s; } .block-editor-block-draggable-chip__disabled.block-editor-block-draggable-chip__disabled .block-editor-block-draggable-chip__disabled-icon { width: 20px; height: 20px; box-shadow: inset 0 0 0 1.5px #fff; border-radius: 50%; display: inline-block; padding: 0; background: transparent linear-gradient(-45deg, transparent 47.5%, #fff 47.5%, #fff 52.5%, transparent 52.5%); } .block-draggable-invalid-drag-token .block-editor-block-draggable-chip__disabled.block-editor-block-draggable-chip__disabled { background-color: #757575; opacity: 1; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); } .block-editor-block-mover__move-button-container { display: flex; padding: 0; border: none; justify-content: center; } @media (min-width: 600px) { .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container { flex-direction: column; } .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container > * { height: 20px; width: 100%; min-width: 0 !important; } .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container > *::before { height: calc(100% - 4px); } .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container .block-editor-block-mover-button.is-up-button svg { top: 3px; 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: 3px; 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; overflow: hidden; } .block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container .block-editor-block-mover-button { padding-left: 0; padding-right: 0; } .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; } } .block-editor-block-mover__drag-handle { cursor: grab; } @media (min-width: 600px) { .block-editor-block-mover__drag-handle { width: 24px; min-width: 0 !important; overflow: hidden; } .block-editor-block-mover .block-editor-block-mover__drag-handle.has-icon.has-icon { padding-left: 0; padding-right: 0; } } .components-button.block-editor-block-mover-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-button.block-editor-block-mover-button::before { animation-duration: 1ms; animation-delay: 0s; } } .components-button.block-editor-block-mover-button:focus, .components-button.block-editor-block-mover-button:focus:enabled, .components-button.block-editor-block-mover-button:focus::before { box-shadow: none; outline: none; } .components-button.block-editor-block-mover-button:focus-visible::before { 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-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-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] { cursor: grab; } .block-editor-block-patterns-list__item { height: 100%; scroll-margin-top: 24px; scroll-margin-bottom: 56px; } .block-editor-block-patterns-list__item .block-editor-block-preview__container { display: flex; align-items: center; overflow: hidden; border-radius: 4px; } .block-editor-block-patterns-list__item .block-editor-block-patterns-list__item-title { text-align: left; flex-grow: 1; } .block-editor-block-patterns-list__item:hover .block-editor-block-preview__container { box-shadow: 0 0 0 2px #1e1e1e; } .block-editor-block-patterns-list__item:focus .block-editor-block-preview__container { box-shadow: 0 0 0 var(--wp-admin-border-width-focus) #fff, 0 0 0 calc(2 * var(--wp-admin-border-width-focus)) #1e1e1e; outline: 2px solid transparent; outline-offset: 2px; } .block-editor-block-patterns-list__item.block-editor-block-patterns-list__list-item-synced:hover .block-editor-block-preview__container, .block-editor-block-patterns-list__item.block-editor-block-patterns-list__list-item-synced:focus .block-editor-block-preview__container { box-shadow: 0 0 0 2px var(--wp-block-synced-color), 0 15px 25px rgba(0, 0, 0, 0.07); } .block-editor-block-patterns-list__item .block-editor-patterns__pattern-details { align-items: center; margin-top: 8px; } .block-editor-block-patterns-list__item .block-editor-patterns__pattern-icon-wrapper { min-width: 24px; height: 24px; } .block-editor-block-patterns-list__item .block-editor-patterns__pattern-icon-wrapper .block-editor-patterns__pattern-icon { fill: var(--wp-block-synced-color); } .block-editor-patterns__grid-pagination-wrapper .block-editor-patterns__grid-pagination { border-top: 1px solid #2f2f2f; padding: 4px; justify-content: center; } .block-editor-patterns__grid-pagination-wrapper .block-editor-patterns__grid-pagination .components-button.is-tertiary { width: auto; height: 32px; justify-content: center; } .block-editor-patterns__grid-pagination-wrapper .block-editor-patterns__grid-pagination .components-button.is-tertiary:disabled { color: #949494; background: none; } .block-editor-patterns__grid-pagination-wrapper .block-editor-patterns__grid-pagination .components-button.is-tertiary:hover:not(:disabled) { color: #fff; background-color: #757575; } .show-icon-labels .block-editor-patterns__grid-pagination { flex-direction: column; } .show-icon-labels .block-editor-patterns__grid-pagination .block-editor-patterns__grid-pagination-previous, .show-icon-labels .block-editor-patterns__grid-pagination .block-editor-patterns__grid-pagination-next { flex-direction: column; } .show-icon-labels .block-editor-patterns__grid-pagination .components-button { width: auto; } .show-icon-labels .block-editor-patterns__grid-pagination .components-button span { display: none; } .show-icon-labels .block-editor-patterns__grid-pagination .components-button::before { content: attr(aria-label); } .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; overflow-y: visible; } .components-popover.block-editor-block-popover:not(.block-editor-block-popover__inbetween, .block-editor-block-popover__drop-zone, .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; } .components-popover.block-editor-block-popover__drop-zone * { pointer-events: none; } .components-popover.block-editor-block-popover__drop-zone .block-editor-block-popover__drop-zone-foreground { position: absolute; inset: 0; background-color: var(--wp-admin-theme-color); border-radius: 2px; } .block-editor-block-preview__container { position: relative; width: 100%; overflow: hidden; } .block-editor-block-preview__container .block-editor-block-preview__content { width: 100%; 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-list-appender { display: none; } .block-editor-block-preview__container::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } .block-editor-block-rename-modal { z-index: 1000001; } .block-editor-block-styles__preview-panel { display: none; z-index: 90; } @media (min-width: 782px) { .block-editor-block-styles__preview-panel { display: block; } } .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 button.components-button.block-editor-block-styles__item { color: #1e1e1e; box-shadow: inset 0 0 0 1px #ddd; display: inline-block; width: calc(50% - 4px); } .block-editor-block-styles__variants button.components-button.block-editor-block-styles__item:hover { color: var(--wp-admin-theme-color); box-shadow: inset 0 0 0 1px #ddd; } .block-editor-block-styles__variants button.components-button.block-editor-block-styles__item.is-active, .block-editor-block-styles__variants button.components-button.block-editor-block-styles__item.is-active:hover { background-color: #1e1e1e; box-shadow: none; } .block-editor-block-styles__variants button.components-button.block-editor-block-styles__item.is-active .block-editor-block-styles__item-text, .block-editor-block-styles__variants button.components-button.block-editor-block-styles__item.is-active:hover .block-editor-block-styles__item-text { color: #fff; } .block-editor-block-styles__variants button.components-button.block-editor-block-styles__item:focus, .block-editor-block-styles__variants button.components-button.block-editor-block-styles__item.is-active: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-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; } .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; overflow: hidden; } .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 { width: 300px; border: 1px solid #1e1e1e; background: #fff; border-radius: 2px; outline: none; box-shadow: none; overflow: auto; } .block-editor-block-switcher__preview__popover .block-editor-block-switcher__preview { max-height: calc(500px - 32px); margin: 16px 0; padding: 0 16px; overflow: hidden; } .block-editor-block-switcher__preview__popover .block-editor-block-switcher__preview.is-pattern-list-preview { overflow: unset; } .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-switcher__no-transforms { color: #757575; padding: 6px 8px; margin: 0; } .block-editor-block-types-list > [role=presentation] { overflow: hidden; display: flex; flex-wrap: wrap; } .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 { padding-top: 4px; } .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__item { scroll-margin: 5px 0; } .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__item:hover .block-editor-block-preview__container { box-shadow: 0 0 0 2px var(--wp-admin-theme-color); } .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__item:focus .block-editor-block-preview__container { box-shadow: 0 0 0 var(--wp-admin-border-width-focus) #fff, 0 0 0 calc(2 * var(--wp-admin-border-width-focus)) var(--wp-admin-theme-color); outline: 2px solid transparent; outline-offset: 2px; } .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__item:hover .block-editor-block-pattern-setup-list__item-title, .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__item:focus .block-editor-block-pattern-setup-list__item-title { color: var(--wp-admin-theme-color); } .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-pattern-setup-list__item-title { padding-top: 8px; font-size: 12px; text-align: center; cursor: pointer; } .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: stretch; } .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%; height: 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; height: 100%; 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%; height: 100%; background-color: #fff; 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-border-radius-control__unit-control { width: calc((100% - 16px) / 2); margin-bottom: 0; margin-right: 16px; flex-shrink: 0; } .components-border-radius-control .components-border-radius-control__wrapper .components-border-radius-control__range-control { flex: 1; margin-right: 12px; } .components-border-radius-control .components-border-radius-control__wrapper .components-border-radius-control__range-control > div { height: 40px; display: flex; align-items: center; } .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: grid; gap: 16px; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-right: 12px; } .components-border-radius-control .component-border-radius-control__linked-button { display: flex; justify-content: center; margin-top: 8px; } .components-border-radius-control .component-border-radius-control__linked-button svg { margin-right: 0; } .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-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); } } .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 #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; } .block-editor-tools-panel-color-gradient-settings__item:nth-child(1 of .block-editor-tools-panel-color-gradient-settings__item) { margin-top: 24px; border-top-left-radius: 2px; border-top-right-radius: 2px; border-top: 1px solid #ddd; } .block-editor-tools-panel-color-gradient-settings__item:nth-last-child(1 of .block-editor-tools-panel-color-gradient-settings__item) { 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-date-format-picker { margin-bottom: 16px; } .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: 260px; } .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__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-global-styles__toggle-icon { fill: currentColor; } .block-editor-global-styles__shadow-popover-container { width: 230px; } .block-editor-global-styles__shadow__list { display: flex; gap: 12px; flex-wrap: wrap; padding-bottom: 8px; } .block-editor-global-styles__clear-shadow { text-align: right; } .block-editor-global-styles-filters-panel__dropdown, .block-editor-global-styles__shadow-dropdown { display: block; padding: 0; } .block-editor-global-styles-filters-panel__dropdown button, .block-editor-global-styles__shadow-dropdown button { width: 100%; padding: 8px; } .block-editor-global-styles-filters-panel__dropdown button.is-open, .block-editor-global-styles__shadow-dropdown button.is-open { background-color: #f0f0f0; } .block-editor-global-styles__shadow-indicator { color: #2f2f2f; border: #e0e0e0 1px solid; border-radius: 2px; cursor: pointer; padding: 0; height: 26px; width: 26px; box-sizing: border-box; transform: scale(1); transition: transform 0.1s ease; will-change: transform; } .block-editor-global-styles__shadow-indicator:focus { border: 2px solid #757575; } .block-editor-global-styles__shadow-indicator:hover { transform: scale(1.2); } .block-editor-global-styles__shadow-indicator.unset { background: linear-gradient(-45deg, transparent 48%, #ddd 48%, #ddd 52%, transparent 52%); } .block-editor-global-styles-advanced-panel__custom-css-input textarea { font-family: Menlo, Consolas, monaco, monospace; /*rtl:ignore*/ direction: ltr; } .block-editor-grid-visualizer { z-index: 30 !important; } .block-editor-grid-visualizer .components-popover__content * { pointer-events: none !important; } .block-editor-grid-visualizer__grid { display: grid; } .block-editor-grid-visualizer__item { border: 1px dashed #ddd; } .block-editor-grid-item-resizer { z-index: 30 !important; } .block-editor-grid-item-resizer .components-popover__content * { pointer-events: none !important; } .block-editor-grid-item-resizer__box { border: 1px solid var(--wp-admin-theme-color); } .block-editor-grid-item-resizer__box .components-resizable-box__handle { pointer-events: all !important; } .block-editor-height-control { border: 0; margin: 0; padding: 0; } .block-editor-image-size-control { margin-bottom: 1em; } .block-editor-image-size-control .block-editor-image-size-control__width, .block-editor-image-size-control .block-editor-image-size-control__height { margin-bottom: 1.115em; } .block-editor-block-types-list__list-item { display: block; width: 33.33%; padding: 0; margin: 0; } .block-editor-block-types-list__list-item.is-synced .components-button.block-editor-block-types-list__item:not(:disabled) .block-editor-block-icon.has-colors { color: var(--wp-block-synced-color); } .block-editor-block-types-list__list-item.is-synced .components-button.block-editor-block-types-list__item:not(:disabled):hover .block-editor-block-types-list__item-title { color: var(--wp-block-synced-color) !important; filter: brightness(0.95); } .block-editor-block-types-list__list-item.is-synced .components-button.block-editor-block-types-list__item:not(:disabled):hover svg { color: var(--wp-block-synced-color) !important; } .block-editor-block-types-list__list-item.is-synced .components-button.block-editor-block-types-list__item:not(:disabled)::after { background: var(--wp-block-synced-color); } .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 .block-editor-block-types-list__item-title { color: var(--wp-admin-theme-color) !important; filter: brightness(0.95); } .components-button.block-editor-block-types-list__item:not(:disabled):hover svg { color: var(--wp-admin-theme-color) !important; } .components-button.block-editor-block-types-list__item:not(:disabled):hover::after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 2px; opacity: 0.04; background: var(--wp-admin-theme-color); pointer-events: none; } .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; } .show-icon-labels .block-editor-block-inspector__tabs [role=tablist] .components-button.has-icon svg { display: none; } .show-icon-labels .block-editor-block-inspector__tabs [role=tablist] .components-button.has-icon::before { content: attr(aria-label); } .block-editor-inspector-controls-tabs__hint { align-items: flex-start; background: #f0f0f0; border-radius: 2px; color: #1e1e1e; display: flex; flex-direction: row; margin: 16px; font-size: 13px; } .block-editor-inspector-controls-tabs__hint-content { margin: 12px 0 12px 12px; } .block-editor-inspector-controls-tabs__hint-dismiss { margin: 4px 4px 4px 0; } .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: 350px; } .components-popover__content .block-editor-link-control { min-width: auto; width: 90vw; max-width: 350px; } .show-icon-labels .block-editor-link-control .components-button.has-icon svg { display: none; } .show-icon-labels .block-editor-link-control .components-button.has-icon::before { content: attr(aria-label); } .show-icon-labels .block-editor-link-control .block-editor-link-control__search-item-top { gap: 8px; } .show-icon-labels .block-editor-link-control .block-editor-link-control__search-item-top .components-button.has-icon { min-width: inherit; width: min-content; } .block-editor-link-control__search-input-wrapper { margin-bottom: 8px; position: relative; } .block-editor-link-control__search-input-container, .block-editor-link-control__search-input-wrapper { position: relative; } .block-editor-link-control__field { margin: 16px; } .block-editor-link-control__field .components-base-control__label { color: #1e1e1e; } .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 #949494; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px; /* Override core line-height. To be reviewed. */ line-height: normal; display: block; border: 1px solid #949494; border-radius: 2px; height: 40px; margin: 0; padding: 8px 40px 8px 16px; position: relative; width: 100%; } @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 0.5px 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); } .has-actions .block-editor-link-control__field input[type=text], .has-actions .block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input { padding-right: 16px; } .block-editor-link-control__search-error { margin: -8px 16px 16px; } .block-editor-link-control__search-enter { position: absolute; right: 19px; top: 3px; } .block-editor-link-control__search-enter svg { position: relative; top: -2px; } .block-editor-link-control__search-actions { padding: 8px 16px 16px; } .block-editor-link-control__search-results-wrapper { position: relative; } .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 { margin-top: -16px; padding: 8px; max-height: 200px; overflow-y: auto; } .block-editor-link-control__search-results.is-loading { opacity: 0.2; } .block-editor-link-control__search-item.components-button.components-menu-item__button { height: auto; text-align: left; } .block-editor-link-control__search-item .components-menu-item__item { overflow: hidden; text-overflow: ellipsis; display: inline-block; width: 100%; } .block-editor-link-control__search-item .components-menu-item__item mark { font-weight: 600; color: inherit; background-color: transparent; } .block-editor-link-control__search-item .components-menu-item__shortcut { color: #757575; text-transform: capitalize; white-space: nowrap; } .block-editor-link-control__search-item[aria-selected] { background: #f0f0f0; } .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: center; margin-right: 8px; gap: 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 { color: #757575; line-height: 1.1; font-size: 12px; 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.is-url-title .block-editor-link-control__search-item-title { word-break: break-all; } .block-editor-link-control__search-item .block-editor-link-control__search-item-details { display: flex; flex-direction: column; justify-content: space-between; gap: 4px; } .block-editor-link-control__search-item .block-editor-link-control__search-item-header .block-editor-link-control__search-item-icon { background-color: #f0f0f0; width: 32px; height: 32px; border-radius: 2px; } .block-editor-link-control__search-item .block-editor-link-control__search-item-icon { position: relative; flex-shrink: 0; display: flex; justify-content: center; align-items: 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-title { border-radius: 2px; line-height: 1.1; } .block-editor-link-control__search-item .block-editor-link-control__search-item-title:focus { box-shadow: none; } .block-editor-link-control__search-item .block-editor-link-control__search-item-title:focus-visible { 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; text-decoration: none; } .block-editor-link-control__search-item .block-editor-link-control__search-item-title mark { font-weight: 600; 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-top { display: flex; flex-direction: row; width: 100%; align-items: center; } .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__drawer-inner { display: flex; flex-direction: column; flex-basis: 100%; position: relative; } .block-editor-link-control__setting { margin-bottom: 0; flex: 1; padding: 8px 0 8px 24px; } .block-editor-link-control__setting .components-base-control__field { display: flex; } .block-editor-link-control__setting .components-base-control__field .components-checkbox-control__label { color: #1e1e1e; } .block-editor-link-control__setting input { margin-left: 0; } .is-preview .block-editor-link-control__setting { padding: 20px 8px 8px 0; } .block-editor-link-control__tools { padding: 8px 8px 0 8px; margin-top: -16px; } .block-editor-link-control__tools .components-button.block-editor-link-control__drawer-toggle { padding-left: 0; gap: 0; } .block-editor-link-control__tools .components-button.block-editor-link-control__drawer-toggle[aria-expanded=true] { color: #1e1e1e; } .block-editor-link-control__tools .components-button.block-editor-link-control__drawer-toggle[aria-expanded=true] svg { visibility: visible; transition: transform 0.1s ease; transform: rotate(90deg); } @media (prefers-reduced-motion: reduce) { .block-editor-link-control__tools .components-button.block-editor-link-control__drawer-toggle[aria-expanded=true] svg { transition-duration: 0s; transition-delay: 0s; } } .block-editor-link-control__tools .components-button.block-editor-link-control__drawer-toggle[aria-expanded=false] svg { visibility: visible; transform: rotate(0deg); transition: transform 0.1s ease; } @media (prefers-reduced-motion: reduce) { .block-editor-link-control__tools .components-button.block-editor-link-control__drawer-toggle[aria-expanded=false] svg { transition-duration: 0s; transition-delay: 0s; } } .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; top: calc(50% - 16px / 2); right: 40px; } .block-editor-link-control .block-editor-link-control__search-input-wrapper.has-actions .components-spinner { top: calc(50% + 16px / 4); right: 12px; } .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-tree.is-dragging tbody { pointer-events: none; } .block-editor-list-view-leaf { position: relative; transform: translateY(0); } .block-editor-list-view-leaf.is-draggable, .block-editor-list-view-leaf.is-draggable .block-editor-list-view-block-contents { cursor: grab; } .block-editor-list-view-leaf .block-editor-list-view-block-select-button[aria-expanded=true] { color: inherit; } .block-editor-list-view-leaf .block-editor-list-view-block-select-button:hover { color: var(--wp-admin-theme-color); } .is-dragging-components-draggable .block-editor-list-view-leaf:not(.is-selected) .block-editor-list-view-block-select-button:hover { color: inherit; } .block-editor-list-view-leaf.is-selected td { background: var(--wp-admin-theme-color); } .block-editor-list-view-leaf.is-selected.is-synced td { background: var(--wp-block-synced-color); } .block-editor-list-view-leaf.is-synced:not(.is-selected) .block-editor-list-view-block-contents:hover, .block-editor-list-view-leaf.is-synced:not(.is-selected) .block-editor-list-view-block-contents:focus, .block-editor-list-view-leaf.is-synced:not(.is-selected) .block-editor-list-view-block-contents .block-editor-block-icon { color: var(--wp-block-synced-color); } .block-editor-list-view-leaf.is-synced:not(.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-block-synced-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; } .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.is-synced .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-block-synced-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-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):not(.is-synced-branch) { background: rgba(var(--wp-admin-theme-color--rgb), 0.04); } .block-editor-list-view-leaf.is-synced-branch.is-branch-selected { background: rgba(var(--wp-block-synced-color--rgb), 0.04); } .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[data-expanded=false].is-branch-selected.is-first-selected td:first-child { border-top-left-radius: 2px; } .block-editor-list-view-leaf[data-expanded=false].is-branch-selected.is-first-selected td:last-child { border-top-right-radius: 2px; } .block-editor-list-view-leaf[data-expanded=false].is-branch-selected.is-last-selected td:first-child { border-bottom-left-radius: 2px; } .block-editor-list-view-leaf[data-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.is-displacement-normal { transition: transform 0.2s; transform: translateY(0); } @media (prefers-reduced-motion: reduce) { .block-editor-list-view-leaf.is-displacement-normal { transition-duration: 0s; transition-delay: 0s; } } .block-editor-list-view-leaf.is-displacement-up { transition: transform 0.2s; transform: translateY(-36px); } @media (prefers-reduced-motion: reduce) { .block-editor-list-view-leaf.is-displacement-up { transition-duration: 0s; transition-delay: 0s; } } .block-editor-list-view-leaf.is-displacement-down { transition: transform 0.2s; transform: translateY(36px); } @media (prefers-reduced-motion: reduce) { .block-editor-list-view-leaf.is-displacement-down { transition-duration: 0s; transition-delay: 0s; } } .block-editor-list-view-leaf.is-after-dragged-blocks { transition: transform 0.2s; transform: translateY(calc(var(--wp-admin--list-view-dragged-items-height, 36px) * -1)); } @media (prefers-reduced-motion: reduce) { .block-editor-list-view-leaf.is-after-dragged-blocks { transition-duration: 0s; transition-delay: 0s; } } .block-editor-list-view-leaf.is-after-dragged-blocks.is-displacement-up { transition: transform 0.2s; transform: translateY(calc(-36px + var(--wp-admin--list-view-dragged-items-height, 36px) * -1)); } @media (prefers-reduced-motion: reduce) { .block-editor-list-view-leaf.is-after-dragged-blocks.is-displacement-up { transition-duration: 0s; transition-delay: 0s; } } .block-editor-list-view-leaf.is-after-dragged-blocks.is-displacement-down { transition: transform 0.2s; transform: translateY(calc(36px + var(--wp-admin--list-view-dragged-items-height, 36px) * -1)); } @media (prefers-reduced-motion: reduce) { .block-editor-list-view-leaf.is-after-dragged-blocks.is-displacement-down { transition-duration: 0s; transition-delay: 0s; } } .block-editor-list-view-leaf.is-dragging { opacity: 0; left: 0; pointer-events: none; z-index: -9999; } .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; 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.is-nesting .block-editor-list-view-block-contents, .block-editor-list-view-leaf .block-editor-list-view-block-contents:focus { box-shadow: none; } .block-editor-list-view-leaf.is-nesting .block-editor-list-view-block-contents::after, .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; } .block-editor-list-view-leaf.has-single-cell .block-editor-list-view-block-contents:focus::after { right: 0; } .block-editor-list-view-leaf.is-nesting .block-editor-list-view__menu, .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; } .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 { margin-right: 8px; flex: 0 0 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; } .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:focus-within > *, .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:focus-within > *, .block-editor-list-view-leaf .block-editor-list-view-block__mover-cell.is-visible > * { opacity: 1; } .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::before { height: 16px; min-width: 100%; left: 0; right: 0; } .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; } .block-editor-list-view-leaf .block-editor-list-view-block-select-button__images { display: flex; } .block-editor-list-view-leaf .block-editor-list-view-block-select-button__image { background-size: cover; width: 18px; height: 18px; border-radius: 2px; } .block-editor-list-view-leaf .block-editor-list-view-block-select-button__image:not(:only-child) { box-shadow: 0 0 0 2px #fff; } .block-editor-list-view-leaf .block-editor-list-view-block-select-button__image:not(:first-child) { margin-left: -6px; } .block-editor-list-view-leaf.is-selected .block-editor-list-view-block-select-button__image:not(:only-child) { box-shadow: 0 0 0 2px var(--wp-admin-theme-color); } .block-editor-list-view-draggable-chip { opacity: 0.8; } .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; cursor: pointer; } .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[data-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[data-expanded=true] .block-editor-list-view__expander svg { transition-duration: 0s; transition-delay: 0s; } } .block-editor-list-view-leaf[data-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[data-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: 4px; border-radius: 4px; } .block-editor-list-view-drop-indicator--preview { pointer-events: none; } .block-editor-list-view-drop-indicator--preview .components-popover__content { overflow: hidden !important; } .block-editor-list-view-drop-indicator--preview .block-editor-list-view-drop-indicator__line { background: rgba(var(--wp-admin-theme-color--rgb), 0.04); height: 36px; border-radius: 4px; overflow: hidden; } .block-editor-list-view-drop-indicator--preview .block-editor-list-view-drop-indicator__line--darker { background: rgba(var(--wp-admin-theme-color--rgb), 0.09); } .block-editor-list-view-placeholder { padding: 0; margin: 0; height: 36px; } .list-view-appender .block-editor-inserter__toggle { background-color: #1e1e1e; color: #fff; margin: 8px 0 0 24px; border-radius: 2px; height: 24px; min-width: 24px; padding: 0; } .list-view-appender .block-editor-inserter__toggle:hover, .list-view-appender .block-editor-inserter__toggle:focus { background: var(--wp-admin-theme-color); color: #fff; } .list-view-appender__description { display: none; } .block-editor-list-view-block-select-button__bindings svg g { stroke: var(--wp-bound-block-color); fill: transparent; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; } .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 { margin-right: -8px; margin-left: -8px; padding: 16px; } .block-editor-media-flow__url-input.has-siblings { border-top: 1px solid #1e1e1e; margin-top: 8px; padding-bottom: 8px; } .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: 300px; } .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 .block-editor-link-control__search-item-title, .block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-item-info { max-width: 200px; white-space: nowrap; } .block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__tools { justify-content: flex-end; padding: 16px var(--wp-admin-border-width-focus) var(--wp-admin-border-width-focus); } .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 { padding: 8px 0 0; } .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-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-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); -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; } .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); } .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; 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 #949494; /* 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 0.5px 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 0.7px 1px rgba(0, 0, 0, 0.1), 0 1.2px 1.7px -0.2px rgba(0, 0, 0, 0.1), 0 2.3px 3.3px -0.5px rgba(0, 0, 0, 0.1); 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 #1e1e1e; padding: 8px 8px; } .block-editor-url-popover__input-container { padding: 8px; } .block-editor-url-popover__row { display: flex; gap: 4px; } .block-editor-url-popover__row > :not(.block-editor-url-popover__settings-toggle) { flex-grow: 1; gap: 8px; } .block-editor-url-popover__additional-controls .components-button.has-icon { padding-left: 8px; padding-right: 8px; height: auto; text-align: left; } .block-editor-url-popover__additional-controls .components-button.has-icon > svg { margin-right: 8px; } .block-editor-url-popover__settings-toggle { flex-shrink: 0; } .block-editor-url-popover__settings-toggle[aria-expanded=true] .dashicon { transform: rotate(180deg); } .block-editor-url-popover__settings { display: block; padding: 16px; border-top: 1px solid #1e1e1e; } .block-editor-url-popover__link-editor, .block-editor-url-popover__link-viewer { display: flex; } .block-editor-url-popover__link-viewer-url { display: flex; align-items: center; flex-grow: 1; flex-shrink: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-right: 8px; min-width: 150px; max-width: 350px; } .block-editor-url-popover__link-viewer-url.has-invalid-link { color: #cc1818; } .block-editor-url-popover__expand-on-click { display: flex; align-items: center; min-width: 350px; white-space: nowrap; } .block-editor-url-popover__expand-on-click .text { flex-grow: 1; } .block-editor-url-popover__expand-on-click .text p { margin: 0; line-height: 16px; } .block-editor-url-popover__expand-on-click .text p.description { color: #757575; font-size: 12px; } .html-anchor-control .components-external-link { display: inline-block; margin-top: 8px; } .block-editor-hooks__block-hooks { /** * Since we're displaying the block icon alongside the block name, * we need to right-align the toggle. */ /** * Un-reverse the flex direction for the toggle's label. */ } .block-editor-hooks__block-hooks .components-toggle-control .components-h-stack { flex-direction: row-reverse; } .block-editor-hooks__block-hooks .components-toggle-control .components-h-stack .components-h-stack { flex-direction: row; } .block-editor-hooks__block-hooks .block-editor-hooks__block-hooks-helptext { color: #757575; font-size: 12px; margin-bottom: 16px; } .block-editor-hooks__background__inspector-media-replace-container { position: relative; } .block-editor-hooks__background__inspector-media-replace-container .components-drop-zone__content-icon { display: none; } .block-editor-hooks__background__inspector-media-replace-container button.components-button { color: #1e1e1e; box-shadow: inset 0 0 0 1px #ddd; width: 100%; display: block; height: 40px; } .block-editor-hooks__background__inspector-media-replace-container button.components-button:hover { color: var(--wp-admin-theme-color); } .block-editor-hooks__background__inspector-media-replace-container button.components-button:focus { box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); } .block-editor-hooks__background__inspector-media-replace-container .block-editor-hooks__background__inspector-media-replace-title { word-break: break-all; white-space: normal; text-align: start; text-align-last: center; } .block-editor-hooks__background__inspector-media-replace-container .components-dropdown { display: block; } .block-editor-hooks__background__inspector-image-indicator-wrapper { background: #fff linear-gradient(-45deg, transparent 48%, #ddd 48%, #ddd 52%, transparent 52%); border-radius: 50% !important; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); display: block; width: 20px; height: 20px; flex: none; } .block-editor-hooks__background__inspector-image-indicator-wrapper.has-image { background: #fff; } .block-editor-hooks__background__inspector-image-indicator { background-size: cover; border-radius: 50%; width: 20px; height: 20px; display: block; position: relative; } .block-editor-hooks__background__inspector-image-indicator::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; } .border-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; } .dimensions-block-support-panel .single-column { grid-column: span 1; } .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-block-inspector .block-editor-hooks__layout-controls-unit-input { margin-bottom: 0; } .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; } .block-editor-hooks__position-selection__select-control .components-custom-select-control__hint { display: none; } .block-editor-hooks__position-selection__select-control__option.has-hint { grid-template-columns: auto 30px; line-height: 1.4; margin-bottom: 0; } .block-editor-hooks__position-selection__select-control__option .components-custom-select-control__item-hint { grid-row: 2; text-align: left; } .block-editor__spacing-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; } .typography-block-support-panel .single-column { grid-column: span 1; } /** * 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.is-synced .block-editor-block-switcher .components-button .block-editor-block-icon { color: var(--wp-block-synced-color); } .block-editor-block-toolbar.is-synced .components-toolbar-button.block-editor-block-switcher__no-switcher-icon:disabled .block-editor-block-icon.has-colors { color: var(--wp-block-synced-color); } .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 { position: sticky; top: 0; z-index: 31; display: block; width: 100%; background-color: #fff; flex-shrink: 3; } .block-editor-block-contextual-toolbar.components-accessible-toolbar { border: none; border-bottom: 1px solid #e0e0e0; border-radius: 0; } .block-editor-block-contextual-toolbar .block-editor-block-toolbar { overflow: auto; overflow-y: hidden; scrollbar-width: thin; scrollbar-gutter: stable both-edges; scrollbar-color: #e0e0e0 transparent; will-change: transform; scrollbar-gutter: auto; } .block-editor-block-contextual-toolbar .block-editor-block-toolbar::-webkit-scrollbar { width: 12px; height: 12px; } .block-editor-block-contextual-toolbar .block-editor-block-toolbar::-webkit-scrollbar-track { background-color: transparent; } .block-editor-block-contextual-toolbar .block-editor-block-toolbar::-webkit-scrollbar-thumb { background-color: #e0e0e0; border-radius: 8px; border: 3px solid transparent; background-clip: padding-box; } .block-editor-block-contextual-toolbar .block-editor-block-toolbar:hover::-webkit-scrollbar-thumb, .block-editor-block-contextual-toolbar .block-editor-block-toolbar:focus::-webkit-scrollbar-thumb, .block-editor-block-contextual-toolbar .block-editor-block-toolbar:focus-within::-webkit-scrollbar-thumb { background-color: #949494; } .block-editor-block-contextual-toolbar .block-editor-block-toolbar:hover, .block-editor-block-contextual-toolbar .block-editor-block-toolbar:focus, .block-editor-block-contextual-toolbar .block-editor-block-toolbar:focus-within { scrollbar-color: #949494 transparent; } @media (hover: none) { .block-editor-block-contextual-toolbar .block-editor-block-toolbar { scrollbar-color: #949494 transparent; } } .block-editor-block-contextual-toolbar .block-editor-block-toolbar > :last-child::after, .block-editor-block-contextual-toolbar .block-editor-block-toolbar > :last-child .components-toolbar-group::after, .block-editor-block-contextual-toolbar .block-editor-block-toolbar > :last-child .components-toolbar::after { display: none; } .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: #e0e0e0; } .block-editor-block-contextual-toolbar > .block-editor-block-toolbar { flex-grow: initial; width: initial; } .block-editor-block-contextual-toolbar .block-editor-block-parent-selector { position: relative; margin-top: -1px; margin-bottom: -1px; } .block-editor-block-contextual-toolbar .block-editor-block-parent-selector::after { content: "·"; position: absolute; font-size: 16px; right: 0; height: 32px; top: 0; display: inline-flex; align-items: center; } .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 .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 .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; min-width: 0 !important; } .show-icon-labels .block-editor-block-parent-selector .block-editor-block-parent-selector__button { border-top-right-radius: 0; border-bottom-right-radius: 0; padding-left: 12px; padding-right: 12px; text-wrap: nowrap; } .show-icon-labels .block-editor-block-parent-selector .block-editor-block-parent-selector__button .block-editor-block-icon { width: 0; } .show-icon-labels .block-editor-block-mover .block-editor-block-mover__move-button-container { width: auto; position: relative; } @media (min-width: 600px) { .show-icon-labels .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container::before { content: ""; height: 1px; width: 100%; background: #e0e0e0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, 0); margin-top: -0.5px; } } @media (min-width: 782px) { .show-icon-labels .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container::before { background: #1e1e1e; } } .show-icon-labels .block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container, .show-icon-labels .block-editor-block-mover.is-horizontal .block-editor-block-mover-button { padding-left: 6px; padding-right: 6px; } .show-icon-labels .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover-button { padding-left: 8px; padding-right: 8px; } .show-icon-labels .block-editor-block-toolbar__block-controls .block-editor-block-mover { border-left: 1px solid #ddd; margin-left: 6px; margin-right: -6px; white-space: nowrap; } .show-icon-labels .block-editor-block-mover .block-editor-block-mover__drag-handle.has-icon { padding-left: 12px; padding-right: 12px; } .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; overflow-y: hidden; } .block-editor-inserter__main-area.show-as-tabs { gap: 0; } @media (min-width: 782px) { .block-editor-inserter__main-area { width: 350px; } } .block-editor-inserter__popover.is-quick .components-popover__content { border: none; outline: none; box-shadow: 0 0.7px 1px rgba(0, 0, 0, 0.1), 0 1.2px 1.7px -0.2px rgba(0, 0, 0, 0.1), 0 2.3px 3.3px -0.5px rgba(0, 0, 0, 0.1); } .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; border-radius: 2px 2px 0 0; } .block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter > *:last-child { border-bottom: 1px solid #ccc; border-radius: 0 0 2px 2px; } .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 div[role=tablist] { 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__tabs { flex-grow: 1; display: flex; flex-direction: column; overflow: hidden; } .block-editor-inserter__tabs div[role=tablist] { border-bottom: 1px solid #ddd; } .block-editor-inserter__tabs div[role=tablist] button[role=tab] { flex-grow: 1; margin-bottom: -1px; } .block-editor-inserter__tabs div[role=tablist] button[role=tab][id$=reusable] { flex-grow: inherit; padding-left: 16px; padding-right: 16px; } .block-editor-inserter__tabs div[role=tabpanel] { 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-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-container { margin: auto 16px 16px; } .block-editor-inserter__manage-reusable-blocks { justify-content: center; width: 100%; } .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__popover { top: 16px !important; } .block-editor-inserter__preview-container { display: none; width: 280px; padding: 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-preview__container { height: 100%; } .block-editor-inserter__preview-container .block-editor-block-card { padding-left: 0; padding-right: 0; padding-bottom: 4px; } .block-editor-inserter__patterns-explore-button.components-button { padding: 16px; justify-content: center; margin-top: 16px; width: 100%; } .block-editor-inserter__patterns-selected-category.block-editor-inserter__patterns-selected-category { color: var(--wp-admin-theme-color); position: relative; } .block-editor-inserter__patterns-selected-category.block-editor-inserter__patterns-selected-category .components-flex-item { filter: brightness(0.95); } .block-editor-inserter__patterns-selected-category.block-editor-inserter__patterns-selected-category svg { fill: var(--wp-admin-theme-color); } .block-editor-inserter__patterns-selected-category.block-editor-inserter__patterns-selected-category::after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 2px; opacity: 0.04; background: var(--wp-admin-theme-color); } .block-editor-inserter__block-patterns-tabs-container { height: 100%; } .block-editor-inserter__block-patterns-tabs-container nav { height: 100%; } .block-editor-inserter__block-patterns-tabs { display: flex; flex-direction: column; padding: 16px; overflow-y: auto; height: 100%; } .block-editor-inserter__block-patterns-tabs div[role=listitem]:last-child { margin-top: auto; } .block-editor-inserter__block-patterns-tabs .block-editor-inserter__patterns-category { padding-right: 4px; } .block-editor-inserter__patterns-category-dialog { background: #f0f0f0; border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; position: absolute; top: 0; left: 0; height: 100%; width: 100%; } @media (min-width: 782px) { .block-editor-inserter__patterns-category-dialog { left: 100%; display: block; width: 300px; } } .block-editor-inserter__patterns-category-dialog .block-editor-block-patterns-list { overflow-y: auto; flex-grow: 1; height: 100%; padding: 16px 24px; } .block-editor-block-patterns-list__list-item .block-editor-block-preview__container { box-shadow: 0 15px 25px rgba(0, 0, 0, 0.07); } .block-editor-block-patterns-list__list-item:hover .block-editor-block-preview__container { box-shadow: 0 0 0 2px #1e1e1e, 0 15px 25px rgba(0, 0, 0, 0.07); } .block-editor-inserter__patterns-category-panel { padding: 0 16px; display: flex; flex-direction: column; height: 100%; } @media (min-width: 782px) { .block-editor-inserter__patterns-category-panel { padding: 0; } } .block-editor-inserter__patterns-category-panel .block-editor-inserter__patterns-category-panel-header { padding: 16px 24px; } .block-editor-inserter__patterns-category-panel .block-editor-inserter__patterns-category-no-results { margin-top: 24px; } .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; border-radius: 2px; } .block-editor-inserter__tips { border-top: 1px solid #ddd; padding: 16px; flex-shrink: 0; position: relative; } .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: 72px; 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: 280px; padding: 24px 0 32px; } .block-editor-block-patterns-explorer__list .block-editor-patterns__sync-status-filter .components-input-control__container { width: 380px; } .block-editor-block-patterns-explorer .block-editor-block-patterns-list { display: grid; grid-gap: 32px; grid-template-columns: repeat(1, 1fr); margin-bottom: 16px; } @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-inserter__patterns-category-panel-title { font-size: calc(1.25 * 13px); } .block-editor-inserter__media-tabs-container { height: 100%; } .block-editor-inserter__media-tabs-container nav { height: 100%; } .block-editor-inserter__media-tabs-container .block-editor-inserter__media-library-button { padding: 16px; justify-content: center; margin-top: 16px; width: 100%; } .block-editor-inserter__media-tabs { display: flex; flex-direction: column; padding: 16px; overflow-y: auto; height: 100%; } .block-editor-inserter__media-tabs div[role=listitem]:last-child { margin-top: auto; } .block-editor-inserter__media-tabs .block-editor-inserter__media-tabs__media-category { padding-right: 4px; } .block-editor-inserter__media-tabs .block-editor-inserter__media-tabs__media-category.is-selected { color: var(--wp-admin-theme-color); position: relative; } .block-editor-inserter__media-tabs .block-editor-inserter__media-tabs__media-category.is-selected .components-flex-item { filter: brightness(0.95); } .block-editor-inserter__media-tabs .block-editor-inserter__media-tabs__media-category.is-selected svg { fill: var(--wp-admin-theme-color); } .block-editor-inserter__media-tabs .block-editor-inserter__media-tabs__media-category.is-selected::after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 2px; opacity: 0.04; background: var(--wp-admin-theme-color); } .block-editor-inserter__media-dialog { background: #f0f0f0; border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; position: absolute; padding: 16px 24px; top: 0; left: 0; height: 100%; width: 100%; overflow-y: auto; scrollbar-gutter: stable both-edges; } @media (min-width: 782px) { .block-editor-inserter__media-dialog { left: 100%; display: block; width: 300px; } } .block-editor-inserter__media-dialog .block-editor-block-preview__container { box-shadow: 0 15px 25px rgba(0, 0, 0, 0.07); } .block-editor-inserter__media-dialog .block-editor-block-preview__container:hover { box-shadow: 0 0 0 2px #1e1e1e, 0 15px 25px rgba(0, 0, 0, 0.07); } .block-editor-inserter__media-panel { min-height: 100%; padding: 0 16px; display: flex; flex-direction: column; } @media (min-width: 782px) { .block-editor-inserter__media-panel { padding: 0; } } .block-editor-inserter__media-panel .block-editor-inserter__media-panel-spinner { height: 100%; display: flex; align-items: center; justify-content: center; flex: 1; } .block-editor-inserter__media-panel .block-editor-inserter__media-panel-search:not(:focus-within) { --wp-components-color-background: #fff; } .block-editor-inserter__media-list { margin-top: 16px; } .block-editor-inserter__media-list .block-editor-inserter__media-list__list-item { position: relative; cursor: pointer; margin-bottom: 24px; } .block-editor-inserter__media-list .block-editor-inserter__media-list__list-item.is-placeholder { min-height: 100px; } .block-editor-inserter__media-list .block-editor-inserter__media-list__list-item[draggable=true] .block-editor-block-preview__container { cursor: grab; } .block-editor-inserter__media-list .block-editor-inserter__media-list__list-item.is-hovered .block-editor-inserter__media-list__item-preview { box-shadow: 0 0 0 2px #1e1e1e, 0 15px 25px rgba(0, 0, 0, 0.07); } .block-editor-inserter__media-list .block-editor-inserter__media-list__list-item.is-hovered .block-editor-inserter__media-list__item-preview-options > button { display: block; } .block-editor-inserter__media-list .block-editor-inserter__media-list__list-item .block-editor-inserter__media-list__item-preview-options { position: absolute; right: 8px; top: 8px; } .block-editor-inserter__media-list .block-editor-inserter__media-list__list-item .block-editor-inserter__media-list__item-preview-options > button { background: #fff; border-radius: 2px; display: none; } .block-editor-inserter__media-list .block-editor-inserter__media-list__list-item .block-editor-inserter__media-list__item-preview-options > button.is-opened, .block-editor-inserter__media-list .block-editor-inserter__media-list__list-item .block-editor-inserter__media-list__item-preview-options > button:focus { display: block; } .block-editor-inserter__media-list .block-editor-inserter__media-list__list-item .block-editor-inserter__media-list__item-preview-options > button:hover { box-shadow: inset 0 0 0 2px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); outline: 2px solid transparent; } .block-editor-inserter__media-list .block-editor-inserter__media-list__item { height: 100%; } .block-editor-inserter__media-list .block-editor-inserter__media-list__item .block-editor-inserter__media-list__item-preview { display: flex; align-items: center; overflow: hidden; border-radius: 2px; } .block-editor-inserter__media-list .block-editor-inserter__media-list__item .block-editor-inserter__media-list__item-preview > * { margin: 0 auto; max-width: 100%; } .block-editor-inserter__media-list .block-editor-inserter__media-list__item .block-editor-inserter__media-list__item-preview .block-editor-inserter__media-list__item-preview-spinner { display: flex; height: 100%; width: 100%; position: absolute; justify-content: center; background: rgba(255, 255, 255, 0.7); align-items: center; pointer-events: none; } .block-editor-inserter__media-list .block-editor-inserter__media-list__item:focus .block-editor-inserter__media-list__item-preview { box-shadow: inset 0 0 0 2px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); outline: 2px solid transparent; } .block-editor-inserter__media-list__item-preview-options__popover .components-menu-item__button .components-menu-item__item { min-width: auto; } .block-editor-inserter__mobile-tab-navigation { padding: 16px; height: 100%; } .block-editor-inserter__mobile-tab-navigation > * { height: 100%; } @media (min-width: 600px) { .block-editor-inserter-media-tab-media-preview-inserter-external-image-modal { max-width: 480px; } } .block-editor-inserter-media-tab-media-preview-inserter-external-image-modal p { margin: 0; } .block-editor-inserter__hint { margin: 16px 16px 0; } .reusable-blocks-menu-items__rename-hint { align-items: top; background: #f0f0f0; border-radius: 2px; color: #1e1e1e; display: flex; flex-direction: row; max-width: 380px; } .reusable-blocks-menu-items__rename-hint-content { margin: 12px 0 12px 12px; } .reusable-blocks-menu-items__rename-hint-dismiss { margin: 4px 4px 4px 0; } .components-menu-group .reusable-blocks-menu-items__rename-hint { margin: 0; } .block-editor-patterns__sync-status-filter .components-input-control__container select.components-select-control__input { height: 40px; } .is-zoom-out .block-editor-inserter__menu { display: flex; } .is-zoom-out .block-editor-inserter__patterns-category-dialog { position: static; } .spacing-sizes-control .spacing-sizes-control__custom-value-input, .spacing-sizes-control .spacing-sizes-control__label { margin-bottom: 0; } .spacing-sizes-control .spacing-sizes-control__range-control, .spacing-sizes-control .spacing-sizes-control__custom-value-range { height: 40px; /* Vertically center the RangeControl until it has true 40px height. */ display: flex; align-items: center; margin-bottom: 0; flex: 1; } .spacing-sizes-control .spacing-sizes-control__range-control > .components-base-control__field, .spacing-sizes-control .spacing-sizes-control__custom-value-range > .components-base-control__field { /* Fixes RangeControl contents when the outer wrapper is flex */ flex: 1; } .spacing-sizes-control .components-range-control__mark { height: 4px; width: 3px; background-color: #fff; z-index: 1; } .spacing-sizes-control .components-range-control__marks { margin-top: 17px; } .spacing-sizes-control .components-range-control__marks :first-child { display: none; } .spacing-sizes-control .components-range-control__thumb-wrapper { z-index: 3; } .spacing-sizes-control__header { height: 16px; margin-bottom: 12px; } .spacing-sizes-control__dropdown { height: 24px; } .spacing-sizes-control__custom-select-control, .spacing-sizes-control__custom-value-input { flex: 1; } .spacing-sizes-control__icon, .spacing-sizes-control__custom-toggle { flex: 0 0 auto; } .spacing-sizes-control__icon { margin-left: -4px; } 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 (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 (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 (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 (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 (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 (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 (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 (min-resolution: 192dpi) { body.admin-color-sunrise { --wp-admin-border-width-focus: 1.5px; } } @charset "UTF-8"; /** * Converts a hex value into the rgb equivalent. * * @param {string} hex - the hexadecimal value to convert * @return {string} comma separated rgb values */ /** * 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. */ /** * Converts a hex value into the rgb equivalent. * * @param {string} hex - the hexadecimal value to convert * @return {string} comma separated rgb values */ /** * 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 */ /** * Long content fade mixin * * Creates a fading overlay to signify that the content is longer * than the space allows. */ /** * Breakpoint mixins */ /** * 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 { box-sizing: border-box; } .wp-block-archives-dropdown label { display: block; } .wp-block-avatar { box-sizing: border-box; line-height: 0; } .wp-block-avatar img { 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:where(.is-style-outline) > .wp-block-button__link, .wp-block-button .wp-block-button__link:where(.is-style-outline) { border: 2px solid currentColor; padding: 0.667em 1.333em; } .wp-block-button:where(.is-style-outline) > .wp-block-button__link:not(.has-text-color), .wp-block-button .wp-block-button__link:where(.is-style-outline):not(.has-text-color) { color: currentColor; } .wp-block-button:where(.is-style-outline) > .wp-block-button__link:not(.has-background), .wp-block-button .wp-block-button__link:where(.is-style-outline):not(.has-background) { background-color: transparent; background-image: none; } .wp-block-button .wp-block-button__link:where(.has-border-color) { border-width: initial; } .wp-block-button .wp-block-button__link:where([style*="border-top-color"]) { border-top-width: initial; } .wp-block-button .wp-block-button__link:where([style*="border-right-color"]) { border-right-width: initial; } .wp-block-button .wp-block-button__link:where([style*="border-bottom-color"]) { border-bottom-width: initial; } .wp-block-button .wp-block-button__link:where([style*="border-left-color"]) { border-left-width: initial; } .wp-block-button .wp-block-button__link:where([style*="border-style"]) { border-width: initial; } .wp-block-button .wp-block-button__link:where([style*="border-top-style"]) { border-top-width: initial; } .wp-block-button .wp-block-button__link:where([style*="border-right-style"]) { border-right-width: initial; } .wp-block-button .wp-block-button__link:where([style*="border-bottom-style"]) { border-bottom-width: initial; } .wp-block-button .wp-block-button__link:where([style*="border-left-style"]) { border-left-width: initial; } .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 td { padding: 0.25em; border: 1px solid; } .wp-block-calendar th { font-weight: 400; } .wp-block-calendar caption { background-color: inherit; } .wp-block-calendar table { width: 100%; border-collapse: collapse; } .wp-block-calendar table:where(:not(.has-text-color)) { color: #40464d; } .wp-block-calendar table:where(:not(.has-text-color)) th, .wp-block-calendar table:where(:not(.has-text-color)) td { border-color: #ddd; } .wp-block-calendar table.has-background th { background-color: inherit; } .wp-block-calendar table.has-text-color th { color: inherit; } :where(.wp-block-calendar table:not(.has-background) th) { background: #ddd; } .wp-block-categories { box-sizing: border-box; /* Only apply the text align on dropdowns, not lists. */ } .wp-block-categories.alignleft { /*rtl:ignore*/ margin-right: 2em; } .wp-block-categories.alignright { /*rtl:ignore*/ margin-left: 2em; } .wp-block-categories.wp-block-categories-dropdown.aligncenter { text-align: center; } .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; 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) { margin-bottom: 1.75em; } :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-stretch { align-self: stretch; } .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 { box-sizing: border-box; /* 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 { box-sizing: border-box; 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; overflow: hidden; overflow: clip; 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: inherit; /*rtl:raw: direction: rtl; */ } .wp-block-cover-image p:where(:not(.has-text-color)), .wp-block-cover-image h1:where(:not(.has-text-color)), .wp-block-cover-image h2:where(:not(.has-text-color)), .wp-block-cover-image h3:where(:not(.has-text-color)), .wp-block-cover-image h4:where(:not(.has-text-color)), .wp-block-cover-image h5:where(:not(.has-text-color)), .wp-block-cover-image h6:where(:not(.has-text-color)), .wp-block-cover p:where(:not(.has-text-color)), .wp-block-cover h1:where(:not(.has-text-color)), .wp-block-cover h2:where(:not(.has-text-color)), .wp-block-cover h3:where(:not(.has-text-color)), .wp-block-cover h4:where(:not(.has-text-color)), .wp-block-cover h5:where(:not(.has-text-color)), .wp-block-cover h6:where(: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; } .wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-top-left .wp-block-cover__inner-container, .wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-top-right .wp-block-cover__inner-container, .wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-center-left .wp-block-cover__inner-container, .wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-center-right .wp-block-cover__inner-container, .wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-bottom-left .wp-block-cover__inner-container, .wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-bottom-right .wp-block-cover__inner-container, .wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-top-left .wp-block-cover__inner-container, .wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-top-right .wp-block-cover__inner-container, .wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-center-left .wp-block-cover__inner-container, .wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-center-right .wp-block-cover__inner-container, .wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-bottom-left .wp-block-cover__inner-container, .wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-bottom-right .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; 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-touch-callout: inherit) { .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; } :where(.wp-block-cover:not(.has-text-color)), :where(.wp-block-cover-image:not(.has-text-color)) { color: #fff; } :where(.wp-block-cover.is-light:not(.has-text-color)), :where(.wp-block-cover-image.is-light:not(.has-text-color)) { color: #000; } .wp-block-details { box-sizing: border-box; overflow: hidden; } .wp-block-details summary { cursor: pointer; } .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 { box-sizing: border-box; } .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; } :where(.wp-block-file) { margin-bottom: 1.5em; } .wp-block-file__embed { margin-bottom: 1em; } :where(.wp-block-file__button) { border-radius: 2em; padding: 0.5em 1em; display: inline-block; } :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-form-input__label { width: 100%; display: flex; flex-direction: column; gap: 0.25em; margin-bottom: 0.5em; /* Small tweak to left-align the checkbox. Even though `:has` is not currently supported in Firefox, this is a small tweak and does not affect the functionality of the block or the user's experience. There will be a minor inconsistency between browsers. However, it's more important to provide a better experience for 80+% of users, until Firefox catches up and supports `:has`. */ } .wp-block-form-input__label.is-label-inline { flex-direction: row; gap: 0.5em; align-items: center; } .wp-block-form-input__label.is-label-inline .wp-block-form-input__label-content { margin-bottom: 0.5em; } .wp-block-form-input__label:has(input[type=checkbox]) { width: -moz-fit-content; width: fit-content; flex-direction: row-reverse; } .wp-block-form-input__label-content { width: -moz-fit-content; width: fit-content; } .wp-block-form-input__input { padding: 0 0.5em; font-size: 1em; margin-bottom: 0.5em; } .wp-block-form-input__input[type=text], .wp-block-form-input__input[type=password], .wp-block-form-input__input[type=date], .wp-block-form-input__input[type=datetime], .wp-block-form-input__input[type=datetime-local], .wp-block-form-input__input[type=email], .wp-block-form-input__input[type=month], .wp-block-form-input__input[type=number], .wp-block-form-input__input[type=search], .wp-block-form-input__input[type=tel], .wp-block-form-input__input[type=time], .wp-block-form-input__input[type=url], .wp-block-form-input__input[type=week] { min-height: 2em; line-height: 2; border: 1px solid; } textarea.wp-block-form-input__input { min-height: 10em; } .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; 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; scrollbar-width: thin; scrollbar-gutter: stable both-edges; scrollbar-color: transparent transparent; will-change: transform; } .wp-block-gallery.has-nested-images figure.wp-block-image figcaption::-webkit-scrollbar { width: 12px; height: 12px; } .wp-block-gallery.has-nested-images figure.wp-block-image figcaption::-webkit-scrollbar-track { background-color: transparent; } .wp-block-gallery.has-nested-images figure.wp-block-image figcaption::-webkit-scrollbar-thumb { background-color: transparent; border-radius: 8px; border: 3px solid transparent; background-clip: padding-box; } .wp-block-gallery.has-nested-images figure.wp-block-image figcaption:hover::-webkit-scrollbar-thumb, .wp-block-gallery.has-nested-images figure.wp-block-image figcaption:focus::-webkit-scrollbar-thumb, .wp-block-gallery.has-nested-images figure.wp-block-image figcaption:focus-within::-webkit-scrollbar-thumb { background-color: rgba(255, 255, 255, 0.8); } .wp-block-gallery.has-nested-images figure.wp-block-image figcaption:hover, .wp-block-gallery.has-nested-images figure.wp-block-image figcaption:focus, .wp-block-gallery.has-nested-images figure.wp-block-image figcaption:focus-within { scrollbar-color: rgba(255, 255, 255, 0.8) transparent; } @media (hover: none) { .wp-block-gallery.has-nested-images figure.wp-block-image figcaption { scrollbar-color: rgba(255, 255, 255, 0.8) transparent; } } .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%; 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; } h1.has-text-align-right[style*=writing-mode]:where([style*="vertical-rl"]), h1.has-text-align-left[style*=writing-mode]:where([style*="vertical-lr"]), h2.has-text-align-right[style*=writing-mode]:where([style*="vertical-rl"]), h2.has-text-align-left[style*=writing-mode]:where([style*="vertical-lr"]), h3.has-text-align-right[style*=writing-mode]:where([style*="vertical-rl"]), h3.has-text-align-left[style*=writing-mode]:where([style*="vertical-lr"]), h4.has-text-align-right[style*=writing-mode]:where([style*="vertical-rl"]), h4.has-text-align-left[style*=writing-mode]:where([style*="vertical-lr"]), h5.has-text-align-right[style*=writing-mode]:where([style*="vertical-rl"]), h5.has-text-align-left[style*=writing-mode]:where([style*="vertical-lr"]), h6.has-text-align-right[style*=writing-mode]:where([style*="vertical-rl"]), h6.has-text-align-left[style*=writing-mode]:where([style*="vertical-lr"]) { rotate: 180deg; } .wp-block-image img { height: auto; max-width: 100%; vertical-align: bottom; box-sizing: border-box; } .wp-block-image[style*=border-radius] > a, .wp-block-image[style*=border-radius] img { border-radius: inherit; } .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; /*rtl:ignore*/ margin-right: 1em; margin-top: 0.5em; margin-bottom: 0.5em; } .wp-block-image .alignright { /*rtl:ignore*/ float: right; /*rtl:ignore*/ margin-right: 0; /*rtl:ignore*/ 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,"); mask-image: url("data:image/svg+xml;utf8,"); /* stylelint-enable */ mask-mode: alpha; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; border-radius: 0; } } .wp-block-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; } .wp-lightbox-container { position: relative; display: flex; flex-direction: column; } .wp-lightbox-container img { cursor: zoom-in; } .wp-lightbox-container img:hover + button { opacity: 1; } .wp-lightbox-container button { opacity: 0; border: none; background-color: rgba(90, 90, 90, 0.25); -webkit-backdrop-filter: blur(16px) saturate(180%); backdrop-filter: blur(16px) saturate(180%); cursor: zoom-in; display: flex; justify-content: center; align-items: center; width: 20px; height: 20px; position: absolute; z-index: 100; top: 16px; right: 16px; text-align: center; padding: 0; border-radius: 4px; transition: opacity 0.2s ease; } .wp-lightbox-container button:focus-visible { outline: 3px auto rgba(90, 90, 90, 0.25); outline: 3px auto -webkit-focus-ring-color; outline-offset: 3px; } .wp-lightbox-container button:hover { cursor: pointer; opacity: 1; } .wp-lightbox-container button:focus { opacity: 1; } .wp-lightbox-container button:hover, .wp-lightbox-container button:focus, .wp-lightbox-container button:not(:hover):not(:active):not(.has-background) { background-color: rgba(90, 90, 90, 0.25); border: none; } .wp-lightbox-overlay { position: fixed; top: 0; left: 0; z-index: 100000; overflow: hidden; width: 100%; height: 100vh; box-sizing: border-box; visibility: hidden; cursor: zoom-out; } .wp-lightbox-overlay .close-button { position: absolute; top: calc(env(safe-area-inset-top) + 16px); right: calc(env(safe-area-inset-right) + 16px); padding: 0; cursor: pointer; z-index: 5000000; min-width: 40px; min-height: 40px; display: flex; align-items: center; justify-content: center; } .wp-lightbox-overlay .close-button:hover, .wp-lightbox-overlay .close-button:focus, .wp-lightbox-overlay .close-button:not(:hover):not(:active):not(.has-background) { background: none; border: none; } .wp-lightbox-overlay .lightbox-image-container { position: absolute; overflow: hidden; top: 50%; left: 50%; transform-origin: top left; transform: translate(-50%, -50%); width: var(--wp--lightbox-container-width); height: var(--wp--lightbox-container-height); z-index: 9999999999; } .wp-lightbox-overlay .wp-block-image { position: relative; transform-origin: 0 0; display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; box-sizing: border-box; z-index: 3000000; margin: 0; } .wp-lightbox-overlay .wp-block-image img { min-width: var(--wp--lightbox-image-width); min-height: var(--wp--lightbox-image-height); width: var(--wp--lightbox-image-width); height: var(--wp--lightbox-image-height); } .wp-lightbox-overlay .wp-block-image figcaption { display: none; } .wp-lightbox-overlay button { border: none; background: none; } .wp-lightbox-overlay .scrim { width: 100%; height: 100%; position: absolute; z-index: 2000000; background-color: white; opacity: 0.9; } .wp-lightbox-overlay.active { visibility: visible; animation: both turn-on-visibility 0.25s; } .wp-lightbox-overlay.active img { animation: both turn-on-visibility 0.35s; } .wp-lightbox-overlay.show-closing-animation:not(.active) { animation: both turn-off-visibility 0.35s; } .wp-lightbox-overlay.show-closing-animation:not(.active) img { animation: both turn-off-visibility 0.25s; } @media (prefers-reduced-motion: no-preference) { .wp-lightbox-overlay.zoom.active { opacity: 1; visibility: visible; animation: none; } .wp-lightbox-overlay.zoom.active .lightbox-image-container { animation: lightbox-zoom-in 0.4s; } .wp-lightbox-overlay.zoom.active .lightbox-image-container img { animation: none; } .wp-lightbox-overlay.zoom.active .scrim { animation: turn-on-visibility 0.4s forwards; } .wp-lightbox-overlay.zoom.show-closing-animation:not(.active) { animation: none; } .wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .lightbox-image-container { animation: lightbox-zoom-out 0.4s; } .wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .lightbox-image-container img { animation: none; } .wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .scrim { animation: turn-off-visibility 0.4s forwards; } } @keyframes turn-on-visibility { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes turn-off-visibility { 0% { opacity: 1; visibility: visible; } 99% { opacity: 0; visibility: visible; } 100% { opacity: 0; visibility: hidden; } } @keyframes lightbox-zoom-in { 0% { transform: translate(calc((-100vw + var(--wp--lightbox-scrollbar-width)) / 2 + var(--wp--lightbox-initial-left-position)), calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale)); } 100% { transform: translate(-50%, -50%) scale(1, 1); } } @keyframes lightbox-zoom-out { 0% { visibility: visible; transform: translate(-50%, -50%) scale(1, 1); } 99% { visibility: visible; } 100% { visibility: hidden; transform: translate(calc((-100vw + var(--wp--lightbox-scrollbar-width)) / 2 + var(--wp--lightbox-initial-left-position)), calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale)); } } ol.wp-block-latest-comments { margin-left: 0; box-sizing: border-box; } :where(.wp-block-latest-comments:not([style*="line-height"] .wp-block-latest-comments__comment)) { line-height: 1.1; } :where(.wp-block-latest-comments:not([style*="line-height"] .wp-block-latest-comments__comment-excerpt p)) { line-height: 1.8; } .has-dates :where(.wp-block-latest-comments:not([style*="line-height"])), .has-excerpts :where(.wp-block-latest-comments:not([style*="line-height"])) { line-height: 1.5; } .wp-block-latest-comments .wp-block-latest-comments { padding-left: 0; } .wp-block-latest-comments__comment { 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; } .wp-block-latest-comments__comment-excerpt p { font-size: 0.875em; 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-comments[style*=font-size] a, .wp-block-latest-comments[class*=-font-size] a { font-size: inherit; } .wp-block-latest-posts { box-sizing: border-box; } .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 { background-color: inherit; 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 .wp-block-navigation-item__content.wp-block-navigation-item__content { color: inherit; } .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-left: 0; 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; } .wp-block-navigation-item.open-on-click button.wp-block-navigation-item__content:not(.wp-block-navigation-submenu__toggle) { padding: 0; } /** * 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)), :where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu button.wp-block-navigation-item__content), :where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-pages-list__item button.wp-block-navigation-item__content) { 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; border: 1px solid rgba(0, 0, 0, 0.15); } .wp-block-navigation.has-background .wp-block-navigation__submenu-container { background-color: inherit; } .wp-block-navigation:not(.has-text-color) .wp-block-navigation__submenu-container { color: #000; } .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 :where(.wp-block-navigation-item 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: clamp(1rem, var(--wp--style--root--padding-top), 20rem); padding-right: clamp(1rem, var(--wp--style--root--padding-right), 20rem); padding-bottom: clamp(1rem, var(--wp--style--root--padding-bottom), 20rem); padding-left: clamp(1rem, var(--wp--style--root--padding-left), 20em); 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 .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__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; } .wp-block-navigation:not(.has-text-color) .wp-block-navigation__responsive-container.is-menu-open { 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; } .wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open { font-family: inherit; font-weight: inherit; font-size: inherit; } @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-container-close.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close { font-family: inherit; font-weight: inherit; font-size: inherit; } .wp-block-navigation__responsive-close { width: 100%; } .has-modal-open .wp-block-navigation__responsive-close { 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 { overflow-wrap: break-word; } .wp-block-navigation .wp-block-navigation-item__description { display: none; } .link-ui-tools { border-top: 1px solid #f0f0f0; padding: 8px; } .link-ui-block-inserter { padding-top: 8px; } .link-ui-block-inserter__back { margin-left: 8px; text-transform: uppercase; } .components-popover-pointer-events-trap { z-index: 1000000; position: fixed; inset: 0; background-color: transparent; cursor: pointer; } .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; } body.rtl .has-drop-cap:not(:focus)::first-letter { float: initial; margin-left: 0.1em; } 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; } p.has-text-align-right[style*="writing-mode:vertical-rl"], p.has-text-align-left[style*="writing-mode:vertical-lr"] { rotate: 180deg; } .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 { box-sizing: border-box; } .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]):not([type=hidden]) { 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; } :where(.wp-block-post-excerpt) { margin-top: var(--wp--style--block-gap); margin-bottom: var(--wp--style--block-gap); } .wp-block-post-excerpt__excerpt { margin-top: 0; margin-bottom: 0; } .wp-block-post-excerpt__more-text { margin-top: var(--wp--style--block-gap); margin-bottom: 0; } .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; height: 100%; } .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-featured-image:where(.alignleft, .alignright) { width: 100%; } .wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-previous { display: inline-block; margin-right: 1ch; } .wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-previous:not(.is-arrow-chevron) { transform: scaleX(1) /*rtl:scaleX(-1);*/; } .wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-next { display: inline-block; margin-left: 1ch; } .wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-next:not(.is-arrow-chevron) { transform: scaleX(1) /*rtl:scaleX(-1);*/; } .wp-block-post-navigation-link.has-text-align-right[style*="writing-mode: vertical-rl"], .wp-block-post-navigation-link.has-text-align-left[style*="writing-mode: vertical-lr"] { rotate: 180deg; } .wp-block-post-terms { box-sizing: border-box; } .wp-block-post-terms .wp-block-post-terms__separator { white-space: pre-wrap; } .wp-block-post-time-to-read { box-sizing: border-box; } .wp-block-post-title { word-break: break-word; box-sizing: border-box; } .wp-block-post-title a { display: inline-block; } .wp-block-preformatted { box-sizing: border-box; white-space: pre-wrap; } :where(.wp-block-preformatted.has-background) { padding: 1.25em 2.375em; } .wp-block-pullquote { padding: 4em 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 blockquote { margin: 0; } .wp-block-pullquote p { margin-top: 0; } .wp-block-pullquote p:last-child { margin-bottom: 0; } .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; } :where(.wp-block-pullquote) { margin: 0 0 1em 0; } .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)); } } @media (max-width: 600px) { .wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid { grid-template-columns: 1fr; } } .wp-block-post-template-is-layout-constrained > li > .alignright, .wp-block-post-template-is-layout-flow > li > .alignright { float: right; margin-inline-start: 2em; margin-inline-end: 0; } .wp-block-post-template-is-layout-constrained > li > .alignleft, .wp-block-post-template-is-layout-flow > li > .alignleft { float: left; margin-inline-start: 0; margin-inline-end: 2em; } .wp-block-post-template-is-layout-constrained > li > .aligncenter, .wp-block-post-template-is-layout-flow > li > .aligncenter { margin-inline-start: auto; margin-inline-end: auto; } .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-of-type { 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:where(:not(.is-style-plain)), .wp-block-quote.is-large:where(:not(.is-style-plain)) { margin-bottom: 1em; padding: 0 1em; } .wp-block-quote.is-style-large:where(:not(.is-style-plain)) p, .wp-block-quote.is-large:where(:not(.is-style-plain)) p { font-size: 1.5em; font-style: italic; line-height: 1.6; } .wp-block-quote.is-style-large:where(:not(.is-style-plain)) cite, .wp-block-quote.is-style-large:where(:not(.is-style-plain)) footer, .wp-block-quote.is-large:where(:not(.is-style-plain)) cite, .wp-block-quote.is-large:where(:not(.is-style-plain)) footer { font-size: 1.125em; text-align: right; } .wp-block-quote > cite { display: block; } .wp-block-read-more { display: block; width: -moz-fit-content; width: fit-content; } .wp-block-read-more:where(:not([style*="text-decoration"])) { text-decoration: none; } .wp-block-read-more:where(:not([style*="text-decoration"])):focus, .wp-block-read-more:where(: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: 10px; word-break: normal; } .wp-block-search__button.has-icon { line-height: 0; } .wp-block-search__button svg { min-width: 24px; min-height: 24px; width: 1.25em; height: 1.25em; fill: currentColor; vertical-align: text-bottom; } :where(.wp-block-search__button) { border: 1px solid #ccc; padding: 6px 10px; } .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: 3rem; border: 1px solid #949494; text-decoration: unset !important; -webkit-appearance: initial; appearance: initial; } .wp-block-search.wp-block-search__button-only .wp-block-search__button { margin-left: 0; flex-shrink: 0; max-width: 100%; } .wp-block-search.wp-block-search__button-only .wp-block-search__button[aria-expanded=true] { max-width: calc(100% - 100px); } .wp-block-search.wp-block-search__button-only .wp-block-search__inside-wrapper { transition-property: width; min-width: 0 !important; } .wp-block-search.wp-block-search__button-only .wp-block-search__input { transition-duration: 300ms; flex-basis: 100%; } .wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden { overflow: hidden; } .wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden .wp-block-search__inside-wrapper { overflow: hidden; } .wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden .wp-block-search__input { width: 0 !important; min-width: 0 !important; padding-left: 0 !important; padding-right: 0 !important; border-left-width: 0 !important; border-right-width: 0 !important; flex-grow: 0; margin: 0; flex-basis: 0; } :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) { padding: 4px; border: 1px solid #949494; box-sizing: border-box; } :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input { border-radius: 0; border: none; padding: 0 4px; } :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: 4px 8px; } .wp-block-search.aligncenter .wp-block-search__inside-wrapper { margin: auto; } .wp-block[data-align=right] .wp-block-search.wp-block-search__button-only .wp-block-search__inside-wrapper { float: right; } .wp-block-separator { border-top: 2px solid currentColor; border-left: none; border-right: none; border-bottom: 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; line-height: 0; } .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-site-title a { color: inherit; } .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-social-link { display: inline-block; margin: 0; padding: 0; } .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor, .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:hover, .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:active, .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:visited, .wp-block-social-links .wp-block-social-link.wp-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-gravatar { background-color: #1d4fc4; 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: #000; 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-threads { background-color: #000; 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-x { background-color: #000; 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-gravatar { color: #1d4fc4; } .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: #000; } .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-threads { color: #000; } .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-x { color: #000; } .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-social-links:not(.has-icon-color):not(.has-icon-background-color) .wp-social-link-snapchat .wp-block-social-link-label { color: #000; } .wp-block-spacer { clear: both; } .wp-block-tag-cloud { box-sizing: border-box; } .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 thead { border-bottom: 3px solid; } .wp-block-table tfoot { border-top: 3px solid; } .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; } :where(.wp-block-term-description) { margin-top: var(--wp--style--block-gap); margin-bottom: var(--wp--style--block-gap); } .wp-block-term-description p { margin-top: 0; margin-bottom: 0; } .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 { overflow: auto; white-space: pre-wrap; } :where(pre.wp-block-verse) { font-family: inherit; } .wp-block-video { box-sizing: border-box; } .wp-block-video video { width: 100%; vertical-align: middle; } @supports (position: sticky) { .wp-block-video [poster] { object-fit: cover; } } .wp-block-video.aligncenter { text-align: center; } .wp-block-video figcaption { margin-top: 0.5em; margin-bottom: 1em; } .editor-styles-wrapper, .entry-content { counter-reset: footnotes; } a[data-fn].fn { vertical-align: super; font-size: smaller; counter-increment: footnotes; display: inline-flex; text-decoration: none; text-indent: -9999999px; } a[data-fn].fn::after { content: "[" counter(footnotes) "]"; text-indent: 0; float: left; } /** * 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. */ :where(figure) { margin: 0 0 1em 0; } html :where(.is-position-sticky) { /* stylelint-disable length-zero-no-unit */ --wp-admin--admin-bar--position-offset: var(--wp-admin--admin-bar--height, 0px); /* stylelint-enable length-zero-no-unit */ } @media screen and (max-width: 600px) { html :where(.is-position-sticky) { /* stylelint-disable length-zero-no-unit */ --wp-admin--admin-bar--position-offset: 0px; /* stylelint-enable length-zero-no-unit */ } } /** * Converts a hex value into the rgb equivalent. * * @param {string} hex - the hexadecimal value to convert * @return {string} comma separated rgb values */ /** * 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. */ /** * Converts a hex value into the rgb equivalent. * * @param {string} hex - the hexadecimal value to convert * @return {string} comma separated rgb values */ /** * 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 */ /** * Long content fade mixin * * Creates a fading overlay to signify that the content is longer * than the space allows. */ /** * Breakpoint mixins */ /** * 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-archives { padding-left: 2.5em; } .wp-block-audio { margin-left: 0; margin-right: 0; position: relative; } .wp-block-audio.is-transient audio { opacity: 0.3; } .wp-block-audio .components-spinner { position: absolute; top: 50%; left: 50%; margin-top: -9px; margin-left: -9px; } .wp-block-avatar__image img { width: 100%; } .wp-block-avatar.aligncenter .components-resizable-box__container { margin: 0 auto; } .edit-post-visual-editor .block-library-block__reusable-block-container .is-root-container { padding-left: 0; padding-right: 0; } .edit-post-visual-editor .block-library-block__reusable-block-container .block-editor-writing-flow { display: block; } .edit-post-visual-editor .block-library-block__reusable-block-container .components-disabled .block-list-appender { display: none; } .edit-post-visual-editor .block-editor-block-list__block:not(.remove-outline).is-reusable.is-highlighted, .edit-post-visual-editor .block-editor-block-list__block:not(.remove-outline).is-reusable.is-selected { box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color); } .edit-post-visual-editor .block-editor-block-list__block:not(.remove-outline).is-reusable.block-editor-block-list__block:not([contenteditable]):focus::after { box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color); } .is-dark-theme .edit-post-visual-editor .block-editor-block-list__block:not(.remove-outline).is-reusable.block-editor-block-list__block:not([contenteditable]):focus::after { box-shadow: 0 0 0 var(--wp-admin-border-width-focus) #fff; } .wp-block[data-align=center] > .wp-block-button { text-align: center; margin-left: auto; margin-right: auto; } .wp-block[data-align=right] > .wp-block-button { /*!rtl:ignore*/ text-align: right; } .wp-block-button { position: relative; cursor: text; } .wp-block-button:focus { box-shadow: 0 0 0 1px #fff, 0 0 0 3px var(--wp-admin-theme-color); outline: 2px solid transparent; outline-offset: -2px; } .wp-block-button[data-rich-text-placeholder]::after { opacity: 0.8; } div[data-type="core/button"] { display: table; } .editor-styles-wrapper .wp-block-button[style*=text-decoration] .wp-block-button__link { text-decoration: inherit; } .editor-styles-wrapper .wp-block-button .wp-block-button__link:where(.has-border-color) { border-width: initial; } .editor-styles-wrapper .wp-block-button .wp-block-button__link:where([style*="border-top-color"]) { border-top-width: initial; } .editor-styles-wrapper .wp-block-button .wp-block-button__link:where([style*="border-right-color"]) { border-right-width: initial; } .editor-styles-wrapper .wp-block-button .wp-block-button__link:where([style*="border-bottom-color"]) { border-bottom-width: initial; } .editor-styles-wrapper .wp-block-button .wp-block-button__link:where([style*="border-left-color"]) { border-left-width: initial; } .editor-styles-wrapper .wp-block-button .wp-block-button__link:where([style*="border-style"]) { border-width: initial; } .editor-styles-wrapper .wp-block-button .wp-block-button__link:where([style*="border-top-style"]) { border-top-width: initial; } .editor-styles-wrapper .wp-block-button .wp-block-button__link:where([style*="border-right-style"]) { border-right-width: initial; } .editor-styles-wrapper .wp-block-button .wp-block-button__link:where([style*="border-bottom-style"]) { border-bottom-width: initial; } .editor-styles-wrapper .wp-block-button .wp-block-button__link:where([style*="border-left-style"]) { border-left-width: initial; } .wp-block-buttons { /* stylelint-disable indentation */ } .wp-block-buttons > .wp-block { margin: 0; } .wp-block-buttons > .wp-block-button.wp-block-button.wp-block-button.wp-block-button.wp-block-button { margin: 0; } .wp-block-buttons > .block-list-appender { display: inline-flex; align-items: center; } .wp-block-buttons.is-vertical > .block-list-appender .block-list-appender__toggle { justify-content: flex-start; } .wp-block-buttons > .wp-block-button:focus { box-shadow: none; } .wp-block-buttons:not(.is-content-justification-space-between, .is-content-justification-right, .is-content-justification-left, .is-content-justification-center) .wp-block[data-align=center] { /* stylelint-enable indentation */ margin-left: auto; margin-right: auto; margin-top: 0; width: 100%; } .wp-block-buttons:not(.is-content-justification-space-between, .is-content-justification-right, .is-content-justification-left, .is-content-justification-center) .wp-block[data-align=center] .wp-block-button { margin-bottom: 0; } .editor-styles-wrapper .wp-block-buttons.has-custom-font-size .wp-block-button__link { font-size: inherit; } .wp-block[data-align=center] > .wp-block-buttons { align-items: center; justify-content: center; } .wp-block[data-align=right] > .wp-block-buttons { justify-content: flex-end; } .wp-block-categories ul { padding-left: 2.5em; } .wp-block-categories ul ul { margin-top: 6px; } /* Center alignment for classic themes. */ [data-align=center] .wp-block-categories { text-align: center; } .wp-block-code code { background: none; } .wp-block-columns :where(.wp-block) { max-width: none; margin-left: 0; margin-right: 0; } html :where(.wp-block-column) { margin-top: 0; margin-bottom: 0; } /* Styles for backwards compatibility with the legacy `post-comments` block */ .wp-block-post-comments, .wp-block-comments__legacy-placeholder { box-sizing: border-box; /* utility classes */ /* end utility classes */ } .wp-block-post-comments .alignleft, .wp-block-comments__legacy-placeholder .alignleft { float: left; } .wp-block-post-comments .alignright, .wp-block-comments__legacy-placeholder .alignright { float: right; } .wp-block-post-comments .navigation::after, .wp-block-comments__legacy-placeholder .navigation::after { content: ""; display: table; clear: both; } .wp-block-post-comments .commentlist, .wp-block-comments__legacy-placeholder .commentlist { clear: both; list-style: none; margin: 0; padding: 0; } .wp-block-post-comments .commentlist .comment, .wp-block-comments__legacy-placeholder .commentlist .comment { min-height: 2.25em; padding-left: 3.25em; } .wp-block-post-comments .commentlist .comment p, .wp-block-comments__legacy-placeholder .commentlist .comment p { font-size: 1em; line-height: 1.8; margin: 1em 0; } .wp-block-post-comments .commentlist .children, .wp-block-comments__legacy-placeholder .commentlist .children { list-style: none; margin: 0; padding: 0; } .wp-block-post-comments .comment-author, .wp-block-comments__legacy-placeholder .comment-author { line-height: 1.5; } .wp-block-post-comments .comment-author .avatar, .wp-block-comments__legacy-placeholder .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, .wp-block-comments__legacy-placeholder .comment-author cite { font-style: normal; } .wp-block-post-comments .comment-meta, .wp-block-comments__legacy-placeholder .comment-meta { font-size: 0.875em; line-height: 1.5; } .wp-block-post-comments .comment-meta b, .wp-block-comments__legacy-placeholder .comment-meta b { font-weight: normal; } .wp-block-post-comments .comment-meta .comment-awaiting-moderation, .wp-block-comments__legacy-placeholder .comment-meta .comment-awaiting-moderation { margin-top: 1em; margin-bottom: 1em; display: block; } .wp-block-post-comments .comment-body .commentmetadata, .wp-block-comments__legacy-placeholder .comment-body .commentmetadata { font-size: 0.875em; } .wp-block-post-comments .comment-form-comment label, .wp-block-comments__legacy-placeholder .comment-form-comment label, .wp-block-post-comments .comment-form-author label, .wp-block-comments__legacy-placeholder .comment-form-author label, .wp-block-post-comments .comment-form-email label, .wp-block-comments__legacy-placeholder .comment-form-email label, .wp-block-post-comments .comment-form-url label, .wp-block-comments__legacy-placeholder .comment-form-url label { display: block; margin-bottom: 0.25em; } .wp-block-post-comments .comment-form textarea, .wp-block-comments__legacy-placeholder .comment-form textarea, .wp-block-post-comments .comment-form input:not([type=submit]):not([type=checkbox]), .wp-block-comments__legacy-placeholder .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, .wp-block-comments__legacy-placeholder .comment-form-cookies-consent { display: flex; gap: 0.25em; } .wp-block-post-comments .comment-form-cookies-consent #wp-comment-cookies-consent, .wp-block-comments__legacy-placeholder .comment-form-cookies-consent #wp-comment-cookies-consent { margin-top: 0.35em; } .wp-block-post-comments .comment-reply-title, .wp-block-comments__legacy-placeholder .comment-reply-title { margin-bottom: 0; } .wp-block-post-comments .comment-reply-title :where(small), .wp-block-comments__legacy-placeholder .comment-reply-title :where(small) { font-size: var(--wp--preset--font-size--medium, smaller); margin-left: 0.5em; } .wp-block-post-comments .reply, .wp-block-comments__legacy-placeholder .reply { font-size: 0.875em; margin-bottom: 1.4em; } .wp-block-post-comments textarea, .wp-block-comments__legacy-placeholder textarea, .wp-block-post-comments input:not([type=submit]), .wp-block-comments__legacy-placeholder input:not([type=submit]) { border: 1px solid #949494; font-size: 1em; font-family: inherit; } .wp-block-post-comments textarea, .wp-block-comments__legacy-placeholder textarea, .wp-block-post-comments input:not([type=submit]):not([type=checkbox]), .wp-block-comments__legacy-placeholder input:not([type=submit]):not([type=checkbox]) { padding: calc(0.667em + 2px); } :where(.wp-block-post-comments input[type="submit"]) { border: none; } .block-library-comments-toolbar__popover .components-popover__content { min-width: 230px; } .wp-block-comments__legacy-placeholder * { pointer-events: none; } .wp-block-comment-author-avatar__placeholder { border: currentColor 1px dashed; width: 100%; height: 100%; stroke: currentColor; stroke-dasharray: 3; } .wp-block[data-align=center] > .wp-block-comments-pagination { justify-content: center; } .editor-styles-wrapper .wp-block-comments-pagination { max-width: 100%; } .editor-styles-wrapper .wp-block-comments-pagination.block-editor-block-list__layout { margin: 0; } .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 { margin-left: 0; margin-top: 0.5em; /*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-numbers a { text-decoration: underline; } .wp-block-comments-pagination-numbers .page-numbers { margin-right: 2px; } .wp-block-comments-pagination-numbers .page-numbers:last-child { /*rtl:ignore*/ margin-right: 0; } .wp-block-comments-title.has-background { padding: inherit; } .wp-block-cover { /* Extra specificity needed because the reset.css applied in the editor context is overriding this rule. */ } .editor-styles-wrapper .wp-block-cover { box-sizing: border-box; } .wp-block-cover.is-placeholder { padding: 0 !important; display: flex; align-items: stretch; min-height: 240px; } .wp-block-cover.is-placeholder .components-placeholder.is-large { justify-content: flex-start; z-index: 1; } .wp-block-cover.is-placeholder:focus::after { min-height: auto; } .wp-block-cover.components-placeholder h2 { color: inherit; } .wp-block-cover.is-transient::before { background-color: #fff; opacity: 0.3; } .wp-block-cover .components-spinner { position: absolute; z-index: 1; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: 0; } .wp-block-cover .wp-block-cover__inner-container { text-align: left; margin-left: 0; margin-right: 0; } .wp-block-cover .wp-block-cover__placeholder-background-options { width: 100%; } .wp-block-cover .wp-block-cover__image--placeholder-image { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } [data-align=left] > .wp-block-cover, [data-align=right] > .wp-block-cover { max-width: 420px; width: 100%; } .block-library-cover__reset-button { margin-left: auto; } .block-library-cover__resize-container { position: absolute !important; top: 0; left: 0; right: 0; bottom: 0; min-height: 50px; } .components-popover.block-editor-block-popover.block-library-cover__resizable-box-popover .components-popover__content > div, .components-popover.block-editor-block-popover.block-library-cover__resizable-box-popover .block-library-cover__resize-container { pointer-events: none; overflow: visible; } .wp-block-cover > .components-drop-zone .components-drop-zone__content { opacity: 0.8 !important; } .block-editor-block-patterns-list__list-item .has-parallax.wp-block-cover { background-attachment: scroll; } .color-block-support-panel__inner-wrapper > :not(.block-editor-tools-panel-color-gradient-settings__item) { margin-top: 24px; } .wp-block-cover::after { min-height: auto; } .wp-block-details summary div { display: inline; } .wp-block-embed { margin-left: 0; margin-right: 0; clear: both; } .wp-block-embed.is-loading { display: flex; justify-content: center; } .wp-block-embed .components-placeholder__error { word-break: break-word; } .wp-block-embed__learn-more { margin-top: 1em; } .wp-block-post-content .wp-block-embed__learn-more a { color: var(--wp-admin-theme-color); } .block-library-embed__interactive-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; } .wp-block[data-align=left] > .wp-block-embed, .wp-block[data-align=right] > .wp-block-embed { max-width: 360px; width: 100%; } .wp-block[data-align=left] > .wp-block-embed .wp-block-embed__wrapper, .wp-block[data-align=right] > .wp-block-embed .wp-block-embed__wrapper { min-width: 280px; } .wp-block-file { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-bottom: 0; } .wp-block[data-align=left] > .wp-block-file, .wp-block[data-align=right] > .wp-block-file { height: auto; } .wp-block-file .components-resizable-box__container { margin-bottom: 1em; } .wp-block-file .wp-block-file__preview { margin-bottom: 1em; width: 100%; height: 100%; } .wp-block-file .wp-block-file__preview-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .wp-block-file .wp-block-file__content-wrapper { flex-grow: 1; } .wp-block-file a { min-width: 1em; } .wp-block-file a:not(.wp-block-file__button) { display: inline-block; } .wp-block-file .wp-block-file__button-richtext-wrapper { display: inline-block; margin-left: 0.75em; } .wp-block-form-input .is-input-hidden { font-size: 0.85em; opacity: 0.3; border: 1px dashed; padding: 0.5em; box-sizing: border-box; background: repeating-linear-gradient(45deg, transparent, transparent 5px, currentColor 5px, currentColor 6px); } .wp-block-form-input .is-input-hidden input[type=text] { background: transparent; } .wp-block-form-input.is-selected .is-input-hidden { opacity: 1; background: none; } .wp-block-form-input.is-selected .is-input-hidden input[type=text] { background: unset; } .wp-block-form-submission-notification > * { opacity: 0.25; border: 1px dashed; box-sizing: border-box; background: repeating-linear-gradient(45deg, transparent, transparent 5px, currentColor 5px, currentColor 6px); } .wp-block-form-submission-notification.is-selected > *, .wp-block-form-submission-notification:has(.is-selected) > * { opacity: 1; background: none; } .wp-block-form-submission-notification.is-selected::after, .wp-block-form-submission-notification:has(.is-selected)::after { display: none !important; } .wp-block-form-submission-notification::after { display: flex; position: absolute; width: 100%; height: 100%; top: 0; left: 0; justify-content: center; align-items: center; font-size: 1.1em; } .wp-block-form-submission-notification.form-notification-type-success::after { content: attr(data-message-success); } .wp-block-form-submission-notification.form-notification-type-error::after { content: attr(data-message-error); } .wp-block-freeform.block-library-rich-text__tinymce { height: auto; /* Allow height of embed iframes to be calculated properly */ /* Remove blue highlighting of selected images in WebKit */ /* Image captions */ /* WP Views */ } .wp-block-freeform.block-library-rich-text__tinymce p, .wp-block-freeform.block-library-rich-text__tinymce li { line-height: 1.8; } .wp-block-freeform.block-library-rich-text__tinymce ul, .wp-block-freeform.block-library-rich-text__tinymce ol { padding-left: 2.5em; margin-left: 0; } .wp-block-freeform.block-library-rich-text__tinymce blockquote { margin: 0; box-shadow: inset 0 0 0 0 #ddd; border-left: 4px solid #000; padding-left: 1em; } .wp-block-freeform.block-library-rich-text__tinymce pre { white-space: pre-wrap; font-family: Menlo, Consolas, monaco, monospace; font-size: 15px; color: #1e1e1e; } .wp-block-freeform.block-library-rich-text__tinymce > *:first-child { margin-top: 0; } .wp-block-freeform.block-library-rich-text__tinymce > *:last-child { margin-bottom: 0; } .wp-block-freeform.block-library-rich-text__tinymce.mce-edit-focus { outline: none; } .wp-block-freeform.block-library-rich-text__tinymce a { color: var(--wp-admin-theme-color); } .wp-block-freeform.block-library-rich-text__tinymce:focus a[data-mce-selected] { padding: 0 2px; margin: 0 -2px; border-radius: 2px; box-shadow: 0 0 0 1px #e5f5fa; background: #e5f5fa; } .wp-block-freeform.block-library-rich-text__tinymce code { padding: 2px; border-radius: 2px; color: #1e1e1e; background: #f0f0f0; font-family: Menlo, Consolas, monaco, monospace; font-size: 14px; } .wp-block-freeform.block-library-rich-text__tinymce:focus code[data-mce-selected] { background: #ddd; } .wp-block-freeform.block-library-rich-text__tinymce .alignright { /*rtl:ignore*/ float: right; /*rtl:ignore*/ margin: 0.5em 0 0.5em 1em; } .wp-block-freeform.block-library-rich-text__tinymce .alignleft { /*rtl:ignore*/ float: left; /*rtl:ignore*/ margin: 0.5em 1em 0.5em 0; } .wp-block-freeform.block-library-rich-text__tinymce .aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-block-freeform.block-library-rich-text__tinymce .wp-more-tag { width: 96%; height: 20px; display: block; margin: 15px auto; outline: 0; cursor: default; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAADtgAAAAoBAMAAAA86gLBAAAAJFBMVEVMaXG7u7vBwcHDw8POzs68vLzGxsbMzMy+vr7AwMDQ0NDGxsYKLGzpAAAADHRSTlMA//zWf+/f//TMxNVGuqAAABwklEQVR4Ae3dMXLaQBTH4bfj8UCpx8hq0vgKvgFNemhT6Qo6gg6R+0ZahM2QLmyBJ99XWP9V5+o3jIUcLQEAAAAAAAAAAAAAAAAAAAAAAABQ8j0WL9lfTtlt18uNXAUA8O/KVtfa1tdcrOdSh9gCQAMlh1hMNbZZ1bsrsQWABsrhLRbz7z5in/32UbfUMUbkMQCAh5RfGYv82UdMdZ6HS2wjT2ILAI8r3XmM2B3WvM59vfO2xXYW2yYAENuPU8S+X/N67mKxzy225yaxBQCxLV392UdcvwV0jPVUj98ntkBWT7C7+9u2/V/vGtvXIWJ6/4rtbottWa6Ri0NUT/u72LYttrb97LHdvUXMxxrb8TO2W2TF1rYbbLG1bbGNjMi4+2Sbi1FsbbvNFlvbFtt5fDnE3d9sP1/XeIyV2Nr2U2/guZUuptNrH/dPI9eLB6SaAEBs6wPJf3/PNk9tYgsAYrv/8TFuzx/fvkFqGtrEFgDEdpcZUb7ejXy6ntrEFgDENvL6gsas4vbdyKt4DACI7TxElJv/Z7udpqFNbAFAbKduy2uU2trttM/x28UWAAAAAAAAAAAAAAAAAAAAAAAAAADgDyPwGmGTCZp7AAAAAElFTkSuQmCC); background-size: 1900px 20px; background-repeat: no-repeat; background-position: center; } .wp-block-freeform.block-library-rich-text__tinymce img::selection { background-color: transparent; } .wp-block-freeform.block-library-rich-text__tinymce div.mceTemp { -ms-user-select: element; } .wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption { margin: 0; /* dl browser reset */ max-width: 100%; } .wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption a, .wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption img { display: block; } .wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption, .wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption * { -webkit-user-drag: none; } .wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption .wp-caption-dd { padding-top: 0.5em; margin: 0; /* browser dd reset */ } .wp-block-freeform.block-library-rich-text__tinymce .wpview { width: 99.99%; /* All IE need hasLayout, incl. 11 (ugh, not again!!) */ position: relative; clear: both; margin-bottom: 16px; border: 1px solid transparent; } .wp-block-freeform.block-library-rich-text__tinymce .wpview iframe { display: block; max-width: 100%; background: transparent; } .wp-block-freeform.block-library-rich-text__tinymce .wpview .mce-shim { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected="2"] .mce-shim { display: none; } .wp-block-freeform.block-library-rich-text__tinymce .wpview .loading-placeholder { border: 1px dashed #ddd; padding: 10px; } .wp-block-freeform.block-library-rich-text__tinymce .wpview .wpview-error { border: 1px solid #ddd; padding: 1em 0; margin: 0; word-wrap: break-word; } .wp-block-freeform.block-library-rich-text__tinymce .wpview .wpview-error p { margin: 0; text-align: center; } .wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected] .loading-placeholder, .wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected] .wpview-error { border-color: transparent; } .wp-block-freeform.block-library-rich-text__tinymce .wpview .dashicons { display: block; margin: 0 auto; width: 32px; height: 32px; font-size: 32px; } .wp-block-freeform.block-library-rich-text__tinymce .wpview.wpview-type-gallery::after { content: ""; display: table; clear: both; } .wp-block-freeform.block-library-rich-text__tinymce .gallery img[data-mce-selected]:focus { outline: none; } .wp-block-freeform.block-library-rich-text__tinymce .gallery a { cursor: default; } .wp-block-freeform.block-library-rich-text__tinymce .gallery { margin: auto -6px; padding: 6px 0; line-height: 1; overflow-x: hidden; } .wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-item { float: left; margin: 0; text-align: center; padding: 6px; box-sizing: border-box; } .wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-caption, .wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-icon { margin: 0; } .wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-caption { font-size: 13px; margin: 4px 0; } .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-1 .gallery-item { width: 100%; } .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-2 .gallery-item { width: 50%; } .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-3 .gallery-item { width: 33.3333333333%; } .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-4 .gallery-item { width: 25%; } .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-5 .gallery-item { width: 20%; } .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-6 .gallery-item { width: 16.6666666667%; } .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-7 .gallery-item { width: 14.2857142857%; } .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-8 .gallery-item { width: 12.5%; } .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-9 .gallery-item { width: 11.1111111111%; } .wp-block-freeform.block-library-rich-text__tinymce .gallery img { max-width: 100%; height: auto; border: none; padding: 0; } div[data-type="core/freeform"]::before { transition: border-color 0.1s linear, box-shadow 0.1s linear; border: 1px solid #ddd; outline: 1px solid transparent; } @media (prefers-reduced-motion: reduce) { div[data-type="core/freeform"]::before { transition-duration: 0s; transition-delay: 0s; } } div[data-type="core/freeform"].is-selected::before { border-color: #1e1e1e; } div[data-type="core/freeform"] .block-editor-block-contextual-toolbar + div { margin-top: 0; padding-top: 0; } div[data-type="core/freeform"].is-selected .block-library-rich-text__tinymce::after { content: ""; display: table; clear: both; } .mce-toolbar-grp .mce-btn.mce-active button, .mce-toolbar-grp .mce-btn.mce-active:hover button, .mce-toolbar-grp .mce-btn.mce-active i, .mce-toolbar-grp .mce-btn.mce-active:hover i { color: #1e1e1e; } .mce-toolbar-grp .mce-rtl .mce-flow-layout-item.mce-last { margin-right: 0; margin-left: 8px; } .mce-toolbar-grp .mce-btn i { font-style: normal; } .block-library-classic__toolbar { display: none; width: auto; margin: 0; position: sticky; z-index: 31; top: 0; border: 1px solid #ddd; border-bottom: none; border-radius: 2px; margin-bottom: 8px; padding: 0; } div[data-type="core/freeform"].is-selected .block-library-classic__toolbar { display: block; border-color: #1e1e1e; } .block-library-classic__toolbar .mce-tinymce { box-shadow: none; } @media (min-width: 600px) { .block-library-classic__toolbar { padding: 0; } } .block-library-classic__toolbar:empty { display: block; background: #f5f5f5; border-bottom: 1px solid #e2e4e7; } .block-library-classic__toolbar:empty::before { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 13px; content: attr(data-placeholder); color: #555d66; line-height: 37px; padding: 14px; } .block-library-classic__toolbar div.mce-toolbar-grp { border-bottom: 1px solid #1e1e1e; } .block-library-classic__toolbar .mce-tinymce-inline, .block-library-classic__toolbar .mce-tinymce-inline > div, .block-library-classic__toolbar div.mce-toolbar-grp, .block-library-classic__toolbar div.mce-toolbar-grp > div, .block-library-classic__toolbar .mce-menubar, .block-library-classic__toolbar .mce-menubar > div { height: auto !important; width: 100% !important; } .block-library-classic__toolbar .mce-container-body.mce-abs-layout { overflow: visible; } .block-library-classic__toolbar .mce-menubar, .block-library-classic__toolbar div.mce-toolbar-grp { position: static; } .block-library-classic__toolbar .mce-toolbar-grp > div { padding: 1px 3px; } .block-library-classic__toolbar .mce-toolbar-grp .mce-toolbar:not(:first-child) { display: none; } .block-library-classic__toolbar.has-advanced-toolbar .mce-toolbar-grp .mce-toolbar { display: block; } .block-editor-freeform-modal .block-editor-freeform-modal__content .mce-edit-area iframe { height: 50vh !important; } @media (min-width: 960px) { .block-editor-freeform-modal .block-editor-freeform-modal__content:not(.is-full-screen) { height: 9999rem; } .block-editor-freeform-modal .block-editor-freeform-modal__content .components-modal__header + div { height: 100%; } .block-editor-freeform-modal .block-editor-freeform-modal__content .mce-tinymce { height: calc(100% - 36px - 16px); } .block-editor-freeform-modal .block-editor-freeform-modal__content .mce-container-body { height: 100%; display: flex; flex-direction: column; min-width: 50vw; } .block-editor-freeform-modal .block-editor-freeform-modal__content .mce-edit-area { flex-grow: 1; display: flex; flex-direction: column; } .block-editor-freeform-modal .block-editor-freeform-modal__content .mce-edit-area iframe { flex-grow: 1; height: 10px !important; } } .block-editor-freeform-modal__actions { margin-top: 16px; } figure.wp-block-gallery { display: block; } figure.wp-block-gallery > .blocks-gallery-caption { flex: 0 0 100%; } figure.wp-block-gallery > .blocks-gallery-media-placeholder-wrapper { flex-basis: 100%; } figure.wp-block-gallery .wp-block-image .components-notice.is-error { display: block; } figure.wp-block-gallery .wp-block-image .components-notice__content { margin: 4px 0; } figure.wp-block-gallery .wp-block-image .components-notice__dismiss { position: absolute; top: 0; right: 5px; } figure.wp-block-gallery .block-editor-media-placeholder.is-appender .components-placeholder__label { display: none; } figure.wp-block-gallery .block-editor-media-placeholder.is-appender .block-editor-media-placeholder__button { margin-bottom: 0; } figure.wp-block-gallery .block-editor-media-placeholder { margin: 0; } figure.wp-block-gallery .block-editor-media-placeholder .components-placeholder__label { display: flex; } figure.wp-block-gallery .block-editor-media-placeholder figcaption { z-index: 2; } figure.wp-block-gallery .components-spinner { position: absolute; top: 50%; left: 50%; margin-top: -9px; margin-left: -9px; } /** * Gallery inspector controls settings. */ .gallery-settings-buttons .components-button:first-child { margin-right: 8px; } .gallery-image-sizes .components-base-control__label { display: block; margin-bottom: 4px; } .gallery-image-sizes .gallery-image-sizes__loading { display: flex; align-items: center; color: #757575; font-size: 12px; } .gallery-image-sizes .components-spinner { margin: 0 8px 0 4px; } /** * Deprecated css past this point. This can be removed once all galleries are migrated * to V2. */ .blocks-gallery-item figure:not(.is-selected):focus, .blocks-gallery-item img:focus { outline: none; } .blocks-gallery-item figure.is-selected::before { box-shadow: 0 0 0 1px #fff inset, 0 0 0 3px var(--wp-admin-theme-color) inset; content: ""; outline: 2px solid transparent; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: none; } .blocks-gallery-item figure.is-transient img { opacity: 0.3; } .blocks-gallery-item .is-selected .block-library-gallery-item__inline-menu { display: inline-flex; } .blocks-gallery-item .block-editor-media-placeholder { margin: 0; height: 100%; } .blocks-gallery-item .block-editor-media-placeholder .components-placeholder__label { display: flex; } .block-library-gallery-item__inline-menu { display: none; position: absolute; top: -2px; margin: 8px; z-index: 20; transition: box-shadow 0.2s ease-out; border-radius: 2px; background: #fff; border: 1px solid #1e1e1e; } @media (prefers-reduced-motion: reduce) { .block-library-gallery-item__inline-menu { transition-duration: 0s; transition-delay: 0s; } } .block-library-gallery-item__inline-menu:hover { box-shadow: 0 0.7px 1px rgba(0, 0, 0, 0.1), 0 1.2px 1.7px -0.2px rgba(0, 0, 0, 0.1), 0 2.3px 3.3px -0.5px rgba(0, 0, 0, 0.1); } @media (min-width: 600px) { .columns-7 .block-library-gallery-item__inline-menu, .columns-8 .block-library-gallery-item__inline-menu { padding: 2px; } } .block-library-gallery-item__inline-menu .components-button.has-icon:not(:focus) { border: none; box-shadow: none; } @media (min-width: 600px) { .columns-7 .block-library-gallery-item__inline-menu .components-button.has-icon, .columns-8 .block-library-gallery-item__inline-menu .components-button.has-icon { padding: 0; width: inherit; height: inherit; } } .block-library-gallery-item__inline-menu.is-left { left: -2px; } .block-library-gallery-item__inline-menu.is-right { right: -2px; } .wp-block-gallery ul.blocks-gallery-grid { padding: 0; margin: 0; } @media (min-width: 600px) { .wp-block-update-gallery-modal { max-width: 480px; } } .wp-block-update-gallery-modal-buttons { display: flex; justify-content: flex-end; gap: 12px; } /** * Group: All Alignment Settings */ .wp-block-group .block-editor-block-list__insertion-point { left: 0; right: 0; } [data-type="core/group"].is-selected .block-list-appender { margin-left: 0; margin-right: 0; } [data-type="core/group"].is-selected .has-background .block-list-appender { margin-top: 18px; margin-bottom: 18px; } .wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child { gap: inherit; pointer-events: none; } .wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child, .wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child .block-editor-default-block-appender__content, .wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child .block-editor-inserter { display: inherit; width: 100%; flex-direction: inherit; flex: 1; } .wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child::after { content: ""; display: flex; flex: 1 0 48px; pointer-events: none; min-height: 46px; border: 1px dashed currentColor; border-radius: 2px; } .wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child::after::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; background: currentColor; opacity: 0.1; } .wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child .block-editor-inserter { pointer-events: all; } .wp-block-group__placeholder .wp-block-group-placeholder__variations { list-style: none; display: flex; justify-content: center; flex-direction: row; flex-wrap: wrap; width: 100%; padding: 0; margin: 0; } .wp-block-group__placeholder .components-placeholder__instructions { margin-bottom: 18px; } .wp-block-group__placeholder .wp-block-group-placeholder__variations svg { fill: #ccc !important; } .wp-block-group__placeholder .wp-block-group-placeholder__variations svg:hover { fill: var(--wp-admin-theme-color) !important; } .wp-block-group__placeholder .wp-block-group-placeholder__variations > li { margin: 0 12px 12px 12px; width: auto; display: flex; flex-direction: column; align-items: center; } .wp-block-group__placeholder .wp-block-group-placeholder__variations li > .wp-block-group-placeholder__variation-button { width: 44px; height: 32px; padding: 0; } .wp-block-group__placeholder .wp-block-group-placeholder__variations li > .wp-block-group-placeholder__variation-button:hover { box-shadow: none; } .wp-block-group__placeholder .components-placeholder { min-height: auto; padding: 24px; align-items: center; } .wp-block-group__placeholder .is-small .wp-block-group-placeholder__variations > li, .wp-block-group__placeholder .is-medium .wp-block-group-placeholder__variations > li { margin: 12px; } .block-library-html__edit .block-library-html__preview-overlay { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .block-library-html__edit .block-editor-plain-text { box-sizing: border-box; max-height: 250px; font-family: Menlo, Consolas, monaco, monospace !important; color: #1e1e1e !important; background: #fff !important; padding: 12px !important; border: 1px solid #1e1e1e !important; box-shadow: none !important; border-radius: 2px !important; font-size: 16px !important; } @media (min-width: 600px) { .block-library-html__edit .block-editor-plain-text { font-size: 13px !important; } } .block-library-html__edit .block-editor-plain-text:focus { border-color: var(--wp-admin-theme-color) !important; box-shadow: 0 0 0 1px var(--wp-admin-theme-color) !important; outline: 2px solid transparent !important; } .wp-block-image.wp-block-image:not(.is-selected) .components-placeholder__fieldset { display: none; } .wp-block-image.wp-block-image.is-selected .components-placeholder { color: #1e1e1e; background-color: #fff; box-shadow: inset 0 0 0 1px #1e1e1e; border: none; filter: none !important; border-radius: 2px; } .wp-block-image.wp-block-image.is-selected .components-placeholder > svg { opacity: 0; } .wp-block-image.wp-block-image.is-selected .components-placeholder .components-placeholder__illustration { display: none; } .wp-block-image.wp-block-image.is-selected .components-placeholder::before { opacity: 0; } .wp-block-image.wp-block-image .block-bindings-media-placeholder-message { opacity: 0; } .wp-block-image.wp-block-image.is-selected .block-bindings-media-placeholder-message { opacity: 1; } .wp-block-image.wp-block-image .components-placeholder__label, .wp-block-image.wp-block-image .components-placeholder__instructions, .wp-block-image.wp-block-image .components-button { transition: none; } figure.wp-block-image:not(.wp-block) { margin: 0; } .wp-block-image { position: relative; } .wp-block-image .is-applying img, .wp-block-image.is-transient img { opacity: 0.3; } .wp-block-image figcaption img { display: inline; } .wp-block-image .components-spinner { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .wp-block-image .components-resizable-box__container { display: table; } .wp-block-image .components-resizable-box__container img { display: block; width: inherit; height: inherit; } .block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal { position: absolute; left: 0; right: 0; margin: -1px 0; } @media (min-width: 600px) { .block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal { margin: -1px; } } [data-align=wide] > .wp-block-image img, [data-align=full] > .wp-block-image img { height: auto; width: 100%; } .wp-block[data-align=left] > .wp-block-image, .wp-block[data-align=center] > .wp-block-image, .wp-block[data-align=right] > .wp-block-image { display: table; } .wp-block[data-align=left] > .wp-block-image > figcaption, .wp-block[data-align=center] > .wp-block-image > figcaption, .wp-block[data-align=right] > .wp-block-image > figcaption { display: table-caption; caption-side: bottom; } .wp-block[data-align=left] > .wp-block-image { margin-right: 1em; margin-left: 0; margin-top: 0.5em; margin-bottom: 0.5em; } .wp-block[data-align=right] > .wp-block-image { margin-left: 1em; margin-right: 0; margin-top: 0.5em; margin-bottom: 0.5em; } .wp-block[data-align=center] > .wp-block-image { margin-left: auto; margin-right: auto; text-align: center; } .wp-block-image__crop-area { position: relative; max-width: 100%; width: 100%; overflow: hidden; } .wp-block-image__crop-area .reactEasyCrop_Container .reactEasyCrop_Image { border: none; border-radius: 0; } .wp-block-image__crop-icon { padding: 0 8px; min-width: 48px; display: flex; justify-content: center; align-items: center; } .wp-block-image__crop-icon svg { fill: currentColor; } .wp-block-image__zoom .components-popover__content { min-width: 260px; overflow: visible !important; } .wp-block-image__aspect-ratio { height: 46px; margin-bottom: -8px; display: flex; align-items: center; } .wp-block-image__aspect-ratio .components-button { width: 36px; padding-left: 0; padding-right: 0; } .wp-block-image__toolbar_content_textarea { width: 250px; } .wp-block-latest-posts { padding-left: 2.5em; } .wp-block-latest-posts.is-grid { padding-left: 0; } .wp-block-latest-posts > li { overflow: hidden; } .wp-block-latest-posts li a > div { display: inline; } .edit-post-visual-editor .wp-block-latest-posts.is-grid li { margin-bottom: 20px; } .editor-latest-posts-image-alignment-control .components-base-control__label { display: block; } .editor-latest-posts-image-alignment-control .components-toolbar { border-radius: 2px; } .wp-block-media-text__media { position: relative; } .wp-block-media-text__media.is-transient img { opacity: 0.3; } .wp-block-media-text__media .components-spinner { position: absolute; top: 50%; left: 50%; margin-top: -9px; margin-left: -9px; } .wp-block-media-text .__resizable_base__ { grid-column: 1/span 2; grid-row: 2; } .wp-block-media-text .editor-media-container__resizer { width: 100% !important; } .wp-block-media-text.is-image-fill .editor-media-container__resizer { height: 100% !important; } .wp-block-media-text > .block-editor-block-list__layout > .block-editor-block-list__block { max-width: unset; } .block-editor-block-list__block[data-type="core/more"] { max-width: 100%; text-align: center; margin-top: 28px; margin-bottom: 28px; } .wp-block-more { display: block; text-align: center; white-space: nowrap; } .wp-block-more input[type=text] { position: relative; font-size: 13px; text-transform: uppercase; font-weight: 600; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; color: #757575; border: none; box-shadow: none; white-space: nowrap; text-align: center; margin: 0; border-radius: 4px; background: #fff; padding: 6px 8px; height: 24px; max-width: 100%; } .wp-block-more input[type=text]:focus { box-shadow: none; } .wp-block-more::before { content: ""; position: absolute; top: calc(50%); left: 0; right: 0; border-top: 3px dashed #ccc; } /** * Editor only CSS. */ .editor-styles-wrapper .wp-block-navigation ul { margin-top: 0; margin-bottom: 0; margin-left: 0; padding-left: 0; } .editor-styles-wrapper .wp-block-navigation .wp-block-navigation-item.wp-block { margin: revert; } .wp-block-navigation-item__label { display: inline; } /** * Submenus. */ .wp-block-navigation__container, .wp-block-navigation-item { background-color: inherit; } .wp-block-navigation:not(.is-selected):not(.has-child-selected) .has-child:hover > .wp-block-navigation__submenu-container { opacity: 0; visibility: hidden; } .has-child.is-selected > .wp-block-navigation__submenu-container, .has-child.has-child-selected > .wp-block-navigation__submenu-container { display: flex; opacity: 1; visibility: visible; } .is-dragging-components-draggable .has-child.is-dragging-within > .wp-block-navigation__submenu-container { opacity: 1; visibility: visible; } .is-editing > .wp-block-navigation__container { visibility: visible; opacity: 1; display: flex; flex-direction: column; } .is-dragging-components-draggable .wp-block-navigation-link > .wp-block-navigation__container { opacity: 1; visibility: hidden; } .is-dragging-components-draggable .wp-block-navigation-link > .wp-block-navigation__container .block-editor-block-draggable-chip-wrapper { visibility: visible; } .is-editing > .wp-block-navigation__submenu-container > .block-list-appender { display: block; position: static; width: 100%; } .is-editing > .wp-block-navigation__submenu-container > .block-list-appender .block-editor-button-block-appender { color: #fff; background: #1e1e1e; padding: 0; width: 24px; border-radius: 2px; margin-right: 0; margin-left: auto; } .wp-block-navigation__submenu-container .block-list-appender { display: none; } /** * Colors Selector component */ .block-library-colors-selector { width: auto; } .block-library-colors-selector .block-library-colors-selector__toggle { display: block; margin: 0 auto; padding: 3px; width: auto; } .block-library-colors-selector .block-library-colors-selector__icon-container { height: 30px; position: relative; margin: 0 auto; padding: 3px; display: flex; align-items: center; border-radius: 4px; } .block-library-colors-selector .block-library-colors-selector__state-selection { margin-left: auto; margin-right: auto; border-radius: 11px; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); width: 22px; min-width: 22px; height: 22px; min-height: 22px; line-height: 20px; padding: 2px; } .block-library-colors-selector .block-library-colors-selector__state-selection > svg { min-width: auto !important; } .block-library-colors-selector .block-library-colors-selector__state-selection.has-text-color > svg, .block-library-colors-selector .block-library-colors-selector__state-selection.has-text-color > svg path { color: inherit; } .block-library-colors-selector__popover .color-palette-controller-container { padding: 16px; } .block-library-colors-selector__popover .components-base-control__label { height: 20px; line-height: 20px; } .block-library-colors-selector__popover .component-color-indicator { float: right; margin-top: 2px; } .block-library-colors-selector__popover .components-panel__body-title { display: none; } .wp-block-navigation .wp-block + .block-list-appender .block-editor-button-block-appender { background-color: #1e1e1e; color: #fff; } .wp-block-navigation .wp-block + .block-list-appender .block-editor-button-block-appender.block-editor-button-block-appender.block-editor-button-block-appender { padding: 0; } .wp-block-navigation .wp-block .wp-block .block-editor-button-block-appender { background-color: transparent; color: #1e1e1e; } /** * Setup state */ @keyframes loadingpulse { 0% { opacity: 1; } 50% { opacity: 0.5; } 100% { opacity: 1; } } .components-placeholder.wp-block-navigation-placeholder { outline: none; padding: 0; box-shadow: none; background: none; min-height: 0; color: inherit; } .components-placeholder.wp-block-navigation-placeholder .components-placeholder__fieldset { font-size: inherit; } .components-placeholder.wp-block-navigation-placeholder .components-placeholder__fieldset .components-button { margin-bottom: 0; } .wp-block-navigation.is-selected .components-placeholder.wp-block-navigation-placeholder { color: #1e1e1e; } .wp-block-navigation-placeholder__preview { display: flex; align-items: center; min-width: 96px; font-size: 13px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; color: currentColor; background: transparent; } .wp-block-navigation.is-selected .wp-block-navigation-placeholder__preview { display: none; } .wp-block-navigation-placeholder__preview::before { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; border: 1px dashed currentColor; border-radius: 2px; border-radius: inherit; } .wp-block-navigation-placeholder__preview::before::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; background: currentColor; opacity: 0.1; } .wp-block-navigation-placeholder__preview > svg { fill: currentColor; } .wp-block-navigation.is-vertical .is-small .components-placeholder__fieldset, .wp-block-navigation.is-vertical .is-medium .components-placeholder__fieldset { min-height: 90px; } .wp-block-navigation.is-vertical .is-large .components-placeholder__fieldset { min-height: 132px; } .wp-block-navigation-placeholder__preview, .wp-block-navigation-placeholder__controls { padding: 6px 8px; flex-direction: row; align-items: flex-start; } .wp-block-navigation-placeholder__controls { border-radius: 2px; background-color: #fff; box-shadow: inset 0 0 0 1px #1e1e1e; display: none; position: relative; z-index: 1; float: left; width: 100%; } .wp-block-navigation.is-selected .wp-block-navigation-placeholder__controls { display: flex; } .is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator, .is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator + hr, .is-medium .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator, .is-medium .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator + hr { display: none; } .is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions, .wp-block-navigation.is-vertical .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions { flex-direction: column; align-items: flex-start; } .is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions hr, .wp-block-navigation.is-vertical .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions hr { display: none; } .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__icon { margin-right: 12px; height: 36px; } .wp-block-navigation-placeholder__actions__indicator { display: flex; padding: 0 6px 0 0; align-items: center; justify-content: flex-start; line-height: 0; height: 36px; margin-left: 4px; } .wp-block-navigation-placeholder__actions__indicator svg { margin-right: 4px; fill: currentColor; } .wp-block-navigation .components-placeholder.is-medium .components-placeholder__fieldset { flex-direction: row !important; } .wp-block-navigation-placeholder__actions { display: flex; font-size: 13px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; gap: 6px; align-items: center; height: 100%; } .wp-block-navigation-placeholder__actions .components-dropdown, .wp-block-navigation-placeholder__actions > .components-button { margin-right: 0; } .wp-block-navigation-placeholder__actions.wp-block-navigation-placeholder__actions hr { border: 0; min-height: 1px; min-width: 1px; background-color: #1e1e1e; margin: auto 0; height: 100%; max-height: 16px; } /** * Mobile menu. */ @media (min-width: 600px) { .wp-block-navigation__responsive-container:not(.is-menu-open) .components-button.wp-block-navigation__responsive-container-close { display: none; } } .wp-block-navigation__responsive-container.is-menu-open { position: fixed; top: 155px; } @media (min-width: 782px) { .wp-block-navigation__responsive-container.is-menu-open { top: 93px; } } @media (min-width: 782px) { .wp-block-navigation__responsive-container.is-menu-open { left: 36px; } } @media (min-width: 960px) { .wp-block-navigation__responsive-container.is-menu-open { left: 160px; } } @media (min-width: 782px) { .has-fixed-toolbar .wp-block-navigation__responsive-container.is-menu-open { top: 141px; } } .is-mobile-preview .wp-block-navigation__responsive-container.is-menu-open, .is-tablet-preview .wp-block-navigation__responsive-container.is-menu-open { top: 141px; } .is-sidebar-opened .wp-block-navigation__responsive-container.is-menu-open { right: 280px; } .is-fullscreen-mode .wp-block-navigation__responsive-container.is-menu-open { left: 0; top: 155px; } @media (min-width: 782px) { .is-fullscreen-mode .wp-block-navigation__responsive-container.is-menu-open { top: 61px; } } @media (min-width: 782px) { .is-fullscreen-mode .has-fixed-toolbar .wp-block-navigation__responsive-container.is-menu-open { top: 109px; } } .is-fullscreen-mode .is-mobile-preview .wp-block-navigation__responsive-container.is-menu-open, .is-fullscreen-mode .is-tablet-preview .wp-block-navigation__responsive-container.is-menu-open { top: 109px; } body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-open { top: 0; right: 0; bottom: 0; left: 0; } .components-button.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open, .components-button.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close { padding: 0; height: auto; color: inherit; } .components-heading.wp-block-navigation-off-canvas-editor__title { margin: 0; } .wp-block-navigation-off-canvas-editor__header { margin-bottom: 8px; } .is-menu-open .wp-block-navigation__responsive-container-content * .block-list-appender { margin-top: 16px; } @keyframes fadein { 0% { opacity: 0; } 100% { opacity: 1; } } .wp-block-navigation__loading-indicator-container { padding: 8px 12px; } .wp-block-navigation .wp-block-navigation__uncontrolled-inner-blocks-loading-indicator { margin-top: 0; } @keyframes fadeouthalf { 0% { opacity: 1; } 100% { opacity: 0.5; } } .wp-block-navigation-delete-menu-button { width: 100%; justify-content: center; margin-bottom: 16px; } .components-button.is-link.wp-block-navigation-manage-menus-button { margin-bottom: 16px; } .wp-block-navigation__overlay-menu-preview { display: flex; align-items: center; justify-content: space-between; width: 100%; background-color: #f0f0f0; padding: 0 24px; height: 64px; margin-bottom: 12px; } .wp-block-navigation__overlay-menu-preview.open { box-shadow: inset 0 0 0 1px #e0e0e0; outline: 1px solid transparent; background-color: #fff; } .wp-block-navigation__toolbar-menu-selector.components-toolbar-group:empty { display: none; } .wp-block-navigation-placeholder__actions hr + hr { display: none; } /** * Navigation selector styles */ .wp-block-navigation__navigation-selector { margin-bottom: 16px; width: 100%; } .wp-block-navigation__navigation-selector-button { border: 1px solid; justify-content: space-between; width: 100%; } .wp-block-navigation__navigation-selector-button__icon { flex: 0 0 auto; } .wp-block-navigation__navigation-selector-button__label { flex: 0 1 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .wp-block-navigation__navigation-selector-button--createnew { border: 1px solid; margin-bottom: 16px; width: 100%; } .wp-block-navigation__responsive-container-open.components-button { opacity: 1; } .wp-block-navigation__menu-inspector-controls { overflow-x: auto; scrollbar-width: thin; scrollbar-gutter: stable both-edges; scrollbar-color: transparent transparent; will-change: transform; } .wp-block-navigation__menu-inspector-controls::-webkit-scrollbar { width: 12px; height: 12px; } .wp-block-navigation__menu-inspector-controls::-webkit-scrollbar-track { background-color: transparent; } .wp-block-navigation__menu-inspector-controls::-webkit-scrollbar-thumb { background-color: transparent; border-radius: 8px; border: 3px solid transparent; background-clip: padding-box; } .wp-block-navigation__menu-inspector-controls:hover::-webkit-scrollbar-thumb, .wp-block-navigation__menu-inspector-controls:focus::-webkit-scrollbar-thumb, .wp-block-navigation__menu-inspector-controls:focus-within::-webkit-scrollbar-thumb { background-color: #949494; } .wp-block-navigation__menu-inspector-controls:hover, .wp-block-navigation__menu-inspector-controls:focus, .wp-block-navigation__menu-inspector-controls:focus-within { scrollbar-color: #949494 transparent; } @media (hover: none) { .wp-block-navigation__menu-inspector-controls { scrollbar-color: #949494 transparent; } } .wp-block-navigation__menu-inspector-controls__empty-message { margin-left: 24px; } /** * Appender */ .wp-block-navigation .block-list-appender { position: relative; } /** * Submenus. */ .wp-block-navigation .has-child { cursor: pointer; } .wp-block-navigation .has-child .wp-block-navigation__submenu-container { z-index: 28; } .wp-block-navigation .has-child:hover .wp-block-navigation__submenu-container { z-index: 29; } .wp-block-navigation .has-child.is-selected > .wp-block-navigation__submenu-container, .wp-block-navigation .has-child.has-child-selected > .wp-block-navigation__submenu-container { visibility: visible !important; opacity: 1 !important; min-width: 200px !important; height: auto !important; width: auto !important; overflow: visible !important; } /** * Navigation Items. */ .wp-block-navigation-item .wp-block-navigation-item__content { cursor: text; } .wp-block-navigation-item.is-editing, .wp-block-navigation-item.is-selected { min-width: 20px; } .wp-block-navigation-item .block-list-appender { margin-top: 16px; margin-right: auto; margin-bottom: 16px; margin-left: 16px; } .wp-block-navigation-link__invalid-item { color: #000; } /** * Menu item setup state. Is shown when a menu item has no URL configured. */ .wp-block-navigation-link__placeholder { position: relative; text-decoration: none !important; box-shadow: none !important; background-image: none !important; } .wp-block-navigation-link__placeholder .wp-block-navigation-link__placeholder-text span { --wp-underline-color: var(--wp-admin-theme-color); background-image: linear-gradient(45deg, transparent 20%, var(--wp-underline-color) 30%, var(--wp-underline-color) 36%, transparent 46%), linear-gradient(135deg, transparent 54%, var(--wp-underline-color) 64%, var(--wp-underline-color) 70%, transparent 80%); background-position: 0 100%; background-size: 6px 3px; background-repeat: repeat-x; padding-bottom: 0.1em; } .is-dark-theme .wp-block-navigation-link__placeholder .wp-block-navigation-link__placeholder-text span { --wp-underline-color: #fff; } .wp-block-navigation-link__placeholder.wp-block-navigation-item__content { cursor: pointer; } /** * Link Control Transforms */ .link-control-transform { border-top: 1px solid #ccc; padding: 0 16px 8px 16px; } .link-control-transform__subheading { font-size: 11px; text-transform: uppercase; font-weight: 500; color: #1e1e1e; margin-bottom: 1.5em; } .link-control-transform__items { display: flex; justify-content: space-between; } .link-control-transform__item { flex-basis: 33%; flex-direction: column; gap: 8px; height: auto; } .wp-block-navigation-submenu { display: block; } .wp-block-navigation-submenu .wp-block-navigation__submenu-container { z-index: 28; } .wp-block-navigation-submenu.is-selected > .wp-block-navigation__submenu-container, .wp-block-navigation-submenu.has-child-selected > .wp-block-navigation__submenu-container { visibility: visible !important; opacity: 1 !important; min-width: 200px !important; height: auto !important; width: auto !important; position: absolute; left: -1px; top: 100%; } @media (min-width: 782px) { .wp-block-navigation-submenu.is-selected > .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container, .wp-block-navigation-submenu.has-child-selected > .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container { left: 100%; top: -1px; } .wp-block-navigation-submenu.is-selected > .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container::before, .wp-block-navigation-submenu.has-child-selected > .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; } } .block-editor-block-list__block[data-type="core/nextpage"] { max-width: 100%; text-align: center; margin-top: 28px; margin-bottom: 28px; } .wp-block-nextpage { display: block; text-align: center; white-space: nowrap; } .wp-block-nextpage > span { font-size: 13px; position: relative; text-transform: uppercase; font-weight: 600; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; color: #757575; border-radius: 4px; background: #fff; padding: 6px 8px; height: 24px; } .wp-block-nextpage::before { content: ""; position: absolute; top: calc(50%); left: 0; right: 0; border-top: 3px dashed #ccc; } .wp-block-navigation .wp-block-page-list > div, .wp-block-navigation .wp-block-page-list { background-color: inherit; } .wp-block-navigation.items-justified-space-between .wp-block-page-list > div, .wp-block-navigation.items-justified-space-between .wp-block-page-list { display: contents; flex: 1; } .wp-block-navigation.items-justified-space-between.has-child-selected .wp-block-page-list > div, .wp-block-navigation.items-justified-space-between.has-child-selected .wp-block-page-list, .wp-block-navigation.items-justified-space-between.is-selected .wp-block-page-list > div, .wp-block-navigation.items-justified-space-between.is-selected .wp-block-page-list { flex: inherit; } .wp-block-navigation .wp-block-navigation__submenu-container > .wp-block-page-list { display: block; } .wp-block-pages-list__item__link { pointer-events: none; } @media (min-width: 600px) { .wp-block-page-list-modal { max-width: 480px; } } .wp-block-page-list-modal-buttons { display: flex; justify-content: flex-end; gap: 12px; } .wp-block-page-list .open-on-click:focus-within > .wp-block-navigation__submenu-container { visibility: visible; opacity: 1; width: auto; height: auto; min-width: 200px; } .wp-block-page-list__loading-indicator-container { padding: 8px 12px; } .block-editor-block-list__block[data-type="core/paragraph"].has-drop-cap:focus { min-height: auto !important; } .block-editor-block-list__block[data-empty=true] [data-rich-text-placeholder] { opacity: 1; } .block-editor-block-list__block[data-empty=true] + .block-editor-block-list__block[data-empty=true]:not([data-custom-placeholder=true]) [data-rich-text-placeholder] { opacity: 0; } .block-editor-block-list__block[data-type="core/paragraph"].has-text-align-right[style*="writing-mode: vertical-rl"], .block-editor-block-list__block[data-type="core/paragraph"].has-text-align-left[style*="writing-mode: vertical-lr"] { rotate: 180deg; } .wp-block-post-excerpt .wp-block-post-excerpt__excerpt.is-inline { display: inline; } .wp-block-pullquote.is-style-solid-color blockquote p { font-size: 32px; } .wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation { text-transform: none; font-style: normal; } .wp-block-pullquote .wp-block-pullquote__citation { color: inherit; } .wp-block-rss li a > div { display: inline; } .wp-block-rss__placeholder-form > * { margin-bottom: 8px; } @media (min-width: 782px) { .wp-block-rss__placeholder-form > * { margin-bottom: 0; } } .wp-block-rss__placeholder-form .wp-block-rss__placeholder-input { flex: 1; min-width: 80%; } .wp-block[data-align=center] .wp-block-search .wp-block-search__inside-wrapper { margin: auto; } .wp-block-search .wp-block-search__button { height: auto; border-radius: initial; display: flex; align-items: center; justify-content: center; text-align: center; } .wp-block-search__components-button-group { margin-top: 10px; } .block-editor-block-list__block[data-type="core/separator"] { padding-top: 0.1px; padding-bottom: 0.1px; } .block-editor-block-list__block[data-type="core/separator"].wp-block-separator.is-style-dots { background: none !important; border: none; } [data-type="core/shortcode"].components-placeholder { min-height: 0; } .blocks-shortcode__textarea { box-sizing: border-box; max-height: 250px; resize: none; font-family: Menlo, Consolas, monaco, monospace !important; color: #1e1e1e !important; background: #fff !important; padding: 12px !important; border: 1px solid #1e1e1e !important; box-shadow: none !important; border-radius: 2px !important; font-size: 16px !important; } @media (min-width: 600px) { .blocks-shortcode__textarea { font-size: 13px !important; } } .blocks-shortcode__textarea:focus { border-color: var(--wp-admin-theme-color) !important; box-shadow: 0 0 0 1px var(--wp-admin-theme-color) !important; outline: 2px solid transparent !important; } .wp-block[data-align=center] > .wp-block-site-logo, .wp-block-site-logo.aligncenter > div { display: table; margin-left: auto; margin-right: auto; } .wp-block-site-logo a { pointer-events: none; } .wp-block-site-logo .custom-logo-link { cursor: inherit; } .wp-block-site-logo .custom-logo-link:focus { box-shadow: none; } .wp-block-site-logo .custom-logo-link.is-transient img { opacity: 0.3; } .wp-block-site-logo img { display: block; height: auto; max-width: 100%; } .wp-block-site-logo.wp-block-site-logo.is-default-size .components-placeholder { height: 60px; width: 60px; } .wp-block-site-logo.wp-block-site-logo > div, .wp-block-site-logo.wp-block-site-logo .components-resizable-box__container { border-radius: inherit; } .wp-block-site-logo.wp-block-site-logo .components-placeholder { display: flex; justify-content: center; align-items: center; padding: 0; border-radius: inherit; min-height: 48px; min-width: 48px; height: 100%; width: 100%; } .wp-block-site-logo.wp-block-site-logo .components-placeholder .components-form-file-upload { display: none; } .wp-block-site-logo.wp-block-site-logo .components-placeholder .components-drop-zone__content-text { display: none; } .wp-block-site-logo.wp-block-site-logo .components-placeholder .components-button.components-button { padding: 0; display: flex; justify-content: center; align-items: center; width: 48px; height: 48px; border-radius: 50%; position: relative; background: var(--wp-admin-theme-color); border-color: var(--wp-admin-theme-color); border-style: solid; color: #fff; } .wp-block-site-logo.wp-block-site-logo .components-placeholder .components-button.components-button > svg { color: inherit; } .block-library-site-logo__inspector-upload-container { position: relative; } .block-library-site-logo__inspector-upload-container .components-drop-zone__content-icon { display: none; } .block-library-site-logo__inspector-upload-container button.components-button, .block-library-site-logo__inspector-media-replace-container button.components-button { color: #1e1e1e; box-shadow: inset 0 0 0 1px #ccc; width: 100%; display: block; height: 40px; } .block-library-site-logo__inspector-upload-container button.components-button:hover, .block-library-site-logo__inspector-media-replace-container button.components-button:hover { color: var(--wp-admin-theme-color); } .block-library-site-logo__inspector-upload-container button.components-button:focus, .block-library-site-logo__inspector-media-replace-container button.components-button:focus { box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); } .block-library-site-logo__inspector-upload-container .block-library-site-logo__inspector-media-replace-title, .block-library-site-logo__inspector-media-replace-container .block-library-site-logo__inspector-media-replace-title { word-break: break-all; white-space: normal; text-align: start; text-align-last: center; } .block-library-site-logo__inspector-media-replace-container .components-dropdown { display: block; } .block-library-site-logo__inspector-media-replace-container img { width: 20px; min-width: 20px; aspect-ratio: 1; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); border-radius: 50% !important; } .block-library-site-logo__inspector-media-replace-container .block-library-site-logo__inspector-readonly-logo-preview { padding: 6px 12px; display: flex; height: 40px; } .wp-block-site-tagline__placeholder { padding: 1em 0; border: 1px dashed; } .wp-block-site-title__placeholder { padding: 1em 0; border: 1px dashed; } .editor-styles-wrapper .wp-block-site-title a { color: inherit; } .wp-block-social-links .wp-social-link { line-height: 0; } .wp-block-social-links .wp-social-link button { font-size: inherit; color: currentColor; height: auto; line-height: 0; opacity: 1; padding: 0.25em; } .wp-block-social-links.is-style-pill-shape .wp-social-link button { padding-left: calc((2/3) * 1em); padding-right: calc((2/3) * 1em); } .wp-block-social-links.is-style-logos-only .wp-social-link button { padding: 0; } .wp-block-social-links div.block-editor-url-input { display: inline-block; margin-left: 8px; } .wp-block-social-links.wp-block-social-links { background: none; } .wp-social-link:hover { transform: none; } .editor-styles-wrapper .wp-block-social-links { padding: 0; } .wp-block-social-links__social-placeholder { display: flex; opacity: 0.8; list-style: none; } .wp-block-social-links__social-placeholder > .wp-social-link { padding-left: 0 !important; margin-left: 0 !important; padding-right: 0 !important; margin-right: 0 !important; width: 0 !important; visibility: hidden; } .wp-block-social-links__social-placeholder > .wp-block-social-links__social-placeholder-icons { display: flex; } .wp-block-social-links__social-placeholder .wp-social-link { padding: 0.25em; } .is-style-pill-shape .wp-block-social-links__social-placeholder .wp-social-link { padding-left: calc((2/3) * 1em); padding-right: calc((2/3) * 1em); } .is-style-logos-only .wp-block-social-links__social-placeholder .wp-social-link { padding: 0; } .wp-block-social-links__social-placeholder .wp-social-link::before { content: ""; display: block; width: 1em; height: 1em; border-radius: 50%; } .is-style-logos-only .wp-block-social-links__social-placeholder .wp-social-link::before { background: currentColor; } .wp-block-social-links .wp-block-social-links__social-prompt { min-height: 24px; list-style: none; order: 2; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 13px; line-height: 24px; margin-top: auto; margin-bottom: auto; cursor: default; padding-right: 8px; } .wp-block[data-align=center] > .wp-block-social-links, .wp-block.wp-block-social-links.aligncenter { justify-content: center; } .block-editor-block-preview__content .components-button:disabled { opacity: 1; } .wp-social-link.wp-social-link__is-incomplete { opacity: 0.5; } @media (prefers-reduced-motion: reduce) { .wp-social-link.wp-social-link__is-incomplete { transition-duration: 0s; transition-delay: 0s; } } .wp-block-social-links .is-selected .wp-social-link__is-incomplete, .wp-social-link.wp-social-link__is-incomplete:hover, .wp-social-link.wp-social-link__is-incomplete:focus { opacity: 1; } .block-editor-block-list__block[data-type="core/spacer"]::before { content: ""; display: block; position: absolute; z-index: 1; width: 100%; min-height: 8px; min-width: 8px; height: 100%; } .wp-block-spacer.is-hovered .block-library-spacer__resize-container, .block-library-spacer__resize-container.has-show-handle, .wp-block-spacer.is-selected.custom-sizes-disabled { background: rgba(0, 0, 0, 0.1); } .is-dark-theme .wp-block-spacer.is-hovered .block-library-spacer__resize-container, .is-dark-theme .block-library-spacer__resize-container.has-show-handle, .is-dark-theme .wp-block-spacer.is-selected.custom-sizes-disabled { background: rgba(255, 255, 255, 0.15); } .block-library-spacer__resize-container { clear: both; } .block-library-spacer__resize-container:not(.is-resizing) { height: 100% !important; width: 100% !important; } .block-library-spacer__resize-container .components-resizable-box__handle::before { content: none; } .block-library-spacer__resize-container.resize-horizontal { margin-bottom: 0; height: 100% !important; } .wp-block[data-align=left] > .wp-block-table, .wp-block[data-align=right] > .wp-block-table, .wp-block[data-align=center] > .wp-block-table { height: auto; } .wp-block[data-align=left] > .wp-block-table table, .wp-block[data-align=right] > .wp-block-table table, .wp-block[data-align=center] > .wp-block-table table { width: auto; } .wp-block[data-align=left] > .wp-block-table td, .wp-block[data-align=left] > .wp-block-table th, .wp-block[data-align=right] > .wp-block-table td, .wp-block[data-align=right] > .wp-block-table th, .wp-block[data-align=center] > .wp-block-table td, .wp-block[data-align=center] > .wp-block-table th { word-break: break-word; } .wp-block[data-align=center] > .wp-block-table { text-align: initial; } .wp-block[data-align=center] > .wp-block-table table { margin: 0 auto; } .wp-block-table td, .wp-block-table th { border: 1px solid; padding: 0.5em; } .wp-block-table td.is-selected, .wp-block-table th.is-selected { border-color: var(--wp-admin-theme-color); box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color); border-style: double; } .wp-block-table table.has-individual-borders > *, .wp-block-table table.has-individual-borders tr, .wp-block-table table.has-individual-borders th, .wp-block-table table.has-individual-borders td { border-width: 1px; border-style: solid; border-color: currentColor; } .blocks-table__placeholder-form.blocks-table__placeholder-form { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; } @media (min-width: 782px) { .blocks-table__placeholder-form.blocks-table__placeholder-form { flex-direction: row; align-items: flex-end; } } .blocks-table__placeholder-input { width: 112px; } .block-editor-template-part__selection-modal { z-index: 1000001; } .block-editor-template-part__selection-modal .block-editor-block-patterns-list { column-count: 2; column-gap: 24px; } @media (min-width: 1280px) { .block-editor-template-part__selection-modal .block-editor-block-patterns-list { column-count: 3; } } .block-editor-template-part__selection-modal .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item { break-inside: avoid-column; } .block-library-template-part__selection-search { background: #fff; position: sticky; top: 0; padding: 16px 0; z-index: 2; } .is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-highlighted, .is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-selected, .is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.is-highlighted, .is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.is-selected { box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color); } .is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.block-editor-block-list__block:not([contenteditable]):focus::after, .is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.block-editor-block-list__block:not([contenteditable]):focus::after { box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color); } .is-dark-theme .is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.block-editor-block-list__block:not([contenteditable]):focus::after, .is-dark-theme .is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.block-editor-block-list__block:not([contenteditable]):focus::after { box-shadow: 0 0 0 var(--wp-admin-border-width-focus) #fff; } .wp-block-text-columns .block-editor-rich-text__editable:focus { outline: 1px solid #ddd; } .wp-block-video.wp-block-video.is-selected .components-placeholder { color: #1e1e1e; background-color: #fff; box-shadow: inset 0 0 0 1px #1e1e1e; border: none; border-radius: 2px; } .wp-block-video.wp-block-video.is-selected .components-placeholder > svg { opacity: 0; } .wp-block-video.wp-block-video.is-selected .components-placeholder .components-placeholder__illustration { display: none; } .wp-block-video.wp-block-video.is-selected .components-placeholder::before { opacity: 0; } .wp-block-video.wp-block-video .components-placeholder__label, .wp-block-video.wp-block-video .components-placeholder__instructions, .wp-block-video.wp-block-video .components-button { transition: none; } .wp-block[data-align=center] > .wp-block-video { text-align: center; } .wp-block-video { position: relative; } .wp-block-video.is-transient video { opacity: 0.3; } .wp-block-video .components-spinner { position: absolute; top: 50%; left: 50%; margin-top: -9px; margin-left: -9px; } .editor-video-poster-control .components-base-control__label { display: block; } .editor-video-poster-control .components-button { margin-right: 8px; } .block-library-video-tracks-editor { z-index: 159990; } .block-library-video-tracks-editor__track-list-track { padding-left: 12px; } .block-library-video-tracks-editor__single-track-editor-kind-select { max-width: 240px; } .block-library-video-tracks-editor__single-track-editor-edit-track-label { margin-top: 4px; color: #757575; text-transform: uppercase; font-size: 11px; font-weight: 500; display: block; } .block-library-video-tracks-editor > .components-popover__content { width: 360px; padding: 0; } .block-library-video-tracks-editor__track-list .components-menu-group__label, .block-library-video-tracks-editor__add-tracks-container .components-menu-group__label { padding: 0; } .block-library-video-tracks-editor__single-track-editor, .block-library-video-tracks-editor__track-list, .block-library-video-tracks-editor__add-tracks-container { padding: 12px; } .editor-styles-wrapper ul.wp-block-post-template { padding-left: 0; margin-left: 0; list-style: none; } .block-library-query-toolbar__popover .components-popover__content { min-width: 230px; } .wp-block-query__create-new-link { padding: 0 16px 16px 52px; } .block-library-query__pattern-selection-content .block-editor-block-patterns-list { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 8px; } .block-library-query__pattern-selection-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item { margin-bottom: 0; } .block-library-query__pattern-selection-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item .block-editor-block-preview__container { max-height: 250px; } .block-library-query-pattern__selection-modal .block-editor-block-patterns-list { column-count: 2; column-gap: 24px; } @media (min-width: 1280px) { .block-library-query-pattern__selection-modal .block-editor-block-patterns-list { column-count: 3; } } .block-library-query-pattern__selection-modal .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item { break-inside: avoid-column; } .block-library-query-pattern__selection-modal .block-library-query-pattern__selection-search { background: #fff; position: sticky; top: 0; padding: 16px 0; margin-bottom: 2px; z-index: 2; } .block-library-query-toolspanel__filters .components-form-token-field__help { margin-bottom: 0; } .block-library-query-toolspanel__filters .block-library-query-inspector__taxonomy-control:not(:last-child) { margin-bottom: 24px; } @media (min-width: 600px) { .wp-block-query__enhanced-pagination-modal { max-width: 480px; } } .wp-block-query__enhanced-pagination-notice { margin: 0; } .wp-block[data-align=center] > .wp-block-query-pagination { justify-content: center; } .editor-styles-wrapper .wp-block-query-pagination { max-width: 100%; } .editor-styles-wrapper .wp-block-query-pagination.block-editor-block-list__layout { margin: 0; } .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 { margin-left: 0; margin-top: 0.5em; /*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-numbers a { text-decoration: underline; } .wp-block-query-pagination-numbers .page-numbers { margin-right: 2px; } .wp-block-query-pagination-numbers .page-numbers:last-child { /*rtl:ignore*/ margin-right: 0; } .wp-block-post-featured-image .block-editor-media-placeholder { z-index: 1; -webkit-backdrop-filter: none; backdrop-filter: none; } .wp-block-post-featured-image .wp-block-post-featured-image__placeholder, .wp-block-post-featured-image .components-placeholder { justify-content: center; align-items: center; padding: 0; display: flex; min-height: 200px; } .wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-form-file-upload, .wp-block-post-featured-image .components-placeholder .components-form-file-upload { display: none; } .wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-button, .wp-block-post-featured-image .components-placeholder .components-button { padding: 0; display: flex; justify-content: center; align-items: center; width: 48px; height: 48px; border-radius: 50%; position: relative; background: var(--wp-admin-theme-color); border-color: var(--wp-admin-theme-color); border-style: solid; color: #fff; } .wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-button > svg, .wp-block-post-featured-image .components-placeholder .components-button > svg { color: inherit; } .wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where(.has-border-color), .wp-block-post-featured-image .components-placeholder:where(.has-border-color), .wp-block-post-featured-image img:where(.has-border-color) { border-style: solid; } .wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-top-color"]), .wp-block-post-featured-image .components-placeholder:where([style*="border-top-color"]), .wp-block-post-featured-image img:where([style*="border-top-color"]) { border-top-style: solid; } .wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-right-color"]), .wp-block-post-featured-image .components-placeholder:where([style*="border-right-color"]), .wp-block-post-featured-image img:where([style*="border-right-color"]) { border-right-style: solid; } .wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-bottom-color"]), .wp-block-post-featured-image .components-placeholder:where([style*="border-bottom-color"]), .wp-block-post-featured-image img:where([style*="border-bottom-color"]) { border-bottom-style: solid; } .wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-left-color"]), .wp-block-post-featured-image .components-placeholder:where([style*="border-left-color"]), .wp-block-post-featured-image img:where([style*="border-left-color"]) { border-left-style: solid; } .wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-width"]), .wp-block-post-featured-image .components-placeholder:where([style*="border-width"]), .wp-block-post-featured-image img:where([style*="border-width"]) { border-style: solid; } .wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-top-width"]), .wp-block-post-featured-image .components-placeholder:where([style*="border-top-width"]), .wp-block-post-featured-image img:where([style*="border-top-width"]) { border-top-style: solid; } .wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-right-width"]), .wp-block-post-featured-image .components-placeholder:where([style*="border-right-width"]), .wp-block-post-featured-image img:where([style*="border-right-width"]) { border-right-style: solid; } .wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-bottom-width"]), .wp-block-post-featured-image .components-placeholder:where([style*="border-bottom-width"]), .wp-block-post-featured-image img:where([style*="border-bottom-width"]) { border-bottom-style: solid; } .wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-left-width"]), .wp-block-post-featured-image .components-placeholder:where([style*="border-left-width"]), .wp-block-post-featured-image img:where([style*="border-left-width"]) { border-left-style: solid; } .wp-block-post-featured-image[style*=height] .components-placeholder { min-height: 48px; min-width: 48px; height: 100%; width: 100%; } .wp-block-post-featured-image > a { cursor: default; } .wp-block-post-featured-image.is-selected .components-placeholder.has-illustration .components-button, .wp-block-post-featured-image.is-selected .components-placeholder.has-illustration .components-placeholder__instructions, .wp-block-post-featured-image.is-selected .components-placeholder.has-illustration .components-placeholder__label { opacity: 1; pointer-events: auto; } div[data-type="core/post-featured-image"] img { max-width: 100%; height: auto; display: block; } .wp-block-post-comments-form * { pointer-events: none; } .wp-block-post-comments-form *.block-editor-warning * { pointer-events: auto; } .wp-block-post-content.wp-block-post-content { -webkit-user-select: none; user-select: none; } /** * Element styles for the editor */ .wp-element-button { cursor: revert; } .wp-element-button[role=textbox] { cursor: text; } :root .editor-styles-wrapper { /* * 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 */ } :root .editor-styles-wrapper .has-very-light-gray-background-color { background-color: #eee; } :root .editor-styles-wrapper .has-very-dark-gray-background-color { background-color: #313131; } :root .editor-styles-wrapper .has-very-light-gray-color { color: #eee; } :root .editor-styles-wrapper .has-very-dark-gray-color { color: #313131; } :root .editor-styles-wrapper .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background { background: linear-gradient(135deg, #00d084 0%, #0693e3 100%); } :root .editor-styles-wrapper .has-purple-crush-gradient-background { background: linear-gradient(135deg, #34e2e4 0%, #4721fb 50%, #ab1dfe 100%); } :root .editor-styles-wrapper .has-hazy-dawn-gradient-background { background: linear-gradient(135deg, #faaca8 0%, #dad0ec 100%); } :root .editor-styles-wrapper .has-subdued-olive-gradient-background { background: linear-gradient(135deg, #fafae1 0%, #67a671 100%); } :root .editor-styles-wrapper .has-atomic-cream-gradient-background { background: linear-gradient(135deg, #fdd79a 0%, #004a59 100%); } :root .editor-styles-wrapper .has-nightshade-gradient-background { background: linear-gradient(135deg, #330968 0%, #31cdcf 100%); } :root .editor-styles-wrapper .has-midnight-gradient-background { background: linear-gradient(135deg, #020381 0%, #2874fc 100%); } :where(.editor-styles-wrapper) { --wp--preset--font-size--normal: 16px; --wp--preset--font-size--huge: 42px; } :where(.editor-styles-wrapper) .has-regular-font-size { font-size: 16px; } :where(.editor-styles-wrapper) .has-larger-font-size { font-size: 42px; } :where(.editor-styles-wrapper) .has-normal-font-size { font-size: var(--wp--preset--font-size--normal); } :where(.editor-styles-wrapper) .has-huge-font-size { font-size: var(--wp--preset--font-size--huge); } /** * Editor Normalization Styles * * These are only output in the editor, but styles here are NOT prefixed .editor-styles-wrapper. * This allows us to create normalization styles that are easily overridden by editor styles. */ :where(.editor-styles-wrapper) iframe:not([frameborder]) { border: 0; } /** * Converts a hex value into the rgb equivalent. * * @param {string} hex - the hexadecimal value to convert * @return {string} comma separated rgb values */ /** * 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. */ /** * Converts a hex value into the rgb equivalent. * * @param {string} hex - the hexadecimal value to convert * @return {string} comma separated rgb values */ /** * 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 */ /** * Long content fade mixin * * Creates a fading overlay to signify that the content is longer * than the space allows. */ /** * Breakpoint mixins */ /** * 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 figcaption { color: #555; font-size: 13px; text-align: center; } .is-dark-theme .wp-block-audio figcaption { color: rgba(255, 255, 255, 0.65); } .wp-block-audio { margin: 0 0 1em 0; } .wp-block-code { border: 1px solid #ccc; border-radius: 4px; font-family: Menlo, Consolas, monaco, monospace; padding: 0.8em 1em; } .wp-block-embed figcaption { color: #555; font-size: 13px; text-align: center; } .is-dark-theme .wp-block-embed figcaption { color: rgba(255, 255, 255, 0.65); } .wp-block-embed { margin: 0 0 1em 0; } .blocks-gallery-caption { color: #555; font-size: 13px; text-align: center; } .is-dark-theme .blocks-gallery-caption { color: rgba(255, 255, 255, 0.65); } .wp-block-image figcaption { color: #555; font-size: 13px; text-align: center; } .is-dark-theme .wp-block-image figcaption { color: rgba(255, 255, 255, 0.65); } .wp-block-image { margin: 0 0 1em 0; } .wp-block-pullquote { border-top: 4px solid currentColor; border-bottom: 4px solid currentColor; margin-bottom: 1.75em; color: currentColor; } .wp-block-pullquote cite, .wp-block-pullquote footer, .wp-block-pullquote__citation { color: currentColor; text-transform: uppercase; font-size: 0.8125em; font-style: normal; } .wp-block-quote { border-left: 0.25em solid currentColor; margin: 0 0 1.75em 0; padding-left: 1em; } .wp-block-quote cite, .wp-block-quote footer { color: currentColor; font-size: 0.8125em; position: relative; font-style: normal; } .wp-block-quote.has-text-align-right { border-left: none; border-right: 0.25em solid currentColor; padding-left: 0; padding-right: 1em; } .wp-block-quote.has-text-align-center { border: none; padding-left: 0; } .wp-block-quote.is-style-plain, .wp-block-quote.is-style-large, .wp-block-quote.is-large { border: none; } .wp-block-search .wp-block-search__label { font-weight: bold; } .wp-block-search__button { border: 1px solid #ccc; padding: 0.375em 0.625em; } :where(.wp-block-group.has-background) { padding: 1.25em 2.375em; } .wp-block-separator.has-css-opacity { opacity: 0.4; } .wp-block-separator { border: none; border-bottom: 2px solid currentColor; margin-left: auto; margin-right: auto; } .wp-block-separator.has-alpha-channel-opacity { opacity: initial; } .wp-block-separator:not(.is-style-wide):not(.is-style-dots) { width: 100px; } .wp-block-separator.has-background:not(.is-style-dots) { border-bottom: none; height: 1px; } .wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots) { height: 2px; } .wp-block-table { margin: 0 0 1em 0; } .wp-block-table td, .wp-block-table th { word-break: normal; } .wp-block-table figcaption { color: #555; font-size: 13px; text-align: center; } .is-dark-theme .wp-block-table figcaption { color: rgba(255, 255, 255, 0.65); } .wp-block-video figcaption { color: #555; font-size: 13px; text-align: center; } .is-dark-theme .wp-block-video figcaption { color: rgba(255, 255, 255, 0.65); } .wp-block-video { margin: 0 0 1em 0; } .wp-block-template-part.has-background { padding: 1.25em 2.375em; margin-top: 0; margin-bottom: 0; } /** * Converts a hex value into the rgb equivalent. * * @param {string} hex - the hexadecimal value to convert * @return {string} comma separated rgb values */ /** * 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. */ /** * Converts a hex value into the rgb equivalent. * * @param {string} hex - the hexadecimal value to convert * @return {string} comma separated rgb values */ /** * 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 */ /** * Long content fade mixin * * Creates a fading overlay to signify that the content is longer * than the space allows. */ /** * Breakpoint mixins */ /** * 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; --wp-block-synced-color: #7a00df; --wp-block-synced-color--rgb: 122, 0, 223; --wp-bound-block-color: #9747ff; } @media (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-popover .block-editor-format-toolbar__image-container-value { margin: 7px; min-width: 150px; max-width: 500px; } .block-editor-format-toolbar__image-popover .block-editor-format-toolbar__image-container-button { height: 30px; margin-bottom: 8px; margin-right: 8px; } .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; } .format-library__inline-color-popover [role=tabpanel] { padding: 16px; } .block-editor-format-toolbar__language-popover .components-popover__content { width: auto; padding: 1rem; } /** * Converts a hex value into the rgb equivalent. * * @param {string} hex - the hexadecimal value to convert * @return {string} comma separated rgb values */ /** * 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. */ /** * Converts a hex value into the rgb equivalent. * * @param {string} hex - the hexadecimal value to convert * @return {string} comma separated rgb values */ /** * 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 */ /** * Long content fade mixin * * Creates a fading overlay to signify that the content is longer * than the space allows. */ /** * Breakpoint mixins */ /** * 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; --wp-block-synced-color: #7a00df; --wp-block-synced-color--rgb: 122, 0, 223; --wp-bound-block-color: #9747ff; } @media (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%; margin: 0; } @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 .interface-complementary-area-header__title { margin: 0; } .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; } @media (min-width: 782px) { .interface-interface-skeleton__content { z-index: auto; } } .interface-interface-skeleton__secondary-sidebar, .interface-interface-skeleton__sidebar { 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; width: auto; } .is-sidebar-opened .interface-interface-skeleton__secondary-sidebar, .is-sidebar-opened .interface-interface-skeleton__sidebar { z-index: 90; } } .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; color: #1e1e1e; background: #fff; width: 100vw; } @media (min-width: 782px) { .interface-interface-skeleton__actions { width: 280px; } } .interface-interface-skeleton__actions:focus, .interface-interface-skeleton__actions:focus-within { top: auto; bottom: 0; } .is-entity-save-view-open .interface-interface-skeleton__actions:focus, .is-entity-save-view-open .interface-interface-skeleton__actions:focus-within { top: 46px; } @media (min-width: 782px) { .is-entity-save-view-open .interface-interface-skeleton__actions:focus, .is-entity-save-view-open .interface-interface-skeleton__actions:focus-within { border-left: 1px solid #ddd; top: 32px; } .is-fullscreen-mode .is-entity-save-view-open .interface-interface-skeleton__actions:focus, .is-fullscreen-mode .is-entity-save-view-open .interface-interface-skeleton__actions:focus-within { top: 0; } } .interface-pinned-items { display: flex; gap: 8px; } .interface-pinned-items .components-button { display: none; margin: 0; } .interface-pinned-items .components-button[aria-controls="edit-post:document"], .interface-pinned-items .components-button[aria-controls="edit-post:block"], .interface-pinned-items .components-button[aria-controls="edit-site:template"], .interface-pinned-items .components-button[aria-controls="edit-site:block-inspector"], .interface-pinned-items .components-button[aria-controls="edit-site:global-styles"] { display: flex; } .interface-pinned-items .components-button svg { max-width: 24px; max-height: 24px; } @media (min-width: 600px) { .interface-pinned-items .components-button { display: flex; } } .edit-post-header { height: 60px; background: #fff; display: flex; flex-wrap: wrap; align-items: center; max-width: 100vw; justify-content: space-between; } @media (min-width: 280px) { .edit-post-header { flex-wrap: nowrap; } } .edit-post-header__toolbar { display: flex; flex-shrink: 8; flex-grow: 3; overflow: hidden; padding: 2px 0; align-items: center; } .edit-post-header__toolbar .table-of-contents { display: none; } @media (min-width: 600px) { .edit-post-header__toolbar .table-of-contents { display: block; } } .edit-post-header__toolbar .selected-block-tools-wrapper { overflow: hidden; display: flex; align-items: center; height: 60px; } .edit-post-header__toolbar .selected-block-tools-wrapper .block-editor-block-contextual-toolbar { border-bottom: 0; height: 100%; } .edit-post-header__toolbar .selected-block-tools-wrapper .block-editor-block-toolbar { height: 100%; padding-top: 15px; } .edit-post-header__toolbar .selected-block-tools-wrapper .block-editor-block-toolbar .components-button:not(.block-editor-block-mover-button) { height: 32px; } .edit-post-header__toolbar .selected-block-tools-wrapper::after { content: ""; width: 1px; height: 24px; background-color: #ddd; margin-left: 8px; } .edit-post-header__toolbar .selected-block-tools-wrapper .components-toolbar-group, .edit-post-header__toolbar .selected-block-tools-wrapper .components-toolbar { border-right: none; } .edit-post-header__toolbar .selected-block-tools-wrapper .components-toolbar-group::after, .edit-post-header__toolbar .selected-block-tools-wrapper .components-toolbar::after { content: ""; width: 1px; height: 24px; background-color: #ddd; margin-top: 4px; margin-left: 8px; } .edit-post-header__toolbar .selected-block-tools-wrapper .components-toolbar-group .components-toolbar-group.components-toolbar-group::after, .edit-post-header__toolbar .selected-block-tools-wrapper .components-toolbar .components-toolbar-group.components-toolbar-group::after { display: none; } .edit-post-header__toolbar .selected-block-tools-wrapper .block-editor-block-mover.is-horizontal .block-editor-block-mover-button { height: 32px; overflow: visible; } @media (min-width: 600px) { .edit-post-header__toolbar .selected-block-tools-wrapper .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container { position: relative; top: -10px; } } .edit-post-header__toolbar .selected-block-tools-wrapper.is-collapsed { display: none; } .edit-post-header__block-tools-toggle { margin-left: 2px; } .edit-post-header__center { flex-grow: 1; display: flex; justify-content: center; } .edit-post-header__center.is-collapsed { display: none; } /** * Buttons on the right side */ .edit-post-header__settings { display: inline-flex; align-items: center; flex-wrap: nowrap; padding-right: 4px; gap: 8px; } @media (min-width: 600px) { .edit-post-header__settings { padding-right: 8px; } } /** * 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 .editor-document-tools__inserter-toggle.editor-document-tools__inserter-toggle, .show-icon-labels.interface-pinned-items .interface-pinned-items .components-button, .show-icon-labels .edit-post-header .editor-document-tools__inserter-toggle.editor-document-tools__inserter-toggle, .show-icon-labels .edit-post-header .interface-pinned-items .components-button, .edit-post-header__dropdown .editor-document-tools__inserter-toggle.editor-document-tools__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 .editor-document-tools__inserter-toggle.editor-document-tools__inserter-toggle, .show-icon-labels.interface-pinned-items .interface-pinned-items .components-button, .show-icon-labels .edit-post-header .editor-document-tools__inserter-toggle.editor-document-tools__inserter-toggle, .show-icon-labels .edit-post-header .interface-pinned-items .components-button, .edit-post-header__dropdown .editor-document-tools__inserter-toggle.editor-document-tools__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.interface-pinned-items .editor-post-saved-state.editor-post-saved-state::after, .show-icon-labels .edit-post-header .editor-post-save-draft.editor-post-save-draft::after, .show-icon-labels .edit-post-header .editor-post-saved-state.editor-post-saved-state::after, .edit-post-header__dropdown .editor-post-save-draft.editor-post-save-draft::after, .edit-post-header__dropdown .editor-post-saved-state.editor-post-saved-state::after { content: none; } .show-icon-labels .edit-post-header__toolbar .block-editor-block-mover { border-left: none; } .show-icon-labels .edit-post-header__toolbar .block-editor-block-mover::before { content: ""; width: 1px; height: 24px; background-color: #ddd; margin-top: 4px; margin-left: 8px; } .show-icon-labels .edit-post-header__toolbar .block-editor-block-mover .block-editor-block-mover__move-button-container::before { width: calc(100% - 24px); background: #ddd; left: calc(50% + 1px); } .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; } @media (min-width: 600px) { .edit-post-header__post-preview-button { display: none; } } .is-distraction-free .interface-interface-skeleton__header { border-bottom: none; } .is-distraction-free .edit-post-header { -webkit-backdrop-filter: blur(20px) !important; backdrop-filter: blur(20px) !important; background-color: rgba(255, 255, 255, 0.9); border-bottom: 1px solid #e0e0e0; position: absolute; width: 100%; } .is-distraction-free .edit-post-header > .edit-post-header__settings > .edit-post-header__post-preview-button { visibility: hidden; } .is-distraction-free .edit-post-header > .edit-post-header__toolbar .editor-document-tools__inserter-toggle, .is-distraction-free .edit-post-header > .edit-post-header__toolbar .editor-document-tools__document-overview-toggle, .is-distraction-free .edit-post-header > .edit-post-header__settings > .editor-preview-dropdown, .is-distraction-free .edit-post-header > .edit-post-header__settings > .interface-pinned-items { display: none; } .is-distraction-free .interface-interface-skeleton__header:focus-within { opacity: 1 !important; } .is-distraction-free .interface-interface-skeleton__header:focus-within div { transform: translateX(0) translateZ(0) !important; } .is-distraction-free .components-editor-notices__dismissible { position: absolute; z-index: 35; } .components-popover.more-menu-dropdown__content { z-index: 99998; } .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: 10px; 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; object-fit: cover; margin-top: -1px; } .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; } .is-distraction-free .components-editor-notices__snackbar { bottom: 20px; } .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; box-sizing: border-box; width: 280px; background-color: #fff; border: 1px dotted #ddd; height: auto !important; padding: 24px; display: flex; justify-content: center; } .interface-interface-skeleton__sidebar:focus .edit-post-layout__toggle-sidebar-panel, .interface-interface-skeleton__sidebar:focus-within .edit-post-layout__toggle-sidebar-panel { top: auto; bottom: 0; } .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, .interface-interface-skeleton__actions:focus .edit-post-layout__toggle-publish-panel, .interface-interface-skeleton__actions:focus-within .edit-post-layout__toggle-publish-panel { top: auto; bottom: 0; } .edit-post-layout .entities-saved-states__panel-header { height: 61px; } .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; } .components-panel__header.edit-post-sidebar__panel-tabs { padding-left: 0; padding-right: 16px; } .components-panel__header.edit-post-sidebar__panel-tabs .components-button.has-icon { 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; } } .edit-post-sidebar__panel { margin-top: -1px; } .edit-post-post-format { display: flex; flex-direction: column; align-items: stretch; } .edit-post-post-slug { display: flex; flex-direction: column; align-items: stretch; } .edit-post-post-visibility__dialog .editor-post-visibility { min-width: 248px; margin: 8px; } 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:not(.is-raw-text), .edit-post-text-editor .editor-post-title.is-raw-text textarea { max-width: none; line-height: 1.4; font-family: Menlo, Consolas, monaco, monospace; font-size: 2.5em; font-weight: normal; border: 1px solid #949494; border-radius: 0; padding: 16px; } @media (min-width: 600px) { .edit-post-text-editor .editor-post-title:not(.is-raw-text), .edit-post-text-editor .editor-post-title.is-raw-text textarea { padding: 24px; } } .edit-post-text-editor .editor-post-title:not(.is-raw-text):focus, .edit-post-text-editor .editor-post-title.is-raw-text textarea: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: 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-visual-editor { position: relative; display: flex; flex-flow: column; background-color: #ddd; flex: 1 0 auto; } .edit-post-visual-editor:not(.has-inline-canvas) { overflow: hidden; } .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.has-icon { padding: 6px; } .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%; 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; } .edit-post-start-page-options__modal-content .block-editor-block-patterns-list { column-count: 2; column-gap: 24px; } @media (min-width: 782px) { .edit-post-start-page-options__modal-content .block-editor-block-patterns-list { column-count: 3; } } @media (min-width: 1280px) { .edit-post-start-page-options__modal-content .block-editor-block-patterns-list { column-count: 4; } } .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; } } body.js.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.js.block-editor-page #wpcontent { padding-left: 0; } body.js.block-editor-page #wpbody-content { padding-bottom: 0; } body.js.block-editor-page #wpbody-content > div:not(.block-editor):not(#screen-meta) { display: none; } body.js.block-editor-page #wpfooter { display: none; } body.js.block-editor-page .a11y-speak-region { left: -1px; top: -1px; } body.js.block-editor-page ul#adminmenu a.wp-has-current-submenu::after, body.js.block-editor-page ul#adminmenu > li.current > a.current::after { border-right-color: #fff; } body.js.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 { 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 { 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 (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 (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 (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 (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 (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 (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 (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 (min-resolution: 192dpi) { body.admin-color-sunrise { --wp-admin-border-width-focus: 1.5px; } } .interface-interface-skeleton__sidebar { border-left: none; } @media (min-width: 782px) { .is-sidebar-opened .interface-interface-skeleton__sidebar { border-left: 1px solid #e0e0e0; overflow: hidden scroll; } }